@charset "utf-8";
body {margin:0; padding:0; font-size:13px; color:#000; }
img {border: none;}
img, input {vertical-align:middle;}
ul, li, dl, dt, dd{ margin:0; padding:0; }
#skipcontent a {position:absolute;width:1px;height:1px;overflow:hidden;font-size:1em;left:0;top:-40px;color:#fff}

#wrapper { position:relative; width:100%;  }
#header{position: relative; width:100%; padding:0; margin:0 auto;  z-index:100; clear:both}

/* 유틸메뉴 */
#utile{ width:100%; background:#5072aa;  height:26px; border-bottom:#dedddd;  z-index:20}
#utile_box {width:1000px;  margin:0 auto;}
#utile_box ul{margin-right:0;  }
#utile_box .utile_l{float:left; border-right:1px solid #6c89b8; border-left:1px solid #43608f;}
#utile_box .utile_r{float:right; border-right:1px solid #6c89b8; border-left:1px solid #43608f;}
#utile_box li{float:left; color:#FFF; font-weight:bold; padding:2px 0 0 0px; height:24px; border-right:1px solid #43608f; border-left:1px solid #6c89b8;}
#utile_box .utile_tour{background:#4d6cb3; height:26px}
#utile_box li > a{ color:#FFF; padding:2px 10px; display:block}
#utile_box li.last{ width:100px; height:24px; background: url('/images/www/main_new2/la_arrow01.png') no-repeat 75px 9px; position:relative}
#utile_box li.last > a{padding:2px 25px 2px 10px; color:#FFF;}
#utile_box li.last .lang_box{position:absolute; width:100%; top:26px; left:0; z-index:20}
#utile_box li.last .lang_box li{background:#5072aa;  width:100%; clear:both; padding-left:0; border-bottom:1px solid #dedddd}
#utile_box li.last .lang_box li.end{border-bottom:none}
#utile_box li.last .lang_box li > a{border-left:none; color:#FFF;}
#utile_box li.last .lang_box li > a:hover{text-decoration:none; color:#FFF; height:26px; background:#7c9acd;}

#logo {position:relative;  clear:both; width:1000px;  height:90px; margin:0 auto;}
#logo h1{ width:212px; height:26px; margin:10px 0 0 0px;  float:left;}

/* 통합검색  */
#total_search{width:400px; height:38px; float:right; padding-right:5px; margin:30px 0 0 0px; }
.total_search_in{width:356px; height:38px; float:left; padding:0 0 0 80px; background:url('/images/www/main_new2/search_bg.gif') no-repeat;}
.total_submit{float:left; margin-left:10px; }


/* 메뉴 */
#menu_box{position:relative; width:100%; height:40px;  border-top:1px solid #e5e5e5; border-bottom:3px solid #2e79f6;}
#gnb {position:relative; height:43px; width:1005px; left:10px; margin:0 auto;}

#gnb dt {visibility:hidden; font-size:0; line-height:0; width:0; height:0; overflow:hidden;}
#gnb #gnb_list{ float:left; width:920px;}
#gnb #gnb_tour{ float:left; width:65px;  padding:12px 0px 0 0px; text-align:center;}
#gnb #gnb_tour a{font-size:16px; color:#565656; text-decoration:none;  font-weight:bold; letter-spacing:-1px; }
#gnb #gnb_tour a:hover {color:#f06410; text-decoration:none; line-height:100%; font-weight:bold}

#gnb ul {overflow:hidden;}
#gnb ul li { float:left; padding:12px 27px 0 27px; font-weight:bold; }
#gnb ul li a { text-decoration:none; text-align:center; font-size:16px; color:#565656; letter-spacing:-1px;}
#gnb ul li a:hover, #gnb ul li.on a {color:#f06410; }
#gnb ul ul {position:absolute; display:none; }
#gnb01 {width:960px; margin:1px 0 0 30px;  padding-left:10px; background:url("/images/www/main_new/menu_bar.png") no-repeat;}
#gnb02 {width:960px; margin:1px 0 0 30px;  padding-left:10px; background:url("/images/www/main_new/menu_bar.png") no-repeat;}
#gnb03 {width:880px; margin:1px 0 0 120px; background:url("/images/www/main_new/menu_bar.png") no-repeat;}
#gnb04 {width:650px; margin:1px 0 0 350px; background:url("/images/www/main_new/menu_bar.png") no-repeat;}
#gnb05 {width:450px; margin:1px 0 0 450px; background:url("/images/www/main_new/menu_bar.png") no-repeat;}
#gnb06 {width:600px; margin:1px 0 0 400px; background:url("/images/www/main_new/menu_bar.png") no-repeat;}
#gnb07 {width:520px; margin-top:1px;  margin:1px 0 0 510px; background:url("/images/www/main_new/menu_bar.png") no-repeat;}
#gnb ul li.on ul {display:block;  height:22px; position:absolute; left:0; top:44px; padding-top:5px; z-index:100;}
#gnb ul li.on ul li {position:relative; float:left;padding:3px 8px 0 5px; white-space:nowrap;}
#gnb ul li.on ul li a {font-size:11px; color:#555;  text-decoration:none; line-height:100%;}
#gnb ul li.on ul li.on a,
#gnb ul li.on ul li a:hover {color:#fd6910; text-decoration:none; line-height:100%; font-weight:bold}
#gnb ul ul a.new_win {padding:0 29px 3px 0; background:url(/images/common/icoNewWin2.gif) no-repeat right top;}


/* 컨텐츠 */
#contents_box {position:relative; width:1000px; margin:auto;  z-index:1; padding-top:180px; color:#000;}
#snb{position:relative; width:295px; margin:0px 0 0 10px; float:left; display:inline; }
h1#d_title { width:185px; height:44px; margin:0 0 0 20px;}
#snb_show { width:65px;  height:17px; margin:0px 0 2px 133px; z-index:100; padding:0; }
#snb .depth01 {float:left; width:185px; margin:20px 0 0 20px; }
#snb .depth01 li {position:relative; display:block; }
#snb .depth01 li.close .depth02 {display:none;}
#snb .depth01 li {display:block; color:#5b5a5a; font-weight:bold; font-size:14px; padding:6px 0 7px 20px; background:url('/images/www/sub_new/sub_m_off.gif') no-repeat;}
#snb .depth01 li.on {width:165px; font-weight:bold; background:url('/images/www/sub_new/sub_m_on.gif') no-repeat; }
#snb .depth01 li.on a {color:#fff; }
#snb a {display:block;}
#snb .depth01 ul li a:hover {text-decoration:underline;}
#snb .depth01 li.more a {background:url(/images/www/sub_new/more.gif) no-repeat 145px 4px;}
#snb .depth01 li.more ul li a {background:none;}
#snb .depth01 .depth02 {margin:8px 0 3px 0; }
#snb .depth01 .depth02 li { font-size:13px; padding:2px 0 2px 10px; color:#505050 !important;font-weight:normal !important;border:none;background:url(/images/www/main_new/m_dot.gif) 0 10px no-repeat; }
#snb .depth01 .depth02 li.on {font-weight:bold !important;  background:url(/images/www/main_new/m_dot.gif) 0 10px no-repeat; }
#snb .depth01 .depth02 li a {color:#656565; }
#snb .depth01 .depth02 li.on a {color:#3366ff; font-weight:bold; }
#snb a.new_win {padding:0 15px 0 0; background:url(/images/common/icoNewWin5.gif) no-repeat right 0 !important;}
#snb ul.depth02 a.new_win {padding:0 20px 0 0; background:url(/images/common/icoNewWin5.gif) no-repeat 100% 4px !important;}
#sub_con{position:relative;  float:left; width:680px; }
#content_util { float:right; margin:10px 5px 10px 0px;}
#content_util li {float:left;}
ul#social_icon { float:left; width:300px; bottom:0; margin:-4px 370px 0 0;}
ul#social_icon li {float:left; padding:2.3px 0 0 5px; color:#aeaead; }
ul#excel_word { float:right; bottom:0; margin:0 0 0 -370px;}
ul#excel_word li {float:left; padding:2.3px 0 0 0; color:#aeaead; }
#sub_title{ clear:both; width:680px; margin:20px 0 0 0px;  height:24px; border-bottom:1px solid #ccc; }
#sub_title .title_name{width:240px;  float:left;  margin-left:10px; color:#656565; padding:0 0 0 15px; font-size:1.1em; font-weight:bold; background:url('/images/www/sub_new/title_icon.gif') 0 45% no-repeat;}
#sub_title .title_navi{ letter-spacing:-2px; color:#a8a8a8;padding:0 2px 0 12px; float:right; background:url('/images/www/sub_new/navi_icon.gif') 0 45% no-repeat; }
#content{clear:both; position:relative; width:680px; padding:10px 0px 0 0px;  color:#6a6868;}
dl#four_depth_nav {position:relative; width:680px; margin:0 0 10px 0; background:url(/_wscms30/img/temp/bg4depthNavDotLine2.gif) repeat 0 -6px; overflow:hidden; line-height:1;}
*+html dl#four_depth_nav {background-position:0 -5px;}
dl#four_depth_nav dt {visibility:hidden; font-size:0; line-height:0; height:0; overflow:hidden;}
dl#four_depth_nav dd ul {margin:0 0 0 3px; overflow:hidden;}
dl#four_depth_nav dd ul li {height:28px; margin:0 0 3px 0; padding:0; background:none; float:left;}
dl#four_depth_nav dd ul li a {margin:0 0 0 0; padding:0 0 0 9px; line-height:1; letter-spacing:-1px; background:url(/_wscms30/img/temp/bgTabNavHeader_off.gif) no-repeat left top; float:left; cursor:pointer;}
dl#four_depth_nav dd ul li a span {display:block; padding:8px 9px 8px 0; background:url(/_wscms30/img/temp/bgTabNavTail_off.gif) no-repeat right top; color:#444; line-height:1; white-space:nowrap; float:left;}
dl#four_depth_nav dd ul li a.new_win span {padding-right:27px; background:url(/_wscms30/img/temp/bgTabNavTail_off2.gif) no-repeat right top;}
dl#four_depth_nav dd ul li.on a,
dl#four_depth_nav dd ul li.on a:hover {background:url(/_wscms30/img/temp/bgTabNavHeader_on2.gif) no-repeat left top;}
dl#four_depth_nav dd ul li.on a span,
dl#four_depth_nav dd ul li.on a:hover span {color:#fff; font-weight:bold; background:url(/_wscms30/img/temp/bgTabNavTail_on2.gif) no-repeat right top;}
dl#four_depth_nav dd ul li.on a.new_win span,
dl#four_depth_nav dd ul li.on a:hover.new_win span {background:url(/_wscms30/img/temp/bgTabNavTail_on3.gif) no-repeat right top;}
dl#five_depth_nav {position:relative; background-color:#F7F7F7; border:1px solid #DFDFDF; clear:both; float:left;
margin:0 0 10px; padding:8px; width:600px;}
dl#five_depth_nav dt {visibility:hidden; font-size:0; line-height:0; height:0; overflow:hidden;}
dl#five_depth_nav dd ul li {background:url(/images/www/icon/n01-5.gif) no-repeat left 6px; 
float:left; margin:0 15px 0 0; padding:0 0 0 7px;white-space:nowrap;}
dl#five_depth_nav dd ul li.on {font-weight:bold;}
/* board_style */
.list_table {background:url(/images/board/board_thead.gif) no-repeat;}
#sub_search {position:relative; width:680px; height:75px; margin:0; padding:0;text-align:center; background:url(/images/www/sub_new/info_search_bg.gif) no-repeat;}
#sub_search_1 {float:left; width:620px; padding:0; margin:18px 0 0 0; border:0; display:inline;}
#sub_search_1 legend {visibility:hidden; font-size:0; line-height:0; width:0; height:0; overflow:hidden;}
#sub_search_1 label {float:left; width:90px; margin:0; padding:0 0 3px 0;}
#sub_search_1 input {vertical-align:top;}
#sub_search_1 .searchstring {width:100px;}
#content_bottom {width:680px; padding:0 0 40px 0; margin:0 0 0 0px; }
/* qr code */
#qrcode { border:1px solid #b3d8e7; float:left; clear:both; width:100%; margin-top:20px; padding:0; height:140px; }
#qrcode dt { position:relative; top:16px; left:140px;}
#qrcode .img { position:relative; top:-58px; left:5px; }
#qrcode .img img { width:120px; height:120px; border:3px solid #0099cc; }
#qrcode .txt {  position:relative; top:26px; left:140px;}
#qrcode .txt span { color:#ff7200; font-weight:bold;}
#family_site { float:left; width:200px; height:22px; margin-left:15px; }
form#family_site1 {display:block; margin:0px 0 0 0px; height:22px;float:left;}
form#family_site1 * {vertical-align:top;}
form#family_site1 label {display:none;}
form#family_site1 select {width:158px; height:20px; border:1px solid #659AC2; text-align:center; color:#606E79; margin:5px 2px 0 0; padding:0}
.move_icon{ margin-top:5px;}

#footer{float:left;}
#footer_logo{float:left;}
#footer_box{padding:0px 0 0px 37px; float:left; }
#footer_box .footer_boho{width:725px; height:18px; border-bottom:1px solid #CCC;}
#footer_box .footer_boho li{float:left;}
#footer_box .footer_copy{width:475px;  margin-top:5px; margin:6px 0 6px 0px; padding:0; float:left; }
#count{ float:left; width:208px; height:28px; background:url(/images/www/main_new2/count_bg.gif) no-repeat; margin:3px 0 0 0px; padding:0 0 0 55px;}
#count .text{	font-family:gulim, sans-serif; color:#8b8b8b; font-weight:bold; margin:5px 0 0 0px;  font-size:11px;  letter-spacing:-1px;}
#footer_qr{float:right; padding-left:50px; }