@charset "utf-8";

/* font-size */
.fz18 { font-size: 18px !important; }
.fz20 { font-size: 20px !important; }

/* font-color */
.fc212121 { color: #212121 !important; }
.fcff5700 { color: #ff5700 !important }

/* border */
.bor-primary { border: 1px solid #e67602 !important; }

.online .inlineBlock { display: inline-block !important; }

.ui-modal-inner .ui-acco .ui-acco-pnl { padding: 23px 25px; }

/* 온라인보험 로고 */
.online .gnb .logo { width:163px; height:24px; background:url('../../images/home/online_logo.png') no-repeat; background-size:100%; }
.online .gnb-menu { margin-left:50px; }

/* 전체메뉴 */
.online-menu .menu-wrap .menu-list.insure a::before { content:''; position:absolute; display:block; top:7px; left:0; width:20px; height:20px; background-image:url('../../images/home/ico_online_menu.png'); background-repeat:no-repeat; background-size:78px 109px;}
.online-menu .menu-wrap .menu-list.insure .name01 a::before{background-position:-29px -29px;}
.online-menu .menu-wrap .menu-list.insure .name02 a::before{background-position:0 -29px;}
.online-menu .menu-wrap .menu-list.insure .name03 a::before{background-position:-29px -60px;}
.online-menu .menu-wrap .menu-list.insure .name04 a::before{background-position:-56px -60px;}
.online-menu .menu-wrap .menu-list.insure .name05 a::before{background-position:-30px 0;}
.online-menu .menu-wrap .menu-list.insure .name06 a::before{background-position:-58px 0;}
.online-menu .menu-wrap .menu-list.insure .name07 a::before{background-position:0 0;}
.online-menu .menu-wrap .menu-list.insure .name08 a::before{background-position:0 -59px;}
.online-menu .menu-wrap .menu-list.insure .name09 a::before{background-position:-57px -28px;}
.online-menu .menu-wrap .menu-list.insure .name10 a::before{background-position:0 -89px;}
.online-menu .menu-wrap .menu-list.insure .name11 a::before{background-position:-28px -89px;}

/* radio button - tab type */
.online .radio-wrap.type-tab::after { content:''; display:block; clear:both; }
.online .radio-wrap.type-tab label:nth-of-type(1),
.online .radio-wrap.type-tab input[type="radio"]:checked + label:nth-of-type(1)::after { border-top-left-radius:7px; border-bottom-left-radius:7px; }
.online .radio-wrap.type-tab label:last-child,
.online .radio-wrap.type-tab input[type="radio"]:checked + label:last-child::after { border-top-right-radius:7px; border-bottom-right-radius:7px; }
.online .radio-wrap.type-tab.col2 label { width:50%; }
.online .radio-wrap.type-tab.col3 label { width:33.3%; }
.online .radio-wrap.type-tab.col4 label { width:25%; }
.online .radio-wrap.type-tab.col5-1 label { width:20%; }  /* 20230209 추가 */
.online .radio-wrap.type-tab.col6 label { width:16.66%; } /* 20230209 추가 */
.online .radio-wrap.type-tab label:last-child { /*border-right:1px #e0e0e0 solid;*/ }
.online .radio-wrap.type-tab label::before,
.online .radio-wrap.type-tab label::after { display:none; }
.online .radio-wrap.type-tab label.multi-line { font-size:13px; padding:6px 0; }
.online .radio-wrap.type-tab input[type="radio"]:checked + label { color:#000; background:#fff7f1; }
.online .radio-wrap.type-tab input[type="radio"]:checked + label::before { position:absolute; display:block; top:6px; left:8px; width:8px; height:5px; margin-right:5px; background:none; border-bottom:1px #e67602 solid; border-left:1px #e67602 solid; border-right:0; border-top:0; border-radius:0; transform:rotateZ(-45deg); box-shadow:none; }
.online .radio-wrap.type-tab input[type="radio"]:checked + label::after { position:absolute; display:block; top:-1px; left:-1px; width:100%; height:100%; border:1px #e67602 solid; border-radius:0; background:none; z-index:1; }
.online .radio-wrap.type-tab.col2 label:nth-of-type(1),
.online .radio-wrap.type-tab.col2 input[type="radio"]:checked + label:nth-of-type(1)::after { border-top-left-radius:7px; border-bottom-left-radius:0; }
.online .radio-wrap.type-tab.col2 label:nth-of-type(2n+2) { border-right:1px #e0e0e0 solid; border-top-right-radius:7px; }
.online .radio-wrap.type-tab.col2 input[type="radio"]:checked + label:nth-of-type(2n+2)::after { border-color:#e67602; border-top-right-radius:7px; }
.online .radio-wrap.type-tab.col2 label:nth-of-type(2n+3) { border-top:0; border-bottom-left-radius:7px; }
.online .radio-wrap.type-tab.col2 input[type="radio"]:checked + label:nth-of-type(2n+3)::after { border-bottom-left-radius:7px; }
.online .radio-wrap.type-tab.col2 label:nth-of-type(2n+4) { border-top:0; border-top-right-radius:0; border-bottom-right-radius:7px; }
.online .radio-wrap.type-tab.col2 input[type="radio"]:checked + label:nth-of-type(2n+4)::after { border-top-right-radius:0; border-bottom-right-radius:7px; }
.online .radio-wrap.type-tab.col2 label:nth-last-of-type(2),
.online .radio-wrap.type-tab.col2 input[type="radio"]:checked + label:nth-last-of-type(2)::after { border-bottom-left-radius:7px; }
.online .radio-wrap.type-tab.col5 label:nth-of-type(4), /* 2024-06-10 고객 db 개선 */
.online .radio-wrap.type-tab.col5 label:nth-of-type(5) { border-top: 1px #bdbdbd solid; }

/* tooltip */
.ui-tooltip {background:#f5f5f5 !important; color:#000; box-shadow: 0 5px 5px rgba(110,110,110,0.2); }
.ui-tooltip.ps-ct .tt-arrow,
.ui-tooltip.ps-cb .tt-arrow,
.ui-tooltip.ps-lt .tt-arrow,
.ui-tooltip.ps-lb .tt-arrow,
.ui-tooltip.ps-rt .tt-arrow,
.ui-tooltip.ps-rb .tt-arrow {background:#f5f5f5; }
.ui-tooltip .ul-base li {color:#000; }

/* 보험료계산 */
.online .choice-wrap.type-vi li:last-child button{margin-right:15px;}
.online .choice-wrap.col3 li { width:33.3%; }
.online .choice-wrap .text { padding: 0; font-weight: 800; }

/* 특징 : 공통요소 */
.online .text-wrap + [class*="infographic"]{margin-top:30px;}
.online [class*="infographic"]{position:relative; margin:0 auto;}
.online [class*="infographic"] .add-coin{color:#616161; text-align:left;}
.online [class*="infographic"] .total-coin{color:#424242;}
.online [class*="infographic"] .total-coin.pigs::before{content:''; position:absolute; display:block; background:url('../../images/home/ico_pig_tailed.png') no-repeat;}
.online [class*="infographic"] ul.flex-wrap {align-items:flex-end; margin:0 auto; text-align:center;}
.online [class*="infographic"] ul.flex-wrap li{display:flex; flex-direction:column; align-items:center; text-align:center;}
.online [class*="infographic"] ul.flex-wrap li .name{color:#424242; font-weight:700;}
.online [class*="infographic"] ul.flex-wrap li .name + .name{position:absolute; left:50%; bottom:-20px; width:100%; transform:translateX(-50%);}
.online [class*="infographic"] ul.flex-wrap li .name:last-child {bottom:-40px;white-space:nowrap;}
.online [class*="infographic"].type-coin{margin-top:70px;}
.online [class*="infographic"].type-coin .zigzag{bottom:auto;}
.online [class*="infographic"] .graphic-info { color:#424242; text-align:right; margin-top:30px; }
.online .infographic-03 ul.flex-wrap::before{content:''; position:absolute; right:40px; bottom:33px; width:calc(100% - 65px); height:1px; background:#e0e0e0;}
.online .infographic-03 ul.flex-wrap.middle-dash::after { content:''; position:absolute; display:block; top:153px; left:-14px; width:100%; height:2px; border-top:2px dotted #f49314; box-sizing:border-box; }

/*기사보기*/
.newspaper {display:flex;justify-content:space-between;}
.newspaper .area {position:relative;width:485px;height:550px;padding:40px 25px;border-radius:7px;background:#d0e5fe;text-align:center;}
.newspaper .area:last-child {background:#ffe985;}
.newspaper .area .h1 {font-size:30px;}
.newspaper .area .h2 {font-size:25px;font-weight:400;line-height:35px;margin:30px 0;}
.newspaper .area .h3 {font-size:17px;font-weight:400;line-height:25px;}
.newspaper .area p {position:absolute;bottom:115px;left:28px;right:28px;font-size:13px;font-weight:400;line-height:20px;word-break:keep-all;}
.newspaper .area:last-child p {padding:0 22px;}
.newspaper .area .all-view {position:absolute;left:0;right:0;bottom:40px;text-align:center;}
.newspaper .area .all-view a {display:block;width:177px;margin:0 auto;border:1px solid #747474;border-radius:4px;background:#fff;color:#000;font-size:15px;line-height:40px;}

/* 보험료계산 : 변액보험 선택가능펀드 */
.online .addfund-filters { background:#fff; }

/* 보험료계산 : 입원보장보험 특징 동영상 */
.online .product .sub-vod-wrap { position:relative; margin-top:30px; }

/* 코인 : 위로 쌓여있는 스타일 */
.online .coin-01 > span{overflow:hidden; position:relative; display:block; z-index:1; margin-bottom:-1px; border:1px solid #555; }
.online .coin-01 > span:last-child{border-bottom:1px solid #555;}
.online .coin-01 > span::before,
.online .coin-01 > span::after{content:''; box-sizing:border-box; position:absolute; bottom:0; display:block; width:100%;}
.online .coin-01 > span::before{border-left:2px #fff solid;}
.online .coin-01 > span::after{left:5px; z-index:2; background:rgba(255, 255, 255, 0.5);}
.online .coin-01 span.primary::before{background:#f6ab49; border-right:2px #f49314 solid;}
.online .coin-01 span.second::before{background:#fee77a;}
.online .coin-01 span.deactive{border-color:#e0e0e0;}
.online .coin-01 span.deactive::before{background:#f5f5f5; border-right:2px #eee solid;}
.online .coin-01 span.deactive2 { border-color:#f4e4d0; }
.online .coin-01 span.deactive2::before{background:#fef2e2; border-right:2px #eee solid;}

/* 코인 : 입원보장보험에 옆으로 나열된 스타일 */
.online .coin-02{display:inline-flex;}
.online .coin-02 span{z-index:1; overflow:hidden; position:relative; display:block;  border:1px solid #555; border-radius:50%;background:url('../../images/home/bg_coin.png') no-repeat; background-size:28px;}
.online .coin-02 span.deactive{background-position:0 -28px; border-color:#e0e0e0;}
.online .coin-02 span:nth-child(1){left:-5px;}
.online .coin-02 span:nth-child(2){left:-10px;}
.online .coin-02 span:nth-child(3){left:-15px;}
.online .coin-02 span:nth-child(4){left:-20px;}
.online .coin-02 span:nth-child(5){left:-25px;}
.online .coin-02 span:nth-child(6){left:-30px;}
.online .coin-02 span:nth-child(7){left:-35px;}
.online .coin-02 span:nth-child(8){left:-40px;}
.online .coin-02 span:nth-child(9){left:-45px;}
.online .coin-02 span:nth-child(10){left:-50px;}
.online .coin-02 span:nth-child(11){left:-55px;}
.online .coin-02 span:nth-child(12){left:-60px;}

/* 코인 : 지그재그로 쌓여있는 스타일 */
.online .zigzag, .online .zigzag .coin-01{position:absolute;}
.online .zigzag .coin-01:last-child::before{content:''; display:block; margin-left:5px; border-radius:50%; border:1px #555 solid; background-color:#fff; background-image:url('../../images/home/bg_coin.png'); background-repeat:no-repeat;}
.online .zigzag .coin-01 > span{border-bottom:1px solid #555;}
.online .zigzag .coin-01 > span:nth-child(odd){margin-left:3px;}
.online .zigzag .coin-01:first-child{left:0; bottom:3px;}
.online .zigzag .coin-01:last-child{left:15px; bottom:0;}

/* 청약 : step scroll */
.online .type-step { position:relative; height:100%; overflow:auto; padding-bottom:0; }
.online .step-inner { position:relative; top:0; width:100%; padding-top:0; }
.online .step-inner .main-page { position:relative; display:none; border:0; margin:0; padding-top:25px; }
.online .main-page .btn-prev,
.online .main-page .btn-next { position:relative; display:block; left:50%; width:50px; height:50px; font-size:30px; color:#999; line-height:50px; text-align:center; text-decoration:none; border-radius:50px; pointer-events:none; margin-left:-20px; transition:background-color 0.2s linear; text-indent:-9999px; }
.online .main-page .btn-prev { position:absolute; pointer-events:all; z-index:1; }
.online .main-page .btn-next { background:#f0f0f0; }
.online .main-page .btn-next.active { color:#fff; background:#e67602; pointer-events:all; } /* 2023 접근성 컬러 수정 */
.online .main-page .btn-prev > span,
.online .main-page .btn-next > span { display:inline-block; font-size:xx-small; width:0; height:0; overflow:hidden; }
.online .main-page .btn-prev::before,
.online .main-page .btn-next::before{content:''; position:absolute; display:block; top:50%; left:15px; width:17px; height:17px; margin-right:5px; background:none; border-bottom:3px #fff solid; border-left:3px #fff solid; border-right:0; border-top:0; border-radius:0;}
.online .main-page .btn-prev::before{ transform:rotateZ(135deg); border-color:#eee; margin-top:-5px; }
.online .main-page .btn-next::before{transform:rotateZ(-45deg); margin-top:-15px; }

/* 상단 토글 버튼 */
.btnToggleWrap { position: fixed; top: 40px; z-index: 11; }
.btnToggleWrap .btn_toggle { width: 35px; height: 35px; font-size: 0; border-radius: 30px; background-color: #e67602; opacity: .5; }
.btnToggleWrap .btn_toggle::before { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px; background-color: #fff; }
.btnToggleWrap .btn_toggle::after { content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 16px; margin: -8px 0 0 -1px; background-color: #fff; }
.btnToggleWrap #stepTopToggle { display: none; position: absolute; top: 50px; left: 0; width: 180px; padding: 10px; border: 1px solid #000; background-color: #fff; }
.btnToggleWrap #stepTopToggle::before { content: ''; position: absolute; top: -21px; left: 8px; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #000; border-left: 10px solid transparent; }
.btnToggleWrap #stepTopToggle::after { content: ''; position: absolute; top: -20px; left: 8px; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; }
.btnToggleWrap #stepTopToggle > button { display: block; width: 100%; height: 40px; padding-left: 50px; text-align: left; font-size: 14px; border: 1px solid #000; border-radius: 5px; }
.btnToggleWrap #stepTopToggle .btn1 { background: url('/images/home/icon_dictionary.png') no-repeat 17px center; background-size: 22px auto; }
.btnToggleWrap #stepTopToggle .btn2 { margin-top: 5px; background: url('/images/home/icon_consulting.png') no-repeat 17px center; background-size: 24px auto; }
.btnToggleWrap #stepTopToggle .btn3 { margin-top: 5px; background: url('/images/home/icon_insuGuideDoc.png') no-repeat 17px center; background-size: 23px auto; }

/* 청약 : 다음버튼 */
.online .main-page .btn-next.text {left:auto;width:160px;height:50px;margin:0 auto;border-radius:5px;text-indent:0;}
.online .main-page .btn-next.text:before {display:none;}
.online .main-page .btn-next.text span {position: static;display:block;width:100%;height:100%;font-size:15px;line-height:50px;clip-path:none;}

/* 청약 : 질병상해안내 아이콘 */
.online .illness-list > div::before{content:''; position:absolute; top:50%; display:block; background:url('../../images/home/bg_illness.png') no-repeat;}

/* 청약 : 질병/상해 안내사항 */
.online .btn-info{position:relative; display:inline-block; padding-left:20px; font-size:13px; font-weight:700;}
.online .btn-info::before{content:''; position:absolute; top:2px; left:0; display:block; width:13px; height:14px; background:url('../../images/home/ico_notice.png') left top no-repeat; background-size:13px 14px;}

/* 계약전 알릴사항 : 질병고지 */
.online .list-area {margin-top:-18px;}
.online .list-area .data-wrap {border-bottom:0;}
.online .list-area .data-wrap .data-item {border-top:0; border-bottom:1px solid #e0e0e0; }

/** 2020.08.26(수정) 청약 : 완료 (보험료변경 포함) 및 공통(알림)팝업 **/
.online .title-wrap.happycall{ background:url('../../images/home/ico_complete_happycall_02.png') center top no-repeat;}
.online .title-wrap.complete{ background:url('../../images/home/online_ico_complete.png') center top no-repeat;}
.online .title-wrap.change{ background:url('../../images/home/online_ico_change.png') center top no-repeat;}
.online .title-wrap.consult{ background:url('../../images/home/ico_alert_consult.png') center top no-repeat;}
.online .title-wrap.system{ background:url('../../images/home/ico_alert_system.png') center top no-repeat;}
.online .title-wrap.timeout{ background:url('../../images/home/ico_alert_timeout.png') center top no-repeat;}

/** 2020.08.26 :: 청약 : 완료 효과 */
.online .bg-effect{position:absolute; left:50%; top:0; width:200px; height:130px; z-index:1; transform:translateX(-50%);}
.online .bg-effect .check{position:absolute; border-radius:50%; background:#f6ab49; }
.online .bg-effect .check::before,
.online .bg-effect .check::after{content:''; position:absolute; display:block; height:1px; background:#000; transform-origin:0 0;}
.online .bg-effect .check::before{transform:rotate(45deg);}
.online .bg-effect .check::after{transform:rotate(-50deg);}

/* 청약 : 펀드선택 */
.online .paging-nextprev { margin:0; }
.online .paging-nextprev .btn-prevpage { left:0; }
.online .paging-nextprev .btn-nextpage { right:0; }

/* 청약 : 면허증 */
.online .input-wrap.type-drive .input-item:first-child { width:120px; margin-right:10px; }
.online .input-wrap.type-drive .input-item { width:calc(100% - 130px); }

/* 청약 : 가입진단 */
.online .img-link-list{padding:35px 0 40px; border-top:2px solid #000; border-bottom:1px solid #bdbdbd;}
.online .img-link-list li{padding:0 0 25px 5px; margin-bottom:40px; border-bottom:1px solid #eee;}
.online .img-link-list li:first-child { border-bottom-width:2px; border-bottom-color:#000; padding-bottom:35px; }
.online .img-link-list li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.online .img-link-list li > a{display:block; position:relative; font-size:11px; color:#757575; line-height:1.5; letter-spacing:0;}
.online .img-link-list li > a::after{content:''; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:25px; height:25px; background:url('../../images/home/ico_arrow.png') left 0 top 50% no-repeat; background-size:25px;}
.online .img-link-list li span { color:#000;}
.online .img-link-list li span.under-primary { font-size:23px; font-weight:800; }
.online .img-link-list li span.under-sub { font-size:15px; font-weight:700; }
.online .img-link-list li span + p{margin-top:10px; font-size:11px; line-height:17px; padding-right:65px; }
.online .img-link-list li span.under-sub + p { margin-top:5px; }
.online .img-link-list.type-B{padding:0 0 30px 0; margin-top:0; border:0;}
.online .img-link-list.type-B strong{position:relative; display:block; font-size:15px; color:#000; font-weight:800; letter-spacing:0;}
.online .img-link-list.type-B li{margin:0; padding:35px 0; color:#757575; font-weight:300;}
.online .img-link-list.type-B li:first-child{margin-top:0; border-top:0;}
.online .img-link-list.type-B li:last-child{border-bottom:1px solid #eee;}
.online .img-link-list.type-B li.id{background:url('../../images/home/bg_id.png') right 20px top 50% no-repeat; background-size:37px 28px; border-bottom:1px #eee solid;}
.online .img-link-list.type-B li.mop{background:url('../../images/home/bg_mop.png') right 20px top 50% no-repeat; background-size:35px 25px;}
.online .img-link-list.type-B li.ds{background:url('../../images/home/bg_ds.png') right 20px top 38px no-repeat; background-size:35px 22px;}
.online [class*="under-"]{position:relative; z-index:1; display:inline;}
.online [class*="under-"]::after{content:''; z-index:-1; position:absolute; left:0; bottom:3px; width:100%; height:6px;}
.online .under{border-bottom:2px solid #000; padding-bottom:2px;}
.online .under-primary::after{background-color:#f7e6da;}
.online .under-second::after{background-color:#eeba78; height:4px; opacity:0.5;}
.online .under-sub::after{display:none;}

/* 20231102 청약문서 확인 */
.online.join .step-inner #step4 .title-wrap { padding-top: 0; }
.online.join .step-inner #step4 .cont { margin-top: 0; font-size: 14px; }
.online.join .step-inner #step4 .cont h3 { font-size: 14px; font-weight: 800; color: #000; }
.online.join .step-inner #step4 .cont h3::after { content: ' ' ; display: block; clear: both; }
.online.join .step-inner #step4 .cont p { font-size: 14px; }
.online.join .step-inner #step4 .cont .box .insure-pay { float: right; }
.online.join .step-inner #step4 .cont .box .insure-pay em {  font-size: 14px; font-weight: 800; color: #e67602; }
.online.join .step-inner #step4 .cont .box { margin-top: 10px; border: 1px solid #eee; }
.online.join .step-inner #step4 .cont .box li { padding: 10px 20px; font-size: 14px; border-top: 1px solid #eee; }
.online.join .step-inner #step4 .cont .box li:first-child {  border-top: 0; }
.online.join .step-inner #step4 .cont .box li img { width: 100%; text-align: center; }
.online.join .step-inner #step4 .ui-modal-footer { padding: 0 0 30px 0; text-align: center; }
/* .online.join .step-inner #step4 .ui-modal-footer .floating-wrap .btn-base { width: 100%; } */

/* 이벤트/공지사항 & 이탈사유설문 */
.online .view-cont .img-type img { max-width:100%; }
#surveyEvent {border-radius:15px;}
#surveyEvent.ui-modal .ui-modal-wrap {border-radius:15px;}
#surveyEvent.ui-modal .ui-modal-header {height:90px;padding:0;border-radius:13px 13px 0 0;background:#ff9000;line-height:90px;text-align:center;}
#surveyEvent.ui-modal .ui-modal-header h1 {width:100%;height:30px;background:url(/images/event/surveyEvent/h1_title.png) no-repeat center center;background-size:auto 30px;font-size:0;}
.surveyEvent {padding:35px 55px 0;}
.surveyEvent p.copy {color:#212121;font-size:17px;font-weight:700;line-height:25px;}
.surveyEvent .gift {display:flex;justify-content:space-between;margin:30px 0;}
.surveyEvent .gift.justiC { justify-content: center; } /* 2023.01.30 추가 */
.surveyEvent .gift dt span {display:inline-block;margin:0 0 15px;padding:0 20px;border-radius:29px;background:#e67602;color:#fff;font-size:18px;line-height:29px;} /* 2023 접근성 백그라운드 컬러 변경 */
.surveyEvent .gift dl dd img {height:153px;margin:0 0 0 10px;vertical-align:top;}
.surveyEvent .gift dl dd p {margin:10px 0 0 25px;}
.surveyEvent .form {margin-top:20px;padding:25px 0 0;border-top:1px dotted #c6c5c5;}

/* btn */
.online .btn-share{ position: absolute; top: 0; right: 0; display:inline-block; width:30px; height:30px; border:0; background:#eee url('../../images/home/ico-share.png') 45%/16px no-repeat; background-size:17px 16px; text-indent:-9999px; border-radius:50%;} /* 20240607 고객db수집  */
.online .btn-share.new::before{content:''; position:absolute; background-repeat:no-repeat !important;}

/* bullet */
.online .ico-note{position:relative; display:block; padding-left:15px; margin-top:5px; color:#757575; letter-spacing:0; line-height:1.8; width:auto; border:0;}
.online .ico-note::before{content:'※'; position:absolute; left:0; display:inline-block; width:auto; height:auto; margin-top:0; font-size:12px; line-height:10px; text-align:center; background:transparent;}

/* table */
.online .tbl-base.refund-ex tbody td { text-align:right; }
.online .tbl-base.wh tbody th { background:#fff; }
.online .tbl-base.wh.left tbody th { text-align:left; }
.online .tbl-base.wh.left tbody th.txt-center { padding-left:0; padding-right:0; text-align:center; }
.online .tbl-base.wh tbody th.noline { border-top:none; }
.online .tbl-base thead th.line { border-right: 1px solid #eee; }
#plType_srdr br { display:none; }
.tbl-base.red-line table { width:calc(100% - 2px); margin-left:1px; }
.tbl-base.red-line thead tr:last-child th { border-bottom:1px solid #d32f2f; }
.tbl-base.red-line tbody tr:nth-child(n+1):nth-child(-n+11) th { border-left:1px solid #d32f2f; } /* 2023 10월 상품개정 수정 */
.tbl-base.red-line tbody tr:nth-child(n+1):nth-child(-n+11) td:last-child { border-right:1px solid #d32f2f; } /* 2023 10월 상품개정 수정 */
.tbl-base.red-line tbody tr:nth-child(11) th, .tbl-base.red-line tbody tr:nth-child(11) td { border-bottom:1px solid #d32f2f; } /* 2023 10월 상품개정 수정 */

/* 변액프로세스 관련 변경 */
.ul-base.narrow li {line-height:1.3;}
.inp-base.corp {width:30%;height:30px;margin-top:-10px;}
.btn-area.right {text-align:right;}
.btn-area .btn-xs {position:relative;display:inline-block;padding-left:27px;background:url(/images/home/ico_detail_open.png) no-repeat;}
.btn-area .btn-xs span {display:inline-block;color:#212121;font-weight:700;line-height:22px;text-decoration:underline;}
.detailView {padding:30px;border-top:1px solid #535353;background:#f2f2f2;}
.detailView .ul-base li, .detailView p, .detailView h4 {font-size:14px;}
.detailView .ul-base li strong {color:#212121;}

.online .title-wrap.info { background:url('../../images/home/ico_alert_info.png') center top no-repeat;}
.online .title-wrap.info { padding-top:180px; background-size:auto 138px; }
.online .testResult { margin:20px 0; padding:15px 40px; background-color:#f5f5f5; text-align:left; }
.online .testResult li { color:#000; line-height:1.5;}
.online .testResult li span { color:transparent; }

.explainOk { padding:30px 22px; background:#f5f5f5; line-height:1.7;}
.explainOk p { font-size:13px !important; line-height:20px; word-break:break-all;}
.chk-mid { text-align:center; }
.chk-mid .agree-wrap { display:inline-block;margin:0 auto; }

/* 치아보험 치료내용선택 갯수 입력 */
.check-wrap.type-row .check-item .insert {position:absolute; left:200px; top:-2px; line-height:28px; }
.check-wrap.type-row .check-item .insert [class*="inp-"] { width:50px; height:28px; }

/* 비흡연 인증 방법 보기 */
.use-list li { min-height:90px; padding-left:145px; color:#212121; font-size:17px; font-weight:800; }
.use-list li.step_1 { background:url(/images/home/nonsmoking_docu_step01.png) no-repeat 15px top; line-height:90px; }
.use-list li.step_2 { background:url(/images/home/nonsmoking_docu_step02.png) no-repeat 15px center; position:relative; padding:20px 0 20px 145px; }
.use-list li.step_2::before, .use-list li.step_2::after { content:''; position:absolute; left:52px; width:14px; height:16px; background:url(/images/home/nonsmoking_step_next.png) no-repeat; }
.use-list li.step_2::before { top:45px; }
.use-list li.step_2::after { bottom:45px; }
.use-list li.step_3 { background:url(/images/home/nonsmoking_docu_step03.png) no-repeat 15px top; }
.use-list li ul li, .use-list li p { min-height:auto; font-size:15px; font-weight:400; }
.use-list li ul, .use-list li p { margin-top:10px; padding-left:20px; }
.use-list li ul li { margin-bottom:20px; padding:0; }
.use-list li ul li ul { padding-left:18px; }
.use-list li ul li ul li { margin:0; padding:0 0 0 9px; text-indent:-8px; color:#757575; font-size:13px; line-height:23px; }
.use-list .bul-note li { margin:0; padding-left:15px;}
.use-list .bul-note li a { color:#d32f2f; font-weight:800; text-decoration:underline; }
.use-list .siteGo { color:#2840b8; font-size:13px; text-decoration:underline;}

/* 나의 온라인계약(심사) */
.online .list-wrap { margin-bottom:50px; }
.online .list-wrap .btn-wrap { margin:0 10px 20px; }
.online .list-wrap .btn-base { height:30px; font-size:13px; color:#fff; background:#e67602; box-shadow:none;}
.online .list-wrap .btn-base:disabled {color: rgba(255,255,255,1); background: rgba(66,66,66,0.2);}
#docuReg .btn-base.primary { background:#424242; box-shadow:none; }

/* 변액보험 퀴즈이벤트 */
.variQuiz-top {position:relative;overflow:hidden;min-height:1100px;background:#fff8ee url(/images/event/variQuiz/event_top_pc.png) no-repeat left top;text-align:center;}
.variQuiz-top::before {position:absolute;right:30px;top:30px;content:'';width:170px;height:60px;background:url(/images/event/variQuiz/logo_mirae.png) no-repeat}
.variQuiz-top h1 {margin:147px 0 0;}
.variQuiz-top p {margin:40px 0 30px;color:#232323;font-size:26px;font-weight:800;line-height:26px;}
.variQuiz-top ul {overflow:hidden;margin-left:170px;}
.variQuiz-top ul li {float:left;width:400px;font-size:22px;font-weight:400;line-height:30px;text-align:left;}
.variQuiz-top ul li strong {display:inline-block;width:130px;margin-right:5px;line-height:30px;border-radius:30px;background:#ff9308;color:#fff;font-size:20px;font-weight:700;text-align:center;vertical-align:top;}
.variQuiz-area {position:relative;margin:457px 70px 0;border:3px solid #603912;border-radius:40px;background:#ff9000;}
.variQuiz-area::before {content:'';position:absolute;left:46px;top:-52px;width:143px;height:57px;background:url(/images/event/variQuiz/tit_quiz.png) no-repeat;}
.variQuiz-area h2 {height:96px;background:url(/images/event/variQuiz/event_q.png) no-repeat center center;font-size:0;}
.variQuiz-area .answer {padding:45px 84px 50px;border-radius:0 0 38px 38px;background:#fff;text-align:left;}
.variQuiz-area .answer p.bul-note {margin:20px 0 0;color:#957b69;font-size:15px;font-weight:400;}
.variQuiz-area .answer .radio-item {margin-bottom:2px;}
.variQuiz-area .answer .radio-item label {color:#653900;font-size:22px;font-weight:400;}
.variQuiz-area .answer .radio-item label::before {top:10px;}
.variQuiz-area .answer .radio-item label::after {top:15px;}
.variQuiz-area .result {display:flex;justify-content:space-between;margin:30px 95px 0;text-align:center;}
.variQuiz-area .result a {width:232px;height:71px;background:#ff7b00;color:#fff;font-size:28px;font-weight:800;border-radius:71px;line-height:71px;}
.variQuiz-area .result button {width:232px;height:71px;background:#aa907c;color:#fff;font-size:28px;font-weight:800;border-radius:71px;line-height:71px;}
.variQuiz-area .result a:last-child {background:#ff7b00;}
.variQuiz-gift {height:275px;background:url(/images/event/variQuiz/event_gift.png) no-repeat center center;font-size:0;}
.variQuiz-cont {padding:40px;background:#ff9000;}
.variQuiz-cont img {vertical-align:top;}
.variQuiz-cont h2 {margin:0 0 0 40px;}
.variQuiz-cont .q2, .variQuiz-cont .q3 {position:relative;}
.variQuiz-cont .btn-area {display:flex;justify-content:space-between;margin:0 70px;}
.variQuiz-cont .detail {position:absolute; left:0;bottom:54px;width:100%;text-align:center;}
.variQuiz-cont .detail a {width:378px;height:71px;background:#ff7b00;color:#fff;font-size:26px;font-weight:800;border-radius:71px;line-height:71px;}
.variQuiz-cont .detail a:last-child {background:#003f7e;}
.variQuiz-cont .detail a.ranking {display:inline-block;background:#6a4310;}
.variQuiz-cont .detail button {width:378px;height:71px;background:#ff7b00;color:#fff;font-size:26px;font-weight:800;border-radius:71px;line-height:71px;}
.variQuiz-cont .detail button:last-child {background:#003f7e;}
.variQuiz-advice {padding:50px;background:#54565a;color:#fff;}
.variQuiz-advice h2 {margin:0 0 10px;padding-left:25px;background:url(/images/event/variQuiz/bl_advice.png) no-repeat left center;background-size:auto 18px;color:#fff;font-size:18px;line-height:18px;}
.variQuiz-advice p {margin-top:30px;font-size:15px;font-weight:300;}
.variQuiz-advice .ul-base > li {color:#fff;font-size:15px;font-weight:300;line-height:25px;}
.variQuiz-advice .ul-base li:nth-child(1), .variQuiz-advice .ul-base li:nth-child(2) {color:#fee49e;}
.variQuiz-advice .ul-base > li::before {top:13px;width:4px;height:1px;background:#fff;}
.variQuiz-advice .ul-base > li:nth-child(1)::before, .variQuiz-advice .ul-base > li:nth-child(2)::before {background:#fee49e;}

#variQuizPop {border:3px solid #603912;border-radius:40px;}
#variQuizPop.ui-modal .ui-modal-wrap {border-radius:40px;}
#variQuizPop.ui-modal .ui-modal-header {height:106px;padding:0;border-radius:38px 38px 0 0;background:#ff9000;line-height:106px;text-align:center;}
#variQuizPop.ui-modal .ui-modal-header::before {content:'';position:absolute;left:46px;top:-52px;width:143px;height:57px;background:url(/images/event/variQuiz/tit_quiz.png) no-repeat;}
#variQuizPop.ui-modal .ui-modal-header h1 {color:#fffa71;font-size:38px;font-weight:800;}
#variQuizPop.ui-modal .ui-modal-cont {padding:35px 40px 30px;}
#variQuizPop.ui-modal .ui-modal-cont p {font-size:14.4px;line-height:25px;}
#variQuizPop.ui-modal .ui-modal-cont p em {font-size:13px;}

/* 진심할인대상 메시지노출 */
.discnt-msg { position:relative; width:540px; margin-top:15px; padding:15px 0 12px 70px; border:1px solid #e67602; border-radius:5px; color:#424242; font-size:15px; line-height:24px; }
.discnt-msg::before { content:''; position:absolute; top:20px; left:20px; width:37px; height:37px; background:url('/images/home/ico_discnt-msg.png') no-repeat; }

/* 미리 크리스마스 이벤트*/
.xmasEvent { position:relative;width:1000px;background:#fafafa; }
.xmasEvent img.top {vertical-align:top;}
.xmasEvent .box-area { position:relative;overflow:hidden;margin:-101px 70px 50px;padding-bottom:50px;border:2px solid #603912;border-radius:40px;background:#fff;}
.xmasEvent .box-area h2 {background:#ffb53f;color:#533117;font-size:34px;font-weight:300;text-align:center;line-height:100px;letter-spacing:-1px;}
.xmasEvent .box-area .gift {overflow:hidden;height:250px;margin:0 30px;padding:0 50px;border-bottom:1px dashed #d48520;}
.xmasEvent .box-area .gift .txt {float:left;margin-top:70px;color:#603912;font-size:20px;line-height:28px;}
.xmasEvent .box-area .gift strong {font-weight:800;}
.xmasEvent .box-area .gift .point {color:#f04a4a;}
.xmasEvent .box-area .gift .img {float:right;margin-top:17px;text-align:center;}
.xmasEvent .box-area .gift .img img {vertical-align:top;}
.xmasEvent .box-area .gift .img p {margin:5px 0 0 50px;color:#96795a;font-size:12px;font-weight:700;line-height:14px;}
.xmasEvent .box-area .howto {position:relative;margin:0 30px;padding:32px 50px 0;font-size:14px;}
.xmasEvent .box-area .howto .indent {padding-left:35px;}
.xmasEvent .box-area .howto h2 {width:155px;height:43px;margin-bottom:24px;border-radius:49px;background:#e67602;color:#fff;font-size:19px;font-weight:700;text-align:center;line-height:43px;letter-spacing:5px;}
.xmasEvent .box-area .howto h3 {margin:0 0 18px;color:#533117;font-size:22px;font-weight:800;line-height:100%;}
.xmasEvent .box-area .howto .large-txt {margin-bottom:15px;color:#f04a4a;font-size:20px;font-weight:800;line-height:100%;}
.xmasEvent .box-area .howto .mid-txt {color:#653900;font-size:18px;font-weight:700;line-height:100%;}
.xmasEvent .box-area .howto .small-txt {color:#96795a;font-size:14px;font-weight:700;line-height:20px;}
.xmasEvent .box-area .howto u {color:#f04a4a;}
.xmasEvent .box-area .howto .qr-code {position:absolute;top:100px;right:50px;width:140px;}
.xmasEvent .box-area .howto .qr-code img {position:static;right:0;top:0;zoom:1;}
.xmasEvent .application {width:100%;margin-top:40px;}
.xmasEvent .application th, .xmasEvent .application td {height:40px;padding-bottom:20px;}
.xmasEvent .application th {width:85px;color:#212121;font-size:15px;font-weight:700;text-align:right;}
.xmasEvent .application th span[class*="est-"] > i {font-size:0;}
.xmasEvent .application th.top {vertical-align:top;line-height:40px;}
.xmasEvent .application tr:last-child th {text-align:center;}
.xmasEvent .application td {padding-left:30px;text-align:left;}
.xmasEvent .application td [class*="inp-"]::placeholder {color:#757575;}
.xmasEvent .application td.switch {position:relative;padding-right:170px;}
.xmasEvent .application td .type-file {margin-top:-40px;}
.xmasEvent .application td .input-wrap.type-file:before {min-height:38px;border-color: #bdbdbd;}
.xmasEvent .application td .input-wrap.type-file .btn-base {background:#454545;border:none;color:#fff;}
.xmasEvent .application td .input-wrap.type-file .btn-base input {height:40px;}
.xmasEvent .application td label.tit {display:none;}
.xmasEvent .switch .radio-wrap {position:absolute;top:-2px;right:-9px;overflow:hidden; display:flex; width:175px; margin-bottom:0;}
.xmasEvent .switch .radio-wrap:after {content:''; display:block; clear:both;}
.xmasEvent .switch input[type="radio"]{display:block; width:80px; height:40px; background-image:url(../../images/home/ico_radio_gender.png); background-repeat:no-repeat; opacity:0.5; padding:10px 0 0 45px; cursor:pointer;}/* 2020.09.02 추가 */
.xmasEvent .switch input::-ms-check{display:none}
.xmasEvent .switch input[type="radio"]:checked::after{ box-sizing:border-box; display:block; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; padding:14px 0 0 45px; font-size:13px; background:#fff; border-radius:4px;}
.xmasEvent .switch input[type="radio"]:checked{opacity:1;}
.xmasEvent .switch label{z-index:1; width:80px; height:40px; padding:10px 0 0 46px; margin:2px; color:#ccc; font-size:13px; background:#fff; border:1px solid #ccc; border-radius:4px;}
.xmasEvent .switch label.active{font-weight:700; text-decoration: underline;}
.xmasEvent .switch label:before, .xmasEvent .switch label:after{display:none;}
.xmasEvent .switch label.man.active{color:#0e59b6; border-color:#0e59b6;}
.xmasEvent .switch label.woman.active{color:#e67602; border-color:#e67602;}
.xmasEvent .switch .man input[type="radio"]{background-position:5px 5px;}
.xmasEvent .switch .woman input[type="radio"]{background-position:5px -34px;}
.xmasEvent .box-area .btn-wrap {margin-top:40px;text-align:center;}
.xmasEvent .box-area .btn-wrap .btn-base {width:304px;height: 60px;border:none;background:#653900;color:#fff;font-size:25px;font-weight:800;}
.xmasEvent .advice {padding:0 80px 90px;background:url('/images/event/xmasEvent/xmas_event_bottom.png') no-repeat left bottom;}
.xmasEvent .advice h2 {margin-bottom:10px;color:#533117;font-size:18px;font-weight:700;}
.xmasEvent .advice li {color:#603912;font-size:15px;line-height:24px;}
.xmasEvent .file-outer {margin-top:0;}
.xmasEvent .btn-camera, .xmasEvent .btn-browser {padding:0;text-align:left;line-height:40px;}

/*미니암보험 초간단 퀴즈이벤트*/
.miniQuizEvent {position:relative;width:870px;margin:0 auto;background:#ffb53f;text-align:center;}
.miniQuizEvent img {vertical-align:top;}
.miniQuizEvent .section1 {padding-bottom:70px;background:#ffeee0;}
.miniQuizEvent .section1 .box {overflow:hidden;margin:0 65px;border:3px solid #603912;border-radius:40px;}
.miniQuizEvent .section1 .box h2 {height:153px;background:#ff9000 url('/images/event/miniQuiz/miniquiz_txt_tit.png') no-repeat center center;font-size:0;}
.miniQuizEvent .section1 .box .q {padding:60px 0 55px;background:#fff;}
.miniQuizEvent .section1 .box .ans {padding:36px 0 38px;background:#f5f5f5;color:#b8b8b8;font-size:35px;font-weight:700;}
.miniQuizEvent .section1 .box .ans input {width:380px;height:80px;margin:0 10px;border:2px solid #ccc;font-size:35px;font-weight:700;text-align:center;}
.miniQuizEvent .section1 .box .ans input::placeholder {color:#b8b8b8;font-size:28px;font-weight:700;}
.miniQuizEvent .section1 .btn-area {margin:40px 0 0;}
.miniQuizEvent .section1 .btn-area button {width:495px;height:90px;border-radius:90px;background:#043b72 url('/images/event/miniQuiz/miniquiz_txt_btn.png') no-repeat center center;}
.miniQuizEvent .section1 .btn-area button span {font-size:0;}
.miniQuizEvent .section2 {padding:70px 54px;}
.miniQuizEvent .section2 .box {overflow:hidden;border:3px solid #603912;border-radius:40px;}
.miniQuizEvent .section2 .info {position:relative;padding:47px 0 0;background:#ffeee0;}
.miniQuizEvent .section2 .info .btn-area {position:absolute;left:0;bottom:50px;width:100%;display:flex;justify-content:space-between;padding:0 80px;}
.miniQuizEvent .section2 .info .btn-area a,
.miniQuizEvent .section2 .info .btn-area button {display:block;width:276px;height:70px;border-radius:4px;font-size:0;}
.miniQuizEvent .section2 .info .btn-area .man {background:#aa907c url('/images/event/miniQuiz/miniquiz_txt_btn2.png') no-repeat center center;}
.miniQuizEvent .section2 .info .btn-area .woman {background:#aa907c url('/images/event/miniQuiz/miniquiz_txt_btn3.png') no-repeat center center;}
.miniQuizEvent .section2 .hint {padding:0 0 40px;background:#fff;}
.miniQuizEvent .section2 .hint .ex {position:relative;}
.miniQuizEvent .section2 .hint .ex .btn-area {position:absolute;left:0;bottom:74px;width:100%;display:flex;justify-content:space-between;padding:0 66px;}
.miniQuizEvent .section2 .hint .ex .btn-area a, 
.miniQuizEvent .section2 .hint .ex .btn-area button {display:block;font-size:0;}
.miniQuizEvent .section2 .hint .ex .btn-area .man {width:273px;height:56px;background:url('/images/event/miniQuiz/miniquiz_txt_btn4.png') no-repeat center center;}
.miniQuizEvent .section2 .hint .ex .btn-area .woman {width:291px;height:56px;background:url('/images/event/miniQuiz/miniquiz_txt_btn5.png') no-repeat center center;}
.miniQuizEvent .section2 .direct {padding:0 10px;}
.miniQuizEvent .section2 .direct a,
.miniQuizEvent .section2 .direct button {display:block;width:100%;height:120px;border-radius:35px;font-size:0;}
.miniQuizEvent .section2 .direct .man {margin-top:40px;background:#003f7e url('/images/event/miniQuiz/miniquiz_txt_btn6.png') no-repeat center center;}
.miniQuizEvent .section2 .direct .woman {margin-top:30px;background:#ff7b00 url('/images/event/miniQuiz/miniquiz_txt_btn7.png') no-repeat center center;}
.miniQuizEvent .section3 {padding:70px 70px 100px;background:#f5f5f5;text-align:left;}
.miniQuizEvent .section3 h3 {margin-bottom:20px;font-size:28px;font-weight:800;line-height:100%;}
.miniQuizEvent .section3 ul {margin-bottom:70px;}
.miniQuizEvent .section3 ul li {position:relative;margin-bottom:10px;padding-left:10px;font-size:19px;line-height:27px;}
.miniQuizEvent .section3 ul li::before {content:'';position:absolute;left:0;top:10px;width:4px;height:4px;background:#2b2b2b;border-radius:2px;}
.miniQuizEvent .section3 ul li.bold, 
.miniQuizEvent .section3 ul li span.bold {color:#d45d1a;}
.miniQuizEvent .section3 ul li.bold::before {background:#d45d1a;}
.miniQuizEvent .section3 ul li > ol { margin-top: 5px; }
.miniQuizEvent .section3 ul li > ol > li { margin-bottom: 0; padding-left: 0; }
.miniQuizEvent .section3 ul li > ol > li::before { display: none; }
.miniQuizEvent .section3 .ex {padding:0 40px;text-align:center;}
.miniQuizEvent .section3 .ex h3 {margin:0 0 35px;}
.miniQuizEvent .section3 .ex p {margin-bottom:20px;font-size:21px;line-height:100%;}
.miniQuizEvent .section3 .ex table {width:100%; border-top:4px solid #a7a7a9;}
.miniQuizEvent .section3 .ex th {height:60px;border-bottom:2px solid #dadadb;font-size:19px;font-weight:700;}
.miniQuizEvent .section3 .ex td {height:53px;border-bottom:2px solid #dadadb;font-size:20px;}
.miniQuizEvent .section3 .ex ul {margin-top:15px;}
.miniQuizEvent .section3 .ex ul li {margin-bottom:0px;padding-left:10px;color:#424242;font-size:18px;line-height:28px;text-align:left;}
.miniQuizEvent .section3 .ex ul li::before {content:'*';top:4px;width:auto;height:auto;background:none;border-radius:0;}
.miniQuizEvent .section3 .deliberation {margin-top:70px;font-size:20px;}

.miniQuizEvent.landing {background:none;}
.miniQuizEvent.landing .section2 {padding:0;}
.miniQuizEvent.landing .section2 .info {padding:0;background:none;}
.miniQuizEvent.landing .section2 .info .btn-area {bottom:69px;padding:0 112px;}
.miniQuizEvent.landing .section2 .info .btn-area a,
.miniQuizEvent.landing .section2 .info .btn-area button {width:303px;height:80px;border-radius:80px;}
.miniQuizEvent.landing .section2 .info .btn-area .man {background-color:#003f7e;}
.miniQuizEvent.landing .section2 .info .btn-area .woman {background-color:#ff6c00;}
.miniQuizEvent.landing .section2 .hint {padding:0;}
.miniQuizEvent.landing .section2 .hint .ex .btn-area {padding:0 120px;}
.miniQuizEvent.landing .section2 .direct {padding:50px 67px;background:#ffb53f;}
.miniQuizEvent.landing .section2 .direct .man {margin-top:0}

/* ASIANA AIRLINES 회원 특별 EVENT */
.asianaEvent {position:relative;width:1000px;background:#ff9000; }
.asianaEvent img {vertical-align:top;}
.asianaEvent .section1 {height:1037px;background:url(/images/event/asianaEvent/event_top.png) no-repeat;}
.asianaEvent .section2 {position:relative;padding:0 55px;}
.asianaEvent .section2::after {content:'';position:absolute;right:0;bottom:0;width:210px;height:212px;background:url(/images/event/asianaEvent/img_travel.png) no-repeat;}
.asianaEvent .section2 .box {position:relative;padding:60px 54px 80px;border:3px solid #603912;border-bottom:none;border-radius:40px 40px 0 0;background:#fff;}
.asianaEvent .section2 .box::before {content:'';position:absolute;left:50px;top:-103px;width:144px;height:135px;background:url(/images/event/asianaEvent/img_coin.png) no-repeat;}
.asianaEvent .section2 .box h4 {position:relative;margin:75px 0 32px;}
.asianaEvent .section2 .box h4 img {margin-left:-8px;}
.asianaEvent .section2 button.members {position:absolute;right:0;top:-8px;width:150px;height:40px;border-radius:6px;background:#957b69 url(/images/event/asianaEvent/btn_members.png) no-repeat center center;font-size:0;}
.asianaEvent .section2 input {width:100%;height:70px;padding:0 30px;border:2px solid #ccc;font-size:24px;line-height:66px;}
.asianaEvent .section2 input::placeholder {color:#ccc;font-size:24px;line-height:66px;}
.asianaEvent .section2 p {margin-top:20px;}
.asianaEvent .online_list {overflow:hidden;}
.asianaEvent .online_list .prd {float:left;width:250px;height:410px;margin:0 13px 18px 0;border:2px solid #957b69;border-radius:40px;text-align:center;}
.asianaEvent .online_list .prd h5 {height:125px;line-height:125px;}
.asianaEvent .online_list .prd h5 img {vertical-align:middle;}
.asianaEvent .online_list .prd p {height:140px;margin-top:0;}
.asianaEvent .online_list .prd span {display:block;margin-top:20px;}
.asianaEvent .online_list .prd .page_go {display:block;width:205px;height:50px;margin:0 auto;border-radius:6px;background:#003f7e url(/images/event/asianaEvent/btn_page_go.png) no-repeat center center;font-size:0;}
.asianaEvent .section3 {height:447px; background:#54565a url(/images/event/asianaEvent/txt_notice.png) no-repeat 112px center;}

/* [팝업] 보험료계산 이벤트 응모팝업 202311 */
#eventEnterPop {border-radius:14px;}
#eventEnterPop.ui-modal .ui-modal-wrap {overflow:hidden; border-radius:14px;}
#eventEnterPop.ui-modal .ui-modal-header {height:60px; min-height: 60px; padding:0;background:#e67602;line-height:63px;text-align:center;}
#eventEnterPop.ui-modal .ui-modal-header h1 {color:#fff;font-size:22px;font-weight:800;}
#eventEnterPop.ui-modal .ui-modal-cont {padding:30px 40px 0;}
#eventEnterPop.ui-modal .ui-modal-cont p {color:#757575;font-size:15px;line-height:25px;}
#eventEnterPop.ui-modal .ui-modal-cont p span { color: #212121; }
#eventEnterPop.ui-modal .ui-modal-cont p strong {color:#ff5700;font-weight:700;}
#eventEnterPop.ui-modal .btn-close { top: 20px; }
#eventEnterPop.ui-modal .agree-item > .check-item label::before { top: 4px; }
#eventEnterPop .btn-area {padding:30px 0; text-align:center}
#eventEnterPop .btn-area .btn-base { height:60px;padding:0 65px;border:none;background:#f56200;color:#fff;font-size:22px;font-weight:800;}
#eventEnterPop .foot { height:355px; margin:0 -40px; padding:0; background:#e67602 url(/images/home/footer_eventEnter.png) no-repeat center top; /*background-size:auto 79.5%;*/}
#eventEnterPop .application {width:100%;margin-top:30px;}
/* #eventEnterPop .application .infoTit, #eventEnterPop .application .info {height:40px;padding-bottom:15px;} */
#eventEnterPop .application th {width:90px;color:#212121;font-size:15px;font-weight:700;text-align:left;}
#eventEnterPop .application th span[class*="est-"] > i {font-size:0;}
#eventEnterPop .application th.top {vertical-align:top;line-height:40px;}
#eventEnterPop .application .info { margin: 15px 0 30px; text-align:left;}
#eventEnterPop .application .info [class*="inp-"]::placeholder {color:#757575;}
#eventEnterPop .application .switch {position:relative;padding-right:170px;}
#eventEnterPop .application td .type-file {margin-top:-40px;}
#eventEnterPop .application td .input-wrap.type-file:before {min-height:38px;border-color: #bdbdbd;}
#eventEnterPop .application td .input-wrap.type-file .btn-base {background:#454545;border:none;color:#fff;}
#eventEnterPop .application td .input-wrap.type-file .btn-base input {height:40px;}
#eventEnterPop .application .info label.tit {display:none;}
#eventEnterPop .switch .radio-wrap {position:absolute;top:-2px;right:-9px;overflow:hidden; display:flex; width:175px; margin-bottom:0;}
#eventEnterPop .switch .radio-wrap:after {content:''; display:block; clear:both;}
#eventEnterPop .switch input[type="radio"]{display:block; width:80px; height:40px; background-image:url(../../images/home/ico_radio_gender.png); background-repeat:no-repeat; opacity:0.5; padding:10px 0 0 45px; cursor:pointer;}/* 2020.09.02 추가 */
#eventEnterPop .switch input::-ms-check{display:none}
#eventEnterPop .switch input[type="radio"]:checked::after{ box-sizing:border-box; display:block; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; padding:14px 0 0 45px; font-size:13px; background:#fff; border-radius:4px;}
#eventEnterPop .switch input[type="radio"]:checked{opacity:1;}
#eventEnterPop .switch label{z-index:1; width:80px; height:40px; padding:10px 0 0 46px; margin:2px; color:#ccc; font-size:13px; background:#fff; border:1px solid #ccc; border-radius:4px;}
#eventEnterPop .switch label.active{font-weight:700; text-decoration: underline;}
#eventEnterPop .switch label:before, #eventEnterPop .switch label:after{display:none;}
#eventEnterPop .switch label.man.active{color:#0e59b6; border-color:#0e59b6;}
#eventEnterPop .switch label.woman.active{color:#e67602; border-color:#e67602;}
#eventEnterPop .switch .man input[type="radio"]{background-position:5px 5px;}
#eventEnterPop .switch .woman input[type="radio"]{background-position:5px -34px;}
#eventEnterPop .gender-type { position:absolute; top:0;right:0; }
.gender-type { display:flex; width:168px; }
.gender-type span { position:relative; width:80px; height:40px; margin-left:4px; padding:10px 0 0 46px; color:#ccc; font-size:13px; background:#fff; border:1px solid #ccc; border-radius:4px; }
.gender-type span::before { content:''; position:absolute; left:0; top:0; width:40px; height:40px; opacity:0.5; background-image:url(/images/home/ico_radio_gender.png); background-repeat:no-repeat; }
.gender-type span.active::before { opacity:1; }
.gender-type .man::before { background-position:5px 3px; }
.gender-type .woman::before { background-position:5px -36px; }
.gender-type .man.active { color:#0e59b6; border-color:#0e59b6; }
.gender-type .woman.active { color:#e67602; border-color:#e67602; }

/* 가입 체험 이벤트 */
.joinExperience {width:870px; margin:0 auto; background:#e67602; }
.joinExperience .visual { position:relative; height:1592px; background:url("/images/event/joinExperience/event_top.png") no-repeat; }
.joinExperience .box { position:absolute; left:62px; bottom:0; width:748px; height:638px; background:url("/images/event/joinExperience/box_join_start.png") no-repeat; text-align:center; }
.joinExperience .box .start { width:592px; height:94px; margin-top:461px; font-size:0; }
.joinExperience .notice { height:705px; background:url("/images/event/joinExperience/event_footer.png") no-repeat 93px 50px; }

#joinExp.ui-modal .ui-modal-wrap { overflow:hidden; border:3px solid #281312; border-radius:40px; background:none; }
#joinExp.ui-modal .ui-modal-header { min-height:102px; padding:0; background:#004889; line-height:102px; text-align:center; }
#joinExp.ui-modal .ui-modal-header h1 { display:block; height:102px; background:url(/images/event/joinExperience/tit_pop.png) no-repeat center center; font-size:0; }
#joinExp.ui-modal .btn-close { width:30px; height:30px; top:35px; right:27px; }
#joinExp.ui-modal .btn-close > span { width:30px; height:30px; background-image: url(../../images/event/joinExperience/btn_close_modal.png);}
#joinExp.ui-modal .ui-modal-bottom { position:fixed; top:calc(100% - 130px); width:100%; height:100px; background:#f9fafc; _z-index:50;  }
#joinExp.ui-modal .ui-modal-footer { width:auto; height:100px; padding:0; left:33px; right:33px; bottom:33px; border-radius:0 0 38px 38px; background:#f9fafc; }
#joinExp .slick-prev, #joinExp .slick-next { position:fixed !important; top:calc(100% - 130px); width:auto; height:100px; transform:none; -webkit-transform:none; margin:0; background:none; text-indent:0; font-size:28px; font-weight:700; line-height:100px; }
#joinExp .slick-prev { left:82px;}
#joinExp .slick-next { right:82px;}
#joinExp .slick-next span { display:inline-block; padding:0 40px; border-radius:28px; background:#ff7b00; color:#fff; line-height:60px; vertical-align:middle; }
#joinExp .slick-prev:after, #joinExp .slick-next:after { border:none; }
#joinExp.ui-modal .ui-modal-cont { background:#fff;}
#joinExp.ui-modal .container .area { width:100%; /*height:824px;*/ padding:75px 50px 100px; background:#fff; }
#joinExp.ui-modal .container .area h1 { color:#000; font-size:42px; font-weight:400; line-height:60px; }
#joinExp.ui-modal .container .area h1 strong { font-weight:800; }
#joinExp.ui-modal .container .area .inp-base { height:100px; font-size:28px; }

#joinExp.ui-modal .slide-area .contEvent .area { _width:100%; height:824px; padding:75px 50px 100px; background:#fff; }
#joinExp.ui-modal .slide-area .contEvent .area.long { padding:0; }
#joinExp.ui-modal .slide-area .contEvent .area h1 { color:#000; font-size:42px; font-weight:400; line-height:60px; }
#joinExp.ui-modal .slide-area .contEvent .area h1 strong { font-weight:800; }
#joinExp.ui-modal .slide-area .contEvent .area .inp-base { height:100px; font-size:28px; }

#joinExp.ui-modal .slide-area { overflow:hidden; width:684px; }
#joinExp.ui-modal .slide-area .contEvent { width:4104px; transition: transform .5s ease; }
#joinExp.ui-modal .slide-area .contEvent .area { position:relative; float:left; width:684px; }
#joinExp.ui-modal .btn-area { position:absolute; bottom:0; left:0; right:0; width:auto; height:100px; padding:0 50px; background:#f9fafc; border-radius:0 0 38px 38px; }
#joinExp.ui-modal .btn-area.last { position:static; height:160px; margin:0 -50px; text-align:center; }
#joinExp.ui-modal .btn-area .slide-prev, .btn-area .slide-next { height:100px; font-size:28px; font-weight:700; line-height:100px; }
#joinExp.ui-modal .btn-area .slide-prev { float:left; }
#joinExp.ui-modal .btn-area .slide-next { float:right; }
#joinExp.ui-modal .btn-area .slide-next span { display:inline-block; padding:0 40px; border-radius:28px; background:#ff7b00; color:#fff; line-height:60px; vertical-align:middle; }
#joinExp.ui-modal .btn-area .complete { width:100%; height:100px; margin-top:30px; border-radius:50px; background:#ff7b00; color:#fff; font-size:30px; font-weight:700; line-height:100px; }
#scroll-y { overflow-y:scroll; height:calc(100% - 100px); padding:75px 50px 100px; }
#scroll-y::-webkit-scrollbar { width:7px; height:7px; } 
#scroll-y::-webkit-scrollbar-track { background-color:#fff; border-radius: 7px; }
#scroll-y::-webkit-scrollbar-thumb { background-color: #d3d4d4; border-radius: 7px; }
#step6 #scroll-y { height:100%; padding-bottom:0; }

#joinExp .switch .radio-wrap { display:flex; margin:30px 0 0; text-align:center; }
#joinExp .switch .radio-wrap label { width:50%; height:100px; padding:0 0 0 60px; margin:0; border: 1px solid #ccc; color:#d5d5d5; font-size:28px; line-height:100px; }
#joinExp .switch .radio-wrap label::before, #joinExp .switch .radio-item label::before { display:none; }
#joinExp .switch .radio-wrap input[type="radio"] { display:block; width:100%; height:100%; opacity:0.3; padding:0 0 0 60px; cursor:pointer;}
#joinExp .switch .radio-wrap label.man input[type="radio"] { background:url(../../images/event/joinExperience/ico_radio_man.png) no-repeat 92px center;}
#joinExp .switch .radio-wrap label.woman input[type="radio"] { background:url(../../images/event/joinExperience/ico_radio_woman.png) no-repeat 82px center;}
#joinExp .switch input[type="radio"]:checked { opacity:1; }
#joinExp .switch .radio-wrap label.active { color:#757575; }

#joinExp .product-list { margin:0 0 35px; }
#joinExp .product-list .product { overflow:hidden; margin-top:35px; border:2px solid #d5d5d5; border-radius:18px; cursor:pointer; }
#joinExp .product-list .product .head { position:relative; height:158px; padding:0 42px; background:#f4f4f4; }
#joinExp .product-list .product .head .name { height:100%; color:#000; font-size:40px; font-weight:700; line-height:140px; }
#joinExp .product-list .product .head .name.line2 { padding-top:29px; line-height:50px; }
#joinExp .product-list .product .head .sum { position:absolute; right:42px; top:28px; color:#000; font-size:26px; line-height:42px; }
#joinExp .product-list .product .head .sum b { color:#ff7b00; font-size:42px; font-weight:800; }
#joinExp .product-list .product .head .period { position:absolute; right:42px; bottom:36px; color:#000; font-size:22px; }
#joinExp .product-list .product .info { padding:30px 42px 26px; }
#joinExp .product-list .product .info p { color:#000; font-size:28px; line-height:35px; }
#joinExp .product-list .product .info em { display:block; margin-top:10px; color:#757575; font-size:22px; line-height:30px; }

#joinExp .product-list .product.on { border:2px solid #ff7b00; }
#joinExp .product-list .product.on .head { background:#ff7b00; }
#joinExp .product-list .product.on .head .name, 
#joinExp .product-list .product.on .head .sum, #joinExp .product-list .product.on .head .sum b,
#joinExp .product-list .product.on .head .period { color:#fff; }

#joinExp .stepTit { margin-bottom:40px; color:#ff5700; font-size:26px; font-weight:800; }
#joinExp .adv { color:#212121; font-size:26px; }
#joinExp .adv.small { font-size:24px; }
#joinExp .ui-select { width:100%; height:100px; margin-top:20px; }
#joinExp .ui-select select.off { height:100px; color:#000; font-size:26px; font-weight:700; }
#joinExp .ui-select::after { top:36px; right:30px; width:16px; height:16px; }

#joinExp .cert { margin:20px 0 0; border:3px solid #ff7b00; border-radius:10px; }
#joinExp .cert h2 { border-radius:8px 8px 0 0; background:#ff7b00; color:#fff; font-size:28px; line-height:62px; text-align:center; }
#joinExp .cert .detail { position:relative; padding:250px 45px 30px; background:url(../../images/event/joinExperience/ico_cert.png) no-repeat center 37px }
#joinExp .cert .detail a.go { position:absolute; right:25px; top:15px; font-size:20px; text-decoration:underline; }
#joinExp .cert .detail li { padding-left:14px; text-indent:-14px; font-size:22px; line-height:35px; }
#joinExp .cert .detail li strong { color:#ff6600; font-weight:800; }
#joinExp .cert .detail li strong.sum { color:#000; font-size:26px; }
#joinExp .cert .detail li span { color:#757575; font-size:20px; }

#joinExp .survey .radio-wrap .label, #joinExp .survey .check-wrap .label { margin-bottom:20px; font-size:30px !important; font-weight:400; }
#joinExp .survey .radio-wrap .label strong:first-child, #joinExp .survey .check-wrap .label strong:first-child { display:block; }
#joinExp .survey .radio-wrap.type-tab label { min-height:60px; padding:13px 0; font-size:26px; }
#joinExp .survey .check-wrap.type-row .check-item { margin-bottom:0px; }
#joinExp .survey .check-wrap.type-row .check-item label { padding-bottom:15px; font-size:26px; }
#joinExp .survey .radio-wrap.type-row .radio-item label { font-size:26px; line-height:1; }
#joinExp .survey .check-item label::before { top:8px; }
#joinExp .survey hr { margin:40px 0; border-top: 1px dashed #eee; background:none; }
#joinExp .survey strong { font-weight:800; }

#joinExp .regInfo { background:#f9fafc; margin:0 -50px; padding:50px 50px 20px; }
#joinExp .regInfo p { font-size:26px; }
#joinExp .regInfo .agree-item { margin-top:20px; }
#joinExp .regInfo .agree-item > .check-item > * { font-size:22px; }
#joinExp .regInfo .check-item label::before { top:5px; zoom:1.2; }
#joinExp .regInfo .agree-item .utils .btn-txt { font-size:20px; }

/* [팝업] 등록 계좌/카드 목록 */
.account-list.typeB .btn-radio {width:100%;}
.account-list.typeB .btn-radio label {height:98px; padding:14px 20px; text-align:left; border-radius:10px; }
.account-list.typeB .btn-radio label:before {position:absolute;left:calc(100% - 30px); top:14px; }
.account-list.typeB span {display:block; }
.account-list.typeB .t-name {font-size:15px; }
.account-list.typeB .t-strong {font-size:18px;}
.account-list.typeB .t-small {font-size:13px; color:#7f7f7f ; position:absolute;bottom:14px; }
.account-list.typeB input:checked + label span {color:#000; }
.account-list.typeB input:checked + label .t-name, 
.account-list.typeB input:checked + label .t-strong {font-weight:600; }

/* 동의 acco */
.online .ui-modal-inner .ui-acco.acco-agree {margin-top:-20px; }
.online .ui-modal-inner .ui-acco.acco-agree .radio-wrap {margin:10px -40px 0; padding:0 40px 25px; border-bottom:10px solid #eee; }
.online .ui-modal-inner .ui-acco.acco-agree .radio-wrap:last-child {border-bottom:0; }
.ui-acco.acco-agree .ui-acco-btn {font-size:15px; font-weight: 800 ; padding:23px 0; }
.ui-acco.acco-agree .radio-wrap .label {font-weight: 400 ;}

/* === 대학생 MBTI 이벤트 === */
.campusMbtiEvent {width:870px; margin:0 auto; background:#fff4e6; }
.campusMbtiEvent .visual { position:relative; width: 100%; height:1487px; padding-top: 652px; background:url("/images/event/mbti/event_top.png") no-repeat center 0; background-size: 100%; }
.campusMbtiEvent .box { position: absolute; bottom: 52px; left: 37px; width:796px; height:783px; background:url("/images/event/mbti/event_mbti_start.png") no-repeat; }
.campusMbtiEvent .box .start { width:579px; height:100px; margin:632px 0 0 107px; font-size:0; }
.campusMbtiEvent .notice { height:587px; background:url("/images/event/mbti/event_footer.png"); }

/* MBTI 이벤트 팝업 */
.mbtiEvent.ui-modal .ui-modal-wrap { background-color: transparent;  }
.mbtiEvent.ui-modal .ui-modal-header { min-height:298px; padding:0; line-height:298px; text-align:center; border-radius:40px 40px 0 0; background-color: #fff4e6; }
.mbtiEvent.ui-modal .ui-modal-header h1 { display:block; height:298px; font-size:0; border-radius: 40px 40px 0 0; background:url(/images/event/mbti/tit_pop.png) no-repeat 0 bottom; background-size: 100% auto; }
.mbtiEvent.ui-modal .btn-close { width:76px; height:76px; top:-40px; right:50%; border-radius: 50%; background-color: #ff7b00; transform: translateX(50%); }
.mbtiEvent.ui-modal .btn-close > span { top: 50%; left: 50%; width:30px; height:30px; background-image: url(../../images/event/joinExperience/btn_close_modal.png); transform: translate(-50%, -50%);}

.mbtiEvent.ui-modal .ui-modal-cont { border-radius: 0 0 40px 40px; background:#fff;}
.mbtiEvent.ui-modal .slide-area { overflow:hidden; width:550px; }
.mbtiEvent.ui-modal .slide-area .contEvent { width:4104px; transition: transform .5s ease; }
.mbtiEvent.ui-modal .slide-area .contEvent .area { position:relative; float:left; width:550px; height: 576px; padding: 40px 45px 60px; background:#fff; }
.mbtiEvent.ui-modal .slide-area .area .inp-base { height:40px; font-size:15px; } 
.mbtiEvent.ui-modal .slide-area .area .inp-base.mgt6,
.mbtiEvent.ui-modal .slide-area .area .inp-base.mgt8 { margin-top: 20px !important; }

.mbtiEvent #step2 .check-wrap { margin-bottom: 45px; }
.mbtiEvent .check-wrap .tit { margin-bottom:20px; font-size:30px; color: #212121; }
.mbtiEvent .check-wrap .tit strong,
.mbtiEvent .area .answer-box .tit strong { font-weight: 800; }
.mbtiEvent .area .answer-box .tit { font-size: 30px; }
.mbtiEvent .area .answer-box .answer li { height: 60px; padding-left: 70px; }
.mbtiEvent .area .answer-box .answer li::before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 60px; height: 60px; background-repeat: no-repeat; background-size: 100% auto; }
.mbtiEvent .area .answer-box .answer li:nth-child(1) { margin-top: 29px; }
.mbtiEvent .area .answer-box .answer li:nth-child(1):before { background-image: url("/images/event/mbti/answer_img1.png"); }
.mbtiEvent .area .answer-box .answer li:nth-child(2) { margin-top: 18px; }
.mbtiEvent .area .answer-box .answer li:nth-child(2):before { background-image: url("/images/event/mbti/answer_img2.png"); }
.mbtiEvent .area .answer-box .answer li span { display: inline-block; width: auto; height: 52px; line-height: 51px; margin: 5px 0 7px; padding: 0 37px 0 43px; font-size: 17px; border-radius: 0 40px 40px 0; background: url("/images/event/mbti/word_ballon.gif") no-repeat 0 50%; background-color: #f4f4f4; background-size: auto 52px; }

.mbtiEvent .area .product-type .inner { overflow: hidden; position: relative; width: 100%; height: 300px; border: 1px solid #ff7b00; border-radius: 20px; }
.mbtiEvent .area .product-type .inner .go::before { content: ''; position: absolute; right: 0; bottom: 0; z-index: 10; width: 240px; height: 202px; background-position: right bottom; background-repeat: no-repeat; }
.mbtiEvent .area .product-type .inner .go.caseBg01::before { background-image: url("/images/event/mbti/card_type01.png"); }
.mbtiEvent .area .product-type .inner .go.caseBg02::before { background-image: url("/images/event/mbti/card_type02.png"); }
.mbtiEvent .area .product-type .inner .go.caseBg03::before { background-image: url("/images/event/mbti/card_type03.png"); }
.mbtiEvent .area .product-type .inner .go.caseBg04::before { background-image: url("/images/event/mbti/card_type04.png"); }
.mbtiEvent .area .product-type .inner .go.caseBg05::before { background-image: url("/images/event/mbti/card_type05.png"); }
.mbtiEvent .area .product-type .go { position: relative; display: block; height: 100%; }
.mbtiEvent .area .product-type .go .tit { height: auto; padding: 30px 0 25px 37px; line-height: 1; font-size: 28px; font-weight: 800; color: #fff; background-color: #ff7b00; }
.mbtiEvent .area .product-type .go .tit > em { line-height: 1; }
.mbtiEvent .area .product-type .go .tit .sub-txt { display: block; margin-top: 9px; line-height: 1.3; font-size: 17px; font-weight: 700; }
.mbtiEvent .area .product-type .go .box { padding: 31px 0 0 37px; }
.mbtiEvent .area .product-type .go .box .sub-txt { display: block; line-height: 1.3; font-size: 20px; font-weight: 700; }
.mbtiEvent .area .product-type .go .box .insurance { position: relative; display: inline-block; margin-top: 9px; font-size: 17px; color: #252525; }
.mbtiEvent .area .product-type .go .box .insurance::after { content: ''; display: block; width: 100%; border-bottom: 1px solid #252525; }
.mbtiEvent .area .product-type .info-txt { padding-top: 16px; font-size: 15px; color: #757575; }

.mbtiEvent #step4 h1 { height: 47px; font-size: 0; background: url(/images/event/mbti/mbti_complete_txt.png) no-repeat 0 0; }
.mbtiEvent .regInfo { padding-top:27px; }
.mbtiEvent .regInfo .sub-tit { padding-bottom: 0; font-size:17px; font-weight: 400; }

.mbtiEvent .regInfo .radio-wrap.type-tab { margin: 20px 0 0; }
.mbtiEvent .regInfo .radio-wrap.type-tab label { min-height:40px; padding: 9px 0 8px; font-size: 15px; }
.mbtiEvent .regInfo .agree-item { margin-top:23px; }
/* .mbtiEvent .regInfo .agree-item > .check-item > * { font-size:26px; }
.mbtiEvent .regInfo .check-item label { padding-left: 63px; }
.mbtiEvent .regInfo .check-item label::before { top: -4px; zoom:1.2; }
.mbtiEvent .regInfo .check-item strong { font-weight: 800; }*/

.mbtiEvent .regInfo .info-txt { margin-top: 18px; font-size: 15px; color: #ff6600; }

.mbtiEvent.ui-modal .btn-area { position:absolute; bottom:0; left:0; right:0; width:auto; height:60px; padding:0 30px; background:#f9fafc; }
.mbtiEvent.ui-modal .btn-area.last { position:static; height:62px; margin-top: 24px; padding: 0; text-align:center; background: transparent; }
.mbtiEvent.ui-modal .btn-area .slide-prev, 
.mbtiEvent.ui-modal .btn-area .slide-next { height:60px; font-size:15px; font-weight:700; line-height:60px; color: #545454; }
.mbtiEvent.ui-modal .btn-area .slide-prev { float:left; }
.mbtiEvent.ui-modal .btn-area .slide-next { float:right; }
.mbtiEvent.ui-modal .btn-area .slide-next span { display:inline-block; padding:0 40px; border-radius:28px; background:#ff7b00; color:#fff; line-height:60px; vertical-align:middle; }
.mbtiEvent.ui-modal .btn-area .complete { width:100%; height:62px; line-height:62px; border-radius:50px; background:#ff7b00; color:#fff; font-size:22px; font-weight:700; }

.mbtiEvent.ui-modal .slide-area .contEvent .area.long { padding:0; }
.mbtiEvent.ui-modal #scroll-y { overflow-y:scroll; height:calc(100% - 60px); padding: 40px 50px; }
.mbtiEvent #step4 #scroll-y { height:100%; padding: 30px 50px; }

/* 친구초대하기 */
#mbtiEventComplate { width: 550px !important; height: 636px !important; margin-left:-275px !important; padding: 0; box-sizing: border-box; }
#mbtiEventComplate .ui-modal-wrap { overflow: hidden; width: 550px; height: 636px; border-radius: 0 0 40px 40px; background: url("/images/event/mbti/event_complate_pop.png") no-repeat 0 0; background-size: 100% auto; }
#mbtiEventComplate .ui-modal-wrap .box .btn-invite { width:550px; height:81px; margin:547px 0 0 0; font-size:0; }

#shareSNSType2.ui-modal .ui-modal-wrap { background-color: #fff; }
#shareSNSType2.ui-modal .ui-modal-wrap .ui-modal-tit { font-size: 30px; font-weight: 300; }
#shareSNSType2.ui-modal .ui-modal-wrap .ui-modal-tit strong { font-weight: 800; }
#shareSNSType2.ui-modal .ui-modal-wrap .btn-wrap { margin-top: 30px !important; }
#shareSNSType2.ui-modal .btn-close { top: 50%; transform: translateY(-50%); }

/* 이벤트 동의 팝업 */
.agree_grade_box { display: flex; align-items: center; margin-top: 40px; }
.agree_grade_box .agree-grade { flex: 5; }
.agree_grade_box .agree-grade img { width: 100%; }
.agree_grade_box .agree-qr { flex: 1; position: static; top: 0; right: 0; margin-left: 15px; }
.agree_grade_box .agree-qr img { width: 100% !important; }

/* === 임베디드 시스템 === */
.embeddedStep1 {width:900px; margin:0 auto; padding-bottom: 0; background:#fff; }
.embeddedStep1 .visual { position:relative; width: 100%; }
.embeddedStep1 .box { position: absolute; bottom: 0; left: 0; }

.embeddedStep1.gmpharmChild .visual { height: 1270px; background:url("/images/event/embedded/main_gmpharm_child.png") no-repeat center 0; background-size: auto; }
.embeddedStep1.gmpharmChild .visual .box { width: 900px; height: 707px; background:url("/images/event/embedded/gmpharm_child_start.png") no-repeat; }
.embeddedStep1.gmpharmParent .visual { height: 1270px; background:url("/images/event/embedded/main_gmpharm_parent.png") no-repeat center 0; background-size: auto; }
.embeddedStep1.gmpharmParent .visual .box { width: 900px; height: 707px; background:url("/images/event/embedded/gmpharm_parent_start.png") no-repeat; }

.embeddedStep1 .box .start { display: block; width:800px; height:110px; margin:463px auto 0; font-size:0; }

.embeddedStep1 .ui-acco { margin: 0; padding: 0 50px; }  
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit { border-top: 1px solid #bdbdbd; }
.embeddedStep1 .ui-acco .ui-acco-wrap:first-child .ui-acco-tit { border-top: 0; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit:last-child { cursor: default; border-bottom: 1px solid #eceff5; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit:last-child .ui-acco-btn { cursor: default; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn { padding: 53px 0 50px; font-size: 30px; font-weight: 800; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow { width: 26px; height: 26px; font-size: 0; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::before,
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::after { top: 15px; width: 14px; height: 2px; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::before { left: 2px; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::after { left: 11px; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-tit .btnType_bl { position: absolute; top: 50%; right: 0; font-size: 24px; font-weight: 400; color: #424242; transform: translateY(-50%); }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-pnl { border-top: 1px solid #eceff5; background: #fff; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-pnl .tbl-base .txt-bold { min-width: 50px; }
.embeddedStep1 .ui-acco .ui-acco-wrap .ui-acco-pnl .info-box { margin: 15px 0; padding: 18px; border: 1px solid #ccc; }
.embeddedStep1 .foot-txt-box { margin-top: 80px; padding: 50px 0; border-top: 10px #f5f5f5 solid; }
.online .embeddedStep1 .foot-txt-box .def-txt { font-size: 22px; color: #757575; }
.embeddedStep1 .cont-line { border-top: 10px #f5f5f5 solid; }

/* 타이틀 강제 노출 */
.online .calc.embeddedStep2 .title-wrap { display: block; }
.embeddedStep2 .title-wrap .pageTit,
.embeddedStep3 .title-wrap .pageTit,
.embeddedStep4 .title-wrap .pageTit { display: none !important; }
.embeddedStep2 .title-wrap > .embedded-tit,
.embeddedStep3 .title-wrap > .embedded-tit,
.embeddedStep4 .title-wrap > .embedded-tit { margin-bottom: 15px; font-size: 30px; font-weight: 800; color: #424242; }
.embeddedStep2 .title-wrap > .embedded-tit { padding-left: 35px; }

.embeddedStep2 .agree-item input[type="checkbox"] + label { width: 100%; height: 40px; padding: 0 15px; text-align: center; color: #fff; border-radius: 5px; background: #d9d9d9; }
.embeddedStep2 .agree-item input[type="checkbox"] + label::before { display: none; }
.embeddedStep2 .agree-item .check-item input[type="checkbox"]:checked + label { background: #ff7b00; } 

.embeddedStep2 .ui-acco-btn { padding: 10px 25px 10px 0; font-size: 15px; }
.embeddedStep2 .ui-acco-pnl > ul > li { color: #424242; }
.embeddedStep2 .btn-wrap.type-full .btn-base { height: 40px; color: #fff; border: 0; background: #e67602; }
.embeddedStep2 .btn-wrap.type-full .btn-base:disabled { background:#d9d9d9 !important; box-shadow:none !important; pointer-events: none;}
.embeddedStep2 .inp-base:focus::placeholder { color:#9e9e9e; }

.embeddedStep2 .lnb-prev { position:absolute; display:block; top: 50%; left: 0; width:30px; height:30px; margin-top: 13px; text-indent:-9999px; }
.embeddedStep2 .lnb-prev span { position:absolute; display:block; left:0; top:5px; width:25px; height:20px; }
.embeddedStep2 .lnb-prev span::before { content:''; position:absolute; top:4px; left:2px; width:12px; height:12px; border-bottom:2px #111 solid; border-left:2px #111 solid; transform:rotateZ(45deg); box-sizing:border-box; }
.embeddedStep2 .lnb-prev span::after { content:''; position:absolute; top:9px; left:2px; width:23px; height:2px; background:#000; }

.online .embeddedStep3 #strPdNm.fc-primary { padding-top: 30px; font-size: 24px; }
.online .embeddedStep3 .cont-wrap + .cont-wrap {margin-top: 0; border-top: 0; }

/* 주소찾기 */
.newTypeAddr #inAddrNm1:focus::placeholder { color:#9e9e9e; }
.newTypeAddr .list-wrap.divide { padding: 0; }
.newTypeAddr .list-wrap .list-item { padding-bottom: 0; }
.newTypeAddr .list-wrap .list-item.type-check .list-label { position: static; width: 100%; height: 100%; }
.newTypeAddr .list-wrap .list-item.type-check .list-label label { position: static; overflow: visible; width: 100%; padding: 0 0 0 30px; font-size: 0; }
.newTypeAddr .list-wrap .list-item.type-check .list-label label .only-sr { position: static; overflow: visible; opacity: 1; display: block; width: 100%; height: 100%; padding: 15px 10px 15px 35px; font-size: 15px; color: #757576; }

.newTypeAddr .list-wrap .list-item.type-check .list-head { display: none; font-size: 0; border: 1px solid red; }

/* 가자고 */
.embeddedStep1.gazago { background: #2a2b33; }
.online .embeddedStep1.gazago * { color: #bfbfbf; }
.embeddedStep1.gazago .visual { height: 1498px;  background:url("/images/event/embedded/main_gazago.png") no-repeat center 0; background-size: auto; }
.embeddedStep1.gazago .visual .box { width: 900px; height: 935px; background:url("/images/event/embedded/gazago_start.png") no-repeat; }
.online .embeddedStep1 .appOpenBtn { position: absolute; right: 0; bottom: 62px; left: 0; display: block; width: 324px; height: 76px; margin: 0 auto; font-size: 0; }
.online .embeddedStep1.gazago .h4,
.embeddedStep1.gazago .tbl-base tbody th,
.embeddedStep1.gazago .tbl-base thead th { color: #fff; }
.embeddedStep1.gazago .tbl-base { border-bottom: 1px solid #bfbfbf; }
.embeddedStep1.gazago .tbl-base:before { background: #bfbfbf; }
.embeddedStep1.gazago .tbl-base tbody th,
.embeddedStep1.gazago .tbl-base thead th { background: #363841; }
.embeddedStep1.gazago .tbl-base tbody td { background: #2a2b33; }
.embeddedStep1.gazago .tbl-base tbody th, 
.embeddedStep1.gazago .tbl-base tbody td { border-top: 1px solid #ededed; }
.embeddedStep1.gazago .ui-acco .ui-acco-wrap .ui-acco-tit { border-top: 2px solid #bdbdbd; background: transparent; }
.embeddedStep1.gazago .ui-acco .ui-acco-wrap .ui-acco-tit:last-child { border-bottom: 2px solid #bdbdbd; }
.embeddedStep1.gazago .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn { color: #fff; background: transparent; }
.embeddedStep1.gazago .ui-acco .ui-acco-wrap .ui-acco-pnl { background: #2a2b33; }
.embeddedStep1.gazago .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::before, 
.embeddedStep1.gazago .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::after  { height: 3px; background: #aeb1b8; }
.embeddedStep1.gazago .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::before { left: 3px; }
.embeddedStep1.gazago .ui-acco .ui-acco-wrap .ui-acco-tit .btnType_bl { color: #fff; }
.embeddedStep1.gazago .foot-txt-box { margin-top: 45px; padding-bottom: 45px; padding-top:0; border-top: 0; } 

.embeddedStep4 .appGo-btnArea .appOpenBtn.gazago { display: block; width: 100%; height: 55px; line-height: 54px; margin-top: 65px; text-align: center; font-size: 15px; font-weight: 700; color: #000; border: solid 2px #000; border-radius: 7px; background: #0ee6f3; }

/* 은행점검배너 */
.embeddedStep1 .bankCheck { display: none; position: relative; width: 900px; height: 189px; border-bottom: 1px solid #fafafa; background-color: #fff; }
/* .embeddedStep1 .bankCheck .info-txt { padding: 50px 0 0 220px; font-size: 28px; font-weight: 800; color: #ff6d00; }
.embeddedStep1 .bankCheck .info-txt > span { display: block; font-size: 22px; font-weight: 400; color: #212121; }
.embeddedStep1 .bankCheck .info-txt > span > strong { font-weight: 700; text-decoration: underline; color: #212121; } */
.embeddedStep1 .bankCheck > img { width: 100%; }
.embeddedStep1 .bankCheck .btn-close { position: absolute; top: 37px; right: 30px; }

/* 가자고 레저보장보험 이벤트 상세 */
/* .embeddedStep1.gazago .visualType2 { height: 1540px;  background:url("/images/event/embedded/main_gazago_type2.png") no-repeat center 0; background-size: auto; } */
.embeddedStep1.gazago .visualType2 .box { width: 900px; height: 935px; background:url("/images/event/embedded/gazago_start_type2.png") no-repeat; }

/* 가자고 미니암보험 상세 */
.embeddedStep1.gazago.mini .visual { height: 1540px;  background:url("/images/event/embedded/main_gazago_mini.png") no-repeat center 0; background-size: auto; }
.embeddedStep1.gazago.mini .visual .box { width: 900px; height: 935px; background:url("/images/event/embedded/gazago_mini_start.png") no-repeat; }

/* 효성ITX 미니암보험 */
.embeddedStep1.hyosungITX .visual { height: 1210px; background:url("/images/event/embedded/main_hyosungITX.png") no-repeat center 0; background-size: auto; }
.embeddedStep1.hyosungITX .visual .box { width: 900px; height: 707px; background:url("/images/event/embedded/hyosungITX_start.png") no-repeat; }

/* 20230824 제휴사 퀴즈이벤트 */
.online .main-page.once-type .affiliateQuiz_area .btn-base { display:block; width:100%; max-width: 650px; height:55px; margin: 50px 0 0 0; font-size: 15px; font-weight: 800; color:#fff; border:0; border-radius:7px; background:#e67602; transition:background 0.2s linear; box-shadow:0 5px 15px rgba(234,128,51,0.4); }
.online .main-page.once-type .affiliateQuiz_area img { width: 100%; max-width: 650px; text-align: center; }
.online .main-page.once-type .affiliateQuiz_area .txt-alert { position: static; }

/* 20230824 제휴사 퀴즈이벤트 응모하기 팝업 */
#prmCfmtPop {border-radius:14px;}
#prmCfmtPop.ui-modal .ui-modal-wrap {overflow:hidden; border-radius:14px;}
#prmCfmtPop.ui-modal .ui-modal-header {height:70px;padding:0;background:#ff7b00;line-height:70px;text-align:center;}
#prmCfmtPop.ui-modal .ui-modal-header h1 {color:#fff;font-size:28px;font-weight:800;}
#prmCfmtPop.ui-modal .ui-modal-cont {padding:30px 40px 0;}
#prmCfmtPop.ui-modal .ui-modal-cont p {color:#757575;font-size:15px;line-height:25px;}
#prmCfmtPop.ui-modal .ui-modal-cont p strong {color:#ff5700;font-weight:700;}
#prmCfmtPop .btn-area {padding:30px 0; text-align:center}
#prmCfmtPop .btn-area .btn-base { height:60px;padding:0 65px;border:none;background:#ff7b00;color:#fff;font-size:22px;font-weight:800;}
#prmCfmtPop .foot { position: relative; height:511px; margin:0 -40px; padding:0; background:#fff8ee url(/images/event/affiliateQuiz/affiliateQuiz_footer.png) no-repeat center top; /*background-size:auto 79.5%;*/}
#prmCfmtPop .foot::before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 2px;; background: url(/images/event/affiliateQuiz/bg_dotted.png) repeat-x 0 0; }
#prmCfmtPop .application {width:100%;margin-top:35px;}
#prmCfmtPop .application th, #prmCfmtPop .application td { padding:0 0 15px 0; }
#prmCfmtPop .application th { display: none; width:180px;color:#212121;font-size:15px;font-weight:700;text-align:left;}
#prmCfmtPop .application th span[class*="est-"] > i {font-size:0;}
#prmCfmtPop .application th.top {vertical-align:top;line-height:40px;}
#prmCfmtPop .application td {text-align:left;}
#prmCfmtPop .application td [class*="inp-"]::placeholder {color:#757575;}
#prmCfmtPop .application td.switch {position:relative;padding-right:170px;}
#prmCfmtPop .application td .type-file {margin-top:-40px;}
#prmCfmtPop .application td .input-wrap.type-file:before {min-height:38px;border-color: #bdbdbd;}
#prmCfmtPop .application td .input-wrap.type-file .btn-base {background:#454545;border:none;color:#fff;}
#prmCfmtPop .application td .input-wrap.type-file .btn-base input {height:40px;}
#prmCfmtPop .application td label.tit { padding:0 0 10px;color:#212121;font-size:15px;font-weight:700; }
#prmCfmtPop .switch .radio-wrap {position:absolute;top:-2px;right:-9px;overflow:hidden; display:flex; width:175px; margin-bottom:0;}
#prmCfmtPop .switch .radio-wrap:after {content:''; display:block; clear:both;}
#prmCfmtPop .switch input[type="radio"]{display:block; width:80px; height:40px; background-image:url(../../images/home/ico_radio_gender.png); background-repeat:no-repeat; opacity:0.5; padding:10px 0 0 45px; cursor:pointer;}/* 2020.09.02 추가 */
#prmCfmtPop .switch input::-ms-check{display:none}
#prmCfmtPop .switch input[type="radio"]:checked::after{ box-sizing:border-box; display:block; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; padding:14px 0 0 45px; font-size:13px; background:#fff; border-radius:4px;}
#prmCfmtPop .switch input[type="radio"]:checked{opacity:1;}
#prmCfmtPop .switch label{z-index:1; width:80px; height:40px; padding:10px 0 0 46px; margin:2px; color:#ccc; font-size:13px; background:#fff; border:1px solid #ccc; border-radius:4px;}
#prmCfmtPop .switch label.active{font-weight:700; text-decoration: underline;}
#prmCfmtPop .switch label:before, #prmCfmtPop .switch label:after{display:none;}
#prmCfmtPop .switch label.man.active{color:#0e59b6; border-color:#0e59b6;}
#prmCfmtPop .switch label.woman.active{color:#f58220; border-color:#f58220;}
#prmCfmtPop .switch .man input[type="radio"]{background-position:5px 5px;}
#prmCfmtPop .switch .woman input[type="radio"]{background-position:5px -34px;}
#prmCfmtPop .gender-type { position:absolute; top:0;right:0; }

 /* 10월 상품개정 */
 .online .calc-header.type-img sup { position: relative; top: -4px; font-size: 13px; font-weight: 400; }

/* === 10주년 명예의전당 이벤트 === */
.hallfoFameEvent { width:870px; margin:0 auto; }
.hallfoFameEvent .visual img { width: 100%; vertical-align: top; }
.hallfoFameEvent .customer_hallforFame { padding: 62px 0; background: #2c1507 }
.hallfoFameEvent .customer_hallforFame .customer_list { margin: 20px 89px 0; }
.hallfoFameEvent .customer_hallforFame .customer_list .slick-list { padding: 0 190px 0 170px; }
.hallfoFameEvent .customer_hallforFame .customer_list .slick-slide { width: 300px; height: 393px; margin: 0 14px; border: 2px solid #f7af3d; }
.hallfoFameEvent .customer_hallforFame .customer_list .list { position: relative; width: 300px; height: 389px; background: url('/images/event/hallfoFame/bg_customer.png') no-repeat center bottom; background-size: 100% 100%; }
.hallfoFameEvent .customer_hallforFame .customer_list .list > div { height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%; }
.hallfoFameEvent .customer_hallforFame .customer_list .list .customer01 { background-image: url('/images/event/hallfoFame/img_customer01.png'); }
.hallfoFameEvent .customer_hallforFame .customer_list .list .customer02 { background-image: url('/images/event/hallfoFame/img_customer01.png'); }
.hallfoFameEvent .customer_hallforFame .customer_list .list .customer03 { background-image: url('/images/event/hallfoFame/img_customer01.png'); }
.hallfoFameEvent .customer_hallforFame .customer_list .list .tit { padding-top: 26px; line-height: 1.2; text-align: center; font-size: 27px; font-weight: 800; color: #fff; }
.hallfoFameEvent .customer_hallforFame .customer_list .list .info { position: absolute; bottom: 21px; width: 100%; text-align: center; font-size: 20px; font-weight: 700; color: #fff; }
.hallfoFameEvent .customer_hallforFame .customer_list .list .info .percent { font-size: 35px; font-weight: 800; }
.hallfoFameEvent .visual .box { padding-bottom: 65px; background: #603912; }
.hallfoFameEvent .visual .box .survey_list .start { display: block;  margin: 17px 47px 0 53px; text-align: center; }
.hallfoFameEvent .visual .box .survey_list .start:first-child { margin-top: 0; }
.hallfoFameEvent .notice { background: #f9fafc; }
.hallfoFameEvent .notice .tit { margin-top: 50px; font-size: 28px; font-weight: 800; color: #252525; }
.hallfoFameEvent .notice .tit:first-child { margin-top: 0; }
.hallfoFameEvent .notice .sub_tit { margin-top: 20px; font-size: 22px; font-weight: 700; color: #000; }
.hallfoFameEvent .notice .tit + ul { margin-top: 20px; }
.hallfoFameEvent .notice ul li { margin-top: 10px; padding-left: 13px; text-indent: -13px; font-size: 22px; color: #545454; }
.hallfoFameEvent .notice .point { color: #ff3c00; }
.hallfoFameEvent .notice p { font-size: 22px; color: #545454; }

 /* 10주년 명예의전당 이벤트 팝업 */
.hallfoFamePop.ui-modal .ui-modal-wrap { background-color: transparent; }
.hallfoFamePop.ui-modal .ui-modal-header { overflow: hidden;  min-height:150px; padding:0; line-height:150px; text-align:center; border-radius: 10px 10px 0 0; background-color: #2c1502; }
.hallfoFamePop.ui-modal .ui-modal-header h1 { display:block; height:150px; font-size:0; background:url('/images/event/hallfoFame/pop_top.png') no-repeat center center; }
.hallfoFamePop.ui-modal .btn-close { width:20px; height:20px; top: 21px; right: 21px; }
.hallfoFamePop.ui-modal .btn-close > span { top: 50%; left: 50%; width:20px; height:20px; background-image: url('/images/event/hallfoFame/pop_close.png'); background-size: 100% auto; transform: translate(-50%, -50%);}

.hallfoFamePop .ui-modal-cont { border-radius: 0 0 10px 10px; }
.hallfoFamePop .contEvent { padding: 30px 45px 40px; background-color: #fff; }
.hallfoFamePop .contEvent h1 { height: 47px; font-size: 0; background: url('/images/event/hallfoFame/complete_txt.png') no-repeat 0 0; }
.hallfoFamePop .contEvent .regInfo { padding-top:25px; }
.hallfoFamePop .contEvent .regInfo .sub-tit { padding-bottom: 0; font-size:17px; font-weight: 400; }
.hallfoFamePop .contEvent .regInfo .inp-base,
.hallfoFamePop .contEvent .regInfo .radio-wrap.type-tab { margin: 20px 0 0; }
.hallfoFamePop .contEvent .regInfo .info-txt { margin-top: 18px; font-size: 15px; color: #ff5700; }
.hallfoFamePop .regInfo .agree-item { margin-top:20px; }
.hallfoFamePop.ui-modal .btn-area .complete { margin-top: 30px; width:100%; height:62px; line-height:62px; border-radius:50px; background:#ff6600; color:#fff; font-size:22px; font-weight:700; }

.hallfoFamePop .check-item label::before,
#agreeText10 .check-item label::before { content:''; position:absolute !important; display:block !important; top:2px !important; left:0 !important; width:20px !important; height:20px !important; background:url('../../images/home/ico_checkbox.png') no-repeat !important; background-position:0 0 !important; background-size:22px 100px !important; border-radius:3px !important; box-sizing:border-box !important; border: 0 !important; }
.hallfoFamePop .check-item input[type="checkbox"]:checked + label::before,
#agreeText10 .check-item input[type="checkbox"]:checked + label::before { background-position: 0 -20px !important; }

/* 20231101 약관 질의응답  */
#step5.ui-modal .ui-modal-inner { padding: 0 40px 90px; }
#step5 .infoTxt { padding-bottom: 10px; font-size: 15px; border-bottom: 1px #e0e0e0 solid;  }
#step5 .slider_wrap {  position: relative; display: flex; flex-wrap: wrap; width: 100%; margin-top: 20px; }
#step5 .paging { display: flex; width: 100%; font-size: 20px; font-weight: bold; }
#step5 .slider_list { overflow: hidden; position: relative; display: flex; flex-wrap: nowrap; width: 100%; margin-top: 15px; }
#step5 .slider_list li { position: relative; left: 0; width: 100%; display: flex; align-items: center; /* justify-content: center; */ flex-shrink: 0; flex-direction: column; transition: left 0.15s; }
#step5 .slider_list li p { width: 100%; height: 230px; overflow-y: auto; font-size: 15px; }
#step5 .slider_list li span.dot::before { content: ''; display: inline-block; width: 9px; height: 9px; margin-right: 6px; background-color: #000; }
#step5 .slider_list li .radio-wrap { width: 100%; margin-top: 10px; margin-bottom: 10px !important; }
#step5 .slider_list li .radio-wrap.type-tab.col2 label { height: 40px; min-height: 40px; padding: 10px 0; }
#step5 .slider_list li .radio-wrap.type-tab.col2 label.row { width: 100%; border-radius: 7px; border: 1px #bdbdbd solid; }
#step5 .slider_list li .radio-wrap.type-tab.col2 label.row:nth-of-type(2n+2) { margin-top: 10px; }
#step5 .slider_list li .check-item label { padding: 2px 0 2px 24px; }
#step5 .slider_list li .highlight { position: relative; z-index: 1; }
#step5 .slider_list li .highlight::after { content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(254, 231, 122); }
#step5 .slider_list li.flexNone { display: none; }
#step5 .ui-modal-footer { padding-bottom: 30px; }
#step5 #btnAgreeFinish { display: none; width: 100%; margin: 0; }
#step5 #btnAgreeFinish.btnDisabled { color:#fff !important; pointer-events: initial; background:#d9d9d9 !important; box-shadow:none !important; }

/* 가자고 가입 이벤트 */
.gazagoJoinEnt * img { width: 100%; }
.gazagoJoinEnt .visual { background: url('/images/event/embedded/gazagoJoinEnt_bg.png') no-repeat 0 0; background-size: cover; }
.gazagoJoinEnt .visual .box { padding: 0 28px; }
.gazagoJoinEnt .product_list { margin: 0 -8px; padding-bottom: 35px; }
.gazagoJoinEnt .product_list .inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
.gazagoJoinEnt .product_list .inner button { position: relative; flex: 1 1 40%; }
.gazagoJoinEnt .product_list .inner button:nth-child(1),
.gazagoJoinEnt .product_list .inner button:nth-child(3) { margin-right: 15px; }
.gazagoJoinEnt .notice { background-color: #e7e7e8; }

/* 20240215 암보험 신규 유형 추가 */
.online .btn-wrap.type-calc.bor-primary .btn-arrow::after { border-top-color: #e67602; border-left-color: #e67602; }
.online #chgterm{padding-right: 30px; }
.online #chgterm::after{content:''; position:absolute; top:50%; right: 10px; width:6px; height:6px; border-top:2px #fff solid; border-left:2px #fff solid; transform: rotateZ(135deg)  translateY(60%);}
.online .infographic-03.w3 ul.flex-wrap.type2 { max-width: 550px; }
.online .infographic-03.w3 ul.flex-wrap.type2::before { right: 60px; bottom: 52px; width: calc(100% - 120px); }
.online [class*="infographic"] ul.flex-wrap.type2 { font-size: 15px; }
.online [class*="infographic"] ul.flex-wrap.type2 li { width: 25%; }
.online [class*="infographic"] ul.flex-wrap.type2 li .name { min-height: 40px; line-height: 1.3; }
.online [class*="infographic"] ul.flex-wrap.type2 li > p { font-weight: 600; }
.online [class*="infographic"] ul.flex-wrap.type2 li .point { font-weight: 800; color: #ff5700; }
.online [class*="infographic"] ul.flex-wrap.type2 li .point.pdb4 { padding-bottom: 0 !important; }
.online [class*="infographic"] ul.flex-wrap.type2 li .icon-arrow { position: absolute; right: -20px; top: -45px; width: 90px; height: 2px; font-size: 0; box-shadow: inset 0 0 0 32px rgba(203,203,203); /*-webkit-transform: rotate(-45deg); transform: rotate(-45deg);*/ -webkit-transform-origin: left; transform-origin: left; }
.online [class*="infographic"] ul.flex-wrap.type2 li .icon-arrow::before { content: ''; position: absolute; left: 0; top: 0; width: 35px; height: 2px; box-shadow: inset 0 0 0 32px rgba(203,203,203); /*-webkit-transform: rotate(-45deg); transform: rotate(-45deg);*/ -webkit-transform-origin: left; transform-origin: left; transform: rotate(90deg); }
.online [class*="infographic"] ul.flex-wrap.type2 li .icon-arrow::after { content: ''; position: absolute; top: -15px; right: -16px; width: 0; height: 0; margin: 10px; font-size: 0; border-width: 6px; border-style: solid; border-color: #cbcbcb; border-bottom-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.online [class*="infographic"] ul.flex-wrap.type2 li .icon-arrow.primary { top: -102px; right: 0px; width: 70px; box-shadow: inset 0 0 0 32px rgba(255,87,0); }
.online [class*="infographic"] ul.flex-wrap.type2 li .icon-arrow.primary::before { width: 85px; box-shadow: inset 0 0 0 32px rgba(255,87,0); }
.online [class*="infographic"] ul.flex-wrap.type2 li .icon-arrow.primary::after { border-color: #ff5700; border-bottom-color: transparent; border-left-color: transparent; }
.online [class*="infographic"] ul.flex-wrap.type2 li .difference { position: absolute; top: -100px; left: 65px; width: 80px; text-align: left; }
.online [class*="infographic"] ul.flex-wrap.type2 li .difference::before{content:''; position:absolute; left:-40px; right: auto; top:4px; bottom:auto; border:0; display:block; width:28px; height:28px; border:1px solid #555; border-radius:50%; background-image:url('../../images/home/bg_coin.png'); background-position:left top; background-repeat:no-repeat; background-size:28px; /*opacity:0; animation:tipsCoin2 4s infinite;*/}
.online [class*="infographic"] ul.flex-wrap.type2 li .difference.fcff5700 { top: -155px; left: 65px; }
.online [class*="infographic"] ul.flex-wrap.type2 li .difference.fcff5700::before { left: -40px; }

.online .product .text-wrap + .btn-base-s.popOpen { padding: 0 25px 0 15px; }
.online .product .text-wrap + .btn-base-s.popOpen::before 	{content:''; position:absolute; top:50%; right:15px; width:6px; height:6px; border-top:1px #000 solid; border-left:1px #000 solid; transform: translateY(-50%) rotateZ(135deg);}
.online .product .sub-text-wrap .cancer-box { display: flex; align-items: flex-end; justify-content: space-between; min-height: 348px; }
.online .product .sub-text-wrap .cancer-box li { flex: 1 1 30%; margin-left: 15px; text-align: center; }
.online .product .sub-text-wrap .cancer-box li:first-child { margin-left: 0; }
.online .product .sub-text-wrap .cancer-box li .inner { display: flex; flex-direction: column-reverse; }
.online .product .sub-text-wrap .cancer-box li .inner span { display: none; position: relative; }
.online .product .sub-text-wrap .cancer-box li .inner span em { display: block; margin-top: 13px; padding: 16px 0; line-height: 1.6; font-size: 15px; color: #000; font-weight: 600; border: 1px solid #606060; border-radius: 10px; }
.online .product .sub-text-wrap .cancer-box li .inner span.item1 em { padding: 26px 0; background: #fff6bf; }
.online .product .sub-text-wrap .cancer-box li .inner span.item2 em { background: #ffede4; }
.online .product .sub-text-wrap .cancer-box li .inner span.item3 em { background: #e5f1ff; }
.online .product .sub-text-wrap .cancer-box li .inner span .plusIcon { display: none; position:absolute; bottom: -25px; left:calc(50% - 18px); z-index: 1; width:35px; height:36px; font-size: 0; background:url(/images/home/ico_circle_plus01.png) no-repeat;}
.online .product .sub-text-wrap .cancer-box li .inner .name { display: none; margin-top: 17px; font-size: 17px; font-weight: 800; color: #000; }

#cancerPop .tit-xs { width: 33%; font-size: 15px; font-weight: 800; }
#cancerPop .ul-base li { font-size: 15px; color: #242424; font-weight: 400; }

.online .product .sub-text-wrap .tb-addition th,
.online .product .sub-text-wrap .tb-addition td { height: 50px; padding: 0 30px; font-weight: 600; color: #000; }
.online .product .sub-text-wrap .tb-addition table tbody th,
.online .product .sub-text-wrap .tb-addition table tbody td { color: #424242; border-top: 1px solid #e0e0e0; }
.online .product .sub-text-wrap .tb-addition table tbody td {  font-weight: 400; }
.online .product .sub-text-wrap .tb-addition table tbody span { position: relative; display: block; } 
.online .product .sub-text-wrap .tb-addition table tbody span::after { content: ''; position: absolute; top: 50%; right: -30px; transform: translateY(-50%); width: 1px; height: 24px; background: #e0e0e0; }
.online .product .sub-text-wrap .tb-addition table tbody td:last-child span::after { display: none; }

.online .product .sub-text-wrap .tb-addition table .primary th,
.online .product .sub-text-wrap .tb-addition table .primary td { padding: 0; border-top: 0; }
.online .product .sub-text-wrap .tb-addition table .primary .box { position: relative; display: flex; align-items: center; height: 50px; } 
.online .product .sub-text-wrap .tb-addition table .primary .box::before { content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; height: 100%; border: 1px solid #555; border-radius: 10px; background-color: #e5f1ff; box-sizing: border-box; }
.online .product .sub-text-wrap .tb-addition table .primary .box span { padding: 0 30px; font-weight: 600; color: #000; }
.online .product .sub-text-wrap .tb-addition table .primary .box span.txt1 { width: 38%; }
.online .product .sub-text-wrap .tb-addition table .primary .box span.txt2 { width: 35%; text-align:right; }
.online .product .sub-text-wrap .tb-addition table .primary .box span.txt3 { width: 27%; text-align:right; }

.online .product .sub-text-wrap .tb-addition.type2 table tr:first-child th,
.online .product .sub-text-wrap .tb-addition.type2 table tr:first-child td { padding-top: 30px; }
.online .product .sub-text-wrap .tb-addition.type2 table th,
.online .product .sub-text-wrap .tb-addition.type2 table td { height: 40px; padding: 0 30px; font-weight: 600; color: #000; border: 0; }

/* 20240405 - 변액보험 2종 보험료계산 롤링 이미지 - 20240408 */ 
.online .calc-header.type-img.insure-06::before { bottom: 259px; }
.online .calc-header.type-img.insure-07::before { bottom: 218px; }
.online .calc-header.type-img.insure-06:after { display: none !important; }
.online .calc-header.type-img.insure-07:after { display: none !important; }
.online .calc-header .calc_rolling_list img { width: 100%; vertical-align: top; }
.online .calc-header .calc_rolling_list { width: 388px; height: 418px; overflow: hidden; }
.online .calc-header .calc_rolling_list .slick-slide { overflow: hidden; width: 367px; height: 418px; }
.online .calc-header .calc_rolling_list .list { position: relative; width: 367px; height: 418px; /* background: url('/images/event/hallfoFame/bg_customer.png') no-repeat center bottom; background-size: 100% 100%; */ }
.online .calc-header .calc_rolling_list .list::before {content:''; z-index:-1; position:absolute; right:0; bottom:6px; width: 100%; height:1px; background:#424242;}
.online .calc-header.type-img.insure-06::before,
.online .calc-header.type-img.insure-07::before { display: none; }
.online .calc-header .calc_rolling_list .list > div { height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: 367px auto; }
.online .calc-header .calc_rolling_list .list .calc_rolling_img01 { background-image: url('/images/home/calc_rolling_img01.png');  }
.online .calc-header .calc_rolling_list .list .calc_rolling_img02 { background-image: url('/images/home/calc_rolling_img02.png'); }
.online .calc-header .calc_rolling_list .list .calc_rolling_img03 { background-image: url('/images/home/calc_rolling_img03.png'); }
.online .calc-header .calc_rolling_list .list .tit { padding-top: 8px; font-size: 30px; color: #000; }
.online .calc-header .calc_rolling_list .list .tit .point { color: #ff6600; font-weight: 800; }
.online .calc-header.type-img.insure-06 .bul-note, 
.online .calc-header.type-img.insure-07 .bul-note { bottom: -11px; margin-top: 0; font-size: 13px; }

/* 변액보험 유용한 옵션 - 20240408 */
#usefulOption .usefulOption-text, 
#usefulOption02 .usefulOption-text { color: #424242; }

/* kb국민카드 임베디드 */
.kbCardEmbedded { width: 900px; margin: 0 auto; background: #fffdf6; }
.kbCardEmbedded img { width: 100%; vertical-align: top; }
.kbCardEmbedded .visual { padding-bottom: 72px; background: #fdb913; }
.kbCardEmbedded .visual .box { overflow: hidden; margin: 0 52px; border:1px solid #8d734a; border-radius: 30px; background-color: #8d734a; }
.kbCardEmbedded .visual .box .infoTit { padding: 35px 0 32px; text-align: center; }
.kbCardEmbedded .visual .box .infoTit img { width: 359px; }
.kbCardEmbedded .visual .box .info { padding: 66px 35px; background: #fff; }
.kbCardEmbedded .visual .box .info .flex-wrap { margin-bottom: 58px; }
.kbCardEmbedded .visual .box .info .flex-wrap > div { width: calc(50% - 14px); margin-right: 28px; padding: 0; }
.kbCardEmbedded .visual .box .info .flex-wrap > div:last-child { margin-right: 0; }
.kbCardEmbedded .visual .box .info .flex-wrap .input-wrap .inp-base { height: 96px; font-size: 28px; }
.kbCardEmbedded .visual .box .info .flex-wrap .radio-wrap { margin-bottom: 0; }
.kbCardEmbedded .visual .box .info .flex-wrap .radio-wrap.type-tab.col2 label { height: 96px; font-size: 28px; line-height: 76px; border: 1px solid #bdbdbd; border-radius: 0; }
.kbCardEmbedded .visual .box .info .flex-wrap .radio-wrap.type-tab.col2 label:after { border-radius: 0; }
.kbCardEmbedded .visual .box .info .flex-wrap .radio-wrap.type-tab.col2 label:last-child { border-left: 0; }
.kbCardEmbedded .visual .box .info .flex-wrap .ui-select select { height: 96px; font-size: 28px; }
.kbCardEmbedded .visual .box .info .flex-wrap .ui-select::after { top: 37px; right: 20px; width: 15px; height: 15px; }
.kbCardEmbedded .visual .box .info .agree-wrap { padding-bottom: 0; }
.kbCardEmbedded .visual .box .info .input-wrap .inp-del { top: 50%; margin-top: -10px; bottom: 0; }
.kbCardEmbedded .visual .box .info .btnBox { margin: 68px 65px 0; }
.kbCardEmbedded .visual .box .info .btnBox .btn-complate { display: block; width: 100%; padding: 24px 0 24px 95px; text-align: left; font-size: 38px; font-weight: 800; color: #090909; border-radius: 60px; background-color: #fcaf17; }
.kbCardEmbedded .visual .box .info .btnBox .btn-complate::before { content: ''; position: absolute; top: 33px; left: 445px; width: 88px; height: 104px; background: url('/images/event/embedded/kbCardEmbedded_clickIcon.png') no-repeat 0 0; background-size: 100% auto; }

.kbCardEmbedded .visual .box .info .agree-wrap,
.kbCardEmbedded .visual .box .info .agree-wrap .agree-item { display: block; }
.kbCardEmbedded .visual .box .info .agree-wrap .agree-item .utils { position: absolute; top: 0; right: 0; margin-top: 0; padding-top: 0; }
.kbCardEmbedded .visual .box .info .agree-wrap .agree-item .check-item input[type="checkbox"] + label { padding-left: 0; }
.kbCardEmbedded .visual .box .info .agree-wrap .agree-item .check-item input[type="checkbox"]:checked + label { border: 0; }
.kbCardEmbedded .visual .box .info .agree-wrap .agree-item input[type="checkbox"]:focus + label { outline:0; outline-style:auto;  }
.kbCardEmbedded .visual .box .info .agree-wrap .agree-item .check-item input[type="checkbox"]:checked + label::before { display: none; }
.kbCardEmbedded .visual .box .info .agree-wrap .agree-item .check-item input[type="checkbox"]+label::before { display: none; }
.kbCardEmbedded .visual .box .info .agree-wrap .bul-note { font-size: 23px; }

.kbCardEmbedded .ui-acco { margin: 0; padding: 0 50px 81px; }  
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit { border-top: 1px solid #bdbdbd; background: #fffdf6; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit:last-child { cursor: default; border-bottom: 1px solid #bdbdbd; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit:last-child .ui-acco-btn { cursor: default; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn { padding: 53px 0 50px; font-size: 30px; font-weight: 800; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow { width: 26px; height: 26px; font-size: 0; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::before,
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::after { top: 15px; width: 14px; height: 2px; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::before { left: 2px; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::after { left: 11px; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-tit .btnType_bl { position: absolute; top: 50%; right: 0; font-size: 24px; font-weight: 400; color: #424242; transform: translateY(-50%); }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-pnl { border-top: 1px solid #eceff5; background: #fffdf6; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-pnl .tbl-base .txt-bold { min-width: 50px; }
.kbCardEmbedded .ui-acco .ui-acco-wrap .ui-acco-pnl .info-box { margin: 15px 0; padding: 18px; border: 1px solid #ccc; }
.kbCardEmbedded .foot-txt-box { margin-top: 80px; padding: 50px 0; border-top: 10px #f5f5f5 solid; }
.kbCardEmbedded .foot-txt-box .def-txt { padding-left: 50px; font-size: 22px; color: #757575; }
.kbCardEmbedded .cont-line { border-top: 10px #f5f5f5 solid; }

.kbCardEmbedded .notice { padding: 70px 53px; background: #fafafa; }
.kbCardEmbedded .notice .tit { font-size: 30px; font-weight: bold; color: #151515; }
.kbCardEmbedded .notice .ul-base li { font-size: 26px; }
.kbCardEmbedded .ul-base > li:before { top: 20px; }
.kbCardEmbedded .bul-note { padding-left: 30px; font-size: 26px; color: #424242; }

/* 임베디드 타입2 - 밀리패스 */
.embeddedType2-Step1 { width: 900px; margin: 0 auto; background-color: #0062b7; }
.embeddedType2-Step1 img { width: 100%; vertical-align: top; }
.embeddedType2-Step1 .visual { position: relative; height: 856px; }
.embeddedType2-Step1 .visual .benefitBox { position: absolute; right: 50px; bottom: 43px; left: 50px; }
.embeddedType2-Step1 .box { overflow: hidden; margin: 0 52px 75px; border-radius: 30px; background-color: #004e92; }
.embeddedType2-Step1 .box .infoTit { padding: 35px 0 32px; text-align: center; }
.embeddedType2-Step1 .box .infoTit img { width: 359px; }
.embeddedType2-Step1 .box .info { padding: 66px 35px; background: #fff; }
.embeddedType2-Step1 .box .info .flex-wrap { margin-bottom: 58px; }
.embeddedType2-Step1 .box .info .flex-wrap > div { width: calc(50% - 14px); margin-right: 28px; padding: 0; }
.embeddedType2-Step1 .box .info .flex-wrap > div:last-child { margin-right: 0; }
.embeddedType2-Step1 .box .info .flex-wrap .input-wrap .inp-base { height: 96px; font-size: 28px; }
.embeddedType2-Step1 .box .info .flex-wrap .radio-wrap { margin-bottom: 0; }
.embeddedType2-Step1 .box .info .flex-wrap .radio-wrap.type-tab.col2 label { height: 96px; font-size: 28px; line-height: 76px; border: 1px solid #bdbdbd; border-radius: 0; }
.embeddedType2-Step1 .box .info .flex-wrap .radio-wrap.type-tab.col2 label:after { border-radius: 0; }
.embeddedType2-Step1 .box .info .flex-wrap .radio-wrap.type-tab.col2 label:last-child { border-left: 0; }
.embeddedType2-Step1 .box .info .flex-wrap .ui-select select { height: 96px; font-size: 28px; }
.embeddedType2-Step1 .box .info .flex-wrap .ui-select::after { top: 37px; right: 20px; width: 15px; height: 15px; }
.embeddedType2-Step1 .box .info .agree-wrap { padding-bottom: 0; }
.embeddedType2-Step1 .box .info .input-wrap .inp-del { top: 50%; margin-top: -10px; bottom: 0; }
.embeddedType2-Step1 .box .info .btnBox { margin: 68px 65px 0; }
.embeddedType2-Step1 .box .info .btnBox .btn-complate { display: block; width: 100%; padding: 24px 0; text-align: center; font-size: 38px; font-weight: 800; color: #fff; border-radius: 35px; background-color: #ff5700; }

.embeddedType2-Step1 .box .info .agree-wrap,
.embeddedType2-Step1 .box .info .agree-wrap .agree-item { display: block; margin-top: 5px; }
.embeddedType2-Step1 .box .info .agree-wrap .agree-item .utils { position: absolute; top: 0; right: 0; margin-top: 0; padding-top: 0; }
.embeddedType2-Step1 .box .info .agree-wrap .agree-item .check-item input[type="checkbox"] + label { padding-left: 0; }
.embeddedType2-Step1 .box .info .agree-wrap .agree-item .check-item input[type="checkbox"]:checked + label { border: 0; }
.embeddedType2-Step1 .box .info .agree-wrap .agree-item input[type="checkbox"]:focus + label { outline:0; outline-style:auto;  }
.embeddedType2-Step1 .box .info .agree-wrap .agree-item .check-item input[type="checkbox"]:checked + label::before { display: none; }
.embeddedType2-Step1 .box .info .agree-wrap .agree-item .check-item input[type="checkbox"]+label::before { display: none; }
.embeddedType2-Step1 .box .info .bul-note { font-size: 23px; }

.embeddedType2-Step1 .ui-acco { margin: 0; padding: 0 50px 81px; background: #f7fafc; }  
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit { border-top: 1px solid #bdbdbd; background: #f7fafc; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit:last-child { cursor: default; border-bottom: 1px solid #bdbdbd; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit:last-child .ui-acco-btn { cursor: default; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn { padding: 53px 0 50px; font-size: 30px; font-weight: 800; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow { width: 26px; height: 26px; font-size: 0; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::before,
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::after { top: 15px; width: 14px; height: 2px; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::before { left: 2px; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit .ui-acco-btn .ui-acco-arrow::after { left: 11px; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-tit .btnType_bl { position: absolute; top: 50%; right: 0; font-size: 24px; font-weight: 400; color: #424242; transform: translateY(-50%); }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-pnl { border-top: 1px solid #eceff5; background: #f7fafc; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-pnl .tbl-base .txt-bold { min-width: 50px; }
.embeddedType2-Step1 .ui-acco .ui-acco-wrap .ui-acco-pnl .info-box { margin: 15px 0; padding: 18px; border: 1px solid #ccc; }
.embeddedType2-Step1 .foot-txt-box { margin-top: 80px; padding: 50px 0; border-top: 10px #f5f5f5 solid; }
.embeddedType2-Step1 .foot-txt-box .def-txt { padding-left: 50px; font-size: 22px; color: #757575; }
.embeddedType2-Step1 .cont-line { border-top: 10px #f5f5f5 solid; }

/* ..... START 20240528 고객 db 수집방안 ..... */
/* 동의 체크박스 없는 타입 */
.agree-wrap.check-none,
.agree-wrap.check-none .agree-item { display: block; }
.agree-wrap.check-none .agree-item .utils { position: absolute; top: -2px; right: 0; margin-top: 0; padding-top: 0; }
.agree-wrap.check-none .agree-item .check-item input[type="checkbox"] + label { padding-left: 0; }
.agree-wrap.check-none .agree-item .check-item input[type="checkbox"]:checked + label { border: 0; }
.agree-wrap.check-none .agree-item input[type="checkbox"]:focus + label { outline:0; outline-style:auto;  }
.agree-wrap.check-none .agree-item .check-item input[type="checkbox"]:checked + label::before { display: none; }
.agree-wrap.check-none .agree-item .check-item input[type="checkbox"]+label::before { display: none; }

/* 청약이탈-본인인증 완료 후 팝업 */
.oneLeavePop .ui-modal-inner { font-size: 15px; }
.oneLeavePop .btn-consult { width: 100%; height: 55px; }
.btn-consult .btn-sub-txt { font-size: 13px; }
#oneLeave02 .agree-wrap.check-none { margin-top: 30px; }
.oneLeavePop .gray-box,
.agree-wrap.check-none.gray-box { margin-top: 0; padding: 20px; background-color: #f5f5f5; }
.agree-wrap.check-none .bul-note { margin-top: 0px; font-size: 13px; }


/* 상담신청 아이콘 위치 변경 및 추가 */
.online.main .footer-wrap { z-index: 2; }
.online.main .content-wrap { position: relative; }
.online.main .main-wrap .fixedFeature { position: fixed; bottom: 10px; left: 50%; z-index: 1; width: 60px; height: 46px; margin-left: 270px; }
.online.main .main-wrap .fixedFeature.on { position: absolute; bottom: 15px; }
.online.main .main-wrap .fixedFeature .btn-feature { position: static; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 60px; height: 46px; font-size: 0; padding: 0; }
.online.main .main-wrap .fixedFeature .btn-feature::after { content:''; position:absolute; top: 0; right:0; width:60px; height:46px; background:url(/images/home/btn_online_counsel.png) no-repeat; }

/* 청약 2단계 고객직업 및 운전여부 */
#jobNdrivePop .ui-modal-inner > p { margin-top: 30px; font-size: 15px; } 
#jobNdrivePop .ui-modal-inner > p > strong { display: inline-block; margin-bottom: 10px; font-size: 18px; }

/* 청약 2단계 가입가능 한도 안내 팝업 */
#entryLimit01 .ui-modal-inner > p, 
#entryLimit01 .ui-modal-inner > .limit-list > li { margin-top: 20px; font-size: 18px; font-weight: 600; }
#entryLimit01 .ui-modal-inner > .limit-list > li { margin-top: 5px; }
#entryLimit01 .ui-modal-inner > .limit-list > li:first-child { margin-top: 7px; }
/* ..... END 20240528 고객 db 수집방안 ..... */