@charset "utf-8";
img {border:0;}
ul, li {padding:0; margin:0; list-style:none;}
.pointer {cursor:pointer;}
.bold {font-weight:bold;}
.black {color:black;}
.green {color:green;}
.white{color:white;}
.red {color:red;}
.orange {color:orange;}
.blue {color:blue;}
.gray {color:gray;}
.silver {color:silver;}
.clearboth {clear:both; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.color555 {color:#555;}
.color999 {color:#999;}
.hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

* {margin:0; padding:0; font-family:나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", AppleGothic, 굴림, Gulim, 돋움, Dotum, Sans-serif; font-size:12px;}
a:link {text-decoration:none; color:#000;}
a:visit {text-decoration:none; font-weight:bold; color:red;}
a:hover {text-decoration:underline; color:red;}
 
/* main_layout */`
#wrap {position:relative; width:100%; z-index:0;}
#top {position:relative; width:100%; height:125px; text-align:center; z-index:10; font-size:0px;}
	#top_in {position:relative; width:980px; height:125px; background:url('/img/bg/bg_top.gif') top repeat-x; margin:0 auto; text-align:left; z-index:0; font-size:0px;}

#body {position:relative; width:100%; height:400px; text-align:center; z-index:0; font-size:0px;}
	#body_in {position:relative; width:980px; height:400px; margin:0 auto; text-align:left; z-index:0; font-size:0px;}

#content {position:relative; width:100%; height:240px; text-align:center; z-index:0; font-size:0;}
	#content_in {position:relative; width:980px; height:240px; margin:0 auto; text-align:left; z-index:0; font-size:0;}

#foot {position:relative; width:100%; height:65px; text-align:center; z-index:0;}
	#foot_in {position:relative; width:980px; height:65px; margin:0 auto; text-align:left; z-index:0;}


/*main_content*/
.newsBx {width:275px; height:100px; float:left; margin:30px 0 0 60px;}
.newsBx .md_notice {width:275px; height:90px; overflow:hidden; float:left; margin-bottom:20px;}
.newsBx .md_notice .pwrap {height:5px; font-size:0;}
.newsBx .md_notice h2 {position:relative; width:275px; height:15px; margin-bottom:15px;}
.newsBx .md_notice h2 .tit {margin:0 117px 10px 5px; float:left;}
.newsBx .md_notice li {position:relative; width:265px; text-align:left; padding-left:7px; font-size:12px; line-height:18px; background:url('/img/bg/dot.gif') 0 50% no-repeat;}
.newsBx .md_notice li span {position:absolute; top:0; right:0; font-family:'Dotum'; font-size:12px; color:#000;}
.newsBx .md_notice .rseof {position:relative; text-align:center; margin:50px 0; background:none; padding:0;}


.newsBx .md_simulation {float:left; width:275px; height:70px;}
.newsBx .md_simulation h2 {position:relative; width:275px; height:15px; margin-bottom:10px;}
.newsBx .md_simulation p {position:relative; width:275px; height:70px; float:left;}

.boardBx {width:275px; height:100px; float:left; margin:30px 0 0 40px;}
.boardBx .md_board {width:275px; height:90px; overflow:hidden; float:left; margin-bottom:20px;}
.boardBx .md_board .pwrap {height:5px; font-size:0;}
.boardBx .md_board h2 {position:relative; width:275px; height:15px; margin-bottom:15px;}
.boardBx .md_board h2 .tit {margin:0 117px 10px 5px; float:left;}
.boardBx .md_board p {position:relative; width:100px; height:54px; float:left;}
.boardBx .md_board ul {width:155px; margin-left:15px; float:left;}
.boardBx .md_board li {position:relative; width:155px; text-align:left; padding-left:7px; font-size:12px; line-height:18px; background:url('/img/bg/dot.gif') 0 50% no-repeat;}
.boardBx .md_board li span {position:absolute; top:0; right:0; font-family:'Dotum'; font-size:12px; color:#000;}
.boardBx .md_board .rseof {position:relative; text-align:center; margin:50px 0; background:none; padding:0;}

.boardBx .md_specifications {float:left; width:275px; height:70px;}
.boardBx .md_specifications h2 {position:relative; width:275px; height:15px; margin-bottom:10px;}
.boardBx .md_specifications p {position:relative; width:275px; height:70px; float:left;}

.more {position:absolute; right:0; padding-top:6px;}

.QuickBx {width:275px; height:195px; float:left; margin:30px 0 0 40px;}
.QuickBx .md_Quick h2 {position:relative; width:275px; height:15px; margin-bottom:15px;}


/* sub_layout */
#wrap_sub {position:relative; width:100%; height:160px; text-align:center; z-index:10; font-size:0px;}
#fla_sub {position:relative; width:980px; height:160px; margin:0 auto; text-align:center;}

#sub_data {position:relative; width:100%; text-align:center; background:#fff;}
#sub_body {position:relative; width:980px; margin:0 auto; text-align:left;}

#sub_left {position:relative; width:210px; height:500px; margin-right:50px; float:left; font-size:0px; background:url('/img/bg/sub_leftbg.gif') top center repeat-x;}
#sub_left h2 {position:relative; width:18px; font-size:0px; margin-top:30px;}
#sub_left ul li {position:relative; width:180px; height:30px; font-size:0px;}
#sub_left .online {padding-top:70px;}
#sub_left .depth {position:relative; width:180px; height:23px; font-size:0px;}

#sub_right {position:relative; width:720px; float:left; margin-top:30px;}
#sub_right .h2 {position:relative; width:720px; height:40px;}
.h2 .mapping {position:absolute; top:15px; right:10px; color:#000; font-size:11px;}
#sub_right .contents {position:relative; width:720px; border-top:1px solid #ccc;}

/* sub_layout 시뮬레이션 */
#sub_data {position:relative; width:100%; text-align:center; background:#fff;}
#sub_body {position:relative; width:980px; margin:0 auto; text-align:left;}

#sub_right2 {position:relative; width:980px; float:left; margin-top:30px;}
#sub_right2 .h2 {position:relative; width:980px; height:40px;}
.h2 .mapping {position:absolute; top:15px; right:10px; color:#000; font-size:11px;}
#sub_right2 .contents2 {position:relative; width:980px; border-top:1px solid #ccc;}


/* navi */
.logo {position:absolute; top:40px; left:35px;}
.logo_mono_a {position:absolute; top:25px; float:left;}
.copyright {position:absolute; top:25px; left:250px;}
.foot01 {position:absolute; top:18px; left:642px;}
.foot02 {position:absolute; top:10px; left:755px;}
.webmoa {position:relative; top:25px; float:right;}
.sit {position:absolute; top:15px; width:60px; height:13px; right:60px;}
.email {position:absolute; top:15px; width:30px; height:13px; right:10px;}

* {margin:0; padding:0;}
img {border:0;}
.navigation_wrap {position:absolute; top:0; left:0; width:673px; height:54px;}
.navigation_wrap ul li {position:relative; float:left; padding:0 30px; font-size:0; height:15px;}
.navigation_wrap ul li.rightliline {border-right:1px solid #ccc;}

.navigation_in_black {position:absolute; top:25px; background:black; height:21px; font-size:0; display:none;}
.navigation_in_black img {position:relative; margin-top:5px;}
.navigation_in_black a {padding:0 15px 0 15px;}
#navi_in_black1 {left:24px;}
#navi_in_black2 {left:130px;}

.skip {position:relative; width:250px; top:20px; margin-left:765px; font-size:0;}
.skip li {position:relative; display:inline; font-size:0px;}

.logotop {position:absolute; margin-top:10px; margin-left:380px; z-index:50000px;}

/* 네비게이션 추가*/
 #topmenu { position: absolute; top:65px; width:980px; height:75px; margin: 0; padding: 0; float:left;} 
 #topmenu ul { position:absolute; left:0; top:0; list-style:none; padding:0; }
 #topmenu ul li { float:left; display:inline; margin:0;}
	
 #topmenu li ul { display:none; list-style:none; position:absolute; left:0; top:20px; margin:0; padding:18px 0 0 0; height:20px;}
 #topmenu li ul li { margin:0; padding:0; white-space:nowrap; background:none;}
 #topmenu li ul li img {vertical-align:top;}
 * html #topmenu ul ul li { width: 1px; }

/* 큰메뉴*/
 #top1m1 {position:relative; left:77px;}
 #top1m2 {position:relative; left:155px;}
 #top1m3 {position:relative; left:236px;}
 #top1m4 {position:relative; left:315px;}
 #top1m5 {position:relative; left:397px;}
 #top1m6 {position:relative; left:477px;}
 
/* 작은메뉴*/
 #topmenu li ul#top2m1 { padding-left:77px; width:500px;}
 #topmenu li ul#top2m2 { padding-left:220px; width:800px;}
 #topmenu li ul#top2m3 { padding-left:365px; width:800px;}
 #topmenu li ul#top2m4 { padding-left:0px;}
 #topmenu li ul#top2m5 { padding-left:0px;}
 #topmenu li ul#top2m6 { margin-left:810px; width:300px;}
 
 /*탑메뉴 noscript 일때*/
 #allmenu_noscript { position:absolute; left:0; top:0; margin:0; padding:1px 19px 0 19px; width:980px; height:143px; z-index:27;}
 #allmenu_noscript .bg { position:absolute; left:0; top:0; width:1000px; height:144px; background:url(/img/inc/top_menu_bg.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/all_menu_bg.png', sizingMethod='crop'); z-index:28; }
 #allmenu_noscript .gnb_noscript { position:relative; clear:both; margin:0px; padding:0; z-index:29; overflow:hidden;}
 #allmenu_noscript .gnb_noscript #logo	 {margin:0px; padding:1px 0 0 0;}
 
 #allmenu_noscript .all_menu { position:relative; clear:both; margin:15px 0 0 0; padding:0; width:970px; height:100px; overflow-y:scroll; z-index:30;}
 #allmenu_noscript .all_menu  div { position:relative; float:left; margin:0; padding:0; width:151px;}
 #allmenu_noscript .all_menu  ul { list-style:none; margin:0px; padding:0;}
 #allmenu_noscript .all_menu  ul h2 { margin:0; padding:0 0 10px 0px; font-size:0; line-height:0; background:none;}
 #allmenu_noscript .all_menu  ul li { margin:0; padding:0 0 2px 17px; line-height:1.35em; font-size:95%; background: url(/img/inc/all_menu_icon.gif) no-repeat 5px 5px; width:134px;}
 #allmenu_noscript .all_menu a { color:#000666;}