@charset "utf-8";
@import url('./font.css');

/* reset */
html, body {width:100%;height:100%;font-size:10px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none;overflow:hidden}
body,input, textarea,select,button {font-family:"Noto Sans KR","Helvetica Neue","Apple SD Gothic Neo","Droid Sans","Malgun Gothic","맑은 고딕",sans-serif,Dotum,"돋움";}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr, figure {margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;letter-spacing:-0.03em;}
*:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,button,label,input{-webkit-tap-highlight-color: rgba(0,0,0,.1);tap-highlight-color: rgba(0,0,0,.1);}
table {width:100%;border-collapse:collapse;border-spacing:0}
body {padding:0;background-color:transparent;color:#111;}
ol, ul, li {list-style:none}
table {width:100%;border-collapse:collapse;border-spacing:0}
form, fieldset, iframe {display:block;border:0}
img, button {border:0 none;vertical-align:top}
hr {height:0;display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend{width:0;height:0;margin:0;padding:0;text-indent:-9999em;overflow:hidden;visibility:hidden;font-size:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {margin:0;padding:0;-webkit-border-radius:0;border-radius:0;vertical-align:top;outline-style:none;appearance: none;letter-spacing:-0.02em;}
input:focus{outline:none;}
textarea {-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 12px;width:100%;border:1px solid #e5e5e5;}
button {overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer;}
button::-moz-focus-inner {border:0;padding:0;}
button:focus{outline:none;}
a {color:#222;text-decoration:none;word-wrap:break-word;word-break:keep-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
a:focus{outline:none;}
input[type=text]:-ms-clear,
input[type=text]::-ms-clear { display:none;}
input[type=password]:-ms-reveal,
input[type=password]::-ms-reveal {display: none;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none;margin:0;}
input[type=number] { -moz-appearance:textfield;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#111;}

/* common */
.al_l {text-align:left !important;}
.al_r {text-align:right !important;}
.al_c{text-align:center !important;}
.inbl_l {display:inline-block !important;text-align:left !important;}
.fl_l {float:left !important;}
.fl_r {float:right !important;}
.fl_c {float:center !important;}
.cl_b {clear:both !important;}
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}
.bold{font-weight:bold;}
.ellipsis {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nowrap{white-space:nowrap;}
.blind{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(1px,1px,1px,1px);word-break:initial;word-wrap:initial;}
.clearfix:after {display:block;content:'';clear:both}
.display_ib{display:inline-block !important;}
.display_b{display:block;}
.hide{display:none !important;}
.hidden{visibility:hidden;}
.star{margin-left:11px;}
.star:before {display:inline-block;content:'*';margin-left:-11px;width:11px;font-size:inherit;text-align:left;}
.star.al_c{margin-left:0;}
.star.type2{font-size:14px;line-height:22px;}
.star.type2 + .star.type2{margin-top:0;}
.layer#revolGuide2 p.star + p.star {margin-top:14px;}
.necessary-dot{position:relative;display:inline-block;width:4px;height:4px;margin-top:-2px;margin-left:5px;border-radius:100%;background:#a6c8ff;vertical-align:top;}
.lts_11em{letter-spacing:-0.11em !important}
/* Margin */
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt60{margin-top:60px !important}
.mb0{margin-bottom:0 !important}
.mb14{margin-bottom:14px !important}
.mg15{margin:15px !important}
.mg20{margin: 20px !important}
.ml32{margin-left:32px !important;}
.ml40{margin-left:40px !important;}

/* Padding */
.pt0{padding-top:0 !important}
.pt4{padding-top:4px !important}
.pt10{padding-top:10px !important}
.pto4{padding:4px 0 0 0 !important}
.pb0{padding-bottom:0 !important}
.pr0{padding-right: 0 !important}
.pl0{padding-left: 0 !important}
.pl32{padding-left: 32px !important}

/*border-top*/
.borderT{border-top:1px solid #bbb !important;border-radius:6px 6px 0 0;}

.font15{font-size:15px !important;}
.line_h22{line-height: 22px!important;}

.lts_01em{}/*letter-spacing:-0.1em !important;*/

.dot_list{margin-left:10px;}
.dot_list:before{display:inline-block;content:'·';margin-left:-10px;width:10px;font-size:inherit;}
.dot_list2{margin-left:10px;}
.dot_list2:before{display:inline-block;content:'*';margin-left:-10px;width:10px;font-size:inherit;}
.dot_list3{margin-left:10px;color:#777;font-size:18px;line-height:26px;margin-bottom:6px;}
.dot_list3:before{display:inline-block;content:'-';margin-left:-10px;width:10px;font-size:inherit;}

.txt_color{color:#39a1bc !important;}
.txt_bl{color:#1b4aa8 !important;}
.txt_blk{color:#111 !important;}
.txt_error{color:#ec0928 !important;}
.txt_line{display:inline-block;border-bottom:1px solid #111;}
.txt_color.txt_line{border-color:#111;}
.txt_bl.txt_line{border-color:#1b4aa8;}
.subtxt2 {font-size:18px;color:#777}
.subtxt2.type_necessary{position:relative;padding-left:15px;/*30*/}
.subtxt2.type_necessary .necessary-dot{position:absolute;top:12px;left:0;margin-left:0;}
.subtxt3 {font-size:16px;color:#777;line-height:26px;margin-top:20px;}
.subtxt3 + .subtxt3 {margin-top:0;}
.subtxt4 {font-size:13px;color:#a0a0a0;line-height:20px;margin-top:20px;}
.subtxt5 {font-size:15px;color:#777;line-height:21px;letter-spacing:-1px;margin-top:12px;}

/* Button */
button[disabled]{cursor:not-allowed;}
.btn_area_center{text-align:center;}/* 2021-02-26 GGCX83 */
.btn_elem{display:inline-block;color:#777;background:#fff;font-size:16px;height:38px;line-height: 34px;padding:0 13px 1px;border:1px solid #bbb;border-radius:6px;box-sizing:border-box;transition: color .2s ease, border-color .2s ease;letter-spacing:-1px;}
.btn_elem.full{width:100%;height:70px;font-size:18px;font-weight:bold;}
.btn_elem.md{ width:185px;height:45px;font-size:18px;}/* 2021-02-26 GGCX83 */
.btn_elem.sty1{min-width:166px;height:auto;padding:12px 20px 14px 20px;color:#111;font-size:18px;line-height:22px;}
.btn_elem.active{color:#111;border-color:#111;}
.btn_elem.on{color:#fff;background:#39a1bc;border-color:#39a1bc;}
.btn_elem.fin{cursor:not-allowed;color:#bfbfbf;background-color:#f5f5f5;border-color:#bbb;}
.overBG .btn_elem.fin{color:#bfbfbf;background:#fff;}
.btn_elem > span{display:inline-block;}
.btn_arrow:after{display:block;content:'';width:18px;height:18px;transition: .1s ease;}
.btn_arrow.right:after{background:url("../../pc/img/icon/ico_arw_right.png") no-repeat;}
.btn_arrow.down:after{background:url("../../pc/img/icon/ico_down.png") no-repeat;}
.btn_arrow.down:disabled:after{background:url("../../pc/img/icon/ico_down_off.png") no-repeat;}
.btn_arrow.up:after{background:url("../../pc/img/icon/ico_up.png") no-repeat;}
.btn_arrow_all:after{display:block;content:'';width:18px;height:18px;transition: .1s ease;background:url("../../pc/img/icon/ico_down.png") no-repeat;}
/*.btn_arrow_all.down:after{background:url("../../pc/img/icon/ico_down_off.png") no-repeat;}*/
.btn_arrow_all.up:after{background:url("../../pc/img/icon/ico_up.png") no-repeat;}
.btn_del{visibility: hidden;position:relative;width:18px;height:18px;background:#919191;padding:4px;border-radius:50%;margin:0 0 0 0;}
.btn_del.pos2{margin:10px 0 0 0;}
.btn_del:after{width:12px;height:12px;display:block;content:'';background:url("../../pc/img/icon/ico_del.png") no-repeat;}

.btn_md { width:370px;height:70px;line-height:66px;font-size:20px;background:#111;font-weight:bold;color:#fff;}
.btn_lg { width:100%;height:70px;line-height:66px;font-size:20px;background:#111;font-weight:bold;color:#fff;}
/* 간격 */
.btn_del ~ .btn_elem{margin-left:6px}
.btn_right { margin-top:30px;text-align:right;}
.btn_center { margin-top:70px;text-align:center;}

.borderAR {border:1px solid #bbb !important; border-radius:6px !important;}

span.highlight {display:inline-block; background:#f7ff19; color:inherit;}

/* loading */
.loading_area{position: fixed;z-index:999999999;top:0;left: 50%; height: 100%;width: 920px;margin:0 0 0 -460px;}
.loading_area .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;-ms-filter:"progid:DXimageTransform.Microsoft.Alpha(Opacity=50)";opacity:0.5;}
.loading_area .cont{width:120px;height:120px;position:absolute;left:50%;top:50%;margin:-60px 0 0 -60px;z-index:2;background:url(../../pc/img/ajax-loader.gif) no-repeat 0 0;}
.loading_area .cont .txt{color:#fff;width:100%;padding:48px 0 0 0;text-align:center;font-size:14px;position:absolute;left:0;top:0;}
.p_loading {position:fixed;overflow:hidden;top:50%;left:435px;z-index:100;width:50px;height:32px;margin:-16px 0 0 0;}
.p_loading img {position:absolute;top:0;left:0;width:auto;height:100%;}

/* skip_nav */
.skip_nav,
.skip_nav ul{position:relative;z-index:-9999;}
.skip_nav a {display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;color:#fff;line-height:0;}
.skip_nav a:focus,
.skip_nav a:hover,
.skip_nav a:active {z-index:110;width:100%;height:auto;margin:0;background-color:#fff;}

/* Layout */
#wrap{position:relative;width:920px;height:100%;box-sizing:border-box;padding:140px 0 0;overflow-y:hidden;overflow-x:auto;margin:0 auto;}
#container{position:relative;background-color:#fff;padding:0 0 70px;border-radius:0;width:920px;height:100%;overflow:hidden}
#container .scroll_wrap{position:relative;overflow-x:hidden;overflow-y:auto;padding:0 85px;height:100%}
#footer { position:absolute;bottom:0;left:0;width:920px;height:70px;background-color: #fff;z-index:100;}
#footer .btn_footer{display:block;width:100%;height:70px;text-align:center;font-size:20px;background:#062f87;font-weight:bold;color:#fff;}
#footer .btn_footer[disabled],#footer .btn_footer.disabled{background:#dbdbdb;color:#777;}

/* 간격 */
.content > .cnt_div:first-child{margin-top:0;}
.cnt_div{margin-top:60px;padding-left:250px;position:relative;}
.cnt_div + .cnt_div{margin-top:60px;}/* p03_law.html 개발계- form 태크 적용 2021-03-09 GGCX83 */
.cnt_div > h3.tit,
.cnt_div > .tit_area{position:absolute;top:20px;left:0;}
.cnt_div.type1.first{margin-top:-23px;}
.cnt_div.type1.first > h3.tit {top: 17px;}
.cnt_div.type2 > h3.tit,
.cnt_div.type2 > .tit_area{top:-2px;}
.cnt_div.type2.frst { margin-top: 0;}
.cnt_div.type3{margin-top:50px;}
.cnt_div.type4{margin-top:75px;}
.cnt_div.type4 > h3.tit{top:0;}
.cnt_div.type5{margin-top:20px;}
.cnt_div > .tit_area .txt{font-size:14px;margin-top:14px;margin-left:13px;}
.cnt_div > .tit_area .txt .bl{margin-left:-12px;}
.inner_cnt_div {margin-left:-250px;margin-top:60px;}
.box_group ~ .form_group.inner_cnt_div {margin-top:60px;}
/* 2019-12-10 */
.cnt_div.type6{padding-left:105px;}
.cnt_div.type6 > .tit_area{top:-4px;}
/* 2020-01-09 */
.cnt_div.type7{padding-left:0;}
.cnt_div.type7 > h3.tit{position:relative;top:auto;left:auto;}

/* Text */
.txt_guide{color:#777;font-size:16px;line-height:26px;word-break:keep-all;-ms-word-break: keep-all;letter-spacing:-0.03em;}
h2 .txt_guide{font-weight:normal;}
.txt_guide2{line-height:22px;}/* 2021-03-19 */
.content h3.tit + .txt_guide2 {margin-top:15px;}/* 2021-03-19 */
.txt_guide.error{color: #ec0928;}
.txt_area{position:relative;color:#777;font-size:14px;line-height:24px;}
.txt_area.ars{padding-right:100px;}
.txt_area .error{color: #ec0928;}
.txt_area .btn_elem{position:absolute;top:-5px;right:0;}
.guide_area{position:relative;font-size:14px;margin-bottom:20px;}
.guide_area:after{clear:both;content:'';display:block;}
.guide_area .txt_guide{float:left;}
.guide_area .right{float:right;margin-top:-6px;}
.txt_guide.al_r ~ .txt_valid{margin-top:-15px;padding:0;}
.txt_guide.fix ~ .txt_valid.fix{margin-top:13px;padding:0;margin-bottom:-35px;}
.box_group ~ .txt_guide.fix{margin-top:14px;margin-bottom:-36px;}
.checkbox.round + .txt_guide{margin-top:-9px;}
/* 2021-02-26 GGCX83 */
.txt_guide.top{margin-bottom:14px;}

.box_group + .list_dot_3 {margin-top:14px;}
.txt_valid + .list_dot_3 {margin-top:14px;}
.list_dot_3 > li{line-height:26px;font-size:16px;color:#777;margin-top:5px;margin-left:12px;word-break:keep-all;-ms-word-break:keep-all;letter-spacing:-0.03em;}
.list_dot_3 > li:first-child {margin-top:0;}
.list_dot_3 > li:before{display:inline-block;content:'·';margin:0 8px 0 -12px;font-size:18px;font-weight:bold;color:#777;}
.list_dot_3 > li.txt_error:before { color:#ec0928;}
.txt_guide.txt { font-size:18px;color:#777;line-height:24px;}
.list_dot > li{line-height:26px;font-size:16px;color:#777;margin-left:8px;margin-top:10px;letter-spacing: -1.2px;}
.list_dot > li:first-child {margin-top:0;}
.list_dot > li:before{display:inline-block;content:'·';margin:0 4px 0 -8px;font-size:16px;color:#777;}
.list_dot > li.txt_error:before { color:#ec0928;}
.list_dot > li strong { color:#111;}
.list_hyphen > li { line-height:26px;font-size:16px;color:#777;margin-left:10px;}
.list_hyphen > li:first-child  {margin-top:0;}
.list_hyphen > li:before {display:inline-block;content:'-';margin:0 4px 0 -8px;font-size:16px;color:#777;}
.list_hyphen > li:txt_error:before { color:#ec0928;}
.list_hyphen > li.bg_colon:before,.list_dot > li.bg_colon:before {content:':';}/*190213 lee*/

/* 유효성 체크 */
.txt_valid{color:#ec0928;font-size:16px;line-height:22px;padding:14px 0 0;clear:both;}
.box_group + .txt_valid{padding:14px 0 4px}
.txt_valid + .txt_guide { margin-top:14px;}
p.txt_valid:last-child { padding-bottom:14px;}

/* Header */
.header{position:absolute;top:0;left:0;width:920px;height:140px;z-index:100;}
.header h1{position:absolute;top:0;left:0;width:100%;height:135px;z-index:10;}
.header .logo { display:block;position:absolute;top:50px;left:50px;}
.header_bar{position:relative;height:135px;background:#fff;}
.header .btn_header_close{position:absolute;top:50px;right:50px;width:30px;height:30px;background:url(../../pc/img/btn/btn_header_close.png) no-repeat 0 0;z-index:11;}
.nav_down .header{border-bottom:1px solid rgba(0,0,0,0.1);}
.nav_down .header .step_area{display:none;}

/* Title area */
.title_area{position:relative;padding: 100px 0 0;width:750px;}
.title_area.space1{padding:50px 0 0;}
.title_area h2{font-size:28px;line-height:42px;letter-spacing:-3px;word-break:keep-all;}
.title_area .btn_addr_auto{position:absolute;top:64px;right:0;color:#111;border-color:#111;}
.title_area .txt_subcopy { color: #777;padding: 25px 0 0;font-size: 18px;line-height: 26px;letter-spacing:-0.1em;}
.title_area .txt_subcopy:first-child {padding-top:0;}
.title_area.type2 {padding-top:60px;}

/* Title area Animation */
.title_area h2{-webkit-animation-name:title;-webkit-animation-duration:1s;-webkit-animation-duration:1s;animation-name:title;animation-duration:2s;}
@-webkit-keyframes title {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes title {
	0%   {opacity:0;}
	100% {opacity:1;}
}

/* Step bar */
.header .step_area{position:absolute;bottom:-5px;left:0;width:100%;height:5px;background:url(../../pc/img/images/dot_bar.png) repeat-x 0 0;}
.step_area .bar{position:relative;display:block;height:100%;width:0;}
.step_area .bar .loading{display:block;position:absolute;content:'';top:0;left:0;width:100%;height:5px;background:url(../../pc/img/images/dot_bar_on.png) repeat-x 0 0;animation-timing-function:ease-in; -webkit-animation-timing-function:ease-in;text-indent:-999em;}
/*.step_area .bar .loading:before{content:'';position:absolute;right:0;top:0;width:38px;height:5px;background:#39a1bc;}*/
.step_area .bar .loading:after{content:'';position:absolute;right:-16px;top:-22px;width:68px;height:31px;background:url(../../pc/img/icon/ico_airplane.png) no-repeat 0 0;background:url(../../pc/img/icon/ico_airplane_s.png) no-repeat 0 0 \0/IE8;width:52px \0/IE8;height:24px \0/IE8;top:-18px \0/IE8;opacity:0;}
.step_area.stepFin .bar .loading:before,
.step_area.stepFin .bar .loading:after{display:none;}

.step_area .bar .loading:after{-webkit-animation-name:airplaneSize;-webkit-animation-duration:1s;animation-name:airplaneSize;animation-duration:1s;transform:scale(0.764);}
@-webkit-keyframes airplaneSize {
	0% {transform:scale(1);}
	100% {transform:scale(0.764);}
}
@keyframes airplaneSize {
	0% {transform:scale(1);}
	100% {transform:scale(0.764);}
}

/* 2021-02-26 GGCX83 step2_law 추가 */
.step_area.step1 .bar{width:10%;}/*p02신청인정보*/
.step_area.step2_law .bar{width:20%;}/*_law 금융소비자보호법*/
.step_area.step2 .bar{width:30%;}/*p03 약관동의*/
.step_area.step3 .bar{width:40%;}/*p04_*/
.step_area.step4 .bar{width:50%;}/*p05 결제정보*/
.step_area.step5 .bar{width:60%;}/*p06직장정보*/
.step_area.step6 .bar{width:70%;}/*p07명세서카드 받는곳*/
.step_area.step7 .bar{width:80%;}/*p08*/
.step_area.step8 .bar{width:90%;}/*p09*/
.step_area.stepFin .bar{width:100%;}

/* .step_area.step1 .bar{width:17.3%;}p02신청인정보
.step_area.step2 .bar{width:35.7%;}p03보인인증
.step_area.step3 .bar{width:42.5%;}p04신분증인증
.step_area.step4 .bar{width:52.6%;}p05결제정보
.step_area.step5 .bar{width:61%;}p06직장정보
.step_area.step6 .bar{width:72%;}p07명세서카드 받는곳
.step_area.step7 .bar{width:75.26%;}p08
.step_area.step8 .bar{width:93.4%;}p09 */

.step_area.step1 .bar .loading:after,
.step_area.step2 .bar .loading:after,
.step_area.step2_law .bar .loading:after,
.step_area.step3 .bar .loading:after,
.step_area.step4 .bar .loading:after,
.step_area.step5 .bar .loading:after,
.step_area.step6 .bar .loading:after,
.step_area.step7 .bar .loading:after,
.step_area.step8 .bar .loading:after,
.step_area.stepFin .bar .loading:after{opacity:1;}/* 2021-02-26 GGCX83 */
/* Step bar Animation */
/* Step1 */
.step_area.step1 .bar .loading{-webkit-animation-name:step1;-webkit-animation-duration:1s;animation-name:step1;animation-duration:1s;}
@-webkit-keyframes step1 {
	0%   {width:0;}
	100% {width:100%;opacity:1;}
}
@keyframes step1 {
	0%   {width:0;}
	100% {width:100%;opacity:1;}
}
/* Step2~ */
.step_area.step2 .bar .loading{-webkit-animation-name:stepN;-webkit-animation-duration:1s;animation-name:stepN;animation-duration:1s;}
.step_area.step2_law .bar .loading{-webkit-animation-name:stepN;-webkit-animation-duration:1s;animation-name:stepN;animation-duration:1s;}/* 2021-02-26 GGCX83 */
.step_area.step3 .bar .loading{-webkit-animation-name:stepN;-webkit-animation-duration:1s;animation-name:stepN;animation-duration:1s;}
.step_area.step4 .bar .loading{-webkit-animation-name:stepN;-webkit-animation-duration:1s;animation-name:stepN;animation-duration:1s;}
.step_area.step5 .bar .loading{-webkit-animation-name:stepN;-webkit-animation-duration:1s;animation-name:stepN;animation-duration:1s;}
.step_area.step6 .bar .loading{-webkit-animation-name:stepN;-webkit-animation-duration:1s;animation-name:stepN;animation-duration:1s;}
.step_area.step7 .bar .loading{-webkit-animation-name:stepN;-webkit-animation-duration:1s;animation-name:stepN;animation-duration:1s;}
.step_area.step8 .bar .loading{-webkit-animation-name:stepN;-webkit-animation-duration:1s;animation-name:stepN;animation-duration:1s;}
@-webkit-keyframes stepN {
	0%   {width:80%;}
	100% {width:100%;}
}
@keyframes stepN {
   0%   {width:80%;}
   100% {width:100%;}
}

.step_area .step_message{position:absolute;top:25px;left:100%;white-space:nowrap;margin-left:0; font-size:16px;line-height:22px;letter-spacing:-1px;background:#062f87;height:auto;border-radius:0 10px 10px 10px;padding:10px 15px;opacity:0;color:#ffffff;}
.step_area .step_message:after{content:'';display:block;width:21px;height:14px;position:absolute;left:0;top:-14px;background:url(../../pc/img/images/step_tip_arw.png) no-repeat;}
/* Step tip Animation */
.step_area .step_message{-webkit-animation:step_tip 1s 1s;animation:step_tip 1s 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@-webkit-keyframes step_tip {
	0%   {margin-bottom:-20px;}
	100% {opacity:1;margin-bottom:15px;}
}
@keyframes step_tip {
	0%   {margin-bottom:-20px;}
	100% {opacity:1;margin-bottom:15px;}
}

.step_area.step1 .banner_msg {width:auto;height:auto;padding:7px 40px 8px 15px;}
.step_area.step1 .banner_msg strong{font-weight:bold;color:#111}
.step_area.step1 .banner_msg button{position:absolute;right:10px;top:11px;width:14px;height:14px;background:url(../../pc/img/btn/btn_step_close.png) no-repeat;background-size:14px 14px}
.step_area.step1 .banner_msg button span{position: absolute !important;left:-9999px;width:0;height:0;margin:0;padding:0;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0}

/* Content */
.content{padding:100px 0;width:750px;min-height:330px;}

/* Content Animation */
.content.up{-webkit-animation-name:up;-webkit-animation-duration:1s;animation-name:up;animation-duration:1s;}
@-webkit-keyframes up {
	0%   {margin-top:35px;opacity:.3;}
	100% {margin-top:0;opacity:1;}
}
@keyframes up {
   0%   {margin-top:35px;opacity:.3;}
	100% {margin-top:0;opacity:1;}
}

.content h3.tit{font-size:20px;letter-spacing:-1px;}
/*.content h3.tit .opt { color:#777;}*/
.content h3.tit .txt_line{border-bottom-width:2px;}
.txt_guide:not(.fix) + h3.tit{margin:14px 0 18px;}
.txt_valid.fix + h3.tit{margin:20px 0 18px;}
.content>h3.tit:first-child,.content>.tit_area:first-child{margin-top:0;}
.content > .tit_area{width:250px}
.content > .tit_area .tit{margin:0;}
.content .tit_area.inline .tit{display:inline-block;vertical-align: top}
.tit_area{position:relative;}
.tit_area .tooltip.right{ position:absolute;right:-30px;top:-4px;}
.tooltip_btn{display:inline-block;}
.tooltip_btn,
.tit_area .tooltip{font-size:16px;position:relative;display:block;padding-left:23px;color:#777; line-height:16px;margin-top:10px;letter-spacing:-1px;}
.tooltip_btn:after,
.tit_area .tooltip:after{position:absolute;top:0;left:1px;display:block;content:'?';width:16px;height:16px;margin-top:0;border-radius:50%;border:1px solid #777;font-size:13px;font-family:arial;text-align:center;margin-right:3px;vertical-align: middle;line-height:16px;}

/* ie edge 대응 */
@media screen and (min-width:0\0) {
	.tit_area .tooltip:after{top:1px;}
}
.tit_area .switch.right{top:5px;}

/* 상/하단 버튼 */
.btn-wrap {width:100%;display:table;}
.btn-wrap.top {margin-bottom:10px;}
.btn-wrap.btm {margin-top:20px;}
.btn-wrap .left {display:table-cell;vertical-align:top;}
.btn-wrap .right {display:table-cell;vertical-align:top;padding-left:30px;text-align:right;}
.btn-wrap .right:first-child {padding-left:0;}

/* Card_list */
.card_list{margin-top:36px;}
.card_list ul{width:100%;}
.card_list ul:after{display:block;content:'';clear:both;}
.card_list li{float:left;position:relative;width:150px;margin-left:50px;text-align:center;white-space:nowrap;}
.card_list li:first-of-type{margin-left:0;}
/* Card_list :: Radio Button Style */
.card label{display:block;width:100%;height:290px;text-align:center;}
.card label .img_card{display:block;margin-top:14px;-webkit-box-shadow:0 0 13px 3px rgba(0,0,0,0.04);-ms-box-shadow:0 0 13px 3px rgba(0,0,0,0.04);
-moz-box-shadow:0 0 13px 3px rgba(0,0,0,0.04);box-shadow:0 0 13px 3px rgba(0,0,0,0.04);border-radius:6px;overflow:hidden;}
.card label img{width:100%;}
.card input[type="radio"]{position: absolute; left:-9999px;padding: 0;margin:-1px;overflow: hidden;border:0;}
.card input[type="radio"] + label > .ico_check{display:inline-block;width:34px;height:34px;background:url("../../pc/img/icon/ico_check2.png") no-repeat;transition:.2s ease;-webkit-transition:.2s ease;-ms-transition:.2s ease;}
.card input[type="radio"]:checked + label > .ico_check{background:url("../../pc/img/icon/ico_check2_on.png") no-repeat;}
.card input[type="radio"]:checked + label img{opacity:1;}

/* Box group */
.box_group{position:relative;width:100%;font-size:18px;color:#777;}
.box_group:after{display:block;content:'';clear:both}
.box_group em{font-size:16px;display:block;}
.box_group > .box{float:left;height:70px;text-align:center;border:1px solid #bbb;border-left:0;}
.box_group.type2 > .box{height:80px;}
.box_group > .box:first-child{border-left:1px solid #bbb;border-radius:6px 0 0 6px;}
.box_group > .box:last-child{border-radius:0 6px 6px 0;}
.box_group > .box:only-child,
.box_group > .box:only-child label{ border-radius:6px !important;}
.box_group.col1 .box { width: 100%;}
.box_group.col2 .box{width:50%;}
.box_group.col4 .box{width:25%;}
.box_group.col3 .box{width:33%;}
.box_group.col3 .box:first-child{width:34%;}
.box_group.col3.type_new2 .box:first-child{width:34%;border-left:1px solid #bbb;border-radius:6px 0 0 0;}
.box_group.col3.type_new2 .box:nth-child(4n){width:34%;border-left:1px solid #bbb;border-radius:0 0 0 6px;}
.box_group.col3.type_new2 .box:last-child{border-right:1px solid #bbb;border-radius:0 0 6px 0;}
.box_group.col3.type_new2 .box:nth-child(3n){border-right:1px solid #bbb;border-radius:0 6px 0 0;}
.box_group.col3.type_new2 .box:nth-child(5){width:166px;}
.box_group.col3.type_new2 .box +.box +.box + .box{border-top:0;}
.box_group.col3.type_new2 .box{border:0;border-radius:0;border:1px solid #bbb;border-right:0;}
.box_group.col3.type_new2 > .box:first-child:not(:only-child) label > span:before {border-radius:6px 0 0 0 !important; }
.box_group.col3.type_new2 > .box:last-child:not(:only-child) label > span:before {border-radius:0 0 6px 0!important; }
.box_group.col3.type_new2 > .box:nth-child(4n):not(:only-child) label > span:before {border-radius:0 0 0 6px!important; }
.box_group.col3.type_new2 > .box:nth-child(3n):not(:only-child) label > span:before {border-radius:0 6px 0 0!important; }
/* 2021-08-05  */
.box_group.col3.type_new6 .box:first-child{width:34%;border-left:1px solid #bbb;border-radius:6px 0 0 0;}
.box_group.col3.type_new6 .box:nth-child(3n+1){width:34%;border-left:1px solid #bbb;}/* 2021-08-05 추가 */
/* .box_group.col3.type_new6 .box:nth-child(4n){width:34%;border-left:1px solid #bbb;border-radius:0 0 0 6px;} *//* 2021-08-05 주석처리 */
.box_group.col3.type_new6 .box:last-child{border-right:1px solid #bbb; border-radius:0 0 6px 6px;}/* 2021-08-05 border-radius 수정 */
.box_group.col3.type_new6 .box:nth-child(3n){border-right:1px solid #bbb;}/* 2021-08-05 추가 */
.box_group.col3.type_new6 .box:nth-child(3){border-radius:0 6px 0 0;}/* 2021-08-05 추가 */
/* .box_group.col3.type_new6 .box:nth-child(3n){border-right:1px solid #bbb;border-radius:0 6px 0 0;} *//* 2021-08-05 주석 */
.box_group.col3.type_new6 .box:nth-child(7){width:151px;}/* 2021-08-05 순서, width값 수정 */
.box_group.col3.type_new6.wrapup .box:nth-child(7){width:171px;}/* 2021-08-05 순서, width값 수정 */
.box_group.col3.type_new6 .box +.box +.box + .box{border-top:0;}
.box_group.col3.type_new6 .box{border:0;border-radius:0;border:1px solid #bbb;border-right:0;}
.box_group.col3.type_new6 > .box:first-child:not(:only-child) label > span:before {border-radius:6px 0 0 0 !important; }
.box_group.col3.type_new6 > .box:last-child:not(:only-child) label > span:before {border-radius:0 0 6px 0!important; }
.box_group.col3.type_new6 > .box:nth-child(7):not(:only-child) label > span:before {border-radius:0 0 0 6px!important; }/* 2021-08-05 4n을 7으로 수정 */
.box_group.col3.type_new6 > .box:nth-child(3):not(:only-child) label > span:before {border-radius:0 6px 0 0!important; }/* 2021-08-05 3n을 3으로 수정 */
.box_group.col5 .box{width:20%;}
.box_group.col2_1 .box:first-child{width:40%;}
.box_group.col2_1 .box + .box{width:60%;}

/* Box group : 길이 type별 */
.box_group.type3{height:70px;}
.box_group.type4{height:80px;}
.box_group.type5{height:100px;}
.box_group.type6{height:90px;}
.box_group.type_new6{height:auto;}
.box_group.type7{height:auto;}
.box_group.line2{height:140px;}
.box_group.type4.line2{height:160px;}
.box_group.type5.line2{height:200px;}
.box_group.type6.line2{height:180px;}
.box_group.type_new6.line2{height:180px;}
.box_group.type7.line2{height:auto;}

/* Box_group :: form */
.box_group > .box label,.box_group > .box > .txt_label{position:relative;display:block;z-index:2;width:100%;height:68px;padding:0;text-align:center;top:-1px;left:-1px;border:1px solid transparent;box-sizing:content-box;font-size:18px;transition:border-color .2s ease, color .2s ease;letter-spacing:-1px;}
.box_group > .box label.line2,
.box_group > .box > .txt_label.line2{font-size:16px;}
.box_group > .box:last-child label,.box_group > .box:last-child > .txt_label{border-radius:0 6px 6px 0}
.box_group.type2 > .box label{height:78px;font-size:18px;}
.box_group.fs16 > .box label,
.box_group.fs16 > .box label.line2{font-size:16px;}/* 2021-02-26 GGCX83 */
.box_group.type2 > .box label.line1 span{padding-top:25px;}
.box_group.type2 > .box label.line2 span{padding-top:15px;}
.box_group.type3 > .box{height:70px;}
.box_group.type4 > .box{height:80px;}
.box_group.type5 > .box{height:100px;}
.box_group.type6 > .box{height:90px;}
.box_group.type_new6 > .box{height:90px;}
.box_group.type3 > .box label{height:68px;font-size:18px;}
.box_group.type4 > .box label{height:78px;font-size:18px;}
.box_group.type5 > .box label{height:98px;font-size:18px;}
.box_group.type6 > .box label{height:88px;font-size:18px;}
.box_group.type6 > .box label.line1 span{padding-top:32px;}
.box_group.type6 > .box label.line2 span{padding-top:22px;}
.box_group.type6 > .box label.line3 span{padding-top:7px;}
.box_group.type_new6 > .box label{height:88px;font-size:18px;}
.box_group.type_new6 > .box label.line1 span{padding-top:32px;}
.box_group.type_new6 > .box label.line2 span{padding-top:22px;}
.box_group.type_new6 > .box label.line3 span{padding-top:7px;}
.box_group.type7 > .box{height:80px;}
.box_group.type7 > .box label{height:78px;font-size:15px;}
.box_group.type7 > .box label > span{padding-top:11px;}
.box_group.type7 > .box img{margin-bottom:5px;}
.box_group.type7 > .box input[type="radio"]:checked + label,
.box_group.type7 > .box > .txt_label.on,
.box_group.type7 > .box input[type="checkbox"]:checked + label,
.box_group.type7 > .box > .txt_label.on{border:1px solid #bbb;color:#777;font-weight:normal;}
.box_group.type7.col1 > .box{border:1px solid #bbb;}
.box_group.type7.col1 > .box:not(:first-of-type){margin-top:-1px;}

.box_group.type7.col1 > .box:first-child:not(:only-child),
.box_group.type7.col1 > .box:first-child:not(:only-child) input[type="radio"] + label,
.box_group.type7.col1 > .box:first-child:not(:only-child) input[type="radio"] + label > span:before{border-radius:6px 6px 0 0;}

.box_group.type7.col1 > .box:last-child:not(:only-child),
.box_group.type7.col1 > .box:last-child:not(:only-child) input[type="radio"] + label,
.box_group.type7.col1 > .box:last-child:not(:only-child) input[type="radio"] + label > span:before{border-radius:0 0 6px 6px;}

.box_group.type7.col1 > .box:only-child,
.box_group.type7.col1 > .box:only-child input[type="radio"] + label,
.box_group.type7.col1 > .box:only-child input[type="radio"] + label > span:before{border-radius:6px;}

.box_group > .box > .txt_label.line2 span{ padding-top:22px !important;}
.box_group > .box > .txt_label.line3 span{ padding-top:7px !important;}
.box_group > .box label span,
.box_group > .box > .txt_label span{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin-top: 0;text-align: center;padding-top: 20px;}
.box_group > .box label.line2 span,
.box_group > .box > .txt_label.line2 span{padding-top: 11px;}
.box_group.type2  > .box label span,
.box_group.type2 > .box .txt_label span{padding-top:25px;}
.box_group > .box.b4 > .txt_label span{margin-top:-14px;}
.box_group > .box > .txt_label span{color:#777}
.box_group > .box input{ position: absolute;opacity: 0;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.box_group > .box:first-child:not(:only-child) label{border-radius:6px 0 0 6px;}
.box_group > .box:last-child:not(:only-child) label{border-radius:0 6px 6px 0;}
.box_group > .box input[type="radio"]:checked + label,
.box_group > .box > .txt_label.on,
.box_group > .box input[type="checkbox"]:checked + label,
.box_group > .box > .txt_label.on{background:#fff;color:#39a1bc;font-weight:bold;}
.box_group > .box input[type="radio"]:checked + label em{font-weight:normal;}
.box_group > .box input[type="radio"]:checked + label > span:before,
.box_group> .box input[type="checkbox"]:checked + label > span:before{content:'';display:inline-block;position:absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;border:2px solid #39a1bc;}
.box_group > .box input[type="radio"]:focus + label > span:before,
.box_group> .box input[type="checkbox"]:focus + label > span:before{outline:none;}
.box_group > .box:first-child:not(:only-child) input[type="radio"]:checked + label > span:before,
.box_group > .box:first-child:not(:only-child) input[type="checkbox"]:checked + label > span:before{border-radius:6px 0 0 6px;}
.box_group > .box:last-child:not(:only-child) input[type="radio"]:checked + label > span:before,
.box_group > .box:last-child:not(:only-child) input[type="checkbox"]:checked + label > span:before{border-radius:0 6px 6px 0;}

.box_group > .box input[type="radio"]:focus + label{outline:none;}

/* ie8 대응  */
.box_group > .box input[type="radio"].on + label,.box_group > .box > .txt_label.on,
.box_group > .box input[type="checkbox"].on + label,.box_group > .box > .txt_label.on{border:1px solid #000;background:#fff;color:#111;}
.box_group > .box > .txt_label.on span{color:#111;}
.box.select_type{text-align:center;}
.box_group > .box select{position:relative;display:inline-block;top:-1px;left:-1px;z-index:2;width:100%;height:50px;padding:0 0 3px;color:#999;text-align:center;top:-1px;left:-1px;border:1px solid #bbbbbb;text-align:center;transition:box-shadow .2s linear;}
.box_group > .box:last-child:not(:only-child) select{border-radius:0 6px 6px 0;box-sizing:content-box;transition: .3s ease;}
.box_group > .box select:focus{border:1px solid #accfef;background:#f0f7fd;color:#0476df;}
.box_group > .box.drop_down label > span:after{display:inline-block;content:'';width:12px;height:12px;background:url("../../pc/img/icon/ico_down_off.png") no-repeat;background-size:12px;margin-left:6px;}
.box_group > .box.drop_down input[type="radio"]:checked + label > span:after,
.box_group > .box.drop_down input[type="checkbox"]:checked + label > span:after{background:url("../../pc/img/icon/ico_down_on.png") no-repeat;background-size:12px;}
.box_group > .box.empty { background: #f5f5f5;}
.box_group.col2.line2 > .box,
.box_group.col3.line2 > .box,
.box_group.col4.line2 > .box {margin-top:-1px;}

.box_group.col2.line2.error > .box.empty > .txt_label,
.box_group.col4.line2.error > .box.empty > .txt_label { border-top:1px solid #bbb;border-radius:0 0 6px 0;}

.box_group.col3.line2 > .box:first-child + * + * + * {width:34%;}

.box_group.col2.line2 > .box:first-child + *,
.box_group.col3.line2 > .box:first-child + * + *,
.box_group.col4.line2 > .box:first-child + * + * + * {border-right:1px solid #bbbbbb}

.box_group.col2.line2 > .box:first-child + * input[type="radio"]:checked + label > span:before,
.box_group.col3.line2 > .box:first-child + * + * input[type="radio"]:checked + label > span:before,
.box_group.col4.line2 > .box:first-child + * + * + * input[type="radio"]:checked + label > span:before{border-right:2px solid #39a1bc}

.box_group.col2.line2 > .box:first-child + *,
.box_group.col2.line2.error .box:first-child + * label,
.box_group.col2.line2 > .box:first-child + * input[type="radio"]:checked + label > span:before,
.box_group.col3.line2 > .box:first-child + * + *,
.box_group.col3.line2.error .box:first-child + * + * label,
.box_group.col3.line2 > .box:first-child + * + * input[type="radio"]:checked + label > span:before,
.box_group.col4.line2 > .box:first-child + * + * + *,
.box_group.col4.line2.error .box:first-child + * + * + * label,
.box_group.col4.line2 > .box:first-child + * + * + * input[type="radio"]:checked + label > span:before {border-top-right-radius:6px;}

.box_group.col2.line2 > .box:first-child + * + *,
.box_group.col3.line2 > .box:first-child + * + * + *,
.box_group.col4.line2 > .box:first-child + * + * + * + * { border-left:1px solid #bbbbbb;}

.box_group.col2.line2 > .box:first-child + * + *,
.box_group.col2.line2.error > .box:first-child + * + * label,
.box_group.col2.line2 > .box:first-child + * + * input[type="radio"]:checked + label > span:before,
.box_group.col3.line2 > .box:first-child + * + * + *,
.box_group.col3.line2.error .box:first-child + * + * + * label,
.box_group.col3.line2 > .box:first-child + * + * + * input[type="radio"]:checked + label > span:before,
.box_group.col4.line2 > .box:first-child + * + * + * + *,
.box_group.col4.line2.error > .box:first-child + * + * + * + * label,
.box_group.col4.line2 > .box:first-child + * + * + * + * input[type="radio"]:checked + label > span:before {border-bottom-left-radius:6px;}

.box_group.col2.line2 > .box:first-child:not(:only-child),
.box_group.col2.line2.error .box:first-child:not(:only-child) label,
.box_group.col2.line2 > .box:first-child:not(:only-child) input[type="radio"]:checked + label > span:before,
.box_group.col3.line2 > .box:first-child:not(:only-child),
.box_group.col3.line2.error .box:first-child:not(:only-child) label,
.box_group.col3.line2 > .box:first-child:not(:only-child) input[type="radio"]:checked + label > span:before,
.box_group.col4.line2 > .box:first-child:not(:only-child),
.box_group.col4.line2.error .box:first-child:not(:only-child) label,
.box_group.col4.line2 > .box:first-child:not(:only-child) input[type="radio"]:checked + label > span:before {border-bottom-left-radius:0;}

.box_group.col2.line2 > .box:last-child:not(:only-child),
.box_group.col2.line2.error .box:last-child:not(:only-child) label,
.box_group.col2.line2 > .box:last-child:not(:only-child) input[type="radio"]:checked + label > span:before,
.box_group.col3.line2 > .box:last-child:not(:only-child),
.box_group.col3.line2.error .box:last-child:not(:only-child) label,
.box_group.col3.line2 > .box:last-child:not(:only-child) input[type="radio"]:checked + label > span:before,
.box_group.col4.line2 > .box:last-child:not(:only-child),
.box_group.col4.line2.error .box:last-child:not(:only-child) label,
.box_group.col4.line2 > .box:last-child:not(:only-child) input[type="radio"]:checked + label > span:before {border-top-right-radius:0;border-bottom-right-radius:6px;}

/* error */
.box_group.error > .box input[type="radio"]:checked + label > span:before,
.box_group.error > .box > .txt_label.on,
.box_group.error > .box input[type="checkbox"]:checked + label > span:before,
.box_group.error > .box > .txt_label.on { border: 1px solid #ec0928;}
.box_group.error > .box label,
.box_group.error > .box > .txt_label{border:1px solid #ec0928;border-left:1px solid transparent;border-right:1px solid transparent;}
.box_group.error > .box > .txt_label:before{display:block;content:'';width:1px;height:100%;position:absolute;top:0;left:-1px;background:#bbbbbb}
.box_group.error:not(.col1) > .box:first-child label,
.box_group.error:not(.col1) > .box:first-child > .txt_label{border-left:1px solid #ec0928;border-right:1px solid transparent;}
.box_group.error:not(.col1) > .box:last-child label,
.box_group.error:not(.col1) > .box:last-child > .txt_label{border-right:1px solid #ec0928;}
.box_group.error.col1 > .box label,
.box_group.error.col1 > .box > .txt_label{border-top:1px solid transparent;border-left:1px solid #ec0928;border-right:1px solid #ec0928;border-bottom:1px solid #ec0928;}
.box_group.error.col1 > .box:first-child label,
.box_group.error.col1 > .box:first-child > .txt_label{border-top:1px solid #ec0928;}

/* error ie8 대응 */
.box_group.error.col2 > .box:first-child + * label,
.box_group.error.col2 > .box:first-child + * > .txt_label{border-right:1px solid #ec0928;}
.box_group.error.col3 > .box:first-child + * + * label,
.box_group.error.col3 > .box:first-child + * + * > .txt_label{border-right:1px solid #ec0928;}
.box_group.error.col4 > .box:first-child + * + * label { border-right:1px solid #bbb;}
.box_group.error.col4 > .box:first-child + * + * + * label,
.box_group.error.col4 > .box:first-child + * + * + * > .txt_label{border-right:1px solid #ec0928;}
.box_group.error.col5 > .box:first-child + * + * label { border-right:1px solid #bbb;}
.box_group.error.col5 > .box:first-child + * + * + * + * label,
.box_group.error.col5 > .box:first-child + * + * + * + * > .txt_label{border-right:1px solid #ec0928;}
.box_group.error.line2.col2 > .box:first-child label { border-right:1px solid #bbb;border-top:1px solid #ec0928;border-left:1px solid #ec0928;border-bottom:1px solid #bbb;}
.box_group.error.line2.col2 > .box:first-child + * label {border-right:1px solid #ec0928;}
.box_group.error.line2.col2 > .box:first-child + * + * label { border-left:1px solid #ec0928;border-right:1px solid #bbb;border-top:1px solid #bbb;}
.box_group.error.line2.col2 > .box:first-child + * + * + * label { border-top:1px solid #bbb;}
.box_group.error.line2.col3 > .box:first-child + * + * + * + * + * label,
.box_group.error.line2.col3 > .box:first-child + * + * + * + * + * > .txt_label{border-right:1px solid #ec0928;}
.box_group.error.line2.col3 .box:first-child label,
.box_group.error.line2.col3 .box:first-child + * label,
.box_group.error.line2.col3 .box:first-child + * + * label {border-bottom:1px solid transparent}
.box_group.error.line2.col3 .box:first-child + * + * + * label,
.box_group.error.line2.col3 .box:first-child + * + * + * + * label,
.box_group.error.line2.col3 .box:first-child + * + * + * + * +* label {border-top:1px solid transparent}
.box_group.error.line2.col3 .box:first-child + * + * label {border-right:1px solid #ec0928}
.box_group.error.line2.col3 .box:first-child + * + * + * label {border-left:1px solid #ec0928}
.box_group.error.line2.col4 > .box:first-child label { border-right:1px solid #bbb;border-top:1px solid #ec0928;border-left:1px solid #ec0928;border-bottom:1px solid #bbb;}
.box_group.error.line2.col4 > .box:first-child + * + * label { border-right: #bbb;}
.box_group.error.line2.col4 > .box:first-child + * + * + * label,
.box_group.error.line2.col4 > .box:first-child + * + * + * + * + * + * + * label {border-right:1px solid #ec0928;}
.box_group.error.line2.col4 > .box:first-child + * + * + * + * label { border-left:1px solid #ec0928;border-top:1px solid #bbb;}
.box_group.error.line2.col4 > .box:first-child + * + * + * + * + * label,
.box_group.error.line2.col4 > .box:first-child + * + * + * + * + * + * label,
.box_group.error.line2.col4 > .box:first-child + * + * + * + * + * + * + * label { border-top:1px solid #bbb;}
.box_group.error > .box input[type="radio"]:checked + label { color:#777;}

/* Tab menu */
.tab.list > ul{position:relative;width:100%;padding-top:100px;}
.tab.list > ul:after{content:"";display:block;clear:both}
.tab.list > ul > li > a{position:absolute;border:1px solid #bbb;border-radius:0 6px 6px 0;background:#fff;color:#777;width:250px;height:68px;font-size:18px;transition: color .2s ease, border-color .2s ease;box-sizing:content-box;top:-1px;right:-1px;z-index:2;outline: 0;} /* 2020-12-11 GGU477 outline 추가 */
.tab.list > ul > li > a:focus span:before{outline:none;}
.tab.list > ul > li.tab_driver > a{right:0;}
.tab.list > ul > li:last-child > a{right:0;}
.tab.list > ul > li:first-child > a{border-radius: 6px 0 0 6px;right:auto;left:-1px;}
.tab.list > ul > li > a > span{position:relative;width: 100%;display:block;padding-bottom:2px;text-align: center;line-height: 66px;}
.tab.list > ul > li.active > a > span:before{content:'';display:inline-block;position:absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;border:2px solid #39a1bc;border-radius:0 6px 6px 0;transition: color .2s ease, border-color .2s ease;}
.tab.list > ul > li.active:first-child > a > span:before{border-radius: 6px 0 0 6px;}
.tab.list > ul > li .tab_view{display:none;width:100%;list-style:none;border:0;margin:0;padding:0;*zoom:1;}
.tab.list > ul > li .tab_view:after{content:"";display:block;clear:both}
.tab.list > ul > li.active .tab_view{display:block;}
.tab.list > ul > li.active > a{border:1px solid #39a1bc;background:#fff;color:#39a1bc;z-index:3;font-weight:bold;}
.tab.list > ul > li .tab_view .txt_guide{margin-top:14px;}

/* 이용약관 */
.depth{position:relative;margin-top:10px;}
.job_area .depth,
.alram_sms .depth{margin-top:-10px;}
.receiver_content .depth.box_group > .box.arrow input[type="radio"] + label:before,
.job_area .depth.box_group > .box.arrow input[type="radio"] + label:before,
.depth.box_group > .box.arrow input[type="radio"] + label:before,
.depth.box_group > .box.arrow input[type="checkbox"] + label:before{display:block;content:'';position:absolute;top:-6px;left:50%;margin-left:-5px;border:8px solid transparent;border-bottom:8px solid #fff;border-top:none;z-index:4;}
.depth.box_group > .box.arrow input[type="radio"]:checked + label:before,
.depth.box_group > .box.arrow input[type="checkbox"]:checked + label:before{top:-5px;}
.receiver_content .depth.box_group > .box.arrow input[type="radio"] + label:after,
.job_area .depth.box_group > .box.arrow input[type="radio"] + label:after,
.depth.box_group > .box.arrow input[type="radio"] + label:after,
.depth.box_group > .box.arrow input[type="checkbox"] + label:after{display:block;content:'';position:absolute;top:-7px;left:50%;margin-left:-5px;border:8px solid transparent;border-bottom:7px solid #bbb;border-top:none;z-index:3;}
.depth.box_group > .box.arrow input[type="radio"]:checked + label:after,
.depth.box_group > .box.arrow input[type="checkbox"]:checked + label:after{top:-8px;border-bottom:8px solid #39a1bc;}
.depth.box_group > .box.arrow input[type="radio"].on + label:after,
.depth.box_group > .box.arrow input[type="checkbox"].on + label:after{top:-8px;border-bottom:8px solid #000;}
/* boxgroup 하위그룹 arrow 위치 */
.depth.box_group > .box.arrow.arr_right input[type="radio"] + label:before,
.depth.box_group > .box.arrow.arr_right input[type="checkbox"] + label:before,
.depth.box_group > .box.arrow.arr_right input[type="radio"] + label:after,
.depth.box_group > .box.arrow.arr_right input[type="checkbox"] + label:after {left: 75%;}
/* error */
.depth.box_group.error > .box.arrow input[type="radio"] + label:after,
.depth.box_group.error > .box.arrow input[type="checkbox"] + label:after{border-bottom-color:#ec0928;}
.depth.box_group.error > .box.arrow input[type="radio"] + label:before,
.depth.box_group.error > .box.arrow input[type="checkbox"] + label:before{top:-6px;}

/* arrow position */
.box.arrow_p85 input + label:before,
.box.arrow_p85 input + label:after{left:85% !important;}

/* box_list */
.box_list li:first-child .box_group > .box:first-child{border-radius:6px 0 0 0}
.box_list li:first-child .box_group > .box:last-child{border-radius:0 6px 0 0;}
.box_list li:last-child .box_group{top:-1px;}
.box_list li:last-child .box_group > .box:first-child{border-radius:0 0 0 6px}
.box_list li:last-child .box_group > .box:last-child{border-radius:0 0 6px 0;}
.box_list .box .label_txt{display:block;line-height:64px;text-align:left;padding-left:18px;}
.box_list .box.select_dropdown .txt_select span{text-align:left;padding-left:18px;color:#222;}

/* info_type */
.info_type_list{border:1px solid #bbbbbb;border-radius:6px;margin-bottom:14px;}
.info_type_list table{table-layout:fixed;}
.info_type_list table td,
.info_type_list table th{font-size:18px;line-height:26px;height:68px;border-bottom:1px solid #bbbbbb;padding:20px 20px 23px;text-align:left;color:#111;word-break: break-all;-ms-word-break: break-all;letter-spacing:-1px;}
.info_type_list table tr:last-child td,
.info_type_list table tr:last-child th{border-bottom:0}
.info_type_list table td{ padding-left:10px;}
.info_type_list table th{ color:#777;font-weight:normal;padding-right:10px;}
.info_type_list table .list_tit{width:240px;}
.info_type_list table .list_info{width:auto;}
.info_type_list tr.tr_bg { background-color:#f7ff19;}
.info_type_list table td.card_design{}
.info_type_list table td.card_design img{width:30px;vertical-align:middle;}
.info_type_list table td.card_design span{margin-left:12px;}

/* 현대카드약관 class - 개인정보보호법 개정에 따른 인터넷 신청 동의서 변경 */
.new_clause_title {font-size:17px !important;}
.new_clause_subtitle {font-size:16px !important;}
.new_clause_bold {font-weight:bold;}
.new_clause_bold_1 {font-size:16px !important;font-weight:bold;text-decoration:underline;}
.new_clause_bold_2 {font-size:16px !important;text-decoration:underline;}
.new_clause_bold_3 {font-size:16px !important;font-weight:bold;line-height:1.4;}
.clause_tit1,
.terms_context > h3.clause_tit1 {color:#333;font-size:18px;font-weight:bold;line-height:27px;}
.terms_context .terms_grayBox img{max-width:100%;}
.clause_tit1_sub {font-size:13px;font-weight:bold;line-height:21px;}
.clause_tit2 {color:#333;font-size:16px;font-weight:bold;line-height:24px;}
.clause_tit3 {color:#333;font-size:14px;font-weight:bold;line-height:21px;}
.clause_box1 {border:1px solid #ccc;padding:5px;}
.clause_url {text-decoration:underline;}

/* 약관내용 테이블 */
.terms_context table{margin:10px 0;table-layout:fixed;}
.terms_context table td,
.terms_context table th{font-size:12px;line-height:19px;padding:5px 10px;color:#666;border:1px solid #bbbbbb;word-wrap:break-word;word-break:keep-all;}
.terms_context table thead > tr > th{text-align:center}
.terms_context table td{vertical-align:top;}
.terms_context table tbody > tr > th{vertical-align:top;text-align:left;}

.terms_table{margin:10px 0;}
.terms_table table{table-layout:fixed;}
.terms_table table td,
.terms_table table th{font-size:12px;line-height:19px;padding:5px 10px;color:#666;border:1px solid #bbbbbb;}
.terms_table table thead > tr > th{text-align:center}
.terms_table table td{vertical-align:top;}
.terms_table table tbody > tr > th{vertical-align:top;text-align:left;}
.terms_table table th.new_clause_bold_1{font-weight:bold;font-size:14px;text-decoration:none;}
.terms_table table td.new_clause_bold_1{font-weight:bold;font-size:14px;text-decoration:underline;}

.select_guide{font-size:12px;color: #999;line-height:15px;}

/* 2021-11-09 KJH 금소법 설명서 수정 */
.terms_agree .borderR.list_wrap.terms > li {border:1px solid #bbb;}
.terms_agree .borderR.list_wrap.terms > li:first-child {border-radius:6px 6px 0 0;}
.terms_agree .borderR.list_wrap.terms > li:last-child {border-radius:0 0 6px 6px;}
.terms_agree .borderR.list_wrap.terms > li + li {border-top:0;}
.terms_agree .borderR.list_wrap.terms > li .terms_depth {border:0;}
.terms_agree .borderR.list_wrap.terms > li .terms_depth ~ .sub_terms_wrap {border-top:1px solid #bbb;}
.terms_agree .borderR.list_wrap.terms > li .terms_depth ~ .sub_terms_wrap .sub_terms {border:0;}
.terms_agree .borderR.list_wrap.terms > li:last-child .terms_depth {border:0; border-radius:0;}
.terms_agree .borderR.list_wrap.terms > li:last-child .terms_depth ~ .sub_terms_wrap .sub_terms:last-child {padding-bottom:0;}

.terms_agree .borderR.list_wrap.terms > li .terms_depth.error {border:1px solid #ec0928; margin:-1px; position:relative; z-index:1;}
.terms_agree .borderR.list_wrap.terms > li .terms_depth ~ .sub_terms_wrap .sub_terms.error {border:1px solid #ec0928; margin:-1px; position:relative; z-index:1;}

.terms_agree .borderR.list_wrap.terms.terms > li.checked {border:2px solid #39a1bc;}
.terms_agree .borderR.list_wrap.terms.terms > li.checked + li.checked {border-top:0;}

/* 기존 현대카드약관의 class가 쓰임 */
.tbl-agree-print,.tbl_1{table-layout:fixed;margin:10px 0;}
.tbl-agree-print td,.tbl-agree-print th,
.tbl_1 td,.tbl_1 th{font-size:12px;line-height:19px;padding:5px 10px;color:#666;border:1px solid #bbbbbb;}
.tbl-agree-print thead > tr > th,.tbl_1 thead > tr > th{text-align:center}
.tbl-agree-print td,.tbl_1 td{vertical-align:top;}
.tbl-agree-print tbody > tr > th,.tbl_1 tbody > tr > th{text-align:left;}

/* Form group */
.input_box,
input[type="text"],input[type="password"],input[type="number"],input[type="email"]{border:0;width:100%;color:#111;padding:0;height:49px;line-height:49px;padding:0 0 0 10px;box-sizing:border-box;font-size:18px;text-overflow:ellipsis;}
input[disabled]{background:#fff}
input[type="text"]:focus, input[type="password"]:focus {}
::-webkit-input-placeholder {color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
:-moz-placeholder {color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
::-moz-placeholder { color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
:-ms-input-placeholder { color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
::-ms-input-placeholder { color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
input:-ms-input-placeholder { color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
input::-ms-input-placeholder { color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
input:focus:-ms-input-placeholder{color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
input:focus::-ms-input-placeholder{color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
input::-webkit-input-placeholder { color:#777;opacity:1;font-size:18px;overflow:visible;letter-spacing:-0.02em;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{ /* WebKit browsers */ color:#777;opacity:1;letter-spacing:-0.02em;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#777;opacity:1;letter-spacing:-0.02em;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#777;opacity:1;letter-spacing:-0.02em;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#777;opacity:1;letter-spacing:-0.02em;}
input:-ms-clear{display:none;width:0;height:0;}
input::-ms-clear{display:none;width:0;height:0;}
.limit_cnt .input_box{text-align:right;}
.limit_cnt .input_box::placeholder{text-align:left;}
.limit_cnt .input_box::-webkit-input-placeholder,
.limit_cnt .input_box:-moz-placeholder,
.limit_cnt .input_box::-moz-placeholder,
.limit_cnt .input_box:-ms-input-placeholder,
.limit_cnt .input_box::-ms-input-placeholder{text-align:left;}
.form_group .element{position:relative;display:table;width:100%;border-bottom:1px solid #bbbbbb;padding:10px 0;height:49px;box-sizing:content-box;}
.form_group .element.focus{border-bottom:2px solid #39a1bc;}
input[type="text"].placeholdersjs,
input[type="password"].placeholdersjs{color:#bfbfbf;}
.clearboth{clear:both;display:block;content:'';height:1px;}
.form_group .element.input_group{display:table;}
.form_group .element.input_group.mobile_certi.hide{display:none;}
.form_group .element.input_group .input_box{position: relative;/*margin-top:5px \9;*/ /*ie8대응*/ display: table-cell;/*display:inline-block;*/ padding-right:10px;}
.form_group .element > .input_add{ display: table-cell;vertical-align: middle;width:1%;white-space:nowrap; padding:0 0 0 10px;}
.element.input_group .input_add.txt .btn_del{margin-top:4px;}
.element.input_group .input_add.txt{color:#111;font-size:18px;}
.element.input_group .input_add.txt em.txt,
.element.input_group .input_add .txt{vertical-align:top;font-size:18px;line-height:22px;}
.element.input_group .input_add:first-child{padding:0 5px 0 10px;}
.element.input_group .input_add .s_txt{font-size:14px;line-height:38px;margin:0 5px;}
.element.input_group .input_add .s_txt.time{color:#111;}
.element.input_group .input_add.gap{padding:0 10px 3px;font-size:22px;}
.element.input_group.cardnum_elem input.input_box { padding:0 6px;}
#certicont_card #nppfs-keypad-cardNo4 { margin-left:-80px;} /* 가상키보드 */
.elem_group .element{vertical-align:top;}
.input_group .input_add em + button { margin-left:10px;}
.element.input_tit{border-bottom-color:transparent;}
.element.input_tit .txt{font-size:14px;line-height:49px}


/* error */
.form_group .element.error,
.form_group .element.chkbox_group.under.error{border-bottom:1px solid #ec0928;}
/* 예외 */
.elem_group.type1 .element{padding: 10px 0;margin-top:0;}

/* Colum */
.elem_group{position:relative;width:100%;}
.elem_group:after{display:block;content:'';clear:both}
.elem_group[class*="col"] > .cell1{float:left;}
.elem_group[class*="col"] > .cell2{float:right;}
.elem_group.col2 > *{width: calc(50% - 5px);margin-top:0;}
.elem_group.col2_1 > .cell1{float:left;width:230px;}
.elem_group.col2_1 > .cell2{float:right;width:252px;margin-top:0;}
.elem_group.colum2_1{border-bottom: 1px solid #bbbbbb;padding: 8px 0;height: 29px;box-sizing: content-box;}
.elem_group.colum2_1 .cell{display:table;}
.elem_group.colum2_1 .cell > *{display:table-cell;}
.elem_group.colum2_1 .cell .input_add{width:1%;vertical-align: middle;}
/* 예외 */
.regis_elem .input_add:not(.gap){margin-left:-23px;}
.apt_elem .input_add{margin-left:-17px;}
.en_elem .input_box:first-child + * + * + *{padding-left:10px;box-sizing:border-box;}
.apt_elem .input_box:first-child + * {padding-right:20px;box-sizing:border-box;}
.apt_elem .input_box:first-child + * + * + *{padding-left:10px;box-sizing:border-box;}
.phone_group,.phone_group2{width:500px;}
.phone_group2 .cell2{width:352px;}
.en_elem .input_box{text-overflow: ellipsis;display:block;overflow:hidden;}
.en_elem .input_box:focus{overflow:visible;display:block;text-overflow:clip;}

/* Dropdown */
.elem_group .select_dropdown,.box.select_dropdown{position:static;}
.select_dropdown{position:relative;}
.select_dropdown.error > .txt_select,.slide_dropdown.error > .txt_select{border-color:#ec0928;}
.select_dropdown > .txt_select{position:relative;border: 1px solid #bbbbbb;border-radius:6px;height:70px;font-size:18px;color:#111;box-sizing:border-box;display:block;width:100%;line-height:70px;padding:0 20px;text-align:left;}
.select_dropdown > .txt_select:after{display:block;content:'';position:absolute;top:50%;right:19px;width:18px;height:18px;background:url("../../pc/img/icon/ico_down.png") no-repeat;margin-top:-9px;}
.select_dropdown.on > .txt_select:after{background:url("../../pc/img/icon/ico_up.png") no-repeat;}
.select_dropdown > .txt_select.none{color:#999;}
.select_dropdown > a span {display:block;padding-right:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:64px;color:#111;}
.box.select_dropdown > .txt_select{color:#777;position:relative;z-index: 2;top:-1px;left:-1px;padding:0; height:44px;box-sizing:border-box;transition:color .2s ease, border-color .2s ease;text-align:center;border-radius:0 6px 6px 0;width: calc(100% + 2px);height: calc(100% + 2px);}
.box.select_dropdown.on > .txt_select{ background: #fff;color: #111;border-radius:0 6px 0 0;}
/* 소득정보 하위메뉴 */
.job_area .select_dropdown > .txt_select,
.job_area .dropdown_menu ul > li > .slct_menu > .slct_word{font-size:18px;}
.job_area .dropdown_menu ul > li > .slct_menu{padding:19px 0 24px;}
.job_area .select_dropdown > a span{line-height:66px;}

/* Dropdown 하위메뉴 */
.select_dropdown .dropdown_menu{display:none;width:100%;position:absolute;top:69px;left:0;z-index:3;list-style:none;border:0;padding:0;*zoom:1;padding-bottom:60px;}
.select_dropdown .dropdown_menu.slide{padding-bottom:0;z-index:1;}
.select_dropdown .dropdown_menu:after{content:"";display:block;clear:both;}
.select_dropdown .dropdown_menu ul{position:relative;width:100%;overflow:hidden;font-size:18px;background:#fff;border: 1px solid #bbbbbb;border-radius: 0 0 6px 6px; }
.select_dropdown .dropdown_menu ul > li{position:relative;float:left;min-height:45px;text-align:center;vertical-align:middle;border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;margin-bottom:-1px;overflow:hidden;}
.dropdown_menu ul > li.active,.dropdown_menu ul > li.on{background:#f5f5f5;}
.dropdown_menu ul > li > .slct_menu{position:relative;width:100%;box-sizing:border-box;display:block;min-height:69px;padding:21px 0 22px;color:#777;font-size:18px;border-top:1px solid #bbbbbb;z-index:1;}
.dropdown_menu ul > li.on > .slct_menu{color:#111;font-weight:bold;}
.dropdown_menu ul > li > .slct_menu:focus{outline:none;}
.dropdown_menu ul > li > .slct_menu:focus:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #a6c8ff;}
/* 예외-운전면허증 */
.card_info .dropdown_menu ul > li > .slct_menu{font-size:18px;}
.dropdown_menu ul > li > .slct_menu > .slct_word{font-size:18px;}
.bank_slct .dropdown_menu ul > li > .slct_menu > .slct_word{display:inline-block;padding-top:3px;font-size:14px;}
.dropdown_menu ul > li.active > .slct_menu,.dropdown_menu ul > li > .slct_menu:focus,.dropdown_menu ul > li > .slct_menu:active,.dropdown_menu ul > li > .slct_menu:hover{color:#111;}
.dropdown_menu.col2 li{width:50%;}
.dropdown_menu.col3 li{width:33%;}
.dropdown_menu.col3 li:first-child,
.dropdown_menu.col3 li:nth-child(3n) + * {width:34%;}
.dropdown_menu.col2 li:nth-child(2n),
.dropdown_menu.col3 li:nth-child(3n),
.dropdown_menu.col4 li:nth-child(4n),
.dropdown_menu.col5 li:nth-child(5n){ border-right:0;}
.dropdown_menu.col4 li{width:25%;display:table-row;}
.dropdown_menu.col5 li{width:20%;}
.dropdown_menu.col2 li:nth-child(-n+2) .slct_menu,
.dropdown_menu.col3 li:nth-child(-n+3) .slct_menu,
.dropdown_menu.col4 li:nth-child(-n+4) .slct_menu,
.dropdown_menu.col5 li:nth-child(-n+5) .slct_menu{border-top:0;}
.dropdown_menu.col1 li:first-child { margin-top:-1px;}
.dropdown_menu.col1 li { width:100%;border-right:1px solid transparent !important;}
.dropdown_menu.col1 li a { padding-left:12px !important;text-align:left;}
.driver_card .select_dropdown .dropdown_menu.col4 ul > li {height:70px;}

/* 이미지 들어간 경우 */
.dropdown_menu ul > li > .slct_menu > .img{display:block;height:32px;overflow:hidden;}
.dropdown_menu ul > li > .slct_menu > .img img{max-height:100%;}
/* 은행선택 드롭다운 */
.select_dropdown.bank_slct .dropdown_menu{position:relative;top:-1px;}
.select_dropdown.bank_slct .dropdown_menu ul{display:flex;flex-wrap:wrap;}
.select_dropdown.bank_slct .dropdown_menu ul > li > .slct_menu{padding:17px 0 16px;letter-spacing:-1.5px;}
.dropdown_menu .more_list{position:absolute;bottom:0;right:1px;z-index:10;width:24.8%;text-align:center;}
.dropdown_menu .btn_drop_more{color:#777;font-size:14px;width:100%;height:100%;}
.dropdown_menu .btn_drop_more .ico_more{display:block;content:'';width:20px;height:20px;background:url("../../pc/img/icon/ico_drop_plus.png") no-repeat;margin:0 auto 5px;}

/* 활성화 됐을 경우 */
.select_dropdown.on > .txt_select{position:relative;border:2px solid #39a1bc;border-bottom:1px solid #bbb;border-radius:6px 6px 0 0;z-index:4;background:#fff;}
.select_dropdown.on > .dropdown_menu ul{border:2px solid #39a1bc;border-radius:0 0 6px 6px !important;margin-top:-1px;}

/* 선택 됐을 경우 */
.select_dropdown.selected > a span{font-weight:bold;}
.select_dropdown.selected > .txt_select{position:relative;z-index:3;background:#fff;}
.select_dropdown.selected > .dropdown_menu ul{border-top:2px solid #39a1bc;border-left:0;border-right:0;border-bottom:0;border-radius:0 0 6px 6px !important;}
.select_dropdown.selected > .dropdown_menu ul:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-left:2px solid #39a1bc;border-right:2px solid #39a1bc;border-bottom:2px solid #39a1bc;border-radius:0 0 6px 6px;z-index:0;}

/* 활성화 + 선택 됐을 경우 */
.select_dropdown.on.selected > .txt_select{}

/* error */
.box_group.error .select_dropdown > .txt_select{border-color:transparent;}
.box_group.error .select_dropdown > .dropdown_menu ul{border: 1px solid #bbbbbb;}
.box_group.error .select_dropdown .dropdown_menu{top: 46px;}
/* 드롭다운박스 radius */
.elem_group .cell1.select_dropdown.on:first-child > .dropdown_menu ul{border-radius:0 6px 6px 6px;}
.elem_group .cell2.select_dropdown.on .dropdown_menu ul{border-radius:6px 0 6px 6px;}
/* 디자인 border : ie 대응 */
.cell1.select_dropdown.on:before{display:block;width:1px;height:1px;background:#000;content:'';position:absolute;bottom:0;left:0;z-index:10;}
.cell1.select_dropdown.on .txt_select:before{display:block;width:1px;height:1px;background:#000;content:'';position:absolute;bottom:-1px;right:-1px;z-index:10;}
.cell2.select_dropdown.on:before{display:block;width:1px;height:1px;background:#000;content:'';position:absolute;top:69px;right:0px;z-index:10;}
.cell2.select_dropdown.on .txt_select:before{display:block;width:1px;height:1px;background:#000;content:'';position:absolute;bottom:-1px;left:-1px;z-index:10;}
.cell1.select_dropdown .dropdown_menu,.cell2.select_dropdown .dropdown_menu{background:transparent;}
.select_dropdown.on:not(.cell1):not(.cell2):not(.wrap):after{display:block;width:1px;height:1px;background:#000;content:'';position:absolute;top:69px;left:0;z-index:10;}
.select_dropdown.on:not(.cell1):not(.cell2):not(.wrap) > .txt_select:before{display:block;width:1px;height:1px;background:#000;content:'';position:absolute;bottom:-1px;right:-1px;z-index:10;}

/*dropdown box_wrap*/
.box_group.box_wrap{border:1px solid #bbbbbb;border-radius:6px 6px 0 0;box-sizing:content-box;}
.box_group.box_wrap.active{border:2px solid #39a1bc;z-index: 1;}
.box_group.box_wrap:after{display:block;content:'';clear:both;}
.box_group.box_wrap > .box{border:0;}
.box_group.box_wrap.active > .box{height:68px;}
.box_group.box_wrap.active > .box .label_txt{line-height:62px;padding-left:17px;}
.box_group.box_wrap.active > .box .txt_select span{line-height:62px;padding-left:17px;}
.box_group.box_wrap.active .select_dropdown.wrap .dropdown_menu{top:68px;}

.box_group.box_wrap .box.col1_1{width:138px;}
.box_group.box_wrap .box.col1_2{width:360px;}
.box_group.box_wrap .box.col2_1 {width:98px;}
.box_group.box_wrap .box.col2_2{width:400px;}
.box_group.box_wrap > .box:first-child:not(:only-child),
.box_group.box_wrap > .box:last-child:not(:only-child) { border:0;}
.box_group.box_wrap .select_dropdown.wrap > .txt_select{border:0;}
.box_group.box_wrap .box.select_dropdown.wrap > .txt_select{top:0;left:0;width:100%;height:100%;}
.box_group.box_wrap .select_dropdown.wrap > .dropdown_menu ul{border:0;border-top: 1px solid #bbbbbb;}
.box_list li:last-child .box_group.box_wrap{border-radius:0 0 6px 6px !important;}
.select_dropdown.wrap .dropdown_menu{top:70px}
.box_wrap.text_off,
.box_list .box_wrap.text_off .box.select_dropdown .txt_select span{color:#999;}
.box_list li.on + li .box_group.box_wrap{border-radius:6px;}

/* 이메일 직접 입력 폼 */
.elem_group .direct_input{position:absolute;top:44px;right:0;}
.direct_input .element{float:right;width: calc(50% - 5px);background:#fff;border:1px solid #bbbbbb;box-sizing:border-box;}
.request_list > li{position:relative;color:#999;margin-top:45px;}
.request_list > li:after{clear:both;display:block;content:'';}
.request_list > li:first-child{margin-top:0;}
.request_list .txt_label,.txt_label_small{display:block;font-size:14px;}
.request_list .txt_label_small{margin-top:10px;}
.request_list > li .form_group{margin-top:-13px;}
.request_list .request_guide{font-size:14px;margin-top:-5px;}

/* Placeholder */
.element .placeholder{position:absolute;top:0;left:0;width:100%;height:69px;z-index:1; font-size:18px;color:#777;cursor:text;display:block;}
.element .placeholder.type2{background:transparent;}
.element .placeholder span{display:block;width:100%;background:#fff;height:49px;line-height:49px;line-height:49px;position:relative;top:10px;padding-left:10px;}

/* radio */
.checkbox input[type="radio"] { position: absolute;opacity: 0;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;-webkit-appearance: none;appearance: none;/*outline: 0;*/}
.checkbox input[type="radio"] + label { display: inline-block;position: relative;padding-left: 28px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;transition: .2s ease;font-size: 16px;}
.checkbox input[type="radio"] + label:before { display: inline-block;content: '';position: absolute;left: 0px;top: 4px;width: 18px;height: 18px;line-height: 18px;text-align: center;background: url(../../pc/img/icon/ico_check_off.png) no-repeat;background-size: 18px;transition: .2s ease;}
.checkbox input[type="radio"] + label span { font-size: 16px;display: block;}
.checkbox input[type="radio"]:checked + label { color: #222;}
.checkbox input[type="radio"]:checked + label:before { background:url("../../pc/img/icon/ico_check_on.png") no-repeat;background-size:18px;}
.chkbox input[type="radio"], .chkbox input[type="checkbox"] { position: absolute;opacity: 0;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;-webkit-appearance: none;appearance: none;/*outline: 0;*/ }
.chkbox input[type="radio"]:focus + label, .chkbox input[type="checkbox"]:focus + label{outline:none;}
.form_group .element.chkbox_group .chkbox { display: table;display: flex;display: -webkit-flex;width: 100%;}
.form_group .element.chkbox_group.under { border-bottom:none;height:auto;min-height:29px;}
.chkbox.styFlt input[type="radio"]:first-child + label, .chkbox.styFlt input[type="checkbox"]:first-child + label { margin-left: 0;}
.chkbox.styFlt input[type="radio"] + label,
.chkbox.styFlt input[type="checkbox"] + label { display: inline-block;margin-left: 23px;}
.chkbox_group .s_txt.time + button { margin-left:10px;}

/* Radio Button */
.radiobtn{position: relative;}
.radiobtn input[type="radio"]{position:absolute;opacity:0;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;-webkit-appearance:none;appearance:none;}
.radiobtn input[type="radio"] + label{display:block;position:relative; z-index:2;width:100%;height:100%;left:-1px;cursor: pointer; transition: .2s ease;font-size:13px;border:1px solid transparent;border-left:1px solid #bbb;border-right:1px solid #bbb;border-bottom:1px solid #bbb;box-sizing:content-box;}
.radiobtn input[type="radio"]:checked + label{border:1px solid #000;}
.radiobtn input[type="radio"][disabled]+ label{cursor:not-allowed}

/* Radio group */
.radio_group{font-size:16px;border-radius:6px;}
.radio_list.scroll_area{overflow-y:auto;}
.radio_list.scroll_area,
.radio_list.customscroll{position:relative;max-height:280px;}
.radio_list.scroll_area .radio_group,
.radio_list.customscroll .radio_group{padding-right:20px;border-left:1px solid #bbb;}
.radio_group ul{ position:relative;}
.radio_group .list{border-top:1px solid #bbb;border-radius:6px;}
.radio_group .list,
.radio_group .list_wrap li{position:relative;padding:0;font-size:16px;color:#777;transition: .2s ease;}
.radio_group .list_wrap li:first-child{border-top:0;}
.radio_group .list .radiobtn label,
.radio_group .list_wrap li .radiobtn label{line-height:17px;padding:20px 0;margin-top:-1px;}
.radio_group .list_wrap li:first-child .radiobtn label{margin-top:0;border-radius:6px 6px 0 0;border-top:1px solid #bbb}
.radio_group .list_wrap li:first-child .radiobtn input[type="radio"]:checked + label{border:1px solid #000;}
.radio_group .list_wrap li.last:not(:only-child) .radiobtn label{ border-radius:0 0 6px 6px;border-bottom: 1px solid #bbb;}
.radio_group .list_wrap li.last:not(:only-child) .radiobtn input[type="radio"]:checked + label{border:1px solid #000;}
.radio_group .list_wrap li .radiobtn label > .company{display:block;font-size:16px;color:#111;margin-bottom:5px;}
.radio_group .list_wrap li .radiobtn label > em,.radio_group .list_wrap li .radiobtn label > span{padding:0 20px;display:block;font-size:16px}
.radio_group .list_wrap li .radiobtn input[type="radio"] + label:before{top:50%;margin-top:-11px;}
.radio_list.scroll_area ~ .radio_group,
.radio_list.customscroll ~ .radio_group{margin-top:30px}

/**/
.radio_group.single .radiobtn input[type="radio"] + label{ border-bottom:1px solid #bbb;border-radius:6px;}
.radio_group li .search_none{width:100%;line-height:17px;padding:14px;margin-top:0px; font-size:13px;border-bottom:1px solid #999; border-top:1px solid #999;}
/* Checked */
.radio_group .checked.all,
.radio_group .checked{background-color:#fff;border-color:#000;}
.radio_group .checked .check_on:checked + label{color:#111;}

/* Checkbox */
.chkbox {position:relative;margin-top:14px}
.btn_area_center + .chkbox_group .chkbox { margin-top:20px;}/* 2021-02-26 GGCX83 */
.chkbox input[type="checkbox"] + label:before {position:absolute;top:0;left:0;}
.chkbox input[type="checkbox"] {position: absolute;opacity:0;width: 1px;height: 1px;padding: 0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);border:0;-webkit-appearance:none;appearance:none;}
.chkbox input[type="checkbox"] + label { padding-left:23px;}
.chkbox input[type="radio"] + label,
.chkbox input[type="checkbox"] + label {color:#777;line-height: 23px;display:block;}
.chkbox input[type="radio"] + label span,
.chkbox input[type="checkbox"] + label span{margin-top: -2px;margin-left:10px;font-size:16px;opacity:1;display:inline-block;vertical-align: middle;word-break: keep-all;-webkit-word-break: keep-all;-ms-word-break: keep-all;}
.chkbox input[type="radio"]:checked + label span,
.chkbox input[type="checkbox"]:checked + label span{color:#111;}
.chkbox input[type="radio"] + label:before,
.chkbox input[type="checkbox"] + label:before { display: inline-block;content: '';width: 23px;height: 23px;line-height: 23px;text-align: center;border: 1px solid #bbb;background: #fff url(../../pc/img/icon/ico_checkbox_off.png) no-repeat 0 0;/*background-size: 23px 46px;*/  transition: .2s ease;vertical-align: middle;}
.chkbox input[type="checkbox"] + label:before { border-radius:4px;}
.chkbox input[type="checkbox"]:checked + label:before { border: 1px solid #39a1bc;background: #39a1bc url(../../pc/img/icon/ico_checkbox_on.png) no-repeat 0 0;border-radius:4px;}
.chkbox input[type="radio"] + label:before { border-radius:50%;}
.chkbox input[type="radio"]:checked + label:before {  border: 1px solid #39a1bc;background: #39a1bc url(../../pc/img/icon/ico_checkbox_on.png) no-repeat 0 0;border-radius:50%;}
.chkbox.titleDepth input[type="radio"] + label span,
.chkbox.titleDepth input[type="checkbox"] + label span{margin-top: -3px;margin-left:12px;font-size:20px;}
.chkbox.titleDepth input[type="radio"]:checked + label span,
.chkbox.titleDepth input[type="checkbox"]:checked + label span{color:#111;font-weight:bold;}
.chkbox_lg input[type="checkbox"] + label { padding-left:29px;line-height:29px;}
.chkbox_lg input[type="checkbox"] + label:before { width: 29px;height: 29px;line-height: 29px;background: #fff url(../../pc/img/icon/ico_checkbox_off.png) no-repeat 3px 3px;}
.chkbox_lg input[type="checkbox"]:checked + label:before { width: 29px;height: 29px;line-height: 29px;background: #39a1bc url(../../pc/img/icon/ico_checkbox_on.png) no-repeat 3px 3px;}
.checkbox{position: relative;}
.checkbox input[type="checkbox"]{position:absolute;opacity:0;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.checkbox input[type="checkbox"] + label{cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;transition:color .2s ease, border-color .2s ease;}
.checkbox input[type="checkbox"] + label,
.checkbox input[type="checkbox"] + .label,
.checkbox.txt_only span{display:inline-block;position: relative;padding-left:28px;font-size:16px;word-break:keep-all;}
.checkbox input[type="checkbox"] + label span{font-size:16px;}
.checkbox input[type="checkbox"] + label:after{display:block;content: '';position: absolute;left:0px;top:0px;width:23px;height:23px;line-height:26px;text-align:center;background:url("../../pc/img/icon/ico_check_off.png") no-repeat 0 0;transition: border-color .2s ease, color .2s ease}
.checkbox.no_show_chk input[type="checkbox"] + label:after{display:none;}
.checkbox input[type="checkbox"]:checked + label{color:#111;}
.checkbox input[type="checkbox"]:checked + label:after{background:url("../../pc/img/icon/ico_check_on.png") no-repeat 0 0;}
.check_group .list_wrap li .checkbox input[type="checkbox"]:checked + label,
.check_group .list_wrap li .checkbox input[type="checkbox"]:checked + .label{color:#000;background:transparent}
.check_group .list_wrap li .checkbox input[type="checkbox"]:checked + label:after{background:url("../../pc/img/icon/ico_check1_on.png") no-repeat;}
.chkbox.styLine label span strong {display:inline-block;color:#111;margin-bottom:15px;font-weight:normal;font-size:18px;}
.chkbox.styLine label span em {color:#777;line-height:26px;}
.chkbox.styLine.error{padding-bottom:10px;border-bottom:1px solid #ec0928;}
.checkbox input[type="checkbox"]:focus + label{outline:none;}
.check_group .all.checked + .list_wrap li .checkbox input[type="checkbox"]:checked + label{padding:22px  0 24px 32px;}/*p03*/
.check_group .all.checked + .list_wrap li .checkbox input[type="checkbox"]:checked + label:after{margin-left:2px;}/*p03*/
.p02_agree .check_group .all.checked + .list_wrap .sub_terms_list li .checkbox input[type="checkbox"]:checked + label{padding:7px 0 7px 27px;}/*p03*/
.p03_agree .check_group .all.checked + .list_wrap .sub_terms_list li .checkbox input[type="checkbox"]:checked + label{padding:7px 0 7px 27px;}/*p03*/
.p03_agree .check_group .all.checked + .list_wrap .sub_terms_list.type3 > li > .checkbox input[type="checkbox"]:checked + label{padding:22px  0 24px 32px;}/*p03*/


/* 예외 */
.chkbox_btngroup { position:relative;width:100%;height:40px;margin:14px 0 10px;padding-top:8px;}
.chkbox.chkboxCase2 { margin-top:0;}
.chkbox.chkboxCase2 input[type="checkbox"] + label{ color:#111;}
.chkbox.chkboxCase2 input[type="checkbox"] + label:before {}
.chkbox.chkboxCase2 input[type="checkbox"]:checked + label:before {}
.chkbox_btngroup .chkbox.chkboxCase2  + button,
.chkbox_btngroup .chkbox.chkboxCase2  + a {position:absolute;right:0;top:0;}
.pop_userInfoN .checkbox input[type="checkbox"] + label:after { display: inline-block;content: '';position: absolute;left: 0px;top: 3px;width: 18px;height: 18px;line-height: 18px;text-align: center;background: url(../../pc/img/icon/ico_check_off.png) no-repeat;background-size: 18px;transition: .2s ease;}
.pop_userInfoN .checkbox input[type="checkbox"]:checked + label:after { background:url("../../pc/img/icon/ico_check_on.png") no-repeat;background-size:18px;}

/* ie8 대응 */
.checkbox input[type="checkbox"][disabled]+ label:after{opacity:.5;}
.checkbox input[type="checkbox"][disabled]+ label{cursor:not-allowed}

/**/
.checkbox.round{height:23px;margin-bottom:20px;}
.checkbox.round label{line-height:20px}
.checkbox.round input[type="checkbox"] + label:after{display:block;content: '';position: absolute;left:0px;top:0;width:23px;height:23px;line-height:23px;text-align:center;background:url("../../pc/img/icon/ico_check4.png") no-repeat;transition: .2s ease;}
.checkbox.round input[type="checkbox"]:checked + label{color:#222;}
.checkbox.round input[type="checkbox"]:checked + label:after{background:url("../../pc/img/icon/ico_check4_on.png") no-repeat;}

/* Check group */
.check_group{font-size:13px;}
.check_group .list{border:1px solid #bbb;border-radius:6px;}
.check_group .list,
.check_group .list_wrap > li{
	position:relative;
	border:1px solid #bbb;
	border-bottom:0;
	padding:0 40px 0 20px;
	font-size:15px;
	color:#777;
	transition:color .2s ease, border-color .2s ease;
}
.check_group .list_wrap > li{font-size:18px;/*border-top:0;*/}/* p03_law_2 핵심설명서 부분 깨짐 삭제*/
.check_group .list_wrap > li.last{
	border-radius:0 0 6px 6px;
	border-bottom: 1px solid #bbb; /* 2021-06-15 p09 list bottom line 추가*/
}

.check_group .list.all { border-bottom: 1px solid #bbb;}/* 2021-08-06 대한항공 신청프로세스 관련 깨짐 */ 
.check_group .list.all .checkbox label,
.check_group .list.all .checkbox .label{font-size:18px;letter-spacing:-1px;padding:20px 0 24px 32px;color:#111;}
.check_group .list.all .checkbox input:focus + label,
.check_group .list.all .checkbox input:focus + .label{outline:none;}
.check_group .list_wrap .checkbox label,
.check_group .list_wrap .checkbox .label,
.check_group .list_wrap .checkbox.txt_only{font-size:18px;}
.check_group .list .checkbox label,
.check_group .list_wrap > li .checkbox label,
.check_group .list_wrap > li .checkbox .label,
.check_group .list_wrap > li .checkbox.txt_only > span{width:100%;line-height:24px;padding:22px  0 24px 33px;}
.check_group .list_wrap > li .checkbox label:after{background:url("../../pc/img/icon/ico_check1_off.png") no-repeat; margin-left:3px;width:19px;height:19px;}
.check_group .list_wrap.ico_chk > li .checkbox label:after{background:url("../../pc/img/icon/ico_check_off.png") no-repeat 0 0; width:23px; height:23px; margin-left: 0;}/*2022-09-29 Q10185 : #192_PLCC_리볼빙 제도 개선 */
.check_group .list_wrap.ico_chk > li .checkbox input[type="checkbox"]:checked + label:after{background:url("../../pc/img/icon/ico_check_on.png") no-repeat;}/*2022-09-29 Q10185 : #192_PLCC_리볼빙 제도 개선 */
.check_group .list .checkbox input[type="checkbox"] + label:after{top:22px}
.check_group .list_wrap > li .checkbox input[type="checkbox"] + label:after{top:24px;}
.check_group .list .btn_arrow,
.check_group .list_wrap > li .btn_arrow{position:absolute;top:0;right:0;display:block;width:60px;height:68px;z-index:2;}
.check_group .list .btn_arrow_all,
.check_group .list_wrap > li .btn_arrow_all{position:absolute;top:0;right:0;display:block;width:60px;height:100%;}
.check_group .list .btn_arrow:after,
.check_group .list_wrap > li .btn_arrow:after,
.check_group .list .btn_arrow_all:after,
.check_group .list_wrap > li .btn_arrow_all:after{position:absolute;top:50%;right:19px;margin-top:-9px;}
.check_group .list_wrap > li .btn_arrow.right:after{right:16px;}
.check_group .list_wrap .sub_terms_wrap .btn_arrow.right:after{right:18px;}
.check_group .list .cap_guide{
	padding: 0 0 20px 32px;
}

.check_group .list_wrap .download{color:#777;display:inline-block;position: relative;word-break:keep-all;font-size: 18px;width:100%;line-height:24px;padding:22px  0 24px 33px;}
.check_group .list_wrap .download.active{color:#000;}
.check_group .list_wrap .download:before{display:block;content: '';position: absolute;top: 24px;left: 0;line-height:26px;text-align:center;transition: .2s ease;background:url("../../pc/img/icon/ico_check1_off.png") no-repeat; margin-left:3px;width:19px;height:19px;}
.check_group .list_wrap .download.active:before{background: url(../../pc/img/icon/ico_check1_on.png) no-repeat;}

/* Checked */
.check_group .btn_arrow.up.down:after{background:url("../../pc/img/icon/ico_down.png") no-repeat;}

/* popup 주소록 */
.check_group.pop_userInfo{margin:50px 0 20px;}
.check_group.pop_userInfo .list, .check_group.pop_userInfo .list_wrap li{padding-right:15px;}
.check_group.pop_userInfo .checkbox label.txt_cell{display:table}
.check_group.pop_userInfo .checkbox label.txt_cell .tit{display:table-cell;width:165px;vertical-align:middle;}
.check_group.pop_userInfo .checkbox label.txt_cell .txt{display:table-cell;word-break: break-all;vertical-align:middle;line-height:22px;}
.check_group.pop_userInfo .list_wrap li .checkbox input[type="checkbox"] + label:after{top:50%;margin-top:-9px;}

/* 2021-11-12 금소법 링크 체크 */
.check_group .list_wrap.chkL .download {color:#111;}
.check_group .list_wrap.chkL .download.active {font-weight:bold;}
.check_group .list_wrap.chkL .download:before {display:block;content: '';position: absolute;left:0px;top:22px;width:23px;height:23px;margin:0;line-height:26px;text-align:center;background:url("../../pc/img/icon/ico_check_off.png") no-repeat 0 0;transition: border-color .2s ease, color .2s ease}
.check_group .list_wrap.chkL .download.active:before {background:url("../../pc/img/icon/ico_check_on.png")no-repeat;}

/* 이용약관 */
.terms_agree .agree_click {padding-bottom:20px;font-size:18px;line-height:18px;}
.terms_agree .check_group .list .btn_arrow_all .txt{white-space:nowrap;display:block;position:absolute;top:50%;right:55px;font-size:16px;margin-top:-12px}
.terms_agree .check_group .list_wrap li .terms_depth .btn_arrow.up:after,
.terms_agree .check_group .list_wrap li .sub_terms .checkbox .btn_arrow.up:after{background: url(../../pc/img/icon/ico_up.png) no-repeat;}
.terms_agree .check_group .list_wrap li .terms_depth .btn_arrow.right.up:after,
.terms_agree .check_group .list_wrap li .terms_depth .btn_arrow.right.down:after,
.terms_agree .check_group .list_wrap li .terms_depth .btn_arrow.right.up.down:after{background:url("../../pc/img/icon/ico_arw_right.png") no-repeat;}
.terms_agree .list_wrap.terms{margin:-1px 0 0 0;}
.terms_agree .list_wrap.terms li{padding:0;border:0;}
.terms_agree .list_wrap.terms .sub_terms_list > li > .checkbox{padding:0 20px 0 84px;}
.terms_agree .list_wrap.terms .sub_terms_list.col2,
.terms_agree .list_wrap.terms .sub_terms_list.col5{padding:0 35px 14px 84px;}
.terms_agree .list_wrap.terms .sub_terms_list.col2 > li > .checkbox,
.terms_agree .list_wrap.terms .sub_terms_list.col5 > li > .checkbox{padding:0;}
.terms_agree .list_wrap.terms .depth4 > li > .checkbox{padding:0 20px 0 112px;}
.terms_agree .list_wrap.terms .depth4.col2,
.terms_agree .list_wrap.terms .depth4.col5{padding:0 7px 14px 112px;}
.terms_agree .list_wrap.terms .depth4.col2 > li > .checkbox,
.terms_agree .list_wrap.terms .depth4.col5 > li > .checkbox{padding:0;}
.terms_agree .list_wrap.terms .terms_depth{position:relative;padding:0 55px 0 20px;border:1px solid #bbbbbb;border-bottom:0;}
.terms_agree .list_wrap.terms .terms_depth.no_line{border-bottom:0 none;background:#fafafa;}
.check_group .list_wrap.terms > li:last-child .terms_depth{ border-bottom:1px solid #bbb;border-radius:0 0 6px 6px;}
.check_group .list_wrap.terms > li.open:last-child .terms_depth:not(.no_sub){ border-bottom:0; border-radius:0;}

.terms_agree .list_wrap.terms li .terms_depth.error{border:1px solid #ec0928;/*border-bottom:0;*/margin:-1px 0;position:relative;z-index:1} /* 2021-08-12 */
.terms_agree .list_wrap.terms li .terms_depth.no_line.error{border-bottom:0 none;}

/* 약관동의 line style */
/*.list.all { border-color:#111;}*/
.list_wrap > li.last .sub_terms:last-child { border-radius:0 0 6px 6px;}
.list.all.top { border-radius: 6px 6px 0 0;}
.list.all.open_list { border-radius: 6px 6px 0 0;}
.list.all.btm { border-radius: 0 0 6px 6px;}
.list.all.top + .list_wrap + .list.all.btm { margin-top:-1px;}
.list.all.top.checked + .list_wrap + .list.all.btm.checked{ margin-top:-2px;}
.list.all.top.open_list + .list_wrap + .list.all.btm { margin-top:0;}
.list.all.btm.open_list { border-radius: 0;}
.list.all.open_list + .list_wrap > li.open.last .terms_depth:not(.no_sub) { border-bottom:0;border-radius:0;}
.list.all.open_list + .list_wrap > li.open.last .terms_depth.error { border-bottom:1px solid #ec0928;}
.list.all.open_list + .list_wrap > li.open.last .terms_depth.no_line.error { border-bottom:0 none;}

/* checked */
.list.all.checked { border-color:#39a1bc;border-width:2px;}
.list.all.checked .checkbox input[type="checkbox"] + label{font-weight:bold;}
.list.all.checked .checkbox input[type="checkbox"] + label:after{top:21px;left:1px;}/*p02*/
.list.all.checked + .list_wrap > li{border-color:#39a1bc;border-bottom-color:#bbb;border-left-width:2px;border-right-width:2px;}
.list.all.checked + .list_wrap > li.last {
    border-bottom: 2px solid #39a1bc;
} /* 2021-06-15 p09 list bottom line 추가*/
.list.all.checked + .list_wrap .terms_group.last {
    border-bottom: 2px solid #39a1bc; /* 2021-08-13 */
}
.list.all.checked + .list_wrap > li:first-of-type .terms_depth{border-top:0;}
.list.all.checked + .list_wrap.terms .terms_depth,
.list.all.checked + .list_wrap.terms .sub_terms{border-left:2px solid #39a1bc;border-right:2px solid #39a1bc;}
.list.all.checked + .list_wrap.terms .terms_depth.last{
	border-bottom:2px solid #39a1bc;
}
.p02_agree .list.all.checked + .list_wrap.terms .sub_terms{border-bottom:2px solid #39a1bc;}
.list.all.checked + .list_wrap.terms .terms_depth{padding:0 54px 0 19px;}
/* .list.all.checked + .list_wrap > li.last{border-bottom:1px solid #39a1bc;} */
.list.all.checked + .list_wrap.terms > li.last .terms_depth{border-bottom:0;}
.list.all.checked + .list_wrap.terms > li.last .sub_terms:last-child{border-left-width:2px;border-right-width:2px;border-bottom-width:1px;border-bottom-color:#39a1bc;}
.list.all.checked + .list_wrap .terms_agree .list_wrap.terms li:first-of-type .terms_depth:first-of-type{border-top:2px solid #39a1bc;}
.list.all.checked + .list_wrap .check_group .list.all.checked:last-of-type{border-bottom-width:0;}
.list.all.checked + .list_wrap.terms .terms_depth .checkbox input[type="checkbox"]:checked + label{}/*p02*/

/* error */
.check_group.error .list.all.open_list { border-color:#ec0928;}
.check_group.error .list.all.open_list + .list_wrap > li .sub_terms { border-color:#ec0928;}
.check_group.error .list.all.open_list + .list_wrap > li .sub_terms.error { border-color:#ec0928;}
.check_group.error .list.all { border-color:#ec0928;}
.check_group.error .list.all.open_list + .list_wrap > li { border-color:#ec0928;border-bottom-color: #bbb;}
.check_group.error .list.all.open_list + .list_wrap > li.last { border-bottom-color:#ec0928;}

/* 이용약관 하위메뉴 */
.sub_terms{
  border-left:1px solid #bbb;
  border-right:1px solid #bbb;
  border-top:1px solid #bbb;
  background:#fafafa;
  position:relative;
}
/* 02 때문에 삭제 */
/* .last.open .sub_terms {
    border-bottom: 1px solid #bbb;
} */
.terms_agree li:last-child .sub_terms:last-child {
  border-radius:0 0 4px 4px;
  border-bottom: 1px solid #bbb;
}
.sub_terms.error{border-color:#ec0928;border-bottom:0}
.list_wrap > li.last .sub_terms:last-child { border-radius:0 0 6px 6px;}
.sub_terms.error:after{display:block;content:'';position:absolute;bottom:0;left:-1px;width:500px;height:1px;z-index:2}
.check_group .list.all.checked,
.check_group .list.all.checked + .list_wrap .sub_terms{z-index:1;}
.check_group .list.all.checked{padding:0 39px 0 19px;}
.list.all.checked .checkbox input[type="checkbox"] + label{padding:19px 0 23px 32px;}
body.open_pop .check_group .error,
body.open_pop .check_group .sub_terms.error:after,
body.open_pop .check_group .list.all.checked,
body.open_pop .check_group .list.all.checked + .list_wrap .sub_terms{z-index:auto !important;}
.sub_terms.no_checkbox.error {border-top:0 none;}
.list_wrap > li.last .sub_terms.error:last-child {border-bottom:1px solid #ec0928;}
.list_wrap > li.last .sub_terms.error:last-child:after { display:none;}
.sub_terms.error + .sub_terms.error{margin-bottom:-1px}
.sub_terms:last-child.valid.error {
    border-bottom: 1px solid #ec0928;
}

.sub_terms.error .txt_valid{padding:0 0 15px 51px;}
.sub_terms .check_guide a{font-size:14px;color:#777;text-decoration:underline}
.sub_terms .check_guide .guide_link {display:block;padding-bottom:25px;}
.sub_terms .check_guide{padding:0 40px 25px 54px}
.sub_terms .check_guide .txt{font-size:16px;color:#777;padding:25px 0 0;line-height:24px}
.sub_terms > .checkbox {padding:0 80px 0 51px;}
.sub_terms > .checkbox + .check_guide{border-top:1px solid #e6e6e6;padding: 0 40px 25px 84px;}
.sub_terms > .checkbox label{padding:6px 0 6px 28px;}
.sub_terms.no_checkbox {border-top:0 none;}
.sub_terms.no_checkbox .sub_terms_list{padding-bottom:10px;}
.terms_agree .sub_terms.no_checkbox .sub_terms_list > li > .checkbox{padding-left:51px;}
.terms_agree .sub_terms.no_checkbox .depth4 > li > .checkbox{padding-left:84px;}
.sub_terms_list{padding-bottom:14px;margin-top:-10px}
.sub_terms_list li{border:0;}
.check_group .sub_terms_list .checkbox label,
.check_group .sub_terms_list .checkbox .label,
.check_group .sub_terms_list .checkbox.txt_only{font-size:16px;}
.sub_terms_list.col2{overflow:hidden;}
.sub_terms_list.col2 li{float:left;width:43%;}
.sub_terms_list.col5{overflow:hidden;}
.sub_terms_list.col5 li{float:left;width:20%;}
.sub_terms_list .depth4.col2{overflow:hidden;}
.sub_terms_list .depth4.col2 li{float:left;width:43%;}
.sub_terms_list .depth4.col5{overflow:hidden;}
.sub_terms_list .depth4.col5 li{float:left;width:20%;}
.check_guide + .sub_terms_list{margin-top:0;}
.check_group .list_wrap.terms li .sub_terms_list li{border:0;}
.check_group .list_wrap.terms li .sub_terms_list li .checkbox label{padding:7px 0 7px 28px;line-height:24px}
.check_group .list_wrap.terms li .sub_terms_list li .checkbox input[type="checkbox"]:checked + label:after{background:url("../../pc/img/icon/ico_check3_on.png") no-repeat;width:16px; height:16px;}
.check_group .list_wrap.terms li .sub_terms_list li .checkbox input[type="checkbox"] + label:after{top:12px;background: url("../../pc/img/icon/ico_check3_off.png") no-repeat;width:16px; height:16px;}
.list_wrap.terms .depth3{padding:0 20px;}
.btn_arrow_box {position:relative;}
.btn_arrow_box .btn_arrow {z-index:2;}
.terms_depth.no_sub + .txt_valid{position:relative;border:1px solid #ec0928;border-top-color:#fff;z-index:2;margin-bottom:-1px;padding:0 0 15px 51px;}

.check_group .list_wrap.terms li .sub_terms_list.type2 {border-top:1px solid #e6e6e6;margin-top:0;padding-top:14px;}
.check_group .list_wrap.terms li .sub_terms_list.type3 {margin-top:0;padding-bottom:0;}
.check_group .list_wrap.terms li .sub_terms_list.type3 > li {border-top:1px solid #e6e6e6;}
.check_group .list_wrap.terms li .sub_terms_list.type3 > li > .checkbox label{padding-top:22px;padding-bottom:22px;}
.check_group .list_wrap.terms li .sub_terms_list.type3 > li > .checkbox input[type="checkbox"] + label:after{top:26px;}
.check_group .list_wrap.terms li .sub_terms_list.type3 .depth4{padding-bottom:15px;margin-top:-10px;}

/* pop - ka agree */
.cnt_div.type5_new .terms_agree .list_wrap.terms .txt_list_area li{padding-left:12px;}
.txt_list_area + .txt_list_area,
.txt_list_area + .star{margin-top:25px;}
.txt_list_area .tit{display:block;font-size:15px;}
/* //2단계 약관 및 동의사항 - 2021-03-30 */

/* 신분증 */
.id_card .card_info, .driver_card .card_info { padding: 52px 52px 44px 52px;border:1px solid #bbb;border-radius:6px;}
.id_card img, .driver_card img {max-width:100%;}
.id_card .element input, .driver_card .element input{ font-size:18px;}
.driver_card .select_dropdown{width:127px;}
.driver_card .select_dropdown > a span{font-weight:bold;}
.driver_card .element{width:71%;padding: 10px 0;}
.driver_card p.txt_valid:last-child{padding-bottom:0;}
.error_mg { margin-bottom:110px;}

/* 인풋필드 삭제버튼 예외 */
.id_card .element .input_add,.driver_card .element .input_add{margin-left: -23px;padding: 0 0 0 5px;}

/* 컨텐츠 사이 간격  */
.check_group ~ fieldset,
.check_group + .box_group,
.select_dropdown + .elem_group,
.box_group + .box_group,
.box_group ~ .job_area,
.box_group ~ .form_group,
.elem_group ~ .elem_group{margin-top:20px;}
.box_group ~ .check_group,
#telecom_area ~ .check_group{margin-top:20px !important;}
.element ~ .element,
.elem_group ~ .element{margin-top:0px;}
.txt_guide + .box_list{margin-top:20px;}
.txt_guide + .info_type_list{margin-top:32px;}
.job_area .checkbox{margin-top:18px;}
.element + .txt_guide,
.check_group + .txt_guide,
.box_group ~ .txt_guide,
.form_group + .txt_guide,
.depth + .txt_guide,
.input_group + .txt_guide,
.input_group + .txt_valid + .txt_guide,
.chkbox_group + .txt_guide,
.chkbox_group + .txt_valid + .txt_guide,
fieldset + .txt_guide{margin-top:14px;}
.job_select2 .under { padding-bottom: 6px;}
.title_area.row2 h2 { line-height:38px;}

/* 예외 */
.post_cnt{position:relative;margin-top:60px;}
.post_cnt .tit{top:-4px!important;margin-bottom:20px}
.elem_group.bank_group + .element{margin-top:20px;}
.check_group ~ .form_group.certi_area{margin-top:20px;}
.form_group.certi_area .txt_valid{padding:14px 0 0;}
.check_group + .txt_valid{padding:14px 0 0;}
.receiver_content{position:relative;}
.receiver_content .tit{position:absolute;top:26px;left:-250px;margin-bottom:0;}
.card_addr_cnt_2, .post_addr_cnt_2{margin-top:20px;}
.email_cnt.form_group, .guidereceive_email_cnt.form_group {margin-top:0;}
.cnt_div .input_group h3.tit{position:absolute;top:26px;left:-250px;}

/* 공인,카드 인증 */
.certicont .subtxt2  {text-align:center;}
.certicont .subtxt2 + .btn_center {margin-top:30px;}
.chkbox + .box_list {margin-top:20px;}

/* 레이어 팝업 */
body.open_pop {overflow:hidden;}
.layer_pop,
.alert_pop{position: fixed;overflow:auto;background-color: #fff;box-sizing: border-box;z-index:9999;border:1px solid #777;border-radius:10px;-webkit-box-shadow: 7px 9px 0 0 rgba(0,0,0,0.15);-ms-box-shadow: 7px 9px 0 0 rgba(0,0,0,0.15);-moz-box-shadow: 7px 9px 0 0 rgba(0,0,0,0.15);box-shadow:7px 9px 0 0 rgba(0,0,0,0.15);} /* box-shadow:0 0 20px 10px rgba(0,0,0,0.05);*/
.layer_pop:focus,
.alert_pop:focus{outline:none;}

.layer_pop{width:650px;top:50%;left:50%;margin-left:-325px;}
.layer_pop.type1{width:500px;margin-left:-250px;}
.layer_pop.type2{width:360px;margin-left:-180px;}
.layer_pop.type3{width:460px;margin-left:-230px;}
.layer_pop.type4{width:400px;margin-left:-200px;}
.layer_pop.type5{width:580px;margin-left:-290px;}

.alert_pop{ width:360px;top:50%;left:50%;margin-left:-180px;}
.alert_pop.type2{width:440px;margin-left:-220px;}/* 2021-02-26 GGCX83 */
.alert_pop,.layer_pop{display:none}
.layer_pop .pop_content,
.alert_pop .pop_content{position:relative;padding:43px 35px 50px;min-height:100px;font-size:18px;background:#fff;z-index:10;}
.layer_pop.scroll .pop_content{overflow-y:scroll;padding:43px 18px 50px 35px;}
.layer_pop.scroll .pop_content:focus{outline:none;}
.layer_pop .pop_content .pop_btn_area{height:auto;margin-top:30px;border-top:0;text-align:center;}
.dim,.bg_dim {position:fixed;left:0;top:0;z-index:110;min-width:100%;min-height:100%;background-color:#000;opacity:0;/*ie 대응*/ filter:alpha(opacity=0);transition: .2s ease;} /* 2204-11 Q10549 z-index값 9000에서 110으로 수정 */
body.show_dim .dim,
body.show_dim .bg_dim {opacity:0.5;/*ie 대응*/ filter:alpha(opacity=50);}
.layer_wrap{position:fixed;top:0;left:0;z-index:99999999;overflow-y:auto;overflow-x:hidden;width:100%;height:100%;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;}
.layer_pop.scroll{position:fixed;top:20px;height:100%;overflow:hidden;}
.layer.alert_pop .btn_pop_close,
.layer.layer_pop .btn_pop_close{display:block;width:21px;height:21px;position:absolute;top:20px;right:20px;background:url("../../pc/img/btn/btn_pop_close.png") no-repeat;z-index:10;}
.alert_pop.lg { width:650px;margin-left:-325px;}
.alert_pop .chkbox input[type="checkbox"] + label span{ font-size:16px;}

/* 고연령자 대상안내 팝업 */
.layer.oldman .pop_view {}

/* 팝업 컨텐츠 */
.layer.fix_height{height:700px;background:transparent;border:0;box-shadow:none;overflow:visible}
.layer.fix_height .pop_content{background:#fff;border: 1px solid #777;-webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);-ms-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);box-shadow: 0 0 20px 10px rgba(0,0,0,0.05)}
.pop_content.scroll{padding-right:20px;}
.pop_content.scroll .pop_title{padding-right:15px;}
.pop_content.scroll .scroll_area{overflow-y:auto;}
.pop_content.scroll .scroll_area:focus{outline:none;}
.pop_content.scroll .scroll_area,
.pop_content.scroll .customscroll{padding:0;height:100%;max-height:518px;padding-right:15px;}
.pop_content.scroll .pop_view.scroll_area,
.pop_content.scroll .pop_view.customscroll{max-height:475px;}
.pop_content.scroll.terms_area{padding:42px 25px 50px;}
.pop_content.scroll.terms_area .scroll_area,
.pop_content.scroll.terms_area .customscroll{max-height:464px;height:464px;padding:0 20px 0 15px}
.pop_content.scroll.terms_area .info_current_area > .scroll_area.terms_detail,
.pop_content.scroll.terms_area .info_current_area > .customscroll.terms_detail{margin:0 auto;width:540px;}
.pop_title{text-align:center;font-size:20px;color:#111;margin-bottom:26px;line-height:1.4;letter-spacing:-0.9px;}
.pop_title .tit{font-size:20px;color:#111;line-height:1.4;letter-spacing:-0.9px;}
.pop_header_close{display:none;}
.pop_view{font-size:16px;color:#777;line-height:26px;letter-spacing:-0.03em;word-break: keep-all;}
.pop_view p + .txt {margin-top:12px}
.pop_view .pop_note .s_tit{display:block;font-weight:normal;margin-top:10px;}
.pop_view .chkbox { margin-top:30px;margin-bottom:30px;}
.pop_btn_area{width:100%;border-top:1px solid #ccc;height:61px;background:#fff;position:relative;z-index:10;}
.pop_btn_area > .btn_pop{vertical-align:middle;height:60px;font-size:18px;text-align:center;width:100%;float:none;border:0;}
.pop_btn_area > .btn_pop span{display:block;line-height:60px;color:#777;letter-spacing:-0.5px;}
.pop_btn_area.col2 > .btn_pop{float:left;width:50%;}
.pop_btn_area > .btn_pop.btn_ok span{margin-top:-2px;color:#39a1bc;font-weight:bold;}
.pop_btn_area.col2 > .btn_pop:first-child{border-right:1px solid #ccc}
.pop_userInfoN {margin-top:20px;}
.pop_userInfoN h4 { font-size:18px;color:#111;}
.pop_userInfoN .tit { margin-bottom:10px;}
.pop_userInfoN .list_wrap { border: 1px solid #bbb;border-radius: 6px;margin-bottom:20px;}
.pop_userInfoN .list_wrap li { border-top: 1px solid #e6e6e6;padding: 12px 10px;}
.pop_userInfoN .list_wrap li:first-child { border-top: none;}
.radio_list.pop_srchCompListN { border: 1px solid #bbb;border-radius: 6px;max-height: 292px;}
.radio_list.pop_srchCompListN .list_wrap li { border-top: 1px solid #e6e6e6;padding: 12px 10px;font-size: 16px;}
.radio_list.pop_srchCompListN .list_wrap li:first-child { border-top: none;}
.radio_list.pop_srchCompListN .list_wrap li em { display:block;color:#111;}
.radio_list.pop_srchCompListN.single { margin-top:20px;}
.radio_list.pop_srchCompListN.single label{padding-left:0;color:#bfbfbf;}
.radio_list.pop_srchCompListN.single label:before{display:none;}
.pop_ssgEmp .pop_view p + .form_group {margin-top:15px;}
.radio_list.pop_srchCompListN.single .checkbox input:checked + label{font-weight:bold;}
.radio_list.pop_srchCompListN.single .checkbox input:focus + label,
.radio_list.pop_srchCompListN .list_wrap li input:focus + label{outline:none;}

.slide_page{position:relative;padding:0 40px;}
.slide_page .btn_page{position:absolute;top:50%;margin-top:-10px;width:30px;height:40px;background:#ddd;}
.slide_page .btn_page.prev{left:0;}
.slide_page .btn_page.next{right:0;}
.pop_txt_list + p{margin-top:12px}
.pop_txt_list + .subtxt3,
.pop_view p + .subtxt3{margin-top:25px}
.pop_view .subtxt3 + .subtxt3 {margin-top:0;}
.imp_txt{font-size:16px;line-height:24px;margin-bottom:30px;}
.kcb_agree{font-size:16px;line-height:22px;}
.kcb_agree > .al_c:first-child{font-size:16px;}
.revol{font-size:16px;line-height:24px}
.kcb_agree .pop_txt_list.type2,.revol .pop_txt_list.type2{margin:0 0 30px;}
.kcb_agree .pop_txt_list.type4 { margin-top:20px;}
.pop_txt_list.type2 > li:before{display:inline-block;content:'·';margin:0 4px 0 -8px;font-size:16px}
.pop_txt_list.type2 > li{padding-left:12px;}
.pop_txt_list.type4 > li:before{display:inline-block;content:'·';margin:0 9px 0 -13px;font-size:18px;font-weight:bold;}
.pop_txt_list.type4 > li{padding-left:17px;}
.pop_txt_list > li{line-height:24px;}
.pop_txt_list.al_c > li{line-height:24px;}
.kcb_agree .pop_txt_list > li, .revol .pop_txt_list > li{line-height:22px;font-size:14px;margin-bottom:20px;}
.pop_txt_list > li >.sub_list{ margin-top:30px;padding-left:10px;}
.sub_list > li:first-child:before{display:inline-block;content:'*';margin:0 12px 0 -10px;font-size:14px}
.sub_list > li:before{display:inline-block;content:'**';margin:0 4px 0 -10px;font-size:14px}
.kcb_agree ~ .txt_guide{margin-top:-6px;}
.kcb_agree .pop_txt_list.type4 + .txt_guide { margin-top:30px;}
.pop_txt_list.type6 > li {padding-left:12px;margin-top:18px;}
.pop_txt_list.type6 > li:first-child{margin-top:0;}
.pop_txt_list.type6 > li:before{display:inline-block;content:'·';margin:0 4px 0 -8px;font-size:16px;font-weight:bold;}
.pop_txt_list.type6 > li em{color:#111;}
.pop_txt_list.type6 ul{margin-top:5px;}
.pop_txt_list.type6.al_c > li {padding-left:0;}
.pop_txt_list.type6.al_c > li:before{display:none;}
.pop_txt_list.type6.al_c > li em:before{display:inline-block;content:'·';margin:0 4px 0 -8px;font-size:16px;font-weight:bold;}
.pop_txt_list.type7 > li {position:relative;padding-left:17px;margin-top:26px;color:#777;font-size:18px;line-height:22px;}
.pop_txt_list.type7 > li:first-child{margin-top:0;}
.pop_txt_list.type7 > li:before{content:'';position:absolute;display:inline-block;top:8px;left:0;width:4px;height:4px;border-radius:100%;background:#777;}
.pop_txt_list.type7 > li em{color:#111;}
.pop_txt_list.type7 ul{margin-top:5px;}

/* 약관상세 */
.terms_title{margin-bottom:28px;}
.terms_title > h1{font-size:22px;color:#111;text-align:left;padding-left:15px;word-break:keep-all;}
.terms_detail, .terms_detail h3{font-size:14px;line-height:22px; font-weight:normal;}
.terms_detail h2{font-size:18px;font-weight:normal;margin:15px 0 13px;}
.terms_detail h2:first-child{margin-top:0px;}
.terms_detail .under_line{text-decoration: underline;}
.area_content >#contentTagDiv1 > div, .area_content > div, .area_content > form > div {width: 1032px;margin: 0 auto 120px;}
.info_current_area {margin: 0 auto !important;height:100%;}
.info_current_area > .terms_title {width:540px;margin-left:auto;margin-right:auto;}
.info_current_area.voucher .terms_slider .slider_btn li.prev_btn {top:50%;left:-29px;margin:-33px 0 0;}
.info_current_area.voucher .terms_slider .slider_btn li.next_btn {top:50%;right:-29px;margin:-33px 0 0;}
.terms_slider .slider_btn .prev_btn {top:75px;margin:0;}
.terms_slider .slider_btn .next_btn {top:75px;margin:0;}
.terms_slider {position:relative;width:540px;margin:0 auto;}
.terms_slider.nonum {padding-bottom:0;}
.terms_slider_inner {overflow:hidden;}
.terms_slider_inner > div {position:relative;left:0;top:0;width:10000%;} /* 2021-08-13 */
.terms_slider .slider_btn li {position:absolute;top:50%; margin:-34px 0 0;}
.terms_slider .slider_btn li.prev_btn {left:-39px;}
.terms_slider .slider_btn li.next_btn {right:-39px;}
.terms_slider .slider_btn li.hide {display:none;}
.terms_slider .slider_btn a {display:block;width:17px;height:36px; text-indent:-999em}
.terms_slider .slider_btn .prev_btn a {background:url(../../pc/img/btn/btn_terms_prev.png) no-repeat;}
.terms_slider .slider_btn .next_btn a {background:url(../../pc/img/btn/btn_terms_next.png) no-repeat;}
.main_benefit_area .terms_slider .slider_numbtn {margin-bottom:0px;}
.terms_slider .slider_numbtn {position:absolute;bottom:0;left:50%;width:200px;margin-left:-100px;font-size:0;text-align:center;display:none;}
.terms_slider .slider_numbtn:after {display:block;clear:both;content:""}
.terms_slider .slider_numbtn li {display:inline-block;margin:0 0 0 16px;}
.terms_slider .slider_numbtn li:first-child {margin:0;}
.terms_slider .slider_numbtn a {display:block;width:8px;height:8px;text-indent:-999em}
.terms_slider .slider_numbtn .on a {background-position:-70px 0;}
.terms_content .terms_page_list:after {display:block;clear:both;content:""}
.terms_content .terms_page_list .page {position:relative;float:left;width:540px;height:100%; margin:0 0 0 17px;}
.terms_content .terms_page_list .page:first-child {margin:0;}
.terms_content .terms_page_list .page{min-height:300px;}

/* content outside bg */
.overBG {position:relative;margin-top:25px;padding:40px 20px 40px;text-align:center;background:#f5f5f5;}
.overBG p {color:#777;font-size:18px;}
.overBG p + .btn_area {margin-top:20px;margin-bottom:0;}
.addrAuto.overBG {margin-top:0;}
.addrAuto h3.tit {margin-bottom:10px;}
.addrAuto .btn_center{margin-top:30px;}

/* 결제불가 시간안내 문구 추가 */
.stop_times {margin-top:20px;font-size:14px;color:#ec0928;text-align:center;line-height:14px;}
.stop_times_type02 {margin-top:10px;}

/* 출금동의 */
.ars_hide {display:none;}
.ars_guide {font-size:18px;}

/* 부가서비스 수정 */
.tit_area .revolving_info {display:inline-block;margin-left:0;font-weight:normal;}
.cnt_div .revolving_guide .txt {margin-left:0;}
.direct_debit > li {margin-top:20px;}
.direct_debit > li:first-child {margin-top:30px;}
.direct_debit .checkbox.round {margin-bottom:10px;}
.direct_debit .request_guide {padding-left:27px;}

/* 직장 지역번호 드랍박스 추가 */
.company_tel {margin-top:20px;}
.company_tel:after {display:block;clear:both;content:"";}
.company_tel .select_dropdown {float:left;width:126px;}
.company_tel .select_dropdown > .txt_select{}
.company_tel .select_dropdown > a span{font-weight:bold;}
.company_tel .select_dropdown .dropdown_menu {width:500px;padding-bottom:0;}
.company_tel .select_dropdown .dropdown_menu ul {border-radius:0 6px 6px 6px;}
.company_tel .dropdown_menu ul > li:nth-child(-n+4) > .slct_menu {border-top:0;}
.company_tel .dropdown_menu ul > li:nth-child(4n) {border-right:0;}

/* 영문이름 입력 필드 수정 */
.english_inp:after {content:"";clear: both;display: block;}
.form_group .eng_name {float:left;width:50%;}
.form_group .eng_family {float:left;width:48%;width:calc(50% - 10px);margin:0 0 0 10px;} /* ie8 대응 */
.eng_name input, .eng_family input {height: 49px;}
#krName.input_box, #regisNum1.input_box, #regisNum2.input_box {height:49px;}
.engnameGuide{margin-top:14px;}

/* 프로모션 배너 추가 */
.promotion_ban {display:none;width:100%;height:70px;background:#000;}
.promotion_con {width:540px;height:70px;margin:0 auto;background:url("../../pc/img/icon/bg_promotion.png") no-repeat left center;}
.promotion_con p {display:inline-block;padding:20px 0 21px 178px;font-size:16px;letter-spacing:-1.5px;color:#fff;}
.promotion_con p strong{height:29px;font-size:22px;color:#ffd102;line-height:24px;}
.promotion_con p strong span {display:inline-block;width:110px;height:29px;background:#2b6cf3;text-align:center;}

/* 직업 선택 구조 변경 */
.job_area .dropdown_menu .jobs > li {display:table;height:70px;}
.job_area .dropdown_menu .jobs > li > .slct_menu {display:table-cell;padding:0 12px;vertical-align:middle;word-break: normal;-ms-word-break: normal;}
.live_area {margin-bottom:20px;}
.live_area h3.tit {margin-bottom:14px;font-size:18px;font-weight:normal;color:#222;}
.form_group.job_select_freelancer .car_num_area {margin-top:20px;}
.jox_ex {padding-bottom:20px;}
.out_site {line-height:1.4;}
.tit_area .tooltipArea { display:none;position:absolute;top:35px;left:78px;width:125px;background-color:#fff;border:1px solid #bbb;border-radius:6px;}
.tit_area .tooltipArea p { padding:3px 5px;font-size:12px;color:#777;}
.tit_area .tooltipArea:before{ display: block;content: '';position: absolute;top: -7px;right: 0;margin-left: 0;border: 8px solid transparent;border-right: 8px solid #fff;border-left: none;z-index: 4;}
.tit_area .tooltipArea:after{ display: block;content: '';position: absolute;top: -9px;right: -1px;margin-left: 0;border: 8px solid transparent;border-right: 8px solid #bbb;border-left: none;z-index: 3;}
.pop_txt_list.type3 {margin-top:10px;}
.choice_base .choice_group > div {display:none;}
.choice_base .choice_group > .on {display:block;}

/* 랩업페이지 추가 */
.btn_finish {width:750px;padding:80px 0 30px;}
.btn_finish button {display:block;width:100%;height:70px;background:#ffd102;font-size:18px;font-weight:bold;line-height:70px;text-align:center;}

/* 직장정보 */
.elem_group.col2_1 > .cell1 { width:63%;}
.elem_group.col2_1 > .cell2 { width:33.4%;}
.statement_settings .card_addr_cnt_3 .form_group .company_tel .element,
.post_addr_cnt_w .post_addr_cnt_3 .form_group .company_tel .element,
.form_group .company_tel .element{ float: left;width: 354px;margin-left:20px;}
.statement_settings .form_group .company_tel .element{width:294px;}
/*.card_addr_cnt_3 .form_group .company_tel .element,
.form_group .company_tel.tel_type2 .element{width:354px;}*/


/* 이용대금명세서 */
.openBtn {display:inline-block;padding:10px 0;margin:8px 0 0;font-size:16px;}
.openBtn:after {display:inline-block;width:13px;height:7px;margin-left:8px;content:'';}
.openBtn.down:after {background:url('../img/icon/ico_arw_down.png') no-repeat;}
.openBtn.up:after {background:url('../img/icon/ico_arw_up.png') no-repeat;}
.openBtn + .scroll_box  {margin-top:10px;}

/* 심사결과 */
.card_box { position:relative;width:920px;height:218px;margin-top:108px;}
.card_box .img { position: absolute;bottom: 0;left: 50%;margin-left: -68px;display:inline-block;width:137px;z-index:1;border-radius:6px;
box-shadow: 0px 10px 25px #e5e5e5;-webkit-box-shadow: 0px 10px 25px #e5e5e5;-ms-box-shadow: 0px 10px 25px #e5e5e5;-moz-box-shadow: 0px 10px 25px #e5e5e5;box-shadow: 0px 10px 25px #e5e5e5;}
.card_box .img img {width:100%;}
.card_box .ani {-webkit-animation-name: cardAni;-webkit-animation-duration: 1s;animation-name: cardAni;animation-duration: 1.2s;}

@-webkit-keyframes cardAni {
	0%   {bottom:20px;opacity:.0;}
	100% {bottom:0;opacity:1;}
}
@keyframes cardAni {
   0%   {bottom:20px;opacity:.0;}
	100% {bottom:0;opacity:1;}
}

.result_area .title_area{ margin-bottom:25px;padding-top:37px;}
.result_area .title_area h2{ color:#111;}
.result_area .result_subtit,
.result_area .result_txt,
.result_area .result_contact{font-size:18px;color:#777;line-height:28px;}
.result_area .result_subtit {color:#111;word-break:keep-all;}
.result_area .result_txt > p + p{margin-top:14px;}
.result_area .result_txt > p.link {margin-top:-15px;}
.result_area .result_txt > p.link a {display:block;}
.result_area .result_contact{margin-top:12px;}
.result_area .btn_center { margin-top:60px;}
.result_area .btn_center.type2 { margin-top:80px;}
.result_box {margin:60px 25px 0;border-radius:8px;padding:34px 42px 36px 54px;background:#f5f5f5;text-align:left;letter-spacing:-0.6px;}
.result_box h3 {margin-bottom:9px;font-size:20px;color:#111;line-height:28px}
.result_box h3:before{display:inline-block;content:'·';margin:0 8px 0 -12px;color:#111;font-weight:bold;}
.result_box ol li {font-size:20px;color:#111;line-height:28px;}
.result_box p {font-size:14px;color:#777;line-height:20px;}
.result_box p.star {margin-left:8px;}
.result_box p.star:before {margin-left:-13px;}
.result_box ol + p {margin-top:12px;}

.card_box + .content{padding-top:0;}
.result_area.type2 {padding-top:130px;}
.result_area.type2 .title_area {padding-top:0;}

/* 부가서비스 */
.check_dropdown { width: 100%;height: 70px;padding:20px 0;border-bottom: 1px solid #bbb;box-sizing: border-box;}
.check_dropdown:first-child {height: 50px;padding-top:0;}
.check_dropdown.on { border-bottom-color:#000;}
.check_dropdown .chkbox { margin-top:0;}
.titleDepth { position:relative;}
.titleDepth .btn_arrow { position: absolute;top: 0;right: 0;width: 30px;height: 30px;padding: 6px;}
.toggleCont {margin:55px 0 60px 0}
.toggleCont:last-child{margin:55px 0 0 0}
.toggleCont.last {margin-bottom:0;}
.toggleCont > .cnt_div:first-child{margin-top:0;}
.element.input_group.col2.apart_group { width:48%;float:left;}
.element.input_group.col2.apart_group.apartNum1 { margin-right:4%;}
.elem_group.apart_group + .txt_guide { margin-top:14px;letter-spacing:-1.5px;}
.apart_group .select_dropdown > a span { max-width:450px;}
.layer .agreeTB { font-size:14px;text-align:left;}
.layer .agreeTB tr { border-bottom:1px solid #ededed;}
.layer .agreeTB th { color:#777;}
.layer .agreeTB td { padding:20px 15px;}
.layer .agreeTB td .list_dot > li { margin-top:0;font-size:14px;color:#111;line-height:22px;}
.layer .agreeTB td .list_dot > li:before { font-size:14px;}
.layer .apartInfo { width:100%;background-color:#f5f5f5;border-radius:10px; }
.layer .apartInfo tr th { padding-left:20px;font-size:16px;color:#111;text-align:left;font-weight:bold;}
.layer .apartInfo tr td { padding:20px 10px 20px 0;}
.layer .apartInfo tr td .list_dot li { color:#111;margin-top:0;}
.apartInfoList h3 { font-size:18px;color:#111;margin:25px 0 15px;}
.apartInfoList .list_wrap { border:1px solid #bbb;border-radius:10px;}
.apartInfoList .list_wrap li { padding:15px 20px;border-bottom:1px solid #e6e6e6;}
.apartInfoList .list_wrap li.last { border-bottom:0;}
.apartInfoList .list_wrap strong { display:block;color:#111;}
.apart_valid .valid_group + .valid_group { margin-top:20px;}
.apart_valid .valid_group + .valid_group + .txt_guide { margin-top:14px;}

.apartResult .txt_gray { font-size:14px;color:#777;margin-top:30px;}
.addInfoResult .list_dot {margin-bottom:24px;}
.addInfoResult .list_dot > li {position:relative;margin-top:16px;line-height:24px;letter-spacing:-1.4px;}
.addInfoResult .list_dot > li:first-child{margin-top:0;}
.addInfoResult .list_dot > li:before{position:absolute;top:0;left:0;color:#111;content:'·';}
.addInfoResult .list_dot > li strong{display:block;margin-bottom:5px;font-weight:normal;color:#111;}
.addInfoResult .pop_view > p {margin-bottom:18px;}
.addInfoResult .pop_view .pop_hr {padding-top:22px;border-top:1px solid #ccc;font-size:14px;line-height:22px;letter-spacing:-1px;}
.addInfoResult .pop_view .pop_hr p:first-child{margin-bottom:12px;}

.fubonArea .txt_box {padding:30px 26px;border-radius:6px;background-color:#f5f5f5;}
.fubonArea .txt_box .txt_guide {}
.fubonArea .txt_box + .cnt_div {margin-top:30px;}
.fubonArea .txt_guide + .terms_agree {margin-top:30px;}
.fubonArea .chkboxCase2 input[type="checkbox"] + label {display:inline-block;width:400px;}
.fubonArea .terms_context {color:#777;}

/* Card agree */
#cardAgree .ars_checkbox_list { margin:20px 0;}
#cardAgree .agree_inner h3.h3_tit_2 { position: absolute !important;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;overflow:hidden;font-size:0;line-height:0;}
#cardAgree .pos_top { border:1px solid #bbb;color:#111;border-radius:6px 6px 0 0;position:relative;padding:0 35px 0 20px;font-size:18px;}
#cardAgree .pos_top .checkbox input[type="checkbox"] + label { font-size:18px;}
#cardAgree .checked .pos_top { border-color:#39a1bc;border-width:2px;}
#cardAgree .open .pos_top { border-radius:6px 6px 0 0;}
#cardAgree .close .pos_top { border-radius:6px;}
#cardAgree .checked.open .checkbox_list > li { border-left-color:#39a1bc;border-right-color:#39a1bc;border-left-width:2px;border-right-width:2px;}
#cardAgree .checked.open .checkbox_list > li:last-child { border-bottom-color:#39a1bc;border-bottom-width:2px;}
#cardAgree .checkbox { display:block;position:relative;}
/*#cardAgree .blind,*/
#cardAgree .btn_close > a > span,
#cardAgree .checkbox input[type="checkbox"] {position: absolute;opacity: 0;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;/*outline: 0;*/}
#cardAgree .checkbox input[type="checkbox"] + label { display:inline-block;position:relative;padding:20px 0 24px 32px;width:100%;line-height:22px;transition: .2s ease;cursor:pointer;}
#cardAgree .pos_top .checkbox input[type="checkbox"] + label:after { display: block;content: '';position: absolute;left: 0px;top: 0px;width: 23px;height: 23px;line-height: 26px;text-align: center;background: url(../../pc/img/icon/ico_check_off.png) no-repeat;transition: .2s ease;}
#cardAgree .pos_top .checkbox input[type="checkbox"] + label:after { top:22px;}
#cardAgree .pos_top .checkbox input[type="checkbox"]:checked + label:after { background-image: url(../../pc/img/icon/ico_check_on.png);}
#cardAgree .pos_top .checkbox + .btn_arrow { position:absolute;top:0;right:0;display:block;width:60px;height:68px;overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer;}
#cardAgree .pos_top .checkbox + .btn_arrow:after { display: block;content: '';position: absolute;top:0;right:0;width:60px;height:68px;transition: .2s ease;}
#cardAgree .pos_top .checkbox + .btn_arrow.up:after { background: url(../../pc/img/icon/ico_up.png) no-repeat center center;background-size:18px;}
#cardAgree .pos_top .checkbox + .btn_arrow.down:after { background: url(../../pc/img/icon/ico_down.png) no-repeat center center;background-size:18px;}
#cardAgree .checkbox_list > li { position:relative;border:1px solid #bbb;padding:0 60px 0 20px;color:#777;font-size:16px;border-top:0;}
#cardAgree .checkbox_list > li:last-child { border-radius:0 0 6px 6px;}
#cardAgree .checkbox_list .checkbox input[type="checkbox"] + label:after { display: block;content: '';position: absolute;left: 0px;top: 0px;width: 23px;height: 23px;line-height: 26px;text-align: center;background: url(../../pc/img/icon/ico_check1_off.png) no-repeat;transition: .2s ease;}
#cardAgree .checkbox_list .checkbox input[type="checkbox"] + label:after { top:24px;}
#cardAgree .checkbox_list .checkbox input[type="checkbox"]:checked + label:after { background-image: url(../../pc/img/icon/ico_check1_on.png);}
#cardAgree .checkbox_list .checkbox input[type="checkbox"]:checked + label { color:#111;}
/* error */
#cardAgree .error .pos_top { border-color:#f51836;}
#cardAgree .error .checkbox_list > li { border-left-color:#f51836;border-right-color:#f51836;}
#cardAgree .error .checkbox_list > li:last-child { border-bottom-color:#f51836;}
/* arrow btn */
#cardAgree .link_layer { position:absolute;right:0px;top:0; }
#cardAgree .link_layer a { display:block;width:60px;height:68px;background: url(../../pc/img/icon/ico_arw_right.png) no-repeat center center;background-size:18px;transition: .2s ease;}
/* popup */
#cardAgree .pop_layer { display:none;position:fixed;width:650px;top:50%;left:50%;margin-left:-325px;border-radius:10px;background-color:#fff;border:1px solid #777;box-sizing:border-box;z-index:9999;-webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);-ms-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);}
#cardAgree .area_layer { display:none;position:relative;padding: 50px 20px 50px 35px;}
#cardAgree .pop_layer2 .area_layer { display:none;position:fixed;width:650px;top:50%;left:50%;margin-left:-325px;margin-top:-368px;border-radius:10px;background-color:#fff;border:1px solid #777;box-sizing:border-box;z-index:9999;-webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);-ms-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);}
#cardAgree .pop_layer2 .area_layer .pop_btn_area { position:absolute;bottom:0;left:0;}
#cardAgree .pop_layer2 .box_layer {margin-bottom:60px;}
#cardAgree .area_tit { font-size:20px;color:#111;line-height:1.4;letter-spacing:-0.9px;margin-bottom:24px;}
#cardAgree .box_layer { max-height:518px;padding-right:15px;font-size:14px;line-height:24px;color:#777;letter-spacing:-0.5px;overflow-y:auto;}
#cardAgree .box_layer > ol > li { margin-bottom:10px;}
#cardAgree .box_layer > ol > li > .tit { padding:10px 0;font-size:16px;}
#cardAgree .btn_close { position:absolute;top:20px;right:20px;width:21px;height:21px;background: url(../../pc/img/btn/btn_pop_close.png) no-repeat;}
#cardAgree .btn_close a { display:block;width:21px;height:21px;}
#cardAgree .pop_btn_area { position:relative;width:100%;height:60px;overflow:hidden;border-top:1px solid #ccc;border-radius: 0 0 10px 10px;background-color:#fff;z-index:10;}
#cardAgree .pop_btn_area > .btn_pop {vertical-align: middle;height: 60px;font-size: 18px;text-align: center;width: 100%;float: none;border: 0;}
#cardAgree .pop_btn_area > .btn_pop.btn_ok span { margin-top: -2px;color: #000;font-weight: bold;}
#cardAgree .pop_btn_area > .btn_pop span { display: block;line-height: 60px;color: #777;}

/* 리볼빙 */
.revol_pop .pop_content.scroll .scroll_area,
.revol_pop .pop_content.scroll .customscroll {height:475px;}
.revol_pop2 .pop_content.scroll .scroll_area{height:120px;}
.rebol_txtBox { margin-top:14px;}
.rebol_txtBox > p {font-size:16px;line-height:26px;}
.rebol_txtBox > p + p {margin-top:14px;}
.rebol_txtBox .rebolList { padding: 30px 15px;margin-top:20px;background-color:#f5f5f5;word-break: keep-all;}
.txt_gray { color:#777;font-size:18px;}
.pop_view .txt_small { font-size:14px;}
.amountArea h3 { position:relative;padding:30px 25px;margin-bottom:20px;background-color:#f8f8f8;border-bottom:1px solid #ededed;color:#777;font-size:14px;font-weight:normal;}
.amountArea h3 strong { position:absolute;top:30px;right:25px;font-size:18px;color:#111;font-weight:normal;}
.amountArea .txt_guide { position:relative;font-size:14px;letter-spacing:-0.9px;padding-left:16px;}
.amountArea .txt_guide:before{ position:absolute;top:0px;left:0px;content:'※';}
.amountArea span { font-weight:normal;}
.pop_table { margin:20px 0;font-size:14px;line-height:20px;letter-spacing: -0.9px;border-color:transparent;}
.pop_table tr { border-top: 1px solid #ededed;}
.pop_table tr:last-child { border-bottom: 1px solid #ededed;}
.pop_table tr > th { color:#777;background-color:#fff !important;text-align:left;}
.pop_table tr > th, .pop_table tr > td { padding:20px 5px !important;border-left:0!important;border-top:0!important;}
.pop_table tr > td { color:#111 !important;}
.pop_table + .list_hyphen > li { font-size:14px;letter-spacing: -1.5px;}
.rebol_wrap.revDim {position:relative;}
.rebol_wrap.revDim:before{display:block;position:absolute;top:0;left:0;width:101%;height:100%;background:url(../../pc/img/images/coloerDot_fff_alpha50.png) repeat;z-index:99;content:'';transition: .2s ease;}
.rebol_wrap.box_list .box_group.box_wrap{width:498px;}
.rebol_wrap.box_list li .box_group.active{width:496px;}
.rebol_wrap.box_list:not(.revDim) .box_group.box_wrap .select_dropdown.wrap > .dropdown_menu ul{border-top:2px solid #39a1bc;}
.rebol_wrap.box_list:not(.revDim) li:first-child .box_group{border-bottom:1px solid #bbb;}
.rebol_wrap.box_list:not(.revDim) li:first-child .box_group.active{border-bottom:2px solid #39a1bc;}
.rebol_wrap.box_list:not(.revDim) .box .label_txt{color:#000;}
.rebol_wrap.box_list:not(.revDim) .box.select_dropdown .txt_select span{font-weight:bold;}
.rebol_wrap.box_list .box_group.box_wrap .select_dropdown.selected > .dropdown_menu ul:after{display:none;}

/* 리볼빙 추가 */
.rvbGuide {margin-top:10px;}
.rvbGuide p {font-size:14px;color:#777777;line-height:19px;}
.rvbGuide li {font-size:12px;color:#777}
.chkbox.rvbChk {position:relative;padding-right:120px/*12rem*/;}
.chkbox.rvbChk .btn_elem.right {position:absolute;top:50%;right:0;margin-top:-15px/*-1.5rem*/}
.addoption_cnt_fubon .chkbox.rvbChk {padding-right:70px/*7rem*/;}

.rvbGuideTxt {margin-top:16px;background:#f5f5f5;padding:30px 26px;border-radius:6px;letter-spacing:-.5px;}
.rvbGuideTxt.type2 {margin-top:25px/*2.5rem*/;}
.rvbGuideTxt li {position:relative;margin-top:14px;font-size:16px;line-height:24px;color:#777;padding-left:14px;}
.rvbGuideTxt li:first-child {margin-top:0;}
.rvbGuideTxt li li {padding-left:8px;margin-top:0;}
.rvbGuideTxt li:before{content:'';display:inline-block;position:absolute;top:8px;left:0;width:4px;height:4px;border-radius:100%;background:#777;}
.rvbGuideTxt li li:before{content:'';display:inline-block;position:absolute;top:8px;left:0;width:4px;height:1px;background:#777;}
.rvbGuideTxt li li.star:before {content:'*';}
.rvbGuideTxt li li.bgnone {padding-left:0;}
.rvbGuideTxt li li.bgnone:before {content:'';}

/* 리볼빙안내문 > 팝업  */
.revSimulTxt h4.tit{position:relative;font-size:14px/*1.4rem*/;color:#111;margin-top:20px/*2rem*/;margin-bottom:0;padding:0 15px/*0 1.5rem*/;line-height:40px/*4rem*/;background:#f8f8f8;border-bottom:1px solid #e6e6e6;}
.revSimulTxt h4.tit .right {position:absolute;top:0;right:15px/*1.5rem*/;}
.revSimulTxt h4.tit .right span {font-size:19px/*1.9rem*/;vertical-align:middle;font-weight:normal;margin-right:2px/*0.2rem*/;display:inline-block;}
.revSimulTxt .revSimulW {margin-top:10px/*1rem*/;border-top:1px solid #e6e6e6;}
.revSimulTxt .revSimulW:first-child ,  .revSimul .tit + .revSimulW {border-top:none;}
.revSimulTxt h5 {font-size:12px/*1.2rem*/;margin-top:10px/*1rem;*/}
.revSimulTxt li {font-size:11px/*1.1rem*/;line-height:13px/*1.3rem*/;color:#777777;}
.revSimulTxt .pop_txt_list.type5 > li.bg_starB {font-size:11px/*1.1rem;*/}
.revSimulTxt .pop_txt_list.type3 > li {font-size:11px/*1.1rem*/;}

.revolArea .btnRight {margin:22px 0 10px;}
.revolArea .btnRight:after {display:block;content:'';clear:both;}
.revolArea .btnRight > .btn_elem {float:right;}

/* 카드이용안내서 수령지 */
.form_group.guidereceive_post_cnt {margin-top:20px;}

/* 30초 대기 화면 */
#loadingWrap { height:100%;padding-bottom:0;}

.step_loadding { position:absolute;top:0;left:0;overflow:hidden;width:920px;height:100%;text-align:center;background:#fff;overflow-y:auto;}
.step_loadding .content_box {position:relative;height:100%;width:100%;padding:0 0 150px 0;text-align:center;}

.step_loadding .count_box { position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;}
.step_loadding .count_box .inner { position:relative;text-align:center;}
.step_loadding .count_box .rotate_box{position:relative;width:252px;height:252px;margin:0 auto;}
.step_loadding .count_box .count  { position:absolute;width:100%;height:524px;left:0;top:50%;margin:-262px 0 0 0;}
.step_loadding .count_box .count.pos_r{position:relative;top:0;margin:0;}
.step_loadding .count_box .count .num { display:block;padding:92px 0 0 0;font-size:60px;color:#062f87;line-height:60px;letter-spacing:-2px;font-family:Arial}/*font-family:"HelveticaNeueLight";font-weight:100;*/
.step_loadding .count_box .count .text { display:block;padding:70px 0 0 0;font-size:34px;color:#111;font-weight:bold;line-height:34px;}
.step_loadding .count_box .count .circle_rotate { position:absolute;top:0px;left:0px; display:block}
.step_loadding .count_box .stat_info {padding:25px 0 40px 0;font-size:18px;text-align:center;line-height:26px;color:#777;}

.step_loadding .banner_box{position:absolute;left:0;bottom:0;width:100%;height:150px;background:#ddd;}
.step_loadding .banner_box .slide_box{position:relative;width:100%;height:100%;}
.step_loadding .banner_box .slide_box .item{position:absolute;left:100%;top:0;width:100%;height:150px;}
.step_loadding .banner_box .slide_box .item:first-child{left:0;}
.step_loadding .banner_box .slide_box .item img{display:block;margin:0 auto;}
.step_loadding .banner_box .slide_box button{position:absolute;top:53px;z-index:3;width:34px;height:44px;}
.step_loadding .banner_box .slide_box button span{display:block;width:14px;height:24px;text-indent:-999em;margin:0 auto;}
.step_loadding .banner_box .slide_box .prv{left:39px;}
.step_loadding .banner_box .slide_box .prv span{background:url(../../pc/img/icon/banner_arw_l.png) no-repeat 0 0;}
.step_loadding .banner_box .slide_box .nxt{right:39px;}
.step_loadding .banner_box .slide_box .nxt span{background:url(../../pc/img/icon/banner_arw_r.png) no-repeat 0 0;}

.step_loadding .circle_rotate {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1700ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function:linear;

	animation-name: spin;
	animation-duration: 1700ms;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
@-webkit-keyframes spin {
	form { -webkit-transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
	form { transform: rotate(0deg);}
	to { transform: rotate(360deg);}
}

#loadingWrap{position:relative;}
#content_load_box { position:relative;width:920px;height:100%;left:100%;}
#loadingWrap.show #content_load_box {height:auto;overflow:auto;}
#content_load_box .header{top:-140px;}
/*2019-09-16 [카드안내신청] SSG.COM 신청페이지 내 문구 수정 요청 건 */
ul.txt_guide{ margin:0;padding:0;}
ul.txt_guide li{ margin:0;padding:0;}
ul.txt_guide li ul li{ position:relative;padding:3px 0 3px 10px;}
ul.txt_guide li ul li:first-child{padding-bottom:0;}
ul.txt_guide li ul li:after{ content: "";position: absolute;top: 9px;left: 3px;display: block;width: 1px;height: 1px;background: #111;}

/* 2019-12-07 [카드안내신청] SSG.COM 신청_ App으로 모두 받기 반영 요청 */
.statement_settings .app_service_wrap{padding:28px 0 25px 0 ;}
.statement_settings .app_service_wrap label{display:inline-block !important;position:relative;}
.statement_settings .app_service_wrap.checkbox input[type="checkbox"] + label {margin-bottom:20px;}
.statement_settings .tit.n_lines{line-height:20px;}
.statement_settings .scroll_box.valid_area:after{content:"";display:table;clear:both;}
.statement_settings .openBtn.float_right{float:right;color:#777;}
.statement_settings .openBtn {display:inline-block;font-size:16px}
.statement_settings .openBtn:after {display:inline-block;width:12px;height:12px;margin-left:12px;content:'';vertical-align:middle;}
/*.statement_settings .openBtn.down:after {background:url('/ssg/pc/img/icon/ico_arw_down.png')no-repeat;background-size:100%;}
.statement_settings .openBtn.up:after {background:url('/ssg/pc/img/icon/ico_arw_up.png')no-repeat;background-size:100%;}*/
.statement_settings .openBtn + .scroll_box  {margin-top:10px;}
.statement_settings .box_accordion{padding:30px;display:none !important;visibility:hidden;background:#f5f5f5;letter-spacing:-1px;}
.statement_settings .box_accordion.open{display:block !important;visibility:visible;}
.statement_settings h4.subtit{margin-bottom:15px;font-size:18px;font-weight:bold;color:#111;}
.statement_settings h4.subtit.smspay{margin-top:50px;}
.statement_settings .btn_arrow2{position:absolute;right:0;top:13px;padding:6px 10px;font-size:16px;letter-spacing:-1px;border:1px solid #ccc;border-radius:5px;}
.statement_settings .btn_arrow2:before {position:absolute;top:2px;right:0;display: inline-block;content: '';width: 12px;height: 12px;transition: .1s ease;}
.statement_settings .btn_arrow2.right:before {background: url(/ebaycard/m/img/icon/ico_arw_right.png) no-repeat;background-size: 12px;}
.statement_settings .tit .btn_arrow2.right.float_right{float:right;}

/* 현대카드 앱 아이콘 */
.ico_hyapp{display:inline-block;width:45px/*4.5rem*/;height:45px/*4.5rem*/;background:url(../../pc/img/images/img_app_hyundai.png) center center/100% no-repeat;}

/* 띠 배너 */
.box_hyapp{position:relative;padding:10px 15px;background:#f5f5f5;}
.box_hyapp > div{display:table-cell;font-size:0;vertical-align:middle;}
.box_hyapp > div:nth-of-type(2){padding-left:8px;}
.box_hyapp .txt{color:#111;font-size:16px;line-height:20px;text-align:left;word-break:keep-all;letter-spacing:-.5px;}
.box_hyapp .txt em{letter-spacing:-.5px;}
.box_hyapp .txt_ico{display:block;margin-top:10px/*1rem*/;color:#111;font-size:16px;line-height:20px;}
.box_hyapp.type2{padding:0;background:none;}
.box_hyapp.type2 > div:nth-of-type(2){padding-left:13px;}
.box_hyapp.type2 .txt{padding-bottom:7px;font-size:14px;line-height:21px;letter-spacing:-.5px;}
.box_hyapp.type2 .ico_hyapp{vertical-align:top;}
.box_hyapp.type2 .txt_ico{margin-top:3px;color:#333;font-size:10px;}

/*임직원팝업*/
.layer_pop.koreaair_employee{width:520px;}
.koreaair_employee .pop_view .form_group{margin-top:20px;}
.koreaair_employee .pop_title{margin-bottom:15px;}
.koreaair_employee .pop_view .form_group input{font-size:18px;}
.koreaair_employee .pop_view .form_group input::placeholder{font-size:18px;}
.employee_chkbox{margin:40px 0 0 0;border:1px solid #bbb;border-radius:8px;}
.employee_chkbox.checked{border:2px solid #39a1bc;}
.employee_chkbox .check_group{position:relative;}
.employee_chkbox .checkbox input[type="checkbox"] + label{padding:20px 70px 20px 50px;transition:all 0s;transition:border-color 0.2s ease-in-out;font-size:18px;}
.employee_chkbox .checkbox input[type="checkbox"]:focus + label{outline:none;}
.employee_chkbox.checked .checkbox input[type="checkbox"] + label{padding:19px 69px 19px 49px;}
.employee_chkbox .checkbox input[type="checkbox"] + label:after{left:16px;top:20px;}
.employee_chkbox.checked .checkbox input[type="checkbox"] + label:after{left:16px;top:19px;}
.employee_chkbox .btn_arrow{width:54px;height:47px;position:absolute;right:0;top:10px;}
.employee_chkbox.checked .btn_arrow{right:-1px;top:9px;}
.employee_chkbox .btn_arrow:after{margin:0 auto;}
.employee_chkbox .cont{display:none;border-top:1px solid #bbb;overflow:scroll;box-sizing:border-box;width:100%;min-height:200px;}
.employee_chkbox .cont:focus{outline:none;}
.employee_chkbox.open .cont{display:block;}
.employee_chkbox.checked .cont{border-top:2px solid #39a1bc;}
.employee_chkbox .inner_cont{width:1060px;padding:30px;letter-spacing:-1px}
.employee_chkbox.checked .inner_cont{padding:30px 29px;}
.employee_chkbox .inner_cont .table_cont{width:1000px;margin-top:20px;}
.employee_chkbox .inner_cont .table{border:1px solid #bbb;border-radius:8px;width:1000px;}
.employee_chkbox .inner_cont .table table{width:100%;}
.employee_chkbox .inner_cont th,
.employee_chkbox .inner_cont td{padding:15px 20px;border:1px solid #bbb;border-left:none;border-top:none;text-align:left;font-weight:normal;font-size:16px;color:#777;}
.employee_chkbox .inner_cont span.str{font-weight:bold;border-bottom:1px solid #777;}
.employee_chkbox .inner_cont table tr td:last-child{border-right:none;}
.employee_chkbox .inner_cont table tr:last-child th,
.employee_chkbox .inner_cont table tr:last-child td{border-bottom:none;}
.employee_chkbox .inner_cont .tit{font-size:18px;line-height:26px;color:#111;font-weight:bold;}
.employee_chkbox .inner_cont .txt{margin-top:15px;font-size:16px;line-height:24px;color:#777;}
.employee_chkbox .inner_cont .sub_tit{margin-top:35px;font-size:16px;line-height:24px;color:#111;}
.employee_chkbox .inner_cont ul{padding:20px 0 0 0;}
.employee_chkbox .inner_cont li{position:relative;padding:0 0 0 16px;margin:0 0 8px 0;font-size:16px;line-height:22px;color:#777;}
.employee_chkbox .inner_cont li:last-child{margin:0;}
.employee_chkbox .inner_cont li:before{content:"*";position:absolute;left:0;top:0;}
/*이벤트배너*/
.top_event_banner_cont{width:750px;padding:70px 0 0 0;}
.top_event_banner{position:relative;display:block;width:750px;height:auto;border-radius:5px;border:1px solid #c5cddf;background:#f5f5f5;text-align:left;font-size:18px;color:#062f87;letter-spacing:-1px;padding:27px 55px 27px 27px;}
.top_event_banner:after{content:'';width:10px;height:16px;position:absolute;right:28px;top:30px;background:url(../../pc/img/icon/ico_arw_topbanner.png) no-repeat 0 0;}
/*f리볼빙 신청 안내문*/
.revol_guide_list{background:#f0f0f0;padding:12px 15px;margin-top:15px}
.revol_guide_list li{font-size:17px;color:#000;word-break:keep-all;margin-bottom:5px;}
.revol_guide_list li:last-child{margin-bottom:0;}
.revol_guide_list .sub{font-size:16px;color:#666;}
/*자동이체출금동의*/
.txt_guide.txt_step{position:relative;padding:6px 0 0 82px;font-size:16px;color:#777;min-height:36px;line-height:24px}
.txt_guide.txt_step .step{position:absolute;left:0;top:0;width:72px;height:36px;line-height:36px;font-size:16px;color:#fff;text-align:center;background:#444;border-radius:5px;}
/*직업 소득유형 선택 화살표*/
.job_area1 .job_select3 .depth.box_group > .box.arrow input[type="radio"] + label:before,
.job_area1 .job_select3 .depth.box_group > .box.arrow input[type="checkbox"] + label:before{left:24%;}
.job_area1 .job_select3 .depth.box_group > .box.arrow input[type="radio"] + label:after,
.job_area1 .job_select3 .depth.box_group > .box.arrow input[type="checkbox"] + label:after{left:24%;}
.job_area1 .job_select4 .depth.box_group > .box.arrow input[type="radio"] + label:before,
.job_area1 .job_select4 .depth.box_group > .box.arrow input[type="checkbox"] + label:before{left:58%;}
.job_area1 .job_select4 .depth.box_group > .box.arrow input[type="radio"] + label:after,
.job_area1 .job_select4 .depth.box_group > .box.arrow input[type="checkbox"] + label:after{left:58%;}
.job_area2 .job_select4 .depth.box_group > .box.arrow input[type="radio"] + label:before,
.job_area2 .job_select4 .depth.box_group > .box.arrow input[type="checkbox"] + label:before{left:35%;}
.job_area2 .job_select4 .depth.box_group > .box.arrow input[type="radio"] + label:after,
.job_area2 .job_select4 .depth.box_group > .box.arrow input[type="checkbox"] + label:after{left:35%;}
.job_area2 .job_select3 .depth.box_group > .box.arrow input[type="radio"] + label:before,
.job_area2 .job_select3 .depth.box_group > .box.arrow input[type="checkbox"] + label:before{left:74%;}
.job_area2 .job_select3 .depth.box_group > .box.arrow input[type="radio"] + label:after,
.job_area2 .job_select3 .depth.box_group > .box.arrow input[type="checkbox"] + label:after{left:74%;}
/*자동입력서비스*/
.auto_addr_pop{width:462px;margin-left:-231px;}
.auto_addr_pop .pop_userInfoN {margin-top:45px;display:none;}
.auto_addr_pop .pop_userInfoN.on{display:block;}
.auto_addr_pop .pop_userInfoN h4 {margin:45px 0 10px 0 ;font-size:18px;color:#111;}
.auto_addr_pop .pop_userInfoN h4:first-child {margin-top:0;}
.auto_addr_pop .pop_userInfoN .list_wrap {border:1px solid #bbb;border-radius:4px;}
.auto_addr_pop .pop_userInfoN .list_wrap li {border-top:1px solid #e6e6e6;padding:0;}
.auto_addr_pop .pop_userInfoN .list_wrap li:first-child {border-top:none;}
.auto_addr_pop .pop_userInfoN .checkbox input + label{padding:20px 20px 20px 45px;display:block;transition:border-color 0.2s ease,color 0.2s ease;}
.auto_addr_pop .pop_userInfoN .checkbox input + label em{display:block;font-weight:bold;font-size:16px;color:#111;}
.auto_addr_pop .pop_userInfoN .checkbox input + label:before{left:20px;top:23px;transition:0s ease}
.auto_addr_pop .pop_userInfoN .checkbox input[type="checkbox"] + label:after{left:20px;top:23px;transition:0s ease}
.auto_addr_pop .pop_userInfoN .addr_check_list .checkbox input[type="checkbox"]:checked + label:after{left:19px;top:23px;}
.auto_addr_pop .pop_userInfoN .addr_check_list.on .checkbox input[type="checkbox"]:checked + label:after{left:20px;top:23px;}
.auto_addr_pop .pop_userInfoN .addr_check_list.on .all_check .checkbox input[type="checkbox"]:checked + label:after{left:20px;top:22px;}
.auto_addr_pop .pop_userInfoN + .txt_guide {margin-top:14px;}
.content .auto_addr_pop .pop_userInfoN .stepWrap:first-child h4.tit:first-child {margin-top:0}
.auto_addr_pop .pop_userInfoN .email_radio_list.list_wrap{border:none;border-radius:0;}
.auto_addr_pop .pop_userInfoN .email_radio_list li{border:none;margin-bottom:-1px;padding:0;}
.auto_addr_pop .pop_userInfoN .email_radio_list .checkbox input + label{border:1px solid #bbb;}
.auto_addr_pop .pop_userInfoN .email_radio_list li:first-child .checkbox input + label{border-top-left-radius:4px;border-top-right-radius:4px;}
.auto_addr_pop .pop_userInfoN .email_radio_list li:last-child .checkbox input + label{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.auto_addr_pop .pop_userInfoN .email_radio_list .checkbox input:checked + label{border:2px solid #39a1bc;z-index:2;padding:19px 19px 19px 44px;}
.auto_addr_pop .pop_userInfoN .email_radio_list .checkbox input:checked + label:after,
.auto_addr_pop .pop_userInfoN .email_radio_list .checkbox input:checked + label:before{left:20px !important;top:22px !important;}
.layer_pop.auto_addr_pop p{font-size:16px;line-height:26px;}
.layer_pop.auto_addr_pop .cont{}
.layer_pop.auto_addr_pop .cont h3{margin:45px 0 10px 0;font-size:18px;color:#111;line-height:21px;}
.layer_pop.auto_addr_pop .no_user_info{display:none;}
.layer_pop.auto_addr_pop .no_user_info.on{display:block;}
.auto_addr_pop .pop_userInfoN .addr_check_list.on{border:2px solid #39a1bc;}
.auto_addr_pop .pop_userInfoN .addr_check_list.on .all_check .checkbox input + label{padding:19px 19px 20px 44px;}
.auto_addr_pop .pop_userInfoN .addr_check_list.on .all_check .checkbox input + label:before{left:9px;top:11px;}
.auto_addr_pop .pop_userInfoN .addr_check_list.on .item .checkbox input + label{padding:20px 19px 20px 44px;}
.auto_addr_pop .pop_userInfoN .addr_check_list.on .item:last-child .checkbox input + label{padding:20px 19px 20px 44px;}
.auto_addr_pop .pop_userInfoN .addr_check_list.on .item .checkbox input + label:before{left:9px;}

.auto_addr_pop .radio_text.box_group > .box{height:60px;}
.auto_addr_pop .radio_text.box_group > .box label{height:58px;}
.auto_addr_pop .radio_text.box_group > .box label span{font-size:16px;padding-top:16px;}
/**/
.post_addr_cnt input[type="text"]{background:none;}
.chkbox.chk_style2 input[type="checkbox"] + label span{padding-top:1px;}
.chkbox.chk_style2 input[type="checkbox"] + label em{font-size:16px;display:block;}
.chkbox.chk_style2 input[type="checkbox"]:checked + label{color:#111;}
/*문자메시지 약관 버튼*/
.noti_service_box > .btn_cont{position:relative;padding:10px 0 20px 0;}
.noti_service_box > .btn_cont .tooltip{margin-top:0;display:inline-block;}
.noti_service_box > .btn_cont .btn_elem{position:absolute;right:0;top:0;}
.noti_service_box > .btn_cont.p08{padding:10px 0 0 0;text-align:right;margin-bottom:-15px;}
.noti_service_box > .btn_cont.p08 .btn_elem{position:relative;padding:0 10px 1px;}
.noti_service_box > .btn_cont.p08 .btn_elem span{letter-spacing:-0.1rem;}
/*드랍다운 position relative 버전*/
.box_group.box_wrap.dorpdown_box_relative{height:64px !important;}
.box_group.box_wrap.dorpdown_box_relative.active{height:auto !important;}
.box_group.dorpdown_box_relative > .box{height:64px;}
.dorpdown_box_relative.box_group.box_wrap.active > .box{height:auto;}
.dorpdown_box_relative.box_group.box_wrap.active .select_dropdown.wrap .dropdown_menu{top:0;position:relative;width:496px;left:-100%;}
.dorpdown_box_relative .select_dropdown.on > .dropdown_menu ul{margin:0;}
.box_group.box_wrap.dorpdown_box_relative.active > .box .txt_select span{padding-left:18px;}
/*부가서비스 신청 팝업*/
.apartPopCnt { letter-spacing: -0.1rem;}
.apartPopCnt .apartInfo {background:none;}
.apartPopCnt .apartInfo h3{color:#111;font-size:18px;margin:0 0 15px 0;}
.apartPopCnt .apartInfo ul{background:#f5f5f5;padding:25px 30px;}
.apartPopCnt .apartInfo li{font-size:16px;color:#39a1bc;position:relative;margin-top:0;}
.apartPopCnt .apartInfo li:before{content:"";position:absolute;left:0;top:10px;border-radius:50%;width:3px;height:3px;background:#39a1bc;}
/*부가서비스 특정한도, 카드심사배송대기*/
.addoption_cnt_airlimit li{font-size:16px;line-height:24px;color:#777;margin-bottom:5px;}
.addoption_cnt_airlimit li:last-child{margin-bottom:0;}
/*심사결과*/
#wrap.excep_area{width:920px;overflow:hidden;}
#content_load_box .content{padding:0;}
.finish_card_box{text-align:center;position:absolute;top:50%;left:0;width:100%;}
.finish_card_box.pos_r{position:relative;top:0;margin:0;}
.finish_card_box .img_card{padding:100px 0 0 0;}
.finish_card_box .img_card img{display:block;width:155px;height:242px;margin:0 auto;}
.finish_card_box .result_tit{font-size:30px;line-height:38px;color:#111;font-weight:normal;padding:75px 0 100px 0;}
.finish_card_box .result_txt{font-size:18px;line-height:28px;color:#777;padding:25px 0 100px 0;margin:-100px 0 0 0;}
.finish_card_box .result_txt.type2{padding:25px 0 60px 0;}
.finish_card_box .event_info{width:640px;padding:25px 30px;overflow:hidden;background:#f1f1f1;border-radius:6px;margin: 25px auto 60px auto;text-align:left;}
.finish_card_box .event_info p{padding:0 0 10px 0;font-size:18px;color:#111;font-weight:bold;}
.finish_card_box .event_info ul{}
.finish_card_box .event_info li{position:relative;padding:0 0 0 8px;font-size:16px;line-height:28px;}
.finish_card_box .event_info li:after{content:"-";position:absolute;left:0;top:0;}
.finish_card_box .event_info li span{font-weight:bold;}

.qrcode_cnt{box-sizing:border-box;border:1px solid #e6e6e6;border-radius:5px;padding:20px;overflow:hidden;margin:0 0 80px 0;text-align:center;font-size:0;}
.qrcode{box-sizing:border-box;border:1px solid #e6e6e6;border-radius:5px;padding:10px;display:inline-block;vertical-align:top;}
.qrcode img{display:block;width:80px;height:80px;}
.qrcode_cnt p{display:inline-block;vertical-align:top;font-size:18px;color:#111;line-height:24px;padding:25px 0 0 25px;text-align:left;}
.qrcode_cnt p em{font-size:16px;color:#777;}
/*카드심사대기*/
.card_waiting_day_box{position:relative;margin-top:15px;}
/*.card_waiting_day_box:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:70px;background:url(../../pc/img/images/coloerDot_fff_alpha50.png) repeat;}
.card_waiting_day_box.on:after{display:none;}*/
/*가심사결과*/
.content.result_wrap{padding:0;}
.content.result_wrap .result_area{text-align:center;position:absolute;width:100%;left:0;top:50%;}
.content.result_wrap .result_area.pos_r{position:relative;top:0;}
.content.result_wrap .result_area .inner_cnt{padding:100px 0;}
.content.result_wrap .result_area .result_tit{}
.content.result_wrap .result_area .result_tit h2{font-size:30px;line-height:48px;font-weight:normal;}
.content.result_wrap .result_area .result_txt{font-size:18px;line-height:28px;padding:15px 0 0 0;}
/*진입페이지*/
#wrap.intro{width:920px;overflow-y:auto;padding:0;}
.intro #container{height:990px;width:100%;background:#e3eaf2;}/*1060*/
.intro #container .scroll_wrap{overflow:hidden;height:100%;padding:0 0 0 63px;}
.intro .content{width:794px;padding:52px 0 0 0;}
.intro .header{position:relative;width:100%;background:#e3eaf2;}
.intro .header_bar{background:none;}
.intro .header .step_area{opacity:0;left:-1000px;}
.intro .title_area{text-align:center;padding:66px 0 0 0;width:794px;}
.intro .title_area h2{font-weight:normal;font-size:34px;line-height:50px;color:#222;}
.intro .title_area h2 strong{font-weight:bold;}
.intro .title_area .txt_subcopy{position:relative;padding:35px 0 0 0;color:#222;font-size:20px;line-height:30px;letter-spacing:0;}
.intro .title_area .txt_subcopy:before{content:"";position:absolute;left:153px;top:46px;width:480px;height:758px;background:url(../../pc/img/icon/intro_airplane.png) no-repeat 0 0;}
.intro .header .btn_header_close{background:url(../../pc/img/btn/intro_btn_header_close.png)}

.card_select_list{width:100%;text-align:center;font-size:0;padding:0 0 70px 0;}
.card_select_list li{position:relative;z-index:0;display:inline-block;width:175px;margin:0 0 0 30px;}
.card_select_list.item2 li{width:177px;margin:0 0 0 40px;}
.card_select_list li:first-child,
.card_select_list.item2 li:first-child{margin-left:0;}
.card_select_list li input{position:absolute;left:50%;top:50%;width:0;height:0;}
.card_select_list li label{display:block;}
.card_select_list li input:focus + label:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #a6c8ff;}
.card_select_list li .dot{display:block;margin:0 auto;width:20px;height:20px;background:url(../../pc/img/icon/intro_radio.png) no-repeat;background-position:-20px 0;}
.card_select_list.error li .dot{background-position:-40px 0;}
.card_select_list li input:checked + label .dot{background-position:0 0;}
.card_select_list li label img{position:relative;display:block;width:100%;margin:12px 0 0 0;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:12px;}
.card_select_list li .tit{display:block;padding:14px 0 0 0;font-size:18px;color:#777;}
.card_select_list li input:checked + label .tit{color:#222;font-weight:bold}

.card_select_list.type2{padding:0;text-align:left;}
.card_select_list.type2 li{width:110px;margin-left:20px;}
.card_select_list.type2 li:first-child{margin-left:0;}
.card_select_list.type2 li .tit{font-size:16px;text-align:center;}
.card_select_list.type2 li label img{width:110px;box-shadow:none;margin-top:8px;}

.intro_cont{height:575px;}
.intro_cont .intro_tit{font-size:18px;color:#fff;font-weight:normal;}
.intro_cont .intro_txt{padding:10px 0 0 0;font-size:16px;line-height:26px;color:#fff;}
.intro_cont .intro_txt li{position:relative;padding:0 0 0 8px;}
.intro_cont .intro_txt li:before{content:"-";left:0;top:-1px;position:absolute;}
.intro_cont .txt_valid{margin-top:-40px;}
.plate_cont{font-size:0;text-align:center;}
.plate_cont .chkbox{display:inline-block;margin:0 -30px 0 0;font-size:0;vertical-align:top;}
.plate_cont .chkbox input[type="checkbox"] + label{display:inline-block;padding:0;}
.plate_cont .chkbox input[type="checkbox"] + label:before{position:relative;width:30px;height:30px;border:none;background:url(../../pc/img/icon/intro_checkbox.png) no-repeat;background-position:-30px 0;transition:0s ease;}
.plate_cont .chkbox input[type="checkbox"]:checked + label:before{background-position:0 0;}
.plate_cont button{position:relative;display:inline-block;height:30px;padding:0 17px 0 38px;font-size:18px;color:#062f87;vertical-align:top;}
.plate_cont button:after{content:"";position:absolute;right:0;top:8px;width:9px;height:16px;background:url(../../pc/img/icon/intro_btn_arr.png) no-repeat 0 0;}

.plate_select_cont{min-height:80px;}
.plate_select_cont.h_type2{min-height:54px;}

.intro #footer.pos_f{position:fixed;left:50%;margin:0 0 0 -460px;}

.plate_info_pop{width:540px;margin-left:-270px;}

.plate_card_cont{display:none;}
.plate_card_cont.on{display:block;}
.plate_card_cont .pop_card_slide{padding:30px 0 0 0;font-size:0;text-align:center;}
.plate_card_cont .pop_card_slide li{width:176px;display:inline-block;position:relative;vertical-align:top;margin:0 0 0 40px;}
.plate_card_cont .pop_card_slide li:first-child{margin:0;}
.plate_card_cont .pop_card_slide li img{display:block;width:100%;position:relative;z-index:2;}
.plate_card_cont .pop_card_slide input{position:absolute;left:50%;top:0%;width:20px;height:20px;margin-left:-10px;}
.plate_card_cont .pop_card_slide label{display:block;width:100%;}
.plate_card_cont .pop_card_slide label .dot{position:relative;display:block;margin:0 auto 15px auto;width: 20px;height: 20px;background: url(../../pc/img/icon/intro_radio.png) no-repeat;background-position: -20px -20px;}
.plate_card_cont .pop_card_slide input:checked + label .dot{background-position:0 -20px;}
.plate_card_cont .pop_card_slide input:focus + label{outline:none;}
.plate_card_cont .txt_valid{padding:14px 0 0 32px;}
.plate_select_cont .txt_guide{padding:0 0 0 20px;}
.plate_select_cont .txt_guide.type2{padding:14px 0 0 0;}

.plate_info_pop .card_img{text-align:center;padding:0 0 35px 0;}
.plate_info_pop .pop_txt0{font-size:14px;line-height:24px;color:#777;word-break:keep-all;}
.plate_info_pop .pop_txt0 li{position:relative;padding:0 0 0 8px;}
.plate_info_pop .pop_txt0 li:before{content:"-";position:absolute;left:0;top:-1px;}
/*p06 프리랜서 직업정보*/
.content .freelancer_job_select_cont .tit{font-weight:normal;padding:20px 0 10px 0;}
.job_area .freelancer_job_select_cont  .depth, .alram_sms .depth{margin:0;}
.job_area1 .job_select3 .freelancer_job_select_cont .depth.box_group > .box.arrow input[type="radio"] + label:after,
.job_area1 .job_select3 .freelancer_job_select_cont .depth.box_group > .box.arrow input[type="radio"] + label:before{display:none;}
/*p09 삼성페이신청 부가서비스*/
.addoption_cnt_samsungpay .txt_box{padding: 16px 20px;background-color: #fffced;}
.addoption_cnt_samsungpay .list_style{font-size:15px;letter-spacing:-1px;line-height:23px;color:#777;}
.addoption_cnt_samsungpay .al_r .btn-arrow {display: inline-block;padding: 10px 0 10px 15px;color: #2e8ee5;font-size: 14px;font-weight: bold;line-height: 1.4;}
.addoption_cnt_samsungpay .pop_btn_area > .btn_pop.btn_ok span {margin-top: -2px;color: #0476df;font-weight: bold;font-size: 16px;}

/*리키지 TM 팝업 - 2020-11-10 GGU282 대한항공 리키지 TM 팝업 제작 요청의 건 - 추가*/
.layer_pop.leakage_tm{width:462px;margin-left:-231px;}
.layer_pop.leakage_tm .pop_content{overflow:hidden;}
.leakage_tm .pop_title{text-align:left;margin-bottom:11px;}
.leakage_tm .pop_view .form_group{margin-top:30px;}
.leakage_tm .pop_view{line-height:24px;}
.leakage_tm .agree_area{margin:50px 0 0 0;border:1px solid #bbb;border-radius:8px;}
.leakage_tm .agree_area.checked{border:2px solid #39a1bc;}
.leakage_tm .agree_area .check_group{position:relative;}
.leakage_tm .agree_area .checkbox input[type="checkbox"] + label{padding:20px 70px 20px 50px;transition:all 0s;transition:border-color 0.2s ease-in-out;font-size:18px;}
.leakage_tm .agree_area .checkbox input[type="checkbox"]:focus + label{outline:none;}
.leakage_tm .agree_area.checked .checkbox input[type="checkbox"] + label{padding:19px 69px 19px 49px;}
.leakage_tm .agree_area.checked.open .checkbox input[type="checkbox"] + label{padding-bottom:20px;}
.leakage_tm .agree_area .checkbox input[type="checkbox"] + label:after{left:16px;top:20px;}
.leakage_tm .agree_area.checked .checkbox input[type="checkbox"] + label:after{left:16px;top:19px;}
.leakage_tm .agree_area .btn_arrow{width:54px;height:47px;position:absolute;right:0;top:10px;}
.leakage_tm .agree_area.checked .btn_arrow{right:-1px;top:9px;}
.leakage_tm .agree_area .btn_arrow:after{margin:0 auto;}
.leakage_tm .agree_area .cont{display:none;border-top:1px solid #bbb;overflow-y:auto;box-sizing:border-box;width:100%;min-height:200px;}
.leakage_tm .agree_area .cont:focus{outline:none;}
.leakage_tm .agree_area.open .cont{display:block;}
.leakage_tm .agree_area.checked .cont{border-top:2px solid #39a1bc;}
.leakage_tm .agree_area .inner_cont{padding:26px 27px;letter-spacing:-1px}
.leakage_tm .agree_area.checked .inner_cont{padding:25px 26px;}
.leakage_tm .agree_area .inner_cont .tit{margin-top:27px;font-size:18px;line-height:26px;color:#111;font-weight:bold;}
.leakage_tm .agree_area .inner_cont .tit:first-child{margin-top:0;}
.leakage_tm .agree_area .inner_cont .txt{margin-top:7px;font-size:16px;line-height:24px;color:#777;}
.leakage_tm .agree_area + p {margin-top:15px;}

/* 2020-11-20 GGU442 */
p.list_dot_1:before, .list_dot_1 > li:before {position:absolute;top:0;left:0;content:'-';}

.discussion_detail {margin:35px auto 0 auto ;}
.discussion_detail .list_dot_1 {padding:20px;background:#f0f0f0;}
.discussion_detail .list_dot_1 li {padding-left:9px;text-align:left;line-height:24px;font-size:13px;position:relative}
.discussion_detail .list_dot_1 li.highlight {padding-left:14px;color:#000;font-size:25px;line-height:30px;}
.discussion_detail .list_dot_1 li:first-child.highlight {margin-top:4px;}
.discussion_detail .list_dot_1 li.highlight:before {position:absolute;top:0;left:-1px;content:'-';}
.discussion_detail .list_dot_1 li.highlight + li {margin-top:2px;}
.discussion_detail .list_dot_1 li.highlight + li.highlight {margin-top:0px;}
.discussion_detail .list_dot_1 .list_dot_2 > li.highlight{letter-spacing:-1px;}/* 2018-04-30 연체금리 변경 */
.discussion_detail ul.list_dot_1 ul.list_dot_2 > li.highlight:before {position:absolute;top:0;left:-1px;content: '·';background:none;letter-spacing:-1px;}/* 2018-05-15 연체금리 변경 */
.tbl_1.type_1 + .list_dot_1 {margin-top:13px;}

#promotion_popup .box_list.revolving_list{width:99%;}
#promotion_popup .box.select_dropdown{height:66px;float:right}
#promotion_popup .kcb_agree .pop_txt_list > li, .revol .pop_txt_list > li{margin-bottom:0!important}


/* 2021-01-22 :GGCN45 가족카드 신청  */
.dot_list3.font_sm{margin-left:10px;color:#777;font-size:16px;line-height:22px;margin-bottom:3px;}
.dot_list3.font_sm:before{display:inline-block;content:'-';margin-left:-10px;width:10px;font-size:inherit;}
.txt_box.greybox {padding:30px 26px;border-radius:6px;background-color:#f5f5f5;}
.txt_box.greybox .subtxt3 + ul {margin-top:15px;}
.txt_box.greybox + .cnt_div {margin-top:30px;}
.list.all.checked + .list_wrap > li.last_inner_sub_terms .sub_terms_wrap .sub_terms:last-child{ border-bottom-color: #39a1bc;border-bottom-width: 2px;border-radius: 0 0 6px 6px;}
/*약관 스타일*/
.terms_detail ul ul {padding-left:16px;margin-bottom:5px;}
.con-type2 .tit {display: block;margin: 25px 0 3px;color:#000;font-size:15px;font-weight:normal;}
.terms_agree .terms_detail .txt-type3 li{padding-left:16px;}
.terms_agree .terms_detail .txt-type3 li:first-child{padding-top:0;}
.terms_agree .terms_detail .txt-type3 .num {display:inline-block;margin-left: -16px;/*width: 16px;*/ text-align: left;font-size:15px;margin-right:3px;}
.terms_agree .terms_detail .txt-type3 .numL{margin-left: -18px;width: 23px;text-align: left;}
.terms_agree .terms_detail .txt-type3 li ul {padding: 3px 0;}
.terms_agree .terms_detail .txt-type3 li li {padding-top: 0;padding-bottom: 0;}
.terms_agree .terms_detail .txt-type3 li .txt-type1 li{padding-left:0;}
/* 2021-03-18 GGCN45 : N PAY 추가 */
.npay_wrap{text-align:left;margin-top:-8px;}
.cnt_div + .npay_wrap{text-align:left;margin-top:60px;}
.npay_wrap .npay_cont{position:relative;}
.npay_wrap .npay_cont .npay_comment{position:absolute;top:-35px;left:-7px;min-width: 148px;font-weight: normal;background: #000;border-radius: 8px;height: 28px;line-height: 28px;-ms-filter:"progid:DXimageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;}
.npay_wrap .npay_cont .npay_comment > span{padding: 0 8px 0;font-size: 14px;color: #fff;display: inline-block;}
.npay_wrap .npay_cont .npay_comment:after{content: '';position: absolute;bottom: -4px;left:12px;width: 8px;height: 4px;background: url('../img/images/bg_comment.png') 0 0 no-repeat;background-size: 8px 4px;}
.npay_wrap .npay_cont .npay_comment.arr_hidden:after{display:none;}
.npay_wrap .npay_cont .npay_txt{font-weight: bold;font-size: 14px;color: #000;text-align: center;line-height: 20px;}
.npay_wrap .npay_cont .npay_txt > span{vertical-align: top;margin-left:1px;}
.npay_wrap .npay_cont .npay_txt:before{display: inline-block;vertical-align: -4px;content:'';width:49px;height: 19px;background: url('../img/images/img_npay.png') 0 0 no-repeat;background-size: 49px 19px;}
.npay_wrap .npay_cont .npay_txt.btn.btn_arrow:after{content: "";display: inline-block;width: 16px;height: 16px;background: url(../img/images/npay_arr.png) no-repeat center;vertical-align:top;margin-top:2px;margin-left:-4px;}


/* 2021-03-19 리볼빙 신청 개선 요청의 건 */
.content.type2{padding:70px 0 140px;}
#footer.type2{height:140px;}
#footer.type2 .btn_footer[disabled],
#footer.type2 .btn_footer.disabled{background:#fafafa;color:#777;}
#footer.type2 a.btn_footer{line-height:70px;}
#revolPop2 .pop_btn_area > .btn_pop span{color:#777;font-weight:bold;}
#revolPop2 .pop_btn_area > .btn_pop.btn_ok span{background:#062f87;color:#fff;}
/* .btn_elem.revolving_info{margin-top:-10px;} */

/* range slider */
.slider_area h4{font-size:18px;}
.slider_area{margin-bottom:80px;}
.slider_area .ui-widget-header{background:#39a1bc !important;}
.slider_area .ui-widget.ui-widget-content{height:10px;background:#e6e6e6;border:none !important;}
.slider_area .ui-corner-all, .slider_area .ui-corner-bottom, .slider_area .ui-corner-right, .slider_area .ui-corner-br{border-bottom-right-radius:5px !important;}
.slider_area .ui-corner-all, .slider_area .ui-corner-bottom, .slider_area .ui-corner-left, .slider_area .ui-corner-bl{border-bottom-left-radius:5px !important;}
.slider_area .ui-corner-all, .slider_area .ui-corner-top, .slider_area .ui-corner-right, .slider_area .ui-corner-tr{border-top-right-radius:5px !important;}
.slider_area .ui-corner-all, .slider_area .ui-corner-top, .slider_area .ui-corner-left, .slider_area .ui-corner-tl{border-top-left-radius:5px !important;}
.slider_area .ui-slider-horizontal .ui-slider-handle::before{content:'';display:block;width:40px !important;height:40px !important;background:url(/koreaair/pc/img/btn/btn_drag_both_sides.png) no-repeat 0 0 !important;top:-16px !important;text-align:center;line-height:1.6em;border:none !important;color:#39a1bc;font-size:16px;position:absolute;left:-15px;}
.wrap_slider_payrete{width:460px;;margin:70px auto 0;}/*2022-09-29 Q10185 : #192_PLCC_리볼빙 제도 개선 : height:140px 삭제*/
#slider_payrete{width:100%;}
.slide_base{position:relative;width:100%;}
.tooltip_revolving{position:absolute;display:none;top:55px;padding:14px;border-radius:3px;border:1px solid #bbb;z-index:10;}
.tooltip_revolving p{font-size:14px;color:#777;letter-spacing:-0.1em;}
.tooltip_100{right:-10px;}
/* .tooltip_100::before{width:11px;height:9px;background:url(/koreaair/pc/img/images/img_tooltip_tail_r.png) no-repeat 0 0;content:'';display:block;position:absolute;top:-9px;right:15px;} *//*2022-09-29 Q10185 : #192_PLCC_리볼빙 제도 개선 삭제 */
.tooltip_tail{width:11px;height:9px;display:block;position:absolute;top:-9px;}
.counter_payrete_num{position:absolute;top:-44px;left:100%;width:fit-content;margin-left:-15px;font-size:16px;color:#39a1bc;font-weight:bold;}
.tooltip_10 .counter_payrete_num {position:relative; top:0; left:0; margin:0; padding:0; color:#888; font-weight: normal; font-size: 16px;}/*2022-09-29 Q10185 : #192_PLCC_리볼빙 제도 개선 */
/* change */
.wrap_slider_period{width:460px; height: 140px; margin:50px auto 0;}/*2022-09-29 Q10185 : #192_PLCC_리볼빙 제도 개선 : height:140px 추가*/
#slider_period{width:100%;}
.counter_period_num{position:absolute;top:-44px;left:100%; width:max-content;margin-left:-15px;font-size:16px;color:#39a1bc;font-weight:bold;}/*2022-09-29 Q10185 : #192_PLCC_리볼빙 제도 개선 : width 변경*/
.range_ruler{width:460px;height:10px;;margin:0 auto;}
.range_ruler .flexbox{display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;}
.range_ruler .flexbox div{width:2px;height:6px;background:#e6e6e6;position:relative;}
.range_ruler .flexbox div:first-child, .range_ruler .flexbox div:last-child{background:#fff;}
.range_ruler .flexbox.type1 div:nth-child(5){height:9px;background:#777}
.range_ruler .flexbox.type2 div:nth-child(3){height:9px;background:#777}
.range_ruler .flexbox div span{display:inline-block;padding-top:14px;text-align:right;font-size:16px;color:#777;position:absolute;}
.range_ruler .flexbox.type1 div .num10{left:-12px;}
.range_ruler .flexbox.type1 div .num50{left:-12px;}
.range_ruler .flexbox.type1 div .num100{left:-12px;}
.range_ruler .flexbox.type2 div span{width:27px;}
.range_ruler .flexbox.type2 div .num1{left:-14px;}
.range_ruler .flexbox.type2 div .num3{left:-14px;}
.range_ruler .flexbox.type2 div .num5{left:-14px;}
/* //range slider */
/* //2021-03-19 리볼빙 신청 개선 요청의 건 */




.mt-10 { margin-top:10px; }

/* 2021-03-24 등급제 약관 리스트 버튼 */
/* .layer_popup .terms_view {width:110%;} */
.grade_area {margin:3px 0;height:28px;padding:6px 0;box-sizing:border-box;padding-left:35px;}/* 2022-04-22 접근성 */
.grade_area .grade {color:rgba(0,0,0,0.64);font-size:12px;line-height:16px;float:left;letter-spacing:-0.029em}
.grade_area .grade:before {display:inline-block;width:6px;height:6px;content:"";clear:both;border-radius:100%;margin:-3px 6px 0 0;vertical-align:middle;}
.grade_area .grade1:before {background:#019DC2}
.grade_area .grade2:before {background:#52B148}
.grade_area .grade3:before {background:#EDC11B}
.grade_area .grade4:before {background:#EF812D}
.grade_area .grade5:before {background:#E02E27}
.grade_area .grade_terms {float:right;line-height:16px;font-size:0;}
.grade_area .grade_terms a {color:#777;font-size:12px;line-height:16px; letter-spacing:-0.03em}
.grade_area .grade_terms a:last-child:before {content:"";display:inline-block;clear:both;width:1px;height:10px;background:#ccc;margin:0 12px;}

/* 2021-03-24 등급제 약관 스타일 */
.terms_tbl_wrap {margin-right:-5px}
.terms_tbl_wrap .terms_table {margin:0}
.terms_tbl_wrap .terms_table th {padding-right:15px; font-weight:bold}
.terms_tbl_wrap .terms_table th,
.terms_tbl_wrap .terms_table td {padding-top:25px; padding-bottom:25px; font-size:14px; line-height:22px; color:#111; text-align:left; letter-spacing:-0.029em; vertical-align:top; word-break:keep-all; border-bottom:1px solid #ededed}
.terms_tbl_wrap .terms_table td .extra {color:#777}
.terms_tbl_wrap .terms_table td p ~ p {margin-top:25px}

/* 2021-03-24 등급제 뱃지 */
.grade_box{color:#fff;font-size:12px;padding:0 8px;border-radius:16px;line-height:19px;vertical-align:middle;display:inline-block;}
.grade_box.small{font-size:10px !important;line-height:16px !important;padding:0 6px;}
.grade_box + span{display:block;margin-top:8px;}
.grade_box1 {background:#019DC2}
.grade_box2 {background:#52B148}
.grade_box3 {background:#EDC11B}
.grade_box4 {background:#EF812D}
.grade_box5 {background:#E02E27}

/* 2021-03-24 등급 그래프 */
.terms_graybox {padding:30px 15px; background:#f5f5f5}
.terms_context .terms_grayBox img,
.terms_grayBox img {max-width:100%}
.terms_graybox dl dt {font-weight:bold; color:#111; font-size:18px; line-height:18px; letter-spacing:-0.03em}
.terms_graybox dl dd p {padding-top:25px; color:#111; font-size:16px; line-height:1.5em; letter-spacing:-0.029em}
.grade_state {display:flex; padding-top:47px}
.grade_state .grade {position:relative; flex:1; height:11px; margin:0}
.grade_state .grade:first-child {border-top-left-radius:2px; border-bottom-left-radius:2px}
.grade_state .grade:last-child {border-top-right-radius:2px; border-bottom-right-radius:2px}
.grade_state .grade ~ .grade {margin-left:1px}
.grade_state .grade em {position:absolute; top:-34px; left:50%; padding:6px 9px; font-size:16px; color:#111; letter-spacing:-0.029em; border-radius:9px; transform:translateX(-50%); white-space:nowrap}
.grade_state .grade.active em {top:-47px; color:#fff; background-color:#000}
.grade_state .grade.active em:after {content:""; position:absolute; bottom:-3px; left:50%; border-top:4px solid #000; border-left:4px solid #000; border-right:4px solid transparent; border-bottom:4px solid transparent; border-top-left-radius:4px; transform:translateX(-50%) rotate(-135deg)}
.grade_state .grade1 {background-color:#019dc2}
.grade_state .grade2 {background-color:#52b148}
.grade_state .grade3 {background-color:#edc11b}
.grade_state .grade4 {background-color:#ef812d}
.grade_state .grade5 {background-color:#e02e27}



/* 신정법 관련 약관 수정 2021-05-14 */
/* depth4 수정 - HCC 약관 */
.check_group .list_wrap.terms li .sub_terms_list .checkbox.terms_tit_depth3 label {padding-top:22px; padding-bottom:24px}
.check_group .list_wrap.terms li .sub_terms_list .checkbox.terms_tit_depth3 .btn_arrow {right:-35px}
.check_group .list_wrap.terms li .sub_terms_list .checkbox.terms_tit_depth3 input[type="checkbox"] + label:after {top:25px}
.check_group .list_wrap.terms li .sub_terms_list .checkbox.terms_item_depth3 .btn_arrow {width:36px; height:36px}
.check_group .list_wrap.terms li .sub_terms_list .checkbox.terms_item_depth3 .btn_arrow.right:after {right:0}
/* list_wrap에 들어가는 캡션 - 뎁스별 대응 */
.list_wrap.terms .cap_guide {padding:25px 0}
.list_wrap.terms .cap_guide .txt {font-size:14px; color:#777; line-height:1.4}
.list_wrap.terms .cap_guide ul li ~ li {margin-top:3px}
.list_wrap.terms .cap_guide.type_border {position:relative} /* 위아래 보더 있는 타입 */
.list_wrap.terms > .terms_group > .cap_guide {padding-right:2rem; padding-left:2rem; border-left:1px solid #bbb; border-right:1px solid #bbb; border-top:1px solid #bbb}
.list_wrap.terms > .terms_group > .checkbox + .cap_guide {padding-top:0}
.list_wrap.terms > .terms_group > .terms_depth > .checkbox + .cap_guide {padding-top:0; padding-left:33px}
.list_wrap.terms .sub_terms_wrap .cap_guide.type_border:after {content:""; position:absolute; bottom:0; left:0; height:1px; background:#e6e6e6}
.list_wrap.terms .sub_terms_wrap .cap_guide.type_border:before {content:""; position:absolute; top:0; left:0; height:1px; background:#e6e6e6}
.list_wrap.terms .sub_terms_wrap .cap_guide.type_border.no_btm:after, /* 아래 보더 없을때 */
.list_wrap.terms .sub_terms_wrap .cap_guide.type_border.no_top:before {display:none} /* 위 보더 없을때 */
.list_wrap.terms .sub_terms_wrap .sub_terms .cap_guide.type_border:after,
.list_wrap.terms .sub_terms_wrap .sub_terms .cap_guide.type_border:before {left:-51px; right:-10px}
.list_wrap.terms .sub_terms_wrap .sub_terms .sub_terms_list .cap_guide.type_border:after,
.list_wrap.terms .sub_terms_wrap .sub_terms .sub_terms_list .cap_guide.type_border:before {left:-84px; right:-35px}
.list_wrap.terms .sub_terms_wrap > .cap_guide {padding-right:3.5rem; padding-left:3.5rem; border-left:1px solid #bbb; border-right:1px solid #bbb; border-top:1px solid #bbb; background:#fafafa}
.check_group .checked + .list_wrap.terms .sub_terms_wrap > .cap_guide {border-left: 2px solid #39a1bc;border-right: 2px solid #39a1bc}
  /* //2021-05-14 */


.list_wrap.terms .sub_terms_wrap .sub_terms .sub_terms_list .cap_guide.type_border:after, .list_wrap.terms .sub_terms_wrap .sub_terms .sub_terms_list .cap_guide.type_border:before{left:0;right:0}
.sub_terms_list .cap_guide.type_border{padding-right:35px;padding-left:84px}
.check_group .list_wrap.terms li .sub_terms_list .checkbox.terms_tit_depth3 .btn_arrow{right:0}
.mt-30{margin-top:30px}
.check_group .list_wrap .sub_terms_wrap .terms_group label .btn_arrow {width: 36px;height: 36px;}
.check_group .list_wrap .sub_terms_wrap .terms_group label .btn_arrow.right:after {right: 0;}
.check_group .list_wrap.terms li .sub_terms_list li .checkbox label {padding: 7px 0 7px 28px;line-height: 24px;}
.check_group .all.checked + .list_wrap.terms li .sub_terms_list .checkbox input[type="checkbox"]:checked + label{padding: 7px 0 7px 28px;}
.check_group .list_wrap.terms li .sub_terms_list .checkbox.terms_item_depth3 .btn_arrow {width: 36px;height: 36px;}
.check_group .list_wrap.terms li .sub_terms_list .sub_terms_list{margin-top:0;}

.check_group.terms_group .alert_pop .pop_content{padding:48px 35px 45px}

/*20221-06-07*/
.terms_depth {margin-bottom: -1px;border-radius: 0;}
.terms_agree .check_group.no_all_list .list_wrap.terms li.last.open .terms_depth {margin-bottom: -1px;border-radius: 0;}
.terms_agree .check_group.no_all_list .list_wrap.terms li:first-child .terms_depth{border-radius: 6px 6px 0 0;}
.list_wrap.terms > li:last-child .sub_terms_wrap .sub_terms:last-child {padding-bottom: 13px;}
.terms_agree .list_wrap.terms .terms_depth.checked{border:2px solid  #39a1bc !important;margin-top: -2px;}

.terms_agree .check_group.terms_group.term_open .list.all {border-radius: 4px 4px 0 0;}
/* .check_group .list.all.checked + .list_wrap > li:last-child,
.check_group .list.all.checked + .list_wrap.terms > li:last-child .terms_depth,  */
.check_group .list.all.checked + .list_wrap.terms > li:last-child .sub_terms:last-child{
	/* border-bottom: 2px solid #39a1bc; */
}
/* .sub_terms:last-child.valid {
    border-bottom: 1px solid #bbb;
} */
.terms_agree .list_wrap.terms .last.open .terms_depth {
    border-top: 0;
}
/* 09 에서 2px로 수정 */
.check_group .list_wrap.terms > .terms_group.last.open,
.check_group .list_wrap.terms > .last.open {
    border-top: 1px solid #bbb;
}

/* 2021-07-19 UI변경 CSS추가 */
.accordionWrap {display:block; position:relative; margin:0; padding:0;}
.accordionWrap .accordion {display:block; position:relative; margin:0; padding:0;}
.accordion .accTitle {display:block; position:relative; margin:0; padding:0 0 10px 0; border-bottom:solid #e6e6e6 1px; letter-spacing:-1px;}
.accordion .accTitle .accToggle {display:block; position:relative; width:100%; margin:0; padding:0 30px 0 0; text-align:left; font-size:22px; line-height:1.5; font-weight:700; letter-spacing:-1px;}
.accordion .accTitle .accToggle::after {content:''; display:block; position:absolute; right:6px; top:6px; width:18px; height:18px; background:url(/costco/pc/img/icon/ico_down_off.png) no-repeat 0 0;}
.accordion.expanded .accTitle .accToggle::after {background:url(/costco/pc/img/icon/ico_up.png) no-repeat 0 0;}
.accordion .accTitle .accToggle span {display:inline-block; position:relative; margin:0; padding:0;}
.accordion .accTitle .summary,
.accordion .accTitle .summary_exp {display:block; position:relative; margin:15px 0 0 0; padding:0; font-size:16px; line-height:22px; color:#777;}
.accordion .accTitle .summary_exp {display:none;}
.accordion .accCont {display:none; position:relative; margin:0; padding:15px 0; color:#777; letter-spacing:-1px;}
.accordion .accCont .txt_detail {display:block; position:relative; margin:0; padding:0; font-size:16px; line-height:22px; font-weight:700;}
.marker_star{display:block; position:relative; margin:0; padding:10px 0 0 0; font-size:14px; line-height:18px; font-weight:700;}
.marker_star::before {content:'*'; display:inline-block; position:relative; margin:0; padding:0 3px 0 0; top:2px;}
.marker_hypen {display:block; position:relative; margin:0; padding:10px 0 0 0; font-size:14px; line-height:18px;}
.marker_hypen::before {content:'-'; display:inline-block; position:relative; margin:0; padding:0 3px 0 0; top:1px;}
.marker_hypen.indent {padding-left:10px;}
.marker_hypen.indent::before {position:absolute; left:0; top:1px; padding-left:0;}

.accordion .titleDepth {display:block; position:relative; margin:0; padding:0;}
.titleDepth .dic {display:block; position:relative; margin:6px 0 0 0; padding:0 0 0 39px; color:#777; font-size:16px;}
.accordion .titleDepth .dic {display:block; position:relative; margin:6px 0 0 0; padding:0 0 0 39px; color:#777; font-size:16px;}
.accordion .titleDepth + .titleDepth, .accCont + .titleDepth {margin-top:19px;}
.accordion .elem_group .check_dropdown {min-height:70px; height:initial; border-color:#e6e6e6;}
.serviceWrap .elem_group .check_dropdown {border-color:#e6e6e6;}
.accordion .elem_group .check_dropdown.on,
.serviceWrap .elem_group .check_dropdown.on {border-color:#39a1bc;}
.accordion .elem_group .check_dropdown.noline, .accordion .elem_group .check_dropdown.noline.on,
.serviceWrap .elem_group .check_dropdown.noline, .serviceWrap .elem_group .check_dropdown.noline.on {border-bottom:none;}
.accordionWrap .elem_group.form_group, .serviceWrap .elem_group.form_group {margin-top:0;}

.serviceWrap {display:block; position:relative; margin:0; padding:0;}
.serviceWrap .headding {display:block; position:relative; margin:0; padding:0; text-align:left; font-size:22px; color:#39a1bc; line-height:1.5; font-weight:700; letter-spacing:-1px;}
.serviceWrap + .serviceWrap {margin-top:35px;}

.accordionWrap .accordion + .accordion,
.accordionWrap + .serviceWrap, .serviceWrap .dropdown_menu + .headding {margin-top:35px;}
.accordionWrap .con_area, .serviceWrap .con_area {padding:40px 0 70px;}
.serviceWrap .familyCard {margin-top:19px;}
.txt_guide span {color:#39a1bc;}

/* .layer_pop.ncwService {margin-top:0; margin-left:0; width:100%; height:100%; max-height:100%; top:0; left:0; border-radius:0;}
.layer_pop.ncwService.scroll {margin-top:0 !important;}
.layer_pop.ncwService.btn_fixed .pop_content {position:absolute; left:0; top:0; height:100%; padding:25px 20px 45px;}
.layer_pop.ncwService.btn_fixed .pop_btn_area {position:fixed; left:0; bottom:0; background-color:#FFF; z-index:2}
.layer_pop.ncwService + .dim {display:none;} */
.layer_pop.ncwService .pop_view .head_txt {display:block; position:relative; margin:0 0 14px 0; padding:0; font-size:17px; font-weight:700; color:#111;}
.layer_pop.ncwService .pop_view .subtxt2 + .head_txt,
.layer_pop.ncwService .family_information .head_txt {margin-top:30px;}
.layer_pop.ncwService .box_group {color:#bbb;}
.layer_pop.ncwService .box_list .box .label_txt, 
.layer_pop.ncwService .box_list .box.select_dropdown .txt_select span {color:#bfbfbf;}
.layer_pop.ncwService .addoption_cnt_revol .subtxt2 {letter-spacing:-1.5px;}
.layer_pop.ncwService .addoption_cnt_revol .marker_star {font-weight:normal; margin-top:15px; letter-spacing:-1px;}
.layer_pop.ncwService .pop_content.scroll .scroll_area {height:100%; padding-bottom:55px;}
.layer_pop.ncwService .addoption_cnt5 .check_group {margin-top:20px;}
.layer_pop.ncwService .addoption_cnt5 .check_group .list_wrap li:first-child {border-top:solid #d0d0d0 1px; border-radius:4px 4px 0 0}
.layer_pop.ncwService .addoption_cnt2 .form_group .apart_group {margin-top:20px;}
.layer_pop.ncwService .addoption_cnt2 .apart_valid .chkbox {margin-top:15px;}
.layer_pop.ncwService .samsung_pay .check_group {margin-top:25px;}
.layer_pop.ncwService .samsung_pay .check_group .list_wrap > li:only-child, 
.layer_pop.ncwService .addoption_cnt3 .check_group .list_wrap > li:only-child  {border-radius:4px; border-top:solid #d0d0d0 1px;}
.layer_pop.ncwService .addoption_cnt3 .subtxt2 + .txt_guide {margin-top:12px}
.serviceWrap .dropdown_menu .cnt_div,
.layer_pop.ncwService .addoption_cnt3 .cnt_div {padding-left:0;}
.layer_pop.ncwService .btnRight > .btn_wrap.right {display:block; position:relative; margin:0 0 20px 0; padding:0; text-align:right;}
.layer_pop.ncwService .rebol_wrap + .subtxt2 {margin-top:20px;}
.layer_pop.ncwService .txt_valid + .head_txt {margin-top:25px;}
.layer_pop.ncwService .head_txt + .txt_valid {margin-top:10px;}

/* koreaairline 개별설정 */
.koreaairline.accordionWrap .accordion .accTitle .accToggle {color:#39a1bc;}
.koreaairline.accordionWrap .accordion.expanded .accTitle {border-bottom-color:#39a1bc;}
.koreaairline.accordionWrap .accordion.expanded .accTitle .summary {display:none;}
.koreaairline.accordionWrap .accordion.expanded .accTitle .summary_exp {display:block;}
.koreaairline.accordionWrap .accordion .accCont .txt_detail span,
.subtxt2 span.point_color {color:#39a1bc;}
.koreaairline.accordionWrap .KT_smile {margin-top:10px;}
.koreaairline.accordionWrap .KT_smile .marker_hypen.indent::before {top:8px;}
#modal_APTfee4 .swiper-container {overflow:hidden;}

.addService .accordionWrap .txt_guide.txt, .addService .serviceWrap .txt_guide.txt, .addService .accordionWrap .subtxt2, .serviceWrap .subtxt2 {font-size: 16px; text-align: left;}
.addService input[type=checkbox] + label:after {margin-top:0;}
.addService .chkbox input[type="checkbox"] + label:before {position:absolute;}
.addService .pop_view .subtxt2 {font-size:16px;}

.addService .toggleTit.chkbox_lg button.btn_arrow {bottom:initial; top:0;}
.form_bundle_wrap + .check_group {margin-top:30px;}
.dropdown_menu .pop_title {margin-bottom:0;}
.addService .btn_arrow.down:after {background:url(/costco/pc/img/icon/ico_down_off.png) no-repeat 0 0;}
.addService .terms_depth .btn_arrow.down:after {background:url("../../pc/img/icon/ico_down.png") no-repeat 0 0;}
.addService .btn_arrow.up:after {background:url("/costco/pc/img/icon/ico_up.png") no-repeat;}
.addService .list_wrap {border-bottom:1px solid #d0d0d0;border-radius:0 0 6px 6px;}
.addService .check_dropdown:first-child {height:auto;min-height:70px;padding-top:20px;}
.addService .layer_pop .pop_content {z-index:auto;}
.addService .layer_pop .pop_content .pop_btn_area {border-top:1px solid #ccc;}
.addService .rebol_wrap.box_list .box_group.box_wrap {width:100%;}
/* //2021-07-19 UI변경 CSS추가 */

/* 2021-08-12 특정법 반영 */
.tooltip_wrap{font-size: 13px;line-height: 14px;vertical-align: middle;display: inline-block;margin: 7px 0 0 7px;}
.tooltip_wrap a:before{display: inline-block;content: '?';width: 14px;height: 14px;border-radius: 50%;border: 1px solid #111;font-size: 11px;font-family: arial;text-align: center;margin-right: 3px;vertical-align: top;line-height: 13px;letter-spacing: 0;}
.tooltip_wrap span{position:absolute;left:70%;top:27px;background:#000;color:#fff;font-size:14px;padding:8px 10px 8px 14px;width:250px;display:none;border-radius:8px;line-height:20px;font-weight:normal; z-index: 10;}
.tooltip_wrap .tooltipBtn{position: relative;}
.tooltip_wrap a.active:after{display:block;content:"";position:absolute;left:4px;bottom:-5px;width:8px;height:4px;border-bottom:4px solid #000;border-left:4px solid transparent; border-right: 4px solid transparent;}
.tooltip_wrap .active + span{display: block;width:250px;}

/* 2021-08-25 son */
.addService .toggleTit.chkbox_lg button.btn_arrow {z-index:2;}
.addService .addoption_cnt010 {padding:40px 0 70px;}
.addService .revolArea {padding:40px 0 70px;}
.addService .layer_pop.ncwService .pop_view .box_group + .head_txt {margin-top:25px;}
.addService .list.all.checked.custom_check {border:none;}
.addService .accordion .accTitle .accToggle {color:#39a1bc;}
.addService .dropdown_menu .pop_title {text-align:left;}
.addService .list_wrap li + li {border-top:1px solid #ccc;}
.koreaair.accordionWrap .accordion .accTitle .accToggle {color:#39a1bc;}
.koreaair.accordionWrap .accordion.expanded .accTitle {border-bottom-color:#39a1bc;}
.koreaair.accordionWrap .accordion.expanded .accTitle .summary {display:none;}
.koreaair.accordionWrap .accordion.expanded .accTitle .summary_exp {display:block;}
.koreaair.accordionWrap .accordion .accCont .txt_detail span,
.subtxt2 span.point_color {color:#39a1bc;}
.addService .check_dropdown.noline {border-bottom:none;}
.addService .p03_agree {margin-top:25px;}
.addService #modal_familyCard.layer_pop .pop_content {padding:43px 0 0;}
.addService #modal_familyCard.layer_pop.ncwService .pop_content.scroll .scroll_area {padding:0 35px;}
.addService #terms_view1_1.terms_view {height:auto;padding-left:0;}


/************* 22-04-22 접근성 *************/
#regisNum2,
#corpjno2 {width:calc(100% - 42px);}
#regisNum2 + .input_add,
#corpjno2 + .input_add {display:none !important;}
#cardPwd1, #cardPwd2 {width:calc(100% - 32px);}
.keypad_wrap {display:block;position:absolute;top:50%;right:0;margin-top:-16px;z-index:2;}
.keypad_wrap .btn_keypad2 {display:inline-block;background-color:transparent; }
.keypad_wrap .btn_keypad2 img {width:32px;height:32px;}
.keypad_wrap .btn_keypad2:focus {outline:2px solid #000;}
.keypad_wrap .btn_keypad2:focus:not(:focus-visible){outline:none;}

/* top 닫기 버튼 */
.btn_header_close:focus-visible {outline:2px solid #000;} 
.btn_header_close:focus:not(:focus-visible){outline:none;}
.btn_pop_close:focus-visible {outline:2px solid #000;} 
.btn_pop_close:focus:not(:focus-visible){outline:none;}

/* 주소 검색 팝업 */
.address_search .sub_tab_cate1 li a:focus-visible {outline:2px solid #000;} 
.address_search .sub_tab_cate1 li a:focus:not(:focus-visible){outline:none;} 
.search_area button.hcbtn_large:focus-visible {outline:2px solid #000;} 
.search_area button.hcbtn_large:focus:not(:focus-visible){outline:none;} 

.search_subtab li > h5 > a:focus-visible {outline:2px solid #000;} 
.search_subtab li > h5 > a:focus:not(:focus-visible){outline:none;} 

.search_form .form_select select:focus-visible {outline:2px solid #000;} 
.search_form .form_select select:focus:not(:focus-visible){outline:none;} 

/* 툴팁 */
.tooltip_wrap .tooltipBtn{position: relative;outline:none;}
.tooltip_wrap .tooltipBtn:focus-visible {outline:2px solid #000;} 
.tooltip_wrap .tooltipBtn:focus:not(:focus-visible) {outline:none;} 
.tit_area .tooltip:focus-visible {outline:2px solid #000;} 
.tit_area .tooltip:focus:not(:focus-visible){outline:none;} 

.box_group > .box input[type="checkbox"]:focus-visible + label{outline:2px solid #000;} 
.box_group > .box input[type="checkbox"]:focus:not(:focus-visible) + label{outline:none;} 
.box_group > .box input[type="checkbox"]:checked:focus-visible + label{outline:2px solid #000;} 
.box_group > .box input[type="checkbox"]:checked:focus:not(:focus-visible) + label{outline:none;} 
.box_group > .box input[type="radio"]:focus-visible + label{outline:2px solid #000;} 
.box_group > .box input[type="radio"]:focus:not(:focus-visible) + label{outline:none;} 
.box_group > .box input[type="radio"]:checked:focus-visible + label{outline:2px solid #000;} 
.box_group > .box input[type="radio"]:checked:focus:not(:focus-visible) + label{outline:none;} 
.box_group > .box label,
.box_group > .box > .txt_label{position:relative; display:block; z-index:2; width:100%; height:68px; padding:0; text-align:center; top:-1px; left:-1px; box-sizing:content-box;font-size:18px; transition:.2s ease;} 
.box_group > .box input:focus + label,
.box_group > .box > input:focus + .txt_label,
.box_group > .box > input + .txt_label:focus-visible{outline:2px solid #000;} 
.box_group > .box > input + .txt_label:focus:not(:focus-visible) {outline:none;} 

.box_group.type3 > .box input:focus-visible + label{outline:2px solid #000;} 
.box_group.type3 > .box input:focus:not(:focus-visible) + label{outline:none;} 

/* 네이버페이 */
.npay_wrap a:focus-visible {outline:2px solid #000;} 
.npay_wrap a:focus:not(:focus-visible){outline:none;} 


.chkbox input[type="checkbox"]:focus-visible + label:after{outline:2px solid #000;content:'';position:absolute; top:-1px;left:-1px; display:block; clear:both; width:25px;height:25px;} 
.chkbox input[type="checkbox"]:focus:not(:focus-visible) + label:after{outline:none;content:'';position:absolute; top:-1px;left:-1px; display:block; clear:both; width:25px;height:25px;} 
.checkbox input[type="checkbox"]:focus-visible + label:after{outline:2px solid #000;} 
.checkbox input[type="checkbox"]:focus:not(:focus-visible) + label:after{outline:none;} 

.checkbox input[type="radio"]:focus-visible + label{outline:2px solid #000;} 
.checkbox input[type="radio"]:focus:not(:focus-visible) + label{outline:none;} 


input[type="tel"]:focus-visible {outline:2px solid #000;} 
input[type="tel"]:focus:not(:focus-visible) + label{outline:none;} 
input[type="text"]:focus-visible {outline:2px solid #000;} 
input[type="text"]:focus:not(:focus-visible) + label{outline:none;} 
input[type="password"]:focus-visible {outline:2px solid #000;} 
input[type="password"]:focus:not(:focus-visible) + label{outline:none;} 

/*팝업 내 outline 잘릴때 p02_3.html*/
.form_group .element input[type="tel"]:focus-visible {outline:2px solid #000; position: relative; left:2px;} 
.form_group .element input[type="text"]:focus-visible {outline:2px solid #000; position: relative; left:2px;} 

/* check 아코디언 */
.check_group .list .btn_arrow,
.check_group .list_wrap > li .btn_arrow{position:absolute; top:0; right:0; display:block; width:60px; height:68px; outline: none;}
.check_group .list .btn_arrow:focus-visible{outline:2px solid #000;} 
.check_group .list .btn_arrow:focus:not(:focus-visible){outline:none;} 
.check_group .list_wrap > li .btn_arrow:focus-visible{outline:2px solid #000;} 
.check_group .list_wrap > li .btn_arrow:focus:not(:focus-visible){outline:none;} 
.check_group .list .btn_arrow_all,
.check_group .list_wrap > li .btn_arrow_all{position:absolute; top:0; right:0; display:block; width:60px; height:100%; outline: none;}
.check_group .list .btn_arrow_all:focus-visible{outline:2px solid #000;} 
.check_group .list .btn_arrow_all:focus:not(:focus-visible){outline:none;} 
.check_group .list_wrap > li .btn_arrow_all:focus-visible{outline:2px solid #000;} 
.check_group .list_wrap > li .btn_arrow_all:focus:not(:focus-visible){outline:none;} 
/*p02_3.html*/
.check_group button.btn_arrow:focus-visible {outline:2px solid #000;} 
.check_group button.btn_arrow:focus:not(:focus-visible){outline:none;} 
/* 개인(신용)정보 아코디언 */
.grade_area .grade_terms a:focus-visible {outline:2px solid #000;} 
.grade_area .grade_terms a:focus:not(:focus-visible) + label{outline:none;} 

.chechbox_list li .link_layer > a:focus-visible {outline:2px solid #000;}
.chechbox_list li .link_layer > a:focus-visible:not(:focus-visible) + label {outline:none;}

.check_dropdown .chkbox > .btn_arrow:focus-visible {outline:2px solid #000;} 
.check_dropdown .chkbox > .btn_arrow:focus:not(:focus-visible) {outline:none;}

/* input_add */
.input_add button.btn_elem:focus-visible {outline:2px solid #000;} 
.input_add button.btn_elem:focus:not(:focus-visible) + label{outline:none;} 
.cnt_div .btn_elem:focus-visible {outline:2px solid #000;} 
.cnt_div .btn_elem:focus:not(:focus-visible) + label{outline:none;} 

/*신용카드 설명서*/
.borderAR > a:focus-visible {outline:2px solid #000;} 
.borderAR > a:focus:not(:focus-visible) + label{outline:none;} 

/*popup 직장조회 리스트*/
.pop_view .radio_list .list_wrap > li .checkbox input:focus-visible + label{outline:2px solid #000;} 
.pop_view .radio_list .list_wrap > li .checkbox input:focus:not(:focus-visible) + label{outline:none;} 

/*은행선택 더보기*/
.more_list > button:focus-visible {outline:2px solid #000;} 
.more_list > button:focus:not(:focus-visible){outline:none;} 

/*본인인증 팝업*/
.checkbox_list li > .link_layer > a:focus-visible {outline:2px solid #000;} 
.checkbox_list li > .link_layer > a:focus:not(:focus-visible){outline:none;} 

.chkbox.styFlt input[type="radio"]:focus-visible + label{outline:2px solid #000;}
.chkbox.styFlt input[type="radio"]:focus:not(:focus-visible) + label{outline:none;} 

.pop_btn_area > .btn_pop{position:relative;vertical-align:middle; height:60px; font-size:18px; text-align:center; width:100%; float:none; border:0;outline:none;} 
.pop_btn_area > a.btn_more.btn_pop{display:inline-block;}/*display:inline-block; -> p09_CPCCA2403_addService_auto.html 일부결제금액이월약정팝업 내 신청 버튼*/
.pop_btn_area > .btn_pop:focus-visible:after {content:'';display:block;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;position:absolute;left:1px;top:1px;outline:2px solid #000;} 
.pop_btn_area > .btn_pop:focus:not(:focus-visible){outline:none;} 
.pop_btn_area.col2 > .btn_pop:last-child {border-left:1px solid #ccc;outline:none;} 

/* 리볼빙 slider-bar */
.slider_area .ui-slider .ui-slider-handle:focus-visible:before {outline:2px solid #000;} 
.slider_area .ui-slider .ui-slider-handle:focus-visible:not(:focus-visible):before {outline:none;} 

/* 이벤트배너 */
#topEventBannerBox .top_event_banner:focus-visible {outline:2px solid #000;} 
#topEventBannerBox .top_event_banner:focus-visible:not(:focus-visible) {outline:none;} 

.app_service_wrap a.btn_arrow2:focus-visible {outline:2px solid #000;} 
.app_service_wrap a.btn_arrow2:focus-visible:not(:focus-visible) {outline:none;} 

.toggleCont .al_r a:focus-visible {outline:2px solid #000;} 
.toggleCont .al_r a.btn_arrow2:focus-visible:not(:focus-visible) {outline:none;} 

/*부가서비스*/
.gpcc_input_area a.btn_delete:focus-visible {outline:2px solid #000;} 
.gpcc_input_area a.btn_delete:focus:not(:focus-visible) {outline:none;}

.btnRight .btn_wrap a.btn_elem:focus-visible {outline:2px solid #000;} 
.btnRight .btn_wrap a.btn_elem:focus:not(:focus-visible) {outline:none;}
/*아파트명 검색*/
.address_list > li > a:focus-visible {outline:2px solid #000;} 
.address_list > li > a:focus:not(:focus-visible) {outline:none;}
.agree_bundle .list a.btn_pop_arrow:focus-visible {outline:2px solid #000;} 
.agree_bundle .list a.btn_pop_arrow:focus:not(:focus-visible) {outline:none;}

/* footer */
#footer a.btn_footer {position:relative;}
#footer a.btn_footer:focus-visible:after {content:'';display:block;width:calc(100% - 4px);height:calc(100% - 4px);box-sizing:border-box;position:absolute;left:2px;top:2px;outline:4px solid #000;}
#footer a.btn_footer:focus:not(:focus-visible):after {outline:none;}

#footer button.btn_footer {position:relative;}
#footer button.btn_footer:focus-visible:after {content:'';display:block;width:calc(100% - 4px);height:calc(100% - 4px);box-sizing:border-box;position:absolute;left:2px;top:2px;outline:4px solid #000;}
#footer button.btn_footer:focus:not(:focus-visible):after {outline:none;}

.tab.list > ul > li > a:focus-visible {outline:2px solid #000;} 
.tab.list > ul > li > a:focus:not(:focus-visible){outline:none;} 


.select_dropdown > .txt_select:focus-visible {outline:2px solid #000;} 
.select_dropdown > .txt_select:focus:not(:focus-visible) {outline:none;} 

.dropdown_menu ul > li > .slct_menu:focus-visible:after {content:'';display:block;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;position:absolute;left:1px;top:1px;outline:2px solid #000;} 
.dropdown_menu ul > li > .slct_menu:focus:not(:focus-visible){outline:none;} 
.dropdown_menu ul > li.on > .slct_menu{color:#111}

.select_dropdown.on > .txt_select:focus-visible{outline:2px solid #000;} 
.select_dropdown.on > .txt_select:focus:not(:focus-visible){outline:none;} 

.box_group.box_wrap .box.select_dropdown.wrap > .txt_select{top:0; left:0; width:100%; height:100%;cursor: pointer;} 
.box_group.box_wrap .box.select_dropdown.wrap > .txt_select:focus-visible {outline:2px solid #000;} 
.box_group.box_wrap .box.select_dropdown.wrap > .txt_select:focus:not(:focus-visible){outline:none;} 

.revDiim .box_group.box_wrap .box.select_dropdown.wrap > .txt_select{pointer-events:none;cursor:default;} 

.btn_del:focus-visible{outline:2px solid #000;} 
.btn_del:focus:not(:focus-visible){outline:none;}  

.terms_slider .slider_btn .prev_btn a:focus-visible{outline:2px solid #000;} 
.terms_slider .slider_btn .prev_btn a:not(:focus-visible){outline:none;}  
.terms_slider .slider_btn .next_btn a:focus-visible{outline:2px solid #000;} 
.terms_slider .slider_btn .next_btn a:not(:focus-visible){outline:none;}  
.terms_context a:focus-visible{outline:2px solid #000;} 
.terms_context a:not(:focus-visible){outline:none;}
.terms_slider .slider_btn li.hide {display:block !important;opacity:0.5;}

/*포커스 되어있을때 보더값 삭제*/
.box_group > .box input[type="radio"]:checked:focus-visible + label > span:before, .box_group> .box input[type="checkbox"]:checked:focus-visible + label > span:before {border:0;}
.box_group > .box input[type="radio"]:checked:focus-visible + label, .box input[type="checkbox"]:checked:focus-visible + label {color:#777;}
.depth.box_group > .box.arrow input[type="radio"]:checked:focus-visible + label:after, .depth.box_group > .box.arrow input[type="checkbox"]:checked:focus-visible + label:after {border-bottom:7px solid #000;}
.dropdown_menu ul > li > .slct_menu:focus-visible:after{border:0;}

.tab.list > ul > li.active > a:focus-visible{border:0; color:#777;}
.tab.list > ul > li.active > a:focus-visible > span:before {border:0;} 

.sub_tab_cate1 > li.on > a:focus-visible:before {border:0;}

/*카드디자인 선택*/
.plate_card_cont .pop_card_slide input:focus-visible {outline:2px solid #000;}
.plate_card_cont .pop_card_slide input:focus:not(:focus-visible){outline:none;} 

.card_select_list li input:focus-visible + label:after {outline:2px solid #000; border:0;}
.card_select_list li input:not(:focus-visible) + label:after {outline:none;}

.pop_content.scroll.terms_area .scroll_area:focus-visible{outline:2px solid #000;}
.pop_content.scroll.terms_area .scroll_area:focus:not(:focus-visible){outline:none;}  

.pop_content.scroll .scroll_area:focus {outline:2px solid #000;}
/* .pop_content.scroll .scroll_area:focus:not(:focus-visible){outline:none;} */

/* 2022-03-03 익스플로러 웹접근성 초점 스타일 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    a:focus, button:focus {outline:2px solid #000;}
    a:focus:not(.focus-visible) {outline:none;}
	button:focus:not(.focus-visible) {outline:none;}
	.tit_area .tooltip:focus{outline:2px solid #000;}
	.tit_area .tooltip:not(.focus-visible){outline:none;}
	.card input:focus + label{outline:2px solid #000;}
	.card input:not(.focus-visible) + label{outline:none;}
	.box_group > .box > input + .txt_label:focus{outline:2px solid #000;}
	.box_group > .box > input + .txt_label:not(.focus-visible) {outline:none;}
	.box_group.type3 > .box input:focus + label{outline:2px solid #000;}
	.box_group.type3 > .box input:not(.focus-visible) + label{outline:none;}
	.box_group > .box input[type="checkbox"]:focus + label{outline:2px solid #000;}
	.box_group > .box input[type="checkbox"]:not(.focus-visible) + label{outline:none;}
	.box_group > .box input[type="checkbox"]:checked:focus + label{outline:2px solid #000;}
	.box_group > .box input[type="checkbox"]:checked:not(.focus-visible) + label{outline:none;}
	.box_group > .box input[type="radio"]:focus + label{outline:2px solid #000;}
	.box_group > .box input[type="radio"]:not(.focus-visible) + label{outline:none;}
	.box_group > .box input[type="radio"]:checked:focus + label{outline:2px solid #000;}
	.box_group > .box input[type="radio"]:checked:not(.focus-visible) + label{outline:none;}
	input[type="text"]:focus {outline:2px solid #000;}
	input[type="text"]:not(.focus-visible) + label{outline:none;}
	input[type="password"]:focus {outline:2px solid #000;}
	input[type="password"]:not(.focus-visible) + label{outline:none;}
	.select_dropdown > .txt_select:focus {outline:2px solid #000;}
	.select_dropdown > .txt_select:not(.focus-visible) {outline:none;}
	.dropdown_menu ul > li > .slct_menu:focus:after {content:'';display:block;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;position:absolute;left:1px;top:1px;outline:2px solid #000;}
	.dropdown_menu ul > li > .slct_menu:not(.focus-visible){outline:none;}
	.select_dropdown.on > .txt_select:focus{outline:2px solid #000;}
	.select_dropdown.on > .txt_select:not(.focus-visible){outline:none;}
	.box_group.box_wrap .box.select_dropdown.wrap > .txt_select:focus {outline:2px solid #000;}
	.box_group.box_wrap .box.select_dropdown.wrap > .txt_select:not(.focus-visible){outline:none;}
	.chkbox input[type="checkbox"]:focus + label:after{outline:2px solid #000;content:'';position:absolute; top:-1px;left:-1px; display:block; clear:both; width:25px;height:25px;}
	.chkbox input[type="checkbox"]:not(.focus-visible) + label:after{outline:none;content:'';position:absolute; top:-1px;left:-1px; display:block; clear:both; width:25px;height:25px;}
	.checkbox input[type="checkbox"]:focus + label:after{outline:2px solid #000;}
	.checkbox input[type="checkbox"]:not(.focus-visible) + label:after{outline:none;}
	.check_group .list_wrap > li .btn_arrow:focus{outline:2px solid #000;}
	.check_group .list_wrap > li .btn_arrow:not(.focus-visible){outline:none;}
	.check_group .list_wrap > li .btn_arrow_all:focus{outline:2px solid #000;}
	.check_group .list_wrap > li .btn_arrow_all:not(.focus-visible){outline:none;}
	.check_group .list_wrap.chkL .download:focus {outline:2px solid #000;}
	.check_group .list_wrap.chkL .download:not(.focus-visible) {outline:none;}
	.check_group .list .btn_arrow:focus{outline:2px solid #000;}
	.check_group .list .btn_arrow:not(.focus-visible){outline:none;}
	.check_group .list .btn_arrow_all:focus{outline:2px solid #000;}
	.check_group .list .btn_arrow_all:not(.focus-visible){outline:none;}
	.pop_btn_area > .btn_pop:focus:after {content:'';display:block;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;position:absolute;left:1px;top:1px;outline:2px solid #000;}
	.pop_btn_area > .btn_pop:not(.focus-visible){outline:none;}
	.tab.list > ul > li > a:focus {outline:2px solid #000;}
	.tab.list > ul > li > a:not(.focus-visible) {outline:none;}
	.tooltip_wrap .tooltipBtn:focus {outline:2px solid #000;}
	.tooltip_wrap .tooltipBtn:not(.focus-visible) {outline:none;}
	.checkbox input[type="radio"]:focus + label{outline:2px solid #000;}
	.checkbox input[type="radio"]:not(.focus-visible) + label{outline:none;}
	.form_group .element.input_group input[type="tel"].input_box:focus{outline:2px solid #000;}
	.form_group .element.input_group input[type="tel"].input_box:not(.focus-visible){outline:none;}
}

/* 2022-05-02 Q10549 마이시큐리티 */
.badge{display: inline-block;font-size: 12px;background-color: #ebebeb;line-height: 16px;padding: 2px 6px;border-radius: 16px;font-weight: 700;}
.tit_area > h3.tit > .badge {margin-left:2px;} 
.box_solid{padding: 16px 24px;border-radius: 8px;background: #f5f5f5;}  
.box_solid > .list_dot li {font-size:16px; line-height:22px; margin-top:9px;}
.box_solid > .list_dot li:first-child {margin-top:0;} 
.security .layer_pop .pop_content .terms_context {color:#777;}
.security .valid_area .box_solid + .box_group {margin-top:25px;}  
.box_group em.sub_txt01 {display: inline-block; font-size:12px; vertical-align:3px; font-weight:bold;}
.box_group > .box input[type="radio"]:checked + label em.sub_txt01 {font-weight:bold;}

/* 2022-06-24 Q10549 #121_PLCC비표준_금리인하요구권 */
.plcc_bul_list li {position: relative; margin-top:6px; padding-left:8px;}
.plcc_bul_list li:first-child {margin-top:0;}
.plcc_bul_list li:before {display:block; content:""; position:absolute; left:0; top:10px; width:2px; height:2px; background-color:rgba(0,0,0,0.4);}
.ml10 {margin-left:1rem !important;}
.ml20 {margin-left:2rem !important;}

/* 2022-07-04 Q10546 #124 PLCC비표준화 개인정보동의수정 */
.terms_inner_list{padding:14px;margin-left:38px}
.terms_inner_list li + li{margin-top: 8px;}
.btn_arrow.btn_top{height:45px !important;}
.pop_in_radio {display:flex;margin-top:30px;}
.pop_in_radio .box_rad01 {position: relative;}
.pop_in_radio .box_rad01 + .box_rad01 {margin-left:28px;}
.pop_in_radio .radio_label {padding-left:32px;background:#fff;font-size:15px;line-height:26px;}
.pop_in_radio .radio_input:focus {outline:none;}
.pop_in_radio .radio_input + .radio_label:before {content:'';position:absolute;background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_wht.png);background-color:#e0e0e0;border-radius: 100%;top: 2px;left: 0;opacity: 1;background-size: 24px;width: 22.5px;height: 22.5px;}
.pop_in_radio .radio_input:checked + .radio_label:before {background-color: #539cb6;}
.pop_in_radio .radio_input + .radio_label:after {content:'';background:none;}
.terms_tab{margin-bottom: 30px;}
.terms_tab_detail_wrap{}
.terms_tab_detail_wrap .terms_tab_detail{display: none;}
.terms_tab_detail_wrap .terms_tab_detail.active{display: block;}
.pop_in_box {display:block;position: relative;width:100%;padding:17px 19px 23px;margin-top:24px;background-color: rgba(0,0,0,0.04);box-sizing: border-box;}
.pop_in_box .p1_b_1ln {color: #000;font-weight:bold;line-height:22px;font-size: 16px;}
.pop_in_check {display: flex;position: relative;flex-wrap: wrap;}
.pop_in_check .check_label {display: inline-block;position: relative;padding: 4px 0 4px 34px;font-size: 16px;line-height: 22px;color: #858585;cursor: pointer;word-break: keep-all;}
.pop_in_check .check_input + .check_label:before {content: '';position: absolute;top: 4px;left: 4px;width: 24px;height: 24px;opacity: 0.2;background: url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b.png) no-repeat 50% 50%;background-size: 32px 32px;}
.pop_in_check .check_input:checked + .check_label {color: #000;}
.pop_in_check .check_input:checked + .check_label:before {opacity:1;}
.pop_in_check .check_input + .check_label:after {background:none;}
.pop_in_check.col2 li {width: 50%;margin: 16px 0 0 0;padding: 0;}


/* 2022-08-23 Q10549 169_PLCC비표준_공공마데 신규회원 재유도 팝업 및 소득 관련 화면 추가 */
.pop_btn_area.z9 {z-index:9;}

/* #185_Q10863 KT알뜰폰 이용약관 추가 */
.check_group.valid.error .txt_valid_air{display: block !important;}
.txt_valid_air{display: none !important;}