@charset "utf-8";

/*
as-is의 common.css를 분리
레이아웃 ( + 팝업 레이아웃)
- 버젼 4/6 최종
*/

#wrap.main .location, #wrap.main .related-menu, #wrap.main .btn-common{display:none !important}
#wrap {background:url(/ux/images/common/header/bg_line_header.gif) 0 0 repeat-x;}
/* 상단 - #header */
#header {background:none;display:block;color:#222;}
#header .header_top{height:60px; position:relative; width:960px; margin:0 auto;}
#header a.logo {float:left;margin-top:20px;font-size:0;line-height:0;}
/* 상단 - 로그인,기타메뉴 */
.utilArea{float:right;margin:11px 187px 0 0;}
.utilArea p{float:left; margin:3px 10px 0 0; height:20px; padding:3px 0 0 0; border:1px solid #aaa; color:#222;letter-spacing:0}
.utilArea p > span{display:inline-block;border-right:1px solid #ccc; vertical-align:top; text-align:center; padding:0px 5px;  margin:0; font-size:13px; line-height:18px;}
.utilArea p > a{color:#222; font-size:13px; line-height:16px; vertical-align:top; padding:3px 4px 5px 0; }
.utilArea ul{float:left; height:25px; padding:0; letter-spacing:-.5px}
.utilArea li{float:left; font-size:12px}
.utilArea li:first-child{padding-left:0; background:none !important}
.utilArea ul.loginArea li .login,
.utilArea ul.loginArea li .logout {display:block;position:relative;height:21px;padding:0 9px 2px;margin:3px 15px 0 0;line-height:21px;border:1px solid #aaa;}
.utilArea ul.loginArea li .logout:after {position:absolute;right:-17px;top:6px;content:"";width:1px;height:12px;border-right:1px solid #ddd;}
.utilArea ul.loginArea li .login {margin-right:7px;color:#0977c9;}
.utilArea ul.loginArea li .logout {color:#222;margin-left:7px;}
.utilArea ul.loginArea .member_info{font-size:13px;}
.utilArea ul.loginArea .member_info .grade{display:inline-block; line-height:16px; color:#222; background:url(/ux/images/common/header/bg_member_info.gif) no-repeat 0 0; padding:0 0 0 26px; height:21px; width:34px;}
.utilArea ul.loginArea .member_info .grade a{color:#222;}
.utilArea ul.loginArea .member_info .info{color:#0068b6; padding-left:0px; letter-spacing:-1px;}
.utilArea ul.loginArea .member_info .info > em {color:#777;font-weight:normal;}
.utilArea ul li a, 
.utilArea ul.loginArea .member_info span {color:#222;font-size:13px;line-height:17px;padding:3px 3px 5px;}
.utilArea ul.etcArea li {padding:0 4px;}
.utilArea ul.etcArea li:first-child {padding-left:5px;}
/* 상단 - 통합검색영역 */
fieldset.searchArea{position:absolute; right:0px; top:10px; width:160px; height:28px; padding-left:10px; margin:0px; border-top:solid #bbb 1px; border-bottom:solid #bbb 1px; z-index:152;}
fieldset.searchArea input[type=text]{float:left; width:120px; height:28px; padding:0 10px 0 0; color:#777; font-size:13px; letter-spacing:-1px; border:none; margin:0; background:url(/ux/images/common/header/dot_vline.png) no-repeat right top;}
fieldset.searchArea input[type=text]:focus{border:none; font-size:13px;}
fieldset.searchArea a.btn{ display:inline-block;width:30px;height:30px;padding:0;border-width:0;border:0;background:url(/ux/images/common/header/btn_search.png) no-repeat 50% 6px;text-indent:-9999px}
fieldset.searchArea .details{position:absolute;top:38px;left:0px !important;width:170px !important;height:284px !important;border:1px solid #bbb;background-color:#fff}
fieldset.searchArea .details iframe{width:100%;height:345px}
fieldset.searchArea .details-more{position:absolute;top:42px;left:-172px;height:345px;border:1px solid #424556;background-color:#fff;font-size:14px}
fieldset.searchArea .details-more iframe{width:960px;height:345px}
/* 상단 - 메뉴영역 1depth */
#nav{ height:49px; border-bottom:1px solid #ddd; position:relative; width:100%; letter-spacing:-1px !important; top:1px;}
#nav .inner{display:block; position:relative; width:960px; margin:0 auto}
.gnbMenuClosed {display:block; position:absolute; width:29px; height:29px; border:none; background:url(/ux/images/common/btn/btn_gnb_closed.gif) no-repeat left top; left:50%; top:13px; margin-left:442px; z-index:300; cursor:pointer;}
#nav .gnbArea{display:inline-block; position:absolute; top:7px; right:148px; width:90px; margin:0; text-align:center;}
#nav .gnbArea a.toggle{display:inline-block; position:relative; margin:0px;background:url(/ux/images/common/header/ico_menu.gif) no-repeat right 5px; line-height:1.3;  padding:0 26px 0 0; text-indent:0; font-size:17px; width:auto; color:#747474;}
#nav .gnbArea a.toggle.changed{background:url(/ux/images/common/header/ico_menu_close.gif) no-repeat right 6px; margin-left:10px;}
#nav .myAsset{position:absolute; width:109px; margin:5px 0 0 0;}
#nav .myAsset a{font-weight:bold; color:#0977c9; font-size:18px; line-height:1.45; background:url(/ux/images/common/header/btn_myAsset.gif) no-repeat right 6px; padding:0 21px 0 0}
#nav .familyArea {margin:0; padding:0 0 0 109px;}
#nav .familyArea > ul{}
#nav .familyArea > ul > li{display:inline; padding:0 0 20px 16px;}
#nav .familyArea > ul > li:first-child{ padding-left:0}
#nav .familyArea > ul > li, #nav .familyArea > ul > li > a {color:#222; font-size:17px; background:none; }
#nav .familyArea > ul > li > a{line-height:36px; padding-bottom:16px;}
#nav .familyArea > ul > li.on > a, #nav .familyArea > ul > li > a:hover{border-bottom:3px solid #0977c9; color:#0977c9; text-decoration:none;}
/* 상단 - gnb메뉴레이어 열기 */
.gnb_container2 {position:absolute;top:50px;left:0;display:table;width:100%;border:0;background-color:#fff;z-index:1000;}
.gnb_container2 a {display:block;color:#444;font-size:14px;}
.gnb_container2 .inner {width:960px;margin:0 auto;padding:0;}
.gnb_container2 .row > dl.active {border:3px solid #ac0069;border-top:none;}
.gnb_container2 .row > dl.active > dt a {background:#ac0069;}
.gnb_container2 .row {display:table-row;}
.gnb_container2 .row:first-child dl {padding-top:19px;}
.gnb_container2 .row > dl:first-child {border-left:1px solid #ddd;}
.gnb_container2 .row > dl:last-child {width:191px;}/* ie7~8안먹음 - 처리해야됨 */
.gnb_container2 .row > dl.active dt > a {border-left:none;}
.gnb_container2 .row > dl.active dd > a {padding-left:6px;padding-right:22px;}
/* 상단 - gnb메뉴레이어 2depth */
.gnb_container2 .row dl {display:table-cell;width:192px;border-right:1px solid #ddd;padding:0 0 37px 0;}
.gnb_container2 .row dt a {height:30px;color:#0977c9;text-align:left;font-size:15px;line-height:14px;position:relative;z-index:1;padding-left:19px;font-weight:bold;}
.gnb_container2 .row dt + dd {border-top-width:0 !important;}
.gnb_container2 .row dd {text-align:left;margin:1px 0;}
.gnb_container2 .row dd a {height:auto;padding:0 19px 2px 19px;line-height:21px;width:auto;}
.gnb_container2 .row dd ul {padding:6px 0;background:#f4f5f7;}
.gnb_container2 .row dd ul > li {margin:1px 0;}
.gnb_container2 .row dd ul > li > a {height:auto;padding-bottom:2px;line-height:1.42;/*background:url(/ux/images/common/header/bg_menu3.png) no-repeat 25px 10px;*/;}
.gnb_container2 .row dd ul > li > a > small {display:block;font-size:14px;color:#444;margin:0;}
.gnb_container2 .row dd ul > li > a .arrow {padding-left:12px;background:url(/ux/images/common/header/bg_menu3.png) no-repeat 4px 10px;}
.gnb_container2 .row dd ul > li > a:hover .arrow {background:url(/ux/images/common/header/bg_menu3_on.png) no-repeat 4px 10px;}
.gnb_container2 .row dd ul > li > a:hover {color:#fff;text-decoration:none;background:#0977c9 url(/ux/images/common/header/bg_menu1_on.png) no-repeat 95% center;}
.gnb_container2 .row dd ul > li > a:hover > small {color:#fff;}
.gnb_container2 .row dd.sub > a:hover {background:#0977c9 url(/ux/images/common/header/bg_menu1_on.png) no-repeat 95% center;}
.gnb_container2 .row dd.sub a.depth:hover {background-color:#0977c9;background-image:none;}
.gnb_container2 .row dd.sub a.depth > em, 
.gnb_container2 .row dd.sub a.depth > .arrow > em, 
.gnb_container2 .row dd.sub a > .arrow > em {display:inline-block;width:10px;height:13px;padding:0 0 2px;background:url(/ux/images/common/header/bg_login_on.png) no-repeat 0 0;text-indent:-9999px;vertical-align:middle;}
.gnb_container2 .row dd.sub a.depth:hover > em, 
.gnb_container2 .row dd.sub a.depth:hover .arrow > em, 
.gnb_container2 .row dd.sub a:hover .arrow > em {background:url(/ux/images/common/header/bg_login_on_ov.png) no-repeat 0 0;}
.gnb_container2 .row dd.sub a.depth > span, 
.gnb_container2 .row dd.sub a.depth > .arrow span {display:inline-block;width:13px;height:13px;padding:0 0 2px;background:url(/ux/images/common/header/bg_menu2.png) no-repeat 0 0;text-indent:-9999px;vertical-align:middle;}
.gnb_container2 .row dd.sub a.depth > span.dn {background:url(/ux/images/common/header/bg_menu2_dn.gif) no-repeat 0 0;}
.gnb_container2 .row dd.sub a.depth > .arrow span.dn {background:url(/ux/images/common/header/bg_menu2_on_dn.png) no-repeat 0 0;}
.gnb_container2 .row dd.sub a.depth:hover > span, 
.gnb_container2 .row dd.sub a.depth:hover > .arrow span {background:url(/ux/images/common/header/bg_menu2_on.png) no-repeat 0 0;}
.gnb_container2 .row dd.sub a.depth:hover > span.dn,
.gnb_container2 .row dd.sub a.depth:hover > .arrow span.dn {background:url(/ux/images/common/header/bg_menu2_on_dn.png) no-repeat 0 0;}
.gnb_container2 .row dd.sub a.depth > var, 
.gnb_container2 .row dd.sub a.depth > .arrow > var, 
.gnb_container2 .row dd.sub a > .arrow > var {display:inline-block;position:relative;width:25px;height:13px;padding:0 0 2px;background:url(/ux/images/common/header/bg_newmenu.png) no-repeat 0 0;text-indent:-9999px;vertical-align:middle;}
.gnb_container2 .row dd.on {border-top:1px solid #a0a3aa;}
.gnb_container2 .row dd.on  +  dd {border-top-color:#a0a3aa;}
.gnb_container2 .row dd.on a,
.gnb_container2 .row dd a:hover {color:#fff;text-decoration:none;}
.gnb_container2 .row dd.on > li > a {color:#fff;}
.gnb_container2 .btn_area {display:block;min-height:40px;padding-top:0;position:static;}
/* 상단 - gnb메뉴레이어 바로가기 */
.gnb_container2 .quick_menu {position:relative;width:100%; height:60px;line-height:60px;margin:0 auto;border-top:1px solid #ededed;background-color:#fafafa;}
.gnb_container2 .quick_menu dl {width:960px;margin:0 auto;}
.gnb_container2 .quick_menu dl dt {display:inline-block;background:url(/ux/images/common/header/bg_quick_menu.png) no-repeat 22px center;padding:0 0 0 47px;color:#222;font-weight:bold;}
.gnb_container2 .quick_menu dl dd {display:inline-block;}
.gnb_container2 .quick_menu dl dd ul > li:first-child {background:none;}
.gnb_container2 .quick_menu dl dd ul > li {background:url(/ux/images/common/header/bg_quick_line.png) no-repeat left center;display:inline-block;}
.gnb_container2 .quick_menu dl dd ul > li a {color:#222;padding:0 10px;}
.gnb_container2 .quick_menu dl .cs_cnter {float:right;width:128px;height:60px;background:url(/ux/images/common/header/bg_cs_center.png) no-repeat left center;padding:0 0 0 44px;color:#444;line-height:14px;}
.gnb_container2 .quick_menu dl .cs_cnter span {display:block;font-size:14px;line-height:14px;padding:14px 0 0 0;}
.gnb_container2 .quick_menu dl .cs_cnter strong {display:block;font-size:13px;line-height:14px;color:#444;font-weight:bold;padding:5px 0 0 0;}
/* 상단 - gnb메뉴레이어 즐겨찾기 바로가기 */
.gnb_container2 .btn_area {position:relative;width:100%;margin:0 auto;background-color:#8e939c;}
.gnb_container2 .btn_area > .inner {position:relative;display:block;overflow:hidden;}
.gnb_container2 .btn_area a.view_scrap {position:relative;background:none;border:0;width:960px;height:40px;color:#fff;line-height:40px;text-align:center;}
.gnb_container2 .btn_area a.view_scrap b {padding-left:28px;background:url(/ux/images/common/header/bg_scrap2.png) no-repeat left center;font-weight:bold;}
.gnb_container2 .btn_area a.close6 {position:absolute;bottom:0;right:0;z-index:1;background:url(/ux/images/common/header/btn_view_scrap.gif) no-repeat right center;text-indent:-9999px;width:18px;height:35px;}
body.chrome .gnb_container2 .btn_area a.view_scrap,
body.chrome .gnb_container2 .btn_area a.close6 {bottom:0;right:0;}
/* 상단 오른쪽 - 전체메뉴 */
.gnb_container{z-index:1000;}
.gnb_container .inner{width:960px; margin:0 auto; padding:0}
.gnb_container .row>dl.active {border:3px solid #ac0069; border-top:none;}
.gnb_container .row>dl.active > dt a {background:#ac0069;}
.gnb_container{position:absolute; top:50px; left:0; display:table; width:100%; border:0; background-color:#fff;}
.gnb_container a{display:block; color:#444; font-size:14px}
.gnb_container .row{display:table-row;}
.gnb_container .row:first-child dl{padding-top:19px;}
.gnb_container .row>dl:first-child{border-left:1px solid #ddd;}
.gnb_container .row>dl:last-child{width:238px;}
.gnb_container .row>dl.active:first-child {}
.gnb_container .row>dl.active dt > a {border-left:none;}
.gnb_container .row>dl.active dd > a {padding-left:6px; padding-right:22px;}
.gnb_container .row dl{display:table-cell; width:239px; border-right:1px solid #ddd; padding:0 0 37px 0;}
.gnb_container .search_menu{position:relative; width:100%;  height:100px; margin:0 auto; border-top:1px solid #ededed; background-color:#fafafa;}
.gnb_container .search_menu dl{width:960px; height:100px; margin:0 auto; display:block; }
.gnb_container .search_menu dl dt{display:inline-block; float:left; width:360px; padding:24px 0 0; color:#222; font-size:14px; font-weight:normal; line-height:24px;}
.gnb_container .search_menu dl dd{display:inline-block; float:left; width:600px; position:relative;}
.gnb_container .search_menu dl dd fieldset.searchBox{width:600px !important; height:48px !important; border:1px solid #ddd; background-color:#fff; margin-top:25px !important; position:relative}
.gnb_container .search_menu dl dd fieldset.searchBox input[type=text]{ background-color:#fff; width:520px !important; height:34px; font-size:18px !important; padding:5px 0 0 0 !important; margin-left:15px; border:none; font-weight:normal !important;}
.gnb_container .search_menu dl dd fieldset.searchBox .btn_search{ position:absolute; right:0; top:0; background:url(/ux/images/common/header/btn_search2.gif) no-repeat 0 0; width:39px; height:48px; text-indent:-9999px;}
.gnb_container .search_result{zoom:1; position:relative; width:100%;  margin:0 auto; background-color:#fafafa; }
.gnb_container .search_result:after{content:'';display:block;clear:both}
.gnb_container .search_result dl{width:960px; height:100px; margin:0 auto; display:block; border-top:1px solid #ededed; padding:22px 0;}
.gnb_container .search_result dt{display:inline-block; float:left; width:360px; padding:0; color:#222; font-size:16px; font-weight:bold; line-height:30px;}
.gnb_container .search_result dt strong{color:#0977c9; font-weight:bold}
.gnb_container .search_result dt a.btnMid{ display:inline-block; border:1px solid #747474; color:#222; margin-left:16px; background-color:#fafafa; font-weight:normal;}
.gnb_container .search_result dd{display:inline-block; float:left; width:600px; position:relative;}
.gnb_container .search_result dd ul{display:block; margin:3px 0;}
.gnb_container .search_result dd ul li{display:block; margin:0; color:#444; font-size:13px; line-height:18px; background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 9px; padding:2px 0 4px 7px}
.gnb_container .search_result dd ul li mark{color:#0977c9; background-color:inherit}
.gnb_container .btn_area{position:relative;width:100%;margin:0 auto; background-color:#8e939c;}
.gnb_container .btn_area > .inner{position:relative; display:block; overflow:hidden}
.gnb_container .row dt a{height:24px; color:#0977c9; text-align:left; font-size:15px; line-height:14px; position:relative; z-index:1; padding-left:19px; font-weight:bold}
.gnb_container .row dt+dd{border-top-width:0 !important}
.gnb_container .row dd{text-align:left; margin:1px 0;}
.gnb_container .row dd a{height:auto; padding:0 19px 2px 19px; line-height:21px; width:auto;}
.gnb_container .row dd a:hover{}
.gnb_container .row dd ul{padding:2px 0; background:#fff}
.gnb_container .row dd ul > li { margin:1px 0;}
.gnb_container .row dd ul > li > a{height:auto; padding-bottom:2px; line-height:1.42; /*background: url(/ux/images/common/header/bg_menu3.png) no-repeat 25px 10px;*/}
.gnb_container .row dd ul > li > a > small{display:block; font-size:14px !important; color:#444; margin:0;}
.gnb_container .row dd ul > li > a .arrow{padding-left:12px; background: url(/ux/images/common/header/bg_menu3.png) no-repeat 4px 10px;}
.gnb_container .row dd ul > li > a:hover .arrow{background: url(/ux/images/common/header/bg_menu3_on.png) no-repeat 4px 10px;}
.gnb_container .row dd ul > li > a:hover{color:#fff; text-decoration:none; background:#0977c9 url(/ux/images/common/header/bg_menu1_on.png) no-repeat 95% center;}
.gnb_container .row dd ul > li > a:hover > small{color:#fff; font-size:14px !important}
.gnb_container .row dd.on a, .gnb_container .row dd a:hover{color:#fff; text-decoration:none}
.gnb_container .row dd.on > li > a{color:#fff;}
.gnb_container .row dd ul ul{padding:6px 0; background:#f4f5f7}
.gnb_container .row dd ul ul > li { margin:1px 0;}
.gnb_container .row dd ul ul > li > a{height:auto; padding-bottom:2px; line-height:1.42; /*background: url(/ux/images/common/header/bg_menu3.png) no-repeat 25px 10px;*/}
.gnb_container .row dd ul ul > li > a > small{display:block; font-size:14px !important; color:#444; margin:0;}
.gnb_container .row dd ul ul > li > a .arrow{padding-left:24px; background: url(/ux/images/common/header/bg_menu3.png) no-repeat 14px 10px;}
.gnb_container .row dd ul ul > li > a:hover .arrow{background: url(/ux/images/common/header/bg_menu3_on.png) no-repeat 14px 10px;}
.gnb_container .row dd ul ul > li > a:hover{color:#fff; text-decoration:none; background:#0977c9 url(/ux/images/common/header/bg_menu1_on.png) no-repeat 95% center;}
.gnb_container .row dd ul ul > li > a:hover > small{color:#fff; font-size:14px !important}
.gnb_container .row dd.on ul > li > a{color:#fff;}
.gnb_container .row dd.sub a{}
.gnb_container .row dd.sub > a:hover{background:#0977c9 url(/ux/images/common/header/bg_menu1_on.png) no-repeat 95% center;}
.gnb_container .row dd.sub a.depth{}
.gnb_container .row dd.sub a.depth:hover{background-color:#0977c9; background-image:none}
.gnb_container .row dd.sub a.depth > em, .gnb_container .row dd.sub a.depth > .arrow > em, .gnb_container .row dd.sub a > .arrow > em{display:inline-block; width:10px; height:13px; padding:0 0 2px; background: url(/ux/images/common/header/bg_login_on.png) no-repeat 0 0; text-indent:-9999px; vertical-align:middle}
.gnb_container .row dd.sub a.depth:hover > em, .gnb_container .row dd.sub a.depth:hover .arrow > em, .gnb_container .row dd.sub a:hover > .arrow > em{background: url(/ux/images/common/header/bg_login_on_ov.png) no-repeat 0 0;}
.gnb_container .row dd.sub a.depth > span, .gnb_container .row dd.sub a.depth > .arrow span{display:inline-block; width:13px; height:13px; padding:0 0 2px; background: url(/ux/images/common/header/bg_menu2.png) no-repeat 0 0; text-indent:-9999px; vertical-align:middle}
.gnb_container .row dd.sub a.depth:hover > span, .gnb_container .row dd.sub a.depth:hover > .arrow span{background: url(/ux/images/common/header/bg_menu2_on.png) no-repeat 0 0;}
.gnb_container .row dd.sub a.depth > span.dn, .gnb_container .row dd.sub a.depth > .arrow span.dn{background:url(/ux/images/common/header/bg_menu2_dn.gif) no-repeat 0 0;}
.gnb_container .row dd.sub a.depth:hover > span.dn, .gnb_container .row dd.sub a.depth:hover > .arrow span.dn{background: url(/ux/images/common/header/bg_menu2_on_dn.png) no-repeat 0 0;}
.gnb_container .row dd.sub a.depth > var, .gnb_container .row dd.sub a.depth > .arrow > var, .gnb_container .row dd.sub a > .arrow > var {display:inline-block; position:relative; width:25px; height:13px; padding:0 0 2px; background:url(/ux/images/common/header/bg_newmenu.png) no-repeat 0 0; text-indent:-9999px; vertical-align:middle}
.gnb_container .row dd.on{border-top:1px solid #a0a3aa}
.gnb_container .row dd.on+dd{border-top-color:#a0a3aa}
.gnb_container .btn_area{display:block;min-height:35px;padding-top:0;position:static}
.gnb_container a.btn_site{position:relative; background:none; border:0; width:960px; height:40px; color:#fff; line-height:40px; text-align:center}
.gnb_container a.btn_site b{padding-right:15px; background:url(/ux/images/common/header/bg_site.png) no-repeat right center; font-weight:bold}
.gnb_container a.close6{position:absolute;bottom:0;right:0;z-index:1; background:url(/ux/images/common/header/btn_view_scrap.gif) no-repeat right center;}
body.chrome .gnb_container a.view_scrap,
body.chrome .gnb_container a.close6{bottom:0;right:0}
/* 상단 - location */
.location {position:relative;z-index:150;height:37px;margin:0;border:0;background-color:#0977c9;}
.location .inner {position:relative;width:960px;margin:0 auto;}
.location .inner:after {display:block;content:"";clear:both;}
.location .inner ul {float:left;}
.location .inner li {float:left;position:relative;z-index:10;}
.location .inner li:hover {z-index:1;}
.location .inner li > a {display:block;height:37px;padding:0 40px 0 10px;background:url(/ux/images/common/header/bg_location.png) no-repeat right 0;color:#fff;line-height:37px;}
.location .inner li > a:hover {margin-left:-13px;padding-left:23px;background-color:#086bb5;background-position:right -37px;text-decoration:none;z-index:1;}
.location .inner li:last-child > a, 
.location .inner li.last > a {padding-right:40px;}
.location .inner li.home > a {width:40px;padding:0;background:url(/ux/images/common/header/bg_home.png) no-repeat;text-indent:-9999px;}
.location .inner li.home > a:hover {margin:0;background-position:0 0;}
/* 상단 - location 메뉴 */
.location li .sublist {display:none;position:absolute;top:37px;width:920px;}
.location li .sublist ul {float:none;border-bottom:1px solid #444;position:relative;z-index:9999;}
.location li .sublist li {float:none;border:1px solid #444;border-top:none;border-bottom:none;}
.location li .sublist li a {height:37px;padding:0 30px 0 10px !important;margin:0 !important;border-top:none;background:#fff;line-height:37px;white-space:nowrap;color:#222;}
.location li .sublist li a.focus,
.location li .sublist li a:hover {background:#0977c9;color:#fff;}
.location li .sublist li.double a {height:33px;padding-top:3px;line-height:1;}
.location li .sublist li.on > ul {display:block ! important;border-top:1px solid #444;}
.location li .sublist li > ul {border-top:1px solid #444;}
.location li .sublist li a.arrow {background:#fff url(/ux/images/common/header/bg_gnb.png) no-repeat right 0;}
.location li .sublist li a.arrow.focus, 
.location li .sublist li a.arrow:hover {background:#0977c9 url(/ux/images/common/header/bg_gnb.png) no-repeat right -32px;}
.location li .sublist li a > em {display:inline-block;width:10px;height:13px;padding:0 0 2px;margin:0 0 0 5px;background:url(/ux/images/common/header/bg_login_on.png) no-repeat 0 0;text-indent:-9999px;vertical-align:middle;}
.location li .sublist li a.focus > em, 
.location li .sublist li a:hover > em {background:url(/ux/images/common/header/bg_login_on_ov.png) no-repeat 0 0;}
/* 상단 - location 오른쪽 즐겨찾기, 글씨크기 조절 */
.location p {position:absolute;right:0;top:0;/*bottom:-87px;*/ margin:0;border-right:1px solid #53a0d9;}
.location p a, 
.location p b {display:inline-block;vertical-align:middle;text-indent:-9999px;}
.location p a.scrap, 
.location p a.zmin, 
.location p a.zmout {width:38px;height:37px;background:url(/ux/images/common/header/bg_scrap.png) no-repeat;margin-right:-4px;}
.location p a.scrap:hover, 
.location p a.scrap.focus {background-position:0 -37px;}
.location p a.zmin {background-position:0 -111px;margin-right:-5px;}
.location p a.zmin:hover {background-position:0 -148px;}
.location p a.zmout {background-position:0 -185px;margin:0;}
.location p a.zmout:hover {background-position:0 -222px;}
/* 상단 -자동 로그아웃 */
.lay-logout{width:600px;padding:40px;border:1px solid #686970;font-size:14px}
.lay-logout h1{margin:0 0 10px !important;font-size:16px !important}
.lay-logout p.message3{font-size:16px}
/* 상단 -인기검색어, 인기메뉴 */
.interestGroup {display:block; position:absolute; width:140px; margin:0; padding:8px 0 0 0; right:0; top:0px;}
.interestGroup var {display:inline-block; position:relative; width:14px; height:14px; margin-right:4px; color:#FFF; background-color:#0977c9; font-size:10px; line-height:12px; text-align:center; font-style:normal}
.interestGroup ul {display:block; position:relative; height:20px; margin:0; padding:0 25px 2px 0; overflow:hidden; }
.interestGroup li {display:block; position:relative; margin:0; padding:0; text-align:right;}
.interestGroup li a {display:inline-block; position:relative; height:20px; font-size:12px; color:#747474; padding:0;}
.interestGroup .igOpen {display:block; position:absolute; width:18px; height:18px; margin:0; padding:0; border:none; background:url(/ux/images/common/btn/interestGroup.png) no-repeat right top; cursor:pointer; text-indent:-9999px; font-size:0; right:0; top:12px;}
.interestGroup .groupWrap {display:none; position:absolute; width:310px; padding:10px 20px 13px 0; right:0; top:0; background-color:#FFF; border:solid #ddd 1px; z-index:900;}
.interestGroup .groupWrap dl {float:left; display:block; position:relative; width:135px; margin:0; padding:0 0 0 18px; font-size:12px;}
.interestGroup .groupWrap dl + dl {padding-left:20px; background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.interestGroup .groupWrap dt {display:block; position:relative; margin:0 0 10px 0; padding:0; color:#0977c9}
.interestGroup .groupWrap dt strong {position:relative; font-size:17px; font-weight:600; top:2px;}
.interestGroup .groupWrap dd {display:block; position:relative; margin:0 0 6px 0; padding:0}
.interestGroup .groupWrap dd a {display:block; position:relative; width:105px; margin:0; padding:0 10px 0 18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color:#747474;}
.interestGroup .groupWrap dd a var {position:absolute; left:0; top:2px;}
.interestGroup .igClose {display:block; position:absolute;border:none; width:18px; height:18px; background-color:#FFF; font-size:0; text-indent:-9999px; background:url(/ux/images/common/btn/interestGroup.png) no-repeat right bottom; cursor:pointer; right:8px; top:14px;}
/* 상단 - 공지사항 */
.top_notice{background-color:#41495d}
.top_notice .inner{position:relative;width:960px;margin:0 auto;zoom:1}
.top_notice .inner:after{content:'';display:block;clear:both}
.top_notice .inner .col2 li{float:left; width:48.9%;  padding-left:2%}
.top_notice .inner .col3 li{float:left; width:31.9%; padding-left:2%}
.top_notice .inner .col3 li:after{content:'';display:block;clear:both}
.top_notice .inner .imgText{zoom:1; display:block; padding:30px 0 0px; height:120px;}
.top_notice .inner .imgText:after{content:'';display:block;clear:both}
.top_notice .inner .imgText li{border-left:1px solid #545c6e}
.top_notice .inner .imgText li:first-child{border-left:none}
.top_notice .inner .imgText li:first-child, .top_notice .inner .imgText.col2 li:first-child, .top_notice .inner .imgText.col3 li:first-child{padding:0;}
.top_notice .inner .imgText li:first-child .cont, .top_notice .inner .imgText li.noimg .cont{margin-left:0}
.top_notice .inner .imgText li .images{float:left; height:100px; overflow:hidden}
.top_notice .inner .imgText li .cont{float:left; margin-left:15px; min-height:95px}
.top_notice .inner .imgText li .cont > strong{display:block; color:#6fcbff !important; font-size:18px; padding:0 0 5px; line-height:25px; margin-top:-5px}
.top_notice .inner .imgText li .cont > p{display:block; color:#fff !important; font-size:13px; line-height:18px;}
.top_notice .inner .imgText li .cont > p a.link{color:#ddd !important; text-decoration:underline}
.top_notice .inner .imgText.col li .images, .top_notice .inner .imgText.col2 li .images{width:120px;}
.top_notice .inner .imgText.col li .cont{width:800px;}
.top_notice .inner .imgText.col2 li .cont{width:300px;}
.top_notice .inner .imgText.col li .cont > p, 
.top_notice .inner .imgText.col2 li .cont > p, 
.top_notice .inner .imgText.col3 li.noimg .cont > p,
.top_notice .inner .imgText.col2 li.noimg .cont > p{margin-top:5px}
.top_notice .inner .imgText.col li .cont > p a.link, 
.top_notice .inner .imgText.col2 li .cont > p a.link, 
.top_notice .inner .imgText.col3 li.noimg .cont > p a.link,
.top_notice .inner .imgText.col2 li.noimg .cont > p a.link{display:block; margin-top:10px}
.top_notice .inner .imgText.col3 li .images{width:80px;}
.top_notice .inner .imgText.col3 li .cont{width:200px;}
/* 텍스트만 나올시 */
.top_notice .inner .imgText li.noimg .images, .top_notice .inner .imgText.col li.noimg .images, .top_notice .inner .imgText.col2 li.noimg .images, .top_notice .inner .imgText.col3 li.noimg .images,
.top_notice .inner .imgText li.img .cont, .top_notice .inner .imgText.col li.img .cont, .top_notice .inner .imgText.col2 li.img .cont, .top_notice .inner .imgText.col3 li.img .cont{ display:none;}
.top_notice .inner .imgText.col li.noimg .cont, .top_notice .inner .imgText.col li.img .images{width:900px;}
.top_notice .inner .imgText.col li.img .images{width:960px;}
.top_notice .inner .imgText.col2 li.noimg .cont, .top_notice .inner .imgText.col2 li.img .images{width:450px;}
.top_notice .inner .imgText.col3 li.noimg .cont, .top_notice .inner .imgText.col3 li.img .images{width:293px;}


/* 중단 */
/* #contentWrap - >  #container 변경예정, #contentArea 삭제예정 */
#container {position:relative;padding-bottom:100px;}
#container:after {content:'';display:block;clear:both;}
#container .content {width:960px;margin:0 auto;padding:30px 0 0 0;}
#container .content:after {content:'';display:block;clear:both;}
/* 페이지 상단 타이틀 */
.headArea {position:relative;background:#f4f5f7;height:70px;}
.headArea:after {content:'';display:block;clear:both;}
.headArea .head {width:960px;margin:0 auto;position:relative;}
.headArea .head h1 {float:left;padding:15px 0 0;}
.headArea .head .page_desc {display:table-cell;color:#747474;font-size:13px;width:auto;height:70px;margin:0;padding:0;}
.headArea .head .page_desc > span {display:table-cell;vertical-align:middle;height:70px;padding:0 0 0 30px;line-height:18px;}
.headArea .head .page_form {position:absolute;top:20px;right:0;}
.headArea .head .page_form label {font-size:13px;}

/* 하단 */
#footer {width:100%;border-top:1px solid #ddd;min-width:960px;background:#ececec;}
#footer .customer {background:#fafafa;width:100%;height:60px;display:block;border-bottom:1px solid #ddd;}
#footer .customer ul {width:960px !important;height:auto;margin:0 auto;}
#footer .customer ul li {float:left;font-size:13px;padding:20px 0 0 93px;text-align:center;}
#footer .customer ul li:first-child {padding-left:0;}
#footer .customer ul li a {color:#222;}
#footer .section {width:960px !important;height:auto;margin:0 auto;font-size:14px;position:relative;}
#footer .section:after {content:'';display:block;clear:both;}
#footer .fl {width:720px;margin-top:28px;}
#footer .fl ul {float:left;width:230px;}
#footer .fl ul.popPhoneInfo {float:left;width:260px;}
#footer .fl li {margin-top:8px;color:#222;font-size:13px;}
#footer .fl li a {color:#222;}
#footer .fl li:nth-child(5) a:hover,
#footer .fl li.nth_5 a:hover {text-decoration:underline !important;}
#footer .fl li em {color:#0062ab;}
#footer .fl li em a {color:#ccc;}
#footer .fl p img {margin-top:12px;}
#footer .fl ul.adr {clear:both;width:700px;margin:20px 0 50px;}
#footer .fl ul.adr li {color:#747474;}
#footer .fl ul.adr li span {padding-left:8px;padding-right:8px;}
#footer .fr p {margin:10px 0 15px;text-align:right;}
#footer .fr p:first-child {margin:34px 0 0px;}
#footer .fr p img {vertical-align:top;}
#footer .fr .select-box {min-width:175px;width:auto !important;margin-top:10px;}
#footer dl.related-menu {position:absolute;top:-75px;left:0;width:958px;border:1px solid #e0e1e3;background-color:#fafafa;font-size:14px;}
#footer dl.related-menu dt, 
#footer dl.related-menu dd {display:inline-block;vertical-align:middle;}
#footer dl.related-menu dt {width:83px;font-size:14px;margin:15px 0;height:18px;padding-left:30px;background:#fafafa url(/ux/images/common/bg_dot_vline2.gif) right 0 repeat-y;line-height:18px;font-weight:700;vertical-align:top;}
#footer dl.related-menu dd {width:832px;background:#fafafa;padding-bottom:14px;}
#footer dl.related-menu dd ul {padding-left:30px;}
#footer dl.related-menu dd li {float:left;margin:14px 20px 0px 0;padding-left:10px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 9px;}
#footer dl.related-menu dd li a {color:#444;}
#footer dl.related-menu dd li a:hover {color:#0977c9;}

/* 일반/모달 - 팝업 공통  */
.popSection {display:block; position:relative;padding:30px 35px 40px 35px; }
.popSection .head {display:block; position:relative; margin:0 0 40px 0; padding:0 40px 15px 0; border-bottom:solid #444 3px;}
.popSection .head h1 {font-size:28px; color:#00599c; font-weight:600}
.popSection .reHead {margin-bottom:25px;}
.popSection .transfer_reHead {margin-bottom:5px;}
.popSection .closeBtn {display:block; position:absolute; right:35px; top:35px; width:30px; height:30px; margin:0; padding:0; background:url(/ux/images/common/btn/ico_close.png) no-repeat 0 0; border:none; cursor:pointer;}
.popSection .cont {display:block; position:relative; margin:0; padding:0;}
.popSection .cont .originalImage {display:block; position:relative; text-align:center;}

/* 모달 팝업 레이아웃  */
.modalPop {display:block; position:absolute; width:100%; height:100%; margin:0; padding:0;  left:0; top:0; z-index:1000}
.modalPop .mbg {display:block; position:fixed; width:100%; height:100%; background-color:#000; opacity:0.5; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* for ie8 */}
.modalPop .popSection {width:680px; margin:120px auto 100px auto; border:solid #ddd 1px; background-color:#FFF}
/* 모달팝업 안에 레이어팝업 */
.modalPop .popInpop {display:block; position:absolute; margin:0; padding:30px 40px 40px 40px; background-color:#FFF; border:solid #747474 1px; top:125px; left:50%;}
.modalPop .popInpop .closeBtn {right:40px;}
.modalPop .popInpop.width680 {width:680px; margin-left:-380px;}

/* 팝업 사이즈 */
.popSection.Large{width:880px;}
.popSection.wideFull {width:960px;}
.popSection.wide780 {width:780px;}
.popSection.wide760 {width:760px;}
.popSection.wide680 {width:680px;}
.popSection.wide650 {width:650px;}
.popSection.wide480 {width:480px;}
.popSection.wide430 {width:430px;}
.popSection.wide420 {width:420px;}
/* 팝업 사이즈는 500이하 타이틀이 22px, 닫기버튼 가로세로 20px
500이상 타이틀이 28px, 닫기버튼 가로세로 30px */
.popSection.wide480 .head h1,
.popSection.wide430 .head h1,
.popSection.wide420 .head h1 {font-size:22px;}
.popSection.wide480 .closeBtn,
.popSection.wide430 .closeBtn,
.popSection.wide420 .closeBtn {width:20px;height:20px;background-position:center center;}

/* 하단 토스트배너 */
.toast_article {display:block; position:fixed; width:958px; margin:0 0 0 -480px; padding:0; left:50%; bottom:0; background-color:#FFF; border:solid #bbb 1px; border-bottom:none;}
.toast_article .toastBtn {display:table; position:relative; width:100%; margin:0; padding:0; background-color:#525557;}
.toast_article .toastBtn li {float:left; display:block; position:relative; width:33.33%; margin:0; padding:0;}
.toast_article .toastBtn li a {display:block; position:relative; height:30px; line-height:28px; margin:0; padding:6px 40px; text-align:center; font-size:16px; color:#FFF; background:url(/ux/images/common/btn/toast_btn_bg.png) no-repeat 289px 17px }
.toast_article .toastBtn li + li a {border-left:solid #bbb 1px;}
.toast_article .toastBtn li a span {display:inline-block; position:relative; color:#ffe44f; margin-left:5px;}
.toast_article .toastBtn li.current {background-color:#6c6f71}
.toast_article .toastBtn li.current a {background-position:289px -49px;}
.toast_article .toastBtn select{height:25px !important}
.toast_article .toastBtn .select-box{height:25px !important; position:absolute; left:115px; top:6px;}
.toast_article .toastBtn .select-box .wrap div{height:30px !important}
.toast_article .toastBtn .select-box .wrap div span{line-height:24px;height:24px !important}
.toast_article .toastBtn .select-box .wrap div a.selecter{width:28px !important;height:28px; margin:0; padding:0;background:url(/ux/images/common/arrow_select_30.gif) no-repeat -1px 0;}
.toast_article .toastBtn .select-box .list {top:29px;}
.toast_article .toastBtn .select-box .list li {width:inherit !important;}
.toast_article .toastBtn .select-box .list li a {font-size:14px; height:25px; line-height:22px;}
.toastBtn .basket .select-box {display:none;}
.toastBtn .basket.current a {text-align:left !important;}
.toastBtn .basket.current a > span {display:none;}
.toastBtn .basket.current .select-box {display:inline-block; position:absolute;}

.toast_article .toastTarget {display:block; position:relative; margin:0; padding:0;}
.toast_article .toastTarget ul {display:block; position:relative; margin:0; padding:0; height:265px; overflow:hidden; overflow-y:auto;}
.toast_article .toastTarget ul li {display:block; position:relative; margin:0; padding:0 0 0 50px; border-bottom:solid #ddd 1px;}
.toast_article .toastTarget ul li div.checkbox {position:absolute; left:15px; top:14px;}
.toast_article .toastTarget ul li dl {display:table; position:relative; width:100%; margin:0; padding:0; background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.toast_article .toastTarget ul li dt {float:left; display:block; position:relative; width:371px; height:24px; padding:14px 12px 10px 12px; }
.toast_article .toastTarget ul li dd {float:left; display:block; position:relative; height:24px; padding:14px 10px 10px 10px; text-align:center; background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.toast_article .toastTarget ul li dd strong {font-size:13px; color:#747474;}
.toast_article .toastTarget ul li dd span {display:inline-block; position:relative; margin-left:10px; font-size:13px;}
.toast_article .toastTarget .risk span {display:inline-block;position:relative;margin:0;padding:0 0 0 50px;text-align:center;font-size:14px;color:#444;background:url(/ux/images/finance/risks_deps.png) no-repeat;}
.toast_article .toastTarget .risk span.deps1 {background-position:5px 0;}
.toast_article .toastTarget .risk span.deps2 {background-position:5px -50px;}
.toast_article .toastTarget .risk span.deps3 {background-position:5px -100px;}
.toast_article .toastTarget .risk span.deps4 {background-position:5px -150px;}
.toast_article .toastTarget .risk span.deps5 {background-position:5px -200px;}
.toast_article .toastTarget .rate {width:130px;}
.toast_article .toastTarget .risk {width:140px;}
.toast_article .toastTarget .sum {width:120px;}
.toast_article .toastTarget .del {}
.toast_article .toastTarget .del button {display:block; position:relative; width:24px; height:24px; margin:0 auto; background:url(/ux/images/common/btn/toast_del.png) no-repeat 3px 3px #FFF; text-indent:-9999px; cursor:pointer}
.toast_article .toastTarget .functinBtn {display:block; positon:relative; margin:0; padding:10px 15px; border-top:solid #bbb 1px; background-color:#fafafa; text-align:left;}
.toast_article .toastTarget .functinBtn:after{display:block; content:""; clear:both;}
.toast_article .toastTarget .functinBtn button + button {margin-left:0;}
.toast_article .toastTarget .functinBtn button {cursor:pointer;}