@charset "utf-8"; /* Layout CSS */ /* Web Publish Team Woo Seok, Shin 20121214 */ /* CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그 /* CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc */ /* CSS 속성 선언순서 : display, overflow, float, position, z-index, width & height, margin & padding, border, background, font, align, etc */ /* Skip Menu 영역 */ #skipMenu {display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:500; width:100%; height:0px;} #skipMenu .row {width:940px; min-width:320px; margin:0 auto;} .shadow-block {position:relative;} .shadow-block:after {background: url('/imgs/KR/common/global/grey-bg-shadow.png') no-repeat scroll center top transparent; content: ""; height:10px; left: 0; position:absolute; top: 0; width: 100%; z-index: 1;} .notice-bar {background-color:#ffba00;} .notice-bar nav {float:left; margin-top:5px; padding:5px 0;} .notice-bar nav ul {overflow:hidden;} .notice-bar nav ul li {display:inline; float:left; margin-right:20px; font-size:12px; font-weight:bold; line-height:normal;} .notice-bar .skipClose {float:right; text-align:right;} .notice-bar .skipClose a {position:relative; display:inline-block; *display:inline; zoom:1; height:22px; margin-top:5px; padding-right:25px; line-height:22px; color:#ffedda;} .notice-bar .skipClose a span {overflow:hidden;line-height:600%;position:absolute;right:0;top:0;width:22px;height:22px;background:url('/imgs/KR/common/global/icons-semantic.png') -199px -149px no-repeat} /* [WA 230913] 명도대비 수정 as-is color: #fff -> to-be color: #303030 */ .notice-bar a, .notice-bar a:active, visited, link {font-size:12px; color:#303030 !important;} /* All Menu 영역 */ #allMenu {display:none; overflow:hidden; position:fixed; left:0px; top:0px; z-index:150; width:240px; height:100%; background:url('/imgs/KR/common/bg_aside.gif') left top repeat-y;} #allMenu header {overflow:hidden; height:50px; background-color:#d8d8d8;} #allMenu header p.loginMem {float:left; display:inline-block; *display:inline; zoom:1; margin-left:10px; font-size:12px; line-height:50px; font-weight:bold;} #allMenu header p.loginMem a {color:#666;} #allMenu header p.loginMem a img {margin-top:-4px;} #allMenu header p.loginBtn {float:right; display:inline-block; *display:inline; zoom:1; margin:10px 10px 0 0;} #allMenu header p.loginBtn button.logout {width:87px; height:30px; background:url('/imgs/KR/common/btn_logout.gif') 0px 0px no-repeat;} #allMenu nav {padding-bottom:30px;} #allMenu nav ul li a {display:block; height:41px; padding-left:20px; font-family:"NanumGothic"; font-weight:bold; font-size:16px; color:#fff; line-height:41px; background:url('/imgs/KR/common/bg_asideMenu_title.gif') left top no-repeat;} #allMenu nav ul li ul li a {display:block; height:36px; padding-left:30px; font-family:"NanumGothic"; font-weight:bold; font-size:14px; color:#b6bac0; line-height:36px; background:url('/imgs/KR/common/bg_asideMenu_off.gif') left top no-repeat;} #allMenu nav ul li ul li:first-child a {background:url('/imgs/KR/common/bg_asideMenu_first_off.gif') left top no-repeat;} #allMenu nav ul li ul li a.on {color:#fff; background:url('/imgs/KR/common/bg_asideMenu_on.gif') left top no-repeat;} #allMenu_nav {position:relative; overflow:hidden;} /* 전체메뉴 스크롤바 */ .ps-container .ps-scrollbar-x {position: absolute; /* please don't change 'position' */ bottom: 1px; /* there must be 'bottom' for ps-scrollbar-x */ height: 4px; background-color: #aaa; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity.2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear;} .ps-container:hover .ps-scrollbar-x {opacity: 0.6; filter: alpha(opacity = 60);} .ps-container .ps-scrollbar-x:hover {opacity: 0.9; filter: alpha(opacity = 90); cursor:default;} .ps-container .ps-scrollbar-x.in-scrolling {opacity: 0.9; filter: alpha(opacity = 90);} .ps-container .ps-scrollbar-y {position: absolute; /* please don't change 'position' */ right: 1px; /* there must be 'right' for ps-scrollbar-y */ width: 4px; background-color: #aaa; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity.2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear;} .ps-container:hover .ps-scrollbar-y {opacity:0.6; filter:alpha(opacity = 60);} .ps-container .ps-scrollbar-y:hover {opacity:0.9; filter: alpha(opacity = 90); cursor:default;} .ps-container .ps-scrollbar-y.in-scrolling {opacity:0.9; filter: alpha(opacity = 90);} /* Wrapper */ #wrapper {position:relative; overflow:hidden; width:100%; min-width:960px; min-height:100%;} #container {position:relative; overflow:hidden; width:100%; height:100%;} /* WA 231106 KNH : ID중복으로 분리 후 css 생성 */ #container_main {position:relative; overflow:hidden; width:100%; height:100%;} #wrapper_main {position:relative; overflow:hidden; width:100%; min-width:960px; min-height:100%;} /* Header 영역 */ #header {width:100%; min-width:100%; padding-top:50px; font-size:0px; line-height:0px;} #gnb {width:940px; min-width:300px; height:50px; margin:0 auto; padding:0 10px; *zoom:1;} #gnb:after {content:""; clear:both; display:block;} .gnb_left {display:inline; float:left;} .gnb_left .siteMenu {display:inline; float:left;} .gnb_left .siteMenu .curSiteMenu {position:relative; display:inline-block; zoom:1; *display:inline; width:140px; margin-right:21px;} .gnb_left .siteMenu .curSiteMenu.log_in {width:90px !important;} .gnb_left .siteMenu .curSiteMenu a {display:block; font-family:"NanumGothicBold"; font-size:16px; color:#000; line-height:30px; margin-top:10px;} .gnb_left .siteMenu .curSiteMenu a.menuSel {position:absolute; display:inline; right:0px; top:0px; .top:5px; z-index:100;} .gnb_left .siteMenu ul {width:140px;} .gnb_left .siteMenu ul li a {font-size:15px;} .gnb_left .loginMsg {display:inline-block; *display:inline; zoom:1; float:left; margin-top:2px; font-size:12px; line-height:48px; font-weight:bold;} .gnb_left .loginMsg a {color:#666;} .gnb_left .loginMsg a:active, link, visited {color:#666;} .gnb_left .loginMsg a:hover {color:#000;} .gnb_left .loginMsg a img {margin-top:-4px;} .gnb_right {display:inline; float:right;} .gnb_right .utilMenu {display:inline; float:left; margin-right:8px; font-size:11px; color:#6e6e6e;} .gnb_right .utilMenu li {display:inline; float:left; margin-right:2px; line-height:50px;} .gnb_right .utilMenu li.note {margin-right:17px; font-weight:bold;} .gnb_right .utilMenu li.note img {margin:-3px 5px 0 0;} .gnb_right .utilMenu li.note a:active, visited, link {color:#666666;} .gnb_right .utilMenu li.note a:hover {color:#000;} .gnb_right .utilMenu li.time {margin-right:9px; padding-left:20px; font-weight:bold; background:url('/imgs/KR/common/ico_clock.png') left 15px no-repeat;} .gnb_right .utilMenu li.last {margin-right:7px !important;} .gnb_right .utilMenu li.time a {font-size:11px; color:#339e47; text-decoration:underline;} .gnb_right .utilMenu li.menu_guide {margin-right:15px;} .gnb_right .directMenu {display:inline; float:left; margin-right:25px;} .gnb_right .directMenu .curDirectMenu {position:relative; display:inline-block; zoom:1; *display:inline; width:80px;} .gnb_right .directMenu .curDirectMenu a {display:block; font-family:"NanumGothicBold"; font-size:11px; color:#000; line-height:30px; margin-top:10px;} .gnb_right .directMenu .curDirectMenu a.menuSel {position:absolute; display:inline; right:0px; top:0px; .top:9px; z-index:100;} .gnb_right .directMenu ul {width:100px;} .gnb_right .directMenu ul li a {font-size:11px;} .gnb_right p.loginBtn {float:left; display:inline-block; *display:inline; zoom:1; margin:11px 5px 0px 0px;} .gnb_right .language {float:left; display:inline; position:relative;} .gnb_right .language .current-lang {display:inline-block; zoom:1; *display:inline; width:60px;} .gnb_right .language .current-lang a {display:block; font-size:11px; font-weight:bold; color:#666; text-align:right; line-height:30px; margin-top:11px; margin-top/*\**/:10px; .margin-top:10px;} .gnb_right .language .current-lang a:active, link, visited {color:#666;} .gnb_right .language .current-lang a:hover {color:#000;} p.loginBtn a.logout {width:53px; height:25px;} p.loginBtn a.logout:active, link, visited {color:#666 !important;} p.loginBtn a.login {width:49px; height:25px;} p.loginBtn a.login:active, link, visited {color:#666 !important;} p.loginBtn a.login, p.loginBtn a.logout {display:block; font-size:11px; color:#666; line-height:28px; padding-left:28px; font-weight:bold; letter-spacing:-1px; border-radius:4px; border:1px solid #bfbebe; background:url('/imgs/KR/common/bg_loginBtn.gif') 0px 0px no-repeat; -webkit-box-shadow:0 0 5px #d0d0d0, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 0 5px #d0d0d0, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 0 5px #d0d0d0, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } /* GNB Layer */ .has-flyout {position:relative;} .has-flyout .flyout {display:none; position:absolute; left:0px; top:50px; z-index:150; opacity:0; background-color:#e0e0e0; box-shadow:0px 2px 4px 0px #cccccc;} .has-flyout .flyout li {height:32px; border-bottom:1px solid #c6c6c6;} .has-flyout .flyout li a {display:block; padding-left:11px; border-top:1px solid #e6e6e6; font-family:"NanumGothicBold"; line-height:32px; color:#333;} .has-flyout .flyout li:first-child a, .has-flyout .flyout li.first a {border-top:1px solid #e0e0e0;} .has-flyout .flyout li a.on {color:#fff; background-color:#223354;} /* Modified by JS */ #lnb_wrap {position:absolute; left:0px; top:50px; z-index:100; width:100%; min-width:300px; height:75px; background:url('/imgs/KR/common/bg_lnb_2.gif') left bottom repeat-x;} #lnb {overflow:visible; width:940px; margin:0 auto;} #lnb ul.lnb_menu {overflow:visible; position:relative; width:100%;} #lnb ul.lnb_menu li.menu {display:inline; float:left; margin:0px; background:url('/imgs/KR/common/bg_lnb_bar.gif') right top no-repeat;} #lnb ul.lnb_menu li.menu a.depth1 {display:block; width:auto; height:52px; padding:18px 19px 0; font-family:"NanumGothicBold"; font-size:17px; line-height:17px; color:#fff; letter-spacing:-1.5px; text-align:center;} #lnb ul.lnb_menu li.menu a.depth1:visited, active, link {background-color:none;} #lnb ul.lnb_menu li.menu a.depth1:hover {background-color:#223354 !important;} #lnb ul.lnb_menu li.menu a.depth1.on {background-color:#223354 !important;} #lnb ul.lnb_menu li.menu a.depth1 small {display:block; padding-top:8px; font-family:'SCProsperSans', 'NanumGothic'; font-size:11px; line-height:11px; color:#d4dbed; letter-spacing:0px; cursor:pointer} /* 2025 07 font */ /* 추가 css */ #lnb ul.lnb_menu li.menu .subMenu_wrap {width:888px; position:absolute; left:25px; top:70px; } #lnb ul.lnb_menu li.menu .subMenu_wrap > div > div > ul > li > a {color:#0071aa;} .subMenu_wrap > .subMenu_bg {padding-top:5px; background:url('/imgs/KR/common/bg_subMenu_top.gif') 0 0 repeat-x;} .subMenu_wrap > .subMenu_bg > .subMenu:after {display:block; content:""; clear:both;} .subMenu_wrap > .subMenu_bg > .subMenu > ul {float:left; * width:295px !important;} .subMenu_wrap > .subMenu_bg > .subMenu > ul.bdr_none {border:none;} .subMenu_wrap > .subMenu_bg > .subMenu > ul > li {border-bottom:1px solid #e1e1e1;} .subMenu_wrap > .subMenu_bg > .subMenu > ul > li.first {background: url('/imgs/KR/common/bg_subMenu_top.gif') 0 0 repeat-x;} .subMenu_wrap > .subMenu_bg > .subMenu > ul > li.last {border-bottom:none;} .subMenu_wrap > .subMenu_bg > .subMenu > ul > li > ul {width:100%; border-top:1px solid #e1e1e1;} .subMenu_wrap > .subMenu_bg > .subMenu > ul > li > ul > li > a {border:none; height:100% !important;line-height:35px !important; color:#666;} .wd1 {* width:295px !important;} .wd2 {* width:295px !important;} .list_blank {padding-top:5px; border-bottom:none !important;} .subMenu_wrap .nav_prod_wrap .nav_prod.items {height:100% !important;} .items > div {float:left; text-align:center; width:49%;} .items > div > img {width:100%;} .items > .item1 {margin-left:0; border-right:1px solid #e1e1e1;} #header.sticky .change_text1 > a {height:36px !important; padding-top:14px !important;} #login_header.sticky .change_text1 > a {height:36px !important; padding-top:14px !important;} #header.sticky ul.lnb_menu li.menu a.depth1 {width:auto; height:34px; padding:16px 34px 0; background-position:12.5% 8px;} #login_header.sticky ul.lnb_menu li.menu a.depth1 {width:auto; height:34px; padding:16px 34px 0; background-position:12.5% 8px;} #lnb ul.lnb_menu li.menu.lnb_last .subMenu_wrap {left:auto; right:0px !important;} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap {width:150% !important;} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap ul {width:100% !important;} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap .nav_prod {width:100% !important;} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap .nav_prod:last {display:none} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap .subMenu ul {border-right:0px;} #lnb p.allMenu {display:none;} #header.sticky #universal-bar {display:none !important;} #header.sticky #lnb_wrap {position:fixed; height:55px; left:0px; top:0px;} #header.sticky ul.lnb_menu li.menu a.depth1 small {display:none;} #header.sticky .subMenu_wrap {top:50px !important;} #header.sticky #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap .nav_prod {height:151px !important;} #login_header.sticky #universal-bar {display:none !important;} #login_header.sticky #lnb_wrap {position:fixed; height:55px; left:0px; top:0px;} #login_header.sticky ul.lnb_menu li.menu a.depth1 small {display:none;} #login_header.sticky .subMenu_wrap {top:50px !important;} #login_header.sticky #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap .nav_prod {height:151px !important;} .subMenu_wrap {display:none; position:absolute; left:-1px; top:70px; z-index:30; width:300%; border:1px solid #e1e1e1; border-top:0px; box-sizing:border-box; background-color:#fff !important; opacity:0; box-shadow:0px 5px 10px 0px #d6d6d6;} .subMenu_wrap .subMenu {overflow:hidden; background:url("/imgs/KR/common/bg_layer.gif") 0 0 repeat-y; background-size:100% 100%;} .subMenu_wrap > .subMenu_bg > .subMenu > ul {width:33.3%; * width:33%; box-sizing:border-box;} /*@-moz-document url-prefix(){.subMenu_wrap .subMenu ul {width:33.3% !important;}} 2014-11-12 삭제 */ .subMenu_wrap .subMenu ul.last {border-right:0px;} .subMenu_wrap .subMenu ul.last li.last2 {border-bottom:0px;} .subMenu_wrap .subMenu ul li {float:none;} .subMenu_wrap .subMenu ul li.last a {border-bottom:0px !important;} .subMenu_wrap .subMenu ul li.last2 {border-bottom:1px solid #e1e1e1;} .subMenu_wrap .subMenu ul li a {display:block; height:46px; padding:0 0 0 20px !important; font-family:"NanumGothicBold"; font-size:14px; color:#a1a1a1; line-height:46px !important;} .subMenu_wrap .subMenu ul li a:hover {color:#fff !important; background-color:#223354 !important;} .subMenu_wrap .subMenu ul li a:focus {color:#fff !important; background-color:#223354 !important;} .subMenu_wrap .subMenu ul.menu_guide_ul li:last-child {border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1 !important; padding:10px 20px;} .subMenu_wrap .subMenu ul.menu_guide_ul li.menu_guide {border-top:1px solid #e1e1e1; border-right:0px; padding:10px 20px;} .subMenu_wrap .nav_prod_wrap {clear:both; overflow:hidden; border-top:1px solid #e1e1e1; background-color:#f8f8f8;} .subMenu_wrap .nav_prod_wrap .nav_prod {position:relative; line-height:normal !important; box-sizing:border-box; background:url('/imgs/KR/common/bg_listShadow_top.png') left top repeat-x; padding:5px 0 0; text-align:right;} /*@-moz-document url-prefix(){.subMenu_wrap .nav_prod_wrap .nav_prod {width:49.91111% !important;}} 2014-11-12 삭제 */ .subMenu_wrap .nav_prod_wrap .nav_prod.bor_r {border-right:1px solid #e1e1e1; width:50%; *width:49.9%;} .subMenu_wrap .nav_prod_wrap .nav_prod .prod_img {float:left; margin-top:24px;} .subMenu_wrap .nav_prod_wrap .nav_prod .prod_img img {width:126px;} .subMenu_wrap .nav_prod_wrap .nav_prod .prod_txt {float:left; width:123px; margin:0px 12px 0px 20px;} .subMenu_wrap .nav_prod_wrap .nav_prod .prod_txt dl dt {padding-bottom:7px; font-family:"NanumGothicBold"; font-size:14px;} .subMenu_wrap .nav_prod_wrap .nav_prod .prod_txt dl dt a {color:#223354; font-family:"NanumGothicBold"; font-size:14px;} .subMenu_wrap .nav_prod_wrap .nav_prod .prod_txt dl dd {font-size:11px; line-height:14px; color:#949494;}/* WA 231108 JJW: 명도대비 수정 */ .subMenu_wrap .nav_prod_wrap .nav_prod .prod_txt dl dd a {color:#949494;}/* WA 231108 JJW: 명도대비 수정 */ .subMenu_wrap .nav_prod_wrap .nav_prod .prod_txt .btn {margin-top:10px;} /* Contents 영역 */ #content, .content {width:940px; min-width:300px; margin:0 auto; padding:75px 10px 300px 10px; font-size:1.2em; outline: none;} /* WA 231226 content 클래스 추가, outline none */ .waContent {width:940px; min-width:300px; margin:0 auto; padding:75px 10px 300px 10px; font-size:1.2em;} /* WA 231218 KTH : 보안카드/OTP 분실 CSS 수정 */ /* 20150303 */ /* 20141125 new intro 관련 */ #content.content {width:940px; min-width:300px; margin:0 auto; padding:125px 10px 30px 10px; font-size:1.2em;} /* [WA 230915 : 명도대비 수정 as-is color: #919191 -> to-be color: #666666] */ #content time, .content time {display:block; height:25px; padding-top:10px; font-size:11px; color:#666666; font-weight:bold; text-align:right;} .waContent time {display:block; height:25px; padding-top:10px; font-size:11px; color:#666666; font-weight:bold; text-align:right;} /* WA 231218 KTH : 보안카드/OTP 분실 CSS 수정 */ .content_head {overflow:hidden; height:49px; margin-bottom:35px; background:url('/imgs/KR/common/bg_contents_head.gif') left -15px repeat-x;} .content_head h2 {display:inline; float:left; padding-left:18px; font-family:"NanumGothicBold"; font-size:18px; line-height:44px; color:#fff;} .content_head menu {display:inline; float:right; padding-right:19px;} .content_head menu li {display:inline; float:left; margin-left:6px; padding-left:10px; background:url('/imgs/KR/common/bg_menu_bar.gif') left 24px no-repeat;} .content_head menu li a {display:block; margin-top:11px; padding-left:20px; font-family:"NanumGothicBold"; font-size:14px; color:#6aacf5;} .content_head menu li a.consult {padding-top:3px; background:url('/imgs/KR/common/bg_consult.gif') left 3px no-repeat;} .content_head menu li a.print {padding-top:3px; background:url('/imgs/KR/common/bg_print.gif') left 3px no-repeat;} /* 20201026 추가 20201111 수정 */ .content_head.type2 {background: none; line-height: normal; height: auto; margin-bottom: 20px; margin-top: 20px;} .content_head.type2 h2 {color: #303030; line-height: normal; padding-left: 0; font-size: 20px;} .content_head.type2 menu {} .content_head.type2 menu li {background: none;} .content_head.type2 menu li a {background: none; color: #006faf;} /* Linemap 영역 */ .linemap {overflow:hidden; width:100%; min-width:320px; height:33px; padding:0; text-align:left; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background-color:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background: -moz-linear-gradient(top, #ffffff, #efefef); background:-o-linear-gradient(top, #ffffff, #efefef); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');} .linemap ul {overflow:hidden; width:940px; margin:0 auto;} .linemap ul li {float:left; line-height:33px;} .linemap ul li a {display:block; line-height:33px; background:url('/imgs/KR/common/bg_linemap.gif') right top no-repeat; padding-right:15px; margin-left:5px; font-family:"NanumGothic"; font-size:12px; color:#2aac48;} .linemap ul li.ci {background:url('/imgs/KR/common/bg_scCi.gif') center 5px no-repeat; margin-left:-5px;} .linemap ul li.ci a {width:42px; height:33px;} .linemap h3, .linemap ul li.ci a span {display:none;} .linemap ul li a.on {background:none; padding-right:0; color:#333;} /* Footer 영역 */ #footer_wrap {position:absolute; left:0px; bottom:0px; width:100%;} #footer {position:relative; overflow:hidden; width:999px; padding:30px 10px 20px 10px;} #footer div.waMark {position:absolute; left:-135px; bottom:33px;} .footer-block .block-grid > li > a.ksqi {width:59px;} /* ----------------------------------------------------------- Main Login ----------------------------------------------------------- */ #login_wrapper {position:relative; width:100%; height:100%; min-width:320px; min-height:740px;} /* 20141124 로그인 신규 페이지 #login_wrapper.day {background:url('/imgs/KR/common/bg_login_day.jpg') 50% 50% no-repeat; background-size:auto 100%;} #login_wrapper.evening {background:url('/imgs/KR/common/bg_login_evening.jpg') 50% 50% no-repeat; background-size:auto 100%;} #login_wrapper.night {background:url('/imgs/KR/common/bg_login_night.jpg') 50% 50% no-repeat; background-size:auto 100%;} */ #login_header .login_dirMn {display:block; display:inline; float:left; padding-top:10px;} #login_header .login_dirMn li {float:left; height:24px; line-height:24px; margin-top:8px;} #login_header .login_dirMn li.menu_guide {margin-top:1px;} @-moz-document url-prefix(){#login_header .login_dirMn li.menu_guide {margin-top:3px;}} #login_header .login_dirMn li a {display:block; padding:0 13px; line-height:14px; font-size:11px; border-right:1px solid #536b87; font-family:"NanumGothicBold"; color:#666; text-shadow:0 1px 1px #fff;} #login_header .login_dirMn li a:active, link, visited {color:#666;} #login_header .login_dirMn li a:hover {color:#000;} #login_contents {position:relative; width:320px; margin:0 auto; padding-top:120px;} #login_contents h2 {width:320px; background:url('/imgs/KR/common/h1_main_logo.png') left top no-repeat; margin:0 auto 25px; height:91px} #login_contents h2 span {display:none;} #login_contents .login_wrap {width:320px; margin:0 auto; border: 1px solid #ced2d5;} #login_contents .login_wrap .button-group {background-color:#f8f8f8;} #login_contents .login_wrap .button-group li {width:50%;} #login_contents .login_wrap .button-group li a.button.tabBtn {min-width:none !important; width:87%; font-size:14px; padding:11px 10px 13px; letter-spacing:-1px;} #login_contents .login_wrap .login_box {box-sizing:border-box; background-color:#fff;} #login_contents .login_wrap .login_box section {border-bottom:1px solid #e8e8e8;} #login_contents .login_wrap .login_box section:last-child, #login_contents .login_wrap .login_box section.last {border-bottom:0px;} #login_contents .login_wrap .login_box section:nth-child(even), #login_contents .login_wrap .login_box section.section_bg {background-color:#f8f8f8;} #login_contents .login_wrap .login_box section .divsion {padding:20px;} #login_contents .login_wrap .login_box .lg_btn a.button {width:78%;} #login_contents .login_wrap .login_box .lg_btn button {width:100%;} #login_contents .login_wrap .login_box .lg_txt {font-size:12px; color:#949494; margin:8px 0px 0px 5px; letter-spacing:-1px;}/* WA 231108 JJW: 명도대비 수정 */ #login_contents .login_wrap .login_box .lg_link {overflow:hidden; padding:13px 20px;} #login_contents .login_wrap .login_box .lg_link li {float:left; min-width:133px; padding-left:7px; background:url('/imgs/KR/common/bu_blue_loginGuide.gif') left 6px no-repeat; margin:2px 0px;} #login_contents .login_wrap .login_box .lg_link li.minWid_none {min-width:0px; } #login_contents .login_wrap .login_box .lg_link li a {color:#517dc5; font-size:12px; font-family:"NanumGothicBold";} #login_contents .login_wrap .login_box fieldset select {width:100%;} #login_contents .login_wrap .login_box fieldset input {width:92%;} #login_contents .login_wrap .login_box fieldset ul {margin-top:11px;} #login_contents .login_wrap .login_box fieldset ul li {margin-bottom:12px;} /* 20141124 로그인 신규 페이지 #login_footer_wrap {position:absolute; left:0px; bottom:0px; width:100%; min-width:320px; background-color:#fff;} */ #login_footer_wrap {width:100%; min-width:320px; background-color:#fff;} #login_footer_wrap .login_footer {position:relative; overflow:hidden; width:940px; min-width:320px; margin:0 auto; padding:25px 0 20px 0; background:url('/imgs/KR/common/bg_footer_top.gif') left top no-repeat;} #login_footer_wrap .login_footer .left {float:left;} #login_footer_wrap .login_footer .left .custCall {font-size:13px; font-family:"NanumGothicBold"; color:#005d9a;} #login_footer_wrap .login_footer .left .copyRight {font-family:'SCProsperSans', 'NanumGothic'; font-size:11px; color:#989898; margin-top:4px;} /* 2025 07 font */ #login_footer_wrap .login_footer .right {float:right; margin-top:4px;} #login_footer_wrap .login_footer .right .btn_language {display:none;} #login_footer_wrap .login_footer .right .waMark {margin-left:18px;} /* ------------------------------------------------------------ // Main Login ----------------------------------------------------------- */ /* ------------------------------------------------------------ new Main Login ----------------------------------------------------------- */ /* 2014-11-13 로그인 */ .login_window .login_box {border:none;} .login_service .login_box {height:185px;} .login_notice .login_box.login_box_notice {padding:0 0 10px !important;} .login_banner .login_box img {width:100%; height:100%;} .login_banner .login_box a {display:block; width:438px; height:142px;} .login_shape {padding:0 20px !important;} .login_window {padding-top:43px; margin-bottom:20px !important;} .login_window .login_box dl dt, .login_window .login_box dl dd {background-color:#122953;} .login_window .login_box dl dt {height:37px; padding-top:13px; font-family:"NanumGothicBold"; font-size:17px; font-weight:bold; color:#fede00; text-align:center;} .login_window .login_box dl dd {height:130px; padding:20px 22px 25px 24px; border:8px solid #122953; border-top:0; background:#fff;} .login_window .login_box dl dd ul {overflow:hidden;} .login_window .login_box dl dd ul li {float:left;} .login_window .login_box dl dd ul li.first {float:left; margin-left:0;} .login_window .login_box dl dd ul li button {padding:6px 13px;} .login_window .login_box dl dd ul.login_btn li {float:right; width:49%; text-align:center;} .login_window .login_box dl dd ul.login_btn li.first {float:left; margin-left:0;} .login_window .login_box dl dd ul.login_btn li button {width:100% !important; margin-left:0px; padding:18px 15px 16px !important; font-family:"NanumGothicBold"; font-size:17px; letter-spacing:-1px;} .login_window .login_box dl dd ul.login_btn li p {margin-top:6px; padding:0 3px; color:#555; text-align:center; line-height:16px;} .login_window .login_box dl dd ul.login_serv_btn {position:absolute; bottom:30px; left:35px;} .login_window .login_box dl dd ul.login_serv_btn li {margin-left:7px;} .login_window .login_box dl dd ul.login_serv_btn li.first {margin-left:0;} .login_window .login_box dl dd ul.login_serv_btn li.last button {border:1px solid #5D6063 !important; font-weight:bold !important;} .login_window .login_box dl dd ul.login_serv_btn button {width:100%; padding:6px 12px; font-family:'SCProsperSans', 'NanumGothic'; font-weight:normal !important; border-color:#bcbcbc !important;} /* 2025 07 font */ .login_window .login_box dl dd ul.login_serv_btn2 {margin-left:4.7091%; padding-right:8px;} .login_window .login_box dl dd ul.login_serv_btn2 li {width:32%; margin-left:1.5%;} .login_window .login_box dl dd ul.login_serv_btn2 li.first {margin-left:0;} .login_window .login_box dl dd ul.login_serv_btn2 button {width:100%; font-family:'SCProsperSans', 'NanumGothic'; border-color:#bcbcbc !important; font-weight:normal !important;} /* 2025 07 font */ .login_window .login_box dl dd div.login_btn2 {position:relative; padding:0 30px 0 17px; margin-bottom:17px; *zoom:1;} .login_window .login_box dl dd div.login_btn2 label {display:inline-block; width:26%; font-family:"NanumGothicBold"; font-size:14px; color:#122953; letter-spacing:-1px;} .login_window .login_box dl dd div.login_btn2 span.br {height:7px;} .login_window .login_box dl dd div.login_btn2 input {width:45%; padding:0 13px; } .login_window .login_box dl dd div.login_btn2 > div > button {position:absolute; right:3%; top:0; height:67px; width:20%; padding:0; font-family:"NanumGothicBold"; font-size:17px;} .login_window .login_box dl dd div.login_join {padding-left:20px; overflow:hidden; text-align:left;} .login_window .login_box dl dd div.login_join span {float:left; color:#555; margin-left:20px;} .login_window .login_box dl dd div.login_join a {float:right; margin-right:30px; padding-left:11px; background:url('/imgs/KR/main/icon_login_join.gif') no-repeat 0 4px; color:#0365c0; text-decoration:underline;} .login_box {position:relative; width:auto; border:1px solid #dbdbdb; background:#fff;} .login_box header {overflow:hidden; height:51px; border-bottom:2px solid #2AAC48; } .login_box header h3 {display:inline; float:left; padding:0 19px 0 19px; font-family:"NanumGothicBold"; font-size:18px; line-height:51px; color:#122953;} .login_service .login_box .login_body .info_box {padding:17px 33px 23px;} .login_service .login_box .login_body .info_box ul {overflow:hidden; *zoom:1;} .login_service .login_box .login_body .info_box ul li {float:left; width:7.9036%; margin-right:5%;} .login_service .login_box .login_body .info_box ul li.item8 {width:6.7364%; margin-right:0;} .login_notice .login_box .login_body {position:relative; overflow:hidden; width:auto; min-height:1px;} .login_notice .login_box .login_body .info_box {padding:12px 30px 12px 20px;} .login_notice .login_box .login_body .info_box ul.login_notice_list {height:156px; color:#666; font-size:12px; line-height:26px; font-weight: normal;} /* 20141127 인트로 공지사항 높이고정 */ .login_notice .login_box .login_body .info_box ul.login_notice_list li {padding-left:6px; background: url('/imgs/KR/common/bg_3px_4px_555555.gif') left 10px no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:93%; } .login_notice .login_box .login_body .info_box ul.login_event_list {height: 168px; overflow:hidden; *zoom:1; } .login_notice .login_box .login_body .info_box ul.login_event_list li {float:right; width:47%;} .login_notice .login_box .login_body .info_box ul.login_event_list li.first {float:left;} .login_notice .login_box .login_body .info_box ul.login_event_list li dl {position:relative;} .login_notice .login_box .login_body .info_box ul.login_event_list li dl dt {width:100%; padding-top:128px;} .login_notice .login_box .login_body .info_box ul.login_event_list li dl dt a {display:block; min-height:40px; padding-right:40px; font-family:"NanumGothicBold"; font-size:16px; color:black; background:url('/imgs/KR/main/icon_login_next_go.gif') no-repeat right 8px;} .login_notice .login_box .login_body .info_box ul.login_event_list li dl dd {position:absolute; top:0; left:0; width:100%;} .login_notice .login_box .login_body .info_box ul.login_event_list li dl dd a {display:block; width:182px; height:119px;} .login_notice .login_box .login_body .info_box ul.login_event_list li dl dd a img {width:100%; height:100%;} .login_notice .login_box_notice .info_box {padding-bottom:14px !important;} .login_more {position:absolute; right:27px; top:20px; padding-left:17px; font-family:"NanumGothicBold"; font-size:12px; background:url('/imgs/KR/common/ico_login_more.gif') no-repeat 0 2px;} /* 영문추가 20141127*/ .login_notice .login_services.login_body .info_box {padding:31px 20px !important;} .login_notice .login_services ul {overflow:hidden;} .login_notice .login_services ul li {float:left; width:16%; margin-right:7.5%;} .login_notice .login_services ul li.item4 {width:19.5%; margin-right:5.5%;} .login_notice .login_services ul li.item5 {width:16%; margin-right:3.5%;} .login_notice .login_services ul li.item6 {width:11.2%; margin-right:6%;} .login_notice .login_services ul li.item7 {width:12%; margin-right:0;} /* ------------------------------------------------------------ // new Main Login ----------------------------------------------------------- */ /* ------------------------------------------------------------ new Main Logout ----------------------------------------------------------- */ /*2014-12-17 로그아웃 추가 하단 2월로 변경 .logout_box {position:relative; width:auto; background:#fff;} .logout_banner .logout_box a {display: block;} .logout_shape{padding: 0px !important;} .logout_banner .logout_box img{width: 100%;} .logout_banner .logout_box.none{border:none; background: none;} .logout_banner iframe{width:300px;} */ /*2015-2 로그아웃 추가*/ .logout_box {position:relative; width:auto; background:#fff;} .logout_banner .logout_box a {display: block;} .logout_shape{padding: 0px !important;} .logout_banner .logout_box img{width: 100%; border-radius: 10px;} .logout_banner .logout_box.none{border:none; background: none;} .logout_banner iframe{width:300px;} /* ------------------------------------------------------------ // new Main Logout ----------------------------------------------------------- */ /* 2014-12-22 나만의맞춤혜택 */ .graph .border_box.so {height:77px;} /******************************************************** 2015.02 - gnb ******************************************************************/ .gnb_left.new .lnb_logo_h1 {float:left; line-height:30px; margin:8px 29px 0 0px;} /*.gnb_left.new .siteMenu .curSiteMenu {position:relative; display:inline-block; zoom:1; *display:inline; width:110px; margin-right:21px;}2016-08-17*/ .gnb_left.new .siteMenu .curSiteMenu {position:relative; display:inline-block; zoom:1; *display:inline; width:120px; margin-right:21px;} .gnb_left.new .siteMenu .curSiteMenu.log_in {width:90px !important;} .gnb_left.new .siteMenu .curSiteMenu a {display:block; font-family:"NanumGothicBold"; font-size:12px; color:#525252; line-height:30px; margin-top:10px;}/*2015.02.13*/ .gnb_left.new .siteMenu .curSiteMenu a.menuSel {position:absolute; display:inline; right:0px; top:0px; .top:5px; z-index:100;} #new_lnb_wrap {position:absolute; left:0px; top:50px; z-index:100; width:100%; min-width:300px; height:76px; background-color:#ffffff ; background-image:url('/imgs/KR/common/bg_lnb_back.png'); background-repeat:repeat-x; background-position:0 100%;} #new_login_header .login_dirMn li.menu_guide.term1 a{margin-top:2px; padding:4px 8px 4px 5px; border:1px solid #54a543; border-radius:5px; text-shadow:none;} #new_login_header .login_dirMn li.menu_guide.term1 a span{color:#54a543 !important ; font-weight:bold;} #new_login_header .login_dirMn li.menu_guide.term1 a:hover {color:#54a543;} #new_login_header .login_dirMn {display:block; display:inline; float:left; margin-right:30px; padding-top:10px; letter-spacing:-1px;} #new_login_header .login_dirMn li {float:left; height:24px; line-height:24px; margin-top:8px;} #new_login_header .curSiteMenu{display:block; display:inline; float:right; padding-top:10px;} #new_login_header .login_dirMn li a{display:block; padding:0 10px; border-right:1px solid #dcdcdc; line-height:15px; font-size:12px; font-family:"NanumGothicBold"; color:#666; text-shadow:0 1px 1px #fff;} #new_login_header .login_dirMn li.current-lang a{border-right:none !important ;} #new_login_header .login_dirMn li a:active, link, visited {color:#666;} #new_login_header .login_dirMn li a:hover {color:#000;} #new_login_header .curSiteMenu{margin-left:20px;} #new_lnb {overflow:visible; width:940px; margin:0 auto;} #new_lnb ul.new_lnb_menu {overflow:visible; position:relative; width:100%;} #new_lnb ul.new_lnb_menu li.new_menu {display:inline; float:left; margin:0px; background:none;} #new_lnb ul.new_lnb_menu li.new_menu.gnb1 {width:9%;} #new_lnb ul.new_lnb_menu li.new_menu.gnb2 {width:9%;} #new_lnb ul.new_lnb_menu li.new_menu.gnb3 {width:14%;} #new_lnb ul.new_lnb_menu li.new_menu.gnb4 {width:9%;} #new_lnb ul.new_lnb_menu li.new_menu.gnb5 {width:9%;} #new_lnb ul.new_lnb_menu li.new_menu.gnb6 {width:14%;} #new_lnb ul.new_lnb_menu li.new_menu.gnb7 {width:9%;} #new_lnb ul.new_lnb_menu li.new_menu.gnb8 {width:10%;} #new_lnb ul.new_lnb_menu li.new_menu.gnb9 {width:15%;} #new_lnb ul.new_lnb_menu li.new_menu a.depth1 {display:block; width:auto; height:43px; padding-top:27px; font-family:"NanumGothicBold"; font-size:15px; line-height:15px; color:#000; letter-spacing:-1.5px; text-align:center;} #new_lnb ul.new_lnb_menu li.new_menu a.depth1:visited, active, link {background-color:none;} /*gnb 1depth 색 line401*/ #new_lnb.term1 ul.new_lnb_menu li.new_menu a.depth1.on {color:#3b9d2e;} #new_lnb.term1 ul.new_lnb_menu li.new_menu a.depth1 small {display:block; padding-top:8px; font-family:'SCProsperSans', 'NanumGothic'; font-size:11px; line-height:11px; color:#d4dbed; letter-spacing:0px; cursor:pointer} /* 2025 07 font */ #lnb ul.lnb_menu li.menu.lnb_last .subMenu_wrap {left:auto; right:0px !important;} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap {width:150% !important;} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap ul {width:100% !important;} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap .nav_prod {width:100% !important;} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap .nav_prod:last {display:none} #lnb ul.lnb_menu li.menu.lnb_col1 .subMenu_wrap .subMenu ul {border-right:0px;} #lnb p.allMenu {display:none;} #new_lnb ul.new_lnb_menu li.new_menu .new_subMenu_wrap {width:100%; position:absolute; left:0px; top:70px; opacity:0; border-top:2px solid #bfbfbf !important ; box-shadow:none;} #new_lnb ul.new_lnb_menu li.new_menu .new_subMenu_wrap > div > div > ul > li > a {height:40px !important ; line-height:40px !important ; margin-bottom:5px; padding-left:10px !important ; color:#fff; } ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu > ul{float:left; width:33.3%; * width:33%; box-sizing:border-box;} ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu > ul.wd1{width:32.3%; * width:32%; margin-right:1%;} ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu > ul.wd2{width:32.3%; * width:32%; margin-right:1%;} ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu > ul > li {border-bottom:none !important ;} ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu > ul > li > ul {border-top:none;} ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu > ul > li > ul > li > a{line-height:30px !important ; padding-left:15px !important ; border-top:1px solid #e2e2e2;} ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu > ul > li > ul > li:first-child > a{border-top:none;} ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu{padding:5px; border-top:none; background-image:none;} #new_lnb ul.new_lnb_menu li.new_menu.lnb_last .new_subMenu_wrap {left:auto; right:0px !important;} #new_lnb ul.new_lnb_menu li.new_menu.lnb_col1 .new_subMenu_wrap {width:150% !important;} #new_lnb ul.new_lnb_menu li.new_menu.lnb_col1 .new_subMenu_wrap ul {width:100% !important;} #new_lnb ul.new_lnb_menu li.new_menu.lnb_col1 .new_subMenu_wrap .new_nav_prod {width:100% !important;} #new_lnb ul.new_lnb_menu li.new_menu.lnb_col1 .new_subMenu_wrap .new_nav_prod:last {display:none} #new_lnb ul.new_lnb_menu li.new_menu.lnb_col1 .new_subMenu_wrap .new_subMenu ul {border-right:0px;} #new_lnb p.allMenu {display:none;} /**********gnb 서브 분기별 line413~429**********/ ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg { background-color:#f8f8f8; background-image:none;} #new_lnb.term1 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg{border-top:1px solid #4da642 !important ; border:1px solid #78bc71;} #new_lnb.term1 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li.last{margin-bottom:10px; background:url('/imgs/KR/common/ui/ico_term1.gif') no-repeat 15% 40px !important ;} /* WA 231110 KJU : 텍스트 컨텐츠 명도대비 변경 (as-is color: #e0e0e0 -> to-be color: #6bbe28) (as-is color: #e9e9e9 -> to-be color: #4c9700) */ #new_lnb.term1 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li.last > ul > li > a:hover{background-color:#e9e9e9 !important ; background:url('/imgs/KR/common/ui/hover_term1.gif') no-repeat 6px 13px; color:#4c9700 !important ; } #new_lnb.term1 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li > a{border:1px solid #3B9D2E; border-radius:8px; background-color:#3B9D2E; } #new_lnb.term1 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li > a:hover {color:#fff; background-color:#3B9D2E !important ; border:1px solid #3B9D2E; border-radius:8px; } #new_lnb.term2 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg{} #new_lnb.term2 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li.last{} #new_lnb.term2 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li > a{} #new_lnb.term2 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li > a:hover {} #new_lnb.term3 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg{} #new_lnb.term3 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li.last{} #new_lnb.term3 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li > a{} #new_lnb.term3 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li > a:hover {} #new_lnb.term4 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg{} #new_lnb.term4 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li.last{} #new_lnb.term4 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li > a{} #new_lnb.term4 ul.new_lnb_menu .new_subMenu_wrap > .new_subMenu_bg > div > ul > li > a:hover {} .new_subMenu_wrap {display:none; position:absolute; left:-1px; top:70px; z-index:30; width:300%; border:1px solid #e1e1e1; border-top:0px; box-sizing:border-box; background-color:#fff !important; opacity:0; box-shadow:0px 5px 10px 0px #d6d6d6;} .new_subMenu_wrap .new_subMenu {overflow:hidden; background:url("/imgs/KR/common/bg_layer.gif") 0 0 repeat-y; background-size:100% 100%;} .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu > ul {width:33.3%; * width:33%; box-sizing:border-box;} .new_subMenu_wrap > .new_subMenu_bg > .new_subMenu > ul > li > ul > li > a {border:none; height:100% !important;line-height:35px !important; color:#666;} .new_subMenu_wrap .new_subMenu ul.last {border-right:0px;} .new_subMenu_wrap .new_subMenu ul.last li.last2 {border-bottom:0px;} .new_subMenu_wrap .new_subMenu ul li {float:none;} .new_subMenu_wrap .new_subMenu ul li.last a {border-bottom:0px !important;} .new_subMenu_wrap .new_subMenu ul li.last2 {border-bottom:1px solid #e1e1e1;} .new_subMenu_wrap .new_subMenu ul li a {display:block; height:46px; padding:0 0 0 20px !important; font-family:"NanumGothicBold"; font-size:14px; color:#a1a1a1; line-height:46px !important;} /* .new_subMenu_wrap .new_subMenu ul li a:hover {color:#fff !important; background-color:#223354 !important;}2015.05.29 IE gnb 남색 변경 안되게 삭제 .new_subMenu_wrap .new_subMenu ul li a:focus {color:#fff !important; background-color:#223354 !important;}2015.05.29 IE gnb 남색 변경 안되게 삭제 */ .new_subMenu_wrap .new_subMenu ul.menu_guide_ul li:last-child {border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1 !important; padding:10px 20px;} .new_subMenu_wrap .new_subMenu ul.menu_guide_ul li.menu_guide {border-top:1px solid #e1e1e1; border-right:0px; padding:10px 20px;} .new_subMenu_wrap .new_nav_prod_wrap {clear:both; overflow:hidden; border-top:1px solid #e1e1e1; background-color:#f8f8f8;} .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod {position:relative; line-height:normal !important; border-top:1px solid #C0DCBD; box-sizing:border-box; padding:5px 0 0; text-align:right;} .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod.bor_r {border-right:1px solid #e1e1e1; width:50%; *width:49.9%;} .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod .prod_img {float:left; margin-top:24px;} .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod .prod_img img {width:126px;} .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod .prod_txt {float:left; width:123px; margin:0px 12px 0px 20px;} .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod .prod_txt dl dt {padding-bottom:7px; font-family:"NanumGothicBold"; font-size:14px;} .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod .prod_txt dl dt a {color:#223354; font-family:"NanumGothicBold"; font-size:14px;} .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod .prod_txt dl dd {font-size:11px; line-height:14px; color:#949494;}/* WA 231108 JJW: 명도대비 수정 */ .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod .prod_txt dl dd a {color:#949494;}/* WA 231108 JJW: 명도대비 수정 */ .new_subMenu_wrap .new_nav_prod_wrap .new_nav_prod .prod_txt .btn {margin-top:10px;} .new_nav_prod.items{border-top:1px solid #c0dcbd;} .new_nav_prod.items > div {float:left; text-align:center; width:49%;} .new_nav_prod.items > div > a{width:100%;} .new_nav_prod.items > div > a > img {width:99%; } .new_nav_prod.items > .item1 {margin-left:0; border-right:none; background:url('/imgs/KR/common/banner_bar.gif') no-repeat 100% 50%; } #header.sticky ul.new_lnb_menu li.new_menu a.depth1 {width:auto; height:34px; padding-top:21px;} /*로그인페이지 상단 gnb 걸림 - 2015.02.27*/ #login_header.sticky ul.new_lnb_menu li.new_menu a.depth1 {width:auto; height:34px; padding-top:21px;} .new_subMenu_wrap .new_nav_prod_wrap{border-top:none;} #new_lnb ul.new_lnb_menu li.menu.lnb_last .new_subMenu_wrap {left:auto; right:0px !important;} #new_lnb ul.new_lnb_menu li.menu.lnb_col1 .new_subMenu_wrap {width:150% !important;} #new_lnb ul.new_lnb_menu li.menu.lnb_col1 .new_subMenu_wrap ul {width:100% !important;} #new_lnb ul.new_lnb_menu li.menu.lnb_col1 .new_subMenu_wrap .new_nav_prod {width:100% !important;} #new_lnb ul.new_lnb_menu li.menu.lnb_col1 .new_subMenu_wrap .new_nav_prod:last {display:none} #new_lnb ul.new_lnb_menu li.menu.lnb_col1 .new_subMenu_wrap .new_new_subMenu ul {border-right:0px;} #header.sticky ul.new_lnb_menu li.new_menu a.depth1 small {display:none;} #header.sticky #new_lnb ul.new_lnb_menu li.menu.lnb_col1 .new_subMenu_wrap .new_nav_prod {height:151px !important;} #header.sticky .new_lnb_menu .new_subMenu_wrap{top:55px !important ;} #header.sticky #universal-bar {display:none !important;} #header.sticky #new_lnb_wrap {position:fixed; height:61px; left:0px; top:0px;} #header.sticky ul.new_lnb_menu li.menu a.depth1 small {display:none;} #header.sticky .new_subMenu_wrap {top:50px !important;} #header.sticky #new_lnb ul.new_lnb_menu li.new_menu.lnb_col1 .new_subMenu_wrap .new_nav_prod {height:151px !important;} /*로그인페이지 상단 gnb 걸림 - 2015.02.27 */ #login_header.sticky #universal-bar {display:none !important;} #login_header.sticky #new_lnb_wrap {position:fixed; height:61px; left:0px; top:0px;} #login_header.sticky ul.new_lnb_menu li.menu a.depth1 small {display:none;} #login_header.sticky .new_subMenu_wrap {top:55px !important;} #login_header.sticky #new_lnb ul.new_lnb_menu li.new_menu.lnb_col1 .new_subMenu_wrap .new_nav_prod {height:151px !important;} /*2015.02 - 모두보기*/ #content.new{padding-left:0; padding-right:0; } #content.new .section_box .section_head{border-bottom:none; background-color:#0085d5;} #content.new .section_box .section_head h3{color:#fff;} #content.new .section_box{border:none;} #content.new .reward.border_box{border:none;} #content.new .section_box .section_body{background-color:#fff;} #content.new .section_body table.infoList{background-color:#ededed;} #content.new .section_body table.infoList th{border-bottom:6px solid #fff; padding-left:5px;} #content.new .section_body table.infoList td{border-bottom:6px solid #fff;} #content.new .section_box_list li .li_cont{background-image:none; border-top:none;} #content.new .section_body table.box_list{background-color:#ededed;} #content.new .section_body table.box_list tbody th{border-bottom:6px solid #fff;} #content.new .section_body table.box_list tbody td{border-bottom:6px solid #fff;} #content.new .section_body table.box_list tbody tr.last td{background-image:none; border-bottom:none;} /*2015.02 - 모두보기 common.css에 있는 내용*/ #content.new .pdCont .row.col8_m_gap2 .col{margin-right:10px; } /*2015.02.12 universal_bar 레이아웃 전체 변경*/ #new_lnb_wrap {position:absolute; left:0px; top:50px; z-index:100; width:100%; min-width:300px; height:76px; background-color:#ffffff ; background-image:url('/imgs/KR/common/bg_lnb_back.png'); background-repeat:repeat-x; background-position:0 100%;} #new_login_header .login_dirMn li.menu_guide.term1 a{margin-top:2px; padding:4px 8px 4px 5px; border:1px solid #54a543; border-radius:5px; text-shadow:none;}/*2015.02.13*/ #new_login_header .login_dirMn li.menu_guide.term1 a span{color:#54a543 !important ; font-weight:bold;} #new_login_header .login_dirMn li.menu_guide.term1 a:hover {color:#54a543;} #new_login_header .login_dirMn li.current-lang a{padding-right:0;} #new_login_header .login_dirMn {display:block; display:inline; float:left; padding-top:10px; letter-spacing:-1px;}/*2015.02.11*/ #new_login_header .login_dirMn li {float:left; height:24px; line-height:24px; margin-top:8px;} #new_login_header .curSiteMenu{display:block; display:inline; float:right; padding-top:10px;} #new_login_header .login_dirMn li a{display:block; padding:0 10px; border-right:1px solid #dcdcdc; line-height:15px; font-size:12px; font-family:"NanumGothicBold"; color:#666; text-shadow:0 1px 1px #fff;} #new_login_header .login_dirMn li.current-lang a{border-right:none !important ;} #new_login_header .login_dirMn li a:active, link, visited {color:#666;} #new_login_header .login_dirMn li a:hover {color:#000;} #new_login_header .curSiteMenu{margin-left:20px;} .new_login_header .utilMenu {display:inline; float:left; margin-right:8px; font-size:12px; color:#6e6e6e;} .new_login_header .utilMenu li {display:inline; float:left; margin-right:2px; line-height:47px; font-family:"NanumGothicBold"; letter-spacing:-1px;} .new_login_header .utilMenu li.note {margin-right:17px; font-weight:normal;} .new_login_header .utilMenu li.note img {margin:-1px 5px 0 0;}/*2015.02.12*/ .new_login_header .utilMenu li.note a:active, visited, link {color:#666;} .new_login_header .utilMenu li.note a:hover {color:#000;} .new_login_header .utilMenu li.time {margin-right:9px; padding-left:20px; font-weight:normal;; background:url('/imgs/KR/common/ico_clock_term1.png') left 14px no-repeat;}/*2015.02.12*/ .new_login_header .utilMenu li.last {margin-right:7px !important;} .new_login_header .utilMenu li.time a {font-size:12px; color:#339e47; text-decoration:underline;} .new_login_header .utilMenu li.menu_guide.term1 a{margin-top:-3px; padding:5px 8px 5px 5px; border:1px solid #54a543; border-radius:5px; text-shadow:none; }/*2015.02.12*/ .new_login_header .utilMenu li.menu_guide.term1 a span{color:#54a543 !important ;} .new_login_header .utilMenu li.menu_guide.term1 a:hover{color:#54a543;} .new_login_header .directMenu {display:inline; float:left; margin-right:25px;} .new_login_header .directMenu .curDirectMenu {position:relative; display:inline-block; zoom:1; *display:inline; width:60px;} .new_login_header .directMenu .curDirectMenu a {display:block; font-family:"NanumGothicBold"; font-size:11px; color:#666; line-height:30px; margin-top:10px;} .new_login_header .directMenu .curDirectMenu a.menuSel {position:absolute; display:inline; right:0px; top:0px; .top:9px; z-index:100;} .new_login_header .directMenu ul {width:100px;} .new_login_header .directMenu ul li a {font-size:11px;} .new_login_header p.loginBtn {float:left; display:inline-block; *display:inline; zoom:1; margin:11px 5px 0px 0px;} .new_login_header .language .current-lang {display:inline-block; zoom:1; *display:inline; width:50px;} .new_login_header .language .current-lang a {display:block; margin-top:11px; color:#666; font-size:11px; text-align:right; font-family:"NanumGothicBold"; font-weight:normal; line-height:30px; } .new_login_header .language .current-lang a:active, link, visited {color:#666;} .new_login_header .language .current-lang a:hover {color:#000;} .new_login_header p.loginBtn a.login {display:block; font-size:12px; line-height:25px; background-color:none; background:url('/imgs/KR/common/ico_jamul.png') no-repeat 7px 4px; color:#666; padding-left:28px; font-weight:normal; letter-spacing:-1px; border-radius:5px; border:1px solid #54a543; font-family:"NanumGothicBold"; box-shadow:none;} .new_login_header p.loginBtn a.login:hover{color:#54a543;} .new_login_header p.loginBtn a.logout {display:block; width:50px !important ; font-size:12px; line-height:25px; background-color:none; background:url('/imgs/KR/common/ico_jamul.png') no-repeat 7px 4px; color:#666; padding-left:28px; font-weight:normal; letter-spacing:-1px; border-radius:5px; border:1px solid #54a543; font-family:"NanumGothicBold"; box-shadow:none;} .new_login_header p.loginBtn a.logout:hover{color:#54a543;} /*sliding 스타일변경 2015.05.29 6.13*/ .gnb_left.new .siteMenu ul {width:125px;} .has-flyout {position:relative;} .has-flyout .flyout {display:none; position:absolute; left:0px; top:50px; z-index:150; opacity:0; background-color:#e0e0e0; box-shadow:0px 2px 4px 0px #cccccc;} .has-flyout .flyout li {height:32px; padding:0 10px; border-bottom:0px; border-bottom:none;} .has-flyout .flyout li a {display:block; border-top:none; border-bottom:1px solid #959595; font-family:"NanumGothicBold"; line-height:31px; color:#333; font-size:12px !important ; letter-spacing:-1px;} .has-flyout .flyout li:first-child a, .has-flyout .flyout li.first a {border-top:none; border-bottom:1px solid #959595 !important ; line-height:31px;}/* 2015.05.29 */ .has-flyout .flyout li:last-child a{border-bottom:none;} .has-flyout .flyout li.last a{border-bottom:none;} /* WA 231109 KJU : 텍스트 콘텐츠 명도대비 조정 (as-is color: #69be28 -> to-be color: #5ea41c) */ .has-flyout .flyout li a.on {color:#fff; background-color:#5ea41c;} .has-flyout .flyout li:hover{color:#fff; background-color:#5ea41c;} .has-flyout .flyout li:hover a{color:#fff;} /*로그인 디자인 변경 - 2015.02*/ /* ------------------------------------------------------------ new Main Login ----------------------------------------------------------- */ .new_login_window .new_login_box {border:1px solid #aaaaaa; border-radius:8px;}/*2015.02.27*/ .new_login_service .new_login_box {height:155px;}/*2015.02.26*/ .new_login_notice .new_login_box.login_box_notice {padding:0 0 10px !important;} .new_login_banner .new_login_box img {width:100%;}/*2015.02.23*/ .new_login_banner .new_login_box a {display:block; width:438px;}/*2015.02.23*/ .new_login_shape {padding:0 20px !important; background-color:#fff;} .new_login_shape .row{margin-bottom:0px;} .new_login_window {padding-top:25px; padding-bottom:10px!important; background-color:#fff; font-family:"NanumGothic";} .new_login_window .new_login_box dl dt{border-bottom:1px solid #aaaaaa; border-radius:7px 7px 0 0 ; background-color:#005b87;}/*2015.02.27*/ .new_login_window .new_login_box dl dt.gongin span{padding-left:25px; background:url('/imgs/KR/common/ico_jamul2.png') no-repeat 0 0px;} .new_login_window .new_login_box dl dt.idpw span{padding-left:25px; background:url('/imgs/KR/common/ico_people.png') no-repeat 0 0px;} .new_login_window .new_login_box dl dt {height:33px; padding-top:10px; font-family:"NanumGothic"; font-size:17px; color:#fff; text-align:center;}/*2015.02.26*/ .new_login_window .new_login_box dl dt span{font-size:17px; font-weight:bold;} .new_login_window .new_login_box dl dd {height:118px; padding:20px 22px 25px 24px; border-radius:0 0 7px 7px; background:#fff;}/*2015.02.27*/ .new_login_window .new_login_box dl dd ul {overflow:hidden;} .new_login_window .new_login_box dl dd ul li {float:left;} .new_login_window .new_login_box dl dd ul li.first {float:left; margin-left:0;} .new_login_window .new_login_box dl dd ul li button {padding:6px 13px;} .new_login_window .new_login_box dl dd ul.new_login_btn li {float:right; width:49.5%; text-align:center;} .new_login_window .new_login_box dl dd ul.new_login_btn li.first {float:left; margin-left:0;} .new_login_window .new_login_box dl dd ul.new_login_btn li.first button{font-size:17px;} .new_login_window .new_login_box dl dd ul.new_login_btn li button {width:100% !important; margin-left:0px; padding:14px 0px 12px !important; border:1px solid #bcbcbc; border-radius:8px; font-family:"NanumGothicBold"; font-size:18px; font-weight:500 !important ; } .new_login_window .new_login_box dl dd ul.new_login_btn li p {margin-top:6px; padding:0 3px; color:#fff; text-align:center; line-height:16px; font-family:"NanumGothic"; font-weight:normal; letter-spacing:-1px;} .new_login_window .new_login_box dl dd ul.new_login_btn .dgreen.button{background:none; background-color:#3b9d2e !important ;} .new_login_window .new_login_box dl dd ul.new_login_btn .dgreen.button:hover{background:none; background-color:#3b9d2e !important ;} .new_login_window .new_login_box dl dd ul.new_login_serv_btn {position:absolute; bottom:15px; left:10px; width:95.3%; line-height:15px; font-weight:500; font-family:"NanumGothic"; }/*2015.02.25*/ .new_login_window .new_login_box dl dd ul.new_login_serv_btn li {width:33.3%; text-align:center; letter-spacing:-2px;} .new_login_window .new_login_box dl dd ul.new_login_serv_btn li.first {} .new_login_window .new_login_box dl dd ul.new_login_serv_btn li.last {width:;} .new_login_window .new_login_box dl dd ul.new_login_serv_btn li a{padding-left:10px; background:url('/imgs/KR/common/dot_black.png') no-repeat 0 4px; font-size:14px;} .new_login_window .new_login_box dl dd ul.new_login_serv_btn2 {position:absolute; bottom:15px; left:0; width:96.3%; line-height:15px; font-weight:500; font-family:"NanumGothic";} .new_login_window .new_login_box dl dd ul.new_login_serv_btn2 li {width:33.3%; *width:32%; text-align:center; letter-spacing:-1px;}/*2015.02.23*/ .new_login_window .new_login_box dl dd ul.new_login_serv_btn2 li.first {} .new_login_window .new_login_box dl dd ul.new_login_serv_btn2 li.last {} .new_login_window .new_login_box dl dd ul.new_login_serv_btn2 li a{padding-left:10px; background:url('/imgs/KR/common/dot_black.png') no-repeat 0 4px; font-size:14px;} .new_login_window .new_login_box dl dd div.new_login_btn2 {position:relative; padding:0 0px 0 0px; margin-bottom:8px; *zoom:1;} .new_login_window .new_login_box dl dd div.new_login_btn2 div.labelArea{float:left; width:32%;} .new_login_window .new_login_box dl dd div.new_login_btn2 div.labelArea label{display:block; font-size:14px; color:#005B87; font-weight:bold;} .new_login_window .new_login_box dl dd div.new_login_btn2 div.labelArea label.first_id{margin:10px 0px 20px} .new_login_window .new_login_box dl dd div.new_login_btn2 div.inputArea{overflow:hidden; width:46%; border:1px solid #a9a9a9; border-radius:4px;} .new_login_window .new_login_box dl dd div.new_login_btn2 span.br {width:102%; height:1px; border-top:1px dotted #a9a9a9;} .new_login_window .new_login_box dl dd div.new_login_btn2 input {width:98%; height:26px; padding:5px 0 5px 10px; border:none; border-radius:none; box-shadow:none;}/*2015.02.17*/ .new_login_window .new_login_box dl dd div.new_login_btn2 > div > button {position:absolute; right:0; top:0; height:77px; width:20%; padding:0; border:1px solid #aba9aa; border-radius:8px; font-family:"NanumGothic"; font-size:17px; line-height:18px; font-weight:500;}/*2015.03.11 로그인버튼*/ .new_login_window .new_login_box dl dd div.new_login_btn2 .dgreen.button{background:none; background-color:#3b9d2e !important ;} .new_login_window .new_login_box dl dd div.new_login_btn2 .dgreen.button:hover{background:none; background-color:#3b9d2e !important ;} .new_login_window .new_login_box dl dd div.new_login_join {padding-left:20px; overflow:hidden; text-align:right;}/*2015.02.25*/ .new_login_window .new_login_box dl dd div.new_login_join span {float:left; color:#666; margin-left:28%; font-family:'SCProsperSans', 'NanumGothic'; letter-spacing:-1px;}/*2015.02.27*/ /* 2025 07 font */ .new_login_window .new_login_box dl dd div.new_login_join a {margin-right:8px; padding-left:6px; background:url('/imgs/KR/main/icon_login_join.gif') no-repeat 0 3px; font-family:'SCProsperSans', 'NanumGothic'; letter-spacing:-1px; color:#0365c0; text-decoration:underline;}/*2015.02.27*/ /* 2025 07 font */ .new_login_box {position:relative; width:auto; background:#fff;} .new_login_box header {overflow:hidden; height:40px; }/*2015.02.26*/ .new_login_box header h3 {display:inline; float:left; padding:0 19px 0 22px; font-family:"NanumGothic"; font-weight:700; font-size:16px; line-height:40px; color:#000;}/*2015.02.26*/ .new_login_service{background:#fff;} .new_login_service.row{margin-bottom:0px !important ; padding-bottom:0px !important ;} .new_login_service .new_login_box h3{background:url('/imgs/KR/common/ui/ico_service_term1.gif') no-repeat 0 13px;} .new_login_service .new_login_box .new_login_body{overflow:hidden; display:block; position:relative;}/*2015.03.05*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful {overflow:hidden; display:block; height:68px; padding:17px 33px 18px; border:1px solid #aaaaaa; border-radius:8px;}/*2015.03.05*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful ul {overflow:hidden; display:block; height:68px; *zoom:1;}/*2015.03.06*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful ul li {overflow:hidden; float:left; height:68px; text-align:center;}/*2015.03.06*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful ul li.item1 {width:15%; height:68px; text-align:center;}/*2015.03.06*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful ul li.item2 {width:23%; height:68px; text-align:center;}/*2015.03.06*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful ul li.item3 {width:15%; height:68px; text-align:center;}/*2015.03.06*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful ul li.item4 {width:16%; height:68px; text-align:center;}/*2015.03.06*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful ul li.item5 {width:16%; height:68px; text-align:center;}/*2015.03.06*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful ul li.item6 {width:15%; height:68px; text-align:center;}/*2015.03.06*/ .new_login_service .new_login_box .new_login_body .new_info_box.useful ul li a{overflow:hidden; display:block; height:68px !important ;} .new_login_service .new_login_box .new_login_body .new_info_box.useful ul li.item8 {width:6.7364%; margin-right:0;} .new_login_notice{background:#fff;} .new_login_notice.row{margin-bottom:0px !important ; padding-bottom:20px;} .new_login_notice .new_login_box_notice h3{background:url('/imgs/KR/common/ui/ico_notice_term1.gif') no-repeat 0 15px;} .new_login_notice .new_login_box .new_login_body {position:relative; overflow:hidden; width:auto; max-height:220px; min-height:1px;}/*2015.03.02*/ .new_login_notice .new_login_box_notice .new_login_body .new_info_box {width:100%; padding:0 30px 12px 0px;} .new_login_notice .new_login_box_notice .new_login_body .new_info_box ul.new_login_notice_list {height:100%; color:#666; font-size:12px; line-height:35px; font-weight: normal;} /* 2015.03.04 , 공지사항 크기 줄임 2015.09.14*/ /*.new_login_notice .new_login_box_notice .new_login_body .new_info_box ul.new_login_notice_list li {overflow:hidden; width:100%; border-bottom:5px solid #fff; text-overflow:ellipsis; white-space:nowrap; background-color:#f9fbfa;}*/ .new_login_notice .new_login_box_notice .new_login_body .new_info_box ul.new_login_notice_list li {overflow:hidden; width:100%; border-bottom:6px solid #fff; text-overflow:ellipsis; white-space:nowrap; background-color:#f9fbfa;}/*2015.09.14 변경 추가*/ .new_login_notice .new_login_box_notice .new_login_body .new_info_box ul.new_login_notice_list li span{display:inline-block; width:45px; border-right:3px solid #fff; background-color:#f9fbfa; text-align:center; font-size:12px; font-weight:bold; font-family:"NanumGothic";}/*2015.02.27*/ .new_login_notice .new_login_box_notice .new_login_body .new_info_box ul.new_login_notice_list li a{overflow:hidden; max-width:330px; background-color:#f9fbfa; padding:14px; font-size:12px; font-family:"NanumGothic";}/*2015.02.27*/ .new_login_notice .new_login_box_event h3{background:url('/imgs/KR/common/ui/ico_event_term1.gif') no-repeat 0 11px;}/*2015.02.25*/ .new_login_notice .new_login_box .new_login_body .new_info_box ul.new_login_event_list {height: 100%; overflow:hidden; *zoom:1; } .new_login_notice .new_login_box .new_login_body .new_info_box ul.new_login_event_list li {float:right; width:49%;} .new_login_notice .new_login_box .new_login_body .new_info_box ul.new_login_event_list li.first {float:left;} .new_login_notice .new_login_box .new_login_body .new_info_box ul.new_login_event_list li dl {position:relative;} .new_login_notice .new_login_box .new_login_body .new_info_box ul.new_login_event_list li dl dt {width:100%; padding-top:158px;} .new_login_notice .new_login_box .new_login_body .new_info_box ul.new_login_event_list li dl dt a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:45px; min-height:45px; padding-right:40px; font-family:"NanumGothicBold"; font-size:14px; color:black; background:url('/imgs/KR/main/icon_login_next_go_term1.gif') no-repeat right 15px;} .new_login_notice .new_login_box .new_login_body .new_info_box ul.new_login_event_list li dl dd {position:absolute; top:0; left:0; width:100%;} .new_login_notice .new_login_box .new_login_body .new_info_box ul.new_login_event_list li dl dd a {display:block; border:1px solid #aaaaaa; border-radius:8px; width:99%; height:150px;}/*2015.02.27*/ .new_login_notice .new_login_box .new_login_body .new_info_box ul.new_login_event_list li dl dd a img {border-radius:7px; width:100%; height:100%;}/*2015.02.27*/ .new_login_notice .new_login_box_notice .new_info_box {padding-bottom:14px !important;} .new_login_banner .new_login_box{width:100%; padding-bottom:20px;} .new_login_banner .new_login_box a{width:99%; border-radius:5px;}/*2015.02.23*/ .new_login_banner .new_login_box a img{border-radius:5px;} .new_login_more {position:absolute; right:20px; top:15px; padding-left:17px; font-family:"NanumGothicBold"; font-size:12px; background:url('/imgs/KR/common/ico_login_more.gif') no-repeat 0 2px; font-size:14px;} /******************************************************** 2015.02 - 전계좌보기,로그아웃 추가 ******************************************************************/ .new_content{background-color: #fff; overflow: hidden;}/*2015.03.02*/ .new_content_head {overflow:hidden; margin: 0 auto; width:98%; height:49px; margin-bottom:35px; background:url('/imgs/KR/common/bg_contents_head.gif') left -15px repeat-x;}/*2015.03.02*/ .new_content_head h2 {display:inline; float:left; padding-left:18px; font-family:"NanumGothicBold"; font-size:18px; line-height:44px; color:#fff;} .new_content_head menu {display:inline; float:right; padding-right:19px;} .new_content_head menu li {display:inline; float:left; margin-left:6px; padding-left:10px; background:url('/imgs/KR/common/bg_menu_bar.gif') left 24px no-repeat;} .new_content_head menu li a {display:block; margin-top:11px; padding-left:20px; font-family:"NanumGothicBold"; font-size:14px; color:#6aacf5;} .new_content_head menu li a.consult {padding-top:3px; background:url('/imgs/KR/common/bg_consult.gif') left 3px no-repeat;} .new_content_head menu li a.print {padding-top:3px; background:url('/imgs/KR/common/bg_print.gif') left 3px no-repeat;} .new_content_head menu li a.proview {padding-top:3px; background:url('/imgs/KR/common/ins_ico_proall.gif') left 3px no-repeat;} /* 2016-09-29 보험 추가*/ .new_graph .new_border_box{height:77px;} /******************************************************** 2015.02 - 로그아웃 추가 ******************************************************************/ .logout_content_head {overflow:hidden; height:106px; padding:21px 0 10px; background-color: #f1f1f1; text-align: center;} .logout_content_head h2 {display:inline-block; padding-left:80px; font-family:"NanumGothicBold"; font-size:45px; line-height:99px; color:#525252; background:url(/imgs/KR/main/logout_head_ico.gif) no-repeat 1% 37%; *display:inline; *zoom:1;} .logout_content_head h2 span.logout_green{color: #3b9d2c; font-size:45px;} .new_section_box .logout_ment{margin-top: 10px; text-align: right; font-family:"NanumGothicBold"; color: #000; font-size: 15px; } .new_section_box .logout_ment span{margin-left: 15px;} .logout_box .event_img{position: absolute; top:1px; right: 1px;} .new_pdCont_ifm{position: relative; padding: 12px 0 12px 0;} /******************************************************** 2015.02 - footer 추가 **********************************************************************/ #new_footer_wrap {position:absolute; left:0px; bottom:0px; width:100%; background-color: #f9f9f9;} /* #new_footer {position:relative; overflow:hidden; width: 100%; max-width:920px; padding:34px 10px 20px 10px; background-color:#F9F9F9; background-image:url(/imgs/KR/common/global/footer-bg-colours.gif); background-repeat: no-repeat; background-position: left top;} */ #new_footer {position:relative; overflow:hidden; width: 100%; max-width:920px; padding:34px 10px 20px 10px; background-color:#F9F9F9; background-image:none; background-repeat: no-repeat; background-position: left top;} #new_footer div.waMark ul li{margin-bottom: 20px;} #new_login_footer_wrap{position:relative !important;} #login_wrapper .content {padding-bottom:0px;}/*2015.03.02*/ #login_wrapper .new_login_banner.row{margin-bottom:0px;}/*2015.03.02*/ /* 2016-06-29 나의정보보기 배너추가*/ .my_info_bn{} .my_info_box:after{display:block; clear:both; content:"";} .my_info_box li{float:left; width:49%; border:1px solid #aaa; padding:8px 0; position:relative; height:98px; box-sizing:border-box;} .my_info_box li:after{content:""; display:block; clear:both;} /* 2016-07-18 */ .my_info_box li.comm_box{float:right;} .my_info_box .icon_img{overflow:hidden; width:78px; height:68px; margin-right:25px; float:left; margin-top:5px; margin-left:25px;} .my_info_box .info_tit, .my_info_box .info_tit em{font-family:"NanumGothicBold";} .my_info_box .info_tit{color:#223354; padding-bottom:8px; font-size:15px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; margin-right:25px;} .my_info_box .info_tit.type1{font-family:"NanumGothic"; color:#0084d6; font-size:13px; font-weight:lighter;} .my_info_box .info_tit.type1 em{font-size:15px; color:#233354; font-weight:600; font-style:normal;} .my_info_box .info_cont{overflow:hidden; height:33px; line-height:18px; margin-right:25px;} .my_info_box a.more_view{color:#0084d6; position:absolute; bottom:8px; left:127px; display:block; background:url('/imgs/KR/inquiry/ico_my_arro.png') 100% 1px no-repeat; padding-right:10px;} /* 2016-07-08 전계좌보기 혜택 링크 수정*/ /*.new_section_box.all-acc-svc{margin-top:-10px;}*/ .new_section_box.all-acc-svc .list_star{margin-bottom:10px;} .new_section_box.all-acc-svc .list_star li, .new_section_box.all-acc-svc .list_star li a{color:#0084d6; font-weight:600;} /* 2016-07-06 로그인 리뉴얼 */ #login-area{padding-top:50px; margin-bottom:-300px;} .login-area{padding-top:136px; margin-bottom:20px; *zoom:1;} .login-area:after{content:""; display:block; clear:both;} .login-box{position:relative; float:left; width:49%; height:316px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:#006faf; overflow:hidden;} .login-box dt, .login-box dd, .login-box dd li, .login-box dd li a{color:#fff; font-family:"NanumGothic";} .login-box dt{height:60px; background-color:#0085d2; font-size:20px; font-weight:600; line-height:60px; padding-left:20px;} .login-box dd{padding:20px 20px 0;} .login-box.idpw{float:right; background-color:#0d8a2a;} .login-box.idpw dt{background-color:#0ea932;} .login-short{position:absolute; left:20px; bottom:20px; overflow:hidden;} .login-short li{float:left; background:url('/imgs/KR/main/ico_login_bar.png') 0 50% no-repeat; font-size:13px; padding-left:16px; margin-right:16px;} .login-short li:first-child, .login-box.idpw .login-short li:first-child{background:none; padding-left:0;} .login-short li a{display:block;} .login-box.idpw .login-short li{padding-left:28px; margin-right:27px;} .form-use{height:180px; background:url('/imgs/KR/main/ico_login_bar.png') 50% 0 repeat-y; overflow:hidden;} .form-use p{float:right; width:190px; padding-top:120px;} .form-use p:first-child{float:left;} .form-use p.use-ofc{background:url('/imgs/KR/main/ico_login_offcial01.png') 50% 0 no-repeat; cursor:pointer;} .form-use p.use-qr{background:url('/imgs/KR/main/ico_login_offcial02.png') 50% 0 no-repeat; cursor:pointer;} .form-idpw{} .form-idpw p{margin-bottom:18px; *margin-bottom:16px;} .form-idpw p label, .form-idpw p input{font-family:"NanumGothic"; font-size:16px; font-weight:600; vertical-align:middle; line-height:40px;} .form-idpw p label{display:inline-block; *display:inline; width:116px; background:url('/imgs/KR/main/ico_bl_wh.png') 0 50% no-repeat; color:#fff; padding-left:10px; *zoom:1;} .form-idpw p input{width:280px; height:40px; padding:0 4px;} .form-use button, .form-idpw button{width:100%; height:57px; border:1px solid #fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; font-size:18px; color:#fff; font-family:"NanumGothic"; line-height:57px; font-weight:600; text-align:center;} .form-idpw button {width:100%;} .form-use button {width:188px;} @media (max-width: 960px){ .form-use button {width:100%;} } .login-bnarea{position:absolute; left:0; top:20px; width:100%; *zoom:1} .login-bnarea:after{content:""; display:block; clear:both;} .login-bnarea li{float:right; width:49%; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; overflow:hidden;} .login-bnarea li:first-child{float:left;} .login-bnarea li a{display:block;} .login-bnarea li a:focus-visible {outline-offset: -4px;} /* WA 231107 JJW: outline 수정 */ .login-bnarea li a img{width:100%;} .login-bnarea li p{float:left; width:50%; *width:49.7%}/* 2017-03-27 로그인, 로그아웃 배너 영역 수정 */ /* 2020-10-13 로그인 리뉴얼 */ .login-wrap {background: #fff; overflow: hidden; padding: 40px 0; text-align: center; font-family: "NanumGothic"; border-radius: 8px; border: 1px solid #e4e4e4;} .login-wrap dl {float: left; box-sizing: min-height: 210px;} .login-wrap dl.cert-login-wrap {width: 49%; width: calc(50% - 1px); border-right: 1px solid #e4e4e4;} .login-wrap dl.idpw-login-wrap {width: 50%;} .login-wrap dl dt {font-size: 20px; color: #303030; padding-bottom: 28px; font-family: "NanumGothicbold";} .login-wrap dl dd .login-short-link {/*overflow: hidden;*/ display: inline-block; *display: inline; zoom: 1; padding-top: 28px;}/* WA 240110 JJW: outline 수정(가려짐) */ .login-wrap dl dd input, .login-wrap dl dd button {font-family: "NanumGothicbold";} .login-wrap dl dd .login-short-link li {float: left;} .login-wrap dl dd .login-short-link li a {font-size: 12px; color: #303030;} .login-wrap dl dd .login-short-link li {float: left;} .login-wrap dl dd .login-short-link li a:hover {color: #006faf; text-decoration: underline;} .login-wrap dl dd .login-short-link li {padding-left: 10px; margin-left: 10px; position: relative;} .login-wrap dl dd .login-short-link li:first-child {margin-left: 0px; padding-left: 0px;} .login-wrap dl dd .login-short-link li:before {content: ''; position: absolute; left: 0; top: 2px; width: 1px; height: 12px; background: #949494;}/* WA 231108 JJW: 명도대비 수정 */ .login-wrap dl dd .login-short-link li:first-child:before {display: none;} .login-wrap dl.idpw-login-wrap dd .login-short-link li:last-child {padding-left: 16px; margin-left: 16px; position: relative;} .login-wrap .cert-login-wrap .cert-form-btn p {display: inline;} .login-wrap .cert-login-wrap .cert-form-btn p button {background: url('/imgs/KR/main/icon_cert01.png') no-repeat; background-position: 50% 19px; background-size: 40px; background-color: #006faf;} .login-wrap .cert-login-wrap .cert-form-btn p + p button {background: url('/imgs/KR/main/icon_cert02.png') no-repeat; background-position: 50% 16px; background-size: 40px; background-color: #006faf;} .login-wrap .cert-login-wrap .cert-form-btn button {width: 166px; height: 110px; border-radius: 6px; -webkit-border-radius: 6px; font-size: 16px; color: #fff; padding-top: 45px; margin: 0 6px;} .login-wrap .cert-login-wrap .cert-form-btn button:focus-visible {outline: 2px dashed #fff; outline-offset: -4px;}/* WA 231227 JJW: outline 수정 */ .login-wrap .cert-login-wrap .cert-form-btn button span {display: block; font-size: 13px; margin-top: 2px; font-family: "NanumGothic";} .login-wrap .idpw-login-wrap .idpw-form-btn {overflow: hidden; max-width: 356px; margin: 0 auto;} .login-wrap .idpw-login-wrap .idpw-form-btn p {float: left; width: calc(100% - 168px); margin-left: 50px; position: relative;} .login-wrap .idpw-login-wrap .idpw-form-btn p input {width: 100%; box-sizing: border-box; height: 48px; font-size: 13px;} .login-wrap .idpw-login-wrap .idpw-form-btn p input::placeholder {color: #949494;}/* WA 231108 JJW: 명도대비 수정 */ .login-wrap .idpw-login-wrap .idpw-form-btn p input:nth-of-type(2) {margin-top: 14px;} .login-wrap .idpw-login-wrap .idpw-form-btn p label {position: absolute; width: 50px; left: -50px; top: 17px; text-align: center;} .login-wrap .idpw-login-wrap .idpw-form-btn p label.ts-password {top: 79px;} .login-wrap .idpw-login-wrap .idpw-form-btn ul {float: left; width: 42%; width: calc(100% - 188px); margin-left: 70px;} .login-wrap .idpw-login-wrap .idpw-form-btn ul li {position: relative;} .login-wrap .idpw-login-wrap .idpw-form-btn ul li + li {margin-top: 14px;} .login-wrap .idpw-login-wrap .idpw-form-btn ul input {width: 100%; box-sizing: border-box; height: 48px; font-size: 13px; color: #000; box-shadow: none;} .login-wrap .idpw-login-wrap .idpw-form-btn ul input::placeholder {color: #949494;}/* WA 231108 JJW: 명도대비 수정 */ .login-wrap .idpw-login-wrap .idpw-form-btn ul label {font-family: "NanumGothicbold"; position: absolute; left: -62px; top: 50%; transform: translateY(-50%); font-size: 14px; text-align: left; color: #555;} .login-wrap .idpw-login-wrap .idpw-form-btn button {font-family: "NanumGothicbold"; float: right; width: 102px; height: 110px; border-radius: 6px; background-color: #0d8a2a; font-size: 16px; color: #fff;} .login-wrap .idpw-login-wrap .idpw-form-btn button:focus-visible {outline: 2px dashed #fff; outline-offset: -4px;}/* WA 240110 JJW: outline 수정 */ @media \0screen\,screen\9 { .login-wrap .idpw-login-wrap .idpw-form-btn ul li + li {margin-top: 6px;} .login-wrap .cert-login-wrap .cert-form-btn p button {background: url('/imgs/KR/main/icon_s_cert01.png') no-repeat; background-position: 50% 19px; background-size: 40px; background-color: #006faf;} .login-wrap .cert-login-wrap .cert-form-btn p + p button {background: url('/imgs/KR/main/icon_s_cert02.png') no-repeat; background-position: 50% 19px; background-size: 40px; background-color: #006faf;} } /* 공지사항 */ .service-area{margin-bottom:20px; *zoom:1;} .service-area:after{content:""; display:block; clear:both;} .service-area article{width:100%; height:210px; border:1px solid #e4e4e4; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background-color:#fff; overflow:hidden; margin-bottom:20px;} /* 25.03 정기이행 */ .service-area h3{height:56px; border-bottom:1px solid #e4e4e4; font-family:"NanumGothic"; font-size:18px; color:#232323; font-weight:600; line-height:56px; padding-left:20px;} /* 25.03 정기이행 */ .svc-noitce h3{margin-bottom:5px; letter-spacing:2px;} /* [S]WA 230920 : 콘텐츠 선형화 */ .svc-noitce {position: relative;} .svc-noitce .nt-more {position:absolute; display:block; top:0; right:0; width:56px; height:56px;border-left:1px solid #e1e7e9; overflow:hidden;} .svc-noitce .nt-more:focus-visible {outline-offset: -3px;}/* WA 240110 JJW: outline 수정 */ /* WA 231109 KJU : 콘텐츠 명도대비 조정 background-image주석처리, after요소 추가 */ /* background:url('/imgs/KR/main/ico_login_notice.gif') 20px 20px no-repeat; */ .svc-noitce .nt-more::after { content: "+"; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: normal; color: #949494; font-size: 32px; } /* WA 230919 : IR기법으로 수정 .svc-noitce h3 a em{visibility:hidden;} */ .svc-noitce a em{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;} /* [E]WA 230920 : 콘텐츠 선형화 */ .svc-noitce ul{padding:0 20px; margin:5px 0 15px 0;} /* 25.03 정기이행 */ .svc-noitce ul li{background:url('/imgs/KR/main/ico_bl_notice.png') 0 50% no-repeat; padding-left:10px;} .svc-noitce ul li a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:6px 0; font-size:14px; line-height:16px;} /* 25.03 정기이행 */ /* 유용한 서비스 */ .svc-use{} .svc-use h3{letter-spacing:2px;} .svc-use ul{*zoom:1;} .svc-use ul:after{content:""; display:block; clear:both;} .svc-use ul li{float:left; width:24.5%; border-left:1px solid #e4e4e4;} .svc-use ul li:first-child{border-left:0;} .svc-use ul li a{display:block; height:65px; background:url('/imgs/KR/main/ico_login_usefull_new.png') no-repeat; font-family:"NanumGothic"; font-size:14px; text-align:center; padding-top:88px;} /* 25.03 정기이행*/ .svc-use ul li a:focus-visible {outline-offset: -3px;}/* WA 240110 JJW: outline 수정 */ .svc-use ul li a.use-btn1{background-position:50% 35px;} .svc-use ul li a.use-btn2{background-position:50% -117px;} .svc-use ul li a.use-btn4{background-position:50% -424px;} /* 25.03 정기이행*/ .svc-use ul li a.use-btn3{background-position:50% -273px;} /* 로그아웃 */ .logout-area{padding-top:20px;} .logout-box{height:92px; border:1px solid #e4e4e4; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:#fff; text-align:center; padding-top:38px; margin-bottom:20px; overflow:hidden;} .logout-area .login-bnarea{position:static; margin-bottom:20px;} .logout-box p, .logout-box button{display:inline-block; *display:inline; vertical-align:middle; *zoom:1;} .out-txt, .out-txt span{font-family:"NanumGothic"; line-height:1.4; text-align:left;} .out-txt{background:url('/imgs/KR/main/ico_logout_key.png') no-repeat; font-size:16px; padding-left:75px;} .out-txt strong{display:block; font-size:28px; color:#0085d2;} .out-btn{height:54px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:#0085d2; font-family:"NanumGothic"; font-size:17px; color:#fff; line-height:54px; font-weight:600; padding:0 28px; margin-left:18px;} .out-btn:focus-visible {outline: 2px dashed #fff; outline-offset: -4px;}/* WA 231227 JJW: outline 수정 */ .logout-bnarea{margin-bottom:20px; overflow:hidden;} .logout-bnarea li{float:right; width:49%; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:#fff; text-align:center; overflow:hidden;} .logout-bnarea li:first-child{float:left;} .logout-bnarea li .quiz-box{width:300px; display:inline-block; *display:inline; *zoom:1;} .logout-bnarea li a:focus-visible {outline-offset: -4px; outline: 2px dashed #fcd000;} /* WA 231227 JJW: outline 수정 */ @media only screen and (max-width:960px){ #wrap-ins{width:100%; box-sizing:border-box;} .ins-estimate{float:none; width:100%; margin-bottom:20px;} .ins-est-box, .ins-est-pro{height:auto;} .ins-best-box{float:none; width:100%; height:auto;} .ins-best-box h2{width:50%;} } @media only screen and (max-width:768px){ .ins-best-box h2 a{font-size:14px;} .ins-pro-box h3{width:104px;} .ins-pro-box h3 a{font-size:14px;} .ins-pro-box a{display:block; font-family:"NanumGothicBold",'나눔고딕'; font-size:13px; color:#666; text-align:center;} .ins-pro-box h3.insp-tab1{top:0; left:0;} .ins-pro-box h3.insp-tab2{top:0; left:105px;} .ins-pro-box h3.insp-tab3{top:0; left:210px;} .pro-my-area{float:none; width:100%; margin-bottom:10px; margin-left:0;} } @media only screen and (max-width:480px){ .ins-pro-list{text-align:center;} .ins-pro-list li{float:none; display:inline-block; border-left:0; text-align:left;} .ins-best-list li{padding:24px 20px 20px 46px;} .best-btn{position:static; margin-top:0; padding-top:10px;} .best-btn a{display:inline-block; margin-right:2px;} .ins-est-other a{width:30%; height:31px; background-position:0 0; line-height:1.2; text-align:left;} .est-sort{text-align:left;} } /* 2017-03-06 프리미엄뱅킹 */ .new_row.prum{margin-top:-10px; margin-bottom:10px; overflow:visible; *zoom:1;} /* 2017-03-28 */ .new_row.prum:after{content:""; display:block; clear:both;} .new-premium-box{position:relative; border:1px solid #b3b3b3; background-color:#e6f3fa; cursor:default; margin:0; padding:10px;} .new-prum-btn{position:absolute; top:9px; right:10px; width:20px; height:22px; background:url('/imgs/KR/inquiry/ico_prum_arrow_on.png') 100% 50% no-repeat; overflow:hidden; z-index:30;} /* .new-prum-btn span{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;} .new-prum-btn span.p-btn-off{display:none;} .new-prum-btn.on span.p-btn-on{display:none;} *//* wa 231005 AHY 주석처리 */ .new-prum-btn.on{background-image:url('/imgs/KR/inquiry/ico_prum_arrow_off.png'); background-position:100% 0} /* wa 231005 AHY 토글 수정 */ .new-prum-btn.on span.on.hidden_wa{display:none;} .new-prum-btn:not(.on) span.off.hidden_wa{display:none;} .new-prum-tit{display:none; margin:0; padding-right:30px;} .new-prum-tit h3{padding-right:130px;} .new-prum-tit h3, .new-prum-tit p, .new-prum-tit span, .new-prum-tit em{font-family:"NanumGothicBold",'나눔고딕 Bold'; font-size:13px; color:#223354;} .new-prum-tit p{display:inline-block; *display:inline; *vertical-align:bottom; *zoom:1;} .new-prum-cont{position:relative;} .new-prum-cont.on{display:block;} .new-ptit-on{padding-top:10px; margin-bottom:10px;} .new-ptit-on, .new-ptit-on p, .new-ptit-on span, .new-ptit-on strong, .new-ptit-on em{font-family:"NanumGothic",'나눔고딕'; font-size:18px; color:#223354; line-height:1.2;} .new-ptit-on span{display:inline-block; border-bottom:1px solid #223354; *display:inline; *zoom:1;} .new-ptit-on strong{font-size:24px;} span.ptit-cm, span.ptit-cm em{font-size:20px; font-weight:bold;} span.ptit-cm em{display:inline-block; *display:inline; width:120px; vertical-align:bottom; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; *zoom:1;} .pm-level{display:inline-block; *display:inline; vertical-align:bottom; *zoom:1;} .pm-level strong{color:#007bc5;} .new-prum-bfit:link{color:#fff;} .new-prum-bfit, .new-prum-bfit:hover, .new-prum-bfit:visited{display:inline-block; *display:inline; position:absolute; right:0; bottom:0; background-color:#29a126; font-family:"NanumGothicBold",'나눔고딕 Bold'; font-size:14px; color:#fff; margin:0; padding:4px 14px; *zoom:1;} .new-pcont-list li, .new-pcont-list li span, .new-pcont-list li em{font-family:"NanumGothicBold",'나눔고딕 Bold'; font-size:15px;} .new-pcont-list li{background:url('/imgs/KR/inquiry/ico_prum_rdg.png') 0 16px no-repeat; color:#223354; line-height:1.2; margin:0; padding:10px 0 0 10px;} .new-pcont-list li span{color:#0079b2;} .new-pcont-list li span.pm-point{font-size:17px; color:#0079b2;} .new-pcont-list li em.pm-save, .new-pcont-list li em.pm-save em{font-family:"NanumGothic",'나눔고딕'; font-size:14px; color:#555;} .new-pm-btn{display:inline-block; *display:inline; background-color:#007ab2; font-family:"NanumGothic",'나눔고딕'; font-size:15px; vertical-align:middle; margin:0 0 0 10px; padding:3px 6px; *zoom:1;} .new-pm-btn:link, .new-pm-btn:hover, .new-pm-btn:visited{color:#fff;} .new-pm-btn.call{background:url('/imgs/KR/inquiry/ico_prum_call.png') 4px 50% no-repeat #2797dc; padding-left:20px;} .new-pm-prs{font-family:"NanumGothicBold",'나눔고딕 Bold'; font-size:15px; color:#223354; line-height:1.2; padding-top:40px;} .prum-tit-btn{position:absolute; right:33px; top:8px;} .ptit-benefit{display:inline-block; *display:inline; height:23px; background-color:#2aa027; font-family:"NanumGothicBold",'나눔고딕 Bold'; font-size:13px; color:#fff; line-height:23px; vertical-align:middle; padding:0 6px; *zoom:1;} .ptit-benefit:link, .ptit-benefit:hover{color:#fff;} .ptit-btn-call{position:relative; display:inline-block; *display:inline; vertical-align:middle; *zoom:1;} .ptit-call{display:block; width:22px; height:23px; background:url('/imgs/KR/inquiry/ico_prum_call.png') 50% 50% no-repeat #2797dc; margin-right:1px; overflow:hidden;} .ptit-call em{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;} .ptit-call.view{display:none; position:absolute; left:0; bottom:0; width:116px; height:auto; background-position:6px 50%; font-family:"NanumGothicBold",'나눔고딕 Bold'; font-size:15px; color:#fff; line-height:1; text-align:left; padding:4px 0 4px 24px; margin-bottom:-24px; z-index:100;} .prum-tit-btn:hover .ptit-call.view{display:block;} .ptit-call.pop{display:inline-block; *display:inline; width:auto; height:auto; background-position:6px 50%; font-family:"NanumGothicBold",'나눔고딕 Bold'; font-size:13px; color:#fff; line-height:1; text-align:left; vertical-align:middle; padding:4px 4px 6px 24px; *zoom:1;} .thum-name, .thum-name em{display:inline-block; *display:inline; font-size:14px; *zoom:1;} .thum-name{border-bottom:1px solid #223354; vertical-align:middle;} .thum-name em{width:80px; text-overflow:ellipsis; white-space:nowrap; vertical-align:text-top; overflow:hidden;} span.thum-pt{font-size:14px; color:#007ac5;} .cusr-not{cursor:default;}/*2017-04-13*/ /* 2017-03-09 디즈니존 */ .wrap-dsny{width:100%; margin-bottom:10px;} .dsny-img img{width:100%} .dsny-img .d-mb{display:none;} .dsny-txt{font-family:"NanumGothic",'나눔고딕'; font-size:12px; text-align:center; line-height:1.4; padding:4px 0;} /* 2017-04-24 원금비보장상품 */ .button-group.fund-not{position:relative; min-height:24px;} .fund-notsc {position:absolute; left:210px; top:-16px;} .fund-notsc-H442 {position:absolute; left:130px; top:-16px;} /* 2017-05-30 공인인증센터 */ .certi-info-area *{margin:0; padding:0;} .certi-info-area{background:#fff; padding:25px;} .certi-info-step{*zoom:1;} .certi-info-step:after{content:""; display:block; clear:both;} .certi-info-step li{float:left; width:250px; background:url('/imgs/KR/service/certi_bg_arrow.gif') 20px 50% no-repeat; padding-left:66px;} .certi-info-step li:first-child{background:none; padding-left:0;} .certi-info-step li h3{text-align:center; margin-bottom:10px;} .ci-step-box{height:191px; border:2px solid #84b9d8; border-radius:14px; padding:115px 12px 0;} .ci-step-box.mobile{height:260px;} .ci-step-box.ci-step-pc{background:url('/imgs/KR/service/certi_bg_pc.gif') 50% 24px no-repeat;} .ci-step-box.ci-step-m{background:url('/imgs/KR/service/certi_bg_mobile.gif') 50% 24px no-repeat;} .ci-step-box li{float:none; width:auto; background:none; position:relative; color:#555; line-height:1.6; padding-left:15px; margin-bottom:5px;} .ci-step-box li:first-child{background:none; padding-left:15px;} .ci-step-box li p{text-align:center; padding:3px 0;} .ci-num{position:absolute; left:0; font-weight:bold;} .ci-txt{color:#015a9e;} .certi-btn{text-align:center; padding-top:30px; padding-bottom:10px;} /* 2017-06-13 e-그린세이브예금 */ .egr-money{background-color:#fff; margin-bottom:10px;} .egr-money table{width:100%;} .egr-money tbody th, .egr-money tbody td{border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:10px} .egr-money tbody th{background-color:#f6f6f6; color:#16275d; font-weight:bold;} .egr-money tbody td{text-align:right; font-weight:bold;} .egr-money tbody td span{display:inline-block; *display:inline; *zoom:1; margin-right:3px; vertical-align:top;} /* 2017-11-02 주소검색 */ .address-field .field{float:left; width:47%} .address-field .field:first-child{margin-right:6%;} .address-field .field > select{width:100%; margin-top:8px;} .address-field .field-select{*zoom:1;} .address-field .field-select:after{display:block; content:''; clear:both;} .address-field .notice{margin-top:8px; color:#f00;} .address-field .address-long{margin-top:20px; width:96%;} .address-txt01{margin-top:15px; margin-bottom:5px;} .address-info{margin-top:20px; max-height:194px; overflow-y:scroll; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .address-info > a:first-child ul{border-top:none;} .address-info ul{padding:6px 0; border-top:1px solid #ccc;} .address-info li{padding:3px 0; *zoom:1;} .address-info li:after{display:block; content:''; clear:both;} .address-info .adrs_tit01, .address-info .adrs_tit02{float:left; width:15%; height:20px; margin-right:3%; text-align:center; line-height:20px;} .address-info .adrs_tit01{background-color:#cfe9f6;} .address-info .adrs_tit02{background-color:#d7d7d7;} .address-info .adrs{float:left; width:82%; line-height:20px;} .btn_center{text-align:center;} /* 펀드 상품 검색 */ .search_wrap {overflow:hidden; font-family:"NanumGothicBold";} .search_wrap .button-group {margin-top:20px;} .search_wrap fieldset {-webkit-margin-start:0; -webkit-margin-end:0; -webkit-padding-before:0; -webkit-padding-start:0; -webkit-padding-end:0; -webkit-padding-after:0;} .search_wrap legend {-webkit-padding-start:0; -webkit-padding-end:0;} .search_wrap button, .search_wrap a, .search_wrap label {cursor:pointer;} .search_wrap select:focus {outline:none;} .search_wrap .search_condition {position:relative; width:70%; background:#fff;} .search_wrap .search_condition .search_check {margin-top:30px;} .search_wrap .search_condition ul li {margin-top:15px;} .search_wrap .search_condition ul li:first-child {margin-top: 0;} .search_wrap .search_condition .tab_search_input {overflow:hidden; position: absolute; top:18px; left:200px; z-index: 30; width:70%;} .search_wrap .search_condition .label_title {width:66px; display:block; float:left; box-sizing:content-box; background:#268f00; font-size:12px; line-height:32px;text-align:center; color:#fff;} .search_wrap .search_condition .list_search_area {width:100%; display:block; float:left; background:#fff; position:absolute; height:32px; padding-right:58px;padding-left:14px;border:1px solid #268f00;display:inline-block;vertical-align:middle;text-align:left;box-sizing:border-box;} .search_wrap .search_condition .list_search_area label {height:30px; line-height:30px; position:absolute; top:0; left:0; margin:0; padding-left:14px; position:absolute; top:0; left:0; line-height:32px; font-size:12px; color:#268f00;} .search_wrap .search_condition .list_search_area .search_input {height:32px; display:block;} .search_wrap .search_condition .btn_group {text-align:center; padding-bottom:30px;} .search_wrap .search_condition .btn_group button {margin:0 4px;} .search_wrap .search_condition .btn_search {width:32px; height:32px; border-radius:0; border:0; padding:0; position:absolute; top:18px; right:0; z-index: 30; background:#268f00 url('/imgs/KR/loan/ico_zoom.png') 50% 50% no-repeat; background-size: 18px 16px; box-sizing:content-box;} .search_wrap .search_condition .list_search_area .search_input {width:100%;height:30px;margin:0;padding:0;line-height:30px;border-radius:0;font-size:12px; color:#268f00; box-sizing:content-box;border:none;box-shadow:none;} .search_wrap .search_condition .list_search_area .search_input:focus {box-shadow:none;background:none;}