@charset "utf-8";

#wrap {text-align:center;}
#header{width:100%; margin:0 auto;  height:104px; background: url(/img/common/gnb-line.gif) 0 100px repeat-x; position:relative;  }
#container{width:980px; margin-top:16px; margin:0 auto; padding-bottom:120px; text-align:left; zoom:1; position:relative; overflow:hidden; }
.header-z { z-index:999;}

/* GNB-Area */ 
#gnb {margin:0 auto; width:980px; height:100px;}
/* 하나생명 로고 */
#gnb .ci-area {display:block; margin:0 auto; float:left; padding-top:30px; height:70px; }
/* Top-LNB  */
#gnb .top-menu {float:right; height:24px; /*로그인 버튼 삭제시 height 값 설정 */ }
/*#gnb .top-menu .menu {padding:0 8px 0}*/
#gnb .top-menu .menu li:first-child {background:0;}
#gnb .top-menu .menu li {background: url(/img/common/top-menu-line.gif) no-repeat left 50%; padding-left:10px; margin-left:10px;}
#gnb .top-menu .menu li a{font-size:12px; color:#656565; }
#gnb .top-menu .menu li.map a{font-size:12px; font-weight:bold; color:#008485;}
#gnb .top-menu span{font-size:12px; color:#656565}
#gnb .gnb:after {content:"";display:block;clear:both}
#gnb .gnb {width:785px; float:right; margin-top:23px; height:42px; padding-left:0;} /* 231027 아파트대출 수정*/
#gnb .gnb > li:first-child {margin-left:0; }
 /* #gnb .gnb > li {margin-left:32px; } 231027 아파트대출에 따른 삭제*/
#gnb .gnb > li {margin-left:32px; } /* 231027 아파트대출 수정 */
#gnb .gnb > li a span.txt{display:block; height:42px; line-height:0; font-size:0; text-indent:-9999px; }
/*#gnb .gnb > li a.on span.txt {background: url(/img/common/gnb-menu.gif) no-repeat 0 0; color:#fff; height:42px;}*/
#gnb .gnb > li, 
#gnb .gnb > li > a:focus,
#gnb .gnb > li > a:hover,
#gnb .gnb > li > a.on {background:url(/img/common/gnb-menu.gif) no-repeat ; height:42px; }

#gnb .gnb > li > a {display:block;height:37px; cursor:pointer;}
#gnb li {display:inline;float:left}
#gnb li.item1 > a{width:60px; /* 보험상품 */}
#gnb li.item2 > a{width:76px; /* 사이버창구 */}
#gnb li.item3 > a{width:60px; /* 고객상담 */}
#gnb li.item4 > a{width:61px; /* 하나광장 */}
#gnb li.item5 > a{width:59px; /* 사회공헌 */}
#gnb li.item6 > a{width:76px; /* 다이렉트몰 */}
#gnb li.item7 > a{width:89px; /* 변액자산관리 */}/*20181206추가*/
#gnb li.item8 > a{width:43px; /* 아파트대출 */}/* 250526추가 */

#gnb li.item1 {background-position:0 -42px}
#gnb li.item2 {background-position:-72px -42px}
#gnb li.item3 {background-position:-158px -42px}
#gnb li.item4 {background-position:-229px -42px}
#gnb li.item5 {background-position:-301px -42px}
#gnb li.item6 {background-position:-370px -42px}
#gnb li.item7 {background-position:-460px -42px}/*20181206추가*/
#gnb li.item8 {background-position:-646px -42px}/*250526추가*/

#gnb li.item1 > a:focus{background-position:0 0}
#gnb li.item2 > a:focus{background-position:-72px 0}
#gnb li.item3 > a:focus{background-position:-158px 0}
#gnb li.item4 > a:focus{background-position:-229px 0}
#gnb li.item5 > a:focus{background-position:-301px 0}
#gnb li.item6 > a:focus{background-position:-370px 0}
#gnb li.item7 > a:focus{background-position:-460px 0}/*20181206추가*/
#gnb li.item8 > a:focus{background-position:-646px 0}/*250526추가*/

#gnb li.item1 > a:hover{background-position:0 -84px}
#gnb li.item2 > a:hover{background-position:-72px -84px}
#gnb li.item3 > a:hover{background-position:-158px -84px}
#gnb li.item4 > a:hover{background-position:-229px -84px}
#gnb li.item5 > a:hover{background-position:-301px -84px}
#gnb li.item6 > a:hover{background-position:-370px -84px}
#gnb li.item7 > a:hover{background-position:-460px -84px}/*20181206추가*/
#gnb li.item8 > a:hover{background-position:-646px -84px}/*250526추가*/

#gnb li.item1 > a.on {background-position:0 0}
#gnb li.item2 > a.on {background-position:-72px 0;}
#gnb li.item3 > a.on {background-position:-158px 0}
#gnb li.item4 > a.on {background-position:-229px 0}
#gnb li.item5 > a.on {background-position:-301px 0}
#gnb li.item6 > a.on {background-position:-370px 0}
#gnb li.item7 > a.on {background-position:-460px 0}/*20181206추가*/
#gnb li.item8 > a.on {background-position:-646px 0}/*250526추가*/

/*2016-03-15 추가 start*/
#gnb li.item2 .box02 ul li.height_new {position:relative;left:0;top:-35px;}
#gnb li.item2 .box02 ul li.height_new1 {position:absolute;left:10;top:5px;}
/*2016-03-15 추가 end*/

/* Gnb Sub Menu */
#gnb .sub { position:absolute; top:104px;  left:0;	/* WSG에 맞게 가로 세로 설정 */ width:100%; height:440px; background:#fff;  background: #fff url(/img/common/gnb-bg.gif) repeat-x bottom; text-align:center; display:none}
/*#gnb .sub > div {position:relative; width:980px; height:385px; margin:0 auto; text-align:left; background: url(/img/common/box-bg.jpg) no-repeat 0 0; }*/
#gnb .sub > div {position:relative; width:980px; height:430px; /* 230425 수정 */ margin:0 auto; text-align:left; /* background: url(/img/common/box-bg-1.jpg) no-repeat 0 0; */}/*2018.12.06추가*/
#gnb .sub > .box02 {background-position:0 -386px}
#gnb .sub > .box03 {background-position:0 -770px}
#gnb .sub > .box04 {background-position:0 -1155px}
#gnb .sub > .box05 {background-position:0 -1540px}
#gnb .sub > .box06 {background-position:0 -1925px}
#gnb .sub > .box07 {background-position:0 -2310px}/*20181206추가*/
#gnb .sub > .box08 {background-position:0 -386px}/*250526추가*/

#gnb .sub .menu {padding:10px 0 0 15px; width:765px; float:left;}
#gnb .sub .menu li .tit a{font-size:15px; color:#333; letter-spacing:-1px;}
#gnb .sub .menu li .tit a:hover{color:#ea0061;}
#gnb .sub .menu li {width:255px;}
#gnb .sub .menu li ul {display:block; margin-top:10px}
#gnb .sub .menu li ul li a{line-height:24px; font-size:13px; letter-spacing:-1px;}
#gnb .sub .menu li ul li a:hover{color:#ea0061;}

#gnb .sub ul.w300 li{width:300px;} /* 230522 추가 */
#gnb .sub ul.w250 li{width:250px;} /* 24HB 상품 추가 */

#gnb .sub .menu.w153 ul {margin-top:5px}
#gnb .sub .menu.w153 li.line16 a{line-height:16px;}
#gnb .sub .menu.w153 li.line18 a{line-height:18px; letter-spacing:-2px;}/*20181206 변경*/
#gnb .sub .menu.w153 li.line19 a{line-height:18px; color:#ea0061; font-weight:bold;}
#gnb .sub .menu.w153 li {width:153px;}

#gnb .sub .menu.w191 li {width:191px;}

#gnb .sub .menu.w580  {width:565px; float:left;}
#gnb .sub .menu.w580 li {width:191px; float:left;}
#gnb .sub .menu.w580 li.w183 {width:183px; float:left;}

#gnb .sub .menu.w615  {width:615px; float:left; }
#gnb .sub .menu.w615 li {width:210px; float:left;}
#gnb .sub .menu.w615 li .tit a{letter-spacing:-2px }
#gnb .sub .menu.w615 li.w150 {width:150px; margin-left:10px; float:left;}


#gnb .r-menu.w350 {width:350px; float:left;}
#gnb .r-menu.w400 {width:400px; float:left}
#gnb .r-menu {float:left; height:430px; /* 230425 수정 */ width:198px;border-top:0; background:#fafafa;}
#gnb .r-menu div {width:183px; padding:10px 0 0 15px; background:#fafafa; float:left;   margin-left:-1px; cursor:pointer;}
#gnb .r-menu div .tit{color:#007776; font-size:14px; display:block; margin:5px 0 5px; letter-spacing:-1px;}
#gnb .r-menu div .txt{letter-spacing:-1px;}
#gnb .r-menu .tit.on {color:#ea0061;}
#gnb .r-menu a{text-decoration:none;}


/* #gnb .sub .meu .height_new_s{margin-top:-100px !important; min-height:80px !important;} */
#gnb .sub .menu .height_new_s{margin-top:-60px !important; min-height:120px !important;}
#gnb .sub .menu .height_new_s1{margin-top: -10px !important; min-height:160px !important;}
#gnb .sub .menu .height_new_s2{margin-top: -20px !important; min-height:160px !important;}
#gnb .sub .menu .height_new_s3{ margin-top: -100px !important; min-height:160px !important;}
#gnb .sub .menu .height_new_s4{position: absolute; bottom:20px; left:15px; min-height:50px !important;}
#gnb .sub .menu .height_new_s5{margin-top:20px !important; min-height:50px !important;}
#gnb .sub .menu .height_new_s6{margin-top:-20px !important; min-height:50px !important;}/*220317 수정*/
/*201909_0315 변경*/







/*보험상품*/
#gnb .r-menu div a {display:block;} 

#gnb .r-menu .box01 {height:204px;/* 230425 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg01.png) no-repeat 140px 140px; border-bottom:0;}/*230425 수정*/
#gnb .r-menu .box02 {height:117px; border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg02.png) no-repeat 140px 75px;border-bottom:0;}
#gnb .r-menu .box03 {height:203px;/* 230425 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg03.png) no-repeat 140px 140px;border-bottom:0;}/*230425 수정*/
/*사이버창구*/
#gnb .r-menu .box04 {height:140px;/* 230427 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg04.png) no-repeat 140px 95px;border-bottom:0;}/*230425 수정*/
#gnb .r-menu .box05 {height:140px;/* 230427 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg05.png) no-repeat 144px 95px;border-bottom:0;}/*230425 수정*/
#gnb .r-menu .box06 {height:48px;/* 230427 수정 */ padding-top:15px; border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg06.png) no-repeat 154px 19px;border-bottom:0;}/*2016-04-08 수정*/
#gnb .r-menu .box07 {height:48px;/* 230427 수정 */ padding-top:15px;  border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg07.png) no-repeat 154px 19px;border-bottom:0;}/*2016-04-08 수정*/
#gnb .r-menu .box07_1 {height:73px; padding-top:40px; border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg07.png) no-repeat 154px 45px;border-bottom:0;}/* 2017-05-30 추가 */
/*고객상담*/
#gnb .r-menu .box08 {height:132px;/* 230425 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg08.png) no-repeat 140px 90px;border-bottom:0;}/*230425 수정*/
#gnb .r-menu .box09 {height:132px;/* 230425 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg09.png) no-repeat 140px 85px;border-bottom:0;}/*230425 수정*/
#gnb .r-menu .box10 {height:132px;/* 230425 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg10.png) no-repeat 140px 90px;border-bottom:0;}/*230425 수정*/

/*하나광장*/
#gnb .r-menu .box11 {height:132px;/* 230425 수정 */ width:184px; border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg11.png) no-repeat 140px 85px;border-bottom:0; border-right:0px; margin-right:1px }/*230425 수정*/
#gnb .r-menu .box12 {height:132px;/* 230425 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg12.png) no-repeat 142px 80px;border-bottom:0;}/*230425 수정*/
#gnb .r-menu .box13 {height:132px;/* 230425 수정 */ width:184px;border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg13.png) no-repeat 140px 85px;border-bottom:0;border-right:0px; margin-right:1px }/*230425 수정*/
#gnb .r-menu .box14 {height:132px;/* 230425 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg14.png) no-repeat 140px 80px;border-bottom:0;}/*230425 수정*/
#gnb .r-menu .box15 {height:132px;/* 230425 수정 */ width:184px; border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg15.png) no-repeat 140px 85px;border-bottom:0;border-right:0px; margin-right:1px }/*230425 수정*/
#gnb .r-menu .box16 {height:132px;/* 230425 수정 */ border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg16.png) no-repeat 136px 81px;border-bottom:0;}/*230425 수정*/

/*사회공헌*/
#gnb .r-menu .box17 {height:204px;/* 230425 수정 */  border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg17.png) no-repeat 128px 140px;border-bottom:0; border-right:0px; margin-right:1px }/*230425 수정*/
#gnb .r-menu .box18 {height:204px;/* 230425 수정 */  width:184px; border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg18.png) no-repeat 130px 140px;border-bottom:0;}/*230425 수정*/
#gnb .r-menu .box19 {height:203px;/* 230425 수정 */  width:183px;border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg19.png) no-repeat 132px 140px;border-bottom:0;border-right:0px; margin-right:1px }/*230425 수정*/
#gnb .r-menu .box20 {height:72px;/* 230425 수정 */  padding-top:33px; border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg06.png) no-repeat 154px 38px;border-bottom:0;}
#gnb .r-menu .box21 {height:73px;/* 230425 수정 */  padding-top:33px; border:1px solid #e2e2e2; background: url(/img/common/r-menu-bg07.png) no-repeat 154px 38px;border-bottom:0;}

/* 다이렉트 몰 */
#gnb .r-menu .box22 {height:77px; padding-top:26px; border:1px solid #e2e2e2; border-bottom:0; }
#gnb .r-menu .box23 {height:270px; width:183px; border:1px solid #e2e2e2; border-bottom:0; margin-right:1px }
#gnb .r-menu .box24 {height:270px; width:135px; border:1px solid #e2e2e2;  background: url(/img/common/r-menu-bg21.png) no-repeat 27px bottom; border-bottom:0; }

/* GNB Hover-Area */
#gnb .r-menu div:hover {height:116px;background-color:#fff; border:1px solid #008584;}
#gnb .r-menu .box01:hover {height:203px;}/* 230425 수정 */
#gnb .r-menu .box03:hover {height:203px;}/* 230425 수정 */
#gnb .r-menu .box04:hover {height:139px;}/* 230427 수정 */
#gnb .r-menu .box05:hover {height:139px;}/* 230427 수정 */
#gnb .r-menu .box08:hover {height:131px;}/* 230425 추가 */
#gnb .r-menu .box09:hover {height:131px;}/* 230425 추가 */
#gnb .r-menu .bo010:hover {height:132px;}/* 230425 추가 */
#gnb .r-menu .box06:hover {height:47px;}/* 230427 수정 */
#gnb .r-menu .box07:hover {height:47px;}/* 230427 수정 */
#gnb .r-menu .box07_1:hover {height:73px;}/* 2017-05-30 추가 */
#gnb .r-menu .box10:hover {height:118px;}
#gnb .r-menu .box11:hover {height:131px; width:183px;}/* 230425 수정 */
#gnb .r-menu .box12:hover {height:131px; width:183px;}/* 230425 추가 */
#gnb .r-menu .box13:hover {height:131px; width:183px;}/* 230425 수정 */
#gnb .r-menu .box14:hover {height:131px;}/* 230425 수정 */
#gnb .r-menu .box15:hover {height:132px; width:183px;}/* 230425 수정 */
#gnb .r-menu .box16:hover {height:132px;}/* 230425 수정 */
#gnb .r-menu .box17:hover {height:203px; width:182px;}/* 230425 수정 */
#gnb .r-menu .box18:hover {height:203px; width:183px;}/* 230425 수정 */
#gnb .r-menu .box19:hover {height:203px; width:182px;}/* 230425 수정 */
#gnb .r-menu .box20:hover {height:71px;}/* 230425 수정 */
#gnb .r-menu .box21:hover {height:73px;}/* 230425 수정 */
#gnb .r-menu .box22:hover {height:76px;}
#gnb .r-menu .box23:hover {height:270px;  }
#gnb .r-menu .box24:hover {height:270px;}



/* Select-Box */

#gnb .r-menu .box23 .select:hover{border:0;!important; width:auto; height:auto; }

#gnb .r-menu .box23 .select:hover li{width:52px}
#gnb .r-menu .box23 .check label {letter-spacing:-1px; text-decoration:underline;}
#gnb .r-menu .select{position:relative; clear:both; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; *zoom:1; *margin-right:2px; padding:0; background:#fff; margin-right:3px;}
#gnb .r-menu .box24 .txt2 .tit {font-size:15px; color:#333;}

#gnb .r-menu .box24 .txt2 {font-size:13px; color:#333; font-weight:bold; letter-spacing:-1px; line-height:10px;}
#gnb .r-menu .box24 .txt3 {font-size:12px; color:#666; letter-spacing:-1px; line-height:18px; margin-top:10px}

/*
#gnb .r-menu .select .myValue{ position:relative; left:0; top:0; border:1px solid #bababa; color:#999; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
#gnb .r-menu .select .myValue.selected{ font-weight:bold;}
#gnb .r-menu .select.open .myValue,
#gnb .r-menu .select .myValue.outLine{ border:1px solid #999;}
#gnb .r-menu .select button.myValue{ height:26px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
#gnb .r-menu .select .arrow{ position:absolute; width:0; height:0; top:11px; right:10px; line-height:0; font-size:0; border-top:4px solid #9a9a9a; border-left:4px solid #fff; border-right:4px solid #fff;}
#gnb .r-menu .select ul{ top:23px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
#gnb .r-menu .select ul.aList{ display:none;}
#gnb .r-menu .select.open ul.aList{ display:block;}
#gnb .r-menu .select ul.iList{ left:-2000%;}
#gnb .r-menu .select.open ul.iList{ left:0;}
#gnb .r-menu .select li{ position:relative; overflow:hidden; white-space:nowrap; height:26px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
#gnb .r-menu .select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
#gnb .r-menu .select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
#gnb .r-menu .select li a{ display:block; text-indent:8px; *text-indent:6px; height:26px; line-height:26px;color:#767676; background:#fff; text-decoration:none;}
#gnb .r-menu .select li.hover *{background:#999; color:#fff;}
*/





/* Gnb 닫기 버튼 */
#gnb .close a{height:24px; width:47px; cursor:pointer; text-indent:-9999px; line-height:0; font-size:0;position:absolute; top:385px;  right:0;  background: url(/img/common/btn-close.gif) no-repeat 0 0;}




/* SNB 2013-05-21 수정 */

#snb {width:200px; float:left; margin-top:66px; }
#snb .tit {display:block; margin-bottom:22px;}
#snb ul {border-top:2px solid #008485; }
#snb ul > li:first-child {border-top:0;}
#snb ul > li {border-top:1px solid #cdcdcd;  margin-top:-1px;}
#snb ul > li > a {text-decoration:none; display:block;}
#snb ul > li > a .menu{display:block; font-size:14px; color:#454545; padding:7px 10px 10px 7px;letter-spacing:-1px; border-bottom:1px solid #cdcdcd; }
#snb ul >.on > a .menu{font-size:16px; font-weight:bold;color:#008485;  background: url(/img/common/snb-bullet.gif) no-repeat 183px center;letter-spacing:-1px;}


#snb .sub {display:none; background:#f6f6f6; margin-top:1px; padding:5px 0 5px;border-bottom:1px solid #b2b2b2;}
#snb .sub .s-menu {border:0; margin-left:10px;}
#snb .sub .s-menu li{border:0;  line-height:26px; height:auto;}
#snb .sub .s-menu li a{display:block; font-size:12px; min-height:26px;  line-height:26px; letter-spacing:-1px;}
#snb .sub .s-menu li.two-line a{line-height:15px; padding:5px 0;} /* 230522 추가 */

#snb .sub .s-menu li > a:hover{display:block; background:#008485; color:#fff; font-size:12px; width:185px; font-weight:normal; margin-left:-5px; padding-left:5px; letter-spacing:-1px;}
#snb .sub .s-menu li.on {background:#008485; width:190px; margin-left:-5px; }
#snb .sub .s-menu li.on > a{display:block; background: url(/img/common/snb-s-bullet.gif) no-repeat 8px center; margin-left:0px !important; padding:0 0 0 16px;  color:#fff;  }
#snb .sub .s-menu li.two-line.on a{padding:5px 0 5px 16px;} /* 230522 추가 */
#snb .sub .s-menu li.on > a:hover{text-decoration:none;}


/* SNB 
#snb {width:200px; float:left; margin-top:66px; }
#snb .tit {display:block; margin-bottom:22px;}
#snb ul {border-top:2px solid #009796; border-bottom:1px solid #b2b2b2;}
#snb ul > li:first-child {border-top:0;}
#snb ul > li {border-top:1px solid #cdcdcd; }
#snb ul > li > a {text-decoration:none; display:block;}
#snb ul > li > a .menu{display:block; font-size:14px; color:#454545; padding:7px 10px 10px 7px;letter-spacing:-1px;}
#snb ul >.on > a .menu{font-size:16px; font-weight:bold;color:#008485;  background: url(/img/common/snb-bullet.gif) no-repeat 183px center;border-bottom:1px solid #cdcdcd; letter-spacing:-1px;}


#snb .sub {display:none; background:#f6f6f6; margin-top:1px; padding:5px 0 5px;}
#snb .sub .s-menu {border:0; margin-left:10px;}
#snb .sub .s-menu li{border:0;  line-height:26px; height:auto;}
#snb .sub .s-menu li a{display:block; font-size:12px;  min-height:26px;  line-height:26px; letter-spacing:-1px;}

#snb .sub .s-menu li > a:hover{display:block; background:#008485; color:#fff; font-size:12px; width:185px; font-weight:normal; margin-left:-5px; padding-left:5px; letter-spacing:-1px;}
#snb .sub .s-menu li.on {background:#008485; width:190px; margin-left:-5px; }
#snb .sub .s-menu li.on > a{display:block;  background: url(/img/common/snb-s-bullet.gif) no-repeat 8px center; margin-left:0px !important; padding:0 0 0 16px;  color:#fff;  }
#snb .sub .s-menu li.on > a:hover{text-decoration:none;}
*/


/* one */

#snb li a .menu.font{font-size:13px;}
#snb li a .menu.font1{font-size:13px; letter-spacing:-2px}




#snb .sub .s-menu li.on.space  > a{display:block; /**/ background: url(/img/common/snb-s-bullet.gif)  no-repeat 8px 12px; margin-left:0px !important; padding:6px 0 6px 16px; color:#fff;}
#snb .s-menu .on.space a{line-height:15px !important; }
#snb .s-menu .space a{line-height:15px !important; padding:3px 0 3px;}
#snb .s-menu .space a:hover{padding:3px 0 3px;}
/*#snb .s-menu .space {line-height:16px !important; border:1px solid red;}*/


#contents{width:720px; min-height:500px; float:right; text-align:left; }
#contents .lnb{margin:15px 0 20px; text-align:right; color:#666; font-size:11px;}
#contents .lnb img{vertical-align:middle; margin-bottom:3px;}
#contents .lnb a {font-family:Dotum; color:#666; font-size:11px;}
#contents .lnb span{font-family:Dotum; color:#666; font-size:11px;}



/* footer */

#footer {position:relative; height:120px; background: url(/img/footer/foot-top-line.gif) repeat-x top;  width:100%; margin:0 auto;  z-index:1; }
#footer button {border:0;}
#fnb {margin-bottom:10px; height:auto;}
#fnb .expand-ctrl.on  {width:96px; height:25px; background: url(/img/footer/down-btn.gif) no-repeat 0 0; }
#fnb .expand-ctrl {position:absolute; top:0; left:50%;z-index:1; margin:0 auto; width:96px; height:25px; line-height:0; font-size:0; text-indent:-9999px; background: url(/img/footer/up-btn.gif) no-repeat 0 0; cursor:pointer; }
.address-area {float:left;}
.address-area ul li {margin-right:4px !important;}
.address-area ul li a{text-align:left !important; }
.address-area .list {margin-top:1px !important;}
.address-area .list li{display:inline-block; min-height:12px;}
.banner {float:left; padding-left:120px;}/*2016-02-03 수정*/
.banner a {padding-left:10px;}/*2016-02-03 추가*/
.fnbcont {position:absolute; left:0; display:none; width:100%; height:120px; background: url(/img/footer/foot-top-line.gif) repeat-x top;  padding-top:40px;}
.fnbcont .network{width:980px; margin:0 auto; text-align:left; background: url(/img/footer/foot-line.gif) repeat-x bottom; padding-bottom:28px;}
.fnbcont .network .tit{float:left; font-size:13px; font-weight:bold; text-decoration:underline; color:#045959;}
.fnbcont .network .list {float:right; width:850px; margin-bottom:0;}
.fnbcont .network .list li{float:left; background: url(/img/footer/list-dot.gif) no-repeat 0 8px; padding-left:5px; width:175px; font-size:12px; color:#737373;}
.fnbcont .network .list li.last {width:100px;}


#fnb.on .fnbcont{display:block; }
.fnbcont .network {display:none}
.fnbcont.on .network {display:block}
.siteinfo {padding-top:40px; width:980px; margin:0 auto; text-align:left; background:#fbfbfb; }
.siteinfo .list{width:483px; margin:3px 0 3px;}
.siteinfo .list li{float:left; line-height:12px;}


/*2016-02-03 추가*/
.siteinfo_2 {position:relative; padding-top:40px; width:980px; margin:0 auto; text-align:left;} 
.sp_btn {position:absolute;right:25px;top:50px;}
#family_site {position:absolute;right:75px;top:50px;}
#family_site a.toggle {position:relative;z-index:20;display:block;width:143px;height:20px; padding-left:15px;border:1px solid #CCCCCC;color:#767676;text-decoration:none;background:#fff url("/img/footer/bull_arrow.gif") no-repeat 140px 8px;}
#family_site a.toggle:focus,
#family_site a.toggle:hover {color:#000;}
#family_site #family_list {display:none; position:absolute;z-index:10;left:0;right:0;bottom:22px; border:1px solid #CCCCCC;padding:3px 5px;height:250px;overflow:auto;background-color:#fff;}
#family_site #family_list a {display:block;padding:0px 0;color:#767676;text-decoration:none;}
#family_site #family_list a:focus,
#family_site #family_list a:hover {color:#000;}
#family_site #family_list li {margin-bottom:10px; cursor:pointer; }
#family_site #family_list li li {margin-bottom:3px;border-bottom:0;}
#family_site #family_list li li li {margin-bottom:0;border-bottom:0;}
#family_site #family_list li li li a {padding-left:3px;}


/*20190109추가*/
#gnb .sub .menu .height_new_s{position:relative;left:0;top:-60px;}
#gnb .sub .menu .height_new_s1{position:relative;left:0;top:-10px;}
#gnb .sub .menu .height_new_s2{position:relative;left:0;top:-30px;}
/*20190109추가*/