@Charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0 none; vertical-align:top; }
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
input,select,textarea,button {vertical-align:middle;}
button {border:0 none;background-color:transparent;cursor:pointer;}
body {background:#fff;}
body,th,td,input,textarea,button {font:12px/1.5 '돋움',Dotum,sans-serif;color:#4c4c4c;}
select{font-size:12px;font-family:inherit;color:#4c4c4c;}

a { color:#4c4c4c; text-decoration:none; }
a:active, a:hover, a:focus { color:#00387f; text-decoration:none; }
a:active { outline:none; color:#00387f; }

address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
img {border:0; margin:0; padding:0;}

/* png */
.png24{tmp:expression(setPng24(this));}

/* common */
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.screen_hide {font-size:0;line-height:0;}

/* layout */
#skip_nav a {position:absolute; top:0; left:0; display:block; width:100%; height:0px; font-size:18px; font-weight:bold; color:#fff; text-align:center; line-height:30px; background:#006cc1; z-index:-100;}
#skip_nav a:FOCUS { height:30px; z-index:100;}

.skip_nav {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; }

#wrap_header{width:100%;height:90px;margin:0 auto;background:url(/site/www/images/common/bg_top.gif) repeat-x 0 0;border-bottom:2px solid #ba000c;}
#wrap_header .header{width:100%;}
#wrap_header .header .top{position:relative;width:1111px;margin:0 auto;}

.header h1{float:left;padding:33px 0 0 0px;}
.header h1 a{float:left;}
.header .gnb{position:absolute;right:0px;top:16px;}
.header .gnb li{float:left;height:20px;padding-left:1px;background:url(/site/www/images/common/gnb_bar.gif) no-repeat 0 0;}
.header .gnb li.fst{padding-left:0;background:none;}
.header form{/*position:absolute;right:0;top:15px;*/}
.header form input{float:left;}
.header form input.txt{margin-left:10px; width:153px;height:19px;border:1px solid #00387f;border-right:0 none;}
.wrap_lnb { position:absolute; width:100%; left:0; top:59px; margin:0 auto;}
.bg_on { background:url(/site/www/images/common/lnb_bg.gif) repeat-x 0 31px; }

.lnb{width:1111px;height:204px;margin:0 auto;}
.btn{text-align:center;}
.lnb li{position:relative;display:inline;float:left;margin-left:57px;line-height:14px;vertical-align:top;text-align:center;}
.lnb li.lnb01{margin-left:320px;}
.lnb li .arrow{display:none;width:9px;}
.lnb li.on .arrow{display:block;position:absolute;left:50%;top:23px;margin-left:-4px;}
.lnb li.on ul{display:block;}
.lnb li ul{display:none;position:absolute;top:31px;}
.lnb li ul li{display:block;margin-left:0;text-align:left;}
.lnb li ul li a{display:block; margin-bottom:9px; padding:8px 0 5px; font-weight:bold; color:#fff;}
.lnb li ul li a:hover{text-decoration:none;}
.lnb li ul.sub01{left:-286px;width:1088px;}
.lnb li ul.sub02{left:-206px;width:904px;}
.lnb li ul.sub03{left:-259px;width:852px;}
.lnb li ul.sub04{left:-795px;width:1267px;}
.lnb li ul.sub05{left:-428px;width:795px;}
.lnb li ul.sub06{left:-287px;width:542px;}
.lnb li ul.sub07{left:-473px;width:579px; }
.lnb .odd{float:left;width:110px;}
.lnb .even{margin-left: 110px; padding-left: 1px;}
.lnb li ul li ul{position:static;height:auto;padding:0;background:none;}
.lnb li ul li ul li{float:none;height:14px;margin-bottom:2px;padding-left:1px;}
.lnb li ul li ul li a{display:inline;margin:0;padding:0;font-weight:normal;font-size:11px; white-space:nowrap;}
.lnb li ul li ul.sub01_01{width:165px;}
.lnb li ul li ul.sub01_02{width:222px;}
.lnb li ul li ul.sub01_03{width:152px;}
.lnb li ul li ul.sub01_04{width:152px;}
.lnb li ul li ul.sub01_05{width:179px;}
.lnb li ul li ul.sub01_06{width:152px;}
.lnb li ul li ul.sub02_01{width:167px;}
.lnb li ul li ul.sub02_02{width:165px;}
.lnb li ul li ul.sub02_03{width:165px;}
.lnb li ul li ul.sub03_01{width:141px;}
.lnb li ul li ul.sub03_02{width:165px;}
.lnb li ul li ul.sub03_03{width:165px;}
.lnb li ul li ul.sub03_04{width:160px;}
.lnb li ul li ul.sub03_05{width:168px;}
.lnb li ul li ul.sub04_01{width:92px;}
.lnb li ul li ul.sub04_02{width:123px;}
.lnb li ul li ul.sub04_03{width:115px;}
.lnb li ul li ul.sub04_04{width:122px;}
.lnb li ul li ul.sub04_05{width:146px;}
.lnb li ul li ul.sub04_06{width:117px;}
.lnb li ul li ul.sub04_07{width:139px;}
.lnb li ul li ul.sub04_08{width:153px;}
.lnb li ul li ul.sub04_09{width:260px;}
.lnb li ul li ul.sub04_09 li{float:left;}
.lnb li ul li ul.sub04_09 li.odd{float:left;width:110px;}   
.lnb li ul li ul.sub05_01{width:185px;}
.lnb li ul li ul.sub05_02{width:161px;}
.lnb li ul li ul.sub05_03{width:151px;}
.lnb li ul li ul.sub05_04{width:184px;}
.lnb li ul li ul.sub05_05{width:113px;}
.lnb li ul li ul.sub06_01{width:192px;}
.lnb li ul li ul.sub06_02{width:205px;}
.lnb li ul li ul.sub06_03{width:145px;}
.lnb li ul li ul.sub07_01{width:167px;}
.lnb li ul li ul.sub07_02{width:143px;}
.lnb li ul li ul.sub07_03{width:167px;}
.lnb li ul li ul.sub07_04{width:93px;}
.lnb .a1:focus {display:block;}

#wrap_visual{width:100%;height:170px;border-bottom:1px solid #e0e0e0;}
#wrap_visual .visual{width:1111px;margin:0 auto; text-align: center; overflow: hidden;}
#wrap_visual .visual img {overflow:hidden;}

/* 20120227 happydong - width : 1228 -> 1266 변경 검색라인 맞추기위해*/
#container{position:relative;overflow:hidden;width:1111px;margin:20px auto 0;padding-bottom:50px;}

#side{float:left;width:189px;}
/* 20120227 happydong - margin-left : 18 -> 37 변경 검색라인 맞추기위해*/
#side h2{height:53px;}

/* 20120227 happydong - margin-left : 19px추가 검색라인 맞추기위해*/
#snb{width:100%; margin-top:10px; padding-bottom:10px; margin-left:-20px;}
#snb li{padding:1px 0 0 33px;/*background:url(/site/www/images/common/snb_bu01_off.gif) no-repeat 0 0;*/}
#snb li.on{/*background:url(/site/www/images/common/snb_bu01_on.gif) no-repeat 0 0;*/}
#snb li ul{padding:6px 0 17px;background:url(/site/www/images/common/snb_bg.gif) no-repeat 0 0;}
#snb li ul li{padding:0 0 0 3px;background:url(/site/www/images/common/snb_bu02_off.gif) no-repeat 10px 10px;}
#snb li ul li.on{background:url(/site/www/images/common/snb_bu02_on.gif) no-repeat 10px 10px;}
#snb li ul li a{display:block;width:139px;padding:5px 0 4px 18px;}
#snb li ul li ul{padding:0 0 3px;background:none;}
#snb li ul li ul li{padding:0;background:none;}
#snb li ul li ul li a{display:block;width:139px;padding:0 0 0 18px;}

/* 20120227 happydong - margin-left : 18 -> 37 변경 검색라인 맞추기위해*/
.slink{padding-top:27px;}
/* 20120227 happydong - margin: 0 21px 0 53px -> 0 21px 0 55px 변경 검색라인 맞추기위해*/
#contents{position:relative; float:left; width:900px; margin-left:20px;}
#contents .wrap_title{overflow:hidden;width:900px;height:36px;margin-top:23px; margin-bottom:20px; border-bottom:1px solid #eee;}
#contents h1{float:left;}
#contents .location{float:right;padding:5px 0 0 10px;background:url(/site/www/images/common/ic_home.gif) no-repeat 0 8px;}
#contents .location a{/*float:left;*/padding:0 10px 0 5px;background:url(/site/www/images/common/ic_location.gif) no-repeat 100% 0;font-size:11px;color:#616161;/*line-height:11px;*/vertical-align:top;}
#contents .location strong{/*float:left;*/padding-left:5px;font-size:11px;color:#313131;/*line-height:11px;*/vertical-align:top;font-weight:normal;}

.wrap_cont{width:100%;margin-top:20px;}

#quick{float:right;width:76px;height:342px; position:absolute;  top:200px; background:url(/site/www/images/quick/quick_bg.png) no-repeat -4px 0px;padding-right:2px;border-left:1px solid #E9E9E9; }
#quick a{display:block;}
#quick a.top{margin-top:6px;}
#quick #q_main li {list-style:none; padding:0 0 3px 6px; margin:10px 0 0 0; height:40px; background:url(/site/www/images/quick/quick_line.png) no-repeat 6px 41px; }
#quick #q_top { border-bottom:1px solid #E9E9E9; width:100%;}
#quick #q_bottom { margin:0px 0 0 0;}
#quick #q_menu01_sub { position:absolute;  width:187px; height:367px; z-index:900; display:none; }
#quick #q_menu02_sub { position:absolute;  width:187px; height:367px; z-index:900; display:none; }
#quick #q_menu03_sub { position:absolute;  width:187px; height:490px; z-index:900; display:none; }
#quick #q_menu04_sub { position:absolute;  width:187px; height:402px; z-index:900; display:none; }
#quick #q_menu05_sub { position:absolute;  width:187px; height:401px; z-index:900; display:none; }
#quick #q_menu06_sub { position:absolute;  width:187px; height:452px; z-index:900; display:none; }
#quick .q_sub li { margin:2px 0 2px 0; background:url(/site/www/images/quick/quick_bull.png) no-repeat 0 6px;}
#quick .q_sub li a{ margin:0 0 0 9px; color:#ffffff; font-size:12px;text-decoration:none;}
#quick .q_sub { margin: 65px 0 0 22px;}

#wrap_charge{width:100%;}
.group_charge{height:30px; line-height:30px; vertical-align:middle; /*width:1266px;*/ margin:0 auto; padding-bottom:10px; padding-left:56%; background:url(/site/www/images/common/bg_body.gif) repeat-y 207px 0;/*text-align:right;*/}
.group_chargde .inner{/*display:inline-block;*/margin-right:100px;}
.group_charge .list{/*float:left;*/padding-top:4px;}
.group_charge .list span{padding:0 7px}
.group_charge img{/*float:left;*/margin-left:8px; vertical-align:middle;}

#wrap_footer{width:100%;height:100px;margin:0 auto;background:url(/site/www/images/common/footer_bg.gif) repeat-x 0 0;}

#f_menu{width:100%;height:30px;margin:0 auto;border-top:1px solid #cfccc9; text-align: center;}
#f_menu ul{width:1111px; margin:0 auto; padding:8px 0 0 0; height:16px;}
#f_menu ul:after{content:"";display:blcok;/*clear:both;*/ list-style-type: none;}
#f_menu ul li{display:inline;padding-left:1px;background:url('/site/www/images/common/fnb_bar.gif') no-repeat 0 0;line-height:1;vertical-align:middle; height: 16px;}
#f_menu ul li.fst{padding:0;background:none;}

.footer{overflow:hidden;width:1111px;margin:0 auto;}
.copyrights {margin: 0px; padding: 0px; font-family: "Tahoma", "Dotum","Dotum-che","바탕체",Arial; font-size: 10px;}
address .tel {background: url("/site/www/images/common/footer_address_bg.gif") no-repeat 0px; padding-left: 7px; margin-left: 5px;}
address .email {background: url("/site/www/images/common/footer_address_bg.gif") no-repeat 0px; padding-left: 7px; margin-left: 5px;}
address {font-familly:"Dotum","Dotum-che","바탕체",Arial; font-size: 12px; font-style: normal;}
address a {font-size: 12px; font-style: normal;}

.footer .address{position:relative; float:left;width:660px;padding:17px 0 0 0;}
.footer .address .wa {position:absolute; top:8px; right:0;}
.footer .address address{height:16px; line-height: 12px;}
.footer .site{float:right;padding:21px 0 0 0;}
.footer .site select{float:left;width:165px;height:21px;margin-left:10px; margin-right:5px;border:1px solid #d4d4d4;}
.footer .site img{float:left;}