@charset "utf-8";

@import url('board.css');

/* Reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, span, strong, em, blockquote, pre, address,
ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, select, label, textarea, img, a {margin:0; padding:0; font-family:'돋움', "Dotum", verdana, sans-serif; font-size:12px; font-style:normal; line-height:14px;}
body, input, button {color:#666; font-family:'돋움', "Dotum", verdana, sans-serif; font-size:12px; line-height:20px;}
ul, ol {list-style:none}
table {width:100%; border-spacing:0; border:0; border-collapse:collapse;}
img, button, fieldset {border:0;}
img, input, select, textarea, button {vertical-align:top; color:#666; font-family:'돋움', "Dotum", verdana, sans-serif; font-size:12px; line-height:20px; vertical-align:top;}
caption {overflow:hidden; visibility:hidden; height:0; font-size:0; line-height:0; z-index:-1;}
hr {display:none}
a {color:#666; text-decoration:none;}
a:hover {text-decoration:none;}
label, button, a span, button span {cursor:pointer;}
input[type=text],input[type=password],textarea {border:solid 1px #d2d3d2;}

/* skip navigation */
#skip{position:absolute;left:0;top:0;width:0;height:0;text-indent:-999em}
#skip a:focus,#skip a:hover,#skip a:active{z-index:900;position:absolute;left:0;top:0;display:inline-block;padding:6px 5px 4px;font:normal 900 12px/120% '돋움', "Dotum", verdana, sans-serif;text-indent:0;text-decoration:none;white-space:nowrap;color:#0d4c91;background:#fff;}

/* common */
#wrap {width:970px;padding-left:145px;margin:0;position:relative;}

/* header */
#header {height:270px;}
#header div.utill {height:90px;overflow:hidden;}
#header div.utill h1 {float:left;padding-top:18px;}
#header div.utill h1 a{float:left;}
#header div.utill h1 a.logo_adms {padding:11px 9px 0 9px;}
#header div.utill ul {float:right;padding-top:52px;}
#header div.utill ul li {float:left;}
#header div.utill ul li a {color:#746c6a;font-weight:bold;}
#header div.utill ul li span {color:#746c6a;padding:0 4px 0 5px;}

/* gnb */
#gnb {height:180px;}
#gnb ul li {float:left;position:relative;width:150px;height:180px;}
#gnb ul li.last {width:220px;}
#gnb ul li h2 {position:absolute;top:0;left:0;}
#gnb ul li h2.on {display:none;}
#gnb ul li dl {padding:17px 0 0 17px;}
#gnb ul li dl dt {padding-bottom:15px;}
#gnb ul li dl dd {padding-bottom:6px;float:left;width:100%;height:12px;}
#gnb ul li dl dd a {height:12px;display:block;overflow:hidden;background:url("../images/gnb/gnb_bullet.gif") no-repeat 0 2px;padding-left:11px;}
#gnb ul li dl dd a:hover {background:url("../images/gnb/gnb_bullet_on.gif") no-repeat 0 2px;}
#gnb ul li dl dd a:hover img {margin-top:-12px;}
#gnb ul li dl dd a.on {background:url("../images/gnb/gnb_bullet_on.gif") no-repeat 0 2px;} 
#gnb ul li dl dd a.on img {margin-top:-12px;}

/* content */
#container {clear:both;width:970px;padding-bottom:75px;}

.location {height:50px;}
.location ul {float:right;overflow:hidden;padding-top:23px;}
.location ul li {float:left;background:url("../images/common/location_arrow.gif") no-repeat 0 3px;padding-left:10px;margin-left:7px;font-size:11px;color:#999;}
.location ul li:first-child {padding:0 0 0 0;margin:0;background:none;}
.location ul li.last {color:#666;}

.sub_title h3 {padding-bottom:12px}
.sub_title p {padding-bottom:30px}

/* content 공통 */
.contents h4 {padding:0 0 15px 15px;margin-top:50px;background:url("../images/bullet/h4_bullet.gif") no-repeat 0 2px;}
.contents h4:first-child {margin-top:0;}
.contents h4.first {margin-top:0;}
.contents h5 {color:#f86116;font-size:14px;padding-bottom:15px;}

/* 간격 */
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt50 {margin-top:50px;}
.mt100 {margin-top:100px;}
.mb12 {margin-bottom:12px;}
.mb25 {margin-bottom:25px;}

/* 폰트 */
.point_gray {font-size:11px;color:#999;}

/* 버튼 */
.sub_btn_arrow a {display:inline-block;height:24px;line-height:26px;padding:0 12px 0 12px;color:#fff;font-weight:bold;font-size:11px;}
.sub_btn_arrow a span {display:inline-block;height:24px;line-height:26px;padding-right:12px;background:url("../images/btn/btn_arrow_white.png") no-repeat 100% 50%;font-size:11px;}
.sub_btn_arrow .btn_orange {background:#f95320;}
.sub_btn_arrow .btn_gray {background:#847970;}
.sub_btn_arrow .right {float:right;}

.sub_btn {overflow:hidden;}
.sub_btn a {display:inline-block;height:30px;line-height:32px;text-align:center;color:#fff;padding:0 25px;font-size:12px;font-weight:bold;}
.sub_btn .btn_orange {background:#f95320;}
.sub_btn .btn_gray {background:#847970;}
.sub_btn .btn_brown{background:#514142;}
.sub_btn a.right {float:right}

/*tab*/
.tab {overflow:hidden;padding-bottom:30px;}
.tab ul li {float:left;background:#ada6a1;text-align:center;margin-left:1px;}
.tab ul li:first-child {margin-left:0;}
.tab ul li:hover {background:#f95320;}
.tab ul li a {display:inline-block;height:37px;font-size:14px;color:#fff;line-height:36px;font-weight:bold;}
.tab ul li.on {background:#f95320;}
.tab ul li.tab01 a {width:193px;}
.tab ul li.tab02 a {width:193px;}
.tab ul li.tab03 a {width:193px;}
.tab ul li.tab04 a {width:193px;}
.tab ul li.tab05 a {width:192px;}
.tab ul li.tab06 a {width:192px;}

/*
.tab ul li.tab01 a {width:323px;}
.tab ul li.tab02 a {width:322px;}
.tab ul li.tab03 a {width:323px;}
.tab ul li.tab04 a {width:484px;}
.tab ul li.tab05 a {width:485px;}
*/

/* 공통 텍스트 리스트 */
.text_list {padding-bottom:15px;}
.text_list li {background:no-repeat 0 5px;padding-left:5px;margin-top:10px;}
.text_list li strong {display:inline-block}
.text_list li span {color:#f7821e;}
.text_list li:first-child {margin-top:0;}

.note {background:#f7f7f7;color:#333;height:30px;line-height:32px;padding-left:18px;}


/* footmenu */
.footmenu {width:977px;clear:both;}
.footmenu > a {display:block;text-align:center;height:22px;width:123px;margin:0 auto;overflow:hidden;}
.footmenu > a img {margin-top:-22px;}
.footmenu > a.on img {margin-top:0px;}
.footmenu > div {border:solid 1px #d6d6d6;border-bottom:none;}
.footmenu > div > ul {padding:30px 40px 35px 40px;overflow:hidden;}
.footmenu > div > ul > li {float:left;padding-left:75px;}
.footmenu > div > ul > li:first-child {padding-left:0;}
.footmenu > div > ul > li > h3 {padding-bottom:15px;font-weight:bold;color:#666;}
.footmenu > div > ul > li > h3 a {font-weight:bold;color:#666;}
.footmenu > div > ul > li > ul > li {padding-top:6px;color:#999;}
.footmenu > div > ul > li > ul > li:first-child {padding-top:0;}
.footmenu > div > ul > li > ul > li a {color:#999;}

/* footer */
#footer {width:977px;clear:both;border-top:solid 1px #d6d6d6;height:112px}
#footer > div {width:977px;margin:0;padding-top:30px;}
#footer > div > h2 {float:left;margin-right:60px;position:relative;top:-3px;}
#footer > div > div {float:left}
#footer > div > div ul {overflow:hidden;}
#footer > div > div ul li {float:left;}
#footer > div > div ul li a {color:#999;font-size:11px;}
#footer > div > div ul li a strong {color:#999;font-size:11px;}
#footer > div > div ul li span {color:#d9d9d9;padding:0 6px;font-size:11px;}
#footer > div > div address {color:#999;display:block;padding:11px 0 5px 0;font-size:11px;}
#footer > div > div address span {color:#d9d9d9;padding:0 6px;font-size:11px;}
#footer > div > dl {float:right;overflow:hidden;}
#footer > div > dl dt {float:left;padding-top:2px;}
#footer > div > dl dd {float:left;}
#footer > div > dl dd.first {padding:0 5px 0 10px;}

/* quick */
#quick {position:absolute;top:0;left:0;width:85px;height:100%;background:url("../images/common/quick_bg.gif") repeat-y 0 0;}
#quick ul {position:absolute;top:0;left:0;}
#quick ul li {padding-bottom:8px;}