@charset "utf-8"; @font-face { font-family:'malgun'; font-weight: 400; src:url('/resource/font/malgun.eot');/* ie호환성 */ src:url('/resource/font/malgun.eot?#iefix') format('embedded-opentype'); src:local('☺'), /*url('/resource/font/malgun.woff') format('woff'),*/ url('/resource/font/malgun.ttf') format('truetype'); } @font-face { font-family:'malgun'; font-weight: 700; src:url('/resource/font/malgunbd.eot');/* ie호환성 */ src:url('/resource/font/malgunbd.eot?#iefix') format('embedded-opentype'); src:local('☺'), /*url('/resource/font/malgunbd.woff') format('woff'),*/ url('/resource/font/malgunbd.ttf') format('truetype'); } @font-face { font-family:'notoR'; font-weight: 400; src:url('/resource/font/malgun.eot');/* ie호환성 */ src:url('/resource/font/malgun.eot?#iefix') format('embedded-opentype'); src:local('☺'), url('/resource/font/NotoSansKR-Regular-Hestia.woff') format('woff'), url('/resource/font/NotoSansKR-Regular-Hestia.otf') format('truetype'); } @font-face { font-family:'notoR'; font-weight: 700; src:url('/resource/font/malgunbd.eot');/* ie호환성 */ src:url('/resource/font/malgunbd.eot?#iefix') format('embedded-opentype'); src:local('☺'), url('/resource/font/NotoSansKR-Medium-Hestia.woff') format('woff'), url('/resource/font/NotoSansKR-Medium-Hestia.otf') format('truetype'); } /* default setting */ :-ms-input-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, .placeholder {color:#a5a5a5;} input[type='text']::-ms-clear {display:none;} input[type='password']::-ms-reveal {display:none;} /* alternative text [replace] */ .hide {visibility:hidden; width:0; height:0; font-size:0; text-indent:-9999px; line-height:0; opacity:0;} /* price txt indi. */ .num-by-txt {display:inline-block; line-height:45px; font-size:13px;} .layer-popup .num-by-txt {line-height:35px;} /* basic wrapper */ #wrap {width:100%; min-width:1080px;} #wrap.be-fix {margin-top:10px;} #header {width:100%;margin:0 auto;z-index: 2;} #contents {margin-bottom: 84px;width:100%;min-height:600px;} #mcontents {width:100%;} .bcb-login {border-top:1px solid #dcdcdc;} /* div. section */ .top-sec {position:relative; padding:30px 0; width:1080px; margin:0 auto; line-height:1;} .top-sec:after {content:""; display:block; clear:both;} .top-sec h1 {width:160px; height:30px; float:left;} .wide-sec {background-color:#aaa;} .in-sec {width:1080px; margin:35px auto; box-sizing:border-box;} .in-sec.by-minus {margin:-20px auto;} .in-sec.first {margin:0 auto 35px;} .in-sec.no-mar {margin:0 auto;} .in-sec.by-minus .result-text {font-size:15px;} .in-sec.by-minus .result-text .num {color:#0070c0;} .wide-sec.in-pad {padding:1px 0; margin:-1px 0;} /* title at insect */ .insec-tit {margin:-20px 0 20px 0;} .insec-tit:after {content:""; display:block; clear:both;} .insec-tit.type-bsc {margin:-10px 0 15px 0} .insec-tit h3 {font-size:24px; float:left;} .insec-tit .btns {float:left; margin:2px 0 0 10px;} /* my account */ .top-sec .account-state {float:left; margin: 0 0 0 20px; font-size:13px; line-height:30px; background-color:#fff; height:32px; box-sizing:border-box;} .top-sec .account-state > div {float:left;margin:0;position:relative;display: flex;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;} /* margin:-1px 0 0 -9px; */ .top-sec .account-state > div:first-child, .top-sec .account-state > .ses-time.ses-first {padding-left:0; margin-left:0;} .top-sec .account-state .certi > a {height:28px; border:1px solid #dcdcdc; background-color:#fafafa; display:inline-block; margin-left:10px; padding:0 10px 0 32px; line-height:26px; text-decoration:none; position:relative; border-radius:2px;} .top-sec .account-state .certi > a:before {content:""; display:block; background:url(/resource/img/common/ico/login_state.png) no-repeat -60px center; width:28px; height:28px; position:absolute; top:0; left:3px;} .top-sec .account-state .ses-time:first-child:before, .top-sec .account-state > .ses-time.ses-first:before {display:none;} .top-sec .account-state.login a {color:#fff;} /* .top-sec .account-state.login .log-state > a {padding:0 20px 0 32px;} */ .top-sec .account-state .user-fishing a:hover {text-decoration:none;} .top-sec .account-state .user-fishing img {vertical-align:middle;} .top-sec .account-state .user-fishing > span {display:inline-block; width:auto; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; max-width:140px; overflow:hidden;} .top-sec .account-state .ses-time {position:relative; padding-left:10px; margin-left:10px;} .top-sec .account-state .ses-time > img {vertical-align:middle;} .top-sec .account-state .ses-time > a {text-decoration:none; display:inline-block; width:auto; height:30px; line-height:30px;} .top-sec .account-state .ses-time > a em {color:#ff4628; font-weight:bold;} .top-sec .account-state .ses-time:before {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-3px; width:1px; height:9px; background-color:#a5a5a5;} .top-sec .account-state .log-state > a {height:28px; border:1px solid #dcdcdc; background-color:#fafafa; display:inline-block; margin-left:10px; padding:0 10px 0 32px; line-height:26px; text-decoration:none; position:relative; border-radius:2px;} .top-sec .account-state .log-state > a:before {content:""; display:inline-block; background:url(/resource/img/common/ico/login_state.png) no-repeat left center; width:28px; height:28px; position:absolute; top:0; left:3px;} .top-sec .account-state .log-state.state-login > a {background-color:#0b4cb9; border-color:#0b4cb9; color:#fff; margin-left:0;} .top-sec .account-state .log-state.state-login > a:before {background-position:-30px center;} .state-login .layer-list {display:none;position:absolute;left:0;right:0;top:39px;z-index:14;width:93px;margin-left:-6px;border:1px solid #dedede;border-radius:2px;background-color:#fff;line-height:27px;} .state-login .layer-list .inner-box {display:table;width:100%;} .state-login .layer-list .inner-box:before {content:"";position:absolute;left:50%;top:-8px;width:13px;height:8px;margin-left:-7px;background:url(/resource/img/common/ico/bg_major_serice_arrow.png) no-repeat 0 0;} .state-login .layer-list a {display:table-cell;position:relative;height:28px;font-size:14px;color:#333;text-align:center;} .state-login .layer-list a:before {content:"";position:absolute;left:0;top:8px;width:1px;height:13px;background-color:#dcdcdc;} .state-login .layer-list a:first-child:before {display:none;} .ie8 .top-sec .account-state p, .ie8 .top-sec .account-state span {line-height:36px !important;} .ie8 .top-sec .account-state a {line-height:30px;} .ie8 .top-sec .account-state .user-fishing > img {padding-top:4px;} /* upper util zone */ .uitl-zone {float:right;} .major-serice {display:inline-block; font-size:18px; margin-right:4px; font-weight:400;} .major-serice > li {float:left; position:relative;background:url(/resource/img/common/ico/util_sepe.gif) no-repeat left center;} .major-serice > li:first-child, .major-serice > li.current + li {background:none;} .major-serice > li > a {color:#000; font-family:'notoR'; display:block; padding:6px 11px; position:relative; border-radius:2px;} .ie8 .major-serice {font-size:17px;} .major-serice > li > a:hover {text-decoration:none;} .major-serice > li.current > a {color:#fff;} .major-serice > li.current.bpb > a {background-color:#0082dd;} .major-serice > li.current.bcb > a {background-color:#1559ca;} .major-serice > li.current.fpm > a {background-color:#00a2d0;} .major-serice .layer-list {display:none;position:absolute;left:-15px;right:0;top:35px;z-index:14;width:93px;margin-left:-6px;border:1px solid #dedede;border-radius:2px;background-color:#fff;line-height:27px;} .major-serice .layer-list .inner-box {display:table;width:100%;} .major-serice .layer-list .inner-box:before {content:"";position:absolute;left:50%;top:-8px;width:13px;height:8px;margin-left:-7px;background:url(/resource/img/common/ico/bg_major_serice_arrow.png) no-repeat 0 0;} .major-serice .layer-list a {display:table-cell;position:relative;height:28px;font-size:14px;color:#333;text-align:center;} .major-serice .layer-list a:before {content:"";position:absolute;left:0;top:8px;width:1px;height:13px;background-color:#dcdcdc;} .major-serice .layer-list a:first-child:before {display:none;} .util-aside {float:right; height:30px;} .util-aside .ver-lang {padding:0; height:30px; line-height:28px; display:inline-block; margin-right:15px;}/* color:#333; */ .util-aside .ver-lang.eng {background:url(/resource/img/common/ico/ico_flag_usa02.png) no-repeat center top; text-indent:10px; color:#333; width:87px; height:30px; float:left;} .ie8 .util-aside .ver-lang.eng {line-height:1; padding-top:9px;} .util-aside .ver-lang:hover {text-decoration:none;} .util-aside .menu-all {display:inline-block; background:url(/resource/img/common/ico/entire_menu.gif) no-repeat center right;} .util-aside .menu-all > a {overflow:hidden; text-indent:-9999em; display:inline-block; width:58px; height:30px; vertical-align:middle;} /* hambuger menu */ .hambuger {margin-left:15px; width:21px; height:18px; display:inline-block; position: relative; text-indent:-9999em;} .hambuger {-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out;} .hambuger span {display:block; position:absolute; height:2px; width:50%; background:#000; opacity:1; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;} .hambuger span:nth-child(even) {left:50%;} .hambuger span:nth-child(odd) {left:0px;} .hambuger span:nth-child(1), .hambuger span:nth-child(2) {top:0px;} .hambuger span:nth-child(3), .hambuger span:nth-child(4) {top:8px;} .hambuger span:nth-child(5), .hambuger span:nth-child(6) {top:16px;} .hambuger.on span:nth-child(1), .hambuger.on span:nth-child(6) {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} .hambuger.on span:nth-child(2), .hambuger.on span:nth-child(5) {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);} .hambuger.on span:nth-child(1) {left:2px; top:2px;} .hambuger.on span:nth-child(2) {left:calc(50% - 2px); top:2px;} .hambuger.on span:nth-child(3) {left:-30%; opacity:0;} .hambuger.on span:nth-child(4) {left:80%; opacity:0;} .hambuger.on span:nth-child(5) {left:2px; top:9px;} .hambuger.on span:nth-child(6) {left:calc(50% - 2px); top:9px;} /* global navigation bar */ .gnb-wrap {margin:0 auto; width:1080px;} .gnb-ext .inner-box {width:1080px; margin:0 auto; min-height:100px; text-align:left; padding:0 0 30px;} .gnb-ext .inner-box:after {content:""; display:block; clear:both;} .gnb-ext .inner-box > .box-local {width:196px; float:left; margin-right:20px; margin-top:20px;} .gnb-ext .inner-box > .box-local.ver_clmn1 {clear:both;} .gnb-ext .inner-box > .box-local > strong {color:#0082dd; font-size:15px; display:table-cell; padding:9px 0 8px 10px; vertical-align:middle; width:196px; line-height:1.4; height:45px;} .gnb-ext .inner-box > .box-local > strong a {color:#0082dd; text-decoration:none;} .gnb-ext .inner-box > .box-local .local-menu {padding:0;} /* .gnb-ext .inner-box > .box-local .local-menu > li {padding-left:10px;} */ .gnb-ext .inner-box > .box-local .local-menu li a {padding:2px 10px 3px 10px; display:block; position:relative;} .gnb-ext .inner-box > .box-local .local-menu li > strong {padding:2px 10px 3px 10px; display:block; /* font-weight:normal; */color:#575757;} .gnb-ext .inner-box > .box-local .local-menu li.depth-be > a {padding-right:20px; font-weight:400;} .gnb-ext .inner-box > .box-local .local-menu li.depth-be > a:after {content:""; display:block; background:url(/resource/img/common/ico/set_tooper.png) no-repeat -2px -51px; width:13px; height:13px; position:absolute; top:6px; right:5px;} .gnb-ext .inner-box > .box-local .local-menu li.depth-be.on > a:after {background-position:-17px -51px;} .gnb-ext .inner-box > .box-local .local-menu > li > ul >li a {padding-left:20px;} .gnb-ext .inner-box > .box-local .local-menu > li > ul >li a:before {content:"";position:absolute;left:10px;top:12px;width:4px;height:1px;background-color:#575757;} .gnb-ext .inner-box > .box-local .local-menu li .depth-last {display:none;overflow:hidden;} .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol {margin:2px 0 6px;border:1px solid #dcdcdc;background-color:#fcfcfc;} .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a {position:relative;padding:4px 5px 6px 17px;font-size:13px;line-height:16px;text-decoration:none; font-weight:400;} .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:before {content:"";position:absolute;left:10px;top:13px;width:1px;height:1px;background-color:#575757;} .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:focus, .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:hover {width:100%;background:#008dd6 url(/resource/img/common/image/gnb_bpb_depth.png) no-repeat left top;color:#fff;box-sizing:border-box; font-weight:700;} .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:hover:before {width:2px;height:2px;background-color:#fff;} .gnb-ext .inner-box:after{content:''; clear:both; display:block} .gnb-sec {width:100%; background:#0082dd url(/resource/img/common/image/gnb_bpb.png) no-repeat center top; text-align:center; position:relative;} .gnb > ul{display:table; width:100%;} .gnb > ul > li {display:table-cell;} .gnb > ul > li > a {position:relative; display:inline-block; padding:10px 13px; height:35px; line-height:35px; color:#fff; font-size:17px; font-family:'notoR'; white-space:nowrap; text-decoration:none;} .gnb > ul > li .gnb-ext {display:none; position:absolute; top:55px; left:0; width:100%; box-shadow:0px 2px 3px 0px rgba(0,0,0,0.3); background-color:#fff; border-bottom:2px solid #0082dd; overflow:hidden;} .gnb > ul > li.on .gnb-ext {display:block; z-index:8888;} .gnb > ul > li.current > a {color:#ffdf9b; text-decoration:none;} .gnb > ul > li.current > a:after {content:""; display:block; width:100%; height:4px; position:absolute; left:0; bottom:0; background-color:#ffdf9b; text-decoration:none;} .gnb > ul > li.current > a {color:#ffdf9b; text-decoration:none;} .gnb > ul > li.current:hover > a:after {content:""; background-color:transparent;} .gnb > ul > li.on > a {color:#0082dd; text-decoration:none; background:url(/resource/img/common/image/gnb_rpt.png) repeat-x center bottom;} .gnb > ul > li.on > a:after {content:""; display:block;} .gnb > ul > li.current.on > a {color:#0082dd;} .ie8 .gnb > ul > li > a {font-weight:bold; font-size:16px; letter-spacing:-1px;} .ie8 .gnb .gnb-ext {border-bottom:1px solid #ccc; padding-bottom:5px; background} .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a.current-active {width:100%;background:#008dd6 url(/resource/img/common/image/gnb_bpb_depth.png) no-repeat left top;color:#fff;box-sizing:border-box; font-weight:700;} .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a.current-active:before {width:2px;height:2px;background-color:#fff;} .gnb-ext .inner-box > .box-local .local-menu li a.current-active, .gnb-ext .inner-box > .box-local .local-menu li > a:hover/* , .gnb-ext .inner-box > .box-local .local-menu li > a:focus */ {width:100%;background:#008dd6 url(/resource/img/common/image/gnb_bpb_depth.png) no-repeat left top;color:#fff;box-sizing:border-box; text-decoration:none; font-weight:700;} .gnb-ext .inner-box > .box-local .local-menu li > a:hover:before, .gnb-ext .inner-box > .box-local .local-menu li > a:focus:before {background-color:#fff;} .gnb-ext .inner-box > .box-local .local-menu li a.current-active:hover {text-decoration:none;} /* all menu */ .menu-all-wrap {opacity:0;overflow:hidden;position:absolute;left:0;top:90px;z-index:100;width:100%;border-top:1px solid #dcdcdc;background-color:#fff;} .menu-all-wrap .in-wrap {position:relative;width:1080px;margin:0 auto;} .menu-all-wrap .tab-list {padding-top:20px;} .menu-all-wrap .tab-list ul {display:table;width:99.9%;table-layout:fixed;border-collapse:collapse;vertical-align:top;} .menu-all-wrap .tab-list li {display:table-cell;border:1px solid #dcdcdc;border-bottom:2px solid #0082dd;box-sizing:border-box;} .menu-all-wrap .tab-list li a {display:block;height:47px;background-color:#f9f9f9;font-size:16px;line-height:46px;color:#575757;text-decoration:none;text-align:center;} .menu-all-wrap .tab-list li.active a {position:relative;height:48px;margin:-1px -1px -2px;border:solid #0082dd;border-width:2px 2px 0;background-color:#fff;font-weight:700;color:#008dd6;} .menu-all-wrap .gnb-ext {overflow-y:auto;overflow-x:hidden;z-index: 2;position: relative;} /* [2023개편_8차] 수정 */ .menu-all-wrap .gnb-ext .inner-box {padding-bottom:0;} .menu-all-wrap .search-area {padding-top:20px;} .menu-all-wrap .srch-cont {display:inline-block;position:relative;} .menu-all-wrap .srch-cont .menu-srch {margin:0;background:none;border-radius:0;width:auto;padding:0;} .menu-all-wrap .srch-cont .menu-srch input {width:432px;height:46px;padding:0 48px 0 19px !important;border-radius:2px;} .ie8 .menu-all-wrap .srch-cont .menu-srch input {padding-top:0;} .menu-all-wrap .srch-cont .menu-srch .srch-btn {overflow:hidden;position:absolute;right:2px;top:2px;width:46px;height:42px;margin:0;background:url(/resource/img/common/ico/btn_menu_search.png) no-repeat center center;text-indent:-5000em;} .menu-all-wrap .srch-cont .menu-srch .srch-btn:before {display:none;} .menu-all-wrap .srch-cont .srch-result {width:525px;right:auto;left:20px;top:45px;z-index:2;border-bottom:2px solid #0082dd;border-radius:0;} .menu-all-wrap .srch-cont .srch-result li a > em {color:#008dd6;} .menu-all-wrap .srch-cont .srch-result .srch-scroll-area {overflow-y:auto;height:auto;max-height:201px;margin:23px 0 16px 20px} .menu-all-wrap .srch-cont .srch-result .result-close {right:9px;top:7px;} .menu-all-wrap .layer-close {overflow:hidden;position:absolute;right:0;top:31px;width:23px;height:23px;background:url(/resource/img/common/ico/set_tooper.png) no-repeat -184px -1px;text-indent:-5000em;} .menu-all-wrap .menu-toggle {} .menu-all-wrap .menu-toggle .btns.btn-manage {position:absolute; top:28px; right:43px; padding:0 14px 0 31px; font-size:13px; height:30px; line-height:26px;} .menu-all-wrap .menu-toggle .btn-manage:before {right:auto; left:16px;} .menu-all-wrap .menu-toggle .btn-manage.on:before {right:auto; left:16px; background-position:-2px -199px;} .menu-all-wrap .gnb-ext .inner-box > .box-local .local-menu li > strong {font-weight:700;} .menu-all-wrap .gnb-ext .inner-box > .box-local .local-menu li > a {font-weight:700;} .menu-all-wrap .gnb-ext .inner-box > .box-local .local-menu li li > a {font-weight:400;} .menu-all-wrap .gnb-ext .inner-box > .box-local .local-menu .depth-be a {font-weight:400;} /* breadcrumb */ .local-info-area {width:100%; border-bottom:1px solid #f0f0f0;} .local-info-area .shadow {height:3px; background-color:#fafafa; border-top:1px solid #dcdcdc;} .local-info {width:1080px; margin:0 auto; min-height:49px;} .local-info:after {width:100%; content:""; display:block;} .local-info .favorite {float:left; position:relative;} .local-info .favorite > a {display:inline-block; padding:0 28px 0 15px; height:26px; line-height:26px; color:#ff4628; font-weight:bold; background-color:#fff; border:2px solid #ff4628; border-radius:2px; font-size:13px; margin:10px 20px 0 0; position:relative;} .local-info .favorite > a:hover {text-decoration:none;} .local-info .favorite > a:before {content:""; display:block; position:absolute; background:url(/resource/img/common/ico/set_tooper.png) no-repeat -52px -52px; width:8px; height:8px; right:14px; top:9px;} .local-info .favorite.active > a:before {background-position:-62px -52px;} .local-info .favorite .favorite-ext {position:absolute; z-index:20; width:320px; background-color:#fff; top:49px; left:0; display:none; border-radius:2px; border:1px solid #dcdcdc; box-shadow:3px 3px 6px 1px rgba(0,0,0,0.1);} .local-info .favorite .favorite-ext .user-info {position:relative; display:table; width:320px; height:130px; background:url(/resource/img/common/image/bg_favorite.jpg) 0 0 no-repeat;} .local-info .favorite .favorite-ext .user-info .ico-wrap {position:absolute; top:50%; left:30px; width:60px; height:60px; margin-top:-30px; border-radius:50%;} .local-info .favorite .favorite-ext .user-info .ico-wrap img {width:60px; height:60px; vertical-align:top;} .local-info .favorite .favorite-ext .user-info div {display:table-cell; padding-left:105px; vertical-align:middle;} .local-info .favorite .favorite-ext .user-info .name, .local-info .favorite .favorite-ext .user-info .text {display:block; color:#fff; font-size:14px; line-height:24px;} .local-info .favorite .favorite-ext .user-info .name {font-size:18px; font-weight:bold; line-height:24px; vertical-align:text-bottom;} .local-info .favorite .favorite-ext .user-info .name span {font-size:14px; vertical-align:baseline;} .local-info .favorite .favorite-ext .list-area {padding:25px 30px;} .local-info .favorite .favorite-ext .list-area li {position:relative; height:35px; border-top:1px solid #dcdcdc; border-radius:2px; box-sizing:border-box;} .local-info .favorite .favorite-ext .list-area li:first-child {border-top:0;} .local-info .favorite .favorite-ext .list-area li a {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; overflow:hidden; width:100%; padding:0 10px; line-height:35px; text-decoration:none; color:#333; text-overflow:ellipsis; white-space:nowrap; border-radius:7px; transition-duration:0.1s; transition-timing-function:linear; box-sizing:border-box;} .local-info .favorite .favorite-ext .list-area li a:focus, .local-info .favorite .favorite-ext .list-area li a:hover {top:-7px; right:0; bottom:-7px; left:0; z-index:1; padding:0 15px; line-height:49px; font-size:18px; color:#fff; font-weight:bold; background:url(/resource/img/common/image/bg_favorite_hover.png) 0 0 no-repeat; border:0; border-radius:2px;} .local-info .breadcrumb {float:left; font-size:14px;} /*line-height:49px; 임시 */ .local-info .breadcrumb > li {position:relative; margin-right:8px;padding-left:17px; float:left;} .local-info .breadcrumb > li:before {content:""; position:absolute; top:50%; margin-top:-5px; left:0; width:8px; height:13px; display:inline-block; background:url(/resource/img/common/ico/set_tooper.png) no-repeat -156px -5px;} .local-info .breadcrumb > li > a {line-height:49px;} .local-info .breadcrumb > li:first-child {padding-left:0;} .local-info .breadcrumb > li:first-child:before {background:none;} .local-info .breadcrumb > li.last > a:after {content:""; display:block; background:url(/resource/img/common/ico/set_tooper.png) no-repeat -114px 0; width:21px; height:21px; display:inline-block; position:absolute; top:50%; right:-25px; margin-top:-11px;} .local-info .breadcrumb > li.last.active > a:after {background-position:-135px 0;} .local-info .breadcrumb .sub-depth {position:absolute; top:49px; left:22px; white-space:nowrap; display:none; z-index:100; border:1px solid #dcdcdc; border-bottom:2px solid #008dd6; padding:10px 0; background-color:#fff;} .local-info .breadcrumb .sub-depth li a {padding:5px; display:block; padding:3px 19px; text-decoration:none;} .local-info .breadcrumb .sub-depth li a.active, .local-info .breadcrumb .sub-depth li a:active, .local-info .breadcrumb .sub-depth li a:hover {color:#008dd6;} /* local search */ .local-info .srch-cont {float:right; position:relative;} .local-info .srch-cont .menu-srch {position:relative; margin:8px 0; background-color:#efefef; border-radius:34px; width:250px; height:25px; padding:4px;} .local-info .srch-cont .menu-srch:before {content:''; position:absolute; top:4px; left:4px; width:210px; height:25px; background-color:#fff; border:1px solid #d5d5d5; border-radius:25px; box-sizing:border-box;} .local-info .srch-cont .menu-srch input {position:absolute; top:0; left:5px; z-index:1; width:205px; height:31px; line-height:29px; border:0; background:transparent;} .ie8 .local-info .srch-cont .menu-srch input {top:2px;} .local-info .srch-cont .menu-srch input:focus {padding-left:13px;} .srch-cont .menu-srch .srch-btn {overflow:hidden; float:right; position:relative; width:25px; height:25px; margin-right:10px; text-indent:-9999em;} .srch-cont .menu-srch .srch-btn:before {content:""; background:url(/resource/img/common/ico/set_tooper.png) no-repeat -96px 0; width:18px; height:18px; position:absolute; top:3px; left:3px;} .srch-cont .srch-result {overflow:hidden; border:1px solid #dcdcdc; border-radius:8px; min-width:422px; width:auto; white-space:nowrap; background-color:#fff; position:absolute; right:0; top:41px; z-index:6; padding-right:8px; display:none;} .srch-cont .srch-result .srch-scroll-area {height:110px; overflow-y:scroll; margin:25px 0 20px 24px; padding-right:20px;} .srch-cont .srch-result li {font-size:13px; margin-top:3px;} .srch-cont .srch-result li:first-child {margin-top:0;} .srch-cont .srch-result li a > em {color:#0066b2;} .srch-cont .srch-result .result-close {overflow:hidden; position:absolute; top:10px; right:10px; text-indent:-9999em; display:inline-block; width:14px; height:14px;} .srch-cont .srch-result .result-close:after {content:""; position:absolute; top:0; right:0; background:url(/resource/img/common/ico/set_tooper.png) no-repeat -166px -4px; width:14px; height:14px;} /* aside fixed */ .fix-topper {display:none;background-color:#0082dd; height:64px; position:fixed; top:0; width:100%; display:none; z-index:500;} .fix-topper > .in-fixed {width:1080px; margin:0 auto; background-color:#fff;} .fix-topper > .in-fixed .fix-breadcrumb {float:left;} .fix-topper > .in-fixed .fix-info {float:right;} /* content wrapper */ .cont-wrap {width:100%; padding-top:20px;} .cont-wrap.type02 {margin-bottom:-40px;} .local-wrap {width:1080px; margin:0 auto; padding-top:30px;} .local-tit:after {content:""; display:block; clear:both;} .local-tit > h2 {float:left; font-size:32px; font-family:'notoR'; line-height:1.5; font-weight:700;} .local-tit .page-func {float:right;} .local-tit .page-func > span {line-height:32px; margin-right:7px;} .local-tit .page-func > a {overflow:hidden; background:url(/resource/img/common/ico/set_tooper.png) no-repeat 0 -18px; width:32px; height:32px; display:inline-block; text-indent:-9999em;} .local-tit .page-func .zoom-in {background-position: 0 -18px;} .local-tit .page-func .zoom-out {background-position: -32px -18px;} .local-tit .page-func .view_print {background-position: -64px -18px;} /* 탭 */ .tab-wrap {} .tab-cs {padding:15px 0 17px;} .tab-cs:after {display:block; clear:both; content:'';} .tab-cs li {float:left; padding:5px 0 7px;} .tab-cs.flexible li {width:195px; margin-left:5px;} .tab-cs.flexible.auto li {width:auto; margin-left:7%;}/* 인증서발급 */ .tab-cs li.first, .tab-cs.flexible li.first, .tab-cs.flexible.auto li.first {clear:both; margin-left:0;} .tab-cs li a {position:relative; display:block; padding-left:14px; line-height:22px; text-decoration:none; color:#333;} .tab-cs li a:hover,.tab-cs li a:focus{color:#0082dd;} .tab-cs li a:before {content:''; display:inline-block; position:absolute; left:0; top:10px; width:4px; height:4px; background:#d5d5d5;} .tab-cs li.active a, .tab-cs li.on a {color:#0082dd;} .tab-cs li.active a:before, .tab-cs li.on a:before, .tab-cs li a:hover:before,.tab-cs li a:focus:before {background:#0082dd;} .tab-cs li.free {width:auto; margin-right:3%} .tab-cs2 {padding:15px 0 17px;} .tab-cs2:after {display:block; clear:both; content:'';} .tab-cs2 li {float:left; padding:5px 0 7px;} .tab-cs2.flexible li {width:193px; margin-left:8px;} .tab-cs2.flexible.auto li {width:auto; margin-left:7%;}/* 인증서발급 */ .tab-cs2 .blue a, .tab-cs2 .on a {color:#0082dd;} .tab-cs2 a:hover,.tab-cs2 a:focus{color:#0082dd;} .tab-cs2 li.first, .tab-cs2.flexible li.first, .tab-cs2.flexible.auto li.first {clear:both; margin-left:0;} /* box type */ .regular_box {border:1px solid #c2d4ea; border-radius:2px; background-color:#e9f3ff;} .regular_box input[type=text] {padding:0 13px; border-radius:2px; border:1px solid #dcdcdc; box-sizing:border-box; color:#333; font-size:14px; line-height:43px; outline:0;} .mar-t10 {margin-top:10px;} /* 결재함 */ .local-wrap .payment-box {float:right;margin:-2px 21px 0 0;border:4px solid #efefef;border-radius:20px;} .local-wrap .payment-box dl {overflow:hidden;padding:0 20px;border:2px solid #2164c0;border-radius:20px;} .local-wrap .payment-box dt, .local-wrap .payment-box dd {float:left;position:relative;height:24px;font-size:13px;line-height:22px;color:#575757;} .local-wrap .payment-box dt {padding-right:21px;font-weight:700;color:#2164c0;} .local-wrap .payment-box dt:before {content:'';position:absolute;right:0;top:50%;width:6px;height:9px;margin-top:-4px;background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -62px -131px;} .local-wrap .payment-box dd {margin-left:10px;padding-left:10px;} .local-wrap .payment-box dd + dd:before {content:'';position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#dcdcdc;} .local-wrap .payment-box dt + dd {margin-left:3px;} .local-wrap .payment-box dd em {margin-right:4px;} .local-wrap .payment-box dd a {font-weight:700;color:#ff4628;} /* form */ .dsgn-form {vertical-align:middle;} .post-form input {margin-right:6px;} .form-list {overflow:hidden; margin:-5px 0 0 -10px;} .form-list li {float:left; margin:5px 0 0 10px;} /* aside sticker menu */ .direct-sticker {position:fixed; left:50%; top:244px; width:60px; z-index:10 !important; margin-left:560px; background-color:#d5d5d5; color:#fff; text-align:center;} .bg-sticker {position:fixed;left:50%;top:244px;width:60px;height:100%;margin-left:-560px;background-color:#d5d5d5;color:#fff;text-align:center;} .direct-sticker a {font-size:12px;color:#fff;} /* st: [2025 웹접근성] */ .direct-sticker a:not(.quick-top):focus {border: 2px solid #292929 !important; box-sizing: border-box;} .direct-sticker a:not(.quick-top):focus img {width:100%;} /* end: [2025 웹접근성] */ .direct-sticker a:hover {text-decoration:none;} .direct-sticker li a {display:table-cell;width:1000px;line-height:16px;color:#fff;vertical-align:middle;} .direct-sticker li {overflow:hidden;} .direct-sticker dt {height:60px;padding-top:17px;background:#0b4cb9 url(/resource/img/common/ico/bg_quick_menu.png) no-repeat right bottom;font-size:12px;font-weight:700;line-height:16px;box-sizing:border-box;} .direct-sticker dd li:first-child a {border-top:0 !important;} .direct-sticker dd.menu-list01 li a {position:relative;height:60px;border-top:1px solid #998665;background-color:#998665;font-size:14px;font-weight:bold;} .direct-sticker dd.menu-list01 li a:before {content:"";position:absolute;left:0;top:18px;width:100%;height:23px;background:url(/resource/img/common/ico/ico_quick_menu.png) no-repeat;} .direct-sticker dd.menu-list01 li.menu06 a:before {top:17px;height:25px} .direct-sticker dd.menu-list01 li a span, .direct-sticker dd.menu-list01 li a:hover:before, .direct-sticker dd.menu-list01 li a:focus:before {display:none;} .direct-sticker dd.menu-list01 li a:hover span, .direct-sticker dd.menu-list01 li a:focus span {display:block;} .direct-sticker dd.menu-list01 li.menu01 a:before {background-position:center 0;} .direct-sticker dd.menu-list01 li.menu02 a:before {background-position:center -30px;} .direct-sticker dd.menu-list01 li.menu03 a:before {background-position:center -60px;} .direct-sticker dd.menu-list01 li.menu04 a:before {background-position:center -90px;} .direct-sticker dd.menu-list01 li.menu05 a:before {background-position:center -120px;} .direct-sticker dd.menu-list01 li.menu06 a:before {background-position:center -150px;} .direct-sticker dd.menu-list02 li a {height:50px;border-top:1px solid #69a1c5;background-color:#5896be; font-size:12px;} .direct-sticker dd.menu-list02 li a:hover {background-color:#2780d8;} .direct-sticker dd.menu-list02 li a:focus {background-color:#2780d8;} .direct-sticker .quick-top {display:inline-block;position:relative;width:40px;height:40px;margin:11px 0;padding-top:19px;background-color:#707070;box-sizing:border-box;} .direct-sticker .quick-top:before {content:"";position:absolute;left:50%;top:7px;width:9px;height:9px;margin-left:-5px;background:url(/resource/img/common/ico/ico_quick_menu_top.png) no-repeat 0 0;} .direct-sticker dd.menu-list01 li.add-counting em {background-color:#ff4628; position:absolute; min-width:15px; width:auto; padding:3px; height:15px; top:11px; right:10px; border-radius:15px; display:inline-block; text-algin:center;} .direct-sticker dd.menu-list01 li.add-counting a {font-size:12px;} .direct-sticker dd.menu-list01 li.add-counting a:focus em, .direct-sticker dd.menu-list01 li.add-counting a:hover em {position:static;} /* inquiry null */ .no-data-box {border-bottom: 1px solid #d5dfea; border-top: 1px solid #d5dfea; text-align:center; color:#575757; font-size:22px; font-family:'notoR'; line-height:150px;} /* footer */ #footer {position:relative; border-top:1px solid #e5e5e5;} #footer .in-sec {background-color:transparent; margin:0 auto; padding:0;} #footer .in-sec:after {content:""; display:block; clear:both;} #footer .foot-upper {position:relative; z-index:2; border-bottom:1px solid #e5e5e5; background-color:#fff;} #footer .foot-upper:after {content:""; display:block; clear:both;} #footer .foot-upper .upper-menu {float:left;} #footer .foot-upper .upper-menu ul:after {content:""; display:block; clear:both;} #footer .foot-upper .upper-menu ul li {float:left; padding:17px 9px; font-size:13px; position:relative;} #footer .foot-upper .upper-menu ul li:before {content:""; display:block; width:1px; height:12px; position:absolute; left:0; top:27px; background-color:#d5d5d5;} #footer .foot-upper .upper-menu ul li:first-child {padding-left:0;} #footer .foot-upper .upper-menu ul li:first-child:before {display:none;} #footer .foot-upper .upper-menu ul li a {display:block; height:30px; line-height:30px; color:#575757;} #footer .foot-lower {position:relative; z-index:2; padding:10px 0 24px; background-color:#fff;} #footer .foot-lower .upper-export {float:right;} #footer .foot-lower .footer-link {display:inline-block; background:#9ac2dc; border:1px solid #7eb2d4; text-align:center; text-decoration:none; color:#fff; box-sizing:border-box; padding:3px 15px 0 15px; /*width:203px;*/ height:30px; vertical-align:middle;} #footer .foot-lower .upper-export a {display:inline-block; margin:15px 0 0 5px; vertical-align:middle;} #footer .foot-lower .addr {float:left; font-size:13px; color:#575757;} #footer .foot-lower .copyright {float:left; margin-top:20px; margin-left:11px; font-size:12px; color:#575757;} #footer .foot-lower .foot-link {float:left;} /* footer family */ .foot-link > .sel-type {float:left; margin-top:12px; font-size:13px; position:relative; width:160px;} .foot-link > .sel-type > a {color:#575757; display:block; height:100%; padding-left:20px; line-height:38px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background-color:#fafafa; border:1px solid #e5e5e5;} .foot-link > .sel-type > a:after {content:""; display:block; position:absolute; width:11px; height:7px; right:15px; top:17px; background:url(/resource/img/common/ico_sprite.png) no-repeat -174px -83px;} .foot-link > .sel-type.active > a:after {background-position:-174px -90px; top:16px;} .foot-link > .sel-type a.active {color:#004288;} .foot-link > .sel-type a:hover {text-decoration:none;} .foot-link > .sel-type ul {padding:12px 0 17px; border:1px solid #e7e7e7; width:auto; position:absolute; bottom:39px; left:0; background:#fff; display:none; width:160px; box-sizing:border-box;} .foot-link > .sel-type ul a {display:block; padding:3px 19px 2px; font-size:13px;} /* footer family 2*/ .foot-link2 > .sel-type2 {float:left; margin-top:12px; margin-right:12px; font-size:13px; position:relative; width:180px;} .foot-link2 > .sel-type2 > a {color:#575757; display:block; height:100%; padding-left:20px; line-height:38px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background-color:#fafafa; border:1px solid #e5e5e5;} .foot-link2 > .sel-type2 > a:after {content:""; display:block; position:absolute; width:11px; height:7px; right:15px; top:17px; background:url(/resource/img/common/ico_sprite.png) no-repeat -174px -83px;} .foot-link2 > .sel-type2.active > a:after {background-position:-174px -90px; top:16px;} .foot-link2 > .sel-type2 a.active {color:#004288;} .foot-link2 > .sel-type2 a:hover {text-decoration:none;} .foot-link2 > .sel-type2 ul {padding:0px 0 0px; border:1px solid #e7e7e7; width:auto; position:absolute; bottom:39px; left:0; background:#fff; display:none; width:400px; box-sizing:border-box;} .foot-link2 > .sel-type2 ul a {display:block; padding:3px 19px 2px; font-size:13px;} /* error */ #header .in-sec.error-page {padding-bottom:10px; border-bottom:1px solid #d7d7d7; margin-top:100px;} /* accessbility */ .acc {width:100%; height:0; overflow:hidden; text-align:center; display:block;} .acc:focus, .acc:active{width:100%; height:30px; color:#fff; line-height:30px; text-decoration:none !important; font-size:14px; position:absolute; top:0; left:0; z-index:500; display:block; background:#008dd6; background:linear-gradient(to right, #008dd6 50%,#000 100%);} /* accordion */ .acco-bsc {border-top:1px solid #ddd; margin-bottom:20px;} .acco-bsc li > a {display:block; padding:10px; border-bottom:1px solid #ddd;} .acco-bsc li .toggle-ele {padding:10px; background-color:#efefef; border-bottom:1px solid #ddd;} .as-accordion .toggle-ele {display:none;} .as-accordion .toggle-ele .grid-space {padding:20px;} .as-accordion .acco-type2 .grid-area {padding:35px 0 0 0;} .layer-popup .as-accordion .toggle-ele .tbl-wrap .btns-wrap {margin-top:0;} .layer-popup .as-accordion .toggle-ele .tbl-wrap .tbl-list + .btns-wrap {margin-top:20px;} /* layer popup */ .layer-popup {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%;} .layer-popup .dimmed {width:100%;height:100%; background:#000;opacity:.5; filter:alpha(opacity=50); position:fixed; top:0; left:0;} .layer-popup .pop-area {background-color:#fff; width:700px; height:auto; display:block; position:absolute; top:50%; left:50%; z-index:10; border:3px solid #0082dd; border-top:0; box-sizing:border-box; box-shadow:5px 5px 20px 0px rgba(0,0,0,0.2);} .layer-popup .pop-area .pop-tit {display:block; height:50px; padding-left:27px; background:#0082dd; font-size:20px; color:#fffefe; text-align:left; font-family:'notoR'; font-weight:700; line-height:46px;} .layer-popup .pop-area .btn-close a {position:absolute; top:5px; right:6px; display:block; height:40px; width:40px; box-sizing:border-box;} .layer-popup .pop-area .btn-close a:before {content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -269px -15px;} .layer-popup .pop-area .btns-wrap {margin:30px 0 0;} .layer-popup .pop-area .tbl-wrap .btns-wrap {margin:30px 0 6px;} .layer-popup .in-sec {width:auto; margin:18px auto;} .pop-area .in-sec {width:auto;} .layer-popup .in-sec.first {margin-top:0;} .only-dimmed {width:100%;height:100%; background:#000;opacity:.5; filter:alpha(opacity=50); position:fixed; top:0; left:0; z-index:9001;} /* alert message */ .layer-popup .pop-area.type-alert01 .pop-content:after {height:30px;} .layer-popup .pop-area.type-alert01 {border:3px solid #dcdcdc; border-radius:3px;} .layer-popup .pop-area.type-alert01 .btn-close a {position:absolute; top:0; right:0; width:32px; height:32px;} .layer-popup .pop-area.type-alert01 .btn-close a:before {background-position:-32px -18px;} .layer-popup .pop-area.type-alert01 .pop-tit {position:relative; height:25px; margin:22px 30px 10px; padding-left:35px; background-color:#fff; color:#0082dd; font-size:18px; font-weight:bold; font-family:'malgun', '맑은고딕'; line-height:20px;} .layer-popup .pop-area.type-alert01 .pop-tit:before {content:''; position:absolute; top:0; left:0; width:25px; height:25px; background:url(/resource/img/common/ico/ico_alert_tit.png) 0 0 no-repeat;} .layer-popup .pop-area.type-alert01 .pop-tit.type01:before {background-position:0 0;} .layer-popup .pop-area.type-alert01 .pop-tit.type02:before {background-position:0 -25px;} .layer-popup .pop-area.type-alert01 .pop-tit.type03:before {background-position:0 -50px;} .layer-popup .pop-area.type-alert01 .pop-content {padding:0 30px;} .layer-popup .pop-area.type-alert01 .message-area {padding:30px; background-color:#fafafa; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;} .layer-popup .pop-area.type-alert01 .message-area .text {color:#333; font-size:14px; line-height:22px;} .layer-popup .pop-area.type-alert01 .message-area .error-code {color:#ff4628; font-size:14px; font-weight:bold; line-height:22px;} .layer-popup .pop-area.type-alert01 .btns-wrap {margin:20px 0 0;} /* 365코너 */ .pop-content {font-size:14px; line-height:1.5;} .pop-content .cs-lists li.non-bul, .pop-content p.c-lists.non-bul {padding-left:0;} .pop-content .cs-lists li.non-bul:before, .pop-content p.c-lists.non-bul:before {display:none;} .pop-content .regular_box > .search-wrap {border-top:0; padding:25px;} .pop-content .btn-ico.btn-banksch {width:44px; height:40px; background:#575757 url(/resource/img/ibs/ico_bank_sch.png) center center no-repeat; border-radius:2px;} .pop-content .btn-ico.btn-banksch:before {background:none;} .pop-content .search-wrap .ele-text {height:40px; line-height:38px;} .pop-content .white-box03 {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:10px; padding:0 20px;} .pop-content .white-box03.bor-t0 {border-top:0;} .pop-content .white-box03 .tab-cs {margin-left:-40px;} .pop-content .white-box03 .tab-cs.flexible li {width:auto;margin-left:40px;} .pop-content .map-wrap.bank .grid-col.left {width:40%;} .pop-content .map-wrap.bank .grid-col.right {width:55%;} .pop-content .map-wrap.bank .cs-lists {margin-left:0;} .pop-content .map-wrap.bank .cs-lists li > strong {position:absolute; top:0; left:13px; width:90px; font-weight:normal;} .pop-content .map-wrap.bank .cs-lists li > p {padding:0 20px 6px 100px;} .pop-content .map-wrap .api-map {height: 400px;border: 1px solid #dcdcdc;} .pop-content .map-wrap.head .api-map {margin-top:38px; height:470px;} .pop-content .grid-row:after {display:block; content:''; clear:both;} .pop-content .grid-row > .grid-col {float:left; box-sizing:border-box;-webkit-box-sizing:border-box;-mo-box-sizing:border-box;} .pop-content .grid-row > .grid-col.right {float:right;} .pop-content .sch-result {margin:0 15px -10px;} /* button align */ .btns-wrap {text-align:center; margin:40px 0; position:relative;} .btns-wrap:after {content:""; display:block; clear:both;} .btns-wrap > a {margin:0 3px;} .btns-wrap .loc-left {float:left;} .btns-wrap .pos {position:absolute; top:0;} .btns-wrap .btns {margin:0 3px;} .btns-wrap .loc-left.pos {left:0;} .btns-wrap .loc-right.pos {right:0;} .btns-wrap .loc-left .btns {margin-right:7px; margin-left:0;} .btns-wrap .loc-right {float:right;} .btns-wrap .loc-right .btns {margin-left:7px; margin-right:0;} /* 상단 그리드 영역밖에 버튼 추가 */ .grid-btns {margin-top:55px !important;} .btns-wrap .posi-r {position:absolute; top:-49px; right:0; z-index:1;} .btns-wrap .posi-r .btns {margin:0 0 0 3px;} .cont-wrap .btns-wrap:first-child {margin-top:0;} /* font color */ .col-blue, .col-blue:before {color:#5d84e7 !important;} /* tab menu */ .tab-type01 {position:relative; width:100%; margin-bottom:40px;} .tab-type01:before {content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#333;} .tab-type01:after {content:""; display:block; clear:both;} .tab-type01 li {float:left; background-color:#f5f5f5; margin:-1px 0 0 -1px; font-size:15px;} .tab-type01 li:first-child {margin-left:0;} .tab-type01 li > a {display:block; padding:14px 20px; text-align:center; border:1px solid #ccc; border-bottom:1px solid #333; color:#575757; text-decoration:none;} .tab-type01 li.active {position:relative; background-color:#fff; margin-bottom:-1px;} .tab-type01 li.active > a {border:1px solid #333; border-bottom:2px solid #fff; color:#333; font-weight:700;} .tab-type01 li i {color:#0082dd; font-style:normal;} .tab-type02 {overflow:hidden; position:relative; margin-bottom:-1px; border:1px solid #dcdcdc; border-bottom:0; background-color:#fff;} .tab-type02:before {content:''; position:absolute; left:30px; right:30px; bottom:0; height:1px; background-color:#dcdcdc;} .tab-type02 li {float:left; width:50%; text-align:left;} .tab-type02 li:first-child {text-align:right;} .tab-type02 li a {display:inline-block; position:relative; height:90px; padding:0 30px; color:#9b9b9b; font-family:'notoR'; font-size:22px; font-weight:400; line-height:90px;} .tab-type02 li a:hover {text-decoration:none;} .tab-type02 li:hover a, .tab-type02 li.active a {color:#333;} .tab-type02 li:hover a:before, .tab-type02 li.active a:before {content:''; position:absolute; left:50%; bottom:20px; width:13px; height:8px; margin-left:-7px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -238px -84px;} .tab-conthide {display:none;} .tab-title02 {position:relative; margin-bottom:-1px; border:1px solid #dcdcdc; border-bottom:0; background-color:#fff;} .tab-title02:before {content:''; position:absolute; left:30px; right:30px; bottom:0; height:1px; background-color:#dcdcdc;} .tab-title02 .title {height:90px; padding:0 30px; color:#333; font-family:'notoR'; font-size:22px; font-weight:400; text-align:center; line-height:90px;} .chk-tab {overflow:hidden; margin-bottom:15px;} .chk-tab li {position:relative; float:left; width:535px; margin-left:10px; background-color:#f5f5f5; border:1px solid #d5d5d5; border-radius:3px; box-sizing:border-box;} .chk-tab li:first-child {margin-left:0;} .chk-tab li:before {content:''; position:absolute; top:50%; left:35px; width:30px; height:30px; margin-top:-15px; background-image:url(/resource/img/common/ico/img_chk_tab.png); background-repeat:no-repeat; background-position:0 0;} .chk-tab li a {display:block; width:100%; height:100%; padding:18px 0 19px 87px; text-decoration:none; box-sizing:border-box;} .chk-tab li .title {display:block; font-family:'notoR'; font-weight:400; font-size:20px; color:#333;} .chk-tab li .text {display:block; font-size:14px; color:#575757;} .chk-tab li.active {background-color:#5d84e7; border:1px solid #5d84e7;} .chk-tab li.active .title, .chk-tab li.active .text {color:#fff;} .chk-tab li.active:before {background-position:-30px 0;} /* check, radio design solution */ /* 동의신청 내용이 2줄 이상일 경우 wrap으로 감쌈 */ .ele-wrap {position:relative; padding-left:30px; text-align:left;} .ele-wrap .ele-chk {position:absolute; top:0; left:0;} .ele-wrap lable {margin-right:0;} input[type=checkbox], input[type=radio] {display:inline-block; position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; filter:alpha(opacity=0); outline:0;} .ie8 input[type=checkbox], .ie8 input[type=radio] {padding:0;} .GridMain input[type=checkbox], .GridMain input[type=radio] {position:relative; left:auto; top:auto; width:initial; height:initial; margin:0; opacity:100; filter:alpha(opacity=100); outline:initial;} .GridMain input[type=checkbox]:focus, .GridMain input[type=radio]:focus{outline: 1px dotted; outline: auto-webkit-focus-ring-color;} .ele-chk {display:inline-block; position:relative; width:24px; height:24px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat 0 -32px; vertical-align:middle; box-sizing:border-box;} .ele-chk.focus:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px dotted #000;} .ele-chk.checked {background-position:-26px -32px;} .ele-chk.disabled {background-position:-52px -32px;} .ele-chk.disabled.checked {background-position:-78px -32px;} .ele-chk.sm {display:inline-block; position:relative; width:18px; height:18px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -104px -32px; vertical-align:middle; box-sizing:border-box;} .ele-chk.sm.focus:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px dotted #000;} .ele-chk.sm.checked {background-position:-124px -32px;} .ele-chk.sm.disabled {background-position:-144px -32px;} .ele-chk.sm.disabled.checked {background-position:-164px -32px;} .ele-rdo {display:inline-block; position:relative; width:24px; height:24px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat 0 -58px; vertical-align:middle;} .ele-rdo.focus:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px dotted #000;} .ele-rdo.checked {background-position:-26px -58px;} .ele-rdo.disabled {background-position:-52px -58px;} .ele-rdo.disabled.checked {background-position:-78px -58px;} .ele-rdo.sm {display:inline-block; position:relative; width:18px; height:18px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -104px -58px; vertical-align:middle;} .ele-rdo.sm.focus:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px dotted #000;} .ele-rdo.sm.checked {background-position:-124px -58px;} .ele-rdo.sm.disabled {background-position:-144px -58px;} .ele-rdo.sm.disabled.checked {background-position:-164px -58px;} .ele-chk + label, .ele-rdo + label, .ele-chk + label + .tooltip, .ele-rdo + label + .tooltip {display:inline-block; margin-right:10px; vertical-align:middle; min-height:23px;} .ele-chk.last + label, .ele-rdo.last + label {margin-right:0;} /* 우측정렬되는 경우의 여백제거를 마지막 조건으로 처리 */ label.lang-en {margin-top:3px; padding-bottom:3px;} /* radio, checkbox 리스트형식 */ .ele-inp-list li {margin-top:5px;} .ele-inp-list li:first-child {margin-top:0;} .ele-inp-list li .list-chk {vertical-align:top;} /* radio 바형식 */ .ele-rdo2 {display:inline-block; border-radius:2px; border:1px solid #0082DD; font-size:0; line-height:0;} .ele-rdo2 .rdo-item {display:inline-block; position:relative; border-left:1px solid #0082DD; color:#575757; font-size:14px;} .ele-rdo2 .rdo-item:first-child {border-left:0;} .ele-rdo2 label {display:inline-block; position:relative; z-index:5; height:43px; padding:0 25px; line-height:43px; cursor:pointer;} .ele-rdo2 .rdo-item.check label {background:#0082DD; color:#fff; cursor:default;} .ele-rdo2 .rdo-item.focus {z-index:5;} .ele-rdo2 .rdo-item.focus:before {content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:1px dotted #fff;} .ele-rdo2.flat-opt label {padding-left:20px; padding-right:20px;} /* select system type */ .ele-select {position:relative; display:inline-block; width:200px; height:45px; border-radius:2px; border:1px solid #dcdcdc; box-sizing:border-box; vertical-align:middle;} .ele-select:after {content:''; display:block; clear:both;} .ele-select .select {position:relative; z-index:10; width:100% !important; height:45px; line-height:45px; opacity:0;} .ele-select .select option {-moz-border-end:1px solid #dcdcdc;} .ele-select .select[disabled] + .select-indi {background-color:#fafafa;} .ie8 .ele-select .select {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'} .ele-select .select-indi {overflow:hidden; float:left; position:absolute; left:0; top:0; bottom:0; z-index:1; width:100%; height:auto !important; padding-right:30px; box-sizing:border-box; background-color:#fff; text-overflow:ellipsis; text-indent:15px; line-height:43px; text-align:left; white-space:nowrap;} .ele-select.emphasis .select-indi, .emphasis {background-color:#f1f9ff;} .sel-wrap.emphasis .text-indi {background-color:#fff;} .ele-select .select-indi:before {content:''; position:absolute; right:15px; top:50%; width:13px; height:7px; margin-top:-4px; background-image:url(/resource/img/common/ico/ico_sprite.png); background-repeat:no-repeat; background-position: -32px 0; opacity:.8;} .ele-select .select-indi.focus:after {content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:2px solid #0182dd;} .ele-select .select-indi.focus:before {background-position:-32px -9px;} .ele-select.hei-mid {width:auto; height:40px; border-color:#e5e5e5; vertical-align:top; margin-left:5px;} .ele-select.hei-mid.focus {border-color:#0182dd;} .ele-select.hei-mid .select {height:40px; line-height:30px;} .ele-select.hei-mid .select-indi {height:40px; line-height:38px; font-size:13px; color:#575757; background-color:#fafafa;} .ele-select.hei-mid .select-indi:before {width:9px; height:5px; margin-top:-4px; background-repeat:no-repeat; background-position: -34px -84px; opacity:.8;} .ele-select.hei-mid.focus .select-indi:before {margin-top:-4px; background-position:-34px -91px;} .ele-select.hei-mini {width:auto; height:30px; border-color:#b5b5b5; vertical-align:top; margin-left:5px;} .ele-select.hei-mini.focus {border-color:#0182dd;} .ele-select.hei-mini .select {height:30px; line-height:30px;} .ele-select.hei-mini .select-indi {height:30px; line-height:28px; font-size:13px;} .ele-select.hei-mini .select-indi:before {width:9px; height:5px; margin-top:-4px; background-repeat:no-repeat; background-position: -34px -84px; opacity:.8;} .ele-select.hei-mini.focus .select-indi:before {margin-top:-4px; background-position:-34px -91px;} .ele-select.wid-auto {width:auto;} .ele-select.wid-full {width:100%; margin-right:50px;} .ele-select.emphasis, textarea.emphasis, .emphasis[type="text"], .emphasis[type="password"] {border:1px solid #dcdcdc;box-sizing:border-box;} .ele-select.emphasis.focus, textarea.emphasis.focus, .emphasis.focus[type="text"], .emphasis.focus[type="password"] {border:1px solid #0182dd;} /* ie8 */ .ie8 .ele-select select {min-width:100%; width:auto !important;} .ie8 .ele-select + * {position:relative; z-index:15;} /* paginate */ .paging {margin-top:30px; font-size:0; text-align:center; line-height:0;} .paging a, .paging span {display:inline-block; width:32px; height:32px; color:#555; font-size:15px; text-align:center; vertical-align:middle; line-height:32px;} .paging .crnt {background-color:#1091d0; color:#fff; font-weight:600;} .paging a:hover:not(.crnt) {background-color:#f2f2f2; text-decoration:none;} .paging .ellipsis {width:16px; height:2px; background:url(/resource/img/common/image/bg_ellipsis_x.png) repeat-x 0 0; font-size:0; text-indent:-9999px; vertical-align:middle; line-height:0;} .paging .navi-first, .paging .navi-prev, .paging .navi-next, .paging .navi-last {background-image:url(/resource/img/common/ico/btn_paging.gif); background-repeat:no-repeat; font-size:0; text-indent:-9999px; line-height:0; vertical-align:top;} .paging .navi-first {background-position:0 0;} .paging .navi-prev {margin:0 10px 0 5px; background-position:0 -33px;} .paging .navi-next {margin-left:10px; background-position:0 -66px;} .paging .navi-last {margin-left:5px; background-position:0 -99px;} /* table [title wrap.] */ .hori-scroll {overflow-x:scroll;} .tbl-wrap {position:relative;} .tbl-wrap .txt-info {display:inline-block; font-size:10px; vertical-align:top; margin-top:-2px;} .tbl-wrap .tbl-tit {font-size:22px; padding-bottom:17px; display:inline-block; font-family:'notoR'; font-weight:400; line-height:1.3} .tbl-wrap .tbl-tit.small {font-size:18px; padding-bottom:12px;} .tbl-wrap .tbl-tit.type02 {display:inline-block; padding-bottom:10px; font-size:15px; font-family:'malgun', '맑은고딕'; font-weight:normal; line-height:25px;} .tbl-wrap .tbl-headnote {font-size:12px; text-align:right; margin-bottom:4px; line-height:1.3} .tbl-wrap .tbl-headnote.type-txt {margin-bottom:10px;} .tbl-wrap .tbl-headnote:after {content:""; display:block; clear:both;} .tbl-wrap .tbl-tit + .tbl-headnote {position:absolute; top:0; right:1px; margin-bottom:0;} .tbl-wrap .tbl-tit + .tbl-headnote.type-txt {top:20px;} .tbl-wrap .tbl-text + .tbl-headnote {position:absolute; top:0; right:1px; margin-bottom:0;} .tbl-wrap .tbl-text {position:relative; display:inline-block; margin-bottom:10px; padding-left:21px; line-height:35px;} .tbl-wrap .tbl-text:before {content:''; position:absolute; top:15px; left:0; width:5px; height:5px; background-color:#0082dd; border-radius:15px;} .tbl-wrap .tbl-headnote .unit-txt {display:inline-block; margin-top:10px;} .tbl-wrap .tbl-footnote {margin-top:15px;} .tbl-wrap p.tbl-footnote {margin-top:12px; color:#777; font-size:13px;} .tbl-wrap .btns-wrap {margin:30px 0 6px;} .tbl-wrap.taller {margin-top:-5px;} .tbl-wrap.taller .tbl-tit {padding-bottom:17px; font-size:22px;} .tbl-wrap.taller .tbl-focus {padding:0; border-bottom:0;} /* 아코디언이 닫혀 있을 때 */ .tbl-wrap.taller.on .tbl-focus {padding:13px 0; border-bottom:1px solid #dcdcdc;} /* 아코디언이 열려 있을 때 */ .tbl-wrap .bd-right {border-right:1px solid #d5dfea;} .tbl-wrap .align-right {text-align:right;} .tbl-wrap .align-left {text-align:left;} .tbl-wrap .tbl-txt01 {margin-top:10px;} .tbl-wrap .tbl-txt02 {display:inline-block; font-size:15px; vertical-align:middle; margin-left:10px;} .tbl-wrap .tbl-txt03 {display:block; font-size:15px; margin-bottom:-5px;} .tbl-wrap .unit {display:inline-block; margin-right:10px; line-height:45px;} .tbl-wrap .unit02 {display:inline-block; margin-right:6px; height:17px; vertical-align:-17px;} .tbl-wrap .tbl-tit.type02 + .tbl-headnote .unit {line-height:35px;} .tbl-wrap .type03 .unit {display:inline-block; margin-right:10px; line-height:35px;} .tbl-wrap .unit .type-txt {color:#ff4628} /* 주황색 */ .tbl-wrap .unit .type-txt2 {color:#0082dd} /* 파랑색 */ .tbl-wrap .refer-num {color:#0082dd;} .tbl-wrap .byte-txt {color:#777;} .tbl-wrap .byte-txt em {color:#575757;} .tbl-wrap.scroll-x {width:100%; overflow-x:scroll} .tbl-wrap tbody th .lyr-wrap-abs {z-index:15;} .tbl-wrap .refer-txt {position:relative; padding-left:18px; font-size:13px; color:#919090; line-height:19px;} .tbl-wrap .refer-txt:before {content:''; position:absolute; top:50%; left:0; width:13px; height:13px; margin-top:-6px; background:url(/resource/img/common/ico/ico_sprite.png) -269px 0 no-repeat;} .tbl-wrap .refer-txt.type02 {line-height:45px;} .tbl-wrap .survey-text {margin-bottom:10px; color:#333; font-size:14px;} .tbl-wrap .survey-list li {margin-top:10px;} .tbl-wrap .survey-list li:first-child {margin-top:0;} .tbl-wrap .add-text {margin-top:10px; font-size:13px; color:#575757;} .tbl-wrap .add-text em {color:#0082dd;} /* table upper focus type */ .tbl-focus {padding:13px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;} .tbl-focus.bdT0 {border-top:0;} .tbl-focus th, .tbl-focus td {height:45px; padding:7px 20px 7px 0; color:#333; font-weight:normal; text-align:left; vertical-align:top; box-sizing:border-box;} .tbl-focus th {font-size:14px; line-height:45px;} .tbl-focus th.more {line-height:22px;} .tbl-focus th .btn-tooltip img {vertical-align:sub;} .tbl-focus td {vertical-align:middle;} .tbl-focus td input, .tbl-focus td radio, .tbl-focus td checkbox, .tbl-focus td button, .tbl-focus td .ele-select {margin-right:6px;} .tbl-focus td .btns {margin-right:6px;} .tbl-focus td .inp-box {margin-bottom:10px;} .tbl-focus td .inp-box .plus-btn {display:inline-block; width:45px; height:45px; background:url(/resource/img/common/ico/img_plus01.gif) center center no-repeat; text-indent:-9999em; vertical-align:middle; border:1px solid #808080; border-radius:2px;} .tbl-focus td .inp-box .minus-btn {display:inline-block; width:45px; height:45px; background:url(/resource/img/common/ico/img_minus01.gif) center center no-repeat; text-indent:-9999em; vertical-align:middle; border:1px solid #808080; border-radius:2px;} .tbl-focus td .label-text {margin-right:5px; line-height:45px; vertical-align:middle;} .tbl-focus td .label-text:first-child {margin-left:0;} .tbl-focus td .msg-text {position:relative; display:inline-block; padding-left:19px; color:#575757; font-size:13px; line-height:45px;} .tbl-focus td .msg-text:before {content:''; position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-6px; background:url(/resource/img/common/ico/ico_sprite.png) -47px 0 no-repeat;} .tbl-focus .pad-tb0 {padding-top:0; padding-bottom:0;} .tbl-focus .pad-t0 {padding-top:0;} .tbl-focus .fl-r {float:right;} .tbl-focus .last-tr th, .tbl-focus .last-tr td {border-bottom:1px solid #575757;} .tbl-focus.type02 {padding:10px 0;} .tbl-focus.type02 th, .tbl-focus.type02 td{padding:10px 0;} .tbl-focus.type02 .b-num {display:inline-block; box-sizing:border-box; height:45px; font-size:22px; color:#333; line-height:43px; margin-right:3px; margin-left:4px;} .tbl-focus.type02 .b-num-emp {color:#ff4628;} .tbl-focus.type02 .b-num-input {margin-left:4px; margin-right:4px;} .tbl-wrap .tbl-focus .inp-file {position:relative; display:inline-block; margin-right:14px; padding-right:20px;} .tbl-wrap .tbl-focus .inp-file:before {content:''; position:absolute; top:0; right:0; width:1px; height:45px; background-color:#dcdcdc;} .tbl-wrap .tbl-focus .inp-file.noline:before {display:none;} .tbl-wrap .tbl-focus .inp-file .btns {margin-right:0;} .tbl-wrap .tbl-focus .inp-file input[type="file"] {position:absolute; top:0; right:20px; width:86px; height:45px; margin-right:0; opacity:0; cursor:pointer;} .tbl-focus.type02 .ele-select select {vertical-align:top;} /* table list */ .tbl-list {position:relative; border-top:2px solid #5e666c;} .tbl-list + .tbl-list {margin-top:20px; border-top:1px solid #ddd;} .tbl-list + .tbl-list.same {border-top:2px solid #5e666c;} .tbl-list + .tbl-tit.small {margin-top:20px;} .tbl-list thead th {border-top:0; text-align:center;} .tbl-list th {border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:12px 10px; line-height:130%; background-color:#f2f2f2; height:30px; font-size:15px; vertical-align:middle; font-weight:normal;} .tbl-list thead th:first-child, .tbl-list tbody th:first-child {border-left:0;} .tbl-list thead th.line, .tbl-list tbody th.line {border-left:1px solid #ddd !important;} .tbl-list th .refer-num {color:#0082dd;} .tbl-list td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:9px 10px 10px; vertical-align:middle; height:35px; color:#575757; font-size:14px; text-align:center;} .tbl-list td:first-child {border-left:0;} .tbl-list td.line {border-left:1px solid #d5dfea !important;} .tbl-list td.no-line {border-left:0 !important;} .tbl-list td.txt-lower {text-align:center;} .tbl-list td .inp-box {margin-bottom:10px;} .tbl-list td .ele-box {display:inline-block; line-height:33px;} .tbl-list td .right-ele {position:relative; float:right;} .tbl-list td .right-ele:before {content:''; display:block; clear:both;} .tbl-list .sum-text {color:#ff4628;} .tbl-list td .no-data {color:#575757; font-size:14px; line-height:100px;} .tbl-list td .ele-select .select-indi {height:35px; line-height:35px;} .tbl-list td .label-text {margin: 0 5px 0 0; line-height:35px; vertical-align:middle;} .tbl-list td .label-text:first-child {margin-left:0;} .tbl-list td .msg-text {position:relative; display:inline-block; padding-left:19px; color:#575757; font-size:13px; vertical-align:middle;} .tbl-list td .msg-text:before {content:''; position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; background:url(../img/common/ico_sprite.png) -47px 0 no-repeat;} .tbl-list td .lists + .btns-area, .tbl-list td .type-noti + .btns-area {margin:10px 0 0 15px;} .tbl-list td input, .tbl-list td radio, .tbl-list td checkbox, .tbl-list td button, .tbl-list td .ele-select {margin-right:6px;} .tbl-list td .cs-lists {margin-bottom:0;} .tbl-list tr.ele-bg td {background-color:#e9f1fa;} .tbl-list tr td.ele-bg {background-color:#f5f9ff;} .tbl-list td .lyr-wrap-rela {display:inline; vertical-align:baseline;} .tbl-list td.vat {padding-top:16px;vertical-align:top;} .tbl-list tfoot th:first-child, .tbl-list tfoot td:first-child {border-left:0;} .tbl-list tfoot th, .tbl-list tfoot td {background:#fafafa; color:#5d84e7; font-weight:700;} .tbl-wrap .tbl-list .inp-file {position:relative; display:inline-block; margin-right:14px; padding-right:20px;} .tbl-wrap .tbl-list .inp-file:before {content:''; position:absolute; top:0; right:0; width:1px; height:35px; background-color:#dcdcdc;} .tbl-wrap .tbl-list .inp-file.noline:before {display:none;} .tbl-wrap .tbl-list .inp-file .btns {height:35px; margin-right:0; line-height:33px;} .tbl-wrap .tbl-list .inp-file input[type="file"] {position:absolute; top:0; right:20px; width:86px; height:35px; margin-right:0; padding:0; opacity:0; cursor:default;} .tbl-wrap .tbl-list .inp-file.type02 {margin-right:0; padding-right:0;} .tbl-wrap .tbl-list .inp-file.type02:before {display:none;} .tbl-wrap .tbl-list .inp-file.type02 input[type="file"] {right:0;} .tbl-wrap .tbl-list .split-cell {padding:3px 10px;} .tbl-list.type02 thead th {border-left:1px solid #d5dfea; padding:7px 10px 8px;} .tbl-list.type02 thead th:first-child {border-left:0;} .tbl-list.type02 thead th.split-cell:first-child {border-left:1px solid #d5dfea;} .tbl-list.type02 .split-cell {padding:3px 10px;} .tbl-list.type03 thead th {font-size:15px; color:#333; background-color:#f2f2f2;} .tbl-list.type03 tbody th {padding-left:15px; text-align:left;} .tbl-list.type03 tr:first-child th, .tbl-list.col tr:first-child td {border-top:0;} .tbl-list.type03 td {padding-left:15px; padding-right:15px; text-align:left;} .tbl-list.type03.line th {border-left:1px solid #ddd;} .tbl-list.type03.line td {border-left:1px solid #ddd; text-align:center;} .tbl-list.type03.line th:first-child, .tbl-list.type03.line td:first-child, .tbl-list.type03.line tfoot.bg-none td:first-child{border-left:0;} .tbl-list.type03.line tfoot td {border-left:0; background:#fafafa; color:#5d84e7; font-weight:700;} .tbl-list.type03.line tfoot.bg-none td {border-left:1px solid #ddd; background:#fff; color:#5d84e7; font-weight:700;} .tbl-list.type03 .bg {border-left:1px solid #ddd;} .tbl-list.type03 .bg:first-child {border-left:0;} .tbl-list.type03 .bg.line:first-child {border-left:1px solid #d5dfea;} .tbl-list.type03 .bg-none {background-color:#fff;} .tbl-list.type03 .left-noline {border-left:0 !important;} .tbl-list.type03 .pad-0 {padding:0 !important;} .tbl-list.type03 td table th{text-align:center; padding:0; height:50px;} .tbl-list.type03 td table tbody th {font-size:14px;} .tbl-list.type03 td table td{padding:0; height:50px;} .tbl-list.type03 td table .no-line td {border-bottom:0;} .tbl-list.type03 td .inp-box {margin-bottom:10px;} .tbl-list.type03 .keyboard-type .btn-mouse {height:33px;} .tbl-list.type03 .tbl-date-picker, .tbl-list.type03 .keyboard-type {vertical-align:middle;} .tbl-list .inner-tbl {margin:10px 0; border-top:2px solid #5e666c;} .tbl-list.type03 .inner-tbl tbody td {height:auto; padding:9px 20px 10px; text-align:center;} .tbl-list.type03 .split-cell {padding:3px 10px;} .tbl-list.type03 td input[type="text"], .tbl-list.type03 td input[type="password"], .tbl-list.type03 td .ele-select {height:35px; line-height:33px;} .tbl-list.type03 td input:focus {line-height:31px;} .tbl-list.type03 td .ele-select select {height:35px; line-height:35px; vertical-align:top;} .tbl-list.type03 td .terms a {height:35px; line-height:31px;} .tbl-list.type03 .unit02 {vertical-align:-8px;} .tbl-list.type03 .code-title .code {float:left;width:65px;} .tbl-list.type03 .code-title .title {display:block;overflow:hidden;} .tbl-list.type03 td .num-by-txt {line-height:35px;} .tbl-list.type04 th {text-align:center; border-left:1px solid #ddd; background:#f2f2f2;} .tbl-list.type04 th:first-child {border-left:0;} .tbl-list.type04 th.line, .tbl-list.type04 td.line {border-left:1px solid #d5dfea;} .tbl-list .row-bg {background:#fafafa !important;} .tbl-list.type04 .split-cell {padding:3px 10px;} .tbl-list.type04 td {border-left:1px solid #ddd; text-align:center;} .tbl-list.type04 td:first-child {border-left:0;} .tbl-list.type04 td.line {border-left:1px solid #ddd;} .tbl-list.type04 td input[type="text"], .tbl-list.type04 td input[type="password"], .tbl-list.type04 td .ele-select {height:35px;line-height:35px;} .tbl-list.type04 td .ele-select select {height:35px; line-height:35px; vertical-align:top;} .tbl-list.type04 td .terms a {height:35px; line-height:35px;} .tbl-list.type04 .col-blue {color:#5d84e7;} .tbl-list .bg {background-color:#fafafa !important;} .tbl-list.type05 {border-top-color:#5e666c;} .tbl-list.type05 td {border-bottom-color:#ddd;border-left-color:#ddd;} .tbl-list.inner-tbl {border-top:1px solid #2cb1e2;} .tbl-list.inner-tbl input {height:33px;} .tbl-list.case-exp01 thead th {padding-left:0; padding-right:0;} .tbl-list.info-tbl thead th {font-size:15px; color:#333; background-color:#e9f1fa;} .tbl-list.info-tbl tbody th {padding-left:15px; text-align:left;} .tbl-list.info-tbl tr:first-child th, .tbl-list.col tr:first-child td {border-top:0;} .tbl-list.info-tbl td {padding:10px 20px 15px; text-align:left; vertical-align:top;} .tbl-list .desc {margin-top:5px; color:#777;} .tbl-list td.hei-taller {padding-top:13px; padding-bottom:14px;} .certi-num {vertical-align:middle; display:inline-block; margin-left:5px; margin-right:10px;} .certi-num > em {font-size:24px; font-family:'notoR'; vertical-align:middle; margin-top:-3px; display:inline-block; color:#004c98;} .tbl-list2 {border-top: 2px solid #333;;} .tbl-list2 th {height:30px; padding:12px 10px; border-bottom:1px solid #d5dfea; font-weight:400; font-size:15px; vertical-align:middle; background-color:#fafafa;} .tbl-list2 td {height:35px; padding:9px 10px 10px; border-bottom:1px solid #d5dfea; font-size:14px; color:#575757; text-align:center; vertical-align:middle;} .tbl-list2 .link {display:inline-block; overflow:hidden; position:relative; height:100%; text-overflow:ellipsis; white-space:nowrap; max-width:100%; color:#575757; text-decoration:none; vertical-align:top; line-height:35px;} .tbl-list2 .link:hover {text-decoration:underline;} .tbl-list2 .label-text {line-height:35px; color:#575757;} .tbl-list2 .ele-select, .tbl-list2 .ele-select select, .tbl-list2 .ele-select .select-indi, .tbl-list2 input[type="text"], .tbl-list2 input[type="password"]{height:35px; line-height:35px;} .tbl-list2 .text-ellipsis {display:inline-block; max-width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .tbl-list2 .right-wrap {float:right;} .tbl-list2 td .btn-ico {vertical-align:top; margin-top:1px;} .tbl-list2 td.is-working {color:#ff4628;} .rank-tbl .rank {display:inline-block; padding-left:45px; line-height:31px; background-image:url(/resource/img/common/ico/ico_vip_rank02.png); background-repeat:no-repeat;} .rank-tbl .rank01 {background-position:0 0;} .rank-tbl .rank02 {background-position:0 -31px;} .rank-tbl .rank03 {background-position:0 -62px;} .rank-tbl .rank04 {background-position:0 -93px;} /* table view */ .tbl-view {border-top:1px solid #d5dfea;} .tbl-view th, .tbl-view td {height:55px; vertical-align:middle; text-align:left; border-bottom:1px solid #d5dfea;} .tbl-view th {padding:0 15px; font-size:15px; background-color:#f3f7fc; color:#333; font-weight:400;} .tbl-view td {padding:0 15px; font-size:14px; color:#575757; line-height:20px;} /* table bg. emp [납부 금액 등] */ .tbl-imp-bg {background-color:#e9f1fa;} /* table dashed */ .tbl-dashed {position:absolute; top:-2px; bottom:0;} .tbl-dashed:after, .tbl-dashed:before {position:absolute; left:0; top:0; right:0; bottom:0; border:3px solid #fff; content:''} .tbl-dashed:after {border:3px dashed #004c98;} .tbl-dashed > span {position:absolute; left:-9999em; top:-9999em;} /* board-list */ .zboard-list {border-top:2px solid #333} .zboard-list li {padding:16px 10px 17px; border-bottom:1px solid #d5dfea;} .zboard-list li a {display:inline-block; color:#575757;} /* 소타이틀형 리스트 */ .order-list li {font-size:16px; color:#333;} .order-list > li > ul {margin:10px 0 12px 20px;} .order-list li .img-wrap {margin:5px 0 15px; text-align:center;} /* list script styel [default:dot] */ .lists {width:100%; box-sizing:border-box; text-align:left;} .lists li {position:relative; margin-top:4px; padding-left:15px; line-height:20px; word-break:keep-all; font-size:14px; color:#575757;} .lists li:first-child {margin-top:0;} .lists li:before {content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#b5b5b5;} .lists li.ini {padding-left:0;} .lists li.ini:before {content:''; background:none;} .lists .btn-box {padding:0 10px 2px; box-sizing:border-box; border-radius:3px; border:1px solid #b5b5b5; color:#575757; font-size:13px; line-height:20px;} .lists.txt13 li {font-size:13px;} .lists.type-noti li {color:#777; font-size:13px;} .lists.type-noti li:before {content:'※'; position:absolute; left:0; top:0; color:#777; font-size:13px; line-height:20px; background:none;} .lists.type-noti li.box:before {content:'■';} .lists.type-noti li.star:before {content:'*';} .lists.type-noti li.none:before {content:' ';} .lists.type-noti li.non-bul {padding-left:0;} .lists.type-noti li.non-bul:before {display:none;} .lists.type-noti .btn-box {padding:0 10px 2px; box-sizing:border-box; border-radius:3px; border:1px solid #b5b5b5; color:#575757; font-size:13px; line-height:20px;} .lists.type-noti.btn-inner li:before {top:4px;} .lists.type-noti.btn-inner strong {vertical-align:baseline;} .lists li.rasing-emp {font-size:16px !important; font-weight:bold;} .lists2 li {position:relative; margin-top:7px; padding-left:10px; color:#575757; font-size:14px; color:#575757;} .lists2 li:first-child {margin-top:5px;} .lists2 li:before {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -47px -27px;} .cs-lists li > .lists2 {margin-top:8px;} .lists2 .lists.type-hyphen {margin-top:5px;} .lists2 .lists.type-hyphen li {margin-top:0; color:#777;} .num-list {width:100%; box-sizing:border-box;} .num-list > li {position:relative; margin-top:4px; padding-left:18px; line-height:20px; word-break:keep-all; color:#575757;} .num-list.type01 > li {padding-left:22px;} .num-list > li:first-child {margin-top:0;} .num-list > li:before {display:none;} .num-list > li .num {position:absolute; left:0; top:0; line-height:20px;} p.type-noti {position:relative; width:100%; box-sizing:border-box; margin-top:4px; padding-left:15px; line-height:20px; font-size:13px; color:#777;} p.type-noti:before {content:'※'; position:absolute; left:0; top:0; color:#777; font-size:13px; line-height:20px; background:none;} .noti-txt {position:relative; width:100%; box-sizing:border-box; margin-top:4px; padding-left:15px; line-height:20px; font-size:13px; color:#777;} .noti-txt:before {content:'※'; position:absolute; left:0; top:0; color:#777; font-size:13px; line-height:20px; background:none;} p.type-noti.emp {color:#0082dd;} p.type-noti.emp:before {color:#0082dd;} p.type-noti.emp02:before {color:#ff4628;} p.type-noti.btn-inner:before {top:4px;} p.type-noti.fs14{font-size:14px; line-height:21px; margin-top:10px;} /* 2022-09-15 추가 */ .lists.type-num {margin-left:20px;} .lists .lists.type-num {margin-top:4px;} .lists.type-num > li:before {display:none;} .lists.type-num > li {list-style-type:decimal; padding-left:0; text-indent:0;} .lists li .tbl-wrap {margin-top:10px;} .lists li .tbl-wrap.type02 {margin-top:10px;} p.type-hyphen {position:relative; width:100%; padding-left:13px; box-sizing:border-box;} p.type-hyphen:before, .lists.type-hyphen > li:before {content:'-'; position:absolute; left:0; top:0; color:#575757; font-size:13px; line-height:20px; background:none;} .lists.type-hyphen > li.type-change-noti:before {content:'※'; position:absolute; left:0; top:0; color:#575757; font-size:13px; line-height:20px; background:none;} .lists.type-noti li .lists.type-hyphen li {margin-top:0;} p.type-arw, .lists.type-arw > li {padding-left:10px; background:url(/resource/img/common/ico/bu-lists-arw.gif) no-repeat 0 9px;} p.type-arw, .lists.type-arw {margin-top:7px;} .lists.type-arw > li:before {display:none;} .lists li > .sub-lists, .cs-lists li > .sub-lists {margin-top:4px;} .lists li > .lists.type-arw {margin-top:3px;} .list-none {margin-top:10px;} .list-none > li {padding-left:0 !important;} .list-none > li:before {display:none;} .list-none.paren > li{text-indent:-22px; padding-left:22px !important;} .list-none.paren > li li {text-indent:0;} /* inner depth */ .sub-lists li {position:relative; margin-top:4px; padding-left:15px; line-height:20px; color:#575757;} .sub-lists li:first-child {margin-top:0;} .sub-lists li:before {content:''; position:absolute; left:0; top:10px; width:5px; height:1px; background-color:#7b7b7b;} .sub-lists.type-noti li {color:#777; font-size:13px;} .sub-lists.type-noti li:before {content:'※'; position:absolute; left:0; top:0; color:#777; font-size:13px; line-height:20px; background:none !important;} .sub-lists.type-arrow li:before {content:""; position:absolute; top:8px; left:0; background:url(/resource/img/common/ico/bu-lists-arw.gif) no-repeat left center; width:3px; height:3px;} .sub-lists.type-hyphen li:before {content:'-'; position:absolute; left:0; top:0px; color:#575757; font-size:13px; line-height:20px; background:none !important;} .sub-lists.type-bull > li:before {content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#b5b5b5;} p.c-lists {position:relative; font-size:16px; padding-left:15px; line-height:30px;} p.c-lists:first-child {margin-top:0;} p.c-lists:before {content:""; position:absolute; top:12px; left:0px; display:block; background:#0082dd; border-radius:15px; width:6px; height:6px;} .c-lists {margin-bottom:4px; margin-top:20px;} .c-lists.first {margin-top:0;} .c-lists > li {position:relative; font-size:16px; padding-left:15px; margin-top:6px;} .c-lists > li:before {content:""; position:absolute; top:10px; left:0px; display:block; background:#8bcbf1; border-radius:15px; width:6px; height:6px;} .c-lists > li.type-btns:before {top:13px;} .c-lists + .sub-lists {margin-left:15px;} .c-lists + .tbl-wrap {margin-top:20px;} .c-lists .tbl-wrap {margin:10px 0 20px;} .c-lists + .cs-lists {margin-left:15px; margin-top:10px;} .insec-tit + .c-lists, .in-sec.first > .c-lists:first-child {margin-top:0;} p.cs-lists {position:relative; padding-left:13px; color:#575757;} p.cs-lists:before {content:""; position:absolute; top:9px; left:0px; display:block; background:#b5b5b5; width:4px; height:4px;} p.cs-lists.type-btns:before {top:14px;}/* 조찬기 : 리스트에 버튼이 있는경우 블릿위치조정 */ .cs-lists {margin-bottom:9px; line-height:1.5;} .cs-lists.mb0 {margin-bottom:0;} .cs-lists.first {margin-top:0;} .cs-lists li:first-child {margin-top:0;} .cs-lists > li {position:relative; padding-left:13px; margin-top:7px; font-size:14px; color:#575757; text-align:inherit;} .cs-lists > li:before {content:""; position:absolute; top:9px; left:0px; display:block; background:#b5b5b5; width:4px; height:4px;} .cs-lists > li > .lists.type-hyphen, .cs-lists > li > .lists.type-num {margin-top:3px; font-size:14px;} .cs-lists .tbl-wrap {margin:10px 0 20px;} .cs-lists + .tbl-wrap {margin-top:10px;} /* 리스트에 인풋이 포함되어 있을 경우 */ .cs-lists.inp-list li:before {top:14px;} .under-line-style {font-weight:700; display:inline-block; border-bottom:1px solid #575757;} /* button [basic size medium] */ .btns.space-left {margin-left:10px;} .btns {position:relative; min-width:86px; vertical-align:middle; margin:0; padding:0 14px; height:45px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor: pointer; width:auto; font-size:14px; line-height:45px; color:#fff; box-sizing: border-box; display:inline-block; text-align:center; background-color:#0082dd; text-decoration:none;} span.btns {cursor:default !important;} .btns:link,.btns:visited,.btns:active {text-decoration:none; color:#fff;} .ie8 .btns {min-width:58px;} .ie8 .btns.xs {min-width:48px;} .btns-space-change .btns {padding:0 10px;} .btns.xl {height:100px; padding:0 35px; line-height:100px; font-size:18px; font-weight:600;} .btns.la {height:50px; padding:0 35px; line-height:48px; font-size:18px;} .btns.sm {height:35px; line-height:35px;} .btns.xs {min-width:76px; height:30px; line-height:30px; font-size:13px;} .btns.xxs {min-width:50px; height:25px; line-height:25px; font-size:13px;} .btns.white {border:1px solid #dcdcdc; background:#fff; color:#575757 !important; line-height:43px;} /* border 1px add. */ .btns.xl.white {line-height:98px; border:1px solid #b5b5b5;} .btns.sm.white {line-height:33px;} .btns.xs.white {margin:2px 0; line-height:28px; border:1px solid #b5b5b5;} .btns.xxs.white {line-height:23px; border:1px solid #b5b5b5;} .btns.blue {border:1px solid #008ae2; background-color:#fff; color:#008ae2; line-height:43px;} .btns.xs.blue {line-height:28px;} .btns.sm.blue {line-height:33px;} .btns.s-blue {border:1px solid #c2dee7; background:#fff; color:#318eba !important;} .btns.orange {border:1px solid #ff5e1f; background:#fff; color:#ff5e1f !important;} .btns.orange2 {border:1px solid #ff6200; background:#ff6200; color:#ffffff !important;} .btns.dark-gray, .layer-popup .btns.dark-gray {background-color:#575757;} .btns.white.thick {border-color:#808080;} .btns.gray, .layer-popup .btns.gray {background:#8594a5;} .btns.gray2 {border:1px solid #aaa; background:#f5f5f5; color:#aaa; line-height:33px;} .btns.la.white .btns.la.white2 {line-height:46px;} .btns.white.blue02 {border-color:#5d84e7; color:#5d84e7 !important;} .btns.line-emp {border-color:#0082dd; color:#0082dd !important;} .btns.multi-two {line-height:130%; vertical-align:middle;} .btns.la.white2 {line-height:43px;} .btns.la.orange2 {border:1px solid #ff6200; background:#ff6200; color:#ffffff !important;} .btns.la-fixed {width:128px; height:55px; color:#575757; font-size:14px; text-align:center; line-height:55px; vertical-align:middle; box-sizing:border-box !important;} .btns.la-fixed.multi {padding:7px 0 8px; line-height:20px;} .btns.wid106 {width:106px; padding:0;} .btns-pb {background-color:#008ae2;} .btns-cb {background-color:#0b4cb9;} button.btns.disabled, a.btns.disabled {color:#ccc; cursor:default; background:#efefef;} button.btns.disabled:hover, a.btns.disabled:hover {border:1px solid #ccc; background:#efefef;} button[disabled], .disabled:active {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .ie8 .btns.xs {line-height:32px;} /* 아이콘 + 텍스트 버튼 */ .btn-ico-text {display:inline-block; position:relative; height:30px; margin-left:6px; border:1px solid #b5b5b5; border-radius:2px; font-size:13px; line-height:28px; color:#575757; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#fff;} .btn-ico-text:before {content:''; position:absolute; top:50%; background-image:url(/resource/img/common/ico/ico_sprite.png); background-repeat:no-repeat;} .btn-ico-text.btn-down, .btn-ico-text.btn-print, .btn-ico-text.btn-excel {padding:0 15px 0 38px;} .btn-ico-text.btn-down:before, .btn-ico-text.btn-print:before, .btn-ico-text.btn-excel:before {left:15px; width:15px; height:15px; margin-top:-7px;} .btn-ico-text.btn-down:before {background-position:0 -84px;} .btn-ico-text.btn-print:before {background-position:-17px -84px;} .btn-ico-text.btn-excel {padding:0 15px 0 38px;} .btn-ico-text.btn-excel:before {width:17px; background-position:-219px -84px;} /* 아이콘형 버튼 */ .btn-ico {position:relative; display:inline-block; font-size:0; line-height:0; text-indent:-9999em; vertical-align:middle;} .btn-ico:before {content:''; position:absolute; top:0; left:0; background-image:url(/resource/img/common/ico/ico_sprite.png); background-repeat:no-repeat;} .btn-ico.btn-excel {width:30px; height:29px} .btn-ico.btn-excel:before {width:30px; height:29px; background-position:-218px 0;} .btn-ico.btn-tooltip {width:30px; height:30px} .btn-ico.btn-tooltip:before {content:'?'; width:30px; height:30px; background:#ff0000; /* >>> 임시 */ font-size:18px; text-align:center; color:#fff; line-height:30px; font-weight:bold;} .btn-ico.btn-like, .btn-ico.btn-cart {width:45px; height:45px; box-sizing:border-box; border-radius:2px; border:1px solid #b5b5b5;} .btn-ico.btn-like:before, .btn-ico.btn-cart:before {left:50%; top:50%; margin-left:-9px;} .btn-ico.btn-like:before {width:18px; height:21px; margin-top:-10px; background-position:-41px -151px;} .btn-ico.btn-cart:before {width:19px; height:19px; margin-top:-9px; background-position:-61px -151px;} .btn-ico.btn-like.on:before {background-position:-41px -174px;} .btn-ico.btn-like:hover, .btn-ico.btn-cart:hover {padding-top:5px; color:#333; font-size:12px; text-align:center; text-decoration:none; text-indent:0; line-height:16px;} .btn-ico.btn-like:hover:before, .btn-ico.btn-cart:hover:before {display:none;} /* 국기 아이콘 */ .ico-flag {display:inline-block; position:relative; min-width:30px; padding-left:35px; line-height:24px;} .ico-flag + .ico-flag {margin-left:10px;} .ico-flag img {display:inline-block; position:absolute; left:0; top:5px; width:25px; height:15px; vertical-align:top;} /* step process */ .step-area {text-align:center; margin-top:24px;} .in-sec.first .step-area {margin-top:0; font-size:16px;} .step-area .step-box {display:inline-block; position:relative; padding:0 122px;} .step-area .step-box:before {content:''; position:absolute; left:0; top:50%; width:100%; height:8px; margin-top:-4px; border:1px solid #e7e7e7; box-shadow:inset 0 0 3px #e0e0e0; border-radius:4px; background-color:#fafafa; box-sizing:border-box;} .step-area .step-list {display:inline-block;} .step-area .step-list .step {float:left; position:relative; z-index:5; width:50px; height:50px; margin-left:25px; border-radius:50%; border:3px solid #d5d5d5; background-color:#FFFFFF; color:#888888; font-family:'notoR'; font-size:18px; text-align:center; line-height:50px;} .step-area .step-list .step:first-child {margin-left:0;} .step-area .step-list .step em {display:none;} .step-area .step-list .step.on {width:auto; padding:0 24px; border:3px solid #0082dd; box-shadow:1px 3px 5px #ddd; background-color:#fff; border-radius:30px; line-height:44px; color:#0082dd; box-sizing:border-box;} .step-area .step-list .step.on:before {display:block;} .step-area .step-list .step.on em {display:inline-block; overflow:hidden; max-width:330px; text-overflow:ellipsis; white-space:nowrap;} .step-area .step-hidden {font-size:0; text-indent:-9999em; display:block;} .step-area2 {border:1px solid #c2d4ea; border-radius:2px; background-color:#f5f9ff;} .step-area2 .step-box {display:table; table-layout:fixed; width:100%;} .step-area2 .step-box li {position:relative; display:table-cell; height:107px; padding-left:30px; vertical-align:middle; text-align:center;} .step-area2 .step-box li:after {position:absolute; left:0; top:0; display:inline-block; width:37px; height:107px; content:''; background:url(/resource/img/ibs/bg-step2-arw.gif) no-repeat 0 0;} .step-area2 .step-box li:first-child:after {display:none;} .step-area2 .step-box li .tit, .step-area2 .step-box li .txt {display:block;} .step-area2 .step-box li .tit {margin-bottom:5px; font-size:22px; color:#004c98; font-family:'notoR'; font-weight:400;} .step-area3 {padding-left:120px; border:1px solid #dcdcdc; border-radius:2px; background-color:#fff;} .step-area3 .step-box {display:table; table-layout:fixed; width:100%; border-left:1px solid #dcdcdc; background-color:#fff; box-sizing:border-box;} .step-area3 .step-box li {position:relative; display:table-cell; height:107px; vertical-align:middle; text-align:center;} .step-area3 .step-box li:after {position:absolute; left:0; top:0; display:inline-block; width:37px; height:107px; content:''; background:url(/resource/img/ibs/bg-step5-arw.gif) no-repeat 0 0;} .step-area3 .step-box li:first-child:after {display:none;} .step-area3 .step-box li .tit, .step-area3 .step-box li .txt {display:block;} .step-area3 .step-box li .txt {font-size:15px; color:#575757;} .step-area3 .step-box li .tit {margin-bottom:5px; font-size:20px; color:#45a1ce; font-family:'notoR'; font-weight:400;} .step-area3.cert-phone01 {background:url(/resource/img/ibs/img_phone_cert01.png) no-repeat 40px center;} .step-area3.cert-phone02 {background:url(/resource/img/ibs/img_phone_cert02.png) no-repeat 40px center;} .step-area5 {border:1px solid #dcdcdc; border-radius:2px; background-color:#fff;} .step-area5 .step-box {display:table; table-layout:fixed; width:100%;} .step-area5 .step-box li {position:relative; display:table-cell; height:108px; padding:20px 0 0 30px; vertical-align:top; text-align:center; box-sizing:border-box;} .step-area5 .step-box li:after {position:absolute; left:0; top:0; display:inline-block; width:37px; height:108px; content:''; background:url(/resource/img/ibs/bg-step5-arw.gif) no-repeat 0 0;} .step-area5 .step-box li:first-child:after {display:none;} .step-area5 .step-box li .tit, .step-area5 .step-box li .txt {display:block;} .step-area5 .step-box li .tit {margin-bottom:5px; font-size:17px; color:#008ae2; font-family:'notoR'; font-weight:400;} .step-area5.type02 li {padding:13px 0 0 30px;} .step-area5.type02 li .tit {font-size:22px;} .step-area5.type02 li .txt {font-size:15px;} .layer-popup .step-area .step-box {width:100%; padding:0; background-position:0 50%;} .layer-popup .step-area .step-list .step {width:40px; height:40px; margin-left:14px; font-size:14px; font-weight:700; line-height:40px;} .layer-popup .step-area .step-list .step:first-child {margin-left:0;} .layer-popup .step-area .step-list .step.on {width:auto; line-height:34px;} .layer-popup .step-area .step-list .step.on em {max-width:185px;} .ie8 .layer-popup .step-area .step-list .step {overflow:hidden;} .ie8 .layer-popup .step-area .step-list .step.on {max-width:390px;} .ie8 .layer-popup .step-area .step-list .step.on em {text-overflow:inherit; white-space:inherit;} /* calendar picker */ .tbl-date-picker {position:relative; display:inline-block; margin-right:6px;} .tbl-date-picker .date .ele-select {width:97px;} .tbl-date-picker .date .ele-select.time-select {margin-left:20px;} .tbl-date-picker .date .hyphen {display:inline-block; width:20px; height:45px; vertical-align:0; text-align:center;} .tbl-date-picker .lyr-wrap-abs {padding:0; border:0;} .tbl-date-picker .lyr-wrap-abs:before {display:none;} .resize-date .tbl-date-picker .date .ele-select {width:82px;} .resize-date .tbl-date-picker .date .ele-select + .ele-select {width:67px;} .keyboard-type {display:inline-block; position:relative; margin-right:6px;} .keyboard-type input {margin-right:0 !important;} .keyboard-type input {padding-right:33px;} .keyboard-type .btn-mouse {display:inline-block; position:absolute; right:0; top:0; width:33px; height:45px; background:url(/resource/img/common/ico/btn_mouse.png) no-repeat 50% 50%; font-size:0; text-indent:-9999px; line-height:0;} .calendar-inp {display:inline-block; position:relative;} .calendar-inp .btn-calendar {position:absolute; right:10px; top:50%; margin:-10px 6px 0 0;} .calendar-inp input {margin-right:0 !important;} .btn-calendar {display:inline-block; width:21px; height:21px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -173px 0; font-size:0; text-indent:-9999em; vertical-align:middle; line-height:0;} /* calendar */ .calendar-wrap {top:0; left:0; border:2px solid #0082dd; background:#fff; z-index:11; display:none; width:359px;} /* position:absolute; */ .calendar-wrap.two {width:720px;} .calendar-wrap:after {content:""; display:block; clear:both;} .calendar-wrap .calendar-prev, .calendar-wrap .calendar-next {float:left; border-right:1px solid #0082dd; padding:20px 30px 25px; text-align:center; z-index:11; width:298px; position:relative;} .calendar-wrap .calendar-next {border-left:1px solid #0082dd; margin-left:-1px;} .calendar-wrap .calendar-prev .btm-noti, .calendar-wrap .calendar-next .btm-noti {position:absolute; bottom:7px; width:100%; text-align:center; margin-left:-30px; font-size:13px; color:red;} .calendar-wrap .calendar-next {border-right:none;} .calendar-wrap .calendar-prev strong, .calendar-wrap .calendar-next strong {display:inline-block; border-bottom:1px solid #eee; padding-bottom:10px; font-size:18px;} .calendar-wrap .calendar-select {position:relative; margin:20px 0 10px;} .calendar-wrap .calendar-select .prev, .calendar-wrap .calendar-select .next {display:block; position:absolute; top:0px; width:21px; height:21px; background-image:url(/resource/img/common/ico/ico_sprite.png); background-repeat:no-repeat; font-size:0; text-indent:-9999px; line-height:0;} .calendar-wrap .calendar-select .prev {left:10px; background-position:-127px 0;} .calendar-wrap .calendar-select .next {right:10px; background-position:-150px 0;} .calendar-wrap table{width:100%;} .calendar-wrap td, .calendar-wrap th {text-align:center; border:none; padding:0; height:38px;} .calendar-wrap th {line-height:38px; color:#999;} .calendar-wrap td a {display:inline-block; width:30px; height:30px; line-height:30px; color:#333;} /*.calendar-wrap td.non-sel a {color:#aaa;}*/ .calendar-wrap td a, .calendar-wrap td a:link, .calendar-wrap td a:visited {text-decoration:none;} .calendar-wrap td a.on, .calendar-wrap td.sun a.on, .calendar-wrap td.sat a.on{background:#0082dd; border-radius:30px; color:#fff;} .calendar-wrap td a:focus, .calendar-wrap td.sun a:focus, .calendar-wrap td.sat a:focus{background:#0082dd; border-radius:30px; color:#fff;} .calendar-wrap td.disab a:focus, .calendar-wrap td.disab.sun a:focus, .calendar-wrap td.disab.sat a:focus{background:none; color:#999;} .calendar-wrap td.sun a{color:#fe604f;} .calendar-wrap td.sat a{color:#004c98;} .calendar-wrap td.day-grey a{color:#999;} .calendar-wrap td.day-grey a:focus, .calendar-wrap td.day-grey a:active{color:#fff;} .calendar-wrap td.disab a{color:#999;} .calendar-wrap .cal-close {position:absolute; top:0; right:0; width:38px; height:38px;font-size:0; text-indent:-9999px; line-height:0;} .calendar-wrap .cal-close:before {content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -32px -18px;} .calendar-wrap .cal-confirm {position:absolute; bottom:-43px; right:0; margin-right:0 !important;} .tbl-wrap table .calendar-wrap table thead th {padding:0; color:#999; text-align:center; background-color:transparent;} .tbl-wrap table .calendar-wrap table tbody td {padding:0; text-align:center;} /* table result */ .tbl-foot-result {padding:17px 0 18px; text-align:center; border-bottom:1px solid #ddd; background-color:#fafafa;} .tbl-foot-result .total {margin:0 25px; font-size:15px; color:#5d84e7; font-weight:bold;} /* upper focus search */ .tab-wrap + .search-wrap {border-top:1px solid #e5e5e5;} .search-wrap {padding:30px; text-align:center;} .search-wrap .ele-select {width:120px; height:40px;} .search-wrap .ele-select select {height:40px; line-height:40px;} .search-wrap .ele-select .select-indi {height:40px; line-height:38px;} .search-wrap .ele-sch-text {width:558px; height:40px; line-height:40px; border:1px solid #0082dd;} .search-wrap .btns {height:40px; line-height:40px;} .search-wrap .btns {margin-right:2px; margin-left:2px;} .search-wrap2 {position:relative; padding-right:92px;} .search-wrap2 input {width:100%;} .search-wrap2 .btns {position:absolute; right:0; top:0;} /* layer popup cotent */ .pop-content {padding:30px 30px 0;} .pop-content:after {content:''; display:block; height:50px;} .pop-content.alert {text-align:center;} /*20170826 del. padding:48px 0 50px; line-height:24px;*/ .pop-content .title-wrap {margin:16px 0 13px;} .pop-content .tbl-list + .tbl-list {margin-top:15px; border-top:1px solid #d5dfea;} .pop-content .tbl-list + .tbl-list.same {border-top:2px solid #5e666c;} .pop-content .tbl-list thead th {height:26px;} .pop-content .tbl-list th {height:25px; font-size:14px;} .pop-content .tbl-list td {height:30px; font-size:13px;} .pop-content .confirm-text {margin:46px 0 45px; font-size:14px; color:#575757; text-align:center;} .pop-content .confirm-text > p {margin:15px 0;} .pop-content .tab-type01 {margin-bottom:15px;} .pop-content .pop-tbl-btn {margin-bottom:6px;} .pop-content .textarea-box {margin:5px 0;} .pop-content .textarea-box textarea {padding:10px 13px; border:1px solid #dcdcdc; border-radius:2px; box-sizing:border-box;} .pop-content .col-blue {color:#5d84e7;} .pop-content .col-red{color:#ff4628;} .less-loop, .pop_loop {height:0;width:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px)} .pop-content .tbl-wrap .keyboard-type .btn-mouse {height:35px;} .pop-content .tbl-wrap .tbl-focus .keyboard-type .btn-mouse {height:45px;} .pop-content .tbl-wrap .unit {line-height:35px;} .pop-content .tbl-wrap .tbl-focus .unit {line-height:45px;} .pop-content .tbl-trans-top {padding:7px 0 5px; text-align:right;} .pop-content .tbl-trans {border-top:1px solid #dcdcdc;} .pop-content .tbl-trans th, .pop-content .tbl-trans td {border-bottom:1px solid #dcdcdc; height:74px; vertical-align:middle; color:#575757;} .pop-content .tbl-trans th:first-child, .pop-content .tbl-trans td:first-child {padding-left:10px;} .pop-content .tbl-trans th {font-weight:normal; text-align:left;} .pop-content .tbl-trans th .displ-blo {display:block; margin-top:5px;} .pop-content .tbl-trans .bg-tr{background:#f5f9ff} .pop-content .hover-none {display:inline-block;} .pop-content .acc-num {display:inline-block; font-size:22px; color:#333; font-family:'notoR'; vertical-align:middle; line-height:24px;} .pop-content .acc-txt {font-size:16px; vertical-align:middle;} .pop-content .pop-add-box {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:15px 0; margin-top:16px;} .layer-popup .pop-add-box .name {margin-top:4px;} .pop-content .pop-add-box .acc-num-wr {display:block; margin:0;} .pop-content .pop-provi-box {border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; width:496px;} .pop-content .pop-provi-box:after {display:block; content:""; clear:both;} .pop-content .pop-provi-box li {border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; float:left; width:248px; box-sizing:border-box; padding:12px 15px;} .pop-content .pop-provi-box02 .inner-box {padding:20px; border:1px solid #dcdcdc; height:256px; overflow-y:auto;} .pop-content .title-wrap:first-child {margin-top:0;} .pop-content .pop-alert {background:url(/resource/img/common/image/img_alert01.png) no-repeat 50% 0; padding-top:85px; text-align:center;} .pop-content .pop-alert .title {display:block; font-size:20px; font-family:'notoR'; font-weight:400; margin-bottom:11px;} .pop-content .account-info {padding:0 10px;} .pop-content .account-info .type02 li {width:210px;} .pop-content .account-info .type02 li:first-child {width:340px; margin-left:0;} .pop-content .account-info .type02 li:nth-child(2n) {width:260px;} .pop-area.scroll {top:30px !important; bottom:30px; padding-right:11px; box-sizing:content-box;} .pop-area.scroll .pop-tit {margin-right:-11px;} .pop-area.scroll .pop-content {overflow-y:auto; position:absolute; left:0; right:0; top:50px; bottom:0;} .agree-chk-box {margin-top:25px; padding-top:20px; text-align:right; border-top:1px solid #dcdcdc;} .agree-chk-box .agree-tit {display:inline-block; line-height:24px;} .agree-chk-box .last {margin:0;} .pop-content .btns-wrap .btns {height:40px; line-height:40px;} .pop-content .btns-wrap .btns.white, .pop-content .btns-wrap .btns.blue, .pop-content .btns-wrap .btns.orange, .pop-content .btns-wrap .btns.s-blue, .pop-content .btns-wrap .btns.gray2 {line-height:38px;} .pop-content .btns-wrap .imp-sm {height:30px !important; line-height:28px !important;} /* window popup */ .window-popup {display:block; position:static;} .window-popup .pop-area {position:static; width:100% !important; border:0;} /* error message - 개발에서 에러 페이지를 위해 삽입한것으로 보임 (파일럿때 사용한 내용)... 추후 삭제 필요 */ .error-msg {text-align:center; text-align:center; padding-top:180px; background:url(/resource/img/common/image/error_default.png) no-repeat center top;} .error-msg > strong {font-size:22px; font-family:'notoR'; font-weight:400; line-height:1.4} .error-msg > p {margin-top:10px; line-height:1.6;} /* tooltip */ .tooltip {position:relative; display:inline-block; vertical-align:middle;} .tooltip .tooltip-layer {position:absolute; top:40px; left:0; z-index:1; width:200px; height:auto; padding:20px; border:1px solid #dcdcdc; border-bottom:2px solid #0082dd; background-color:#fff;} .tooltip .tooltip-layer:before {content:''; position:absolute; top:-9px; left:7px; width:17px; height:9px; background:url(/resource/img/common/image/img_arrow.png) 0 0 no-repeat;} .tooltip .tooltip-layer .tooltip-close {position:absolute; top:0; right:0; width:30px; height:30px; font-size:0; text-indent:-9999px; line-height:0;} .tooltip .tooltip-layer .tooltip-close:before {content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -32px -18px;} /* 2022-09-15 추가 */ /* 툴팁 팝업 우측일때 */ .lyr-wrap-rela.right .lyr-wrap-abs {right:-42px; left:auto;} .lyr-wrap-rela.right .lyr-wrap-abs:before {right:43px; left:auto;} /* // 2022-09-15 추가 */ /* 조회계좌순서변경 */ .seq-move {width:35px; height:35px; display:inline-block; text-indent:-9999em; background-image:url(/resource/img/common/ico/ico-sequence.png); background-repeat:no-repeat;} .seq-move.move-up {background-position:-1px -1px;} .seq-move.move-down {background-position:-37px -1px;} .seq-move.move-up:hover {background-position:-1px -37px;} .seq-move.move-down:hover {background-position:-37px -37px;} .seq-move.move-up:focus {background-position:-1px -37px;} .seq-move.move-down:focus {background-position:-37px -37px;} /* not found */ .not-found {border:1px solid #ccc; text-align:center; font-size:20px; height:200px;} /* color sepe. at table*/ .is-working {color:#ff4628;} /* loading */ .load-dimmed {position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:url(/resource/img/common/image/dimmed_bg.png) repeat 0 0;} .load-dimmed > img {position:absolute;top:50%;left:50%;margin:-55px 0 0 -72px;} .animate-load {position:fixed; left:50%; top:50%; width:136px; height:172px; margin:-68px 0 0 -86px;} .animate-load .load-pos {display:block; position:absolute; left:0; top:0; width:136px; height:172px; font-size:0; line-height:0; background:url(/resource/img/cmm/loading_set.png) no-repeat 0 0;} /* prog. install */ .prog-install .detail-view {color:#0082dd; text-decoration:underline;} .prog-install .action-msg {color:#ff4628; display:block; margin-bottom:5px;} .prog-install .necessary {font-size:12px; color:#0082dd; display:inline-block; border:1px solid #0082dd; border-radius:2px; padding:0 2px 1px; margin-right:5px; vertical-align:middle; line-height:130%;} .only-contents .direct-sticker {display:none;} /* 긴급공지 관련 */ .emer-notice {padding-bottom:25px;} .emer-notice + .emer-notice {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding-top:17px;} .ft14 {font-size:14px;} /* 동영상 */ .video-wrap {width:540px;} .video-wrap a {display:none;} .ie7 .video-wrap a, .ie8 .video-wrap a {display:block; width:100%; height:100%;} .ie7 .video-wrap a img, .ie8 .video-wrap a img {width:100%; height:100%;} .video-wrap.type01 .caption-area {height:104px;} .video-wrap.type02 .caption-area {height:205px;} .caption-area {overflow-y:auto; overflow-x:hidden; width:540px; height:205px; margin-top:15px; padding:15px; border:1px solid #dcdcdc; border-radius:3px; box-sizing:border-box;} .caption-area .cont {height:100%;} .caption-area .cont p {color:#333; font-size:14px; line-height:24px;} /* caption 관련 */ table caption p {width:1px; height:1px; opacity:0;} /* promotion image area */ .promotion-box {width:100%; box-sizing:border-box;} .promotion-box img {width:100%; vertical-align:top;} .prom-banner:after {content:""; display:block; clear:both;} .prom-banner + .prom-banner {margin-top:10px;} .prom-banner li {position:relative; float:left;} .prom-banner li a {display:block;} .prom-banner li + li {float:right;} .prom-banner li .cont {position:absolute; left:40px; top:37px;} .prom-banner li .cont dt {font-size:28px; line-height:1; margin-bottom:12px;} .prom-banner li .cont dd {font-size:16px; line-height:22px;} .prom-banner.short li .cont {left:30px; top:27px;} .prom-banner.short li .cont dt {font-size:24px;} .prom-banner.short li .cont dd {font-size:14px;} .prom-banner li .prom-info {position:absolute; left:40px; top:37px;} .prom-banner li .prom-info .prom-subj {font-size:28px; line-height:1; margin-bottom:12px; font-weight:normal; display:block;} .prom-banner li .prom-info .prom-txt {font-size:16px; line-height:22px; display:block;} .prom-banner.short li .prom-info {left:30px; top:27px;} .prom-banner.short li .prom-info .prom-subj {font-size:24px;} .prom-banner.short li .prom-info .prom-txt {font-size:14px;} /* 게시판 상세페이지 */ .editor-area {} .editor-area .img-wrap {text-align:center; vertical-align:top;} .editor-area .notice-list {margin:25px 0;} .editor-area .notice-list p {margin-top:5px; padding-left:16px; text-indent:-16px; font-size:14px; color:#4a7fcf; font-weight:bold; line-height:18px;} .editor-area .notice-list p:first-child {margin-top:0;} .editor-area .tbl-wrap {margin-bottom:35px;} .editor-area .tbl-wrap .tbl-tit {padding-bottom:5px; font-size:18px;} .editor-area .edt-tbl01 {border:1px solid #5c8cca;} .editor-area .edt-tbl01 th, .editor-area .edt-tbl01 td {text-align:center; font-size:14px;} .editor-area .edt-tbl01 th {height:22px !important; padding:10px 0 !important; color:#fff !important; background-color:#094a9a !important; border-left:1px solid #5c8cca;} .editor-area .edt-tbl01 td {height:22px !important; padding:5px 0 !important; border-bottom:1px solid #5c8cca; border-left:1px solid #5c8cca;} .fColor01 {color:#e40d5e;} /* 진핑크*/ .fColor02 {color:#4a7fcf;} /* 파란색 */ .fBold {font-weight:bold;} /* 굵게 */ /* 관리자기능없음 .prom-banner li.type-imgOnly .cont {top:-999em; left:-999em;} .prom-banner li.type-imgDark .cont {color:#ffffff;} .prom-banner li.type-imgLight .cont {color:#333333;} */ /* 그래프 박스 */ .graph-area {position:relative;} .graph-area .line-guide1 {margin-top:20px; color:#666; text-align:center;} .graph-area .item {display:inline-block; margin-left:20px; background-repeat:no-repeat; background-position:0 50%; line-height:20px;} .graph-area .usd {padding-left:15px; background-image:url(/resource/img/common/ico/bg_point02.gif);} .graph-area .jpy {padding-left:19px; background-image:url(/resource/img/common/ico/bg_point03.gif);} .graph-area .eur {padding-left:23px; background-image:url(/resource/img/common/ico/bg_point01.gif);} /* window popup 금리안내 */ .mar-t30 {margin-top:30px;} /* 약관팝업 공통 */ .la-font {font-size:16px; vertical-align:baseline} .underline {text-decoration:underline;} /* sepe. style */ .createOpt {display:inline-block; width:220px; margin:3px 0;} .pos-aside {position:relative;} .pos-aside .aside-btn {position:absolute; right:0; top:0;} .pos-aside .aside-btn.btn-all-print {top:10px; width:auto; height:30px; padding:0 15px 0 30px; color:#fff; font-size:14px; line-height:28px; background:#008ae2 url(/resource/img/common/ico/ico_print.png) 10px center no-repeat; border-radius:15px; box-sizing:border-box;} .print-btn-wrap {overflow:hidden} .print-btn-wrap .aside-btn {float:right;} .print-btn-wrap .aside-btn.btn-all-print {width:auto; height:30px; margin-bottom:10px; padding:0 15px 0 30px; color:#fff; font-size:14px; line-height:28px; background:#008ae2 url(/resource/img/common/ico/ico_print.png) 10px center no-repeat; border-radius:15px; box-sizing:border-box;} /* find */ .find-result {margin-top:25px;} .find-result.bg-type {background:#fafafa; padding:24px 30px 30px 30px;} .find-result.bg-type td {background:#fff;} .find-result .result-tit {font-size:20px; font-family:'notoR';} .find-result .result-detail {margin-top:10px;} .find-sec {border-top:1px solid #dcdcdc; padding-top:10px;} .find-sec.first {border-top:none; padding-top:0;} .find-sec .subj {position:relative; padding-left:13px;} .find-sec .subj:before {content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#2cb1e2;} .find-sec .sec-div {padding:10px 0 15px;} .find-sec .sec-div .in-tit {width:70px; display:inline-block; line-height:45px;} .find-sec .sec-div .ele-select {width:180px;} .find-sec .sec-div .hori-space {margin-left:18px;} .find-sec.merge-null .sec-div {padding-bottom:0;} /* ISA */ .isa-box {overflow:hidden; margin-top:20px; padding:35px 92px; border:1px solid #dcdcdc; border-radius:2px;} .isa-box .img-area {float:left;} .isa-box .text-area {float:left; margin:5px 0 0 80px;} .isa-box .text-area .cs-lists > li {font-size:14px; line-height:24px;} .point-box .point-list {overflow:hidden; margin-top:16px;} .point-box .point-list .item {float:left; width:350px; height:132px; margin-left:15px; padding:25px 0 25px 105px; border:1px solid #dcdcdc; border-radius:2px; box-sizing:border-box;} .point-box .point-list .item:first-child {margin-left:0;} .point-box .point-list .item.point01 {background:url(/resource/img/bpb/ic-point01.gif) no-repeat 20px center;} .point-box .point-list .item.point02 {background:url(/resource/img/bpb/ic-point02.gif) no-repeat 20px center;} .point-box .point-list .item.point03 {padding:38px 0 38px 105px; background:url(/resource/img/bpb/ic-point03.gif) no-repeat 23px center;} .point-box .point-list .item.point04 {background:url(/resource/img/bpb/ic-point04.gif) no-repeat 20px center;} .point-box .point-list .item dl dt {font-size:15px; color:#333; line-height:24px;} .point-box .point-list .item dl dd {font-size:14px; color:#575757; line-height:24px;} .diagram-box {margin-top:20px;} .manage-box {border-top:2px solid #0082dd;} .manage-box .manage-list .item {position:relative; padding:25px 0 25px 226px; border-bottom:1px solid #d5dfea;} .manage-box .manage-list .item .nickname-box {position:absolute; left:40px; top:25px; text-align:center;} .manage-box .manage-list .item .nickname-box .photo-box {display:block; width:135px; height:135px;} .manage-box .manage-list .item .nickname-box .name-box {display:block; margin-top:15px; font-size:18px; color:#333;} .manage-box .manage-list .item dl dt {margin:22px 0 10px; font-size:16px; color:#333; line-height:24px;} .manage-box .manage-list .item dl dt:first-child {margin-top:0;} .manage-box .manage-list .item dl dd {font-size:14px; color:#575757; line-height:24px;} .taxation-box {position:relative; padding:58px 0;} .taxation-box .tax-img {position:absolute; left:35px; top:50%; width:220px; text-align:center;} .taxation-box.tax01 .tax-img {margin-top:-55px;} .taxation-box.tax02 .tax-img {margin-top:-85px;} .taxation-box.tax03 .tax-img {margin-top:-83px;} .taxation-box dl {padding-left:302px;} .taxation-box dl dt {font-size:14px; color:#333; line-height:20px; font-weight:bold;} .taxation-box dl dd {font-size:14px; color:#333; line-height:20px;} .taxation-box sup {vertical-align:super;} .tbl-list.type-bill {} /* 보안프로그램 안내 */ .step-install {border:1px solid #e5e5e5; border-radius:2px;} .step-install .title {padding-left:124px; border-bottom:1px solid #e5e5e5; position:relative; background:#fafafa;} .step-install .title strong {min-height:100%; width:124px; position:absolute; left:0; top:0; background:#fff; font-size:16px; font-family:'notoR'; border-right:1px solid #e5e5e5;} .step-install .title strong em {position:absolute; left:38px; top:50%; margin-top:-13px;} .step-install .title ul {background:#fafafa; padding:15px 20px;} .step-install .title ul li .necessary {font-size:12px; color:#0082dd; display:inline-block; border:1px solid #0082dd; border-radius:2px; padding:0 2px 1px; margin-right:5px; vertical-align:middle; line-height:130%; background-color:#fff;} .step-install .img-wrap {margin:50px auto; text-align:center;} .step-install + .step-install {margin-top:35px;} /* 팝업 상단 이미지 안내 박스 */ .pop-img-infobox {padding-top:80px; text-align:center;} .pop-img-infobox.logout {background:url(/resource/img/common/image/img_pop_logout.gif) 50% top no-repeat; padding-top:110px;} .pop-img-infobox.logout02 {background:url(/resource/img/common/image/img_pop_logout02.gif) 50% top no-repeat; padding-top:90px;} .pop-img-infobox.logout04 {background:url(/resource/img/common/image/img_pop_logout04.png) 50% 5px no-repeat; margin-bottom:-5px; padding-top:125px;} .pop-img-infobox.able-time {background:url(/resource/img/common/image/img_pop_able_time.gif) 50% top no-repeat; padding-top:90px;} .pop-img-infobox.log-time {background:url(/resource/img/common/image/img_pop_log_time.gif) 50% top no-repeat; padding-top:90px;} .pop-img-infobox .txt-box {padding:22px 0 26px; border:1px solid #c2d4ea; border-radius:2px; background:#e9f3ff; font-size:20px; font-family:'notoR'; color:#004c98; margin:-9px 0 15px;} .pop-img-infobox .btxt {font-size:20px; font-family:'notoR'; margin-bottom:10px;} /* print view check */ .print-only-view {display:none;} /* print style */ /* @page { size:A4; margin:34px; } */ @media print { @font-face { font-family:'notoR'; font-weight: 400; src:url('/resource/font/malgun.eot');/* ie호환성 */ src:url('/resource/font/malgun.eot?#iefix') format('embedded-opentype'); src:local('☺'), url('/resource/font/malgun.woff') format('woff'), url('/resource/font/malgun.ttf') format('truetype'); } @font-face { font-family:'notoR'; font-weight: 700; src:url('/resource/font/malgunbd.eot');/* ie호환성 */ src:url('/resource/font/malgunbd.eot?#iefix') format('embedded-opentype'); src:local('☺'), url('/resource/font/malgunbd.woff') format('woff'), url('/resource/font/malgunbd.ttf') format('truetype'); } html, body {width:100%; min-width:1080px;} body {font-family:'malgun', '맑은고딕', '돋움', 'Apple SD Gothic Neo', Dotum, Verdana, Arial, sans-serif; color:#000;} table caption, legend {display:none;} .top-sec, .gnb-sec, .fix-topper, .local-tit .page-func, .direct-sticker, #footer {display:none;} .local-info-area {visibility:hidden; position:absolute; top:0; left:0;} .pop-content {padding:0; margin-top:20px;} .transfer-list {margin:0; width:100%;} .transfer-list .item {width:47%; padding:0 2% 2%; margin:0 1.5% 2%;} .transfer-list .item .tbl-list th, .transfer-list .item .tbl-list td {padding:0 10px 0 20px; height:50px; color:#000; font-size:17px;} .item.clear, .item[name~=odd] {clear:both;} .clear-group .item[name~=odd] {page-break-after:always; clear:both; border-bottom:1px solid red} .pop-area {width:100% !important; left:0 !important; margin-top:0 !important;} /*.pop-tit,*/ .pop-area .btns-wrap {display:none} .layer-popup .pop-area {border:0; top:0px; left:0px;} .layer-popup .pop-area {background-color:transparent;} .layer-popup .pop-tit {border-bottom: 2px solid red; background-color:transparent;} .selling-bill .item {width:46%; margin:0 1.5% 2%;} .selling-bill .item .tbl-list.type-bill {width:100%;} .confirm-form {width:700px;} .confirm-form.bgtype02 .confirm-form-title {width:673px;} .confirm-form.bgtype02 .tbl-wrap {width:673px;} .confirm-form.other01 {width:940px;} .confirm-form.other01 .tbl-wrap {width:940px;} /* .tbl-wrap#summary {max-width:1080px;} */ .btn-ico-text.btn-print, .btn-ico-text.btn-down {padding:0 !important; text-align:center;} .btn-ico-text.btn-print:before, .btn-ico-text.btn-down:before {display:none;} input[type=checkbox], input[type=radio] {opacity:1; position:static; width:auto; height:auto;} .ele-chk, .ele-rdo {background:none;} .ele-select .select-indi:before {content:'▼'; background:none; top:0; margin-top:0; right:30px;} .btns {border:1px solid #0082dd;} .step-area .step-list .step {border:1px solid #d5d5d5;} .step-area .step-list .step.on {border:1px solid #0082dd;} .sel-wrap .text-indi:before {content:'▼'; background:none; top:0; margin-top:0;} .tab-type01:before {border-bottom:1px solid #333;} #wrap {min-width:100%;} .account-info {position:relative;} .account-info .acc-inner {position:absolute; right:20px;} .ele-rdo2, .ele-rdo2 .rdo-item {border:none;} .ele-rdo2 label {padding:0; vertical-align:middle; margin-right:8px;} .ele-rdo2 input[type=radio] {margin:0;} .ele-rdo2 .rdo-item.check label {color:#575757;} .print-only-view {display:block; for-weight:bold; font-size:24px; margin-bottom:10px;} .pop-content .transfer-wrap .tbl-list th, .pop-content .transfer-wrap .tbl-list td {color:#000;} .ele-rdo2 .rdo-item.check label {background:none;} .rasing-prt-up table th, .rasing-prt-up table td {font-size:21px !important; color:#000 !important;} } /* ===================== [기업 개인 메인 개편 2023] Start =============================== */ /* SpoqaHanSans */ @font-face { font-family:'SpoqaHanSans'; font-weight: 400; src:url('../font/SpoqaHanSansRegular.woff') format('woff'), url('../font/SpoqaHanSansRegular.woff2') format('woff2'), url('../font/SpoqaHanSansRegular.ttf') format('truetype'); } @font-face { font-family:'SpoqaHanSansBold'; font-weight: 700; src:url('../font/SpoqaHanSansBold.woff') format('woff'), url('../font/SpoqaHanSansBold.woff2') format('woff2'), url('../font/SpoqaHanSansBold.ttf') format('truetype'); } /* HGGGothicssi */ @font-face { font-family:'HGGGothicssi'; font-weight: 300; src:url('../font/HGGGothicssi40g.woff') format('woff'), url('../font/HGGGothicssi40g.woff2') format('woff2'), url('../font/HGGGothicssi40g.ttf') format('truetype'); } @font-face { font-family:'HGGGothicssi'; font-weight: 400; src:url('../font/HGGGothicssi60g.woff') format('woff'), url('../font/HGGGothicssi60g.woff2') format('woff2'), url('../font/HGGGothicssi60g.ttf') format('truetype'); } @font-face { font-family:'HGGGothicssi'; font-weight: 700; src:url('../font/HGGGothicssi80g.woff') format('woff'), url('../font/HGGGothicssi80g.woff2') format('woff2'), url('../font/HGGGothicssi80g.ttf') format('truetype'); } /* common */ .ico-new {overflow:hidden;width: 12px;height: 12px;display:inline-block;background: #0565f0 url(/resource/img/common/ico/ico_main_new.png) no-repeat 0 -1px;background-size:12px;position: relative;top: 1px;margin-left: 5px;} .txt-blind {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;} .ico-arr::after {position: absolute;top: 50%;right: 14px;width: 6px;height: 6px;border-style: solid;border-width: 0 0 1px 1px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);margin-top: -3px;content: "";} .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 11px 6px 10px 2px;display: block;font-size: 1.5rem;font-weight: 400;line-height: 20px;letter-spacing: -.5px;} .btn-line-blue01 {display:inline-block;padding:0 9px;height:22px;line-height:20px;color:#0565F0;border:1px solid #0565F0;border-radius:36px;font-size:14px;;} [class*="btn-fill-md-"] {display:inline-block;padding:0 11px;height:38px;line-height: 36px;color: #fff;border-radius: 5px;background: #2F6BB7;font-size: 14px;} .btn-fill-md-blue02 {background: #0565F0;} .type-re1 .btn_white_b {display:block; width:204px; height:37px; border-radius:3px; font-size:14px; line-height:35px; font-family:'notoR'; font-weight:700; color:#000; text-align:center; background-color:#fff; border:1px solid #dcdcdc; box-sizing:border-box; margin-top:10px;} .type-re1 * {letter-spacing: -0.5px;font-family: 'SpoqaHanSans';} .type-re1 a:hover {text-decoration:none;} .type-re1 .header-inner.type-re1 .top-sec, .type-re1 .main-bot-wrap-bottom.type-re1, .type-re1 .cont-wrap.type-re1 [class*="-quick-wrap-type2"], .type-re1 .bcb-main-top-sec.type-re1 .in-box, .type-re1 .main-bot-wrap-bottom2.type-re1, .type-re1 .ibs-main-bot-wrap-bottom2.type-re1, .type-re1 .gnb-sec.type-re1 .gnb-ext .inner-box, .type-re1 .gnb-wrap, .type-re1 .search-top-wrap .inner {width: 1080px;height: auto;} /* .type-re1 {min-width: 1080px;} */ /* === 메인 상단 === */ /* header */ .header-inner.type-re1 .top-sec {height: 102px !important;box-sizing:border-box;padding: 42px 0 0 0;} /* .header-inner.type-re1 .top-sec * {outline:1px solid red;} */ .header-inner.type-re1 .top-sec .link-group {display: inline-flex;padding: 2px 3px;border:1px solid #0565F0;border-radius:23px;align-content: center;align-items: center;} .header-inner.type-re1 .top-sec .link-group a {display:inline-block;width:62px;height: 24px;line-height: 23px;border-radius:30px;color:#000;font-size:12px;text-align:center;} .header-inner.type-re1 .top-sec .link-group a.on {font-weight:bold;color:#fff;background-color:#0565F0;} .header-inner.type-re1 .top-sec .link-group a:hover {text-decoration:none !important;} .header-inner.type-re1 .uitl-zone .major-serice {float: left;position: relative;top: 0;padding-right: 5px;} .header-inner.type-re1 .top-sec .user-info .name {padding:0 5px 0 9px;font-size:16px;color:#000;line-height: 29px;height: 30px;} .header-inner.type-re1 .top-sec .user-info .time a {display:flex;position: relative;padding: 0 10px 0 25px;height:24px;line-height:23px;font-size: 12px;/* border: 1px solid #000; */border-radius: 23px;color:#000;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;} .header-inner.type-re1 .top-sec .user-info .time a:after {content:'';display:block;position: absolute;left: 7px;top: 5px;background:url(/resource/img/common/ico/ico_main_time.png) no-repeat 0 0;background-size:14px;width: 14px;height: 14px;/* transform: translateY(-50%); */} .header-inner.type-re1 .top-sec .user-info .time a * {display:inline-block;} .header-inner.type-re1 .top-sec .user-info .time a em {color:#E5493A;padding-left:5px;position: relative;top: 0;text-decoration: underline;font-weight:bold;} .header-inner.type-re1 .uitl-zone {display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: flex-start;position: relative;top: -1px;} .header-inner.type-re1 .logo a {display: block;} /* gnb */ .gnb-sec.type-re1 {background: none;border-bottom: 1px solid #ddd;} .gnb-sec.type-re1.gnb-hover {background: none;/*border-bottom: 1px solid #002AB3;*/} .gnb-sec.type-re1 .gnb-ext .inner-box:after {display:none}/*0101*/ .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local {padding: 0 20px 0 0;width: 200px;margin: 25px 0 0 0;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local:nth-child(5n+0) {padding: 0;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li > a:hover {background:none;color:#002AB3;text-decoration:underline;} .gnb-sec.type-re1.ibs .gnb-ext .inner-box > .box-local .local-menu li > a:hover {color:#0565F0;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol{padding: 4px 0;background: #FCFCFC;border: 1px solid #DCDCDC;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol:last-child-child {padding-bottom:2px;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a {font-size: 13px;padding: 4px 10px 3px 22px;line-height: 1.3;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:before, .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:hover:before {width: 3px;height: 3px;border-radius:50%;top: 10px;left: 12px;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:hover, .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:focus {background:none;color:#002AB3;text-decoration:none;} .gnb-sec.type-re1.ibs .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:hover, .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:focus {color:#0565F0;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:hover:before {background:#002AB3;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local .local-menu li a {padding: 3px 10px 5px 0;font-size: 15px;line-height: 1.2;} .gnb-sec.type-re1 .gnb > ul > li.on > a, .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local > strong, .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local > strong a {color:#000;} .gnb-sec.type-re1 .gnb > ul > li > a {font-size: 18px;color: #212529;padding: 9px 10px;display: block;} .gnb-sec.type-re1 .gnb > ul > li:hover > a {color: #002AB3;background:none;} .gnb-sec.type-re1.ibs .gnb > ul > li:hover > a {color: #0565F0;} .gnb-sec.type-re1 .gnb > ul > li:first-child > a {padding-left:0;} .gnb-sec.type-re1 .gnb > ul > li:last-child > a {padding-right:0;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local > strong {font-size:16px;} .gnb-sec.type-re1 .gnb > ul {display:flax;} .gnb-sec.type-re1 .gnb > ul > li.on {background:none;} .gnb-sec.type-re1 .gnb > ul > li.on > a {background:none;} .gnb-sec.type-re1 .gnb > ul > li .gnb-ext {border-bottom:1px solid #002AB3;box-shadow:none;top: 54px;} .gnb-sec.type-re1 .gnb > ul > li .gnb-ext {border-bottom:1px solid #3a82d6;padding-bottom: 50px;} .gnb-sec.type-re1 .gnb > ul > li > a {font-family:'SpoqaHanSansBold';} .gnb-sec.type-re1 .gnb-ext .inner-box {position:relative;} .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local > strong, .gnb-sec.type-re1 .gnb-ext .inner-box > .box-local > a {display:block;width:100%;} /* 우측 상단 uitl-zone */ .header-inner.type-re1 .uitl-zone ul {display:flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;} .header-inner.type-re1 .uitl-zone .major-serice li {margin-left:10px;padding:0;background:none;} .header-inner.type-re1 .uitl-zone .major-serice li a {padding:0;font-family:'SpoqaHanSans';} .header-inner.type-re1 .uitl-zone .major-serice li.btn-item a {display:inline-block;padding-left: 15px;font-size:12px;height:28px;line-height:27px;color:#fff;background: #002ab3;border-radius:5px;box-sizing: border-box;width: 75px;text-align: center;} .header-inner.type-re1 .uitl-zone .major-serice li.btn-item a.btn-ico-login {background: #002ab3 url(/resource/img/common/ico/ico_main_top_login.png) no-repeat 12px center;background-size:12px;} .header-inner.type-re1 .uitl-zone .major-serice li.btn-item a.btn-ico-logout {background: #fff url(/resource/img/common/ico/ico_main_top_logout.png) no-repeat 8px center;background-size:12px;color:#002AB3;border:1px solid #002AB3} .header-inner.type-re1 .uitl-zone .major-serice li.btn-item a.btn-ico-cer {color:#000;background: #e1e3e6 url(/resource/img/common/ico/ico_main_top_login2.png) no-repeat 8px center;background-size:12px;} .header-inner.type-re1 .uitl-zone .util-aside {height:auto;} .header-inner.type-re1 .uitl-zone .util-aside ul li {margin-left:9px;background: none;} .header-inner.type-re1 .uitl-zone .util-aside ul li a {display:block;width: 28px;height: 28px;border-radius:50%;/* box-shadow: 0 6px 10px 0 rgba(33, 37, 41, 0.04), 0 1px 16px 0 rgba(0, 0, 0, 0.06); */border: 1px solid #E1E3E6;} .header-inner.type-re1 .uitl-zone .util-aside ul li a.ver-lang {background:url(/resource/img/common/ico/ico_main_top_group01_01.png) no-repeat 0 0;background-size:32px;margin: 0;} .header-inner.type-re1 .uitl-zone .util-aside ul li a.search {background:url(/resource/img/common/ico/ico_main_top_group01_02.png) no-repeat center center;background-size: 30px;} .header-inner.type-re1 .uitl-zone .util-aside ul li.menu-all a {background:url(/resource/img/common/ico/ico_main_top_group01_03.png) no-repeat center center;background-size:30px;} .header-inner.type-re1 .uitl-zone ul li.btn-item2 a {position:relative;font-size: 14px;color:#000;margin:0;padding:0;line-height: 29px;padding-left: 22px;height: 30px;} .header-inner.type-re1 .uitl-zone ul li.btn-item2.login a {background: url(/resource/img/common/ico/ico_main_top_login3.png) no-repeat 6px 8px;background-size:12px;} .header-inner.type-re1 .uitl-zone ul li.btn-item2 a:after {content:'';display: block;clear:both;width: 3px;height: 3px;background-color:#000;position: absolute;left: 11px;top: 50%;transform: translateY(-50%);border-radius: 50%;} .header-inner.type-re1 .uitl-zone ul li.btn-item2.login a:after {display:none;} .header-inner.type-re1 .uitl-zone ul li.btn-item2 a:hover {text-decoration:underline;} /* search */ .search-top-wrap {position:fixed;left:0;top: 154px;right:0;bottom:0;z-index:12;background: rgba(0, 0, 0, 0.7);border-top: 1px solid #ddd;} .search-top-wrap.has-top-bnr {top: 225px;} .search-top-wrap .inner-wrap {background-color:#fff;} .search-top-wrap .inner {position:relative;margin:0 auto;padding:65px 0;} .search-top-wrap .inner .menu-srch {display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;} .search-top-wrap .inner .menu-srch .tit {display:block;padding-right:20px; height:60px;line-height:58px;font-size:28px;} .search-top-wrap .inner .menu-srch input[type="text"] {width: 630px;height: 60px;background: #FFFFFF;border: 3px solid #002AB3;box-sizing:border-box;font-size:24px;color:#000} .ibs .search-top-wrap .inner .menu-srch input[type="text"] {border: 3px solid #0565F0;} .search-top-wrap .inner .menu-srch input[type="text"]::placeholder {font-size:24px;color:#6E7780} .search-top-wrap .inner .menu-srch .srch-btn {width: 60px;height: 60px;background:#002AB3 url(/resource/img/common/ico/ico_main_top_search.png) no-repeat 50% 50%;background-size:50px;position: relative;left: -2px;} .ibs .search-top-wrap .inner .menu-srch .srch-btn {background:#0565F0 url(/resource/img/common/ico/ico_main_top_search.png) no-repeat 50% 50%;background-size:50px;} .search-top-wrap .inner .layer-close {position: absolute;right:0;top:17px; width: 30px;height: 30px;background:url(/resource/img/common/ico/ico_main_top_close01.png) no-repeat 50% 50%;background-size:100%;} .search-top-wrap .srch-result {right:auto;left:0;top:45px;z-index:2;border-bottom:2px solid #0082dd;border-radius:0;} .search-top-wrap .srch-result li a > em {color:#008dd6;} .search-top-wrap .srch-result .srch-scroll-area {overflow-y:auto;height:auto;max-height:201px;margin:23px 0 16px 20px} .search-top-wrap .srch-result .result-close {right:9px;top:7px;} .search-top-wrap .layer-close {overflow:hidden;position:absolute;right:0;top:31px;width:23px;height:23px;background:url(https://imgs.kjbank.com/resource//img/common/ico/set_tooper.png) no-repeat -184px -1px;text-indent:-5000em;} .search-top-wrap .srch-result {overflow:hidden;border:1px solid #dcdcdc;border-radius:8px;min-width:422px;width:auto;white-space:nowrap;background-color:#fff;position:absolute;right: 214px;top: 125px;z-index:6;padding-right:8px;display:none;left: 255px;} .search-top-wrap .srch-result .srch-scroll-area {height:110px; overflow-y:scroll; margin:25px 0 20px 24px; padding-right:20px;} .search-top-wrap .srch-result li {font-size:13px; margin-top:3px;} .search-top-wrap .srch-result li:first-child {margin-top:0;} .search-top-wrap .srch-result li a > em {color:#0066b2;} .search-top-wrap .srch-result li a:hover {text-decoration:underline;} .search-top-wrap .srch-result .result-close {overflow:hidden; position:absolute; top:10px; right:10px; text-indent:-9999em; display:inline-block; width:14px; height:14px;} .search-top-wrap .srch-result .result-close:after {content:""; position:absolute; top:0; right:0; background:url(/resource/img/common/ico/set_tooper.png) no-repeat -166px -4px; width:14px; height:14px;} /* === 메인 컨텐츠 1단 === */ .bcb-main-top-sec.type-re1 {background:none;} .bcb-main-top-sec.type-re1 .service-list2 {display:flex;width:100%;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start;} .bcb-main-top-sec.type-re1 .service-list2 .login-area {margin:0;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before {padding:0;background:none;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before h2 {height: auto;font-size:22px;font-family:'notoR';color: #000;font-weight: bold;padding-bottom: 6px;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login {position:relative;padding-bottom: 11px;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login #loginDiv {position:absolute;left:0;top: 135px;display:none;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login a {display:block;height:37px;margin-top: 12px;border-radius:3px;background-color: #468de7;font-size: 15px;font-family:'notoR';line-height:37px;color:#fff;text-decoration:none;text-align:center;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login a:first-child {background-color: #0565f0;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login a:nth-child(2) {background-color: #468de7;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login a:nth-child(3) {background-color: #83b6f7;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login a.btn_open_login.open {border-radius:3px 3px 0 0;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login #subidlogin {display:block;width:100%;height: 40px;background-color: #83b6f7;font-size: 15px;font-family:'notoR';line-height: 39px;color:#fff;text-decoration:none;text-align:center;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login #loginDiv span {display:block;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login #loginDiv span:nth-child(2) {margin-top:-1px;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login #loginDiv span input {width:100%;font-size:15px;color:#0565F0;font-weight:bold;border-radius: 0;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .login #loginDiv span input::placeholder {font-size:15px;color:#0565F0;font-weight:bold;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .text {font-size: 15px;color: #000;line-height:1.5;letter-spacing: -1px;height: 104px;font-weight: 400;box-sizing: border-box;padding-top: 2px;} .bcb-main-top-sec.type-re1 .service-list2 .login-area .before .btn_white_b {width:auto;font-size: 15px;color: #0565F0;background: #fff;border: 1px solid #0565F0;margin: 0;} .bcb-main-top-sec.type-re1 .service-list2 .section.login-area {width:198px;} .bcb-main-top-sec.type-re1 .service-list2 .section.visual-arae {margin: 0 10px;width: 549px;} .bcb-main-top-sec.type-re1 .service-list2 .section.visual-arae img {display:block;width: 100%;height: auto;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae {width: 309px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae {position:relative;zoom:1;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae:after {content:'';display:block;clear:both;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box {position:relative;float:left;width: 150px;height: 160px;margin: 0 9px 20px 0;background: #F8F8F8;border-radius: 10px;overflow:hidden;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(2), .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(4){margin-right:0;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(3), .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(4){margin-bottom:0;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box .front a {font-size:22px;font-weight:bold;color:#000;padding: 14px 0 0 24px;display: block;height: 164px;box-sizing: border-box;line-height: normal;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box .front a:hover {text-decoration:none;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box .front a:after {content:'';display:block;width:60px;height: 60px;position:absolute;right: 20px;bottom: 20px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(1) .front a:after {background:url(/resource/img/bcb/main/ico_main_menu01_01.png) no-repeat center center;background-size:60px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(2) .front a:after {background:url(/resource/img/bcb/main/ico_main_menu01_02.png) no-repeat center center;background-size:60px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(3) .front a:after {background:url(/resource/img/bcb/main/ico_main_menu01_03.png) no-repeat center center;background-size:60px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(4) .front a:after {background:url(/resource/img/bcb/main/ico_main_menu01_04.png) no-repeat center center;background-size:60px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box .back {position:absolute;left:0;top:0;/* right:0; *//* bottom:0; *//* background:#000; */color:#fff;text-align: center;font-size:16px;width: 150px;height: 160px;/* background: rgba(0, 0, 0, 0.85); */background: #002AB3;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box .back dt {padding:27px 0 15px 0;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box .back ul {display:flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;height: 160px;width: 100%;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box .back ul li a {display:block;color:#fff;font-size:16px;font-weight: bold;padding: 5px 0;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(3) .back ul li a {font-size:22px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(1) .back ul li a, .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(4) .back ul li a {padding:2px 0;} .bcb-main-top-sec.type-re1 .in-box {padding-top:29px;} /* hover */ .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box .back {opacity:0;transition:0.5s;border-radius: 10px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(1) .back {left:-160px;top:-164px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(2) .back {left:160px;top:-164px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(3) .back {left:-160px;top:164px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box:nth-child(4) .back {left:160px;top:164px;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box .back a:hover {text-decoration:underline;} .bcb-main-top-sec.type-re1 .service-list2 .section.menu-arae .item-box.on .back {opacity: 1;left:0;top:0;} /* 로그인 후 */ .bcb-main-top-sec.type-re1 .section.login-area .after .user {padding: 5px 0 10px 0;} .bcb-main-top-sec.type-re1 .section.login-area .after .user strong {display:block;font-size:15px;line-height: 1.3;color:#000;} .bcb-main-top-sec.type-re1 .section.login-area .after .user strong .user-name {color:#0565F0;} .bcb-main-top-sec.type-re1 .section.login-area .after .info {display: flex;width:100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-start;align-items: center;} .bcb-main-top-sec.type-re1 .section.login-area .after .info dt, .bcb-main-top-sec.type-re1 .section.login-area .after .info dd {width:50%;font-size: 14px;box-sizing:border-box;} .bcb-main-top-sec.type-re1 .section.login-area .after .info dd {color: #0565F0;} .bcb-main-top-sec.type-re1 .section.login-area .after .list dt, .bcb-main-top-sec.type-re1 .section.login-area .after .list dt a {font-size:15px;color:#000;font-weight:bold;} .bcb-main-top-sec.type-re1 .section.login-area .after .list dt {padding: 17px 0 5px 0;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .count {display:flex;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .count p {text-align:center;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .count p a, .bcb-main-top-sec.type-re1 .section.login-area .after .list .count p a .count-tit {display:block;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .count p a {width: 60px;height:56px;text-align:center;background: #2A406B;border-radius: 16px;color:#fff;font-size:15px;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .count p:nth-child(2) a {background: #2E5299;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .count p:nth-child(3) a {background: #2F5FC0;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .count p a .count-tit {font-size: 12px;padding: 8px 0 0 0;} .bcb-main-top-sec.type-re1 .section.login-area a:hover {text-decoration:none;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .menu ul {display:flex;flex-wrap: wrap;align-content: center;align-items: center;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .menu ul li {padding-bottom: 6px;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .menu ul li:first-child {padding-right: 8px;} .bcb-main-top-sec.type-re1 .section.login-area .after .list .menu ul li a {display:inline-block;padding:0 10px;height: 28px;line-height: 27px;border: 1px solid #969797;border-radius:120px;color:#000;font-size: 12px;} /* === 메인 컨텐츠 2단 === */ /* 빠른 서비스 */ .bcb-quick-wrap-type2 {margin: 0 auto;margin-bottom: 55px;} .bcb-quick-wrap-type2 h3 {padding: 45px 0 48px 0;font-size:24px;color:#000;text-align:center;} .bcb-quick-wrap-type2 .quick-menu2 .menu-list > ul {display:flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;background-color:#FAFAFA;width: 1080px;margin: 0 auto;} .bcb-quick-wrap-type2 .quick-menu2 .menu-list > ul > li {position:relative;width: 16.66%;} .bcb-quick-wrap-type2 .menu-list li div.front {text-align:center;padding: 12px 10px;} .bcb-quick-wrap-type2 .menu-list li div.front a {position:relative;display:block;padding: 110px 0 18px 0;color:#000;font-size: 16px;} .bcb-quick-wrap-type2 .menu-list li div.front a:hover {text-decoration:none;} .bcb-quick-wrap-type2 .menu-list li div.front a:after {content:'';display:block;position: absolute;left:50%;top: 16px;width:86px;height:86px;border-radius:38px;border:1px solid #e5e7eb;transform: translateX(-50%);background:#f9fafe url(/resource/img/bcb/main/ico_main_menu02_01.png) no-repeat center center;background-size:45px;} .bcb-quick-wrap-type2 .menu-list li:nth-child(1) div.front a:after {background:#f9fafe url(/resource/img/bcb/main/ico_main_menu02_01.png) no-repeat center center;background-size:45px;} .bcb-quick-wrap-type2 .menu-list li:nth-child(2) div.front a:after {background:#f9fafe url(/resource/img/bcb/main/ico_main_menu02_02.png) no-repeat center center;background-size:45px;} .bcb-quick-wrap-type2 .menu-list li:nth-child(3) div.front a:after {background:#f9fafe url(/resource/img/bcb/main/ico_main_menu02_03.png) no-repeat center center;background-size:45px;} .bcb-quick-wrap-type2 .menu-list li:nth-child(4) div.front a:after {background:#f9fafe url(/resource/img/bcb/main/ico_main_menu02_04.png) no-repeat center center;background-size:45px;} .bcb-quick-wrap-type2 .menu-list li:nth-child(5) div.front a:after {background:#f9fafe url(/resource/img/bcb/main/ico_main_menu02_05.png) no-repeat center center;background-size:45px;} .bcb-quick-wrap-type2 .menu-list li:nth-child(6) div.front a:after {background:#f9fafe url(/resource/img/bcb/main/ico_main_menu02_06.png) no-repeat center center;background-size:45px;} .bcb-quick-wrap-type2 .menu-list li div.back {opacity:0.8;position:absolute;left: 50%;top: 4px;width:190px;background:#fff;border:1px solid #002AB3;border-radius:5px;text-align:center;box-shadow: 4px 4px 0 rgb(0 0 0 / 25%);overflow: hidden;margin-left:-96px;} .bcb-quick-wrap-type2 .menu-list li.n04 div.back {margin-top: 20px;} .bcb-quick-wrap-type2 .menu-list li.n05 div.back {margin-top: 20px;} .bcb-quick-wrap-type2 .menu-list li.n06 div.back {margin-top: -7px;} .bcb-quick-wrap-type2 .menu-list li div.back a {display:block;font-size:14px;height:40px;color:#333;line-height:1.2;} .bcb-quick-wrap-type2 .menu-list li div.back a {display:flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;padding: 0;} .bcb-quick-wrap-type2 .menu-list li div.back>a {background:#002AB3;color:#fff;height: 46px;} .bcb-quick-wrap-type2 .menu-list li div.back>a:hover {text-decoration:none;} .bcb-quick-wrap-type2 .menu-list li.n04 div.back>a {position:relative;padding-top:81px;} .bcb-quick-wrap-type2 .menu-list li.n04 div.back>a:after{content:'';display:block;position:absolute;left:0;top: 0;right:0;bottom: 46px;background:#fff;border-radius: 5px 5px 0 0;background:#f9fafe url(/resource/img/bcb/main/ico_main_menu02_04_on.png) no-repeat center 27px;background-size:45px;} .bcb-quick-wrap-type2 .menu-list li div.back ul, .bcb-quick-wrap-type2 .menu-list li div.back ul li {padding-top:0;} .bcb-quick-wrap-type2 .menu-list li div.back ul li a {border-bottom:1px solid #ccc;height:40px;box-sizing:border-box;font-size: 14px;color: #000;} .bcb-quick-wrap-type2 .menu-list li div.back ul li a:hover {color:#002AB3;font-weight:bold;text-decoration:none;background:#F0F6FF;} .bcb-quick-wrap-type2 .menu-list li div.back ul li:last-child a {border-bottom:0 none} .bcb-quick-wrap-type2 .menu-list li.n06 div.back ul li a {height:46px;} .bcb-quick-wrap-type2 .menu-list li.n06 div.back ul li:last-child a {height:40px;} /* 개인 */ .ibs-quick-wrap-type2 {margin: 0 auto;margin-bottom: 55px;} .ibs-quick-wrap-type2 h3 {padding: 70px 0 50px 0;font-size:24px;color:#000;text-align:center;} .ibs-quick-wrap-type2 h3 strong {color:#000} .ibs-quick-wrap-type2 .quick-menu2 .menu-list > ul {display:flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;background-color:#FAFAFA;width: 1080px;margin: 0 auto;} .ibs-quick-wrap-type2 .quick-menu2 .menu-list > ul > li {position:relative;width: 16.6%;} .ibs-quick-wrap-type2 .menu-list li div.front {text-align:center;padding: 12px 10px;position: relative;} .ibs-quick-wrap-type2 .menu-list li div.front a {position:relative;display:block;padding: 110px 0 18px 0;color:#000;font-size: 16px;} .ibs-quick-wrap-type2 .menu-list li div.front a:hover {text-decoration:none;} .ibs-quick-wrap-type2 .menu-list li div.front a:after {content:'';display:block;position: absolute;left:50%;top: 16px;width:86px;height:86px;border-radius:38px;border:1px solid #e5e7eb;transform: translateX(-50%);background:#f9fafe url(/resource/img/bcb/main/ico_main_menu02_01.png) no-repeat center center;background-size:45px;} .ibs-quick-wrap-type2 .menu-list li:nth-child(1) div.front a:after {background:#f9fafe url(/resource/img/common/ico/ico_main_ibs_menu02_01.png) no-repeat center center;} .ibs-quick-wrap-type2 .menu-list li:nth-child(2) div.front a:after {background:#f9fafe url(/resource/img/common/ico/ico_main_ibs_menu02_02.png) no-repeat center center;} .ibs-quick-wrap-type2 .menu-list li:nth-child(3) div.front a:after {background:#f9fafe url(/resource/img/common/ico/ico_main_ibs_menu02_03.png) no-repeat center center;} .ibs-quick-wrap-type2 .menu-list li:nth-child(4) div.front a:after {background:#f9fafe url(/resource/img/common/ico/ico_main_ibs_menu02_04.png) no-repeat center center;} .ibs-quick-wrap-type2 .menu-list li:nth-child(5) div.front a:after {background:#f9fafe url(/resource/img/common/ico/ico_main_ibs_menu02_05.png) no-repeat center center;} .ibs-quick-wrap-type2 .menu-list li:nth-child(6) div.front a:after {background:#f9fafe url(/resource/img/common/ico/ico_main_ibs_menu02_06.png) no-repeat center center;} .ibs-quick-wrap-type2 .menu-list li div.back {opacity:0.8;position:absolute;left: 50%;top: 50%;width: 170px;background:#fff;border: 1px solid #0565f0;border-radius:5px;text-align:center;box-shadow: 4px 4px 0 rgb(0 0 0 / 25%);overflow: hidden;margin-left:-86px;z-index: 1;} .ibs-quick-wrap-type2 .menu-list li div.back a {display:block;/*padding: 11px 0 11px 0;*/font-size:14px;height:40px;color:#333;line-height:1.2;} .ibs-quick-wrap-type2 .menu-list li div.back a {display:flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;padding: 0;} .ibs-quick-wrap-type2 .menu-list li div.back>a {background: #0565f0;color:#fff;height: 46px;} .ibs-quick-wrap-type2 .menu-list li div.back>a:hover {text-decoration:none;} .ibs-quick-wrap-type2 .menu-list li div.back ul, .ibs-quick-wrap-type2 .menu-list li div.back ul li {padding-top:0;} .ibs-quick-wrap-type2 .menu-list li div.back ul li a {border-bottom:1px solid #ccc;height: 46px;box-sizing:border-box;font-size: 14px;color: #000;line-height: 1.3;} .ibs-quick-wrap-type2 .menu-list li div.back ul li a span {font-size:12px;} .ibs-quick-wrap-type2 .menu-list li div.back ul li a:hover {color: #0565F0;font-weight:bold;text-decoration:none;background:#F0F6FF;} .ibs-quick-wrap-type2 .menu-list li div.back ul li:last-child a {border-bottom:0 none} /* hover */ .cont-wrap.type-re1 .bcb-quick-wrap-type2 .menu-list li div.back {opacity:0;transform:translateY(30px) scale(0.9);transform-origin: 50% 50%;transition:0.2s;} .cont-wrap.type-re1 .bcb-quick-wrap-type2 .menu-list li.on div.back {opacity: 1;transform:translateY(0) scale(1);transform-origin: 50% 50%;} .cont-wrap.type-re1 .ibs-quick-wrap-type2 .menu-list li div.back {opacity: 0;margin-top:20px;transition:0.2s;transform: translateY(-50%) scale(0.9);} .cont-wrap.type-re1 .ibs-quick-wrap-type2 .menu-list li.on div.back {opacity: 1;margin-top:0;z-index:2;transform: translateY(-50%) scale(1)} /* === 컨텐츠 3단 === */ /* 새소식 */ .main-news.type-re1 {position:relative;width: 375px;} .main-news.type-re1 .more-view {position:absolute; right:0px; top:5px; display:block; background:url(/resource/img/bpb/main/ico_main_more.png) left top no-repeat; text-indent:-9999em; width:12px; height:12px;} .main-news.type-re1 .more-view {top: 7px;width:auto;height:auto;padding-right:18px;font-size: 14px;text-indent:0;background:none;color: #555;} .main-news.type-re1 .more-view:after {content:'';display:block;position:absolute;right:0;top: 4px;background: url(/resource/img/common/ico/ico_arr01.png) no-repeat 0 0;background-size:6px;width: 7px;height: 12px;} .main-news.type-re1 .tit-area {padding-right:5px;display: flex;align-items: center;flex-wrap: nowrap;align-content: center;justify-content: flex-start;flex-direction: row;} .main-news.type-re1 .tit-area * {display:inline-block;vertical-align:middle;} .main-news.type-re1 .tit-area span {max-width: 247px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 400;} .main-news.type-re1 .tit-area strong {max-width: 247px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .main-news.type-re1 .date-area {text-align:right;} .main-news.type-re1 ul {border-top: 0 none;} .main-news.type-re1 li {border-bottom: 0 none;height: auto;line-height: normal;padding: 4px 0;} .main-news.type-re1 li:last-child {padding-bottom:0;} .main-news.type-re1 li a {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:320px;} .main-news.type-re1 ul li a {display:flex;position:relative;width: 100%;justify-content: space-between;align-content: center;align-items: center;flex-direction: row;height: 27px;line-height: 29px;padding-left: 12px;box-sizing: border-box;} .main-news.type-re1 ul li a:after {content:'';display:block;clear:both;width:2px;height:2px;background:#535960;position:absolute;left:1px;top:50%;transform:translateY(-50%)} .main-news.type-re1 ul li a:hover {text-decoration:none;} /* 기업업무지원 */ .main-bot-wrap-bottom2.type-re1 .section.n02 {margin: 0 24px;width: 358px;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap {border:1px solid #E5E5E5;border-radius: 8px;overflow: hidden;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul {*zoom:1;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul:after {content:'';display:block;clear:both} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li {float:left;width:50%;box-sizing: border-box;overflow: hidden;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(1), .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(2) {border-bottom:1px solid #E5E5E5;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(1), .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(3) {border-right:1px solid #E5E5E5;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li a {position:relative;padding-left: 50px;height: 85px;line-height:84px;color:#000;font-size:14px;display: block;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li a:after {content:'';display:block;clear:both;width:25px;height:25px;position:absolute;left: 20px;top:50%;transform:translateY(-50%);} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li a:hover {font-weight:bold;background:#F9F9F9;text-decoration:none;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(1) a:after {background:url(/resource/img/bcb/main/ico_main_menu03_01.png) no-repeat 0 0;background-size:100%;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(2) a:after {background:url(/resource/img/bcb/main/ico_main_menu03_02.png) no-repeat 0 0;background-size:100%;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(3) a:after {background:url(/resource/img/bcb/main/ico_main_menu03_03.png) no-repeat 0 0;background-size:100%;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(4) a:after {background:url(/resource/img/bcb/main/ico_main_menu03_04.png) no-repeat 0 0;background-size:100%;} .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(3) a, .main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(4) a {height: 86px;} /* 고객센터 */ .main-bot-wrap-bottom2.type-re1 {margin:0 auto;*zoom:1;} .main-bot-wrap-bottom2.type-re1:after {content:'';display:block;clear:both;} .main-bot-wrap-bottom2.type-re1 .section {float:left;} .main-bot-wrap-bottom2.type-re1 .tit-area-top {position:relative;height: 43px;} .main-bot-wrap-bottom2.type-re1 .tit-area-top .tit {position:relative;height:39px;font-family: 'HGGGothicssi';font-size: 22px;} .main-bot-wrap-bottom2.type-re1 .tit-area-top .btn-rt {position:absolute;right:0;top:0;} .main-bot-wrap-bottom2.type-re1 .tit-area-top .btn-rt:hover {text-decoration:none;} /* === 메인 footer === */ #footer .type-re1 .foot-upper {border-bottom:0 none;} #footer .type-re1 .foot-lower {padding: 0 0 30px 0;position:relative;} #footer .type-re1 .foot-lower .copyright {margin-left:0;} #footer .type-re1 .foot-lower .upper-export.fl {float:left;} #footer .type-re1 .foot-lower .copyright {font-size:11px;color:#000;line-height: 24px;} #footer .type-re1 .foot-lower .sel-type2 > a, #footer .type-re1 .foot-lower .sel-type > a {border-radius:5px;line-height: 36px;} #footer .type-re1 .foot-lower .upper-export.fl { margin-top: 12px;} #footer .type-re1 .foot-lower .upper-export.fl a {margin:0 0 0 12px;width: 129px;box-sizing: border-box;padding: 0;text-align: center;} #footer .type-re1 .foot-upper .upper-menu ul li a {height:auto;line-height:normal;;} #footer .type-re1 .foot-upper .upper-menu ul li {padding: 20px 12px 19px 0;font-size: 14px;color: #000;} #footer .type-re1 .foot-upper .upper-menu ul li:before {top: 23px;left: -6px;background: #BEBEBE;height: 14px;} #footer .type-re1 .in-sec.n03 {position: absolute;right:0;top:0} #footer .type-re1 .upper-export .item {margin: 0 0 0 12px;} #footer .type-re1 .upper-export .item img {width:auto;height:40px;} #footer .type-re1 .foot-upper .upper-menu ul li a {color:#000;font-size: 13px;} #footer .type-re1 .foot-lower .upper-export.pa {position:absolute;right: 50%;bottom: 37px;margin-right: -538px;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-end;align-items: center;} #footer .type-re1 .foot-link > .sel-type ul {bottom: 38px;} #footer .type-re1 .foot-link > .sel-type ul a:hover {text-decoration:underline;} #footer .type-re1 .foot-lower .upper-export {float:right;} .type-re1 .gnb-ext .inner-box > .box-local {width:196px;float:left;margin-right:20px;margin-top: 25px;/* display: none; */} .type-re1 .gnb-ext .inner-box > .box-local.active {display: block;} .type-re1 .gnb-ext .inner-box > .box-local > strong {color:#0082dd;font-size:15px;display:table-cell;padding: 10px 0;vertical-align:middle;width:196px;line-height:1.4;/* height:45px; */} /* 전체 메뉴 */ .type-re1 .menu-all-wrap.type2 #allMenuHtmlArea.gnb-ext {position: initial;}/* [2023개편_8차] 수정 */ .type-re1 .menu-all-wrap.type2 #allMenuHtmlArea.gnb-ext .inner-box > .box-local {width:100%;float:none;margin:0;margin-bottom: 5px;} .type-re1 .menu-all-wrap.type2 #allMenuHtmlArea.gnb-ext .inner-box > .box-local:last-child {min-height: calc(100vh - 189px);} .type-re1 .menu-all-wrap.type2 #allMenuHtmlArea.gnb-ext .inner-box > .box-local>strong {padding: 32px 0 14px 0;display:block;width:100%;border-bottom: 1px solid #DCDCDC;margin-bottom: 25px;height: auto;color: #000;font-size: 18px;} .type-re1 .menu-all-wrap.type2 #allMenuHtmlArea.gnb-ext .inner-box > .box-local .local-menu {*zoom:1;display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start;margin-left: -10px;} .type-re1 .menu-all-wrap.type2 #allMenuHtmlArea.gnb-ext .inner-box > .box-local .local-menu:after {content:'';display:block;clear:both;} .type-re1 .menu-all-wrap.type2 #allMenuHtmlArea.gnb-ext .inner-box > .box-local .local-menu>li {width: 20%;padding: 10px;box-sizing: border-box;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li > strong, .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li > a {color:#0565EF;font-size: 16px;padding-left:0;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li > a:hover, .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li > a:focus {background:none;color: #0565EF;text-decoration:underline;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li > ul > li > a {color:#7A7A7A;background:none;padding-left:0;background:none;font-size: 14px;line-height: 1.5;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li > ul > li > a:hover, .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li > ul > li > a:focus {color:#000;text-decoration:underline;background:none;font-weight: bold;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li > ul > li > a:before {display:none;} .type-re1 .menu-all-wrap.type2 .tab-list {padding:0;} .type-re1 .menu-all-wrap.type2 .gnb-area {position: relative;padding-left:150px;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu .depth-be a {color:#575757} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu .depth-be a:hover, .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu .depth-be a:focus {color:#000;font-weight: bold;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol {padding: 5px 0 4px 0;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:before {content:"";position:absolute;left: 12px;top: 10px;width:3px;height:3px;background-color:#575757;border-radius:3px;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a {position:relative;padding: 1px 10px 2px 20px;font-size: 14px;line-height: 1.5;text-decoration:none;font-weight:400;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:hover, .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:focus {background:none;color:#000;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li .depth-last ol > li a:hover:before {background-color:#000;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li.depth-be > a:after {content:"";display:block;background: url(/resource/img/common/ico/ico_menu_open.png) no-repeat center center;width: 13px;height: 13px;position:absolute;top:6px;right:5px;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box > .box-local .local-menu li.depth-be.on > a:after {background: url(/resource/img/common/ico/ico_menu_close.png) no-repeat center center;} .type-re1 .menu-all-wrap.type2 .in-wrap {position:relative;} .type-re1 .menu-all-wrap.type2 .tab-list-left {position:absolute;left:0;top: 52px;width: 151px;} .type-re1 .menu-all-wrap.type2 .tab-list-left ul li a {display:block;padding: 9px 10px 8px 18px;line-height: 1.5;border-top:1px solid #fff;font-size:14px;color:#00286C;font-weight:bold;} .type-re1 .menu-all-wrap.type2 .tab-list-left ul li:hover a {background:#C2DCFF;} .type-re1 .menu-all-wrap.type2 .tab-list-left ul li.active a {background:#0565EF;color:#fff;} .type-re1 .menu-all-wrap.type2 {top: 0;min-width: 1080px;} .type-re1 .menu-all-wrap.type2 .in-wrap {background-color:#E5F1FF;} .type-re1 .menu-all-wrap.type2 .in-wrap .in-top-wrap {position:relative;padding:0 0 0 250px;height:131px;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;} .type-re1 .menu-all-wrap.type2 .in-wrap .in-top-wrap .logo2 {position:absolute;left:30px;top:49px;} .type-re1 .menu-all-wrap.type2 .tab-list li a {height:50px;} .type-re1 .menu-all-wrap.type2 .gnb-ext .inner-box {width:auto;padding: 0 15px 0 15px;background: #fff;} .type-re1 .menu-all-wrap.type2 .tab-list li {border:1px solid #dcdcdc;border-bottom:1px solid #0565F0;} .type-re1 .menu-all-wrap.type2 .tab-list li.active {border-bottom:0 none;} .type-re1 .menu-all-wrap.type2 .tab-list li.active a {height: 51px;margin:-1px;border:solid #0565EF;border-width:1px 1px 0;background-color:#fff;font-weight:700;color:#0565EF;} .type-re1 .menu-all-wrap.type2 .layer-close {overflow:hidden;position:absolute;right: 21px;top: 49px;width: 30px;height: 30px;background:url(/resource/img/common/ico/ico_close_blue.png) no-repeat 0 0;text-indent:-5000em;} .type-re1 .menu-all-wrap.type2 .menu-toggle .btns.btn-manage {position:relative; top:auto; right:auto; padding:0 14px 0 31px; font-size:13px; height:30px; line-height:26px;} .type-re1 .menu-all-wrap.type2 .search-area {padding:0 58px 0 0;} .type-re1 .menu-all-wrap.type2 .srch-cont .menu-srch input {width:575px;height:51px;padding:0 48px 0 19px !important;border-radius:100px;border:1px solid #1C6CE7;font-size: 18px;color: #7A7A7A;} .type-re1 .menu-all-wrap.type2 .srch-cont .menu-srch .srch-btn {overflow:hidden;position:absolute;right:10px;top:2px;width:49px;height:49px;margin:0;background:url(/resource/img/common/ico/ico_search_blue.png) no-repeat center center;text-indent:-5000em;background-size:35px 35px;} .type-re1 .menu-all-wrap.type2 .menu-toggle .btn-manage:before {content:''; position:absolute; top:50%; right:16px; width:8px; height:8px; margin-top:-4px; background:url(/resource/img/common/ico/ico_menu_plus.png) center center no-repeat;} .type-re1 .menu-all-wrap.type2 .menu-toggle .btn-manage.on:before {content:''; position:absolute; top:50%; right:16px; width:8px; height:8px; margin-top:-4px; background:url(/resource/img/common/ico/ico_menu_plus.png) center center no-repeat;} /* 기업업무지원 */ .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 {margin: 0 29px;width: 348px;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap {border:1px solid #E5E5E5;border-radius: 8px;overflow: hidden;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul {*zoom:1;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul:after {content:'';display:block;clear:both} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li {float:left;width: 33.3%;box-sizing: border-box;/* overflow: hidden; */border-right:1px solid #E5E5E5;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(3n) {width: 33.4%;border-right:0 none;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(-n+3) {border-bottom:1px solid #E5E5E5;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li a {position:relative;padding-top: 48px;height: 85px;/* line-height:84px; */color:#000;font-size:14px;display: block;text-align: center;box-sizing: border-box;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li a:after {content:'';display:block;clear:both;width:25px;height:25px;position:absolute;left: 50%;top: 17px;transform: translateX(-50%);} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li a:hover {font-weight:bold;background:#F9F9F9;text-decoration:none;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(1) a:after {background:url(/resource/img/common/ico/ico_main_ibs_menu03_01.png) no-repeat 0 0;background-size:100%;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(2) a:after {background:url(/resource/img/common/ico/ico_main_ibs_menu03_02.png) no-repeat 0 0;background-size:100%;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(3) a:after {background:url(/resource/img/common/ico/ico_main_ibs_menu03_03.png) no-repeat 0 0;background-size:100%;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(4) a:after {background:url(/resource/img/common/ico/ico_main_ibs_menu03_04.png) no-repeat 0 0;background-size:100%;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(5) a:after {background:url(/resource/img/common/ico/ico_main_ibs_menu03_05.png) no-repeat 0 0;background-size:100%;} .ibs-main-bot-wrap-bottom2.type-re1 .section.n02 .list-wrap ul li:nth-child(6) a:after {background:url(/resource/img/common/ico/ico_main_ibs_menu03_06.png) no-repeat 0 0;background-size:100%;} /* 고객센터 */ .ibs-main-bot-wrap-bottom2.type-re1 {margin:0 auto;*zoom:1;} .ibs-main-bot-wrap-bottom2.type-re1:after {content:'';display:block;clear:both;} .ibs-main-bot-wrap-bottom2.type-re1 .section {float:left;} .ibs-main-bot-wrap-bottom2.type-re1 .tit-area-top {position:relative;height: 43px;} .ibs-main-bot-wrap-bottom2.type-re1 .tit-area-top .tit {position:relative;height:39px;font-family: 'HGGGothicssi';font-size: 22px;} .ibs-main-bot-wrap-bottom2.type-re1 .tit-area-top .btn-rt {position:absolute;right:0;top:0;} .ibs-main-bot-wrap-bottom2.type-re1 .tit-area-top .btn-rt:hover {text-decoration:none;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 {width: 299px;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap {border-radius: 8px;border:1px solid #E5E5E5;margin-bottom: 4px;overflow: hidden;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap>ul>li {padding-left:12px;height: 38px;line-height: 38px;border-bottom:1px solid #E5E5E5;font-size: 14px;color:#000;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap>ul>li:last-child {margin-bottom:0;border-bottom:0 none;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap>ul>li:first-child {height:56px;line-height:1.5;padding-top: 8px;box-sizing: border-box;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap>ul>li:first-child span {font-size:13px;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap>ul>li:first-child strong {color: #0565F0;} .main-bot-wrap-bottom2.type-re1 .section.n03 .list-wrap>ul>li:first-child strong {color:#002AB3;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap2 {background-color: #fafafa;padding: 0 !important;margin:0;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap2 ul {display:flex;flex-wrap: nowrap;align-content: center;justify-content: space-evenly;align-items: center;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap2 ul li {padding:0;margin:0;width:33.3%;border-right:1px solid #E5E5E5;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap2 ul li:last-child {border-right:0 none;} [class*="bot-wrap-bottom2"].type-re1 .section.n03 .list-wrap2 ul li a {display:block;height:40px;line-height:39px;color:#081615;font-size:13px;font-weight:bold;text-align:center;} [class*="-main-top-sec"].type-re1 .btn_evt_all {position: absolute;right: 465px;bottom: 51px;} [class*="-main-top-sec"].type-re1 .btn_evt_all a {display:block;width: 30px;height: 30px;border-radius: 50%;background: #666666;} [class*="-main-top-sec"].type-re1 .btn_evt_all a:hover {background: #000;} .bcb-main-top-sec.type-re1 .btn_evt_all {right: 200px;bottom: 14px;} .main-visual-wrap.size1 .btn_evt_all {display: none;/*right:50%;transform: translateX(50%);*/} .ibs-main-top-sec.type-re1 .menu_list {position: absolute;left:50%;bottom:-30px;transform: translateX(-50%);} .ibs-main-top-sec.type-re1 .menu_list>ul {display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;} .ibs-main-top-sec.type-re1 .menu_list>ul li {width: 170px;padding: 0 10px;} .ibs-main-top-sec.type-re1 .menu_list>ul li a {display:block;position:relative;padding-left:30px;height: 58px;line-height: 58px;border-radius:30px;text-align:center;font-size: 20px;font-weight: bold;background: #fff;color: #000;box-shadow: 0px 1px 16px rgba(33, 37, 41, 0.04), 0px 6px 10px rgba(33, 37, 41, 0.02);border: 1px solid #E6E6E6;} .ibs-main-top-sec.type-re1 .menu_list>ul li a:after {content:'';display:block;clear:both;width:24px;height:24px;position:absolute;left:45px;top:18px;} .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(1) a:after {background: url(/resource/img/common/ico/ico_main_center01_01_nor.png) no-repeat 0 0;} .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(2) a:after {background: url(/resource/img/common/ico/ico_main_center01_02_nor.png) no-repeat 0 0;} .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(3) a:after {background: url(/resource/img/common/ico/ico_main_center01_03_nor.png) no-repeat 0 0;} .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(4) a:after {background: url(/resource/img/common/ico/ico_main_center01_04_nor.png) no-repeat 0 0;} .ibs-main-top-sec.type-re1 .menu_list>ul li a:hover, .ibs-main-top-sec.type-re1 .menu_list>ul li a:focus {color:#fff;background:#0565F0;border:1px solid #0565F0;} .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(1) a:hover:after, .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(1) a:focus:after {background: url(/resource/img/common/ico/ico_main_center01_01.png) no-repeat 0 0;} .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(2) a:hover:after, .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(2) a:focus:after {background: url(/resource/img/common/ico/ico_main_center01_02.png) no-repeat 0 0;} .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(3) a:hover:after, .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(3) a:focus:after {background: url(/resource/img/common/ico/ico_main_center01_03.png) no-repeat 0 0;} .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(4) a:hover:after, .ibs-main-top-sec.type-re1 .menu_list>ul li:nth-child(4) a:focus:after {background: url(/resource/img/common/ico/ico_main_center01_04.png) no-repeat 0 0;} /* 메인 비주얼 */ .cont-wrap.type02.ibs {margin-top:0;padding-top:0;} .ibs-main-top-sec.type-re1 {width:1080px;margin:0 auto;*zoom:1;position: relative;} .ibs-main-top-sec.type-re1 .bx-controls a, .ibs-main-top-sec.type-re1 .bx-controls-direction2 a {display:inline-block;overflow:hidden;line-height:200px;} .main-visual-wrap .main-visual-type1 {overflow: hidden;} /* [2023개편_8차] 수정 */ .main-visual-wrap .main-visual-type1 .bxslider li a {display:block;} /* 이전, 다음 */ .main-visual-type1 .bx-controls .bx-controls-direction a.bx-prev, .main-visual-type1 .bx-controls .bx-controls-direction a.bx-next {position:absolute;width:51px;height:63px;background-color: rgba(0, 0, 0, 0.1);top: -123px;} .main-visual-type1 .bx-controls .bx-controls-direction a.bx-prev {left: -440px;background: url(/resource/img/common/ico/arr_main_visual01.png) no-repeat center center;} .main-visual-type1 .bx-controls .bx-controls-direction a.bx-next {right: -509px;background: url(/resource/img/common/ico/arr_main_visual02.png) no-repeat center center;} /* 재생, 정지 */ .main-visual-type1 .bx-controls {display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;position:absolute;right: 506px;bottom:51px;width: 110px;height:30px;background: #666666;border-radius:30px;z-index:1;box-sizing: border-box;/* padding: 0 25px; */font-size:12px;color:#fff;/* font-weight: bold; */padding-left: 2px;} .main-visual-type1 .bx-controls:hover, .main-visual-type1 .bx-controls:focus {background-color:#000;} .main-visual-wrap.bcb .main-visual-type1 .bx-controls {bottom: 14px;left: auto;right: 240px;} .main-visual-wrap.size1 .main-visual-type1 .bx-controls {display:none} .main-visual-type1 .bx-controls * {display: flex !important;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-around;align-items: center;} .main-visual-type1 .bx-controls .bx-controls-auto {display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;} .main-visual-type1 .bx-controls a.bx-start, .main-visual-type1 .bx-controls a.bx-stop {width: 18px;height: 18px;display: none !important;} .main-visual-type1 .bx-controls a.bx-start {background: url(/resource/img/common/ico/ico_main_visual_play2.png) no-repeat center center;} .main-visual-type1 .bx-controls a.bx-stop {background:url(/resource/img/common/ico/ico_main_visual_stop2.png) no-repeat center center;} .main-visual-type1 .bx-controls a.bx-start.active {display:block !important;background: url(/resource/img/common/ico/ico_main_visual_play2.png) no-repeat center center;} .main-visual-type1 .bx-controls a.bx-stop.active {display:block !important;background:url(/resource/img/common/ico/ico_main_visual_stop2.png) no-repeat center center;} .main-visual-type1 .bx-pager.bx-default-pager {padding: 0 3px;position: relative;top: -1px;} .main-visual-type1 .bx-prev.btn2, .main-visual-type1 .bx-next.btn2 {display:block;width:18px;height:18px;position: relative;top: -1px;} .main-visual-type1 .bx-prev.btn2 {margin-left:5px;background:url(/resource/img/common/ico/arr_main_visual01_sm.png) no-repeat center center;} .main-visual-type1 .bx-next.btn2 {background:url(/resource/img/common/ico/arr_main_visual02_sm.png) no-repeat center center;} .main-visual-type1 .bx-wrapper {position: relative;} .main-visual-type1 .btn1, .main-visual-type1 .btn1 {position: absolute;width: 51px;height: 63px;background-color: rgba(0, 0, 0, 0.1);top: 50%;transform: translateY(-50%);z-index: 1;} .main-visual-type1 a.btn1.bx-prev {left: 0;background: url(/resource/img/common/ico/arr_main_visual01.png) no-repeat 0 2px;} .main-visual-type1 a.btn1.bx-next {right: 0;background: url(/resource/img/common/ico/arr_main_visual02.png) no-repeat 0 2px} /* 이벤트 전체 보기 */ .pop_evt_all {display:none;position:fixed;left:0;top: 0;right:0;bottom:0;z-index: 3;background: rgba(0, 0, 0, 0.7);overflow-y: auto;}/* 23-03-27 */ .pop_evt_all.open {display:block;} .pop_evt_all .inner {position:relative;margin:0 auto;padding: 100px 0 70px 0;width: 1092px;} .pop_evt_all .inner .list_evt {display:flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-start;align-items: center;} .pop_evt_all .inner .list_evt li {padding:12px} .pop_evt_all .inner .pop_closes {position:absolute;right:12px;top: 47px;width:45px;height:45px;background:url(/resource/img/common/ico/btn_pop_close.png) no-repeat 0 0;} /* 개인 메인 최상단 배너 */ .focus-zone.type-re1 {background:none;height: 70px;} .focus-zone.type-re1 .focus-zone-inner {height:auto;background:url(/resource/img/common/ico/bnr_main_top01.png) center 0 no-repeat;} .focus-zone.type-re1 .focus-cont {position:relative;} .focus-zone.type-re1 .focus-cont .img-wrap img {display:block;width:1080px;height:70px;} .focus-zone.type-re1 .focus-cont .list-link {position:absolute;left:0;right: 150px;bottom:0;display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;} .focus-zone.type-re1 .focus-cont .list-link li {padding-right: 20px;} .focus-zone.type-re1 .focus-cont .list-link li a {display:block;height:70px;width: 923px;} .focus-zone.type-re1 .focus-cont .list-link.size3 li a {width: 290px;} .focus-zone.type-re1 .focus-cont .list-link.size3 li:nth-child(1) a {width: 311px;} .focus-zone.type-re1 .focus-cont .list-link.size3 li:nth-child(3) {padding:0} .focus-zone.type-re1 .focus-cont .list-link.size2 li a {width: 477px;} .focus-zone.type-re1 .focus-cont .list-link.size2 li:nth-child(2) a {width: 427px;} .focus-zone.type-re1 .focus-cont .just-close {display:block;position:absolute;right: 64px;top: 11px;width: 38px;height: 31px;} .focus-zone.type-re1 .focus-cont .just-close::before {display:none;} .focus-zone.type-re1 .focus-cont [class*="btn_more"] {display:block;position:absolute;right: 209px;top: 23px;width: 53px;height: 24px;} .focus-zone.type-re1 .focus-cont .pop-close {right: 16px;top: 42px;} .focus-zone.type-re1 .focus-cont .pop-close label {color:#000;font-size: 13px;} /* 기업 메인 */ .main-visual-wrap.bcb {position:relative;margin: 0 10px;width: 550px;height:340px;}/* [2023개편_8차] 수정 */ .main-visual-type1 .bx-controls .bx-controls-direction {display: none !important;} /* 기존 소스 영향도로 추가 */ .menu-all-wrap .srch-cont .srch-result {z-index: 3;} /* ===================== [기업 개인 메인 개편 2023] End =============================== */ /* S : 240117 웹접근성 수정 */ .main-visual-type1 .bx-viewport a {position: relative;} .main-visual-type1 .bx-viewport a:focus::before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:2px dotted #ffb000;} .ele-rdo2 .rdo-item.check label {font-weight: bold;} .ele-rdo2 .rdo-item input:focus + label {outline: 2px dotted #000;font-weight: bold;} /* E : 240117 웹접근성 수정 */