@charset "utf-8";
@import url("base.css");
@import url("content.css");
@import url("board.css");
@import url("popup.css");
@import url("button.css");



#skip{line-height:0; height:0px;}
#skip a{display:block; width:1px; height:1px; overflow:hidden;}  
#skip a:focus,
#skip a:active{width:auto; height:auto; height:20px; text-align:center; padding:8px 0; background:#000;}

#wrap{width:100%; margin:0; padding:0; color:#444; font-family:Arial,verdana,Helvetica,AppleGothic,Sans-serif; background:url(/images/en/common/top_bg2.gif) left top repeat-x; }

#header{clear:both; width:978px; height:105px; margin:0 auto; position:relative; z-index:310;}
.utilmenu .sns{float:left;}
.utilmenu{width:978px; text-align:right; height:26px;  margin:0 auto;font-size:11px; overflow:hidden;}
.utilmenu a{display:inline-block; color:#666; padding:4px 5px 1px 10px; background:url(/images/common/top_line.gif) left top no-repeat;}
.utilmenu a.facebook{width:68px; height:23px; padding:4px 0px 1px 0px; background:url(/images/common/top_facebook_off.gif) left top no-repeat;}
.utilmenu a:hover.facebook{background:url(/images/common/top_facebook_on.gif) left top no-repeat;}
.utilmenu a.twitter{width:68px; height:23px; padding:4px 0px 1px 0px; background:url(/images/common/top_twitter_off.gif) left top no-repeat;}
.utilmenu a:hover.twitter{background:url(/images/common/top_twitter_on.gif) left top no-repeat;}
.utilmenu a.daum{width:74px; height:23px; padding:4px 0px 1px 0px; background:url(/images/common/top_daum_off.gif) left top no-repeat;}
.utilmenu a:hover.daum{background:url(/images/common/top_daum_on.gif) left top no-repeat;}
.utilmenu a.intro{font-weight:bold; color:#2f8cdf;}
.utilmenu a.eng{font-weight:bold; color:#444;}
.utilmenu span{padding:4px 3px 2px 8px; background:url(/images/common/top_line.gif) left top no-repeat;}
.utilmenu #q-zoomIn{padding:3px 1px 1px 1px; background:none;}
.utilmenu #q-zoomOut{padding:3px 1px 1px 1px; background:none;}
.utilmenu img{vertical-align:middle;}

#header h1{display:inline-block; width:250px; margin:20px 0 15px 0;}

.search_box{position: absolute; left:300px; top:30px; width:420px;}
.search_text{text-align:center; font-size:11px; margin:3px 0 4px -70px;}
.search_text a{*float:left; color:#666; display:inline-block; padding:0px 3px;}
.search_border{width:345px; height:28px; padding:8px 0px 2px 9px; display:inline-block; background:url(/images/common/search_bg.gif) left top no-repeat;}
.search_box select{margin:-3px 0 0 0; border:0;}
.search_box input{width:190px; vertical-align:middle; border:0px #fff;}
.search_box img{vertical-align:middle;}
.search_box .search_btn{float:right; width:36px; text-algin:right; margin:-9px 0 0 0; *margin:-27px 0 0 0;}
.search_box select{border:0;}

.search_detail{float:right; width:50px; font-size:11px; font-weight:bold; margin:10px 0 0 0; padding:0 10px 0 0; background:url(/images/common/search_datail.gif) right 7px no-repeat;}

.top_report{position:absolute; right:0px; top:34px; width:170px;}
.top_report_text{float:left; width:110px; text-align:right; margin:5px 0 0 0; line-height: 1.3; }
.top_report a{clear:both; display:inline-block; padding:5px 0 0 0;}
.top_report_img{float:right; padding:0 0 9px 0; background:url(/images/common/top_report_bg.gif) left bottom repeat-x; overflow:hidden;}
.top_report_img span{display:block; height:62px; border:1px solid #ababab;}



.nav {position:absolute; top:60px; left:360px; width:663px; z-index:99;}
.nav li {float:left; padding-bottom:10px;}
.nav li a { color: #1A1C22; display: inline-block; font-size:14px; font-weight: bold;  line-height: 1.4; margin: -10px; padding: 10px;}
.nav li a .txt_ls { letter-spacing: -2px;}
.nav li a:hover .txt_ls {letter-spacing: -3px;}
.nav li.on a, .nav li a:hover { color: #0064B5; font-weight: bold;  text-decoration: none;}
.nav_depth {display: none;  height: 216px;  margin: 12px 9px 0 -9px;  padding-left: 9px;  padding-top: 2px;  position: relative;  z-index: 999;}
.nav_depth.on {display: block;}
.nav_depth li {float: none; padding-bottom: 0;}
.nav_depth li a { color: #464B55 !important; font-size: 13px; font-weight: normal !important; line-height: 1.6; margin: 0; padding: 0;}
.nav_depth li a:hover {color: #006CB8 !important; text-decoration: none;}
.nav .list01 {width:130px;}
.nav .list02 {width:195px;}
.nav .list03 {width:145px;}
.nav .list04 {width:165px;}
.nav .list04 .nav_depth {margin-right: 0;}
.nav_bg {background:#fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06); display: none; height:270px; margin-top:25px; opacity: 0.95;  filter:alpha(opacity=95); border-bottom:1px solid #d6d6d6; position: absolute; width: 100%;  z-index: 1;}
.nav_bg.over {display: block;}
.nav_bg_in {margin: 0 auto; overflow: hidden; width: 940px;}


#container{position: relative; clear:both; width:978px; margin:0 auto;}


.lnb_area{float:left; width:190px; padding:30px 0 0 0;}
.lnb_area h2{font-size:17px; color:#fff; padding:13px 0 12px 10px; font-weight:bold; letter-spacing:0px; line-height:110%; background:url(/images/common/left_bg.gif) left top no-repeat; font-family:'NanumGothicBold', 'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, Helvetica, sans-serif; src:url(/css/font/NanumGothic.eot); }
.lnb_area h2 span{display:block; font-weight:normal; font-size:9px; color:#999; letter-spacing:0px;}

.lnb {width:190px;}
.lnb ul{width:190px; list-style:none; margin:0; padding:0;}
.lnb a{line-height:1.1;  position:relative; display:block; padding:10px 22px 9px 10px; color:#767676; text-decoration:none; font-weight:bold; background:url(/images/ico/ico_plus2.gif) 160px 12px no-repeat;}
.lnb a:hover{color:#1675cd; display:block; background:url(/images/ico/ico_plus.gif) 160px 12px no-repeat #e9e9e9;}
.lnb li{ zoom:1; vertical-align:top; border-bottom:1px solid #e5e5e5;}
.lnb li.active{z-index:2;}
.lnb li.active a{color:#0b41ba; display:block; background:url(/images/ico/ico_plus.gif) 160px 12px no-repeat ;}
.lnb ul ul{display:none; padding:5px 0; background:#f2f2f2;}
.lnb li.active ul{display:block; vertical-align:top;}
.lnb li li{font-size:11px; background:#f2f2f2; border:0 !important; margin:0; border:0;}
.lnb li li a{color:#666 !important; padding:4px 10px 4px 19px; border:0; font-weight:normal; background:url(/images/ico/ico_right2.gif) 13px 8px no-repeat !important;}
.lnb li li a:hover{color:#d03207 !important; background:url(/images/ico/ico_right.gif) 13px 8px no-repeat !important;}
.lnb li li.active a{color:#d03207 !important; font-weight:bold; background:url(/images/ico/ico_right.gif) 13px 8px no-repeat !important;}


	
#content_block{float:right; width:760px; padding:0 0 35px 0;}

.content_top {padding:30px 0 20px 0;overflow:hidden;}
.content_top h3{color:#000; float:left; margin:-5px 0 0 0; font-size:24px; font-weight:bold; letter-spacing:-1px; font-family:'NanumGothicBold', 'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, Helvetica, sans-serif; src:url(/css/font/NanumGothic.eot);}
.content_top p{font-size:11px; float:right; color:#666; margin:10px 0 0 5px; padding:0 0 0 17px; background:url(/images/common/home.gif) left 3px no-repeat;} 
.content_top p img{vertical-align:middle;}

.content_view{min-height:450px; overflow:hidden;}



#footer_area{clear:both; width:100%; background:url(/images/en/common/footer_bg.gif) left top repeat-x;}
.footer{width:978px; margin:0 auto; padding:40px 0 10px 0; overflow:hidden;}

.address{float:left; width:600px; font-size:11px; color:#666;}
.address span{color:#aaa;}
.copyright{float:left; width:500px; font-size:11px; color:#666;}

.footer_bn{float:right; width:300px; text-align:right; margin:-15px 0 0 0;}
.footer_bn a{display:inline-block; padding:0 5px; }