@import url("common.css");
/* common css */


/* 설정 */
#header{position:relative;height:137px;background:url(../../../../images/web/new/top/top_bar_back.gif) 50% bottom repeat-x}
#g_body{min-height:100%;margin:-137px 0}
*html #g_body{height:100%;}
#content{padding:137px 0;background:url(/images/web/new/main/content_back.png) repeat-y top center; background-color:#e9eff4;}
#footer{clear:both;height:137px; background-color:#ffffff }

#skipnavi{position:absolute;top:-100px;z-index:10000;width:100%}
#skipnavi li{float:left;position:absolute;top:0;left:0;width:100%}
#skipnavi a{overflow:hidden;color:#fff;text-align:center}

#skipnavi a:focus,#skipnavi a:active{position:absolute;top:100px;left:0;width:100%;height:auto;margin-bottom:10px;padding:5px;background:#000;font-weight:bold;color:#fff}

/* 상단 */
.top{position:relative;width:1000px;height:87px;margin:0 auto;text-align:right; font-size:13px;}
.top h1{float:left;width:201px;height:34px; padding-top:30px;}
.top ul{float:right;height:25px;margin-top:30px;line-height:25px;}
.top ul li{float:left;}
.top ul li a {height:25px;padding:0 15px 3px 15px;line-height:25px;background:url(../../../../images/web/new/top/top_bar.gif) center left no-repeat; text-decoration:none; color:#545454}
.top ul li a.first {height:25px;padding:0 15px 3px 15px;line-height:27px; text-decoration:none;color:#545454; background-position:0 -12px }
.top ul li a.btn {height:25px;padding:0 15px 3px 15px;line-height:25px; background:#767676; color:#FFF; display:block;}
.top ul li a.btn:hover{ color:#FF0; font-weight:bold;}

.menu{position:relative;width:1000px;height:46px;margin:0 auto}

/* contents */
.cont{width:1000px;margin:0 auto}

/* Agrix-visual */
.main_visual{width:678px; height:328px; border:1px #c5c3c3 solid; background:#FFF; margin-top:18px; float:left;}
ul,li{list-style:none;margin:0;padding:0}
img{border:none}

.main_mov {width:678px;height:328px;position:relative;overflow:hidden}

.main_mov .bgSet{position:relative;}
.main_mov .bgSet li{position:absolute;width:678px;height:328px;display:none}

.main_mov .imgSet{position:absolute;width:678px;}

/*모션오브젝트(순차적으로 추가가능)*/
.main_mov .imgSet .tx_1_1{position:absolute;left:50px;top:50px;}
.main_mov .imgSet .tx_1_2{position:absolute;left:50px;top:90px}
.main_mov .imgSet .tx_1_3{position:absolute;left:55px;top:130px}
.main_mov .imgSet .tx_1_4{position:absolute;left:490px;top:130px}

.main_mov .imgSet .tx_2_1{position:absolute;left:50px;top:50px;}
.main_mov .imgSet .tx_2_2{position:absolute;left:50px;top:90px}
.main_mov .imgSet .tx_2_3{position:absolute;left:55px;top:130px}
.main_mov .imgSet .tx_2_4{position:absolute;left:65px;top:205px}
.main_mov .imgSet .tx_2_5{position:absolute;left:400px;top:0px}

.main_mov .menuWrap{position:absolute;width:678px;}
.main_mov .menuWrap .menuSet{position:absolute;width:678px;top:20px; right:20px; text-align:right;font-size:0}
.main_mov .menuWrap .menuSet li{cursor:pointer;margin:0 3px;display:inline}


.main_mov .prev{position:absolute;left:10px;top:120px;cursor:pointer;display:none}
.main_mov .next{position:absolute;right:10px;top:120px;cursor:pointer;display:none}

/* Agrix-1st Right */
.right_side01{ width:298px; height:100px; border:1px #c5c3c3 solid; float:right; margin-top:7px;}
.right_side01 ul li a{display:block; font-size:0}
.right_side01 ul li a.menu{background:transparent url(../../../../images/web/new/main/work01.gif) no-repeat 0px 0px; width:298px; height:100px;}
.right_side01 ul li a.menu:hover{background:transparent url(../../../../images/web/new/main/work01.gif) no-repeat 0px -100px;}


.right_side02{ width:298px; height:100px; border:1px #c5c3c3 solid; float:right; margin-top:12px;}
.right_side02 ul li a{display:block; font-size:0}
.right_side02 ul li a.menu{background:transparent url(../../../../images/web/new/main/work02.gif) no-repeat 0px 0px; width:298px; height:100px;}
.right_side02 ul li a.menu:hover{background:transparent url(../../../../images/web/new/main/work02.gif) no-repeat 0px -100px;}

.right_small01{width:138px; height:100px; border:1px #c5c3c3 solid; float:left; margin:12px 0 0 20px;}
.right_small01 ul li a{display:block; font-size:0;}
.right_small01 ul li a.menu{background:transparent url(../../../../images/web/new/main/work03.gif) no-repeat 0px 0px; width:138px; height:100px;}
.right_small01 ul li a.menu:hover{background:transparent url(../../../../images/web/new/main/work03.gif) no-repeat 0px -100px;}

.right_small02{width:138px; height:100px; border:1px #c5c3c3 solid; float:right; margin-top:12px;}
.right_small02 ul li a{display:block; font-size:0;}
.right_small02 ul li a.menu{background:transparent url(../../../../images/web/new/main/work04.gif) no-repeat 0px 0px; width:138px; height:100px;}
.right_small02 ul li a.menu:hover{background:transparent url(../../../../images/web/new/main/work04.gif) no-repeat 0px -100px;}

.interest{width:678px; float:left; margin-top:25px; margin-bottom:20px;}
.interest h2{ font-size:15px; height:26px; text-align:left;}
.interest .serch{width:100%; border:1px #c5c3c3 solid; height:165px;position:relative;}
.interest .serch li{width:97px; height:82px;}
.interest .serch li ul li a{display:block; height: 18px; padding-top:55px; padding-bottom:9px; letter-spacing:-1px; text-align:center; background:url(/images/web/new/main/icon_G.png) no-repeat; color:#545454; }
.interest .serch li ul li a:link, a:visited {color:#545454; text-decoration:none;}
.interest .serch li ul li a:hover, a:active {color:#ffffff; text-decoration:none; font-weight:bold;}
.interest .serch li ul li.i01 a{background-position:0 0}
.interest .serch li ul li.i02 a{background-position:-97px 0}
.interest .serch li ul li.i03 a{background-position:-194px 0}
.interest .serch li ul li.i04 a{background-position:-291px 0}
.interest .serch li ul li.i05 a{background-position:-388px 0}
.interest .serch li ul li.i06 a{background-position:-485px 0}
.interest .serch li ul li.i07 a{background-position:-582px 0}
.interest .serch li ul li.i08 a{background-position:0 -82px}
.interest .serch li ul li.i09 a{background-position:-97px -82px}
.interest .serch li ul li.i10 a{background-position:-194px -82px}
.interest .serch li ul li.i11 a{background-position:-291px -82px}
.interest .serch li ul li.i12 a{background-position:-388px -82px}
.interest .serch li ul li.i13 a{background-position:-485px -82px}
.interest .serch li ul li.i14 a{background-position:-582px -82px}

.interest .serch li ul li.i01 a:hover{background-position:0 -164px}
.interest .serch li ul li.i02 a:hover{background-position:-97px -164px}
.interest .serch li ul li.i03 a:hover{background-position:-194px -164px}
.interest .serch li ul li.i04 a:hover{background-position:-291px -164px}
.interest .serch li ul li.i05 a:hover{background-position:-388px -164px}
.interest .serch li ul li.i06 a:hover{background-position:-485px -164px}
.interest .serch li ul li.i07 a:hover{background-position:-582px -164px}
.interest .serch li ul li.i08 a:hover{background-position:0 -246px}
.interest .serch li ul li.i09 a:hover{background-position:-97px -246px}
.interest .serch li ul li.i10 a:hover{background-position:-194px -246px}
.interest .serch li ul li.i11 a:hover{background-position:-291px -246px}
.interest .serch li ul li.i12 a:hover{background-position:-388px -246px}
.interest .serch li ul li.i13 a:hover{background-position:-485px -246px}
.interest .serch li ul li.i14 a:hover{background-position:-582px -246px}

.interest .serch li ul li.sr01{width:97px; position:absolute; left:0; border-right:1px #eaeaea solid; border-bottom:1px #eaeaea solid;}
.interest .serch li ul li.sr02{width:97px; position:absolute; left:98px; border-right:1px #eaeaea solid; border-bottom:1px #eaeaea solid;}
.interest .serch li ul li.sr03{width:97px; position:absolute; left:196px; border-right:1px #eaeaea solid; border-bottom:1px #eaeaea solid;}
.interest .serch li ul li.sr04{width:97px; position:absolute; left:294px; border-right:1px #eaeaea solid; border-bottom:1px #eaeaea solid;}
.interest .serch li ul li.sr05{width:97px; position:absolute; left:392px; border-right:1px #eaeaea solid; border-bottom:1px #eaeaea solid;}
.interest .serch li ul li.sr06{width:97px; position:absolute; left:490px; border-right:1px #eaeaea solid; border-bottom:1px #eaeaea solid;}
.interest .serch li ul li.sr07{width:96px; position:absolute; left:588px; border-bottom:1px #eaeaea solid;}
.interest .serch li ul li.sr08{width:97px; position:absolute; top:83px; left:0; border-right:1px #eaeaea solid; }
.interest .serch li ul li.sr09{width:97px; position:absolute; top:83px; left:98px; border-right:1px #eaeaea solid;}
.interest .serch li ul li.sr10{width:97px; position:absolute; top:83px; left:196px; border-right:1px #eaeaea solid;}
.interest .serch li ul li.sr11{width:97px; position:absolute; top:83px; left:294px; border-right:1px #eaeaea solid;}
.interest .serch li ul li.sr12{width:97px; position:absolute; top:83px; left:392px; border-right:1px #eaeaea solid;}
.interest .serch li ul li.sr13{width:97px; position:absolute; top:83px; left:490px; border-right:1px #eaeaea solid;}
.interest .serch li ul li.sr14{width:96px; position:absolute; top:83px; left:588px;}


.roll{ width:298px; float:left; margin:-51px 0 0 22px;}
.roll h2{font-size:15px; height:26px; text-align:left;}
.roll .spin {width:100%; border:1px #c5c3c3 solid; height:165px;}

.center_line{width:100%; height:1px; background-color:#CCC; float:left}

.lower00{width:100%; float:left; margin-top:50px; margin-bottom:20px;}
.lower00 h2{ font-size:15px; height:26px; text-align:left; padding:0px 0px 5px 0px;}

.lower01{ margin:-25px 0 0 0; width:212px; height:165px; border:1px #c5c3c3 solid; float:left;}
.lower01 ul li {width:212px; height:165px;}
.lower01 ul li.j01 a{background-position:0 0}
.lower01 ul li.j01 a:hover{background-position:0 -176px}
.lower01 ul li a{display:block; height: 7px; padding:30px 0 128px 20px; letter-spacing:-1px; text-align:left; background:url(../../../../images/web/new/main/lower_back.png) no-repeat; color:#ffffff; font-size:15px; text-shadow:#333333 1px 1px 1px;}
.lower01 ul li a span.mTxt{display:block; font-size:13px; padding:10px 0 20px 0; color:#fff;}
.lower01 ul li a span.btn{height:20px;padding:5px 15px 5px 15px;line-height:20px; background:#5277ab; color:#FFF; font-size:12px;}
.lower01 ul li a:link {color:#fffff; text-decoration:none;}
.lower01 ul li a:visited {color:#fffff; text-decoration:none;}
.lower01 ul li a:hover {color:#f0ff00; text-decoration:none; font-weight:bold;}
.lower01 ul li a:active {color:#f0ff00; text-decoration:none; font-weight:bold;}

.lower02{ margin:-25px 19px 0 19px; width:212px; height:165px; border:1px #c5c3c3 solid; float:left;}
.lower02 ul li {width:212px; height:165px;}
.lower02 ul li.j01 a{background-position:-212px 0}
.lower02 ul li.j01 a:hover{background-position:-212px -176px}
.lower02 ul li a{display:block; height: 7px; padding:30px 0 128px 20px; letter-spacing:-1px; text-align:left; background:url(../../../../images/web/new/main/lower_back.png) no-repeat; color:#ffffff; font-size:15px; text-shadow:#333333 1px 1px 1px;}
.lower02 ul li a span.mTxt{display:block; font-size:13px; padding:10px 0 20px 0; color:#fff;}
.lower02 ul li a span.btn{height:20px;padding:5px 15px 5px 15px;line-height:20px; background:#549bb2; color:#FFF; font-size:12px;}
.lower02 ul li a:link{color:#fffff; text-decoration:none;}
.lower02 ul li a:visited {color:#fffff; text-decoration:none;}
.lower02 ul li a:hover{color:#f0ff00; text-decoration:none; font-weight:bold;}
.lower02 ul li a:active {color:#f0ff00; text-decoration:none; font-weight:bold;}

.lower03{ margin:-25px 0 0 0; width:212px; height:165px; border:1px #c5c3c3 solid; float:left;}
.lower03 ul li {width:212px; height:165px;}
.lower03 ul li.j01 a{background-position:-424px 0}
.lower03 ul li.j01 a:hover{background-position:-424px -176px}
.lower03 ul li a{display:block; height: 7px; padding:30px 0 128px 20px; letter-spacing:-1px; text-align:left; background:url(../../../../images/web/new/main/lower_back.png) no-repeat; color:#ffffff; font-size:15px; text-shadow:#333333 1px 1px 1px;}
.lower03 ul li a span.mTxt{display:block; font-size:13px; padding:10px 0 20px 0; color:#fff;}
.lower03 ul li a span.btn{height:20px;padding:5px 15px 5px 15px;line-height:20px; background:#7e9f4f; color:#FFF; font-size:12px;}
.lower03 ul li a:link {color:#fffff; text-decoration:none;}
.lower03 ul li a:visited {color:#fffff; text-decoration:none;}
.lower03 ul li a:hover {color:#f0ff00; text-decoration:none; font-weight:bold;}
.lower03 ul li a:active {color:#f0ff00; text-decoration:none; font-weight:bold;}


.adve{ width:298px; height:52px; border:1px #c5c3c3 solid;  margin:20px 0 0 20px; float:left;}
.adve ul li.mo a{ display:block; width:148px; height:52px; border-right:1px #c5c3c3 solid; position:relative; float:left; background:url(/images/web/new/main/mov.png) no-repeat;}
.adve ul li.mo a:hover{background-position:0 -52px;}
.adve ul li.mo a span {position:absolute; top:18px; left:70px; font-size:13px;}
.adve ul li.mo a:link, a:visited span{text-decoration:none; color:#545454;}
.adve ul li.mo a:hover, a:active span{text-decoration:none; color:#046bb4; font-weight:bold;}

.adve ul li.mi a{ display:block; width:149px; height:52px; position:relative; float:right; background:url(/images/web/new/main/giude.png) no-repeat;}
.adve ul li.mi a:hover{background-position:0 -52px;}
.adve ul li.mi a span{position:absolute; top:18px; left:60px; font-size:13px;}
.adve ul li.mi a:link, a:visited span{text-decoration:none; color:#545454;}
.adve ul li.mi a:hover, a:active span{text-decoration:none; color:#046bb4; font-weight:bold;}

/*
    홍보동영상, 사용자 설명서 수정에 따른 위치 수정 : 추후 원복이 필요시에 해당  값도 원복 하면됨
 margin:16px 0 0 18px; => margin:20px 0 0 20px;    
*/
.btm_banner{width:298px; height:106px; border:1px #c5c3c3 solid; margin:16px 0 0 18px; float:right; background-color:#FFF;}
.btm_banner ul li {position:relative;}
.btm_banner ul li a span {position:absolute; top:8px; left:230px; background-color:#666; color:#FFF; font-size:11px; line-height:20px; padding: 0 20px 0 20px; border-radius: 10px;}

.btm_banner ul li.d01 a{display:block; border-bottom:1px #c5c3c3 solid; padding-left:55px; line-height:35px; color:#545454; background:url(/images/web/new/main/b_banner.png) 0 0 no-repeat;}
.btm_banner ul li.d01 a:link, a:visited {text-decoration:none; color:#545454;}
.btm_banner ul li.d01 a:hover, a:active {text-decoration:none; color:#046bb4; font-weight:bold; background-position:0 -104px;}
.btm_banner ul li.d02 a{display:block; border-bottom:1px #c5c3c3 solid; padding-left:55px; line-height:35px; color:#545454; background:url(/images/web/new/main/b_banner.png) 0 -35px no-repeat;}
.btm_banner ul li.d02 a:link, a:visited {text-decoration:none; color:#545454;}
.btm_banner ul li.d02 a:hover, a:active {text-decoration:none; color:#046bb4; font-weight:bold; background-position:0 -139px;}
.btm_banner ul li.d03 a{display:block; padding-left:55px; line-height:34px; color:#545454; background:url(/images/web/new/main/b_banner.png) 0 -70px no-repeat;}
.btm_banner ul li.d03 a:link, a:visited {text-decoration:none; color:#545454;}
.btm_banner ul li.d03 a:hover, a:active {text-decoration:none; color:#046bb4; font-weight:bold; background-position:0 -174px;}

.gap { height:20px; clear:both}


/* 알림판 */
.DB_banner9{position:relative;width:298px; height:165px; float:left;background-color:#ffffff;}/*전체사이즈*/
.DB_banner9 .DB_mask{position:relative;width:298px;height:165px;margin:0 auto;overflow:hidden}
.DB_banner9 .DB_moveSet li{width:298px;}
.DB_banner9 .DB_moveSet li ul li{float:left;}
.DB_banner9 .DB_moveSet li ul li img{border:0}
.DB_banner9 .DB_pageSet{position:absolute;right:-1px;top:-27px;}
.DB_banner9 .DB_pageSet span{vertical-align:top;font-size:11px}
.DB_banner9 .DB_nextBtn ,.DB_banner9 .DB_prevBtn{margin-left:-1px;cursor:pointer}



/* Select */
.select{display:inline-block;position:relative;margin:0 0 6px;background:#fff;line-height:normal;vertical-align:middle;*zoom:1}
.select *{margin:0;padding:0;font-size:12px;font-family:'Nanum Gothic','dotum',Tahoma,Sans-serif;cursor:pointer}
.select .myValue{overflow:visible;position:relative;z-index:2;border:1px solid #bababa;background:transparent;line-height:19px;_line-height:normal;color:#666;letter-spacing:-1px;text-align:left}
.select .myValue.selected{font-weight:bold}
.select.open .myValue,.select .myValue.outLine{border:1px solid #999}
.select button.myValue{width:100%;height:30px;*padding-left:5px;text-indent:5px;*text-indent:0}
.select div.myValue{height:28px;line-height:28px;text-indent:8px}
.select .ctrl{position:absolute;top:0;right:0;width:28px;height:28px;border:1px solid #bababa;border-left:1px solid #bababa;background:#fff}
.select .arrow{position:absolute;top:12px;right:9px;width:1px;height:7px;border-top:4px solid #999;border-left:4px solid #fff;border-right:4px solid #fff;line-height:0;font-size:0}
.select ul{overflow:hidden;position:absolute;top:30px;left:0;width:100%;border:0;border-bottom:1px solid #bababa;background:#fff;list-style:none}
.select ul.aList{display:none}
.select.open ul.aList{display:block}
.select ul.iList{left:-2000%;z-index:1001;}
.select.open ul.iList{left:0}
.select li{overflow:hidden;position:relative;height:18px;border-left:1px solid #bababa;border-right:1px solid #bababa;white-space:nowrap}
.select li input.option{position:absolute;width:100%;height:20px;line-height:20px}
.select li label{position:absolute;top:0;left:0;width:100%;height:18px;background:#fff;line-height:18px;color:#767676;text-indent:8px;*text-indent:6px}
.select li a{display:block;height:18px;background:#fff;line-height:18px;color:#767676;text-decoration:none;text-indent:8px;*text-indent:6px}
.select li.hover *{background:#999;color:#fff}


/* 카피 */
.copy_content_wrap{width:100%;height:45px;border-top:1px #d5d5d5 solid;}
.copy_content{width:1000px;height:35px;margin:10px auto 0;}
.copy_content h2{float:left;margin-right:30px; margin-top:10px;}
.copy_menu{float:left;position:relative;height:35px;}
.copy_menu ul li{float:left; display:block; margin-top:17px; font-size:13px; padding:0 20px 0 20px; text-align:center; background:url(/images/web/new/footer/foot_ba.png) center right no-repeat; text-decoration:none;}
.copy_menu ul li.first{float:left; display:block; margin-top:17px; font-size:13px; padding:0 20px 0 0; text-align:center; background:url(/images/web/new/footer/foot_ba.png) center right no-repeat; text-decoration:none;}
.copy_menu ul li.last{display:block; margin-top:17px; font-size:13px; padding:0 0 0 20px; text-align:center; background:none; text-decoration:none;}
.copy_menu ul li a:link, visited{color:#4a4949;text-decoration:none;}
.copy_menu ul li a:hover, active{color:#4a4949;text-decoration:none; font-weight:bold}
.copy_menu ul li.first a{color:#2c71c0;text-decoration:none;}

.copy_link{float:right;position:relative;height:25px;text-align:left; margin-top:14px}
.copy_link input{float:right;margin-left:3px}
.copy_link ul li{float:left;height:25px;margin-right:-1px}

/* 카피 링크 */
.copy_link > ul > li > .select button.myValue{width:100%;height:24px;*padding-left:5px;text-indent:5px;*text-indent:0}
.copy_link > ul > li > .select .ctrl{position:absolute;top:0;right:0;width:22px;height:22px;border:1px solid #bababa;border-left:1px solid #bababa;background:#fff}

.copy_link > ul > li > .select .arrow{position:absolute;top:8px;right:6px;width:1px;height:7px;border-top:4px solid #999;border-left:4px solid #fff;border-right:4px solid #fff;line-height:0;font-size:0}
.copy_link > ul > li > .select > ul{position:absolute;top:-70px;left:0;z-index:9999;width:99%;border-right:1px #bababa solid;border-top:1px #bababa solid}
.copy_link > ul > li > .select > ul > li{clear:both;width:100%;height:18px}

/* 카피라이트 */
.copyright{position:relative;width:1000px;height:40px;margin:25px auto}
.copyright address { padding-bottom:5px; font-size:11px;}
.copyright address span.red{ color:#d60000; font-weight:bold;}
.copyright address span {font-weight:bold;}

/* 웹접근성인증마크 */
.copyright .WAmark{position:absolute; top:0; right:10px;}

/*GNB*/
#fullMenu {position:relative;z-index:9999;width:1000px;height:46px}


/*full*/
#full ul, #full li{margin:0;padding:0;list-style:none;}
#full{font-family:'Nanum Gothic';font-size:13px; text-align:center;color:#c5c3c3;position:relative;float:right;z-index:1; padding-top:15px; height:46px;}
#full span{padding:5px 0}
#full span img{vertical-align:top; padding-top:4px; border:0}
#full a{text-decoration:none;color:#c5c3c3;font-size:13px;}
#full ul.popup li.close{position:absolute;right:20px;top:20px;z-index:1;cursor:pointer;}
#full ul.popup{position:absolute;display:none;border:1px solid #28466e;width:998px;right:0;top:47px;/*위치*/;background:#ffffff;line-height:16px}
#full ul.popup li.list {position:relative;float:left;width:225px}
#full ul.popup li.list ul{ margin:20px 0 20px 0; border-right:1px #eee solid}
#full ul.popup li.list ul li{height:30px; line-height:30px;}
#full ul.popup li.list ul li a{color:#666666;font-size:12px;}
#full ul.popup li.list ul li a:hover{color:#ffffff;font-weight:bold; background-color:#28466e; display:inline-block; width:205px}



/*menu*/
#gnb_navi ,#gnb_navi ul,#gnb_navi li{margin:0;padding:0;list-style:none;}
#gnb_navi a{text-decoration:none;color:#ffffff}
#gnb_navi img{border:0;vertical-align:top}

#gnb_navi{position:relative; width:900px; height:46px;font-family:'Nanum Gothic';z-index:1;float:left;}
#gnb_navi li.gnb_main{float:left;position:relative; width:180px; text-align:center; display:block; padding-top:16px; padding-bottom:19px;}
#gnb_navi li.gnb_main a:link {font-size:15px; color:#ffffff}
#gnb_navi li.gnb_main a:visited {font-size:15px; color:#ffffff}
#gnb_navi li.gnb_main a:hover {font-size:15px; color:#ffffff; font-weight:bold}
#gnb_navi li.gnb_main a:active {font-size:15px; color:#ffffff; font-weight:bold}
#gnb_navi li.gnb_main.gnb_select{z-index:1}

#gnb_navi li.gnb_main ul.gnb_sub{display:none;position:absolute;top:47px/*서브메뉴높이*/}
#gnb_navi li.gnb_main ul.gnb_sub.s1{left:0px;}
#gnb_navi li.gnb_main ul.gnb_sub.s2{left:0px}
#gnb_navi li.gnb_main ul.gnb_sub.s3{left:0px}
#gnb_navi li.gnb_main ul.gnb_sub.s4{left:0px}
#gnb_navi li.gnb_main ul.gnb_sub.s5{left:0px}
#gnb_navi li.gnb_main ul.gnb_sub.s6{left:0px}

#gnb_navi li.gnb_main ul.gnb_sub li{width:180px;font-family:'Nanum Gothic'; background-color:#338bd2; border-bottom:#FFF 1px dotted;}
#gnb_navi li.gnb_main ul.gnb_sub li  a:link {color:#ffffff; font-size:12px; line-height:35px;}
#gnb_navi li.gnb_main ul.gnb_sub li  a:visited {color:#ffffff; font-size:12px; line-height:35px;}
#gnb_navi li.gnb_main ul.gnb_sub li.gnb_select a:hover{color:#ffffff; font-size:12px; font-weight:bold;}
#gnb_navi li.gnb_main ul.gnb_sub li.gnb_select a:active{color:#ffffff; font-size:12px; font-weight:bold;}


/* 서브페이지 레이아웃 */
#container{position:relative;width:1000px; margin:0 auto;}
#container .snb{overflow:hidden;float:left;width:200px;margin:10px 20px 0 0;}
#container .snb h2{ position:relative; height:140px; background:url(/images/web/new/left/left_title.png) center top no-repeat }
#container .snb h2 span{ position:absolute;font-size:18px;color:#FFF; text-align:left; top:70px; left:15px; width:180px; text-shadow:1px 1px 1px #000; }
#container .snb h2 span p{font-size:10px;color:#FFF; font-weight:bold; padding-top:3px; letter-spacing:-0.5px;}
#container .snb .banner{width:198px; border:1px #8c97b9 solid; height:234px; margin-top:30px; background-color:#FFF;}
#container .snb .banner ul li a{display:block;background:url(/images/web/new/left/side_banner01.png) no-repeat; height:117px; font-size:0}
#container .snb .banner ul li.b01 a{background-position:0 0}
#container .snb .banner ul li.b01 a:hover{background-position:0 -117px;}
#container .snb .banner ul li.b02 a{background-position:-198px 0}
#container .snb .banner ul li.b02 a:hover{background-position:-198px -117px;}
#container .s_cont{ float:left;position:relative;width:778px; height:auto; background-color:#FFF; border:1px #8c97b9 solid;}


/* Vertical Navigation */
.topnav {width: 198px;padding: 40px 28px 25px 0; border:1px #8d98ba solid;}
ul.topnav {padding: 0;margin: 0;font-size:13px;line-height: 35px;list-style: none;}
ul.topnav li {background-color:#FFF}
ul.topnav li a {line-height:15px;font-size: 13px;padding:10px 15px; color:#545454;display: block;text-decoration: none;font-weight: bolder; border-bottom:1px #CCC solid;}
ul.topnav li a:hover {background-color:#e6e9f2;color:#0e74c5;}
ul.topnav ul {margin: 0;padding: 0;display: none;}
ul.topnav ul li {margin: 0;padding: 0;clear: both;}
ul.topnav ul li a {padding-left: 20px;font-size: 11px;font-weight: normal;outline:0;}
ul.topnav ul li a:hover {background-color:#f3f3f3;color:#675C7C;}
ul.topnav span{float:right;}


.subtitle{position:relative;width:95%;padding-top:50px; margin:0 auto}
.subtitle h2{height:35px;font-size:24px; font-weight:bold; padding-top:20px}
.subtitle h3{height:35px;border-bottom:1px #d9d9d9 solid; font-size:13px; font-weight:bold;}
.subtitle span{position:absolute; top:11px; display:block; height:26px; padding-top:9px;color:#9c9c9c; text-align:right; width:100%}
.subtitle span img{margin-bottom:2px}


.board_tdata{position:relative !important;width:95%;height:30px;margin:0 auto;}
.board_tdata ul li.total{ display:block; color:#666; width:400px;line-height:27px; position:absolute; top:0; left:0;}
.board_tdata ul li.total span{ color:#428bca; font-weight:bold}
.board_tdata ul li.page {display:block;color:#666; width:150px;line-height:27px; float:right; text-align:right;}
.board_tdata ul li.page span{color:#f15500;font-weight:bold}

.board_serch{ width:95%; height:110px; background-color:#e7e7e7; margin:10px auto}
.board_serch ul{ width:658px; padding:20px 0 0 29px; position:relative;}
.board_serch ul li{display:block; text-align:left; font-size:13px; line-height:35px; width:100px;}
.board_serch ul li.f_data{position:absolute;top:23px;left:140px}
.board_serch ul li.f_data select {width:550px; height:30px; padding-left:10px; border:1px solid #d8d6d6; font-size:13px;}
.board_serch ul li.f_data option {padding-left:10px;}
.board_serch ul li.s_data{position:absolute;top:58px;left:140px}
.board_serch ul li.s_data select {width:140px; height:30px; padding-left:10px; border:1px solid #d8d6d6; font-size:13px;}
.board_serch ul li.field{position:absolute;top:58px;left:286px;} 
.board_serch ul li.field input{width:325px;border:1px #d8d6d6 solid;line-height:28px; height:28px;font-size:13px; padding-left:10px} 
.board_serch ul li.btn{display:inline-block;left: 589px;top: 58px; position:absolute;}

button img{display:inline-block;margin-bottom:5px}