@charset "utf-8";
@import url("reset.css");
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* 메인 레이아웃*/

body {}
#wrap{width:100%; margin:0 auto;}
#header{height:139px; background:url('../main/menu_bg.png') repeat-x}
#header.auto {height:auto;}
#header.auto .top_area {width:1030px;}
#header.auto .top_area h1 {left:0;}
.top{height:98px;border-bottom:1px solid #84A5BE;}
.top_area{position:relative;width:995px; height:98px;margin:0 auto;}
h1{position:absolute; top:0px; left:0px; z-index:10}
.backlogo{position:absolute; top:0px; left:152px; z-index:9}
.top_text{position:absolute; top:23px; left:157px;font:bold 14px dotum;color:#232833;z-index:10;}
.top_menu{float:right;margin-top:10px}
.top_menu a:first-child{background:none;}
.top_menu a{display:inline-block; zoom:1;padding-left:6px; font:11px dotum;letter-spacing:-1px;color:#232833; background:url('../main/line.png') no-repeat 0 40%; }



/* 메뉴1depth 일때 */
.gnb{width:995px; margin:0 auto; clear:both; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gnb li:first-child{border-left:1px solid #84A5BE;}
.gnb li{float:left; font-size:13px; font-weight:bold; font-family:"Nanum Gothic", dotum,"돋움",sans-serif; color:#232833; text-align:center; white-space:nowrap;}
.gnb li:hover{background:#000; cursor:pointer;}
.gnbov {background:#000; cursor:pointer; color:#fff}
.gnbov a{color:#fff}
.gnb li a{display:block; padding-top:9px; width:141px; height:30px; border-right:1px solid #84A5BE; color:#fff;}
.gnb li a:hover{color:#fff;}
.gnb li a.on{color:#fff; background:#000;}

.hb{width:100%;height:5px;background:#000 repeat-x; position:absolute;left:0;top:138px; z-index:100;filter: alpha(opacity=10); -khtml-opacity:0.1; -moz-opacity:0.1; opacity:0.1;}


/* 본문부분 */
#container{position:relative; overflow:hidden;background:url('../main/bg_lnb2.gif') repeat-y center bottom;}
#container.main {background:none;}
#container2{position:relative; overflow:hidden;background:url('../main/bg_lnb2.gif') repeat-y 40px bottom;}

#contents2 {width:1030px; margin:0 auto 0; color:#232833; padding-bottom:80px;}
#contents2 h2 {margin-top:30px; background:url('../main/bullet_arrow.gif') 0 2px no-repeat; padding-left:30px; font-size:14px; font-weight:bold; }
#contents2 h2.tit {margin-top:30px; padding-left:0; background:none; }


/* rolling area */
.rolling_area{position:relative; height:500px; width:1400px;  margin:0 auto; overflow:hidden;}
.rollItem{position:absolute;z-index:1;}
.rollControl{position:absolute; bottom:20px; left:50%; margin-left:370px; z-index:10}

.contents{width:995px; margin:0 auto;margin-top:30px; overflow:hidden;}

/* gallery area*/
.gallery_area{margin-top:30px;margin-bottom:30px; position:relative;}
h2{font:15px/15px Franklin Gothic Medium; color:#232833;}
.gallery_more{position:absolute; top:5px;right:5px; z-index:10;}
.gallery_list{width:990px; padding:15px 15px 0px 0px; text-align:left; margin:auto;}

/* keyword area*/
.keyword_area{margin-top:30px; overflow:hidden;}
h2{font:15px/15px Franklin Gothic Medium; color:#232833;}

.keyword_box{width:992px;height:78px; border:1px solid #e9ebed;margin-top:15px;}
.keyword_list{font:12px/12px dotum; color:#d4d8dc;  margin-top:22px; margin-left:18px; }
.keyword_list li{float:left;padding:0 10px; background:url('../main/line.png') no-repeat 0 40%; margin-bottom:13px;}
.keyword_list li:first-child{padding-left:0; background:none;}
.keyword_list .pl0{padding-left:0;}
.keyword_list .bg0{background:0;}

/*theme area */
.theme_area{margin-top:30px;margin-bottom:50px; position:relative; width:995px; height:225px;}
.theme_area h2 {*padding-bottom:15px;} /* myeon */
.theme_more{position:absolute; top:5px;right:5px; z-index:10;}
.theme_dot{position:absolute; top:230px;left:480px; z-index:10;}
.theme_dot li{float:left; margin-left:3px;}


.theme_list{width:995px;height:200px; margin-top:15px; position:relative; overflow:hidden;}
.theme_roll{position:relative; margin-top:15px;}

.rollstory{position:absolute; z-index:10;}
.rollstory li img:first-child{margin-left:0;}
.rollstory li img{border:0px solid #e9ebed; margin-left:15px;}

.text_area{height:49px; margin-top:50px;border-top:1px solid #d4d8dc;}
.text_line{position:relative;width:995px; margin:0 auto;}
.text_line p{display:inline-block; margin-left:236px;margin-top:17px;font:bold 16px/16px dotum; color:#d52027;}
.text_detail{position:absolute; top:11px; right:100px;width:92px;height:27px;background:url('../main/bg_text.png') no-repeat; z-index:10;}
.text_detail .btn_detail{display:inline-block; font:12px/12px dotum; color:#fff; margin:8px 0 0 22px}

.customer{height:162px;background:#f6f7f8; border-top:1px solid #d4d8dc; border-bottom:1px solid #d4d8dc;}
.customer_area{width:992px;margin:0 auto; overflow:hidden;}

.section{float:left; width:330px;margin-top:30px; font:15px/15px Franklin Gothic Medium; color:#232833;}
.customer_title{height:15px; height:28px;}
.notice_list{font:12px/20px dotum; width:280px; height:80px; overflow:hidden;}
.notice_list li{text-overflow:ellipsis; white-space:nowrap;  overflow:hidden;}
.customer_address{font-size:14px; line-height:23px; white-space:pre;}
.customer_banner{overflow:hidden;margin-left:4px;}
.customer_banner li{float:left; margin-left:5px; height:30px;}

.paging_wrap{border-top:3px solid #d4d8dc; *text-align:center; *padding-top:27px;} /* myeon */
.paging{text-align:center; overflow:hidden; margin-top:27px; font:12px 12px dotum;color:#232833;}
.paging a{padding: 11px; background:url('../main/bg_navi.png') no-repeat 0 50%;}
.paging a strong{color:#d52027;}
.paging .prev{padding-left:15px; background:url('../main/navi_prev.png') no-repeat 0 47%;}
.paging .next{padding-right:20px; background:url('../main/navi_next.png') no-repeat 90% 20%;}
.paging .totalpg{background:none; padding-left:0px; font-weight:bold;}
.paging .gopage{width:48px; height:23px; border:1px solid #919399;line-height:23px;}
.paging .navi_btn{width:50px; height:25px; background:#919399; color:#fff; border:none ; border-right:1px solid #767980; border-bottom:1px solid #767980; margin-left:3px;}

/*서브 */
.sub_bt{border-bottom:5px solid #e5e5e5;}
.sub_contens{overflow:hidden; min-height:900px;position:relative;}

/*서브좌측*/
.lnb{float:left;position:relative; width:200px; min-height:900px; border-top:none;margin-left:40px;}
.list_title{position:absolute; top:20px; left:0; z-index:10;}
.lnb_list{padding-top:74px; margin-left:21px; font:12px/12px dotum; color:#232833;}
.lnb_list li{margin-bottom:10px; background:url('../main/bg_lnb.png') no-repeat; padding-left:24px; height:13px; padding-top:1px;}
.lnb_list2{padding-top:74px; margin-left:21px; font-size:13px; font-family:"Nanum Gothic", dotum,"돋움",sans-serif; color:#232833;}
.lnb_list2 li{margin-bottom:10px;height:13px; padding-top:1px;}
.sub_con{overflow:hidden; padding-bottom:80px;}
.lnb_sub{padding-top:74px; margin-left:21px; font-size:13px; font-family:"Nanum Gothic", dotum,"돋움",sans-serif; color:#232833;}
.lnb_sub li{margin-bottom:9px; background:url('../main/blt_block.gif') no-repeat left 49%; padding-left:13px; height:22px; padding-top:1px;}
.lnb_sub li a.on {font-weight:bold;}

/* 서브본문 */
.con_sub{float:left;position:relative;margin-top:32px; margin-left:40px; width:755px;}
.s_navi{font:12px/12px dotum; color:#232833;}

.intro_section h4{display:inline-block; float:left; }
.intro_top{position:relative;}
.intro_section{position:relative; margin-top:22px;height:48px; overflow:hidden;}


/*footer */

#footer{overflow:hidden; height:170px; width:995px; margin:0 auto;}
#sub_footer{height:170px; border-top:1px solid #d4d8dc;}
#sub_footer2 {height:170px; width:100%; border-top:1px solid #d4d8dc;}
#sub_footer2 .footer_area {margin:31px auto 0; width:1030px;}
#sub_footer3 {height:170px; width:100%; }
#sub_footer3 .footer_area{margin:0 auto; width:920px; padding-top:31px; overflow:hidden;}
#sub_footer3 ul{overflow:hidden; margin-left:180px;}
#sub_footer3 ul li:first-child{background:none;}
#sub_footer3 ul li{float:left;display:inline-block; padding:0 10px;font:12px dotum; letter-spacing:-1px;color:#232833; background:url('../main/line.png') no-repeat 0 40%;}
#sub_footer3 p {font:11px dotum; color:#707070;text-align:center; margin-top:20px;}
#sub_footer3 p img {padding:0 8px}
.footer_area{margin:0 auto; /* width:1335px; */  margin-top:31px; overflow:hidden;}
.footer_area .f_right {margin-right:65px;}
.footer_area2{margin:0 auto; width:995px;  margin-top:30px; overflow:hidden;}
.left_con{float:left; width:250px; overflow:hidden;}
.left_con li{float:left; margin:0 0 7px 5px}
.right_con{float:left;}
.otherLinks{overflow:hidden;margin-left:240px;}
.otherLinks li:first-child{background:none;}
.otherLinks li{float:left;display:inline-block; padding:0 10px;font:12px dotum; letter-spacing:-1px;color:#232833; background:url('../main/line.png') no-repeat 0 40%;}
.otherLinks .pr0{padding-right:0}

.copyright{margin-top:20px;text-align:right; font:12px/12px Franklin Gothic Medium; color:#707070;}
.foot_address{font:11px/11px dotum; color:#707070;margin-top:26px;text-align:right;}
.foot_address img{padding:0 8px}



/* 공통  */
.w995{width:995px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt28{margin-top:28px;}
.f_right{float:right;}
.ml40{margin-left:40px;}
.cd52027{color:#d52027;}
.mt0{margin-top:0;}
.mt0{margin-top:0}
.ml0{margin-left:0;}
.bd0{border:none}
.border_b{border:none}
.mh500{min-height:500px;}
.mt28{margin-top:28px;}
.text_cen {text-align:center;}
.h0{height:0}
.ml15{margin-left:15px}


/* 사이트맵 */

.sitemap {margin-left:-20px; *position:relative; *width:730px;} /* myeon */
.sitemap>li {width:161px; float:left; margin-left:20px; border-top:2px solid #232833; background:url('../main/bullet_arrow.gif') 10px 15px no-repeat; padding-bottom:70px; }
.sitemap>li>a {font-weight:bold;  border-bottom:1px solid #d4d8dc; padding:12px 0 12px 40px; width:121px; display:inline-block;}
.sitemap>li li {background:url('../main/bullet_small_arrow.gif') 20px 6px no-repeat; padding-left:30px; margin-top:10px;}


/* yhc 추가 */
.line02    {border:solid 1px #DDDDDD;}