@charset "utf-8";
/* CSS Document */


/* reset */
body, div, ul, li, ol, dl, dt, dd, p, form, fieldset, button, h1, h2, h3, h4, h5, h6 {margin : 0; padding : 0;} 
img, fieldset{border:none;}
h1, h2, h3, h4, h5, h6 {font-size:13px; font-weight:normal;}
a {color:#666; text-decoration:none;}
a:hover {text-decoration:none;}
li, ul, ol, dt, dd {list-style:none;}
body, h1, h2, h3, h4, th, td, input {font-size:12px; line-height:1.5; font-family:"나눔고딕",Nanum Gothic;}
input, textarea, select {border:1px solid #c9c9c9;}
.blind {width:0; height:0; position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0;} /* 숨기기 */
.claer {clear:both;}


/* layout */
#wrap {width:100%; margin:0 auto;}
#header {width:100%; height:128px; background-image:url(../img/common/bg_top.gif);}
#content {width:100%; height:510px; background-color:#eaeaea;}
#scontent {width:100%;}
#visual {width:100%; height:357px; background-image:url(../img/main/bg_visual.gif); background-position:center center;}
#footer {width:100%; height:200px; border-top:1px solid #ddd; background-color:#FFF; float:left;}



/* header */
#h_container {width:1000px;  margin:0 auto;}
#h_container h1 {float:left;}

#h_container #gnb {float:right; height:66px;}
#h_container #gnb ul {width:150px; padding-top:40px;}
#h_container #gnb ul li {float:left; padding-left:5px;}

#h_container #lnb {float:left; width:100%; height:52px; background-image:url(../img/common/lnb_bg.gif);}
#h_container #lnb > ul {}
#h_container #lnb > ul > li {float:left; width:250px; text-align:center;}
#h_container #lnb > ul > li > a {display:block; height:52px; line-height:52px; vertical-align:middle; font-size:15px; font-weight:600; color:#FFF; }

#h_container #lnb .lnbsub{position:absolute; height:40px; width:100%; background-image:url(../img/common/bg_lnb.png); background-repeat:repeat-x; left:0; top:118px; display:none; }
#h_container #lnb .lnbsub.on{display:block;}
#h_container #lnb .lnbsub div{position:relative; width:1000px; height:40px; margin:0 auto;}
#h_container #lnb .lnbsub ul li{float:left; height:40px; line-height:40px; vertical-align:middle;}
#h_container #lnb .lnbsub ul li a{display:block; font-size:12px; color:#626262; padding:0 10px 0 10px; font-weight:600;}
#h_container #lnb .lnbsub ul li a.on{color:#08327f;}


#h_container #lnb #lnbsub1 ul{position:absolute; left:98px; background-image:url(../img/common/lnb_arrow.png); background-repeat:no-repeat; background-position:20px 0;}
#h_container #lnb #lnbsub2 ul{position:absolute; left:132px; background-image:url(../img/common/lnb_arrow.png); background-repeat:no-repeat; background-position:236px 0;}
#h_container #lnb #lnbsub3 ul{position:absolute; left:593px; background-image:url(../img/common/lnb_arrow.png); background-repeat:no-repeat; background-position:26px 0;}
#h_container #lnb #lnbsub4 ul{position:absolute; right:98px; background-image:url(../img/common/lnb_arrow.png); background-repeat:no-repeat; background-position:163px 0;}


/* footer */
#f_container {width:1000px; margin:0 auto; }
#f_container .copy {padding-top:30px; overflow:hidden;}
#f_container .copy p {float:left;}
#f_container .copy ul {overflow:hidden; width:800px; padding-left:30px;}
#f_container .copy ul li {float:left; padding-left:10px;}



/* main visual */
#v_container {width:1000px; margin:0 auto;}



/* main_content */
#c_container {width:1000px; margin:0 auto;}

#c_container .notice {position:relative; margin-top:20px; width:315px; margin-top:30px; float:left; background-image:url(../img/main/bg_notice.gif);}
#c_container .notice h4 {}
#c_container .notice ul {overflow:hidden; padding-top:20px; margin:0 10px 0 7px;}
#c_container .notice ul li {overflow:hidden;}
#c_container .notice ul li a {display:block; float:left;}
#c_container .notice ul li a img {padding-right:5px; vertical-align:middle;}
#c_container .notice ul li span {display:block; float:right;}
#c_container .notice .more {display:block; position:absolute; top:7px; right:5px;}

#c_container .info {width:315px; margin:30px 0 0 30px; float:left;}
#c_container .info ul {overflow:hidden; margin:0;}
#c_container .info ul li {float:left;}

#c_container .callcenter {width:330px; margin-top:30px; float:right;}



/* Style for myTapPanel */
.myTabPanel {position:relative; width:1000px; height:249px; padding-top:30px; overflow:hidden;}
.myTabPanel dl {position:relative; width:100%; height:100%;}
.myTabPanel dl dt h6 {padding-top:8px; text-align:center;} 
.myTabPanel dl dt {position:relative; font-size:13px; width:250px; height:36px; border-bottom:1px solid #eee; background-image:url(../img/main/product_tab_off.gif); float:left; cursor:pointer;}
.myTabPanel dl dt a{color:#000;}
.myTabPanel dl dd {display:none; position:absolute; top:36px; width:100%; right:0;}
.myTabPanel dl dd img {}

.myTabPanel dl dt.on {background-image:url(../img/main/product_tab_on.gif); color:#fff;}
.myTabPanel dl dt.on a{color:#fff;}
.myTabPanel dl dd.on {display:block}



/* visual_sub */
#visual_sub {width:100%; height:105px; background-image:url(../img/sub/bg_subcon.gif);}
#visual_sub .sub_img {width:1000px; margin:0 auto;}
#visual_sub .location {width:1000px; margin:0 auto; text-align:right;}
#visual_sub .location_t {float:right; height:20px; color:#999; font:normal 12px dotum; padding:10px 5px 0 0;}
#visual_sub .location_t li {float:left; padding-left:3px;}
#visual_sub .location_t li a.home {display:inline; background:url(../img/sub/icon_location.gif) no-repeat; padding-left:13px;}
#visual_sub .location_t li a.on {display:inline; color:#4c7fdb; font-weight:bold;}



/* sub_contants */
#s_container {width:1000px; margin:0 auto; padding:30px 0;}



/* lnb */
#s_container #lnb {float:left; width:180px;}
#s_container #lnb .menu {overflow:hidden; vertical-align:middle;}
#s_container #lnb .menu li {width:180px; float:left; padding:5px 0; border-bottom:1px solid #c19f84;}
#s_container #lnb .menu li a {display:block; text-align:left; padding-left:7px; font-weight:bold; font-size:13px;}
#s_container #lnb .menu li.on {background-color:#977c67;}
#s_container #lnb .menu li.on a {color:#FFF;}



/*  sub */
#s_container #sub {float:right; width:760px; padding-bottom:30px;}



/* board_list */
.board .list_wrap {margin-top:50px;}
.board .list_wrap .this_num {color:#F00; font-weight:bold;}
.board .list_wrap .total_num {color:#5b5b5b; font-weight:bold;}
.board .list_wrap table {border-top:#4279ba 2px solid; width:760px; margin-top:10px; color:#838383;}
.board .list_wrap table th {font-weight:bold; color:#3c3c3c; background:none; }
.board .list_wrap table tr.list_top {background:#f9f9f9; height:40px; border-bottom:1px solid #666;}
.board .list_wrap table td {text-align:center; padding:10px 0; border-bottom:1px solid #ddd; border-right:0;}
.board .list_wrap table td.title {text-align:left; padding-left:10px; border-right:0;}



/* page_tab */
.board .list_wrap .paging{margin:50px 0; text-align:center;}
.board .list_wrap .paging img{margin-top:-2px;}
.board .list_wrap .paging a{margin:0 5px;}
.board .list_wrap .paging a.on{color:#1576ac; font-weight:bold;}
.board .btn_form{ text-align:right; margin-top:10px; padding-bottom:50px;}



/* board_view */
.board .board_wrap {margin-top:50px;}
.board table tr td input {height:18px;}

.board_wrap .board_stlye {border-collapse:collapse; width:760px; text-align:left;}
.board_wrap th.list_top {border-top:2px solid #4279ba;}
.board_wrap th {height:27px; text-align:center; padding-bottom:4px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.board_wrap td.top {border-top:2px solid #4279ba; }
.board_wrap td {height:27px; border-bottom:1px solid #ddd; padding-left:7px;}

.board_wrap td.view {padding:10px; line-height:18px;}

.board_wrap .board_view {border-collapse:collapse; width:760px; padding:20px 0; text-align:left;}
.board_wrap .board_view td.view {padding:30px 0; line-height:18px; border-bottom:1px solid #CCC;}

.board .list_btn {float:right; padding-top:20px;}
.board .btn_center {float:left; width:760px; text-align:center; padding-top:20px;}


/* subcon */
.subcon {padding-top:30px;}

.subcon .tab ul {overflow:hidden; text-align:center;}
.subcon .tab ul li {overflow:hidden; display:block; float:left; margin-left:2px; width:100px; background:#CCC; color:#666; padding:5px 0;}


/* product */
.porductTab ul {overflow:hidden; text-align:center;}
.porductTab ul li {overflow:hidden; display:block; float:left; margin-right:2px; margin-bottom:2px; width:93px; border-top:2px solid #ccc; background:#CCC; color:#666; padding:5px 0; cursor:pointer; font-weight:bold;}
.porductTab ul li.on {color:#333; border-top:2px solid #4c7fdb; background:#FFF;}


/* prTAb */
.prTab{display:none;}
.prTab.on{display:block;}

.prTab table{width:100%; border:1px solid #e3e3e3; border-bottom:none; color:#444;}
.prTab .tbl_top{background-color:#efefef; font-weight:bold;}
.prTab th{width:20%; height:30px; padding-left:10px; text-align:left; border-bottom:1px solid #e3e3e3; background-color:#fafbfd;}
.prTab td{width:30%; height:30px; padding-left:10px; border-bottom:1px solid #e3e3e3;}



/* sitemap */

#sitemap{height:400px;}
#sitemap .sitemap div{font-size:18px; color:#4c7fdb; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #4c7fdb }
#sitemap .sitemap{border:2px solid #efefef; float:left; width:201px; height:320px; margin-left:20px; padding:15px}
#sitemap #sitemap1{margin-left:0; background-image:url(../img/sub/sitemap1_img.gif); background-repeat:no-repeat; background-position:right bottom;}
#sitemap #sitemap2{background-image:url(../img/sub/sitemap2_img.gif); background-repeat:no-repeat; background-position:right bottom;}
#sitemap #sitemap3{background-image:url(../img/sub/sitemap3_img.gif); background-repeat:no-repeat; background-position:right bottom;}
#sitemap #sitemap4{background-image:url(../img/sub/sitemap4_img.gif); background-repeat:no-repeat; background-position:right bottom;}
#sitemap .sitemap ul{margin-top:15px;}
#sitemap .sitemap li{list-style-position:inside; margin-top:5px; padding-bottom:5px; border-bottom:1px solid #ccc; }
#sitemap .sitemap li a{font-size:13px; font-weight:700; color:#999}
#sitemap .sitemap li a:hover{color:#4c7fdb;}