@charset "euc-kr";

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:12px/1.3 돋움,Dotum,굴림,Gulim,Sans-serif;color:#797979;}
article, aside, dialog, footer, header, section, footer, nav, figure, #top {display: block;}
html, body {height:100%;} 
body{margin:0px;}
a{color:#797979;}
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
img{border:0;vertical-align:top}
fieldset{border:0}
label, input, textarea, select{vertical-align:middle}
ol, ul{list-style:none;} 
table{border-collapse:collapse;table-layout:fixed;}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
nav ul.gnb{background:red;border:solid 1px green}

/* skipNavi*/ 
#skipNavi{width:100%; position:fixed; left: 0; top: 0; z-index:10000;}
#skipNavi li{width:100%; position:fixed; left: 0; top: 0; z-index:10000;}
#skipNavi a{display:block; height:1px; overflow:hidden;color:#00a98d;}
#skipNavi a:active, #skipNavi a:focus{top:1px;width:200px;height:21px;line-height:21px;padding:3px 0;text-align:center;font-weight:bold;background:#fff;color:#00a98d;}


/*layout*/
body{background:#737373 repeat-x 0 0}

header{width:100%;z-index:2000;position:relative;background:#fff url(../img/common/bg.png) repeat-x center 0;height:94px}
#header{width:980px;margin:0 auto;position:relative;z-index:2000;background:url(../img/common/bg2.png) no-repeat center 0;height:4px;}
#header h1{position:absolute;top:18px;left:0;}
#header #top_link{position:absolute;top:0;right:0;background:#0053a5;padding:11px 24px 5px 25px}
#header #top_link li{margin:4px 0 0;}

#gnb{width:100%;overflow:hidden;position:absolute;z-index:1000;height:90px;background:url(../img/common/bg_nav.png) repeat-x center 91px;}
#gnb div{background:url(../img/common/bg_nav2.png) repeat-x 0 0;height:221px;}
#gnb ul img{vertical-align:top;}
#gnb ul{position:relative;width:628px;margin:0 auto;height:36px;padding:54px 164px 0 188px;background:url(../img/common/bg2.png) no-repeat center 90px;}
#gnb ul li{float:left;}
#gnb ul li a.g{display:block;position:relative;font-size:0;color:#fff;height:36px;padding:0 0 21px 0;text-align:center;}
#gnb ul li a.g:hover, #gnb ul li.active a.g{background:url(../img/common/gnb_on.png) no-repeat center 30px;}
#gnb ul .gnb1 a.g{width:166px;}
#gnb ul .gnb2 a.g{width:153px;}
#gnb ul .gnb3 a.g{width:171px;}
#gnb ul .gnb4 a.g{width:138px;}

#gnb .child{display:block;position:absolute;top:91px;border-top:solid 1px #0053a5;padding:10px 0 0;height:114px}
#gnb .child a{display:block;}
#gnb ul li.active a.g{}
#gnb ul li.active .child{background:#d9e5f2;}
#gnb ul li.active .child a{}
#gnb ul li.gnb1 .child{width:166px;overflow:hidden;left:188px;background:url(../img/common/bg_child.png) repeat-y 0 0}
#gnb ul li.gnb1 .child img{display:block;padding:6px 56px 6px 54px}
#gnb ul li.gnb1.active .child{background:#d9e5f2 url(../img/common/bg_g1.png) no-repeat 0 0}

#gnb ul li.gnb2 .child{width:153px;overflow:hidden;left:354px;background:url(../img/common/bg_child.png) repeat-y -166px 0}
#gnb ul li.gnb2 .child img{display:block;padding:6px 44px 6px 43px}
#gnb ul li.gnb2.active .child{background:#d9e5f2 url(../img/common/bg_g2.png) no-repeat right 0}

#gnb ul li.gnb3 .child{width:171px;overflow:hidden;left:507px;background:url(../img/common/bg_child.png) repeat-y -319px 0}
#gnb ul li.gnb3 .child img{display:block;padding:6px 58px 6px 57px}
#gnb ul li.gnb3.active .child{background:#d9e5f2 url(../img/common/bg_g2.png) no-repeat right 0}

#gnb ul li.gnb4 .child{width:138px;overflow:hidden;left:678px;background:url(../img/common/bg_child.png) repeat-y right 0}
#gnb ul li.gnb4 .child img{display:block;padding:6px 30px 6px 31px}
#gnb ul li.gnb4.active .child{background:#d9e5f2 url(../img/common/bg_g2.png) no-repeat right 0}


footer{text-align:center;padding:12px 0 12px;}

/*레이어팝업*/
.layerpop{}
.layerpop img{vertical-align:top;}
.layerpop article{z-index:10001;background:#fff;padding:30px;position:fixed;width:330px;border:solid 5px #8eb2d6;top:27%;left:45%;min-height:150px;}
.layerpop article h1{font-family:'nanumGothicExtraBold';color:#fff;background:#8eb2d6;margin:-30px -30px 30px;padding:14px;font-size:17px;}
.layerpop article h2{padding:0 0 5px 16px;}
.layerpop fieldset{background:#fcfcfd;position:relative;border:1px solid #f1f1f2;padding:12px 15px 3px;margin:10px 0 20px;}
.layerpop fieldset p{height:28px}
.layerpop fieldset label{color:#7c8da1;font-weight:bold;margin:0 5px}
.layerpop fieldset input.txt{border:1px solid #dfdfdf;background:#fff;padding:0 5px;width:160px;height:19px;line-height:19px;}
.layerpop fieldset .btn{position:absolute;top:12px;right:20px;}