@charset "utf-8";    

/* import css */
/* @import './pc.ljy.css'; */

.online .mo-ver{display:none !important;}
.online .h4{font-size:17px;}

/* overflow clear */
.overflowClear { overflow: initial !important; }
.overflowClear:after { content: ''; display: block; clear: both; }

/* 온라인(PC) 공통 하단 간격 */
.online.pc{padding-bottom:90px;}

/* 전체메뉴 */
.online-menu { position:fixed; top:89px; left:0; width:100%; background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1); overflow:hidden; transition:height 0.2s ease-out; z-index:21; }
.online-menu.off { height:0 !important; }
.online-menu .menu-wrap { position:relative; display:table; width:1200px; padding:40px 0; margin:0 auto; }
.online-menu .menu-list { position:relative; display:table-cell; width:300px; border-left:1px #ededed solid; padding-left:40px; }
.online-menu .menu-list:first-child { border-left:0; padding-left:0; }
.online-menu .menu-wrap .menu-list.insure a { padding-left:30px; }
.online-menu .cateName { padding-bottom:15px; }
.online-menu .cateName strong { font-size:20px; font-weight:800; }
.online-menu .menu-list a { position:relative; display:inline-block; font-weight:700; line-height:35px; }
.online-menu .menu-list a:focus,
.online-menu .menu-list a:hover { text-decoration:underline; }
.online-menu .menu-list a.major { color:#e67602; }
.online-menu .menu-list a.major::after { content:''; position:absolute; display:block; bottom:10px; width:calc(100% - 30px); height:5px; opacity:0.2; background:#ff9000; }
.online-menu .menu-list > ul > li > a > i { position:relative; display:inline-block; width:15px; height:15px; background:url('../../images/home/ico_mn_link.png') no-repeat; margin-left:5px; margin-bottom:2px; vertical-align:middle; }
.online-menu .menu-list > ul > li > a > i > span { display:block; width:0; height:0; overflow:hidden; }
.online-menu .menu-list .cateSubName { display:none; }

/* 모바일 전체메뉴 하단 접속정보 */
.online .gnb-menu .login-info{display:none;}

/* header */
.online .insure-info { position:fixed; display:block; top:0; left:0; width:100%; height:100px; text-align:center; background:#fff; padding-top:40px; z-index:11; }
.online .insure-info .btn-close { position:absolute; top:30px; right:30px; }
.online .insure-info > .insure-name { position:relative; display:block; font-size:20px; font-weight:700; color:#212121; }
.online .insure-info > .insure-pay { position:relative; display:inline-block; font-size:15px; color:#424242; margin-top:8px; z-index:1; }
.online .insure-info > .insure-pay em { font-size:20px; font-weight:800; color:#e67602; }
.online .insure-info > .insure-pay::after { content:''; position:absolute; display:block; left:-5px; bottom:2px; width:calc(100% + 10px); height:8px; background:#f5f5f5; z-index:-1; }

.online .insure-info > .insure-name .btn-base-s { position:absolute; top:-1px; height:30px; margin-left:10px; padding:0 10px; font-size:13.5px; }
/* 청약 상단 가입조건보기 아이콘 추가 */
.online .insure-info > .insure-name .btn-base-s::before { content: ''; display: inline-block; width: 12px; height: 12px; margin: -1px 3px 0 0; vertical-align: middle; background: url('../../images/home/ico_search.png') center center no-repeat; background-size: 12px auto; }
#featureAdd .tab-cont-wrap { padding:0 40px; }
#featureAdd .ui-modal-header h1 { display:block; font-size:24px; text-align:center;}
#featureAdd #pitmNm {font-size:25px;}

/* header submenu */
.online .submenu.ico li > a { padding-left:30px; }
.online .submenu.ico li > 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 .submenu.ico li.name01 > a::before { background-position:-29px -29px; }
.online .submenu.ico li.name02 > a::before { background-position:0 -29px; }
.online .submenu.ico li.name03 > a::before { background-position:-29px -60px; }
.online .submenu.ico li.name04 > a::before { background-position:-56px -60px; }
.online .submenu.ico li.name05 > a::before { background-position:-30px 0; }
.online .submenu.ico li.name06 > a::before { background-position:-58px 0; }
.online .submenu.ico li.name07 > a::before { background-position:0 0; }
.online .submenu.ico li.name08 > a::before { background-position:0 -59px; }
.online .submenu.ico li.name09 > a::before { background-position:-57px -28px; }
.online .submenu.ico li.name10 > a::before { background-position:0 -89px; }
.online .submenu.ico li.name11 > a::before { background-position:-28px -89px; }

/* footer */
.footer.online { margin-top:0 !important; padding-top:0; }
.footer.online .footer-inner { position:relative; width:1000px; min-height:150px; margin:0 auto; padding:30px 0; }
.footer.online .footer-inner::after { content:''; display:block; clear:both; }
.footer.online .footer-logo,
.footer.online .footer-right { float:left; text-align:left; }
.footer.online .footer-callcenter { float:right; }
.footer.online .footer-link a { position:relative; display:inline-block; font-size:13px; color:#06417c; padding-right:13px; margin-right:8px; }
.footer.online .footer-link a:last-child { margin-right:0; padding-right:0; }
.footer.online .footer-link a:hover { color:#06417c; }
.footer.online .footer-link a::after { content:''; position:absolute; display:block; top:2px; right:0; width:1px; height:13px; background:#b9cedf; }
.footer.online .footer-link a:last-child::after { display:none; }
.footer.online .footer-link a.strong { font-weight:700; color:#06417c; }
.footer.online .footer-callcenter .ico-call { font-weight:800; color:#212121; }
.footer.online .footer-callcenter .ico-call::before { content:''; position:relative; display:inline-block; width:14px; height:14px; background:url('../../images/home/online_footer_callcenter.png') no-repeat; margin-right:10px; }
.footer.online .footer-callcenter .ico-call::after { content:''; position:relative; display:inline-block; width:6px; height:10px; background:url('../../images/home/online_footer_arrow.png') no-repeat; margin-left:12px; margin-right:15px; }
.footer.online .footer-callcenter .call-num { font-weight:800; color:#212121; margin-right:15px; }
.footer.online .footer-callcenter .call-num:last-child { margin-right:0; }
.footer.online .footer-logo { position:relative; display:block; width:145px; height:51px; background: url(../../images/home/logo.png) no-repeat; margin-right:60px; }
.footer.online .footer-address { position:relative; font-size:13px; color:#06417c; margin-top:22px; }
.footer.online .footer-address > div { display:block; }
.footer.online .footer-address .etc > span { position:relative; display:inline-block; padding-right:13px; margin-right:8px; }
.footer.online .footer-address .etc > span::after { content:''; position:absolute; display:block; top:2px; right:0; width:1px; height:13px; background:#b9cedf; }
.footer.online .footer-address .etc > span:last-child { margin-right:0; padding-right:0; }
.footer.online .footer-address .etc > span:last-child::after { display:none; }
.footer.online.join .footer-wrap { border:0; }
.footer.online.join .footer-inner { text-align:center; padding:8px 0; }
.footer.online.join .footer-link,
.footer.online.join .footer-logo  { display:none; }
.footer.online.join .footer-callcenter,
.footer.online.join .footer-address { float:none; }
.footer.online.join .copyright { font-size:13px; padding-bottom:15px; }
.footer.online .mark { display:none; position:absolute; left:50%; bottom:40px; width:80px; height:58px; margin-left:420px; }
.footer.online .mark img { width:100%; }

/* button */
.online .btn-wrap-fixed .btn-base.cancel,
.online .ui-modal-footer .btn-base.cancel { background:#fff; }
.online .simulation .btn-wrap-fixed .btn-base { width:100%; }
.online .btn-wrap-fixed.floating .floating-wrap { position:fixed; left:0; bottom:0; width:100%; background:#fff; padding:15px 25px 25px; }
.online .btn-wrap-fixed.type-step { position:fixed; bottom:-100%; width:100%; height:auto; padding:15px 25px 25px; }
.online .btn-wrap-fixed.type-step.active { bottom:0; }

/* x scroll 테이블 */
.online .tbl-xscroll .tbl-base th { padding:10px 5px; font-size:13px; font-weight:700; }
.online .tbl-xscroll .tbl-base td { padding:17px 10px; font-size:13px; }

/* 보험료 계산 */
.online .main-wrap { width:1000px; margin:0 auto; }
.online .main-page + .main-page:not(.slide, .srch) { margin-top:0 !important; }
.online .main-page::after { content:''; display:block; clear:both; }
.online .calc-header {position:relative; float:right; width:440px; margin-top:15px; border:1px solid #e0e0e0; border-bottom:0; border-radius:20px 20px 0 0;}
.online .calc-header > .h1 { position:relative; margin-top:10px; font-weight:300;}
.online .calc-header > .h1 > i,
.online .calc-header > .h1 > span,
.online .calc-header > .h1 > strong { position:relative; display:inline-block; margin-bottom:5px; word-break: keep-all;}
.online .calc-header > .h1 > p.mini-info{font-size:15px;}
.online .calc-header > .h1 > .ws { white-space:nowrap; }
.online .calc-header > .adv { margin:15px 0; color:#d32f2f; font-size:18px; font-weight:700; }
.online .calc-header.type-color{ height:631px; padding:60px; overflow:hidden;}
.online .calc-header.type-color > .h1 > span::after,
.online .calc-header.type-color > .h1 > strong::after { content:''; position:absolute; display:block; bottom:4px; left:0; width:calc(100% + 10px); height:8px; background:rgba(255,255,255,0.15); }
.online .calc-header.type-color > .insurance-info-txt li{position:relative; margin-bottom:7px; color: #212121;}
.online .calc-header.type-color > .insurance-info-txt li:last-child > b{color:#f60; font-weight:700;}
.online .calc-header.type-img{min-height:631px; padding:60px 30px 0 50px;}
.online .calc-header.insure-00, .online .calc-header.insure-06, .online .calc-header.insure-07,
.online .calc-header.insure-09, .online .calc-header.insure-10 {position:absolute; top:44px; right:0; bottom:0; margin-top:0; border-bottom:1px #e0e0e0 solid; }
.online .calc-header.insure-09 {padding:60px 30px 0 45px;}
.online .calc-header + .simulation .btn-base.calc{ background-color:#e67602; box-shadow:0 5px 15px rgba(110,110,110,0.2);}

.online .calc .title-wrap,
.online .calc-header > .insure-name { display:none; }
.online .calc-header > .insurance-info-txt{display:block; margin-top:60px;}
.online .calc-header > .insurance-info-txt li{position:relative; margin-bottom:7px; font-size:13px; color: #757575;}
.online .calc-header > .insurance-info-txt li > b{font-weight:400;}
.online .calc-header > .insurance-info-txt li:last-child,
.online .calc-header > .insurance-info-txt li:last-child > b{font-weight:700; color:#000;}
.online .calc-header .btn-txt-line{position:absolute; display:block; right:50px; bottom:70px; width:30px; height:30px; overflow:visible;}
.online .calc-header .btn-txt-line::before{content:''; display:block; width:30px; height:30px; background:#2041bf; border-radius:50%;}
.online .calc-header .btn-txt-line span{position:absolute; top:5px; left:-70px; display:block; width:65px; padding-top:1px; font-size:13px; font-weight:700; color:#212121; }
.online .calc-header .btn-txt-line span::before { content:''; position:absolute; top:7px; right:-23px; width:7px; height:7px; border-top:2px #fff solid; border-right:2px #fff solid; transform:rotateZ(45deg); box-sizing:border-box; }
.online .calc-header .btn-txt-line span::after { content:''; position:absolute; top:9px; right:-23px; width:18px; height:2px; background:#fff; }
.online .calc-header.insure-00 .btn-txt-line {right:24px; top:679px;}
.online .calc-header.insure-00 > .h1 {font-size:28.5px;}
.online .calc-header.insure-11 > .h1 {font-size:27.5px;}
.online .calc-header.insure-03 .btn-txt-line {right:24px; bottom:25px;}
.online .calc-header.insure-01 .btn-txt-line, .online .calc-header.insure-08 .btn-txt-line {right:24px; bottom:28px;}
.online .calc-header.insure-00 .bul-note {position:absolute;top:570px;left:50px;right:0;margin:0;font-size:13px; color: #757575;} /* 10월 상품개정 */
.online .calc-header.insure-09 .bul-note {position:absolute;top:668px;left:45px;right:0;margin:0;font-size:12px;}
.online .calc-header.insure-09 .txtList {position:absolute;top:660px;left:45px;right:0;margin:0;font-size:13px; color: #757575;} /* 10월 상품개정 */
.online .calc-header.edit-height { min-height:708px !important; }

.ui-modal .online .title-wrap > .h1,
.online .title-wrap .h1 { display:block; font-size:25px; font-weight:300; margin-left:0; }
.online .text-wrap .tit-subtxt { font-weight:400; font-size:15px; color:#757575; margin:0; }
.online .text-wrap .ul-base > li { padding:0 0 0 8px; }
.online .text-wrap .ul-base > li:before { top:10px; }
.online .simulation { position:relative; float:left; width:500px; min-height:636px; margin:10px 60px 0 0; padding-bottom:3px;}
.online .simulation.full {padding-bottom:3px;}
.online .simulation .btn-wrap-fixed{position:relative; margin:30px 0;}
.online .simulation-wrap { margin-top:10px; }
.online .simulation-wrap > .text { font-size:20px; }
.online .simulation-wrap > .text::before { content:'#'; display:inline-block; margin-right:5px; }

/* 보험료계산 상단 */
.online:not(.main) .insure-wrap { position:relative; display:flex; justify-content:space-between; margin-top:40px; color:#424242;}
.online .insure-inner .insure-name { position:relative; display:inline-block; font-weight:700; z-index:1; }
.online .insure-inner .insure-name::after { content:''; position:absolute; display:block; bottom:0; left:0; width:100%; height:6px; background:#faead6; z-index:-1; }
.online .insure-inner .insure-pay { color:#212121; font-weight:400; }
.online .insure-inner .insure-pay::before { content:''; position:relative; display:inline-block; width:1px; height:12px; background:#e0e0e0; margin:0 20px; vertical-align:middle; }
.online .insure-inner .insure-pay > em { font-size:20px; font-weight:800; color:#e67602; }
.online .insure-wrap .insure-txt { position:relative; font-size:13px; color:#424242; font-weight:700; }
.online .insure-wrap .insure-txt.vary{ position:fixed;}
.online .insure-wrap .insure-txt::before { content:''; position:absolute; display:block; top:0; left:-7px; width:4px; height:4px; border-radius:4px; background:#e67602; }
.online .insure-counsel { position:absolute; right:0; top:0; padding-right:68px; font-size:13px; color:#424242; font-weight:700; line-height:28px; }
.online .insure-counsel::after { content:''; position:absolute; top:-14px; right:0; width:60px; height:46px; background:url(/images/home/btn_online_counsel.png) no-repeat; }
.online .insure-counsel em { font-size:0; }

/* 상품정보 : 특징 || 알아보세요 : 혜택 */
.online [class*="infographic"]{font-size:13px;}
.online [class*="infographic"] + p{margin-bottom:50px;}
.online [class*="infographic"] + .sub-wrap{margin-top:50px;}
.online [class*="infographic"] .add-coin{font-size:13px;}
.online [class*="infographic"] .total-coin{font-size:15px;}
.online [class*="infographic"] .total-coin.pigs::before{left:2px; top:28px; width:14px; height:21px; background-size:14px 21px;}
.online [class*="infographic"] ul.flex-wrap li .name{font-size:15px;}
.online [class*="infographic"].type-coin .zigzag{left:217px; top:15px;}
.online [class*="infographic"] .graphic-info { padding-right:110px; margin-top:40px; }
.online .infographic-03 ul.flex-wrap.middle-dash::after { top:153px; left:-14px; }
.online .infographic.mid { text-align:center; }

.sub-text-wrap .benefit { display:flex; justify-content:space-between; width:408px; margin:0 auto; padding:0; text-align:center; }
.sub-text-wrap .benefit .area  { position:relative; width:102px; height:102px; }
.sub-text-wrap .benefit .circle { position:relative; overflow:hidden; width:102px; height:102px; border:1px solid #555; border-radius:100%; background:#fff; }
.sub-text-wrap .benefit p {position:absolute; width:100%; height:100%; left:0; top:0; font-size:15px; font-weight:700; color:#000; line-height:100px; }
.sub-text-wrap .benefit p.term {height:15px; line-height:100%; top:120px; }
.sub-text-wrap .benefit .circle:before { content:''; position:absolute; width:100%; height:100%; top:2px; left:2px; border-radius:100%; background:#eee; }
.sub-text-wrap .benefit .area:last-child .circle:before { background:#ffa72b; }
.sub-text-wrap .benefit + .bul-note { display:inline-block; margin:80px 0 auto; }

/* 변액상품 주요설명부분 최신화 */
.expenses table { width:100%; }
.expenses thead th { height:52px; }
.expenses thead th span { position:relative; display:block; height:100%; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f5f5f5; font-size:15px; font-weight:700; line-height:50px; }
.expenses thead th span:before { content:''; position:absolute; top:16px; left:0; bottom:16px; width:1px; background:#e0e0e0; }
.expenses thead th:first-child span { border-left:1px solid #e0e0e0; border-radius:10px 0 0 10px; }
.expenses thead th:first-child span:before { display:none; }
.expenses thead th:last-child span { border-right:1px solid #e0e0e0; border-radius: 0 10px 10px 0; }
.expenses tbody th, .expenses tbody td { position:relative; height:50px; border-bottom:1px solid #e0e0e0; text-align:center; font-size:15px; font-weight:700; }
.expenses tbody td:before { content:''; position:absolute; top:12px; left:0; bottom:12px; width:1px; background:#e0e0e0; }
.expenses tbody td.stxt { padding:28px 0 28px 28px; color:#424242; font-size:13px; text-align:left; line-height:22px; }
.expenses tbody td.stxt:before { top:30px; bottom:30px; }
.expenses .graph img {width:100%;}
.expenses h4 { font-size:20px; }

/* 보험료계산 : 입원보장보험 특징 동영상 */
.online .product .sub-vod-wrap { float:right; width:560px; height:315px; }
.online .product .sub-vod-wrap iframe,
.online .product .sub-vod-wrap object,
.online .product .sub-vod-wrap embed { height:100%; }

/* 코인 : 위로 쌓여있는 스타일 */
.online .coin-01{margin:12px 0 13px;}
.online .coin-01 > span{width:42px; height:10px; border-radius:4px;}
.online .coin-01 > span::before,
.online .coin-01 > span::after{height:8px;}
.online .coin-01 > span::after{width:3px;}
.online .coin-01 span.second::before{ border-width:4px;}

/* 코인 : 입원보장보험에 옆으로 나열된 스타일 */
.online .coin-02{margin:15px 0 20px 75px;}
.online .coin-02 span{width:36px; height:36px; background-position: left 50% bottom -73px; background-repeat:no-repeat; background-size:36px 109px;}
.online .coin-02 span.deactive{background-position:0 -74px;}

/* 코인 : 지그재그로 쌓여있는 스타일 */
.online .zigzag{right:95px; bottom:-8px;}
.online .zigzag .coin-01{margin:0;}
.online .zigzag .coin-01:last-child::before{ width:36px; height:36px; background-position:left 50% bottom -73px; background-size:36px 109px;}

/* 보험료계산 : 변액보험 선택가능펀드 */
.online .tab-btns-wrap-d2 { background:none; padding:16px 0; }
.online .fund-select-wrap { margin-top:40px; }
.online .fund-select-wrap .divide-line { padding:60px 0 30px; }
.online .fund-select-wrap .divide-line::after { content:''; display:block; clear:both; }
.online .fund-select-wrap .divide-line .list-total { float:left; width:200px; padding:0; margin:0; }
.online .fund-select-wrap .divide-line .list-total .h3 { display:block; font-size:25px; }
.online .fund-select-wrap .divide-line .list-total p { display:block; font-size:20px; text-align:left; }
.online .fund-select-wrap .divide-line .list-total b { color:#212121; }
.online .fund-select-wrap .divide-line .link-list { float:left; width:calc(100% - 200px); border:0; margin-top:-30px; }
.online .fund-select-wrap .divide-line .link-list::after { content:''; display:block; clear:both; }
.online .fund-select-wrap .divide-line .link-list .link-head { margin-top:5px; }
.online .fund-select-wrap .divide-line .link-list .link-title { font-size:17px; }
.online .fund-select-wrap .divide-line .link-list .link-cont span { font-size:13px; color:#000; }
.online .fund-select-wrap .divide-line .link-list .link-item { float:left; width:calc(50% - 30px); margin-right:60px; border:0; border-top:1px #eee solid; }
.online .fund-select-wrap .divide-line .link-list .link-item:after { width:10px; height:10px; }
.online .fund-select-wrap .divide-line .link-list .link-item:nth-child(2n) { margin-right:0; }
.online .fund-select-wrap .divide-line .link-list .link-item:nth-child(1),
.online .fund-select-wrap .divide-line .link-list .link-item:nth-child(2) { border-top:0; }
.online .fund-select-wrap .divide-line .link-list .link-item > a,
.online .fund-select-wrap .divide-line .link-list .link-item > .item-wrap { padding:25px 0; }
.online .fund-select-wrap .btn-base-s.download{height:20px; padding:0 0 0 20px; font-size:13px; border:0;}
.online .fund-select-wrap .btn-base-s.download::before{right:auto; left:0;}
.online .fund-select-wrap .divide-line:last-child{color:#757575; font-size:12px;}
.online .fund-select-wrap .list-wrap li:last-child{border-bottom:0;}
.online #portfolioHashtag{margin-top:-25px;}

/* 항문앤폴립 수술보험 특징*/
.online .disEase-wrap {text-align:center;}
.online .disEase-wrap ul {display: flex; max-width:100%; justify-content: space-between;}
.online .disEase-wrap ul li { position:relative; width:100px; padding-top:70px; font-size:15px; color:#424242; font-weight:700; word-break:keep-all; line-height: 1.6;}
.online .disEase-wrap ul li::before {content:''; position:absolute; top:0; left:0; width:100%; height:70px; background:url(../../images/home/ico_online_product_21.png) center top no-repeat; background-size:100px auto; }
.online .disEase-wrap ul li:nth-child(1)::before {background-position: 0 0;}
.online .disEase-wrap ul li:nth-child(2)::before {background-position: 0 -70px;}
.online .disEase-wrap ul li:nth-child(3)::before {background-position: 0 -140px;}
.online .disEase-wrap ul li:nth-child(4)::before {background-position: 0 -210px;}
.online .icon-wrap.polyp ul {max-width:100%;justify-content: space-between;padding:0;}
.online .icon-wrap.polyp ul li:nth-child(1)::before {background-position: 1px -128px;}
.online .icon-wrap.polyp ul li:nth-child(2)::before {background-position: -68px -128px;}
.online .icon-wrap.polyp ul li:nth-child(3)::before {background-position: -259px -60px;}
.online .icon-wrap.polyp ul li:nth-child(4)::before {background-position: -257px -130px;}
.online .icon-wrap.polyp ul.etc {margin-top:60px;}
.online .icon-wrap.polyp ul.etc li:nth-child(1)::before {background-position: -132px -131px;}
.online .icon-wrap.polyp ul.etc li:nth-child(2)::before {width:116px;background:url(../../images/home/ico_online_product_21c.png) center top no-repeat; background-size:auto 48px;background-position:0 0px;}
.online .icon-wrap.polyp ul.etc li:nth-child(3)::before {background:url(../../images/home/ico_online_product_man.png) center top no-repeat; background-size:auto 48px;background-position: -231px -6px;}
.online .icon-wrap.polyp ul.etc li:nth-child(4)::before {background:url(../../images/home/ico_online_product_21b.png) center top no-repeat; background-size:auto 42px;background-position:0 0;}
.online .insu21-pay { overflow:hidden; border:1px solid #e0e0e0; border-radius:10px; }
.online .insu21-pay table { width:100%; margin-bottom:-1px; }
.online .insu21-pay table thead { display:none; }
.online .insu21-pay table tbody th, .online .insu21-pay table tbody td { border-bottom:1px solid #e0e0e0; font-size:15px; text-align:center; }
.online .insu21-pay table tbody th { background:#f5f5f5; color:#000; font-weight:800; }
.online .insu21-pay table tbody td { height:50px; border-left:1px solid #e0e0e0; color:#424242; }
.online .insu21-pay table tbody td b { color:#000; font-weight:700; }
.online .ico-tit { position:relative; padding-top:64px; }
.online .ico-tit::before {content:''; position:absolute; bottom:calc(100% - 64px); right:230px; width:83px; height:86px; background:url(../../images/home/ico_man.png) no-repeat;}
.online .ico-tit::after {content:''; position:absolute; bottom:calc(100% - 64px); right:49px; width:82px; height:88px; background:url(../../images/home/ico_woman.png) no-repeat;}
.online .sub-img-wrap.visible {overflow:visible;}
.t-int1 { text-indent:15px; }
.t-int2 { text-indent:30px; }

/* 청약 layout */
.online.join { min-height:890px; padding-top:0; } /* 청약2단계 높이 수정 */
.online.join .main-wrap { width:600px; min-height:900px; padding:130px 0 100px; overflow: hidden; } /* 청약2단계 높이 수정 */
/* .online.join .main-wrap:after { content: ' '; display: block; clear: both; } */
.online.join .step-inner { padding-top:100px; }
.online.join .main-page { max-width:600px; margin:0 auto;}
.online.join .main-page + .main-page { margin-top:0 !important; }
.online.join .main-page.space { margin-top:30px !important; }
.online.join .title-wrap .h1 { font-size:35px; color:#000; }

/* 청약 step scroll */
.online .step-inner { position:absolute; padding-top:60px; }
.online .input-wrap.type-email .input-email { height:40px; }
.online .type-step .input-wrap.type-email .input-email { height:50px; }

/* 청약 step */
.online .process-wrap { position:fixed; top:34px; right:111px; z-index:12; }
.online .process-wrap span { width:24px; height:24px; font-size:13px; font-weight:800; color:#fff; line-height:22px; border-radius:24px; background:#e0e0e0; border:1px transparent solid; margin:0; margin-right:50px; overflow:initial; }
.online .process-wrap span::after { content:''; position:absolute; display:block; top:11px; right:-51px; width:50px; height:1px; background:#e8e2dc; }
.online .process-wrap span.now { color:#e67602; background:#fff; border-color:#e67602; }
.online .process-wrap span:last-child { text-align:left; text-indent:-9999px; background:#fff; border-color:#e0e0e0; margin-right:0; }
.online .process-wrap span:last-child::before { content:''; position:absolute; display:block; top:50%; left:0; width:11px; height:5px; border-left:2px #e8e2dc solid; border-bottom:2px #e8e2dc solid; margin-top:-5px; margin-left:5px; transform:rotateZ(-45deg); }
.online .process-wrap span:last-child::after { display:none; }
.online .ui-modal-inner .process-wrap { position:absolute; top:0; right:40px; }
.online .ui-modal-inner .process-wrap span { position:relative; display:inline-block; width:5px; height:5px; margin:0 4px; color:transparent; font-size:12px; font-weight:800; text-align:center; line-height:25px; background:#bdbdbd; border-radius:50%; overflow:hidden; vertical-align:middle; }
.online .ui-modal-inner .process-wrap span.now { width:25px; height:25px; color:#fff; background:#222; border:0; }
.online .ui-modal-inner .process-wrap span:last-child { text-indent:0; }
.online .ui-modal-inner .process-wrap span:last-child::before,
.online .ui-modal-inner .process-wrap span:last-child::after { display:none; }

/* 청약 하단 버튼 */
.online.join .btn-wrap-fixed.join { max-width:630px; bottom:0; }
.online.join .btn-wrap-fixed.type-step { position:fixed; left:50%; max-width:600px; height:auto; margin:0; padding:0; transition-duration:0.3s; transform:translateX(-50%);}
.online.join .btn-wrap-fixed.type-step.active { bottom:0;}

/* 2020.08.26(수정) 청약 : 완료 (보험료변경 포함) 및 공통(알림)팝업 */
.online .title-wrap.happycall{padding-top:155px; background-size:150px 117px;}
.online .title-wrap.complete{padding-top:165px; background:url('../../images/home/online_ico_complete_pc.png') center top 10px no-repeat;}
.online .title-wrap.change{padding-top:165px; background:url('../../images/home/online_ico_change_pc.png') center top 10px no-repeat;}
.online .title-wrap.change .bg-effect{height:165px;}
.online .title-wrap.consult{padding-top:165px; background-size:170px 130px;}
.online .title-wrap.system{padding-top:165px; background-size:170px 130px;}
.online .title-wrap.timeout{padding-top:165px; background-size:172px 130px;}

/** 2020.08.26 :: 청약 : 완료 효과 */
.online .bg-effect .coins{position:absolute; left:41px; bottom:20px; border-radius:3px; border-bottom:1px solid #555;}
.online .bg-effect .coins::before{content:''; display:block; width:32px; height:32px; margin:0 auto; border-radius:50%; border:2px #555 solid; background:#fff url(../../images/home/bg_coin.png) no-repeat 0 0; background-size:32px;}
.online .bg-effect .coins > span{display:block; width:38px; height:9px; margin-top:-1px; background:#fee77a; border-radius:3px; border:2px solid #555; border-bottom:1px solid #555;}
.online .bg-effect .check{left:43px; bottom:-11px; width:30px; height:29px;}
.online .bg-effect .check::before{left:6px; top:15px;}
.online .bg-effect .check::after{left:11px; top:20px;}
.online .bg-effect .shape > span{display:block; position:absolute;}
.online .bg-effect .shape > span:nth-child(1){left:15px; top:12px; width:14px; height:1px; transform:rotate(30deg); background:#000;}
.online .bg-effect .shape > span:nth-child(2){left:10px; top:25px; width:6px; height:6px; border-radius:50%; background:#ffa72b;}
.online .bg-effect .shape > span:nth-child(3){left:-8px; top:55px; width:6px; height:6px; transform:rotate(45deg); border:1px solid #000;}
.online .bg-effect .shape > span:nth-child(4){left:13px; top:75px; width:14px; height:1px; transform:rotate(-30deg); background:#000;}
.online .bg-effect .shape > span:nth-child(5){animation-delay:.5s; left:6px; top:100px; width:6px; height:6px; transform:rotate(-45deg); border:1px solid #000;}
.online .bg-effect .shape > span:nth-child(6){right:3px; top:6px; width:14px; height:1px; transform:rotate(-30deg); background:#000;}
.online .bg-effect .shape > span:nth-child(7){right:20px; top:28px; width:6px; height:6px; border-radius:50%; background:#ffa72b;}
.online .bg-effect .shape > span:nth-child(8){right:-2px; top:50px; width:6px; height:6px; transform:rotate(45deg); border:1px solid #000;}
.online .bg-effect .shape > span:nth-child(9){right:-5px; top:85px; width:14px; height:1px; transform:rotate(30deg); background:#000;}
.online .bg-effect .shape > span:nth-child(10){right:15px; top:102px; width:6px; height:6px; border-radius:50%; background:#ffa72b;}

/* 청약 : 가입성향진단 */
.online .img-link-list li { padding-left:20px; padding-right:20px; }
.online .img-link-list li > a::before{content:''; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:30px; height:30px; background:#616161; border-radius:50%;}
.online .img-link-list li > a::after{ right:22px; top:50%; width:7px; height:7px; border-right:2px solid #fff; border-top:2px solid #fff; transform:translateY(-50%) rotateZ(45deg); background:none;}
.online .img-link-list li span {font-size:30px;}
.online .img-link-list li span.under-sub { font-size:20px; }
.online .img-link-list li span + p{ font-size:15px; line-height:1.7; padding-right:90px;}
.online .img-link-list.type-B + .error{bottom:-30px;}
.online .img-link-list.type-B strong{font-size:17px; font-weight:700;}
.online .img-link-list.type-B li{ padding:30px 0; font-size:13px;}
.online .img-link-list.type-B li.id{background:url('../../images/home/bg_id_pc.png') right 20px top 50% no-repeat; background-size:40px 45px; }
.online .img-link-list.type-B li.mop{background:url('../../images/home/bg_mop_pc.png') right 20px top 50% no-repeat; background-size:40px 45px; }
.online .img-link-list.type-B li.ds{background:url('../../images/home/bg_ds_pc.png') right 20px top 38px no-repeat; background-size:40px 45px; }

.online .bg-box{padding:20px; color:#757575; letter-spacing:0; word-break:keep-all;}
.online .bg-box.ico-note{padding-left:30px;}
.online .bg-box.ico-note::before{top:23px; left:15px;}
.online .bg-box.type-A{background-color:#f2f2f2;}
.online .bg-box.type-A .ico-note{margin-top:0; font-size:13px;}
.online .bg-box.type-A .ico-note::before{content:''; position:absolute; top:7px; left:0; display:inline-block; width:2px; height:2px; background-color:#424242;}
.online .bg-box.type-B{color:#000; font-weight:300; background-color:#fafafa;}
.online .line-box{padding:15px; text-align:center; border:1px solid #eee; border-radius:5px;}
.online .line-box.type-chart{margin-top:20px; padding:10px;}
.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-primary::after{background-color:#f7e6da;}
.online .under-second::after{background-color:#ed702d; height:8px; opacity:0.15;}
.online .under-sub::after{background-color:#eee;}


/* 주의사항, 이용안내 icon */
.online .ui-acco.type-caution .ui-acco-btn::before,
.online .ui-acco.type-useinfo .ui-acco-btn::before { top:calc(50% - 8px); }

/* animation */
.online .product .type-deco-01::before { animation:opaAni 1.5s infinite ease-in-out; }
.online .product .type-deco-02::before { animation:opaAni 1.5s infinite ease-in-out; }
.online .product .type-deco-03::before { animation:opaAni 1.5s infinite ease-in-out; }
.online .product .type-deco-04::before { animation:opaAni 1.5s infinite ease-in-out; }

.online .sub-img-wrap .icon-wrap.brain .bubble-tip { opacity:0; animation: brainTips 5s; animation-iteration-count: infinite; }
.online .sub-img-wrap .icon-wrap.brain .bubble-tip.coin:before { opacity:0; animation: brainTipsCoin 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .icon-wrap.brain .flex-wrap li { opacity:0; }
.online .sub-img-wrap .icon-wrap.brain .flex-wrap li:nth-child(1) { animation:brain1 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .icon-wrap.brain .flex-wrap li:nth-child(2) { animation:brain2 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .icon-wrap.brain .flex-wrap li:nth-child(3) { animation:brain3 5s; animation-iteration-count: infinite;  }
@keyframes brain1 { 0%{ opacity:0; } 20%{top:0; opacity:1;} 100%{top:0; opacity:1;}  }
@keyframes brain2 { 20%{ opacity:0; } 40%{opacity:1;} 100% {opacity:1;}  }
@keyframes brain3 { 40%{ opacity:0; } 60%{opacity:1;} 100%{opacity:1;}}
@keyframes brainTips { 55%{ top:50px; opacity:0; } 80% {top:0; opacity:1;} 100%{top:0; opacity:1;} }
@keyframes brainTipsCoin { 75%{ opacity:0; } 100% { opacity:1;} }

/*
.online .sub-img-wrap .infographic-03.type-month .coin-01 span.deactive { border-color:#555; } 
.online .sub-img-wrap .infographic-03.type-month .coin-01 span.deactive::before { background: #fee77a; }
.online .sub-img-wrap .infographic-03.type-month .coin-01 .second,
.online .sub-img-wrap .infographic-03.type-month .coin-01 .deactive,
.online .sub-img-wrap .infographic-03.type-month .total-coin,
.online .sub-img-wrap .infographic-03.type-month .bubble-tip { opacity:0; }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:last-child { animation:coin1 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(11) { animation:coin2 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(10) { animation:coin3 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(9) { animation:coin4 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(8) { animation:coin5 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(7) { animation:coin6 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(6) { animation:coin7 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(5) { animation:coin8 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(4) { animation:coin9 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(3) { animation:coin10 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(2) { animation:coin11 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .second:nth-child(1) { animation:coin12 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .second:last-child { animation:coin1 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .second:nth-child(11) { animation:coin2 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .second:nth-child(10) { animation:coin3 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .second:nth-child(9) { animation:coin4 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .second:nth-child(8) { animation:coin5 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .second:nth-child(7) { animation:coin6 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .second:nth-child(6) { animation:coin7 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .second:nth-child(5) { animation:coin8 5s; animation-iteration-count: infinite;  }

.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .deactive:nth-child(4) { animation:coinDe4 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .deactive:nth-child(4):before { animation:coinDe4_bg 5s; animation-iteration-count: infinite; }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .deactive:nth-child(3) { animation:coinDe3 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .deactive:nth-child(3):before { animation:coinDe3_bg 5s; animation-iteration-count: infinite; }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .deactive:nth-child(2) { animation:coinDe2 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .deactive:nth-child(2):before { animation:coinDe2_bg 5s; animation-iteration-count: infinite; }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .deactive:nth-child(1) { animation:coinDe1 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .deactive:nth-child(1):before { animation:coinDe1_bg 5s; animation-iteration-count: infinite; } 
*/

/*s : 뇌심 해지환급금 그래프 스타일 추가 - 임선아*/
.online .sub-img-wrap .infographic-03.type-month.cancel .flex-wrap li:nth-child(2) .deactive:nth-child(8) { animation:coinDe8 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month.cancel .flex-wrap li:nth-child(2) .deactive:nth-child(8):before { animation:coinDe8_bg 5s; animation-iteration-count: infinite; }
.online .sub-img-wrap .infographic-03.type-month.cancel .flex-wrap li:nth-child(2) .deactive:nth-child(7) { animation:coinDe7 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month.cancel .flex-wrap li:nth-child(2) .deactive:nth-child(7):before { animation:coinDe7_bg 5s; animation-iteration-count: infinite; }
.online .sub-img-wrap .infographic-03.type-month.cancel .flex-wrap li:nth-child(2) .deactive:nth-child(6) { animation:coinDe6 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month.cancel .flex-wrap li:nth-child(2) .deactive:nth-child(6):before { animation:coinDe6_bg 5s; animation-iteration-count: infinite; }
.online .sub-img-wrap .infographic-03.type-month.cancel .flex-wrap li:nth-child(2) .deactive:nth-child(5) { animation:coinDe5 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month.cancel .flex-wrap li:nth-child(2) .deactive:nth-child(5):before { animation:coinDe5_bg 5s; animation-iteration-count: infinite; }
/*e : 뇌심 해지환급금 그래프 스타일 추가 -임선아*/

/*.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(1) .total-coin { animation:coinTxt1 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .total-coin { animation:coinTxt2 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03.type-month .flex-wrap li:nth-child(2) .bubble-tip { animation:coinBubble 5s; animation-iteration-count: infinite;  } */

@keyframes coin1 { 0%{ opacity:0; } 5%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin2 { 3%{ opacity:0; } 8%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin3 { 6%{ opacity:0; } 11%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin4 { 9%{ opacity:0; } 14%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin5 { 12%{ opacity:0; } 17%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin6 { 15%{ opacity:0; } 20%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin7 { 18%{ opacity:0; } 23%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin8 { 21%{ opacity:0; } 26%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin9 { 24%{ opacity:0; } 29%{opacity:1;} 100%{opacity:1; }  }
@keyframes coin10 { 27%{ opacity:0; } 32%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin11 { 30%{ opacity:0; } 35%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin12 { 33%{ opacity:0; } 38%{opacity:1;} 100%{ opacity:1;}  }

/* s : 추가 임선아 */
@keyframes coinDe8 { 16% { border-color:#555; opacity:0; } 17% { border-color:#555; opacity:1; } 71% {border-color:#e0e0e0; opacity:1; } 100% {border-color:#e0e0e0; opacity:1; } }
@keyframes coinDe8_bg { 0% { background: #fee77a; } 17% {background: #fee77a; } 71% { background:#f5f5f5; } 100% {background:#f5f5f5; }}
@keyframes coinDe7 { 16% { border-color:#555; opacity:0; } 20% { border-color:#555; opacity:1; } 68% {border-color:#e0e0e0; opacity:1; } 100% {border-color:#e0e0e0; opacity:1; } }
@keyframes coinDe7_bg { 0% { background: #fee77a; } 20% {background: #fee77a; } 68% { background:#f5f5f5; } 100% {background:#f5f5f5; }}
@keyframes coinDe6 { 19% { border-color:#555; opacity:0; } 23% { border-color:#555; opacity:1; } 65% {border-color:#e0e0e0; opacity:1; } 100% {border-color:#e0e0e0; opacity:1; } }
@keyframes coinDe6_bg { 0% { background: #fee77a; } 23% {background: #fee77a; } 65% { background:#f5f5f5; } 100% {background:#f5f5f5; }}
@keyframes coinDe5 { 21% { border-color:#555; opacity:0; } 26% { border-color:#555; opacity:1; } 62% {border-color:#e0e0e0; opacity:1; } 100% {border-color:#e0e0e0; opacity:1; } }
@keyframes coinDe5_bg { 0% { background: #fee77a; } 26% {background: #fee77a; } 62% { background:#f5f5f5; } 100% {background:#f5f5f5; }}
/*  e : 추가 임선아 */
@keyframes coinDe4 { 24% { border-color:#555; opacity:0; } 29% { border-color:#555; opacity:1; } 59% {border-color:#e0e0e0; opacity:1; } 100% {border-color:#e0e0e0; opacity:1; } }
@keyframes coinDe4_bg { 0% { background: #fee77a; } 29% {background: #fee77a; } 59% { background:#f5f5f5; } 100% {background:#f5f5f5; }}
@keyframes coinDe3 { 27% { border-color:#555; opacity:0; } 32% { border-color:#555; opacity:1; } 56% {border-color:#e0e0e0; opacity:1; } 100% {border-color:#e0e0e0; opacity:1; } }
@keyframes coinDe3_bg { 0% { background: #fee77a; } 32% { background: #fee77a; } 56% { background:#f5f5f5; } 100% {background:#f5f5f5; }}
@keyframes coinDe2 { 30% { border-color:#555; opacity:0; } 35% { border-color:#555; opacity:1; }  53% {border-color:#e0e0e0; opacity:1; } 100% {border-color:#e0e0e0; opacity:1; } }
@keyframes coinDe2_bg { 0% { background: #fee77a; } 35% { background:#f5f5f5; } 53% { background:#f5f5f5; } 100% {background:#f5f5f5; }}
@keyframes coinDe1 { 33% { border-color:#555; opacity:0; } 38% { border-color:#555; opacity:1; }  50% {border-color:#e0e0e0; opacity:1; } 100% {border-color:#e0e0e0; opacity:1; } }
@keyframes coinDe1_bg { 0% { background: #fee77a; } 38% { background: #fee77a; } 50% { background:#f5f5f5; } 100% {background:#f5f5f5; }}

@keyframes coinTxt1 { 50%{ opacity:0; } 60%{ opacity:1 } 100%{ opacity:1;}  }
@keyframes coinTxt2 { 55%{ opacity:0; } 65%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coinBubble { 65%{ top:50px; opacity:0; } 80%{top:0; opacity:1;} 100%{ top:0; opacity:1;}  } 

.online .sub-img-wrap .infographic-04.type-deco-01:before { animation: opaAni 1.5s infinite ease-in-out; }
.online .sub-img-wrap .infographic-04.type-deco-01 .arrow { bottom:-30px; animation: arrow 4s; animation-iteration-count: infinite; }
@keyframes arrow { 0%{ bottom:-30px; } 50% {bottom:3px;} 100% { bottom:-30px; } } 

.online .sub-img-wrap .infographic-05 .bubble-tip { animation: tips 4s; animation-iteration-count: infinite; }
.online .sub-img-wrap .infographic-05 .bubble-tip.coin:before { opacity:0; animation: tipsCoin 4s; animation-iteration-count: infinite; } 
@keyframes tips { 0%{ top:50px; opacity:0; } 50%{top:0; opacity:1;} }
@keyframes tipsCoin { 50%{ opacity:0;} 100%{opacity:1;} }

/* .online .infographic-11 .coin-02 span{ opacity:0; }
.online .infographic-11 .coin-02 span:nth-child(1) { animation:coin1 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(2) { animation:coin2 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(3) { animation:coin3 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(4) { animation:coin4 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(5) { animation:coin5 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(6) { animation:coin6 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(7) { animation:coin7 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(8) { animation:coin8 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(9) { animation:coin9 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(10) { animation:coin10 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(11) { animation:coin11 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(12) { animation:coin12 5s; animation-iteration-count: infinite; }  */

@keyframes opaAni { 0%{ opacity:1; } 50%{ opacity:0;} 100%{opacity:1;} }
@keyframes aniDown1 { 0% { opacity:0; transform:translate(-50%, -5%); } 30% { opacity:0; transform:translate(-50%, -5%); } 100% { opacity:1; transform:translate(-50%, 12%);} }
@keyframes aniDown2 { 0% { opacity:0; transform:translate(-50%, -5%); } 50% { opacity:0; transform:translate(-50%, -5%); } 100% { opacity:1; transform:translate(-50%, 12%);} }
@keyframes aniDown3 { 0% { opacity:0; transform:translate(-50%, -5%); } 70% { opacity:0; transform:translate(-50%, -5%); } 100% { opacity:1; transform:translate(-50%, 12%);} }

@keyframes aniUp1 { 30% { bottom:40px; opacity:0;} 100% { bottom:80px; opacity:1;} }
@keyframes aniUp2 { 50% { bottom:40px; opacity:0;} 100% { bottom:80px; opacity:1;} }
@keyframes aniUp3 { 70% { bottom:40px; opacity:0;} 100% { bottom:80px; opacity:1;} }

@keyframes tips2 { 0%{ top:50px; opacity:0; } 100%{top:0; opacity:1;} }
@keyframes tipsCoin2 { 75%{ opacity:0;} 100%{opacity:1;} }

@keyframes chkLine01 { 0% { width:0; } 100% { width:10px; }}
@keyframes chkLine02 { 0% { width:0; } 100% { width:18px; }}

@keyframes aniStep1 { 0%{ opacity:0; } 15%{opacity:1;} 100%{opacity:1;} }
@keyframes aniStep2 { 15%{ opacity:0; } 30%{opacity:1;} 100%{opacity:1;} }
@keyframes aniStep3 { 30%{ opacity:0; } 45%{opacity:1;} 100%{opacity:1;} }
@keyframes aniStep4 { 45%{ opacity:0; } 60%{opacity:1;} 100%{opacity:1;} }
@keyframes aniStep5 { 60%{ opacity:0; } 80%{opacity:1;} 100%{opacity:1;} }

/*
@keyframes coin1 { 0%{ opacity:0; } 5%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin2 { 3%{ opacity:0; } 8%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin3 { 6%{ opacity:0; } 11%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin4 { 9%{ opacity:0; } 14%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin5 { 12%{ opacity:0; } 17%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin6 { 15%{ opacity:0; } 20%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin7 { 18%{ opacity:0; } 23%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin8 { 21%{ opacity:0; } 26%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin9 { 24%{ opacity:0; } 29%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin10 { 27%{ opacity:0; } 32%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin11 { 30%{ opacity:0; } 35%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin12 { 33%{ opacity:0; } 38%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin13 { 36%{ opacity:0; } 42%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin14 { 39%{ opacity:0; } 45%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin15 { 42%{ opacity:0; } 48%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin16 { 45%{ opacity:0; } 51%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin17 { 48%{ opacity:0; } 53%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin18 { 51%{ opacity:0; } 56%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin19 { 54%{ opacity:0; } 59%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin20 { 57%{ opacity:0; } 62%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin21 { 60%{ opacity:0; } 65%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin22 { 63%{ opacity:0; } 68%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin23 { 66%{ opacity:0; } 71%{opacity:1;} 100%{ opacity:1;}  }
@keyframes coin24 { 69%{ opacity:0; } 74%{opacity:1;} 100%{ opacity:1;}  }  */

.online .sub-img-wrap .mvp-01.type-deco-02:before { animation: opaAni 1.5s infinite ease-in-out; }
.online .sub-img-wrap .infographic-06 .flex-wrap li,
.online .sub-img-wrap .infographic-06 .bubble-tip.coin  { opacity:0; }

.online .sub-img-wrap .infographic-06 .flex-wrap li:nth-child(1) { animation:mvpTxts1 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-06 .flex-wrap li:nth-child(2) { animation:mvpTxts2 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-06 .flex-wrap li:nth-child(3) { animation:mvpTxts3 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-06 div.flex-wrap li:nth-child(4) { animation:mvpTxts4 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-06 .bubble-tip.coin { animation:mvpBubble 7s; animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-06 div.flex-wrap + .bubble-tip.coin { animation:mvpBubble2 7s; animation-iteration-count:infinite; }

.online .sub-img-wrap .infographic-09 .flex-wrap li,
.online .sub-img-wrap .infographic-09 .bubble-tip.coin  { opacity:0; }

.online .sub-img-wrap .infographic-09 .flex-wrap li:nth-child(1) { animation:mvpTxts1 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-09 .flex-wrap li:nth-child(2) { animation:mvpTxts2 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-09 .flex-wrap li:nth-child(3) { animation:mvpTxts3 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-09 .bubble-tip.coin { animation:mvpBubble 7s;  animation-iteration-count:infinite; }

.online .sub-img-wrap .infographic-10 .txt-view-02 { opacity:0; bottom:-50px; animation: firstInsu 5s; animation-iteration-count: infinite; }
@keyframes firstInsu { 0%{ bottom:-50px; opacity:0;  } 50% {bottom:-20px; opacity:1;} 100% { bottom:-50px; opacity:0; } } 

.online .sub-img-wrap .infographic-07 ul > li { opacity:0; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(1) { animation:r-coin1 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(2) { animation:r-coin2 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(3) { animation:r-coin3 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(4) { animation:r-coin4 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(5) { animation:r-coin5 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(6) { animation:r-coin6 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(7) { animation:r-coin7 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(8) { animation:r-coin8 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(9) { animation:r-coin9 7s;  animation-iteration-count:infinite; }
.online .sub-img-wrap .infographic-07 ul > li:nth-child(10) { animation:r-coin10 7s;  animation-iteration-count:infinite; }

@keyframes r-coin1 { 0%{ opacity:0; } 3%{opacity:1;} 45% { opacity:1; } 50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 
@keyframes r-coin2 { 3%{ opacity:0; } 6%{opacity:1;} 45% { opacity:1; }  50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 
@keyframes r-coin3 { 6%{ opacity:0; } 9%{opacity:1;} 45% { opacity:1; }  50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 
@keyframes r-coin4 { 9%{ opacity:0; } 12%{opacity:1;} 45% { opacity:1; }  50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 
@keyframes r-coin5 { 12%{ opacity:0; } 15%{opacity:1;} 45% { opacity:1; }  50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 
@keyframes r-coin6 { 15%{ opacity:0; } 18%{opacity:1;} 45% { opacity:1; }  50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 
@keyframes r-coin7 { 18%{ opacity:0; } 21%{opacity:1;} 45% { opacity:1; } 50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 
@keyframes r-coin8 { 21%{ opacity:0; } 24%{opacity:1;} 45% { opacity:1; }  50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 
@keyframes r-coin9 { 24%{ opacity:0; } 27%{opacity:1;} 45% { opacity:1; }  50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 
@keyframes r-coin10 { 27%{ opacity:0; } 30%{opacity:1;} 45% { opacity:1; }  50% { opacity:0; } 55% { opacity:1; } 65% { opacity:0; } 70% { opacity:1; } 100%{ opacity:1;} } 

/*
.online .sub-text-wrap .icon-wrap.woman .flex-wrap li:nth-child(1) { animation:mvpTxts1 7s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.woman .flex-wrap li:nth-child(2) { animation:mvpTxts2 7s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.woman .flex-wrap li:nth-child(3) { animation:mvpTxts3 7s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.woman .bubble-tip.coin { animation:mvpBubble 7s;  animation-iteration-count:infinite; }
*/

@keyframes mvpTxts1 { 15% { opacity:0; } 20%{opacity:1;} 100% { opacity:1; } } 
@keyframes mvpTxts2 { 25% { opacity:0; } 30%{opacity:1;} 100% { opacity:1; } } 
@keyframes mvpTxts3 { 35% { opacity:0; } 40%{ opacity:1; } 100% { opacity:1; } } 
@keyframes mvpTxts4 { 45% { opacity:0; } 50%{ opacity:1; } 100% { opacity:1; } } 
@keyframes mvpBubble { 40% { opacity:0;  top:30px; } 65% { opacity:1; top:0;  } 100% { opacity:1; top:0; } } 
@keyframes mvpBubble2 { 50% { opacity:0;  top:30px; } 75% { opacity:1; top:0;  } 100% { opacity:1; top:0; } }

/* 
.online .sub-text-wrap .icon-wrap.man .bubble-tip,
.online .sub-text-wrap .icon-wrap.man .flex-wrap li { opacity:0; }

.online .sub-text-wrap .icon-wrap.man .flex-wrap li:nth-child(1) { animation:manTxts1 8s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.man .flex-wrap li:nth-child(2) { animation:manTxts2 8s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.man .flex-wrap li:nth-child(3) { animation:manTxts3 8s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.man .flex-wrap li:nth-child(4) { animation:manTxts4 8s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.man .flex-wrap li:nth-child(5) { animation:manTxts5 8s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.man .bubble-tip.coin { animation:manBubble 8s;  animation-iteration-count:infinite; }
*/

.online .sub-text-wrap .icon-wrap.healthy .bubble-tip,
.online .sub-text-wrap .icon-wrap.healthy .flex-wrap li { opacity:0; }


.online .sub-text-wrap .icon-wrap.healthy .flex-wrap li:nth-child(1) { animation:mvpTxts1 7s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.healthy .flex-wrap li:nth-child(2) { animation:mvpTxts2 7s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.healthy .flex-wrap li:nth-child(3) { animation:mvpTxts3 7s;  animation-iteration-count:infinite; }

.online .sub-text-wrap .icon-wrap.treatment .bubble-tip,
.online .sub-text-wrap .icon-wrap.treatment .flex-wrap li { opacity:0; }

.online .sub-text-wrap .icon-wrap.treatment .flex-wrap li:nth-child(1) { animation:mvpTxts1 7s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.treatment .flex-wrap li:nth-child(2) { animation:mvpTxts2 7s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.treatment .flex-wrap li:nth-child(3) { animation:mvpTxts3 7s;  animation-iteration-count:infinite; }
.online .sub-text-wrap .icon-wrap.treatment .bubble-tip.coin { animation:mvpBubble 7s;  animation-iteration-count:infinite; }

@keyframes manBubble { 55% { opacity:0;  top:30px; } 75% { opacity:1; top:0;  } 100% { opacity:1; top:0; } } 
@keyframes manTxts1 { 10% { opacity:0; } 15%{opacity:1;} 100% { opacity:1; } } 
@keyframes manTxts2 { 20% { opacity:0; } 25%{opacity:1;} 100% { opacity:1; } } 
@keyframes manTxts3 { 30% { opacity:0; } 35%{ opacity:1; } 100% { opacity:1; } } 
@keyframes manTxts4 { 40% { opacity:0; } 45%{ opacity:1; } 100% { opacity:1; } } 
@keyframes manTxts5 { 50% { opacity:0; } 55%{ opacity:1; } 100% { opacity:1; } } 

.online .sub-img-wrap .infographic-01 .primary dd span { opacity:0; animation:primaryTxts 5s; animation-iteration-count: infinite; }
.online .sub-img-wrap .infographic-01 .second dd span { opacity:0;  animation:secondTxts 5s; animation-iteration-count: infinite;}
.online .sub-img-wrap .infographic-01 .primary dd:before { width:0; animation:primaryBar 5s; animation-iteration-count: infinite; }
.online .sub-img-wrap .infographic-01 .second dd:before { width:0;  animation:secondBar 5s; animation-iteration-count: infinite; }


@keyframes primaryBar { 0%{ width:0; } 45%{ width:100%;} 100% { width:100%; } }
@keyframes secondBar { 40%{ width:0; } 60%{ widows: 65%; } 100% { width:65%; } }
@keyframes primaryTxts { 40% { opacity:0;} 60% { opacity:1;} 100% { opacity:1; }}
@keyframes secondTxts { 70% { opacity:0;} 80% { opacity:1;} 100% { opacity:1; }}
/*
.online .line-wrap .type-join .low{opacity:0;}
.online .line-wrap .type-join li:nth-child(1) .arrow-bg::before{animation:aniDown1 8s; animation-iteration-count: infinite;}
.online .line-wrap .type-join li:nth-child(2) .arrow-bg::before{animation:aniDown2 8s; animation-iteration-count: infinite;}
.online .line-wrap .type-join li:nth-child(3) .arrow-bg::before{animation:aniDown3 8s; animation-iteration-count: infinite;}
.online .line-wrap .type-join li:nth-child(1) .low{animation:aniUp1 8s; animation-iteration-count: infinite;}
.online .line-wrap .type-join li:nth-child(2) .low{animation:aniUp2 8s; animation-iteration-count: infinite;}
.online .line-wrap .type-join li:nth-child(3) .low{animation:aniUp3 8s; animation-iteration-count: infinite;} 
*/
#feature09 .line-wrap .type-join li .low{bottom:80px;}

@keyframes aniDown1 { 0% { opacity:0; transform:translate(-50%, -5%); } 10% { opacity:0; transform:translate(-50%, -5%); } 20% { opacity:1; transform:translate(-50%, 12%);} }
@keyframes aniDown2 { 0% { opacity:0; transform:translate(-50%, -5%); } 25% { opacity:0; transform:translate(-50%, -5%); } 35% { opacity:1; transform:translate(-50%, 12%);} }
@keyframes aniDown3 { 0% { opacity:0; transform:translate(-50%, -5%); } 45% { opacity:0; transform:translate(-50%, -5%); } 55% { opacity:1; transform:translate(-50%, 12%);} }

@keyframes aniUp1 { 20% { bottom:50px; opacity:0;} 30% { bottom:80px; opacity:1;} 100% { bottom:80px; opacity:1;} }
@keyframes aniUp2 { 35% { bottom:50px; opacity:0;} 45% { bottom:80px; opacity:1;} 100% { bottom:80px; opacity:1;} }
@keyframes aniUp3 { 55% { bottom:50px; opacity:0;} 65% { bottom:80px; opacity:1;} 100% { bottom:80px; opacity:1;} }

.online .bg-effect .check{animation:bgMini .3s linear forwards;}
.online .bg-effect .check::before{animation:chkLine01 .5s linear forwards;}
.online .bg-effect .check::after{animation:chkLine02 .5s .5s linear forwards;}
.online .bg-effect .coins::before {opacity:0; animation:bgMini .3s .7s linear forwards;}
.online .bg-effect .coins > span:nth-child(1){animation:coin4 5s;}
.online .bg-effect .coins > span:nth-child(2){animation:coin3 5s;}
.online .bg-effect .coins > span:nth-child(3){animation:coin2 5s;}
.online .bg-effect .coins > span:nth-child(4){animation:coin1 5s;}
.online .bg-effect .shape > span{opacity:0; animation:opaAni .7s ease-in-out infinite;}
.online .bg-effect .shape > span:nth-child(odd){animation-delay:.4s; }
.online .bg-effect .shape > span:nth-child(even){animation-delay:.2s; }

@keyframes bgMini { 0% { opacity:0; transform:scale(0); } 100% { opacity:1; transform:scale(1);}}

@keyframes chkLine01 { 0% { width:0; } 100% { width:8px; }}
@keyframes chkLine02 { 0% { width:0; } 100% { width:14px; }}

/***** 청약 *****/
.online .step-inner .main-page{max-width:600px; margin:0 auto;}
.online .step-inner .title-wrap .h1{position:relative;}
.online .step-inner .pageTit{display:none;}
.online .step-inner .title-wrap.new .h1{display:inline-block; z-index:1;}
.online .step-inner .txt-alert{padding:0; background-color:#fff}
.online .step-inner .inp-base.job { cursor:pointer; }
.online .step-inner .inp-base.job::placeholder { color:#959595; }
.online .step-inner .inp-base.job::-webkit-input-placeholder { color:#959595; }
.online .step-inner .inp-base.job:-ms-input-placeholder { color:#959595; }
.online.join .btn-wrap-fixed .btn-base{width:100%; margin-bottom:18px;}
.online.join .main-wrap.end .pageTit{display:none;}
/* 계약전 알릴사항 */
.online .notice-type{margin:20px 0; padding:9px 25px; font-size:15px; font-weight:700; text-align:left; background:#fafafa; border-top:1px #e0e0e0 solid;}
.online .cont-wrap{padding-top:30px;}
.online .cont-wrap + .cont-wrap{padding-top:40px; margin-top:20px; border-top:1px solid #e0e0e0;}
.online .cont-wrap h2{font-weight:800;}
.online .cont-wrap h2 + p{font-size:13px;}
.online .cont-wrap.mgt5{margin-top:0 !important;}
.online .cont-wrap .only-pc-col2{display:flex; flex-wrap:wrap; align-items:center;}
.online .cont-wrap .only-pc-col2 > .input-wrap,
.online .cont-wrap .only-pc-col2 > .radio-wrap{width:calc(50% - 20px); margin-right:40px;}
.online .cont-wrap .only-pc-col2 > .input-wrap:nth-child(2n),
.online .cont-wrap .only-pc-col2 > .radio-wrap:nth-child(2n){margin-right:0;}
.online .cont-wrap .only-pc-col2 > .input-wrap label,
.online .cont-wrap .only-pc-col2 > .radio-wrap label{font-size:17px;}

.online .ask-flex-wrap{display:flex; justify-content:space-between; align-items:center; width:100%; padding:15px 30px; /*margin-top:20px;*/}
.online .ask-flex-wrap.bg{background:#fafafa;}
.online .ask-flex-wrap .ol-base, 
.online .ask-flex-wrap .ul-base{margin-bottom:15px;}
.online .ask-flex-wrap > *:first-child{font-size:15px; word-break:keep-all;}
.online .ask-flex-wrap > .radio-wrap{width:200px;}
.online .ui-modal-inner .ask-flex-wrap .radio-wrap{margin-bottom:15px;}
.online .ask-flex-wrap > .input-wrap{width:430px;}
.online .ask-wrap{width:calc(100% - 130px); padding:20px 80px 0 25px;}
.online .ask-wrap + .radio-wrap{width:200px; padding-top:20px;}
.online .only-one .ask-wrap + .radio-wrap{padding:20px 0;}
.online .only-one .ask-wrap + .input-wrap{width:200px; padding:20px 0 !important;}
.online .ask-wrap + .radio-wrap.smoke{width:280px;}
.online .radio-wrap .label.ask,
.online .floating-cont-wrap .ol-ask-A > li .question, 
.online .floating-cont-wrap .ol-ask-A > li .ask, 
.online .floating-cont-wrap .ask{margin-bottom:10px; font-size:15px; font-weight:400; color:#000; word-break:keep-all; letter-spacing:-0.3px;}
.online .floating-cont-wrap .ask-add{margin-bottom:20px; font-size:13px; color:#757575; letter-spacing:0;}
.online .floating-cont-wrap dl.ask-add{overflow:hidden; display:table; width:100%;}
.online .floating-cont-wrap dl.ask-add div{position:relative; float:left; display:table-cell; padding-left:20px;}
.online .floating-cont-wrap dl.ask-add div::before{content:''; position:absolute; left:10px; top:5px; display:block; width:1px; height:10px; background:#000;}
.online .floating-cont-wrap dl.ask-add div:first-child{padding-left:0;}
.online .floating-cont-wrap dl.ask-add div:first-child::before{display:none;}
.online .floating-cont-wrap dl.ask-add div dt{float:left;}
.online .floating-cont-wrap dl.ask-add div dd{float:left; color:#000;}
.online .smoke-wrap.add{display:block;}
.online .smoke-wrap.add .ask-wrap{display:block; width:100%;}
.online .floating-cont-wrap .ol-ask-A > li .ask-input-wrap{display:table; width:100%; padding-left:25px;}
.online .ask-input-wrap .input-wrap{display:table-cell; padding-right:20px; vertical-align:middle;}
.online .ask-input-wrap .input-wrap:last-child{padding-right:0;}
.online .floating-cont-wrap .ol-ask-A li:last-child [class*='ask']{margin-bottom:10px;}

.online .title-wrap + *:not(p, .view-list){margin-top:30px !important;}
.online .title-wrap + p{margin-top:20px;}
.online .title-wrap p{margin-top:10px;}
.online .title-wrap .est-info::before{top:-3px; left:5px; font-size:35px;}

.online [class*='sub-tit']{position:relative; padding-bottom:20px; font-size:25px; font-weight:300; letter-spacing:-1px;}
.online [class*='sub-tit'] a,
.online [class*='sub-tit'] em{font-weight:700;}

/* title-wrap next size subText */
.online.pc .sub-tit-1{display:none; line-height:1.5;}
.online .sub-tit-1{font-size:20px;}

.online .sub-tit-2,
.online .sub-tit-2 > *{line-height:2;}

/* etc */
.online .mg-25{margin:0 -40px;}

.online .ui-acco.mg-25,
.online .main-page.mg-25,
.online .review-list.mg-25,
.online .review-box.mg-25,
.online .divide-line.mg-25,
.online .tab-btns-wrap.mg-25,
.online .ui-modal-inner.mg-25{margin:0;}

/* .online span.mo-br::after{content:''; display:block;} */
.online span[class*="est-"]::before{content:'*'; position:absolute; top:-5px; left:-2px;}
.online .est-info::before{padding-left:2px; color:#dd585b; font-size:25px; font-weight:700;}
.online .txt-alert{position:absolute; bottom:20px; padding:20px 25px; font-size:13px; color:#757575; background-color:#f2f2f2;}
.online .txt-alert *{line-height:1.8;}
.online .txt-alert > b{font-size:13px; font-weight:700; color:#000;}

/* link text hidden */
.online .btn-next span,
.online .btn-prev span{overflow:hidden; position:absolute; border:0; margin:-1px; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}

/* button */
.online .btn-tag{height:30px; line-height:30px; padding:0 12px; margin:0 3px 10px 0; font-size:15px; color:#424242; border:1px solid #9e9e9e;}
.online .btn-tag.bg{position:relative; display:inline-block; height:auto; padding:0 20px; font-size:15px; font-weight:400; text-align:center; border:1px solid #e0e0e0; background:#fff;}
.online .btn-tag.bg span:before{content:'#';}
.online .pop-select-btn{height:45px; padding:0 37px 0 5px; font-size:25px; border:0; border-bottom:2px #111 solid; background:none;}
.online .input-wrap.type-line .pop-select-btn::after, 
.online .pop-select-btn::after{content:''; position:absolute; top:50%; right:5px; width:8px; height:8px; border-top:2px #000 solid; border-right:2px #000 solid; transform:rotateZ(135deg); margin-top:-6px;}
.online .btn-base-s, .online .btn-base-s.ui-tooltip-btn{height:40px; font-size:15px;}
.online .origin {margin-top:20px;}
.online .origin .btn-base-s{min-width:70px; height:29px; border:1px solid #b2b2b2; border-radius:29px; background:#fff; color:#111; font-size:13px; font-weight:700;}
.online .origin .btn-base-s:nth-child(1).primary {border:1px solid #0086ed;color:#0086ed;}
.online .origin .btn-base-s:nth-child(2).primary {border:1px solid #e6a302;color:#e6a302;}
.online .origin .btn-base-s:nth-child(3).primary {border:1px solid #fb7300;color:#fb7300;}
.online .ui-tooltip-wrap{margin-left:10px;}

/* table */
.online .tbl-calc-1 tbody th{font-size:13px;}
.online .tbl-calc-1 tbody tr:last-child th,
.online .tbl-calc-1 tbody tr:last-child td{padding:10px 0 0 20px;}
.online .tbl-calc-1 tbody td, 
.online .tbl-calc-3 tbody td{color:#000; font-size:13px;}/* 2020.09.02 :: 웹 접근성 대응 */
.online .tbl-calc-1 tbody td > b, 
.online .tbl-calc-3 tbody td > b{padding-right:2px; color:#000; font-size:15px; font-weight:800;}

/* bullet */
.online .ico-note{ font-size:13px; }
.online .ico-note::before{ top:6px; }

/* ul, ol */
.online ol[class^='ol-ask']{counter-reset:chapter 0;}

.online .ol-ask-A > li::before{position:absolute; left:0; top:23px; font-size:15px;}
.online .floating-cont-wrap .ol-ask-A > li{border-top:1px #eee dashed;}
.online .floating-cont-wrap .ol-ask-A > li > *{display:table-cell; vertical-align:top;}
.online .floating-cont-wrap .ol-ask-A > li:first-child::before{top:4px;}
.online .floating-cont-wrap .ol-ask-A > li:first-child .ask-wrap,
.online .floating-cont-wrap .ol-ask-A > li:first-child .ask-wrap + .radio-wrap{padding-top:0;}
.online .floating-cont-wrap .ol-ask-A .radio-wrap.type-tab label{min-height:40px; padding:8px 0;}

.online .ol-ask-A > li::before,
.online .ol-ask-B > li::before{line-height:1; counter-increment:chapter; content:'0' counter(chapter) '.'; font-weight:800; color:#000;}
.online .ol-ask-B > li::before{font-size:18px; color:#bdbdbd;}
.online .ol-ask-B > li::after{content:''; position:relative; top:40px; left:-25px; display:block; width:calc(100% - -50px); height:10px; background-color:#eee;}

.online .floating-cont-wrap .ol-ask-A > li, 
.online .ol-ask-B > li{display:table; width:100%; margin-top:80px;}
.online .ol-ask-A > li:first-child,
.online .ol-ask-B > li:first-child{border-top:0; padding-top:0;}
.online .ol-ask-B > li:first-child{margin-top:0;}
.online .ol-ask-B > li .good-name { position:relative; display:inline-block; font-size:18px; }

/** 보험 차익 관련팝업에서 ol태그 **/
.online .ol-ask-A.type-pc li{padding-left:25px;}
.online .ol-ask-A.type-pc li::before{top:4px;}
/** end **/
.online .ol-ask-A.type-bg li::before{display:none;}
.online .ol-ask-A.type-bg li .question,
.online .ol-ask-A.type-bg li .radio-wrap .label{position:relative; height:60px; padding:20px 45px; font-weight:400; background:url('../../images/home/bg_online_question.png') 0 0 no-repeat;}
.online .ol-ask-A.type-bg li .question::before,
.online .ol-ask-A.type-bg li .radio-wrap .label::before{content:counter(chapter); counter-increment:chapter; height:33px; font-weight:800; position:absolute; left:20px; top:20px; }
.online .ol-ask-A.type-bg li .check-wrap .label + div,
.online .ol-ask-A.type-bg li .radio-wrap .label + div,
.online .ol-ask-A.type-bg li .question + .radio-wrap{overflow:hidden; padding:20px 30px; margin:10px 5px 20px; border-radius:10px; border:1px solid #f5f5f5;}
.online .ol-ask-A.type-bg li .question + .type-slider{padding:20px 25px 40px 25px; margin:10px 5px 30px; border-radius:10px; border:1px solid #f5f5f5;}
.online .ol-ask-A.type-bg li .question + .radio-wrap:not(.type-slider) .radio-item,
.online .ol-ask-A.type-bg li .radio-wrap.type-row .label + div .radio-item{float:left; margin-bottom:0;}
.online .ol-ask-A.type-bg li .radio-wrap.type-row .label + div .radio-item label,
.online .ol-ask-A.type-bg li .question + .radio-wrap:not(.type-slider) .radio-item label{margin-right:40px;}
.online .ol-ask-A.type-bg li .question + .radio-wrap:not(.type-slider) .radio-item:first-child label{margin-right:30px;}
.online .ol-ask-A.type-bg li .radio-wrap.type-row .label + div .radio-item:last-child label{margin-right:0;}

/* content text */
.online .fc-sub-m{font-size:21px; color:#000;}
.online .fc-sub-s{font-size:20px; color:#757575;}
.online .fc-sub-xs{font-size:15px; color:#757575; line-height:1.7;}
.online .fc-sub-xs.tit{color:#000; font-weight:700;}
.online .fc-sub-xxs{font-size:13px; color:#757575; line-height:1.5;}
.online .fc-sub-xs02{font-size:13px; color:#757575; word-break:keep-all; line-height:1.7;}

/* input */
.online .input-wrap span.error, .online span.error{ font-size:13px; color:#d32f2f;}
.online .input-wrap.type-tel2 .error{top:80px;}
.online .input-wrap .input-item.error{bottom:5px;}
.online .input-wrap span.error::before, .online span.error::before{top:3px;}
.online .input-wrap span.error::after, .online span.error::after{top:9px;}
.online .input-wrap.line-btn{padding:0;}
.online .input-wrap.line-btn .input-item{width:100%;}
.online .input-wrap.line-btn .pop-input-btn{width:100%; min-height:50px; padding:5px 0 0; margin-bottom:10px; font-size:20px; font-weight:700; text-align:left; border-bottom:2px solid #000;}
.online .title-wrap + .check-wrap.type-row{margin-top:25px;}
.online .check-wrap.type-row .check-item{margin-bottom:20px;}
.online .check-wrap.type-row .check-item label{padding-right:30px; font-size:15px; color:#000;}

/* 2020.08.31 ::  웹접근성 수정 */
.online .radio-wrap input:focus + label,
.online .check-wrap input:focus + label{outline:1px dashed #555;}

/* 보험료 계산 */
.online.type-H .calc-header,
.online.type-I .calc-header{border-bottom:1px solid #e0e0e0;}
.online .calc-header.type-color::before{content:''; z-index:2; position:absolute; bottom:0; right:0; width:calc(100% - 50px); height:124px; border-top:1px solid #424242; background:#fff url('../../images/home/logo_footer.png') right 40px bottom 60px no-repeat; background-size:119px 41px;}
.online .calc-header.type-color::after{content:''; position:absolute; right:-30px; bottom:60px; display:block; width:330px; height:170px; border-radius:150px; transform:rotate(130deg); background:rgba(224,224,224,0.2);}
.online .calc-header.type-color em{font-size:15px; letter-spacing:0;}
.online .calc-header.type-color .insure-txt + h1{font-size:35px; line-height:1.4;}
.online .calc-header.type-color .insure-txt + h1 > strong::after{content:''; position:absolute; left:0; bottom:4px; width:100%; height:15px; background-color:#e67602; opacity:0.15;}
.online .calc-header.type-color > .insurance-info-txt li{font-size:15px;}
.online .calc-header.type-color .btn-txt-line{z-index:2; right:40px; bottom:150px; font-size:11px; font-weight:300;}

.online .calc-header.type-img{z-index:1;}
.online .calc-header.type-img::before{content:''; z-index:-1; position:absolute; bottom:124px; right:0; width:calc(100% - 50px); height:1px; background:#424242;}
.online .calc-header.type-img.insure-01 {min-height:700px;}
.online .calc-header.type-img.insure-03 {min-height:758px;}
.online .calc-header.type-img.insure-11::before {display:none;}
.online .calc-header.insure-00::before {top:555px;} /* 10월 상품개정 */
.online .calc-header.insure-03::before {bottom:75px;}
.online .calc-header.insure-01::before, .online .calc-header.insure-08::before{bottom:90px;right:24px;width:calc(100% - 48px);}
.online .calc-header.insure-09::before {bottom:auto; top:640px;}
.online .calc-header.insure-10::before {bottom:110px;}
.online .calc-header.type-img .exam { position:absolute; bottom:39px; left:50px; color:#424242; font-size:13px; font-weight:700; } /* 20230214 수정 */
.online .calc-header.insure-07 .exam { bottom: 79px; font-weight: 400; color: #757575; }  

.online .calc-header.type-img::after{content:''; position:absolute; right:20px; width:265px; height:245px; background-repeat:no-repeat; background-size:280px 250px;}
.online .calc-header.insure-00::after{width:273px; height:234px; top:320px; right:0; background-image:url('../../images/home/bg_online_calc_cancer01.png') !important;background-size:cover;} /* 10월 상품개정 */
.online .calc-header.insure-01::after{width:343px; height:243px; right:42px; bottom:82px; background-image:url('../../images/home/bg_online_calc_01.png') !important; background-size:cover;}
.online .calc-header.insure-02::after{width:280px; right:18px; bottom:110px; background-image:url('../../images/home/bg_online_calc_02.png') !important;}
.online .calc-header.insure-03::after{width:383px; height:410px; top:234px; background-image:url('../../images/home/bg_online_calc_03N.png') !important;  background-size:cover;}
.online .calc-header.insure-04::after{bottom:117px; background-image:url('../../images/home/bg_online_calc_04.png');}
.online .calc-header.insure-05::after{width:255px; bottom:110px; background-image:url('../../images/home/bg_online_calc_05.png');}
.online .calc-header.insure-06::after{bottom:111px; background-image:url('../../images/home/bg_online_calc_06.png') !important;}
.online .calc-header.insure-07::after{width:275px; bottom:110px; background-image:url('../../images/home/bg_online_calc_07.png') !important;}
.online .calc-header.insure-08::after{width:343px; height:250px; right:42px; bottom:82px; background-image:url('../../images/home/bg_online_calc_08.png') !important; background-size:cover;}
.online .calc-header.insure-09::after{width:325px; height:220px; left:50%; top:406px; background-image:url('../../images/home/bg_online_calc_09.png') !important; background-size:cover; transform: translateX(-46%); } /* 10월 상품개정 */
.online .calc-header.insure-10::after{width:191px; height:247px; right:36px; bottom:103px; background-image:url('../../images/home/bg_online_calc_10.png'); background-size:cover; }
.online .calc-header.insure-11::after{width:375px; height:250px; right:30px; bottom:40px; background-image:url('../../images/home/bg_online_calc_11.png') !important; background-position:right top; }
.online .calc-header.type-img em{font-size:15px; letter-spacing:0;}
.online .calc-header.type-img em.fc-sub-xxs {display:block; font-size:13px; font-weight:400; }
.online .calc-header.type-img .insure-txt + h1{font-size:30px;}
.online .calc-header .snsGo {position:relative; width:129px; height:82px; margin:30px 0 0; background:url(/images/home/btn_sns_go.png) no-repeat; }
.online .calc-header .snsGo a {display:block; width:121px; height:72px; padding-top:8px; color:#fff; font-size:18px; font-weight:400; line-height:1.2; text-align:center; }

.online .simulation-wrap{position:relative; }
/* .online .simulation-wrap .btn-share{position:absolute; right:0; top:0; overflow:visible; } */
.online .simulation-wrap .bubble-tip{padding:10px 15px 8px; margin-top:7px; /*font-size:13px; color:#757575; border:0; box-shadow:none;*/}
.online .simulation-wrap .bubble-tip::before,
.online .simulation-wrap .bubble-tip::after{display:none;}
.online .simulation-wrap .bubble-tip.hide{position:absolute;}
.online .simulation-wrap .text{position:relative; font-size:20px; font-weight:700; color:#000;}
.online .simulation-wrap .text::before{content:'#'; display:inline-block; margin-right:5px; font-size:20px;}
.online .simulation-wrap .query{margin-top:15px;}
.online .simulation-wrap .query > span{display:inline-block;}
.online .query > *{line-height:35px;}
.online .query > span{padding-left:5px; font-size:20px;}
.online .query .pop-select-btn.mgr2{margin-right:20px !important;}
.online .result-price{display:flex; justify-content:space-between; align-items:baseline;}
.online .result-price.mgt3{margin-top:0 !important;}
.online .result-price.solo{-ms-flex-pack:end; justify-content:flex-end; margin-top:15px;}
.online .result-price.solo > span{font-size:15px; color:#000; font-weight:400;}
.online .result-price.solo > span b{font-weight:700;}
.online .result-price.solo > div{position:relative; z-index:1; padding:0 7px; margin-left:10px;}
.online .result-price.solo > div::after{content:''; z-index:-1; display:inline-block; position:absolute; right:0; bottom:8px; width:100%; height:10px; opacity:0.3; background-color:#eeba78;}
.online .result-price.solo > div strong{padding-left:0; margin-left:5px;}
.online .result-price.solo > div strong::before, .online .result-price.solo > div strong::after{display:none;}
.online .result-price.healthy > div{text-align:right;}
.online .result-price.healthy p{margin:6px 0 5px; font-size:15px; color:#424242;}
.online .result-price.healthy strong::before{content:'건강체\00a0\00a0\00a0월';}
.online .result-price.non-smoking > div{text-align:right;}
.online .result-price.non-smoking p{margin:6px 0 5px; font-size:15px; color:#424242;}
.online .result-price.non-smoking strong::before{content:'비흡연할인\00a0\00a0\00a0월';}
.online .result-price > span{font-size:13px; color:#000; font-weight:700;}
.online .result-price strong{position:relative; z-index:1; display:inline-block; padding:0 7px 0 12px; font-size:30px; font-weight:800; color:#000;}
.online .result-price.solo.notxt strong::before,
.online .result-price.notxt strong::before{content:'';}  /* 일시납일 경우 */
.online .result-price.year strong::before{content:'연';}  /* 연납일 경우 */
.online .result-price strong::before{content:'월'; display:inline-block; margin-right:5px; font-size:15px; font-weight:700;}
.online .result-price strong::after{content:''; display:inline-block; z-index:-1; position:absolute; right:0; bottom:8px; width:100%; height:10px; opacity:0.3; background-color:#eeba78;}
.online .result-price .btn-base {height:30px;font-size:13px;}

/* 보험료계산 : 테이블 유형 */
.online .choice-wrap{display:table; width:100%; border-top:2px solid #000; border-bottom:1px #000 solid; background-color:#fafafa;}
.online .choice-wrap::after { content:''; display:block; clear:both; }
.online .choice-wrap li{position:relative; display:table-cell; height:47px; text-align:center; vertical-align:middle; font-size:15px; font-weight:800; }
.online .choice-wrap li::after{content:''; display:inline-block; transform:translateY(-50%); position:absolute; right:0; top:50%; width:1px; height:20px; background:#e0e0e0;}
.online .choice-wrap li:last-child::after{display:none;}
.online .choice-wrap .text{padding:0; font-weight:800;}
.online .choice-wrap.col2 li { width:50%; line-height:45px; }
.online .choice-wrap.col4 li:first-child { width:20%; }
.online .choice-wrap.col4 li:nth-child(2) { width:35%; }
.online .choice-wrap.col4 li:nth-child(3) { width:22%; }
.online .choice-wrap.col4 li:nth-child(4) { width:23%; }
.online .choice-wrap.col4s li { width:25%; }
.online .choice-wrap.col4s li:first-child { width:27%; }
.online .choice-wrap.col4s li:nth-child(4) { width:23%; }
.online .choice-wrap.col4q li { width:22%; }
.online .choice-wrap.col4q li:nth-child(3) { width:29%; }
.online .choice-wrap.col4q li:nth-child(4) { width:27%; font-size:15px; font-weight:800;}
.online .choice-wrap.col5 li button { padding:0 25px 0 0 !important; }
.online .choice-wrap.col5 li:nth-child(1) { width:26%; }
.online .choice-wrap.col5 li:nth-child(2) { width:16%; }
.online .choice-wrap.col5 li:nth-child(3) { width:24%; }
.online .choice-wrap.col5 li:nth-child(4) { width:16%; }
.online .choice-wrap.col5 li:nth-child(5) { width:18%; }

.online .result-table.type-A .pop-select-btn.no-line{width:100%; height:100%; padding-right:0; font-size:15px; font-weight:800; padding:0 35px 0 15px;}
.online .result-table.type-A .pop-select-btn.no-line::after{right:15px; width:6px; height:6px;}
.online .result-table.type-A .pop-select-btn.no-line .unit{padding-left:2px; font-size:13px; font-weight:400; color:#000;}/* 2020.09.02 :: 웹 접근성 대응 */
.online .result-table.type-A .tbl-calc-1 .pop-select-btn.no-line{padding-right:30px; text-align:right; letter-spacing:0;}
.online .result-table.type-A .tbl-calc-1 tbody th{padding-left:20px;}
.online .result-table.type-A .tbl-calc-1 tbody td{padding-right:10px;}
.online .result-table.type-A .tbl-calc-1 tbody td .pop-select-btn.no-line{width:auto; padding-right:25px;}
.online .result-table.type-A .tbl-calc-1 tbody td .pop-select-btn.no-line::after{right:3px;}
.online .result-table.type-A .tbl-calc-1 thead th{height:35px; color:#424242; font-size:13px; border-bottom:1px solid #e0e0e0;background:#fafafa;}
.online .tbl-calc-1 tbody tr.first th, .online .tbl-calc-1 tbody tr.first td{padding-top:20px;}

.online .calc-content{margin-top:10px;}
.online .calc-content .result-table.type-A .tbl-calc-1{padding-bottom:0; border-bottom:0;}

.online .btn-wrap.type-calc{position:relative; display:block; padding:10px 15px 10px 0; border-radius:4px; border:1px #bdbdbd solid;}
.online .btn-wrap.type-calc::after { content:''; display:block; clear:both; }
.online .btn-wrap.type-calc button{float:left; position:relative; width:calc(33.3% - 10px); text-align:center; font-size:13px; border-left:1px #eee solid;}
.online .btn-wrap.type-calc button:first-child{padding-left:0; margin-left:0; border-left:0;}
.online .btn-wrap.type-calc.col2 button {width:calc(50% - 10px); }
.online .btn-wrap.type-calc.col4 { padding:10px 0; }
.online .btn-wrap.type-calc.col4 button { width:25%; }
.online .btn-wrap.type-calc .btn-arrow{padding-left:5px; margin-left:15px;}
.online .btn-wrap.type-calc .btn-arrow::after{content:''; position:absolute; top:4px; right:0; width:6px; height:6px; border-top:2px #bdbdbd solid; border-left:2px #bdbdbd solid; transform: rotateZ(135deg);}

/* 보험료계산 : 변액 조건선택 */
.online .choice-wrap.type-vi{overflow:hidden; display:block; height:auto; padding:15px; border:0;}
.online .choice-wrap.type-vi li{display:inline-block; width:auto; height:auto; padding:3px 0; color:#757575; font-size:13px; font-weight:300;}
.online .choice-wrap.type-vi li::after{display:none;}
.online .choice-wrap.type-vi li .pop-select-btn.no-line{padding-right:30px; font-size:15px; font-weight:400;}
.online .choice-wrap.type-vi li .pop-select-btn.no-line::after{right:10px; width:5px; height:5px;}
.online .btn-go-down{display:block; text-decoration:underline; position:relative; padding-right:25px; margin:25px auto 0;}
.online .btn-go-down::before{content:''; display:block; width:14px; height:14px; border:2px solid #424242; border-radius:50%; position:absolute; right:0; top:0;}
.online .btn-go-down span{display:block; font-size:15px; color:#000;}
.online .btn-go-down span::before {content:''; position:absolute; top:6px; right:6px; width:6px; height:6px; border-bottom:2px #424242 solid; border-right:2px #424242 solid; transform:rotateZ(45deg); box-sizing:border-box;}
.online .btn-go-down span::after {content:''; position:absolute; top:5px; right:8px; width:2px; height:8px; background:#424242;}
.online .btn-go-down.open span::before { transform:rotateZ(225deg); }
.online .once-cont{position:relative; margin-top:55px;}
.online .once-cont .list-total{margin-bottom:10px;}
.online .once-cont .list-total > *{font-size:20px;}
.online .once-cont .color-guide{position:relative; display:table; border:0;}
.online .once-cont .color-guide li[class*="chip"]{display:table-cell; padding:0 15px; font-size:13px; color:#424242;}
.online .once-cont .color-guide li[class*="chip"]::before{content:''; display:inline-block; top:50%; transform:translateY(-50%); width:6px; height:6px; margin-right:7px; border-radius:50%; border:0;}
.online .once-cont .color-guide li:last-child{padding-right:0;}
.online .color-guide li.chip1::before{background:#4192ea;}
.online .color-guide li.chip2::before{background:#ec642b;}
.online .color-guide li.chip3::before{background:#fee77a;}
.online .color-guide li.chip4::before{background:#f6ab49;}
.online .color-guide li.chip5::before{background:#f5f5f5; border-color:#e0e0e0;}

/* 가입후기작성 */
.online .join-review-wrap .ol-ask-A > li:last-child .only-pc-col2 p{width:85%;}
.online .join-review-wrap .ol-ask-A > li:last-child .only-pc-col2 p + div{width:15%; margin:0 !important;}
.online .join-review-wrap .ol-ask-A > li:last-child .only-pc-col2 p + div .check-item{margin-bottom:0;}
.online .join-review-wrap .ol-ask-A > li::before{top:17px; left:15px;}
.online .join-review-wrap .ol-ask-A > li p.ask{padding:14px 0 14px 40px; font-weight:700; border-radius:10px; background:#f5f5f5;}
.online .join-review-wrap .ol-ask-A > li p.ask + .input-wrap{padding:15px 0 30px;}
.online .join-review-wrap .check-wrap.type-row .check-item{margin-bottom:10px;}
.online .join-review-wrap .check-wrap.type-row .check-item label{padding-right:0;}
.online .join-review-wrap .only-pc-col2::after{content:''; display:block; clear:both;}
.online .join-review-wrap .only-pc-col2 > *{float:left; width:50%;}
.online .join-review-wrap .product-name > div{overflow:hidden; display:table; width:100%;}
.online .join-review-wrap .product-name > div > *{display:table-cell;}
.online .join-review-wrap .product-name > div > .input-wrap{width:50%; padding:15px 0 30px;}
.online .join-review-wrap .product-name > div > .flex-wrap{padding-left:20px;}
.online .join-review-wrap .product-name > div > .flex-wrap em{float:left; margin-right:20px; color:#757575; font-size:13px;}
.online .join-review-wrap .ol-ask-A > li .no-number-question p.ask + .input-wrap{padding-top:0;}
.online .join-review-wrap .no-number-question p.ask{margin-bottom:15px;}
.online .join-review-wrap .no-number-question .input-wrap.detail{padding:10px 0; margin-left:20px;}
.online .join-review-wrap .no-number-question .input-wrap.detail [class*="inp-"]{height:40px;}
.online .join-review-wrap .no-number-question + .no-number-question p.ask{padding-left:20px;}
.online .join-review-wrap .no-number-question + .no-number-question p.ask::before{content:'*'; display:inline-block; vertical-align:middle; width:8px; height:8px; margin:-8px 5px 0 0;}
.online .join-review-wrap .star-wrap .btn-star{width:15px; height:15px; margin-right:0;}
.online .join-review-wrap .star-wrap .btn-star::before, 
.online .join-review-wrap .star-wrap .btn-star::after{width:15px; height:15px; left:0; background-size:15px;}
.online .join-review-wrap .star-wrap .btn-star::after{background-position:0 -15px;}


/* 리스트 타입: 알아보세요,혜택,이벤트 (상세 포함) */
.online .list-total{display:table; width:100%; margin-bottom:20px;}
.online.pc .list-total > *:first-child{display:none;}
.online .list-total.pd{padding:0 25px;}
.online .list-total > *{display:table-cell; text-align:right; vertical-align:middle; font-size:13px;}
.online .list-total > *:first-child{text-align:left;}
.online .list-total .result{padding-left:5px; font-size:15px; font-weight:400;}
.online .list-total b{color:#e67602;}

.online .link-list{border-top:1px solid #e0e0e0;}
.online .link-list.type-noresult .link-item{padding:120px 15px; border-bottom:0;}
.online .link-list.type-noresult .link-item::after{display:none;}
.online .link-list.type-noresult .link-item > p{position:relative; color:#757575; text-align:center; padding-top:145px; font-size:15px; font-weight:700;}
.online .link-list.type-noresult .link-item > p::before{content: ''; position:absolute; display:block; top:0; left:50%; width:164px; height:122px; margin-left:-83px; background:url('../../images/home/img_noresult_02.png') center top no-repeat; background-size:contain;}
.online .link-list.top-line .link-item > a{padding:30px 55px 30px 80px;}
.online .link-list.top-line .link-cont{margin-top:10px;}
.online .link-list.top-line .link-cont span{font-size:13px;}
.online.pc .link-list.top-line .category{display:block; top:28px;}

.online .link-list.flag-type{border-top:0 !important;}
.online .link-list.flag-type .link-item{border-bottom:0 !important;}

.online .link-list.flag-type .link-item::after{display:none;}
.online .link-list.flag-type .link-item > a{padding:40px 0 35px 0;}
.online .link-list[class*="evt-"]{overflow:hidden;}
.online .link-list[class*="evt-"] li{float:left; width:470px; margin-right:60px;}
.online .link-list[class*="evt-"] li:nth-child(even){margin-right:0;}
.online .link-list[class*="evt-"] li .category{top:0;}
.online .link-list[class*="evt-"] li.deadline .link-head > *{color:#757575;}
.online .deadline .category{color:#515151; background:#f5f5f5; border:0;}
.online .link-list[class*="evt-"] .link-cont span::before{display:none;}
.online .link-list.evt-A li:last-child{border-bottom:0;}
.online .link-list.evt-A li:last-child > a{padding-bottom:0;}
/* .online .link-list.evt-A li.deadline .link-preview{background-color:#eee;} */
.online .link-list.evt-A .link-cont{margin:4px 0 10px;}
.online .link-list.evt-A .link-preview{min-height:140px; border-bottom-right-radius:50px;}
.online .link-list.evt-A .link-preview > img{max-width:100%;}
.online .link-list.evt-B .link-head p{margin-bottom:3px; font-size:11px; color:#000;}
.online .link-list.evt-B .link-head strong{padding:0;}
.online .link-list.evt-B .link-cont{margin-top:5px;}
.online .link-list.evt-B li.v1{background:url('../../images/home/img_event_2.png') right 20px center no-repeat; background-size:105px 75px;}
.online .link-list.evt-B li.v2{background:url('../../images/home/img_event_3.png') right 30px center no-repeat; background-size:88px 73px;}
.online .link-list.evt-B li.v3{background:url('../../images/home/img_event_4.png') right 30px center no-repeat; background-size:88px 85px;}
.online .link-list.evt-B li.deadline{position:relative;}
.online .link-list.evt-B li.deadline::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:0; right:auto; transform:none; background-color:#fafafa; opacity:0.5;}

.online .view-list{margin-top:60px !important; border-top:1px solid #424242;}
.online .view-list .list-item{padding:35px 0 20px 80px; border-bottom:1px solid #f5f5f5;}
.online .view-list .list-item .view-head{margin-bottom:15px;}
.online .view-list .list-item .view-head em{display:block; margin-bottom:10px; font-size:15px; color:#000;}
.online .view-list .list-item .view-head p{font-size:13px; color:#757575;}
.online .view-list .list-item .view-cont{color:#757575; line-height:1.7; word-break:keep-all;}
.online .view-detail{position:relative;}
.online .view-detail .view-head{padding-top:30px; margin-bottom:15px; border-top:1px solid #424242;}
.online .view-detail .view-head em{display:block; margin-bottom:15px; font-size:15px; color:#000;}
.online .view-detail .view-head p{font-size:13px; color:#757575;}
.online .view-detail .view-cont{min-height:200px; padding:40px 0; color:#757575; line-height:1.7; word-break:break-all; border-top:1px solid #eee; border-bottom:1px solid #bdbdbd;}
.online .view-detail .view-cont.img-type{min-height:375px; margin-bottom:40px;}
.online .view-detail .btn-share{position:absolute; right:10px; top:30px; background-color:#fff;}

.online .view-detail.evt-type .category{left:0; top:33px;}
.online .view-detail.evt-type .view-head{padding:30px 25px 30px 80px; margin-bottom:0;}
.online .view-detail.evt-type .view-head em{margin-bottom:5px;}

.online .evt-name-list{padding:40px; background:#fafafa;}
.online .evt-name-list em{font-size:17px; color:#424242; font-weight:800;}
.online .evt-name-list ul{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; margin-top:30px;}
.online .evt-name-list ul li{display:flex; justify-content:space-between; align-items:center; width:190px; margin:0 60px 15px 0;}
.online .evt-name-list ul li:nth-child(3n){margin-right:0;}

.online .text-wrap{margin-top:0; font-size:14px;}
.online .text-wrap > b{display:block; margin-bottom:10px;}
/** end **/
.online a{color:#000;}

.online .h1 > a.link{display:inline-block;}
.online .insurance-info{text-align:right;}
.online .insurance-info ul{line-height:20px;}
.online .insurance-info ul li{font-size:15px;}
/* .online .calc-content .result-table.type-A{min-height:255px;} */
/* 보험료계산 : 변액연금 수익률 */
.online .ror-box{margin:110px auto 0;}
.online .ror-box .age-bar{display:table; width:100%; margin-top:35px; margin-bottom:0; padding-bottom:30px;}
.online .ror-box .age-bar li{display:table-cell; text-align:right;}
.online .ror-box .age-bar li.predict{width:5%;}
.online .ror-box .age-bar li.point{position:relative; width:25%;}
.online .ror-box .age-bar li.point + li{width:28%;}
.online .ror-box .age-bar li.point > span::after{width:30px; height:109px; top:0; right:-10px; z-index:1; margin-top:-103px; border-radius:0; background:url('../../images/home/ico_bar_pc.png') no-repeat left top; background-size:30px 109px;}
.online .ror-box .age-bar li:first-child span::after{left:0; right:auto;}
.online .ror-box .age-bar li:first-child span > i{left:-5px; right:auto;}
.online .ror-box .age-bar li:last-child span > i::after{display:none;}
.online .ror-box .age-bar li.point span > i, 
.online .ror-box .age-bar li:last-child span > i{right:5px;}
.online .ror-box .age-bar li::before{content:''; position:absolute; display:block; top:4px; width:100%; height:2px; background:#eee;}
.online .ror-box .age-bar li > span{width:16px; height:16px; font-size:11px; color:#757575; padding:0;}
.online .ror-box .age-bar li > span::after{content:''; position:absolute; display:block; top:50%; left:auto; right:0; width:12px; height:12px; border-radius:12px; border:0; background:#eee;}
.online .ror-box .age-bar li > span > i{position:absolute; right:0; bottom:-40px; font-size:13px; white-space:nowrap; transform:translateX(25%);}
.online .ror-box .age-bar li > span > i::after{content:'세'; display:inline;}
.online .ror-box .age-pay{position:relative; z-index:1; display:table; width:100%; }
.online .ror-box .age-pay::before{content:''; position:absolute; right:35px; top:50%; transform:translateY(-50%); width:40%; height:50px; background-color:#f5f5f5;}
.online .ror-box .age-pay::after{content:''; position:absolute; right:0; top:-18px; z-index:-1; width:43px; height:72px; background:url('../../images/home/ico_arrow_bar_pc.png') no-repeat left center; background-size:43px 72px;}
.online .ror-box .age-pay li{display:table-cell; vertical-align:top; text-align:center; font-size:13px;}
.online .ror-box .age-pay li span{font-size:11px; line-height:1.6;}
.online .ror-box .age-pay li.unredeemed{position:relative; width:30%;}
.online .ror-box .age-pay li.unredeemed span{color:#757575;}
.online .ror-box .age-pay li.unredeemed > div{position:absolute; top:0; left:10%;}
.online .ror-box .age-pay li.w-small{width:13%;}
.online .ror-box .pay-total{position:absolute; top:-150px; right:-25px; color:#424242; text-align:center;}
.online .ror-box .pay-total i{color:#e67602;}

.online .ror-box .pay-total span{width:auto; font-size:13px;}

/* 보험료계산 : emust 변액연금 수익률 */
.online .ror-box.emust .pay-total{right:0;width:100%;}

.online .ror-box.emust .age-pay{display:flex; justify-content:space-between;}
.online .ror-box.emust .age-pay::before{width:34%;}
.online .ror-box.emust .age-pay li{width:33.3% !important;}
.online .ror-box.emust .age-pay li.unredeemed > div{left:0;width:100%;}
.online .ror-box.emust .age-pay li:last-child{white-space:nowrap;text-align:left;}

.online .ror-box.emust .age-bar{display:flex; justify-content:space-between;}
.online .ror-box.emust .age-bar li{width:33.3% !important;}
.online .ror-box.emust .age-bar li.predict > span > i, .online .ror-box.emust .age-bar li.point > span > i{width:100%;right:0;text-align:center;transform:none;}
.online .ror-box.emust .age-bar li.predict > span::after{right:50%;}
.online .ror-box.emust .age-bar li#rvcyLPc.predict > span > i{left:-5px;right:auto;text-align:left;}
.online .ror-box.emust .age-bar li#rvcyLPc.predict > span::after{right:100%;}
.online .ror-box.emust .age-bar li.point > span::after{right:auto;left:50%;margin-left:-15px;}

/** end **/
.online .calc-content .type-chart div[class*="rate-"]{position:relative; width:100%;}  /* 임시 차트 들어올 자리표시 */
/* .online .calc-content .type-chart div[class*="rate-"]::after{content:'CHART 영역'; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} */
.online .calc-content.fixed{position:relative; top:80px; width:100%;}

/** end **/
.online .result-table.type-B .tbl-calc-1{padding:10px 20px 20px; background-color:#f5f5f5; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.online .result-table.type-B .tbl-calc-1 tbody th{color:#757575;}
.online .result-table.type-B .choice-wrap{position:relative; height:50px; display:flex; align-items:center; justify-content:center; background-color:#424242; border-top:0; border-top-right-radius:10px; border-top-left-radius:10px;}
.online .result-table.type-B .choice-wrap li{padding-right:5px; margin-left:5px; color:#fff; font-size:13px; font-weight:300;}
.online .result-table.type-B .choice-wrap li:last-child{margin-right:0;}
.online .result-table.type-B .choice-wrap li:last-child::after{display:none;}
.online .result-table.type-B .choice-wrap li::after{content:''; position:absolute; right:-1px; /*top:3px;*/ display:inline-block; width:1px; height:11px; background-color:#fff;}
.online .result-table.type-B .pop-select-btn.no-line{height:20px; margin:0 5px; font-size:13px; border-bottom:0;}
.online .result-table.type-B .pop-select-btn.no-line .unit{padding-left:2px; font-size:11px; font-weight:300; color:#9e9e9e;}
.online .result-table.type-B .pop-select-btn.no-line::after{top:4px; width:8px; height:8px;}
.online .result-table.type-C{border:1px solid #bdbdbd; border-radius:7px;}
.online .result-table.type-C .tbl-calc-1{padding:10px 20px 20px; background-color:#fafafa; border-top-left-radius:7px; border-top-right-radius:7px;}
.online .result-table.type-C .tbl-calc-1 tbody th{color:#757575;}
.online .result-table.type-C .choice-wrap{overflow-x:scroll; position:relative; height:50px; display:table; align-items:center; justify-content:center; border-top:0; border-bottom:1px #bdbdbd solid; border-top-right-radius:7px; border-top-left-radius:7px;}
.online .result-table.type-C .choice-wrap li{width:auto; padding-right:7px; margin-left:7px; color:#000; font-size:13px; font-weight:800;}
.online .result-table.type-C .choice-wrap li:last-child{margin-right:0;}
.online .result-table.type-C .choice-wrap li:last-child::after{display:none;}
.online .result-table.type-C .choice-wrap li::after{content:''; position:absolute; right:-1px; display:inline-block; width:1px; height:11px; background-color:#e0e0e0;}
.online .result-table.type-C .btn-detail{display:block; height:48px; line-height:48px; color:#757575; font-size:11px; text-align:center;}
.online .result-table.type-C .btn-detail span{position:relative;}
.online .result-table.type-C .btn-detail span::after{content:''; display:inline-block; position:absolute; right:-12px; top:50%; transform:translateY(-50%) rotateZ(315deg); width:4px; height:4px; border-right:1px#757575 solid; border-bottom:1px#757575 solid;}
.online .payAll{padding:15px; font-size:15px; color:#000; background-color:#f2f2f2;}
/* 한번에 보는 보험료 */
.online .once-type.calc-after .btn-next{margin-top:50px;}
.online .once-type .pop-select-btn{font-size:26px;}
.online .once-type .query > span{margin-top:5px; padding:0; line-height:38px; font-weight:300; font-size:26px;}
.online .once-type .query span.comma{display:inline; vertical-align:bottom; font-weight:800; font-size:26px;}
.online .once-type .query:first-child span{display:inline;}
.online .once-type .txt-alert{bottom:0; color:#000; font-weight:400; font-size:12px;}
.online .once-type .look-head{display:flex; -ms-flex-pack:end; align-items:flex-end; justify-content:space-between; margin-top:10px;}
.online .once-type .look-head span{font-weight:300; font-size:26px;}
.online .once-type .look-head .btn-txt-line { margin:0; }
.online .once-type .look-cont{padding-top:20px;}
.online .once-type .result-price{flex-wrap:wrap; justify-content:flex-end;}
.online .once-type .result-price > span{display:inline-block; padding-right:10px; font-size:13px; font-weight:700; color:#000;}
.online .once-type .result-price p:not(.add-ex){position:relative; z-index:1; padding:0 5px 0 10px; font-size:13px; font-weight:700; color:#e67602; text-align:right;}
.online .once-type .result-price p:not(.add-ex)::after{content:''; display:inline-block; z-index:-1; position:absolute; right:0; bottom:8px; width:100%; height:10px; opacity:0.3; background-color:#eeba78;}
.online .once-type .result-price strong{position:relative; display:inline-block; padding:0 5px; font-size:26px; font-weight:800; color:#e67602;}
.online .once-type .result-price strong::before, .online .once-type .result-price strong::after{display:none;}
.online .once-type .result-price .add-ex{position:relative; margin-top:5px; font-size:11px; font-weight:400; color:#000;}
/* 보험료계산 - 추천 */
.online .recommend-header{padding:17px 0; margin:20px 25px 20px 25px; text-align:center; border:1px #bdbdbd solid; border-radius:5px; box-shadow:-1px 8px 8px 0px rgba(33, 33, 33, 0.06);}
.online .recommend-cont-wrap{text-align:center;}
.online .recommend-content .cont{padding-top:18px;}
.online .recommend-content .choice-wrap{justify-content:center;}
.online .recommend-content .choice-wrap li{width:auto; font-weight:700;}
.online .recommend-content .choice-wrap li:last-child{padding-right:0;}
/* 빠르게,친절하게,추천 */
.online .stepWrap{margin:30px 0 30px;}
.online .ui-modal-inner .radio-wrap{margin:10px 0 30px;}
.online .ui-modal-inner .btn-wrap-fixed{margin:30px 0;}
.online .radio-cont-wrap > div{display:none;}
.online .multi-line.narrow {padding:2px 0 0 !important;}
#simpleType4 .multi-line.narrow {padding:10px 0 !important;}
/* 해지환급금 */
.online .refund-tit{margin-bottom:35px; border-bottom:1px solid #e0e0e0;}
.online .refund-tit h2{font-size:15px;}
.online .refund-tit ul{display:flex; padding:10px 0 18px;}
.online .refund-tit ul li{position:relative; padding-right:10px; margin-right:10px; font-size:15px; color:#757575; font-weight:400;}
.online .refund-tit ul li::after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#757575;}
.online .refund-tit ul li:last-child{color:#000;}
.online .refund-tit ul li:last-child::after{display:none;}
.online .refund-cont .tbl-base.scroll{overflow-x:scroll;}
.online .refund-cont .tbl-base.scroll::before{display:none;}
.online .refund-cont .tbl-base.scroll table{border-top:2px #000 solid;}
.online .refund-cont .tbl-base table tbody th{background-color:#fff; color:#757575; font-size:13px; font-weight:400;}
.online .refund-cont .tbl-base table tbody td{color:#000;}
/* 변액 - 펀드관련 */
.online .fund-wrap .title-wrap,
.online .fund-wrap .title-wrap .h1{margin-top:0;}
.online .fund-wrap .title-wrap + .list-wrap { margin-top:0; }
.online .fund-wrap > div:first-child{padding:15px 25px 20px;}
.online .fund-wrap .main-page{padding-top:0; margin-top:20px;}
.online .fund-wrap .main-page + .main-page:last-child{margin-top:40px;}
.online .btn-wrap-fixed .list-summary > div { width:298px !important; }
.online .btn-wrap-fixed .list-summary > div:only-child { width:298px !important; padding:0 15px !important; }

/* 상품정보 */
.online .product[class*="last"]{padding-top:20px;}
.online .product[class*="last"] > p{margin-top:0; text-align:left;}
.online .product.last-02{padding-top:0 !important;}
.online .main-page.product:first-child,
.online .main-page.notice:first-child,
.online script + .main-page.product,
.online script + .main-page.notice { margin-top:60px; }
.online .main-page.product,
.online .main-page.notice { margin-top: 60px; }
.online .main-page.product + .main-page,
.online .main-page.notice + .main-page{margin:60px 0 !important; padding:60px 0 0; border-top:10px #f5f5f5 solid;} /* 10월 상품개정 높이값 수정 */
.ui-modal.type-page .online .scroll-wrapper { top:88px; }
.ui-modal.type-page .online .ui-modal-cont { padding:0 calc(50% - 500px) 40px; }
.online .product .graphic { margin:50px 180px 0; }
.online .product .graphic.wide { margin:50px 50px; }
.online .product .graphic .box { padding:40px 0px; border:1px solid #e0e0e0; border-radius:10px; text-align:center;}
.online .product .graphic .box img { margin:0 auto; }
.online .product .graphic .box h4 { margin-left:60px; text-align:left; } 
.online .product .graphic .h4 { margin-bottom:25px; }
.online .product .graphic ul { margin:40px 0 0 60px; text-align:left; }
.online .product .graphic ul.bul-note { margin:10px 0 0; }

.online .main-page.product#type0 { border-top: 0; padding: 0; } /* 10월 상품개정 */

/** 상품정보 - 실손의료비 가입안내 하단 아코디언 간격때문에 추가 **/
.online .main-page.product.type-pc{margin:40px -40px 0 !important;}
.online .main-page.product.type-pc + .type-pc{margin:0 -40px !important;}
.online .main-page.type-pc .ui-acco{padding:0 40px;}
/** end **/
.online .main-page.product .ul-base.mgt2{margin-top:20px !important;}
.online .main-page.product .h4.mgt5{margin-top:50px !important;}

.online .sub-wrap.col2{display:table; width:100%; padding:15px 0; margin-top:-1px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.online .sub-wrap.col2 > *{display:table-cell; }
.online .sub-wrap.col2 > *:first-child{width:30%;}
.online .sub-wrap .ul-base{margin-top:10px;}
.online .sub-wrap p, 
.online .sub-wrap .ul-base > li, 
.online .product .text-wrap{font-size:15px; color:#424242; word-break:keep-all;}

.online .sub-wrap.type-vary{padding-bottom:15px;}
.online .sub-wrap.type-vary .ul-base > li{padding-bottom:8px; line-height:1.6;}
.online .sub-wrap.type-vary .ul-base > li .ul-base li{padding-bottom:0;}
.online .sub-wrap.type-vary .ul-base em{display:block; margin-bottom:5px; font-weight:700;}
.online .sub-wrap.type-gray:first-child{margin-top:0;} 
.online .sub-wrap.type-gray .tit-bd{margin-top:40px;}
.online .sub-wrap.type-gray p{margin-top:15px; padding-bottom:20px;}
.online .sub-wrap.type-gray p > a{color:#2041bf; text-decoration:underline;}
.online .sub-wrap.type-gray p, 
.online .sub-wrap.type-gray .tit-bd + .ul-base li, 
.online .sub-wrap.type-gray .tit-bd + .ol-base li{color:#757575; font-size:15px; line-height:1.7;}
.online .sub-wrap.type-gray .tit-bd + .ol-base {margin-top:20px;}
.online .sub-wrap.type-gray .box {margin:15px 0;padding:18px;border:1px solid #ccc;}
.online .sub-wrap.type-gray .box.notice {border:1px solid #d32f2f;}
.online .sub-wrap.type-gray .box.wide {padding:25px;border-radius:10px;}
.online .sub-wrap.type-gray .box.wide li {line-height:1.5;}
.online .sub-wrap.type-gray .box .h5 {font-size:16px;}
.online .sub-wrap.type-gray .box p {margin-top:10px;padding-bottom:0;}
.online .sub-wrap.type-gray .box .ul-base.small > li {padding:0 0 0 6px;}
.online .sub-wrap.type-gray .box .ol-base li { word-break:break-all; }
.online .sub-wrap.type-gray li a{color:#2041bf; text-decoration:underline;}
.online .sub-wrap.type-gray .tit-hypen li {color:#757575; font-size:15px; font-weight:400; line-height:1.7;}

.online .notice > p{line-height:1.7;}
.online .notice .sub-wrap.type-gray + .ul-base{padding-top:20px; margin-top:35px; border-top:1px solid #e0e0e0;}
.online .product [class*="tit"], .online .notice [class*="tit"]{font-weight:800;}
.online .product .tit-xs{font-size:15px;}
.online .product .tit-xs > span{display:inline-block; padding-left:3px;}
.online .product .tit-s{font-size:16px;}
.online .product .text-wrap{line-height:1.6;}
.online .product .text-wrap > h2{margin-bottom:15px; font-size:30px; font-weight:300; letter-spacing:-0.5px; line-height:1.5;} /* 10월 상품개정 폰트사이즈 수정(공통) */
.online .product .text-wrap .sub-txt {font-size:21px;}
.online .product .text-wrap .mid-tit {margin:0 0 15px;color:#000;font-size:25px;font-weight:300;line-height:35px;}
.online .product .bubble-tip{position:relative; display:inline-block; padding:14px 25px; margin:0 0 30px 0; min-width:65px; min-height:40px; line-height:1; font-size:15px; font-weight:700; color:#000; background:#f5f5f5; border:1px solid #e0e0e0; border-radius:25px;}
.online .product .bubble-tip::before{display:none;}
.online .product .bubble-tip::after{content:''; display:block; position:absolute; left:50%; bottom:-6px; width:10px; height:10px; transform:translateX(-50%) rotateZ(45deg); background:#f5f5f5; border:1px solid #e0e0e0; border-top:0; border-left:0;}
.online .product .bubble-tip.coin::before{content:''; position:absolute; left:auto; right:-15px; top:-21px; bottom:auto; border:0; display:block; width:36px; height:36px; border:1px solid #555; border-radius:50%; background:url('../../images/home/bg_coin.png') left top no-repeat; background-size:36px 109px; }
.online .product .bubble-tip.coin.no::before{background-position:0 -36px;}
.online .product .bubble-tip.bottom::after{bottom:auto; top:-6px; border:1px solid #e0e0e0; border-bottom:0; border-right:0;}
.online .product .w2 .bubble-tip{white-space:nowrap;}
.online .product .w2 .bubble-tip.space{margin-bottom:60px;}
.online .product .bubble-tip.long{line-height:1.2;}
.online .product .guarantee{background:url('../../images/home/ico_online_check_pc.png') right 12px bottom 50% no-repeat;}

/* 특징 : 뒤에 데코 이미지 */
.online .product .type-deco-01::before{content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); display:block; width:327px; height:158px; background:url('../../images/home/bg_deco_1.png') center top no-repeat; background-size:327px 158px; /* animation:opaAni 1.5s infinite ease-in-out; */}
.online .product .type-deco-02::before{content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); display:block; width:256px; height:90px; background:url('../../images/home/bg_deco_2.png') center no-repeat; background-size:256px 90px; /* animation:opaAni 1.5s infinite ease-in-out; */}
.online .product .type-deco-03::before{content:''; position:absolute; right:25px; bottom:35px; display:block; width:75px; height:75px; background:url('../../images/home/bg_deco_3.png') center top no-repeat; background-size:75px; /* animation:opaAni 1.5s infinite ease-in-out; */}
.online .product .type-deco-04::before{content:''; position:absolute; right:12px; top:15px; display:block; width:354px; height:167px; background:url('../../images/home/bg_deco_4.png') center top no-repeat; background-size:354px 167px; /* animation:opaAni 1.5s infinite ease-in-out; */}

/* 상품정보 : 가입안내 */
.online .icon-wrap:not(.healthy){margin-top:40px; text-align:center;}
.online .icon-wrap ul{max-width:450px; padding:40px 0 50px; margin:0 auto;}
.online .icon-wrap ul li{width:33.3%; font-size:14px; color:#424242; font-weight:700; text-align:center; word-break:keep-all; line-height:1.6; /*opacity:0;*/}
.online .icon-wrap ul li::before{content:''; display:block; width:50px; height:50px; margin:0 auto 10px; background:url('../../images/home/ico_online_product.png') center top no-repeat; background-size:380px;}
.online .icon-wrap.healthy + .btn-wrap{margin-bottom:30px;}
.online .icon-wrap.healtchy h3{font-size:15px;}
.online .icon-wrap.healthy ul{max-width:600px; padding:25px 10px 50px; align-items:baseline;}
.online .icon-wrap.healthy ul li{font-size:13px;}
.online .icon-wrap.healthy ul li strong{display:block; margin-bottom:10px; font-size:15px;}
.online .icon-wrap.healthy ul li:nth-child(1)::before{background-position:1px 1px;}
.online .icon-wrap.healthy ul li:nth-child(2)::before{background-position:-64px 3px;}
.online .icon-wrap.healthy ul li:nth-child(3)::before{background-position:-128px 3px;}
.online .icon-wrap.brain ul li:nth-child(1)::before{background-position:1px -62px;}
.online .icon-wrap.brain ul li:nth-child(2)::before{background-position:-66px -62px;}
.online .icon-wrap.brain ul li:nth-child(3)::before{background-position:-131px -63px;}
.online .icon-wrap.treatment{border-bottom:1px solid #e0e0e0;}
.online .icon-wrap.treatment ul{max-width:440px;}
.online .icon-wrap.treatment ul li:nth-child(1)::before{background-position:-192px -1px;}
.online .icon-wrap.treatment ul li:nth-child(2)::before{background-position:-260px 2px;}
.online .icon-wrap.treatment ul li:nth-child(3)::before{background-position:-325px 0;}
.online .icon-wrap.woman ul li:nth-child(1)::before{background-position:-193px -66px;}
.online .icon-wrap.woman ul li:nth-child(2)::before{background-position:-259px -60px;}
.online .icon-wrap.woman ul li:nth-child(3)::before{background-position:-327px -63px;}
.online .icon-wrap.woman ul.etc.first {padding-bottom:0;}
.online .icon-wrap.woman ul.etc.first li {width:25%;}
.online .icon-wrap.woman ul.etc li::before {background:url('../../images/home/ico_online_product_woman.png') left top no-repeat; background-size:350px 50px;}
.online .icon-wrap.woman ul.etc li:nth-child(1)::before{background-position:0px 0px;} 
.online .icon-wrap.woman ul.etc li:nth-child(2)::before{background-position:-50px 0px;} 
.online .icon-wrap.woman ul.etc li:nth-child(3)::before{background-position:-100px 0px;} 
.online .icon-wrap.woman ul.etc li:nth-child(4)::before{background-position:-150px 0px;} 
.online .icon-wrap.woman ul.etc:last-child li:nth-child(1)::before{background-position:-200px 0px;} 
.online .icon-wrap.woman ul.etc:last-child li:nth-child(2)::before{background-position:-250px 0px;} 
.online .icon-wrap.woman ul.etc:last-child li:nth-child(3)::before{background-position:-300px 0px;} 
.online .icon-wrap.man ul{max-width:100%; justify-content:space-between;}
.online .icon-wrap.man ul li:nth-child(1)::before{background-position:1px -128px;} 
.online .icon-wrap.man ul li:nth-child(2)::before{background-position:-68px -128px;}
.online .icon-wrap.man ul li:nth-child(3)::before{background-position:-135px -131px;}
.online .icon-wrap.man ul li:nth-child(4)::before{background-position:-195px -130px;}
.online .icon-wrap.man ul li:nth-child(5)::before{background-position:-257px -130px;}
.online .icon-wrap.man ul.etc li::before {background:url('../../images/home/ico_online_product_man.png') center top no-repeat; background-size:auto 48px;}
.online .icon-wrap.man ul.etc li:nth-child(1)::before{background-position:0px 1px;} 
.online .icon-wrap.man ul.etc li:nth-child(2)::before{background-position:-115px 1px;}
.online .icon-wrap.man ul.etc li:nth-child(3)::before{background-position:-231px 1px;}
.online .icon-wrap.man ul.etc li:nth-child(4)::before{background-position:-351px 1px;}
.online .icon-wrap.man ul.etc li:nth-child(5)::before{background-position:right 1px;}
.online .line-wrap{padding:35px 25px 10px; border:1px solid #e0e0e0; border-radius:10px;}
.online .line-wrap.text{margin-top:15px;}
.online .line-wrap.text dl > div{display:table; width:100%; padding-bottom:18px; margin-top:20px; border-bottom:1px solid #eee;}
.online .line-wrap.text dl > div > *{display:table-cell;}
.online .line-wrap.text dl > div:first-child{margin-top:40px;}
.online .line-wrap.text dl > div:last-child{border-bottom:0;}
.online .line-wrap.text dl dt, 
.online .line-wrap dl dd{font-size:15px; color:#424242; line-height:1.7;}
.online .line-wrap dl dd.discount { position:absolute; width:100%; line-height:1; }
.online .line-wrap.text dl dt{width:100px; margin-bottom:7px; font-weight:700;}
.online .line-wrap table thead th{font-size:15px; font-weight:800; text-align:left;}
.online .line-wrap table thead th.gray{font-size:13px; font-weight:400; color:#757575; text-align:right;}
.online .line-wrap table tbody th, .online .line-wrap table tbody td{font-size:15px; color:#424242; border-top:1px solid #eee;}
.online .line-wrap table tbody td{font-weight:700;}
.online .line-wrap table tbody td span{padding-left:10px; color:#757575; font-weight:400;}
.online .line-wrap table tbody tr.no-guarantee > *{color:#bdbdbd;}
.online .line-wrap table tbody td{padding:20px 15px;}
.online .line-wrap table tbody tr:first-child th, 
.online .line-wrap table tbody tr:first-child td{padding-top:40px; border-top:0; vertical-align:top;}
.online .line-wrap table tbody td:last-child{padding-right:0; text-align:center;}
.online .line-wrap .ol-round{position:relative; counter-reset:chapter; padding:15px; margin-top:25px;}
.online .line-wrap .ol-round::before{content:''; position:absolute; left:25px; display:block; width:1px; height:230px; background:#e0e0e0;}
.online .line-wrap .ol-round li{position:relative; padding-left:40px; margin-bottom:23px; line-height:30px; color:#424242;}
.online .line-wrap .ol-round li:last-child{margin-bottom:0;}
.online .line-wrap .ol-round li::before{content:counter(chapter); counter-increment:chapter; z-index:1; position:absolute; left:-6px; top:-1px; width:30px; height:30px; line-height:30px; font-size:15px; color:#000; font-weight:700; text-align:center; border:1px solid #424242; border-radius:50%;}
.online .line-wrap .ol-round li::after{content:''; z-index:0; position:absolute; left:-3px; top:1px; width:29px; height:30px; background:#f5f5f5; border-radius:50%;}
.online .line-wrap .ol-round li:last-child::after{background:#f6ab49;}
.online .line-wrap .type-join{display:flex; justify-content:space-between;}
.online .line-wrap .type-join li{padding:0 18px; text-align:center; font-size:15px; border-right:1px solid #eee;}
.online .line-wrap .type-join li:last-child{border-right:0;}
.online .line-wrap .type-join dl{position:relative; padding-top:25px; margin-top:15px;}
.online .line-wrap .type-join dl::before{content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); width:70px; height:1px; background:#ccc;}
.online .line-wrap .type-join dl > div{margin-bottom:20px; font-size:15px;}
.online .line-wrap .type-join dl > div:last-child{margin:90px 0 0;}
.online .line-wrap .type-join dl > .arrow-bg::before{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, 15%); display:block; width:70px; height:75px; background:url('../../images/home/bg_arrow_sale_1_pc.png') center top 10px no-repeat;}
.online .line-wrap .type-join dl dt{margin-bottom:3px;}
.online .line-wrap .type-join .total > *{font-size:13px; color:#757575;}
.online .line-wrap .type-join .low{/* position:relative; margin-bottom:0; */position:absolute; left:50%; width:100%; transform:translateX(-50%);}
.online .line-wrap.low-02 .type-join .low{bottom:75px;}
.online .line-wrap .type-join .fw-bb{color:#000;}
.online .line-wrap[class*="low-"]{padding:30px 0;}
.online .line-wrap[class*="low-"] .type-join li{width:33.3%;}
.online .line-wrap.low-01 .type-join dl > .arrow-bg::before{content:''; display:block; top:33%; width:90px; height:75px; background:url('../../images/home/bg_arrow_sale_3_pc.png') center top 10px no-repeat;}
.online .line-wrap.low-01 .type-join dl > .arrow-bg.man::before{top:47%;}
.online .line-wrap.low-01 .type-join li{width:50%; padding:0;}
.online .line-wrap.low-01 .type-join .low{font-size:15px;}
.online .line-wrap.type-vary{display:table; width:100%; position:relative; padding:40px 25px; margin-top:40px;}
.online .line-wrap.type-vary > *{display:table-cell;}
.online .line-wrap.type-vary > *:first-child{width:335px;}
.online .line-wrap.type-vary .ol-base{margin-top:20px;}
.online .line-wrap.type-vary .ol-base li{padding-top:0; font-size:15px; color:#424242; line-height:1.7;}

.online .product > p,
.online .sub-text-wrap > p{padding-top:20px; font-size:13px; color:#757575;}
.online .sub-text-wrap > p{text-align:center;}
.online .sub-cont-wrap p{margin:10px 0 5px; line-height:1.8;}
.online .sub-cont-wrap .infographic-04{margin-top:15px;}
.online .tab-wrap .main-page:first-child .sub-img-wrap{margin-top:60px;}
.online .sub-text-wrap .add-txt-box{padding:20px 25px; text-align:left; font-size:13px; color:#757575; border:1px solid #e0e0e0; border-radius:10px;}
.online .sub-text-wrap .add-txt-box > em{display:block; margin-bottom:10px; color:#424242;}
.online .sub-text-wrap .ul-base.type-check{margin-top:0;}
.online .sub-text-wrap .tit{margin-bottom:30px; font-size:20px;}
.online .sub-text-wrap .box.line { margin-top:40px; padding:10px 25px; border:1px solid #e0e0e0; border-radius:10px; }
.online .sub-text-wrap .box.line li { height:72px; padding:0 0 0 35px; border-bottom:1px solid #e0e0e0; line-height:72px; }
.online .sub-text-wrap .box.line li b { display:inline-block; width:180px; vertical-align:middle; }
.online .sub-text-wrap .box.line li:last-child { border-bottom:none; }
.online .sub-text-wrap .box.line li::before { top:26px; left:7px; }
.online .sub-text-wrap .box.line.center { padding:50px 25px; font-size:15px; text-align:center;}
.online .sub-text-wrap .box.line.center img { display:block; margin:30px auto 25px; }
/* 특징 : 체크블릿 2열정렬 */
.online .sub-text-wrap .pc-col2.line{padding-top:25px; margin-top:60px; border-top:1px solid #e0e0e0;}
.online .sub-text-wrap .pc-col2 ul{display:table; width:100%;}
.online .sub-text-wrap .pc-col2 ul li{display:table-cell; width:50%;}
/****** end ******/
.online .sub-img-wrap{overflow:hidden; position:relative;}
.online .sub-text-wrap.wide { line-height:25px; }
.online .sub-text-wrap.wide .ul-base li { line-height:25px; margin-bottom:10px;}
.online .sub-text-wrap .hypen li {text-indent:-10px; padding-left:10px; margin-bottom:0; }

/* 
.online .sub-img-wrap .infographic-03 .coin-01 .second,
.online .sub-img-wrap .infographic-03 .coin-01 .deactive { opacity:0; }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:last-child { animation:coin1 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(11) { animation:coin2 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(10) { animation:coin3 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(9) { animation:coin4 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(8) { animation:coin5 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(7) { animation:coin6 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(6) { animation:coin7 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(5) { animation:coin8 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(4) { animation:coin9 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(3) { animation:coin10 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(2) { animation:coin11 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(1) .second:nth-child(1) { animation:coin12 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .second:last-child { animation:coin13 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .second:nth-child(11) { animation:coin14 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .second:nth-child(10) { animation:coin15 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .second:nth-child(9) { animation:coin16 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .second:nth-child(8) { animation:coin17 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .second:nth-child(7) { animation:coin18 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .second:nth-child(6) { animation:coin19 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .second:nth-child(5) { animation:coin20 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .deactive:nth-child(4) { animation:coin21 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .deactive:nth-child(3) { animation:coin22 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .deactive:nth-child(2) { animation:coin23 5s; animation-iteration-count: infinite;  }
.online .sub-img-wrap .infographic-03 .flex-wrap li:nth-child(2) .deactive:nth-child(1) { animation:coin24 5s; animation-iteration-count: infinite;  } 
*/
.online .sub-img-wrap.line,
.online .sub-text-wrap.line{padding-top:30px; border-top:1px solid #e0e0e0;}
.online .sub-img-wrap.mgTop60{margin-top:60px;}
.online .sub-img-wrap .bul-note li{margin-bottom:10px; font-size:13px; word-break:keep-all;}
.online .sub-img-wrap .bul-note.narrow li {margin-bottom:0;}
.online .sub-img-wrap .sub-cont-wrap{float:left; width:350px; font-size:15px;}
.online .sub-img-wrap.wide .sub-cont-wrap{width:280px;}
.online .sub-img-wrap .sub-cont-wrap:not(.only-pc) h3{font-size:36px;}
.online .sub-img-wrap .sub-cont-wrap.only-pc h3{font-size:20px;}
.online .sub-img-wrap .sub-cont-wrap h3 strong{font-weight:300; letter-spacing:-1px;}
.online .sub-img-wrap .sub-cont-wrap h3 strong > i{font-weight:800; padding-right:10px;}
.online .sub-img-wrap .sub-cont-wrap .fc-primary{color:#000 !important;}
.online .sub-img-wrap .sub-cont-wrap .under-second::after{display:none;}
.online .sub-img-wrap .sub-text-wrap{float:right; width:600px;}
.online .sub-img-wrap.wide .sub-text-wrap{width:710px;}
.online .sub-img-wrap.type-01{overflow:visible; margin-bottom:80px;} /* 2020.09.01 :: 애니메이션 이미지 잘려보이는거 수정 */
.online .sub-img-wrap.type-01 .sub-cont-wrap{width:400px;}
.online .sub-img-wrap.type-01 .sub-text-wrap{width:490px; margin-top:35px;}
.online .sub-img-wrap .sub-text-wrap .only-pc-col2{display:table; width:100%; padding:25px 0; margin-bottom:40px; border-top:1px solid #424242; border-bottom:1px solid #bdbdbd;}
.online .sub-img-wrap .sub-text-wrap .only-pc-col2 > *{display:table-cell; vertical-align:top;}
.online .sub-img-wrap .sub-text-wrap .only-pc-col2 > *:first-child{position:relative; z-index:1; min-width:120px; width:30%; padding-right:20px; font-size:17px; font-weight:800;}
.online .sub-img-wrap .sub-text-wrap .only-pc-col2 .underline{position:relative; border:0;}
.online .sub-img-wrap .sub-text-wrap .only-pc-col2 .underline::after{content:''; position:absolute; top:12px; left:0; width:100%; height:8px; z-index:-1; background:rgba(255, 102, 0, 0.15);}
.online .sub-img-wrap .sub-text-wrap .only-pc-col2 > p{color:#757575; word-break:keep-all;}
.online .sub-img-wrap .sub-text-wrap .bg-box.type-B{padding:0; background:none;}
.online .sub-img-wrap .sub-text-wrap .bg-box.type-B .ul-base li{font-size:13px; font-weight:400;}
.online .sub-img-wrap .sub-text-wrap .bg-box.type-B p{margin-top:15px; text-align:right; font-weight:400;}
.online .sub-text-inner{text-align:center;}
.online .sub-text-inner > div:first-child{padding-bottom:40px;}


/* 특징 : 말풍선 */
.online .color-guide{padding:15px 20px; display:flex; justify-content:center; border:1px solid #e0e0e0; border-radius:10px;}
.online .color-guide li{position:relative; padding-left:25px; margin-right:35px; font-size:15px; color:#424242;}
.online .color-guide li::before{content:''; position:absolute; left:0; top:1px; display:block; width:16px; height:16px; border:1px solid #555; border-radius:4px;}
.online .color-guide li.chip1::before{background:#4192ea;}
.online .color-guide li.chip2::before{background:#ec642b;}
.online .color-guide li.chip3::before{background:#fee77a;}
.online .color-guide li.chip4::before{background:#f6ab49;}
.online .color-guide li.chip5::before{background:#f5f5f5; border-color:#e0e0e0;}

.online .divide-line.bmi-wrap{margin:50px auto;}
.online .bmi-result{margin:30px auto;}
.online .bmi-result .text-wrap{font-size:17px;}
.online .bmi-result .text-wrap p{margin-bottom:10px; font-size:30px;}
.online .bmi-result .text-wrap > b{display:inline-block;}
.online .bmi-result .text-wrap span{font-size:15px;}
.online .bmi-result .bmi-gauge-box{padding-top:40px; margin-top:30px; text-align:center; font-size:13px; border-top:1px solid #eee;}
.online .bmi-result .bmi-gauge-box ol{display:table; width:100%; padding-top:1px; margin:40px 0 50px; background:#eee; border:1px solid #000; border-radius:2px;}
.online .bmi-result .bmi-gauge-box ol::before{content:''; position:absolute; left:150px; display:block; width:195px; height:8px; background:#f6ab49;}
.online .bmi-result .bmi-gauge-box ol li{position:relative; display:table-cell; height:8px; vertical-align:middle; border-right:1px solid #fff;}
.online .bmi-result .bmi-gauge-box ol li:first-child{width:25%;}
.online .bmi-result .bmi-gauge-box ol li:last-child{width:20%; border-right:0;}
.online .bmi-result .bmi-gauge-box ol li > *{position:absolute; font-size:13px; color:#757575;}
.online .bmi-result .bmi-gauge-box ol li i{position:absolute; top:-25px; left:-8px;}
.online .bmi-result .bmi-gauge-box ol li span{position:absolute; left:50%; top:15px; width:100%; transform:translateX(-50%); text-align:center;}
.online .infographic-01{max-width:375px; margin:40px auto;}
.online .infographic-01 dl > div{display:flex; justify-content:space-between; align-items:center;}
.online .infographic-01 dl dt{width:185px; font-size:15px; color:#424242; font-weight:700;}
.online .infographic-01 dl dd{overflow:hidden; position:relative; z-index:1; width:100%; height:52px; line-height:52px; text-indent:112px; font-size:14px; font-weight:700; color:#000; border:1px solid #555; border-radius:2px;}
.online .infographic-01 dl dd::before{content:''; position:absolute; left:0; z-index:-1; width:100%; height:48px; border-top:3px solid #fff; border-left:3px solid #fff;}
.online .infographic-01 .primary{margin-bottom:15px;}
.online .infographic-01 .primary dd{text-indent:190px;}
.online .infographic-01 .primary dd::before{background:#f6ab49;}
.online .infographic-01 .second dd::before{width:70%; background:#eee;}
.online .infographic-01 dl dd.not{position:absolute; right:15px; bottom:-25px; width:auto; height:auto; line-height:1; text-indent:0; font-size:12px; font-weight:400; color:#757575; border:0; }
.online .infographic-01 dl dd.not::before{display:none;}
.online .infographic-02 ul.flex-wrap{max-width:455px; align-items:flex-end; margin-bottom:45px;}
.online .infographic-02 ul.flex-wrap li .add-coin{position:relative; display:block; background:url('../../images/home/ico_online_arrow_pc.png') center top no-repeat;}
.online .infographic-02 ul.flex-wrap li:first-child{margin-right:15px;}
.online .infographic-02 ul.flex-wrap li:last-child .total-coin{font-weight:800;}
.online .infographic-02 ul.flex-wrap li:nth-child(3) .add-coin::before,
.online .infographic-02 ul.flex-wrap li:nth-child(4) .add-coin::before{content:''; display:block; position:absolute; left:-5px; background:url('../../images/home/ico_online_colorchip_pc.png') no-repeat;}
.online .infographic-02 ul.flex-wrap li:nth-child(3) .add-coin{padding:0 0 40px 10px; background-position:36px 43px;}
.online .infographic-02 ul.flex-wrap li:nth-child(4) .add-coin{padding:0 3px 65px 10px; background-position:-37px 40px;}
.online .infographic-02 ul.flex-wrap li:nth-child(3) .add-coin::before{width:10px; height:10px; top:2px; background-position:-14px -1px;}
.online .infographic-02 ul.flex-wrap li:nth-child(4) .add-coin::before{width:12px; height:12px; top:3px; background-position:0 0;}
.online .infographic-02 ul.flex-wrap::before{content:''; position:absolute; bottom:33px; width:calc(100% - 30px); height:1px; margin-left:7px; background:#e0e0e0;}
.online .infographic-03 ul.flex-wrap{max-width:300px;}
.online .infographic-03.w1 ul.flex-wrap{max-width:190px;}
.online .infographic-03.w2 ul.flex-wrap{max-width:320px;}
.online .infographic-03.w2 ul.flex-wrap li{width:50%;}
.online .infographic-03.w2 ul.flex-wrap::before{right:60px;width:calc(100% - 120px);}
/*.online .infographic-03.w2 ul.flex-wrap li:first-child{align-items:flex-start;}
.online .infographic-03.w2 ul.flex-wrap li:last-child{align-items:flex-end;}
.online .infographic-03.w2 ul.flex-wrap li .name{min-width:42px;}*/
.online .infographic-04{max-width:330px; height:225px; background:url('../../images/home/img_pager.png') center no-repeat; background-size:132px 190px;}
.online .infographic-04 .zigzag{left:55px; bottom:6px;}
.online .infographic-04 .txt-view{padding-top:40px; font-size:15px; text-align:center;}
.online .infographic-04 .txt-view p {margin-top:0;line-height:1.5;}
.online .infographic-04 .txt-view span{display:block; margin-top:45px; font-size:20px; color:#eee;}
.online .infographic-04 .arrow{position:absolute; right:35px; bottom:3px; width:120px; height:94px; padding-top:20px; text-align:center; font-size:17px; font-weight:700; background:url('../../images/home/bg_arrow_sale_2_pc.png') no-repeat;}
.online .infographic-05{margin-top:40px;}
.online .infographic-05 + .bul-note,
.online .sub-text-inner + .bul-note{padding-top:30px; margin-top:70px; border-top:1px solid #e0e0e0;}
.online .infographic-05 .bubble-tip{margin-bottom:40px;}
.online .infographic-05 [class*="arrow-bar-"]{overflow:hidden; width:376px; height:72px; margin:0 auto; font-weight:700; font-size:15px; }
.online .infographic-05 [class*="arrow-bar-"]:not(.arrow-bar-01){justify-content:center; align-items:center;}
.online .infographic-05 .arrow-bar-01{padding-top:25px; margin:10px auto 15px; background:url('../../images/home/bg_arrow_long_pc.png') no-repeat;}
.online .infographic-05 ol.arrow-bar-02{background:url('../../images/home/bg_arrow_step_02_pc.png') 0 0 no-repeat;}
.online .infographic-05 ol.arrow-bar-02 li{width:50%;}
.online .infographic-05 ol.arrow-bar-03{background:url('../../images/home/bg_arrow_step_01_pc.png') 0 0 no-repeat;}
.online .infographic-05 ol.arrow-bar-03 li{width:50%;}
.online .infographic-05 ul.arrow-bar-04{background:url('../../images/home/bg_arrow_allstep_pc.png') 0 0 no-repeat;}
.online .infographic-05 ul.arrow-bar-04 li{width:125px; font-size:15px; font-weight:700;}
.online .infographic-05 .dot-bar{max-width:280px; margin:0 auto;}
.online .infographic-05 .dot-bar li{position:relative; width:35%; padding-top:10px; font-size:14px; color:#424242; text-align:left; border-top:1px solid #424242;}
.online .infographic-05 .dot-bar li:first-child, 
.online .infographic-05 .dot-bar li:last-child{width:15%;}
.online .infographic-05 .dot-bar li::after{content:''; display:block; position:absolute; left:50%; top:-2px; width:4px; height:4px; background:#555; border-radius:50%;}
.online .infographic-05 .dot-bar li:first-child::after{left:0; right:auto;}
.online .infographic-05 .dot-bar li:last-child::after{right:0; left:auto;}
.online .infographic-05 .dot-bar li span{display:block; width:42px; position:absolute; right:25px; top:10px;}
.online .infographic-05 .dot-bar li:first-child span{left:-8px; right:auto;}
.online .infographic-05 .dot-bar li:last-child span{right:-15px; left:auto;}
.online .infographic-06{text-align:center}
.online .infographic-06 .mvp-01{position:relative; margin:0 auto 40px; text-align:center;}
.online .infographic-06 .mvp-01 dt{padding-top:105px; font-size:20px; font-weight:800; background:url('../../images/home/img_mvp_1.png') center top 10px no-repeat; background-size:69px;}
.online .infographic-06 .mvp-01 dd{margin-top:7px; font-size:15px; color:#424242; line-height:1.7;}
.online .infographic-06 ul.flex-wrap{position:relative; align-items:center; padding:40px 50px; margin-bottom:40px; border:1px solid #555; border-radius:10px;}
.online .infographic-06 ul.flex-wrap::after, .online .infographic-06 div.flex-wrap::after{content:''; position:absolute; left:50%; bottom:-42px; width:25px; height:42px; background:url('../../images/home/ico_online_arrow_pc.png') -122px 0 no-repeat;}
.online .infographic-06 ul.flex-wrap li:not(.add){position:relative; padding-left:70px; text-align:left; line-height:1.8;}
.online .infographic-06 ul.flex-wrap li:not(.add)::before{content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background:url('../../images/home/ico_online_product_pc.png') no-repeat;}
.online .infographic-06 ul.flex-wrap li:nth-child(1)::before{ width:50px; height:50px; background-position:-324px -128px;}
.online .infographic-06 ul.flex-wrap li:nth-child(3)::before{ width:50px; height:50px; background-position:1px -202px;}
.online .infographic-06 ul.flex-wrap li.add::after{content:'+'; font-size:27px; font-weight:300;}
.online .infographic-06 ul.flex-wrap li strong{display:block; width:100%; margin-bottom:5px; text-align:left; font-size:14px; color:#424242;}
.online .infographic-06 div.flex-wrap{position:relative; align-items:center; padding:40px 35px; margin-bottom:40px; border:1px solid #555; border-radius:10px; text-align:left; }
.online .infographic-06 div.flex-wrap .ul-base.type-check > li{position:relative; padding:0 0 0 30px; font-size:15px; text-align:left; line-height:1.8;}
.online .infographic-06 div.flex-wrap .ul-base.type-check > li::before { top:2px; }
.online .infographic-06 div.flex-wrap .ul-base.type-check > li.tit { margin-bottom:5px; padding:0; }
.online .infographic-06 div.flex-wrap .ul-base.type-check > li.tit::before { display:none; }
.online .infographic-06 .bubble-tip{margin-top:30px; background:#deedff; border-color:#555;}
.online .infographic-06 .bubble-tip::after{display:none;}
.online .infographic-06 .btn-wrap.vary{left:-400px;}
.online .infographic-07{margin-top:30px; text-align:center;}
.online .infographic-07 > p{overflow:hidden; position:absolute; left:50%; top:102px; transform:translateX(-50%); z-index:2; width:118px; height:118px; padding-top:35px; font-size:15px; font-weight:700; color:#000; border:1px solid #000; border-radius:50%;}
.online .infographic-07 > p::after{content:''; z-index:-1; position:absolute; left:2px; top:0; width:118px; height:118px; background:#ffcb8a; border-radius:50%;}
.online .infographic-07 ul{position:relative; top:0; left:50%; transform:translateX(-50%); z-index:0; width:318px; height:332px;}
.online .infographic-07 ul li{position:absolute; width:36px; height:87px; left:50%; background:url('../../images/home/ico_money_arrow.png') no-repeat; background-size:contain;}
.online .infographic-07 ul li:nth-child(1){top:0; transform:translateX(-50%);}
.online .infographic-07 ul li:nth-child(2){top:22px; transform:translateX(51px) rotate(40deg);}
.online .infographic-07 ul li:nth-child(3){top:86px; transform:translateX(96px) rotate(76deg);}
.online .infographic-07 ul li:nth-child(4){top:160px; transform:translateX(94px) rotate(108deg);}
.online .infographic-07 ul li:nth-child(5){top:218px; transform:translateX(49px) rotate(141deg);}
.online .infographic-07 ul li:nth-child(6){bottom:5px; transform:translateX(-50%) rotate(180deg);}
.online .infographic-07 ul li:nth-child(7){top:222px; transform:translateX(-86px) rotate(217deg);}
.online .infographic-07 ul li:nth-child(8){top:165px; transform:translateX(-128px) rotate(248deg);}
.online .infographic-07 ul li:nth-child(9){top:88px; transform:translateX(-132px) rotate(285deg);}
.online .infographic-07 ul li:nth-child(10){top:24px; transform:translateX(-91px) rotate(320deg);}
.online .infographic-07 .bubble-tip{margin:35px 0 0 0; font-size:13px; color:#424242; line-height:1.5; background:#fff;}
.online .infographic-07 .bubble-tip::after{bottom:auto; top:-6px; border:1px solid #e0e0e0; border-bottom:0; border-right:0; background:#fff;}
.online .infographic-08{max-width:376px; text-align:center;}
.online .infographic-08 .bubble-tip.bottom{margin-bottom:0;}
.online .infographic-08 > p{position:absolute; left:25px; bottom:45%; z-index:1; transform:translateY(42px); font-size:15px; font-weight:700; color:#000;}
.online .infographic-08 ul.flex-wrap{margin-bottom:20px; background:url('../../images/home/bg_arrow_pause_pc.png') center bottom no-repeat;}
.online .infographic-08 ul.flex-wrap li{width:50%; padding-bottom:49px;}
.online .infographic-08 ul.flex-wrap li:first-child > div{margin-bottom:14px;}
.online .infographic-09{margin-top:20px; text-align:center; border-bottom:1px solid #e0e0e0;}
.online .infographic-09 ul.flex-wrap{position:relative; width:465px; align-items:center; padding:10px 30px 50px 65px;}
.online .infographic-09 ul.flex-wrap li{/*opacity:0;*/ position:relative; font-size:15px; color:#424242; font-weight:700; line-height:1.6;}
.online .infographic-09 ul.flex-wrap li:not(.add)::before{content:''; display:block; width:48px; height:48px; margin-bottom:10px; background:url('../../images/home/ico_online_product_pc.png') no-repeat;}
.online .infographic-09 ul.flex-wrap li.add::after{content:'+'; position:absolute; top:-45px; right:-15px; font-size:27px; font-weight:300;}
.online .infographic-09 ul.flex-wrap li:nth-child(1)::before{background-position:-194px 0;}
.online .infographic-09 ul.flex-wrap li:nth-child(3)::before{background-position:-69px -205px;}
/* .online .infographic-09 ul.flex-wrap li:nth-child(1){animation:aniStep1 4s; animation-iteration-count: infinite;}
.online .infographic-09 ul.flex-wrap li:nth-child(2){animation:aniStep2 4s; animation-iteration-count: infinite;}
.online .infographic-09 ul.flex-wrap li:nth-child(3){animation:aniStep3 4s; animation-iteration-count: infinite;} */

.online .infographic-10{max-width:375px; margin-bottom:40px; text-align:center;}
.online .infographic-10 .zigzag{left:70px; bottom:0;}
.online .infographic-10 .txt-view-01{width:200px; height:250px; margin:0 auto; background:url('../../images/home/bg_hospital_page.png') left 13px top 45px no-repeat; background-size:158px 200px;}
.online .infographic-10 .txt-view-02{position:absolute; right:77px; bottom:-20px; width:102px; height:120px; background:url('../../images/home/bg_online_medal.png') 0 0 no-repeat; background-size:102px 120px;}

.online .infographic-11{max-width:600px; padding-bottom:30px; text-align:center; border-bottom:1px solid #e0e0e0;}
.online .infographic-11 .first-step{padding-bottom:75px; background:url('../../images/home/bg_p2p_01_pc.png') left 50% bottom no-repeat;}
.online .infographic-11 .last-step{background:url('../../images/home/bg_p2p_02_pc.png') left 50% top 30px no-repeat;}
.online .infographic-11 .bubble-tip{animation-delay:2.5s;}
.online .infographic-11 .bubble-tip.org{margin-top:85px; border-color:#555; background:#facc92;}
.online .infographic-11 .bubble-tip.org::after{display:none;}
.online .infographic-11 .round-box{position:relative; align-items:center; padding:30px 25px; margin:40px 0 60px; border:1px solid #555; border-radius:10px;}
.online .infographic-11 .round-box::after{content:''; position:absolute; left:50%; bottom:-50px; transform:translateX(-50%); width:178px; height:50px; background:url('../../images/home/ico_online_arrow_pc.png') -165px 0 no-repeat;}
.online .infographic-11 .box-name{position:absolute; top:-10px; left:50%; transform:translateX(-50%); padding:0 5px; font-size:15px; color:#424242; background:#fff;}
.online .infographic-11 .box-cont{display:flex; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.online .infographic-11 .box-cont p{margin-right:85px; color:#424242;}
.online .infographic-11 .box-cont strong{font-weight:800;}
/* .online .infographic-11 .coin-02 span{ opacity:0; }
.online .infographic-11 .coin-02 span:nth-child(1) { animation:coin1 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(2) { animation:coin2 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(3) { animation:coin3 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(4) { animation:coin4 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(5) { animation:coin5 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(6) { animation:coin6 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(7) { animation:coin7 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(8) { animation:coin8 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(9) { animation:coin9 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(10) { animation:coin10 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(11) { animation:coin11 5s; animation-iteration-count: infinite; }
.online .infographic-11 .coin-02 span:nth-child(12) { animation:coin12 5s; animation-iteration-count: infinite; } */

.online .infographic-12{max-width:418px; height:275px; text-align:center;}
.online .infographic-12 ul.flex-wrap{margin-bottom:20px; background:url('../../images/home/bg_tax_free_pc.png') center bottom no-repeat;}
.online .infographic-12 ul.flex-wrap li{width:100%;padding-bottom:230px;}
.online .infographic-12 ul.flex-wrap li p{font-size:0;}
.online .infographic-12 .bubble-tip {margin:0;}
.online .infographic-12 + .bul-note {width:445px;margin:30px auto 0;}

.online .infographic-13 {padding:0 35px;text-align:center; }
.online .infographic-13 h4 { text-align:left; font-size:20px; }
.online .infographic-13 hr { margin:50px -35px; }

.online .infographic-14 {padding:168px 0 0; background:url('../../images/home/img_dental_03.png') center 15px no-repeat; background-size:378px auto; }
.online .infographic-14 .box.line { margin:0; padding:20px 50px; background-color:#fff; }
.online .infographic-14 .box.line li { height:68px; border:none; font-size:15px; }
.online .infographic-14 .box.line li b { width:132px; font-size:17px; }

/* 10월 상품개정 */
.online .infographic-15 .h3-tit { padding-left: 25px; font-size: 17px; color: #e65e04; font-weight: 800; background: url('../../images/home/ico_online_check01_pc.png') no-repeat 0 0; }
.online .infographic-15 .area + .area { margin-top: 40px; padding-top: 40px; border-top: 1px solid #bdbdbd; }
.online .infographic-15 .area .inner dl { margin-top: 40px; padding-left: 175px; background-position: 22px 0; background-size: 114px auto; background-repeat: no-repeat; }
.online .infographic-15 .area .inner dl.treatment01 { background-image: url('../../images/home/icon_treatment01.png'); }
.online .infographic-15 .area .inner dl.treatment02 { background-image: url('../../images/home/icon_treatment02.png'); }
.online .infographic-15 .area .inner dl.treatment03 { background-image: url('../../images/home/icon_treatment03.png'); }
.online .infographic-15 .area .inner dl.treatment04 { padding: 8px 0 6px 175px; background-image: url('../../images/home/icon_treatment04.png'); }
.online .infographic-15 .area .inner dl.treatment05 { background-image: url('../../images/home/icon_treatment05.png'); }
.online .infographic-15 .area .inner dl.treatment06 { background-image: url('../../images/home/icon_treatment06.png'); }
.online .infographic-15 .area .inner dl.treatment07 { background-image: url('../../images/home/icon_treatment07.png'); }
.online .infographic-15 .area .inner dl.treatment08 { padding-bottom: 9px; background-image: url('../../images/home/icon_treatment08.png'); }
.online .infographic-15 .area .inner dl dt { margin-bottom: 5px; line-height: 1.5; font-size: 17px; color: #000; font-weight: 800; }
.online .infographic-15 .area .inner dl dd { line-height: 1.5; font-size: 15px; color: #424242; font-weight: 400; }
 
.dental-type { display:flex; justify-content:space-between; padding:20px 35px; text-align:center; }
.dental-type dt { height:115px; line-height:115px; }
.dental-type dt.implant img { width:160px; }
.dental-type dt.bridge img { width:131px; }
.dental-type dt.dentures img { width:100px; }
.dental-type dd { padding-top:30px; color:#000; font-size:15px; font-weight:700; line-height:25px; }
.dental-type.tooth dt { height:60px; line-height:1; }
.dental-type.tooth dt img { width:44px; vertical-align:top; }

/* dot bar 있는 상품특징 || 입원보장보험, 실손의료비보험 */
.online [class*="dot-bar-"]{max-width:376px; margin:10px auto;}
.online [class*="dot-bar-"] li{position:relative; padding-top:10px; font-size:15px; color:#424242; text-align:left; border-top:1px solid #424242;}
.online [class*="dot-bar-"] li::after{content:''; display:block; position:absolute; left:50%; top:-3px; width:5px; height:5px; background:#555; border-radius:50%;}
.online [class*="dot-bar-"] li:first-child::after{left:0; right:auto;}
.online [class*="dot-bar-"] li:last-child::after{right:0; left:auto;}
.online [class*="dot-bar-"] li span{display:block; width:auto; position:absolute; right:38px; top:10px;}
.online [class*="dot-bar-"] li:first-child span{left:-8px; right:auto;}
.online [class*="dot-bar-"] li:last-child span{right:-10px; left:auto;}
.online .dot-bar-01 li{width:35%;}
.online .dot-bar-01 li.w15{width:15%;}
.online .dot-bar-02{padding-bottom:10px;}
.online .dot-bar-02 li{width:25%;}
.online .dot-bar-02 li:first-child{width:5%;}
.online .dot-bar-02 li:first-child + li span{right:35px;}
.online .dot-bar-02 li:last-child{width:70%;}
.online .dot-bar-02 li:last-child::before{content:'···'; position:absolute; left:90px; top:7px; font-size:20px; letter-spacing:-4px; line-height:1;}

/** end **/
/* 남들은 어떻게 */
.online .assure-wrap > div > p{font-size:13px; line-height:1.4;}
.online #review-tab .title-wrap{padding-top:0;}
.online .review-list.nodata{min-height:200px;}
.online .review-list > li{padding:25px 0; border-top:1px #eee solid;}
.online .review-list > li:last-child{border-bottom:1px #eee solid;}
.online .review-list > li .tit{font-size:15px; color:#000; font-weight:800;}
.online .review-list > li .tit + p{color:#000;}
.online .review-list > li .cont{margin-top:10px;}
.online .review-box{display:table; width:100%; overflow:hidden;}
.online .review-box::after{content: ''; display:block; clear: both;}
.online .review-box .user-join-info{float:left; display:table; width:50%; margin-top:13px;}
.online .review-box .user-join-info dl{float:left; display:block; margin-right:20px;}
.online .review-box .user-join-info dl dt.name{float:left; margin-right:20px; font-weight:800;}
.online .review-box .user-join-info dl dd{float:left; margin-left:2px; font-size:0;}
.online .review-box .user-join-info dl dd > span{position:relative; width:18px; height:18px; display:inline-block; text-indent:-9999em; margin-right:5px;}
.online .review-box .user-join-info ul{float:left; display:flex; align-items:center;}
.online .review-box .user-join-info ul li{position:relative; margin-right:30px;}
.online .review-box .user-join-info ul li::after{content:''; position:absolute; right:-16px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:10px; background-color:#424242;}
.online .review-box .user-join-info ul li:last-child::after{display:none;}
.online .review-box .user-join-info ul li:last-child{margin-right:0;}
.online .review-box .insurance-info-mini{float:right; margin-top:15px;}
.online .review-box .insurance-info-mini div{position:relative; float:left;}
.online .review-box .insurance-info-mini div:first-child{margin-right:25px;}
.online .review-box .insurance-info-mini div:first-child::after{content:''; position:absolute; right:-15px; top:6px; display:inline-block; width:1px; height:10px; background-color:#757575;}
.online .review-box .insurance-info-mini dt{padding-right:5px; color:#757575;}
.online .review-box .insurance-info-mini dd{padding-right:25px;}
.online .review-box .insurance-info-mini dd:last-child{padding-right:0;}
.online .review-box .insurance-info-mini dt, 
.online .review-box .insurance-info-mini dd{float:left; font-size:15px; letter-spacing:-0.7px;}
.online .review-box .insurance-info-mini dd::after{content:''; position:absolute; right:10px; top:6px; display:inline-block; width:1px; height:10px; background-color:#757575;}
.online .review-box .insurance-info-mini dd:last-child::after{display:none;}
/* 상담신청 */
.online.pc .consult-type.end{min-height:685px;}
.online.pc .consult-type.end .title-wrap{text-align:left;}.online.pc .consult-type.end .txt-alert{left:50%; bottom:0; width:500px; margin-left:-250px; padding:0; /*transform:translateX(-32%);*/ text-align:left; font-size:14px !important; background-color:transparent;}/*임선아*/
.online.pc .consult-type.end .txt-alert li { color:#757575; margin-bottom:10px; }
.online.pc .consult-type.end .txt-alert .fs5{font-size:15px !important;}
.online.pc .consult-type.end::before{content:''; position:absolute; left:50%; top:210px; transform:translateX(-50%); display:block; width:208px; height:155px; background:url('../../images/home/ico_complete_email.png') no-repeat; background-size:208px 155px;}
.online.pc .consult-type.end .title-wrap .h1{font-size:20px; font-weight:400; color:#757575;}
.online.pc .consult-type.end .title-wrap .h1 strong{color:#000; font-weight:400 !important;}
.online.pc .consult-type + .divide-line{margin-top:60px; padding-top:20px;}
.online.pc .consult-type .h4{font-size:20px;}
.online.pc .consult-type .input-wrap .input-item > label{font-size:20px;}
.online.pc .consult-type .flex-wrap { display:block; }
.online.pc .consult-type .flex-wrap::after { content:''; display:block; clear:both; }
/* .online.pc .consult-type .flex-wrap .input-wrap{flex-grow:1; margin-top:30px !important;} */
/* .online.pc .consult-type .flex-wrap > div:first-child{padding-right:40px;} */
.online.pc .consult-type .ul-base{display:none;}
.online.pc .consult-type .input-wrap.type-email{display:flex; justify-content:space-between; align-items:center;}
.online.pc .consult-type .input-wrap.type-email .input-email{width:480px; margin-right:40px;}
.online.pc .consult-type .input-wrap.type-email .input-email + .radio-wrap{flex-grow:1; margin-top:0;}
.online.pc .consult-type .input-wrap .txtarea{height:115px;}

/* 상담신청 팝업유형 */
.ui-modal .ui-modal-inner.consult-type.end {min-height:630px;}
.ui-modal .ui-modal-inner.consult-type.end .title-wrap{text-align:left;}
.ui-modal .ui-modal-inner.consult-type.end .txt-alert{ position: absolute; top: 240px; bottom: 0; left: 55%; transform: translateX(-50%); width:500px; text-align:left; font-size:14px !important; background-color:transparent;}/*임선아*/
.ui-modal .ui-modal-inner.consult-type.end .txt-alert li { color:#757575; margin-bottom:10px; }
.ui-modal .ui-modal-inner.consult-type.end::before{content:''; position:absolute; left:50%; top:100px; transform:translateX(-50%); display:block; width:208px; height:155px; background:url('../../images/home/ico_complete_email.png') no-repeat; background-size:208px 155px;}
.ui-modal .ui-modal-inner.consult-type.end .title-wrap .h1{ line-height: 1.5; font-size:25px; font-weight:300; color:#757575;}
.ui-modal .ui-modal-inner.consult-type.end .title-wrap .h1 strong{color:#000; font-weight:800 !important;}

.ui-modal .ui-modal-inner.consult-type .input-wrap.type-email{display:flex; justify-content:space-between; align-items:center;}
.ui-modal .ui-modal-inner.consult-type .input-wrap.type-email .input-email{width:480px; margin-right:40px;}
.ui-modal .ui-modal-inner.consult-type .input-wrap.type-email .input-email + .radio-wrap{flex-grow:1; margin:0;}
.ui-modal .ui-modal-inner.consult-type .flex-wrap { display: block; }

/* 질문 : 상세화면 */
.online .qna-wrap .q-tit,
.online .qna-wrap .a-cont{position:relative; padding:30px; border:1px solid #e0e0e0; border-radius:10px;}
.online .qna-wrap .q-tit{margin-bottom:20px; font-size:18px; font-weight:400;}
.online .qna-wrap .q-tit::before,
.online .qna-wrap .a-cont::before{display:inline-block; padding-right:5px; color:#00f; font-weight:700; font-size:18px;}
.online .qna-wrap .q-tit::before{content:'Q.';}
.online .qna-wrap .a-cont{position:relative; font-size:15px;}
.online .qna-wrap .a-cont::before{content:'A.';}
.online .qna-wrap .a-cont span{display:inline-block; margin-bottom:10px; font-size:18px; font-weight:700; color:#000;}
.online .qna-wrap.type-date div{padding:30px; margin-bottom:20px; box-shadow:none; border-radius:10px;}
.online .qna-wrap.type-date dt{margin-bottom:0; font-size:20px; font-weight:400;}
.online .qna-wrap.type-date dt::before{padding-right:0;}
.online .qna-wrap.type-date dt > b{font-weight:700;}
.online .qna-wrap.type-date dt span{display:block; margin-top:10px; font-size:15px; color:#757575; letter-spacing:0.3px;}
.online .qna-wrap.type-date dd{margin-top:20px; font-size:15px;}
.online .qna-wrap.type-date .answer-wrap dt::before{content:'A.'; padding-right:0;}


/* 변액보험가입 */
.online .join-step-wrap{/*display:flex;*/ justify-content:space-around; margin:40px 0 20px;}
.online .join-step-wrap li{position:relative; float:left; width:33.3%; padding:105px 0 25px; font-size:13px; text-align:center;}
.online .join-step-wrap li::after{content:''; display:inline-block; position:absolute; top:40px; right:-3px; transform:rotate(45deg); width:6px; height:6px; border-top:2px solid #e0e0e0; border-right:2px solid #e0e0e0;}
.online .join-step-wrap li:last-child::after, .online .join-step-wrap li:nth-child(3)::after{display:none;}
.online .join-step-wrap li:nth-child(1){background:url('../../images/home/bg_variable_00_pc.png') left 50% top 0 no-repeat;}
.online .join-step-wrap li:nth-child(2){background:url('../../images/home/bg_variable_02_pc.png') left 50% top 0 no-repeat;}
.online .join-step-wrap li:nth-child(3){background:url('../../images/home/bg_variable_04_pc.png') left 50% top 0 no-repeat;}
.online .join-step-wrap li:nth-child(4){background:url('../../images/home/bg_variable_01_pc.png') left 50% top 0 no-repeat;}
.online .join-step-wrap li:nth-child(5){background:url('../../images/home/bg_variable_03_pc.png') left 50% top 0 no-repeat;}
/* 직업,분류 선택 후 텍스트 */
.online .job-text{padding:18px 16px; line-height:1.5; font-size:15px; font-weight:300;}
.online .job-text > span{padding:0 3px;}
.online .job-text > span:first-child, 
.online .job-text > span:last-child{padding-left:0;}

/* 질병/상해안내사항 */
.online .illness-list{overflow:hidden; margin-top:30px !important;}
.online .illness-list > div{position:relative; float:left; width:calc(50% - 10px); min-height:115px; margin:0 20px 25px 0; padding:25px 30px 25px 110px; word-break:keep-all; border-radius:4px; border:1px solid #e0e0e0;}
.online .illness-list > div:nth-child(2n){margin-right:0;}
.online .illness-list > div::before{left:30px; display:block; width:48px; height:48px; background-size:432px 48px; margin-top:-24px; }
.online .illness-list > div.illness-01::before{background-position:0 0;}
.online .illness-list > div.illness-02::before{background-position:-48px 0;}
.online .illness-list > div.illness-03::before{background-position:-96px 0;}
.online .illness-list > div.illness-04::before{background-position:-144px 0;}
.online .illness-list > div.illness-05::before{background-position:-192px 0;}
.online .illness-list > div.illness-06::before{background-position:-240px 0;}
.online .illness-list > div.illness-07::before{background-position:-288px 0;}
.online .illness-list > div.illness-08::before{background-position:-336px 0;}
.online .illness-list > div.illness-09::before{background-position:-384px 0;}
.online .illness-list > div dt{font-size:15px; font-weight:800;}
.online .illness-list > div dd{margin-top:7px; line-height:1.7; font-size:13px; color:#757575;}
/* 가입전 알릴사항 */
/* .online .cont-wrap .question-list.only-pc-col2, .online .main-page.q1{margin-top:0 !important;} */
.online .cont-wrap .question-list.only-pc-col2 {margin-top:0 !important;}

/* 보험료계산-생년월일 및 성별 */
.online .ex-age{margin-bottom:15px;}
.online .ex-age label{color:#000; font-size:15px; font-weight:700;}
.online .ex-age .age-txt{margin-left:15px; color:#757575; font-size:11px;}

/* 검색 : 자주하는 질문 등 */
.online.pc .srch-wrap.col2{display:table; width:100%; padding:30px 130px 15px; background:#f5f5f5;}
.online.pc .srch-wrap.col2 > div{overflow:hidden; display:table-cell; width:100%; vertical-align:middle;}
.online.pc .srch-wrap.col2 .input-wrap{padding:0;}
.online.pc .srch-wrap.col2 .btn-wrap{padding-left:10px;}
.online.pc .srch-wrap.col2 .btn-wrap .btn-srch{width:130px; height:40px; padding:0; text-indent:0; font-size:15px; background:#fff; border-radius:4px; border:1px solid #bdbdbd;}
.online.pc .srch-wrap.col1{margin:60px 0;}
.online.pc .srch-wrap.col1 .input-wrap{width:600px; margin:0 auto;}
.online.pc .srch-wrap.col1 .input-item.type-line .inp-base{padding-left:10px; border:0; border-bottom:1px solid #424242;}
.online.pc .srch-wrap.col1 .input-item.type-line .inp-base::placeholder{font-size:20px; font-weight:700;}
.online.pc .srch-wrap.col1 .input-item.type-line .btn-srch{top:0; right:0; background-color:#444;}

.online .srch-wrap + .btn-wrap{background:#f5f5f5; padding:0 130px 20px;}
.online .srch-wrap .input-wrap{overflow:hidden; padding:30px 0 20px; margin:0 130px;}
.online .srch-wrap .input-item.type-line .inp-base{height:40px; padding:0 60px 0 25px; border:1px #bdbdbd solid; background:#fff;}
.online .srch-wrap .input-item.type-line .inp-base::placeholder{color:#959595;font-size:15px; font-weight:400;}
.online .srch-wrap .input-item.type-line input[class*="inp-"] + .inp-del{bottom:10px; right:50px;}
.online .srch-wrap .input-item.type-line .btn-srch{position:absolute; top:4px; right:10px;}
.online .srch .link-list.flag-type{border-top:1px solid #424242 !important;}
.online .srch .link-list.flag-type .link-item{border-bottom:1px solid #e0e0e0 !important;}
.online .srch .link-list.flag-type .link-item::after{display:none;}
.online .srch .link-list.flag-type .link-item > a{overflow:hidden; padding:20px 25px 35px 20px;}
.online .srch .link-list.flag-type .link-item > a > .category { position:static;  margin-bottom:10px; }

/* 자주하는 질문 */
.online .main-page.slide{overflow:hidden; padding:40px 0 20px 0; margin-top:10px;}
.online .main-page.srch{padding-top:0; margin-top:0; border-top:0;}
.online .main-page.srch.result{padding-top:20px; border-top:10px #f5f5f5 solid;}
.online .main-page.srch .list-type{margin:0 -25px;}
.online .main-page.srch .tab-btns-wrap.col8 .btn-tab { width:20% !important; padding:0 15px; }
.online .qna.ui-carousel{position:relative; counter-reset:chapter; padding:20px 0; margin:0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.online .qna.ui-carousel::before{content:'BEST'; position:absolute; left:0; top:-40px; font-size:20px; color:#000; font-weight:800;}
.online .qna.ui-carousel li{position:relative;}
.online .qna.ui-carousel li::before{content:counter(chapter); counter-increment:chapter; position:absolute; left:35px; top:1px; z-index:1; display:inline-block; width:20px; height:20px; line-height:20px; color:#fff; text-align:center; font-size:12px; font-weight:700; border-radius:50%; background:#e67602;}
.online .qna.ui-carousel .qna-header{display:block; position:relative; padding:0 40px 0 60px; text-align:center;}
.online .qna.ui-carousel .qna-header p{color:#000; font-size:15px; font-weight:300;}
.online .qna.ui-carousel .slick-list{padding:0 35px;}
.online .qna .ui-carousel-item.no-effect { overflow: initial; background:none;} /* 2023 접근성 추가 */
.online .qna .ui-carousel-item.no-effect::after { content: ''; display: block; clear: both; } /* 2023 접근성 추가 */

/* 레이아웃 : 일렬로 양끝 정렬일 경우 사용 : ex) 자주하는 질문 */
.online .flex-wrap{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.online .flex-wrap.pd{padding:0 25px;}
.online .flex-wrap::after { content:''; display:block; clear:both; }
.online .flex-wrap > div { float:left; width:calc(50% - 20px); margin-right:40px; }
.online .flex-wrap > div:last-child { margin-right:0; }

/* 가입후기 리스트 상단 조회영역 정렬 */
.online .flex-wrap.end{align-items:flex-end; margin:60px 0 15px;}
.online .flex-wrap.end.mgTop0{margin:0 0 15px;}
.online .flex-wrap.end .no-line .ui-select-btn{margin-bottom:0;}
.online .flex-wrap.end .fc-sub-xs{font-size:13px;}
/**/
.online .only-pc-col2{display:flex; flex-wrap:wrap; align-items:center;}
.online .only-pc-col2 > div{width:calc(50% - 40px); margin-right:40px;}
.online .only-pc-col2.cancel > div{width:calc(50% - 30px); margin-right:30px;}
.online .only-pc-col2.cancel > div.last {margin-left:30px; margin-right:0;}

/* table */
.online div[class*="tbl-calc-"]{position:relative; padding-top:1px;}
.online div[class*="tbl-calc-"] tbody th{text-align:left;}
.online div[class*="tbl-calc-"] tbody td{text-align:right;}
.online .tbl-calc-1{padding-bottom:15px; border-bottom:1px solid #eee;}
.online .tbl-calc-1 tbody th,
.online .tbl-calc-1 tbody td{padding:10px 0;}
.online .tbl-calc-1 tbody th{color:#000;}
.online .tbl-calc-1 tbody tr:last-child th,
.online .tbl-calc-1 tbody tr:last-child td{padding:10px 0 0;}
.online .tbl-calc-2{border-bottom:1px solid #eee;}
.online .tbl-calc-2::before{content:''; position:absolute; left:0; top:0; width:100%; height:2px; background-color:#000;}
.online .tbl-calc-2 tbody th,
.online .tbl-calc-2 tbody td{padding:15px;}
.online .tbl-calc-2 tbody th{color:#757575;}
.online .tbl-calc-2 tbody td{font-size:15px;}
.online .tbl-calc-2 tbody tr:first-child th,
.online .tbl-calc-2 tbody tr:first-child td{padding:20px 15px 0;}
.online .tbl-calc-2 tbody tr:last-child th,
.online .tbl-calc-2 tbody tr:last-child td{padding:10px 15px 20px;}
.online .tbl-calc-2 tbody td .fc-primary{font-size:21px; font-weight:800;}
.online .tbl-calc-2 tbody td.account-H{font-size:18px; font-weight:800; color:#000;}
.online .tbl-calc-3{border-top:2px solid #000; border-bottom:1px solid #eee;}
.online .tbl-calc-3 tbody th{padding:15px 0 0 10px; font-size:13px; color:#424242;}
.online .tbl-calc-3 tbody td{padding:15px 10px 0 0;}
.online .tbl-calc-3 tbody tr:first-child th,
.online .tbl-calc-3 tbody tr:first-child td{padding:20px 10px 0;}
.online .tbl-calc-3 tbody tr:last-child th,
.online .tbl-calc-3 tbody tr:last-child td{padding:15px 10px 20px;}
.online .tbl-calc-3 tbody td .ui-select {vertical-align:middle;}
.online .tbl-calc-3 tbody td .ui-select-btn {font-size:15px;font-weight:800;}
.online .tbl-base tbody tr th{text-align:center; font-weight:700;}
.online .tbl-base tbody th, 
.online .tbl-base tbody td{padding:18px 20px;}
.online .tbl-base tbody td{text-align:left;}
.online .tbl-base tbody td.txt-center{text-align:center;}
.online .tbl-base.type-v th,
.online .tbl-base.type-v td{border-left:0; padding:16px 0;}
.online .tbl-base.type-v th{color:#000; font-weight:700; font-size:13px; background:#fff; border-right:0; border-bottom:1px solid #efefef;}
.online .tbl-base.type-v td{color:#757575; font-weight:400; vertical-align:middle;}
.online .tbl-base.type-v.one{border-bottom:2px solid #757575;}
.online .tbl-base.type-v.one th{font-size:13px; border-color:#ccc;}
.online .tbl-base.type-v.one th,
.online .tbl-base.type-v.one td{text-align:center;}
.online .tbl-base.type-v.data td{height:auto;padding-right:16px; font-size:13px; text-align:right;}
.online .tbl-base .txt-bold{display:inline-block; min-width:100px; margin:0 20px 0 0; color:#000; font-weight:700;}
/* input type */
.online .select-wrap.col3{width:100%;}
.online .select-wrap.col3 .ui-select{width:calc(33.3% - 3.3px); text-align:left;}
.online .input-wrap.error input[class*="inp-"]{border:1px #f00 solid;}
.online .input-wrap.type-line.error .pop-select-btn{border:0; border-bottom:1px #f00 solid;}
/* .online .input-wrap.type-tel2 .error{top:90px;} */
.online .input-item.unit .unit{font-size:15px; color:#000;}
/* .online .input-wrap .input-item.error{bottom:5px;} */
.online .input-item.type-line input[class*="inp-"], 
.online .input-item.type-line textarea[class*="inp-"],
.online .input-wrap.type-email .input-email.type-line .input-item input[class*="inp-"]{ height:50px; font-size:21px; font-weight:800; border:0; border-bottom:2px #111 solid;}
.online .input-item.type-line input[class*="inp-"]:focus,
.online .input-item.type-line textarea[class*="inp-"]:focus,
.online .input-wrap.type-email .input-email.type-line .input-item input[class*="inp-"]:focus {border-color:#e67602;}
.online .input-item.type-line input[class*="inp-"]::placeholder, 
.online .input-item.type-line textarea[class*="inp-"]::placeholder,
.online .input-wrap.type-email .input-email.type-line .input-item input[class*="inp-"]::placeholder {font-weight:400;}
.online .input-wrap.type-email .inp-del { bottom:15px; }
.online .input-wrap.type-email .dash { height:40px; line-height:40px; }
.online .input-wrap.homeNumber{padding:125px 0 0;}
.online .input-wrap.type-line .ui-select-btn, 
.online .ui-select.type-line .ui-select-btn{font-size:21px; font-weight:800; letter-spacing:-1px; border:0; border-bottom:2px solid #000;}
.online .ui-select.type-line .ui-select-btn{height:35px; padding:0 30px 0 0;}
.online .ui-select.type-line .ui-select-btn::after{top:9px; right:5px;}
.online .ui-select[class*="no-line"] span.unit{z-index:1; position:absolute; right:22px; bottom:4px; font-size:11px; color:#9e9e9e;}
.online .ui-select[class*="no-line"] .ui-select-btn{min-width:160px; height:40px; margin-bottom:15px; color:#757575; background-color:transparent;}
.online .ui-select[class*="no-line"] .ui-select-btn::after{top:13px; right:15px; width:6px; height:6px; font-weight:800; border-width:2px; border-color:#757575;}
.online .ui-select.no-line-num .ui-select-btn{padding-right:45px; font-size:13px; font-weight:800; border:0;}
.online .input-wrap.phoneSame + .check-wrap .check-item label{font-size:13px; color:#000;}
.online .input-wrap.phoneSame{padding:175px 0 0;}
.online .step-addr .input-wrap.readonly{padding:30px 0 75px;}
.online .input-wrap .input-item > label{top:-37px; font-size:17px;}
/* .online .input-wrap.type-srch .input-item > label{font-size:17px;} */
/* 20240528 추가 */
.input-wrap .input-item > .tit { position:absolute; top:-35px; left:0; font-size:15px; font-weight:700; color:#000; white-space:nowrap; }
.online .input-wrap .input-item > .tit {top:-37px; font-size:17px;} 

/* 보험계약 체결 동의 */
/* .online .agree-item > div{display:block;} */
.online .agree-item > .check-item{display:table; width:100%;}
.online .agree-item > .check-item > *{display:table-cell; vertical-align: middle; font-size:15px;}
.online .agree-item .utils{margin-top:4px;}
.online .agree-item .utils .btn-txt{font-size:13px;}
.online .check-item .cont-text,
.online .check-item .cont-box{padding:10px 0 0 30px; color:#757575; word-break:keep-all;}
.online .cont-box{display:none;}
.online .cont-box.open{position:relative; display:block; margin:5px -55px 15px;}
.online .cont-box.open::before{content:''; position:absolute; left:0; display:block; width:100%; height:100%; background:#fafafa;}
.online .cont-box.open > .agree-wrap{padding:20px 30px 5px 25px; margin:0 25px 0 35px;}
.online .cont-box.open > .agree-wrap li{padding-left:25px;}
.online .cont-box.open .check-item{min-width:70px; margin-right:20px;}
.online .cont-box.open .radio-wrap.type-inline .radio-item{margin-right:5px;}
.online .cont-box.open .radio-wrap.type-col .radio-item{width:30%;}
.online .cont-box.open .agree-item{border-bottom:1px solid #e0e0e0;}
.online .cont-box.open .agree-item:last-child{border-bottom:0;}
.online .cont-box.open .agree-item label{color:#757575;}
.online .agree-wrap .agree-item.type-btn .check-item{width:100%;}
.online .agree-wrap em{font-size:13px; color:#000;}
.online .agree-wrap .check-item .radio-wrap label::before,
.online .agree-wrap .check-item .radio-item label::before{border-radius:20px;}
/* radio */
.online .radio-wrap label::before, 
.online .radio-item label::before{top:5px;}
.online .radio-wrap label::after, 
.online .radio-item label::after{top:10px;}
.online .radio-wrap.type-slider.price label > span{font-size:15px}
.online .radio-wrap.type-slider label > span{transform:translateX(37%); color:#757575; font-weight:700;}/* 2020.09.02 :: 웹 접근성 수정 */
.online .radio-wrap.type-slider label::after{width:10px; height:10px;}
.online .radio-wrap.type-slider .radio-item::before{height:2px;}
.online .radio-wrap.type-slider .radio-item label::after{top:10px}
.online .radio-wrap.type-slider input[type="radio"]:checked + label::after{width:14px; height:14px;}
.online .radio-item label{font-size:15px; color:#000; line-height:1.5;}
.online .radio-wrap.error + .error{bottom:15px;}
.online .radio-wrap.type-check.pd2{padding:0 !important;}
.online .radio-wrap.type-check.pd2 .radio-item.mgt4{margin-top:0 !important;}

/* 가입후기작성 - 경품 선택 */
.online .radio-wrap.img-type{overflow:hidden; margin-top:15px;}
.online .radio-wrap.img-type .radio-item{float:left; width:calc(33.3% - 60px); padding-bottom:30px; margin:0 30px; text-align:center;}
.online .radio-wrap.img-type .radio-item:last-child{margin-right:0;}
.online .radio-wrap.img-type .radio-item label{position:relative; padding:0; width:100%; height:88px; border:1px solid #e0e0e0; border-radius:10px;}
.online .radio-wrap.img-type .radio-item label > img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%;}
.online .radio-wrap.img-type .radio-item label span{position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);}
.online .radio-wrap.img-type .radio-item label::before{left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; border:0; border-radius:0; background:transparent;}
.online .radio-wrap.img-type .radio-item input:checked + label::before{z-index:10; top:50%; width:20px; height:13px; border-left:3px solid #fff; border-bottom:3px solid #fff; transform:translate(-50%, -50%) rotateZ(-45deg);}
.online .radio-wrap.img-type .radio-item input:checked + label::after{width:100%; height:100%; left:0; top:0; border-radius:10px; background:rgba(0, 0, 0, 0.5);}
.online .radio-wrap.img-type label:hover::before, 
.online .radio-wrap.img-type .radio-item input[type="radio"]:focus + label::before{box-shadow:none;}
/* 청약 : 완료 (보험료변경 포함) 및 공통(알림)팝업 */
.online .alert{text-align:center;}
.online .alert p{line-height:1.7;}
.online .alert .title-wrap h1{font-size:25px; line-height:1.5;}
.online .alert .title-wrap strong{font-weight:800;}
.online .alert .bg-txt-wrap{display:flex; justify-content:center; padding:20px 15px; margin-top:30px; background:#f5f5f5;}
.online .alert .bg-txt-wrap dt{width:auto;}
.online .alert .bg-txt-wrap dt::before{content:''; display:inline-block; width:2px; height:2px; background:#000; vertical-align:middle; margin:-2px 5px 0 0;}
.online .alert .bg-txt-wrap > p{font-size:13px;}
.online.join .main-wrap.end { width: 750px; }
.online.join .main-page.end { max-width: 750px; }
.online .end .title-wrap{text-align:center;}
.online .end .cont-wrap{margin-top:0; text-align:center;}
.online .end .cont-wrap .bg-box{padding:20px; color:#000; text-align:center; background:#f5f5f5;}
.online .end .cont-wrap .bg-box strong{font-weight:700; text-decoration:underline;}
.online .end .cont-wrap .btn-wrap{margin-top:20px;}
/* .online .end .cont-wrap > div:last-child{display:flex;  justify-content:space-between; align-items:center; margin-top:20px;}
.online .end .cont-wrap > div:last-child p{flex-shrink:0; padding-left:20px; text-align:left;}
.online .end .cont-wrap > div:last-child .btn-wrap{margin:0 0 0 50px; text-align:right;}
.online .end .cont-wrap > div:last-child .btn-wrap button{width:100%;} */
.online .end .btn-join{position:relative; padding-left:80px; margin-top:70px; color:#000; text-align:left; font-size:15px; letter-spacing:-0.7px;}
.online .end .btn-join::before{content:''; display:block; position:absolute; right:80px; top:-40px; width:118px; height:100px; background:url('../../images/home/bg_online_main.png') 0 -403px no-repeat; background-size:391px 502px;}
.online .end .btn-join > a{display:inline-block; margin-bottom:5px; font-size:17px; color:#000; font-weight:800;}
.online .end .btn-join > a > span{display:inline-block; color:#f60;}
.online .end .btn-join > a::after{content:''; display:inline-block; vertical-align:middle; width:4px; height:4px; margin:-2px 0 0 4px; border-top:2px solid #000; border-radius:2px; border-right:2px solid #000; transform:rotate(45deg);}
.online .end .btn-join.dental{margin-top:90px;}
.online .end .btn-wrap-fixed{margin-top:20px;}
#noSmokingPaper{position:absolute;right:0;top:45px;}

.online .insure-info-box{padding:30px 35px; margin-top:25px; border:1px solid #e0e0e0; border-radius:10px;}
.online .insure-info-box > ul{display:table; width:100%;}
.online .insure-info-box > ul::after{content:''; display:block; clear:both;}
.online .insure-info-box > ul li{display:table-cell; margin-bottom:5px; color:#757575;}
.online .insure-info-box > ul li::before{content:''; display:inline-block; vertical-align:middle; width:3px; height:3px; margin-right:5px; background:#757575;}
.online .insure-info-box > ul li > span{display:inline-block; padding-left:5px; color:#000; font-weight:700;}
.online .insure-info-box .price-txt{padding:10px 20px; background:#f5f5f5;}
.online .insure-info-box .price-txt ul{display:table; width:280px; margin:0 auto;}
.online .insure-info-box .price-txt ul li{display:table-cell; font-size:13px; color:#000;}
.online .insure-info-box .price-txt ul li:first-child::before{top:16px; width:5px; height:1px; transform:rotateZ(45deg);}
.online .insure-info-box .price-txt ul li:first-child::after{top:50%; width:13px; height:1px; }
.online .insure-info-box .price-txt ul li:first-child::before,
.online .insure-info-box .price-txt ul li:first-child::after{content:''; position:absolute; right:-6px; background:#757575;}
.online .insure-info-box .price-txt ul li:last-child{font-size:15px; text-align:right;}
.online .insure-info-box .price-txt ul li > span{position:relative; color:#757575;}
.online .insure-info-box .price-txt ul li > span::before{content:''; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background:#bdbdbd;}
.online .insure-info-box .price-txt ul li > strong{color:#f60; font-size:25px; font-weight:800; letter-spacing:-0.5px;}
.online .insure-info-box > p{margin:15px 0 20px; font-size:13px; text-align:center;}
.online .insure-info-box + p{margin-top:35px; text-align:center;}
/* 청약 : 완료 (인사) */
.online.end-intro{background:#fff;}
.online.end-intro .btn-close span::before,
.online.end-intro .btn-close span::after{background:#000;}
.online.end-intro .ui-modal-cont{color:#000; text-align:center; background-color:transparent;}
.online.end-intro .title-wrap h1, 
.online.end-intro .title-wrap h2{color:#000;}
.online.end-intro .title-wrap h2 > span{position:relative; display:inline-block; margin-bottom:5px;}
.online.end-intro .title-wrap h2 > span::before{content:''; position:absolute; left:0; bottom:2px; display:block; width:100%; height:7px; background:rgba(245, 245, 245, 0.15);}
.online.end-intro .ui-modal-inner{padding:0;}
.online.end-intro .video-wrap{width:100%; height:175px; margin-top:40px; background:#000;}
.online.end-intro .title-wrap .h3{font-weight:300; color:#000; line-height:1.6;}
.online.end-intro .title-wrap.btm{margin-top:40px;}
.online.end-intro .title-wrap.btm > div{position:relative; margin:55px 0 0;}
.online.end-intro .title-wrap.btm > div::before,
.online.end-intro .title-wrap.btm > div::after{display:block; position:absolute; left:50%; transform:translateX(-50%); height:20px; font-size:40px; color:#3a3a3a; font-family:fantasy;}
.online.end-intro .title-wrap.btm > div::before{content:'“'; top:-40px; }
.online.end-intro .title-wrap.btm > div::after{content:'”'; bottom:-20px; }
.online.end-intro .title-wrap.btm > div span{font-weight:300; font-size:15px; color:#000; line-height:1.8;}

.online .input-item.type-line + .radio-wrap.type-tab label{padding:18px 0; font-size:16px;}

.online .step-addr .radio-wrap.type-tab{margin:80px 0 30px;}
.online .radio-wrap.type-row .radio-item:last-child{margin-bottom:0;}
.online .radio-wrap.type-tab.col1 input[type="radio"]:checked + label{width:100%; border-bottom-left-radius:7px;}
.online .radio-wrap.type-tab.col1 label:nth-of-type(1),
.online .radio-wrap.type-tab.col1 input[type="radio"]:checked + label:nth-of-type(1)::after{border-bottom-left-radius:7px;}
.online .radio-wrap.type-check .radio-item{margin-bottom:10px;}
.online .radio-wrap.type-check label, 
.online .radio-wrap.type-check .radio-item label{padding:4px 0 4px; font-size:15px;}
/* 직업찾기 : 리스트 */
.online .jobs .radio-wrap.type-check label{padding:10px 0; font-size:15px;}
.online .jobs .detail-wrap{padding:0 20px;}
.online .jobs .detail-wrap .radio-item{margin-bottom:0;}
/** end **/
.online .radio-wrap.type-check label::before{display:none;}
.online .radio-wrap.type-check input[type="radio"]:checked + label{padding-left:25px; font-weight:800;}
.online .radio-wrap.type-check input[type="radio"]:checked + label::after{width:20px; height:14px; border:0; left:0; background:url('../../images/home/ico_cheked.png') right 0 top 0 no-repeat; background-size:20px 14px;}

/* etc */
.online .fc-black{color:#000 !important;}
.online .fc-green{color:#048859 !important;}
.online .bubble-tip{position:relative; padding:12px 15px; margin-top:12px; font-size:11px; color:#757575; border:1px solid #ccc; border-radius:5px; box-shadow:0px 5px 7px 0 rgba(110, 110, 110, 0.05);}
.online .bubble-tip::before{z-index:1; bottom:-14px; border-top:9px solid #fff; border-right:9px solid transparent; border-bottom:7px solid transparent; border-left:8px solid transparent;}
.online .bubble-tip::after{bottom:-16px; border-top:8px solid #ccc; border-right:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid transparent;}
.online .bubble-tip::before,
.online .bubble-tip::after{content:''; display:block; position:absolute; left:50px; width:0; height:0;}
.online .sub-text-1{ display:inline-block; font-size:14px; font-weight:400; color:#999;} /* 추후 변경 해야함 */

.online .under{border-bottom:2px solid #000; padding-bottom:2px;}
.online [class*="star-"]{position:relative;}
.online [class*="star-"]::before{content:'*'; position:relative; display:inline-block; width:10px; }
/* .online [class*="star-1"]{padding-left:10px; font-size:12px;} */
.online [class*="star-1"]::before{font-size:11px;}
.online .star-wrap::before{display:none;}
.online .star-wrap .btn-star{position:relative; width:25px; height:25px; display:inline-block; margin-right:10px; text-indent:-9999em;}
.online .star-wrap .btn-star::before,
.online .star-wrap .btn-star::after{content:''; position:absolute; top:50%; left:50%; transform:translateY(-50%); display:block; width:25px; height:25px; background-size:25px;}
.online .star-wrap .btn-star::after{background-position:0 -25px;}
.online .star-wrap .btn-star.on:after{opacity:1; transform:translateY(-50%) scale(1);}
.online span[class*="est-"]{display:inline-block; position:relative;}
.online span[class*="est-"] > i{display:inline-block; text-indent:-9999em;}
.online .est-label::before{top:0 !important; left:2px !important; font-size:20px; font-weight:700; color:#f60;}
.online .est-requestion{padding-left:5px;}
.online .est-requestion::before{font-size:26px; font-weight:400; color:#f60;}
.online .est{padding-right:3px; font-size:11px; font-weight:700; color:#dd585b;}

.online .banner-type{padding:20px; background-color:#f5f5f5;}
.online .banner-type.gift{letter-spacing:-1px; background-image:url('../../images/home/img_gift.png'); background-position:right 20px top 50%; background-repeat:no-repeat; background-size:54px 42px;}
.online .banner-type.event{padding:40px 30px; background-image:url('../../images/home/img_event_1.png'); background-position:right 20px top 50%; background-repeat:no-repeat; background-size:130px 120px;}
.online .banner-type.event dl{margin-top:5px;}
.online .banner-type.event dl div{display:flex; margin-top:2px;}
.online .banner-type.event dl div dt{margin-right:2px;}
.online .banner-type.event dl div dd{font-weight:700;}
.online .banner-type strong{display:block; font-size:16px;}
.online .banner-type.event *{font-size:15px; line-height:1.6;}
.online .banner-type.event .fc-green{display:block; margin-top:5px; font-size:20px;}

.online .fund-info-wrap{padding:25px 30px; margin:30px 0; border:1px solid #eee; border-radius:5px;}
.online .fund-info-wrap .ul-base.type-dot{overflow:hidden; margin-top:15px; border-top:0;}
.online .fund-info-wrap .ul-base.type-dot li{float:left; padding:0 15px; border-bottom:0;}
.online .fund-info-wrap .ul-base.type-dot li:first-child{padding-left:0;}
.online .fund-info-wrap .ul-base.type-dot li:first-child::before{display:none;}
.online .fund-info-wrap .ul-base.type-dot li::before{width:1px; height:10px; left:0; top:5px;}
.online .fund-info-wrap .text-box-wrap > .h4{font-weight:800;}
/* 알아보세요, 이벤트 : 카테고리 */
.online .category{position:absolute; display:inline-block; left:0; top:33px; min-width:70px; height:25px; line-height:25px; padding:0 7px; margin-bottom:8px; text-align:center; font-size:13px; color:#757575; font-weight:700; border:1px #bdbdbd solid; border-radius:12px;}
.online .category.org{color:#e67602; border-color:#e67602;}
.online .category.blue{color:#0091ea; border-color:#0091ea;}
.online .category.green{color:#45a849; border-color:#45a849;}
/* 별점 */
.btn-star:before,
.btn-star:after{position:absolute; top:50%; left:0; transform:translateY(-50%); display:block; width:18px; height:18px; background:url('../../images/home/ico_favorite.png') 0 0/18px auto no-repeat; content:""; }
.btn-star:after{background-position:0 -18px; opacity:0; transform:scale(0); transition:transform ease-in .2s, opacity ease-in .2s;}
.btn-star.on:after{opacity:1; transform:translateY(-50%) scale(1);}
/* 청약 : 스크롤시 타이틀 고정 */
.online .ui-fixed-top .notice-type{margin:0 -25px; padding:15px 50px;}
.online .ui-fixed-top .ui-floating-wrap{z-index:10;}
/* modal */
.online .ui-modal-header{height:70px; line-height:70px; border-bottom:0;}
.ui-modal-wrap.online .title-wrap + p{letter-spacing:0;}
.ui-modal-wrap.pc .title-wrap.center{text-align:center !important;}

/* accodian : 동의 하단 추가내용, 자세히보기 컨텐츠 */
.ui-acco-wrap.type-auto .ui-acco-btn{width:auto; padding:10px 0 0 0;}
.ui-acco-wrap.type-auto .ui-acco-arrow:after, 
.ui-acco-wrap.type-auto .ui-acco-arrow:before{width:5px; top:6px;}
.ui-acco-wrap.type-auto .ui-acco-arrow:before{left:7px;}
.ui-acco-wrap.type-auto .ui-acco-arrow:after{left:10px;}
.ui-acco-wrap.type-auto .ui-acco-pnl{padding:10px; margin-top:10px; font-size:13px; word-break:break-all;}
.ui-acco-wrap.type-auto .ui-acco-pnl .ul-base > li, .ui-acco-wrap.type-auto .ui-acco-pnl p { color:#757575; line-height:1.5 !important; }
.ui-acco.type-caution .type-nobg .ui-acco-btn{width:100%; padding:20px 25px;}
.ui-acco-wrap.type-nobg .ui-acco-pnl{color:#757575; line-height:1.7; background:#fff;}
.ui-acco-wrap.type-nobg .ui-acco-pnl{padding:30px 25px 0;}
.ui-acco-wrap.type-nobg .ui-acco-pnl[aria-hidden="false"]{margin-bottom:40px;}
.ui-acco-wrap.type-nobg .ui-acco-pnl .sub-wrap{margin-top:10px;}
.ui-acco-wrap.type-nobg .ui-acco-btn.selected{border-bottom:1px solid #e0e0e0;}
.ui-acco-wrap.type-nobg .tbl-base thead th{font-size:13px;}
.ui-acco-wrap.type-nobg .tbl-base + .tbl-base{margin-top:-1px;}

/* bullet */
.online .ui-acco.type-useinfo .ui-acco-pnl{padding-left:25px;}
.online .ui-acco.type-caution .ui-acco-pnl p,
.online .ui-acco.type-caution .ui-acco-pnl dt,
.online .ui-acco.type-caution .ui-acco-pnl dd{font-size:13px;}
/* .online .ui-acco.type-caution .ui-acco-pnl{padding:20px;} */

.online .ui-ico-note{position:relative; padding-left:25px; font-size:11px; font-weight:300; color:#757575; line-height:1.55;}
.online .ui-ico-note::before{content:''; position:absolute; display:block; top:0; left:0; width:18px; height:18px; background:url('../../images/home/ico_caution.png'); background-size:100%;}

.online .bul-note{margin-top:30px;}
.online .bul-note li{font-size:13px; color:#757575; line-height:1.6;}
.online .dl-base div{position:relative; padding-left:10px;}
.online .dl-base div::before{content:''; position:absolute; left:0; top:7px; display:inline-block; width:2px; height:2px; background-color:#757575;}
.online .ul-base.type-not li::before{display:none;}
.online .ul-base.type-not li{padding-left:0;}
/* .online .ul-base li{letter-spacing:0; line-height:1.6;} */
/* .online .ul-base.type-dash li{padding-left:10px;} */
.online .ul-base.type-dash li::before{width:4px}
.online .ul-base.type-dot{border-top:1px #e0e0e0 dotted;}
.online .ul-base.type-dot li{padding:15px; color:#000; border-bottom:1px #e0e0e0 dotted;}
.online .ul-base.type-dot li::before{width:2px; height:2px; top:23px; left:5px;}
.online .ul-base.type-info li.chip1::before{background:#4192ea;}
.online .ul-base.type-info li.chip2::before{background:#ec642b;}
.online .ul-base.type-check{margin-top:25px;}
.online .ul-base.type-check > li{padding:4px 0 15px 30px; line-height:2.2;}
.online .ul-base.type-check > li:last-child{padding-bottom:0;}
.online .ul-base.type-check > li::before{width:21px; height:16px; top:10px; background:url('../../images/home/ico_online_check_pc.png') top center no-repeat; border-radius:0;}
.online .ul-base.type-check > li em{display:block; font-size:15px; font-weight:800; color:#000; line-height:1.8;}
.online .ul-base.type-check > li p{margin-top:10px; font-size:13px; color:#757575;}
.online .ul-base.type-chip{padding:17px 20px; border:1px solid #e0e0e0; border-radius:10px;}
.online .ul-base.type-chip > li{padding-left:20px; font-size:13px; color:#757575;}
.online .ul-base.type-chip > li::before{content:''; display:block; top:8px; width:12px; height:12px; background-color:transparent; background-image:url('../../images/home/ico_online_colorchip_pc.png'); background-repeat:no-repeat; border-radius:0;}
.online .ul-base.type-chip > li:first-child::before{background-position:0 0;}
.online .ul-base.type-chip > li:last-child::before{background-position:-12px 0;}
.online .ul-base.small li{font-size:13px;}

.online .ul-base.type-check.inline > li{padding:0 0 5px 30px; line-height:25px;}
.online .ul-base.type-check.inline > li::before{top:4px;}
.online .ul-base.type-check.inline > li em{display:inline-block;font-weight:700;}
.online .ul-base.type-check.inline > li .square {display:inline-block;width:16px;height:16px;margin:-1px 7px 1px 0;border:1px solid #555;border-radius:2px;vertical-align: middle;}
.online .ul-base.type-check.inline > li .square.color1 {background:#ffe665;}
.online .ul-base.type-check.inline > li .square.color2 {background:#2477a9;}
.online .ul-base.type-check.inline > li.indent1 {padding-left:130px;text-indent:-50px;}
.online .ul-base.type-check.inline > li.indent2 {padding-left:220px;text-indent:-95px;}

/* btn */
.online .btn-share.new::before{ right:0; top:-17px; width:165px; height:60px; padding-right:40px; background-image:url('../../images/home/img_float_popup_pc.png'); background-repeat:-3px 0/171px;}
.online .btn-base.delete{display:none;}
.online .btn-base.add::before{display:none;}
.online .btn-base.delete span,
.online .btn-base.add span{display:inline-block; position:relative; margin-left:20px;}
.online .btn-base.add span::before,
.online .btn-base.add span::after,
.online .btn-base.delete span::before,
.online .btn-base.more span::before,
.online .btn-base.more span::after{content:''; display:inline-block; position:absolute; top:50%; width:8px; height:1px; background-color:#000;}
.online .btn-base.add span::before{width:14px; left:-23px; transform: rotateZ(0deg);}
.online .btn-base.add span::after{width:12px; left:-22px; transform: rotateZ(90deg);}
.online .btn-base.delete span::before{width:14px; left:-23px; transform: rotateZ(0deg);}
.online .btn-txt-line{display:block; margin:0 auto; text-decoration:underline; font-weight:400; font-size:13px;}
.online .btn-base.more{border:0;}
.online .btn-base.more span{display:inline-block; position:relative; margin-left:-10px; font-size:13px;}
.online .btn-base.more span::before{right:-25px; transform: rotateZ(-45deg);}
.online .btn-base.more span::after{right:-19px; transform: rotateZ(223deg);}
.online .btn-base.call b{padding-left:15px; margin-left:10px; background:url('../../images/home/ico_mobile.png') 0/15px no-repeat; background-size:10px 15px;}
.online .input-wrap.type-line .pop-select-btn, 

.online .pop-select-btn.no-line{max-width:100%; height:20px; padding-right:35px; font-size:13px; font-weight:700; text-align:center; border-bottom:0;}
/* .online .pop-select-btn.no-line::after{top:8px;} */
.online .query .pop-select-btn{font-weight:800;}

.online .input-wrap .error .pop-select-btn,
.online .input-wrap .error .pop-select-btn::after{border-color:#d32f2f;}
.online .input-wrap .pop-select-btn{display:inline-block; position:relative; text-align:left; font-size:15px; vertical-align:top; width:100%; height:40px; padding:0 30px 0 15px; border-radius:0; font-size:16px; cursor:pointer; border:1px solid #e0e0e0; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* 2023 접근성 outline 삭제 */
.online .input-wrap .pop-select-btn.active{color:#000;}
.online .input-wrap .pop-select-btn::after{content:''; position:absolute; top:18px; right:15px; width:9px; height:9px; border-top:1px #000 solid; border-right:1px #000 solid; transform:rotateZ(135deg);}


/* select box */
/* .online .ui-select.on .ui-select-wrap .selbox-dim{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9;} */
/* .online .ui-select-wrap{position:fixed; display:-webkit-box; bottom:-100%; left:0; width:100%; border:0; transition:bottom 0.2s ease-out; -webkit-box-orient:vertical;} */
/* .online .ui-select-wrap.on{bottom:0 !important;} */
/* .online .ui-select-inner{position:relative; padding:30px 25px 25px; background:#fff; border-radius:10px 10px 0 0; z-index:10;} */
.online .ui-select-title{text-align:left;}
.online .ui-select-title h1{font-size:21px; font-weight:300;}
.online .ui-select-title p{margin-top:20px; font-size:13px; color:#757575;}
.online .ui-select-opt{font-size:15px;}
.online .ui-select-opt::before{display:none;}
/* .online .ui-select-opt::after{content:''; position:absolute; top:12px; right:-9px; left:auto; width:19px; height:14px; border-left:0; border-bottom:0; transform:unset;} */
/* .online .ui-select-opt.selected::after{border:0; background:url('../../images/home/ico_cheked.png') right 0 top 0 no-repeat; background-size:20px 14px;} */
/* .online .ui-select-opts{position:relative; max-height:200px; overflow:auto;} */
.online .ui-select-title + .ui-select-opts{margin-top:20px;}
/* .online .ui-select-opt.selected{color:initial; text-decoration:none; background:none;} */
.online .ui-select-opt.selected .ui-select-txt{font-weight:normal;}
.online .input-item .ui-select{width:100%;}
/* .online .ui-select-btn{border:0;} */
.online .btn-wrap-fixed .btn-base.calc{background:#212121; box-shadow: 0 5px 15px rgba(110,110,110,0.4);}
.online.type-A .btn-wrap-fixed .btn-base.calc.on{background:#fe7a00;}
.online .btn-wrap .btn-base{margin-left:0;}
.online .btn-wrap .btn-base.ok{color:#fff; border:0; background:#2041bf; transition-duration:0.2s; margin:0; box-shadow:0 5px 15px rgba(32,65,191,0.4);}
.online .btn-wrap.type-clone{padding:15px 0 5px;}
.online .btn-wrap.col2 .btn-base{width:calc(50% - 40px); margin-left:40px;}
.online .btn-wrap.col2 .btn-base:first-child{margin-left:0;}
.online .btn-wrap.vary{position:absolute; top:175px; left:0; width:auto;}

/* bg ,color, border */
.online .divide-line{border-top:10px solid #f5f5f5;}
.online .divide-line.pd{padding:15px 25px 0; border-top:10px solid #f5f5f5;}
.online .bg-1{background-color:#f2f2f2;}
.online .bdn{border:0 !important;}
.online .bdt{border-top:1px solid #e0e0e0 !important;}

/* slider (carousel) */
.online .slick-slide{margin:0;}
.online .slick-prev, 
.online .slick-next{width:26px; height:40px; top:55px;}
.online .slick-prev{left:-10px;}
.online .slick-next{right:-10px;}
.online .slick-prev:before, 
.online .slick-next:before{top:7px; width:26px; height:26px; background:none;}
.online .slick-prev:after, 
.online .slick-next:after{border-color:#bdbdbd;}
.online .qna .slick-prev{left:0;}
.online .qna .slick-next{right:0;}
.online .qna .slick-prev, 
.online .qna .slick-next{top:45px;}
.online .ui-carousel.age-type{margin:0 40px;}
.online .ui-carousel-item.no-effect{padding:0; margin-bottom:0; border:0; border-radius:0; box-shadow:0 0 0 transparent;}
/* 보험료계산 - 빠르게,친절하게 */
.online .slider-calc{overflow:hidden; height:40px; border:1px solid #e0e0e0; border-radius:5px;}
.online .slider-calc .ui-carousel{height:40px; margin:0;}
.online .slider-calc .slick-slide{width:100%; height:40px;}
.online .slider-calc .ui-carousel-item{padding:9px; margin-bottom:0; /*opacity:0;*/ text-align:center; background:transparent; border:0; box-shadow:none;}
.online .slider-calc .slick-prev, 
.online .slider-calc .slick-next{display:inline-block !important; width:45px; height:40px; top:20px;}
.online .slider-calc .slick-prev{left:0; border-right:1px solid #e0e0e0; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.online .slider-calc .slick-next{right:0; border-left:1px solid #e0e0e0; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.online .slider-calc .slick-prev:before, 
.online .slider-calc .slick-next:before{width:45px; height:38px; top:0; background:#fff; border-radius:0;}
.online .slider-calc .slick-prev:after, 
.online .slider-calc .slick-next:after{width:7px; height:7px; border-width:1px; border-color:#bdbdbd;}
.online .slider-calc .slick-prev:after {right:15px;}
.online .slider-calc .slick-next:after {left:15px;}
/* 펀드선택 : 성향유형 */
.online .slider-calc.noline, .online .slider-calc.noline .slick-arrow{border:0;}

/****************** main  ******************/
.online.main{width:100%;}
.online.main .main-wrap{width:100%;}
.online.main .title-wrap{display:none;}

.online.main .calc-wrap{width:100%; margin-top:0 !important; border-bottom:1px solid #eee; background:#fafafa;}
.online.main .calc-wrap .calc-inner{width:1000px; height:326px; padding-top:80px; margin:0 auto;}

.online.main .calc-wrap .tit-box > span{font-size:25px; color:#212121}
.online.main .calc-wrap .tit-box h2{margin-top:5px; font-size:36px; font-weight:300; letter-spacing:-1px;}
.online.main .calc-wrap .tit-box h2 strong{font-weight:800;}

.online.main .form-box{ position:relative; margin-top:45px;}
.online.main .form-box .btn{ position:absolute; top:0; right:0; width:200px;}
.online.main .form-box .btn > button{width:100%; height:50px; color:#fff; font-size:20px; font-weight:700; letter-spacing:-0.5px; background:#e67602; border:0;}
.online.main .form-box ul{display:flex; margin-right:50px;}
.online.main .form-box ul li{display:flex; align-items:center;}
/* 2020.08.31 :: 접근성 수정 */
.online.main .switch .radio-wrap {overflow:hidden; display:flex; width:175px; margin-bottom:0;}
.online.main .switch .radio-wrap:after {content:''; display:block; clear:both;}
.online.main .switch input[type="radio"]{display:block; width:80px; height:48px; background-image:url(../../images/home/ico_radio_gender.png); background-repeat:no-repeat; opacity:0.5; padding:15px 0 0 45px; cursor:pointer;}/* 2020.09.02 추가 */
.online.main .switch input::-ms-check{display:none}
.online.main .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;}
.online.main .switch input[type="radio"]:checked{opacity:1;}
.online.main .switch label{z-index:1; width:80px; height:50px; padding:15px 0 0 46px; margin:2px; color:#959595; font-size:13px; background:#fff; border:1px solid #ccc; border-radius:4px;}
.online.main .switch label.active{font-weight:700; text-decoration: underline;}
.online.main .switch label:before,
.online.main .switch label:after{display:none;}
.online.main .switch label.man.active{color:#0e59b6; border-color:#0e59b6;}
.online.main .switch label.woman.active{color:#e67602; border-color:#e67602;} /* 2023 접근성 컬러변경 (수정 전 컬러 #f58220) */
.online.main .switch .man input[type="radio"]{background-position:5px 8px;}
.online.main .switch .woman input[type="radio"]{background-position:5px -33px;}
/* end */
.online.main .inputs > div:not(.sign){width:442px; padding:0; margin-right:10px;} /* 2020.08.31 :: 간격 수정 */
.online.main .inputs .sign{width:132px; padding-right:20px; word-break:keep-all; line-height:1.5; font-size:17px; color:#212121;}

.online.main .inputs .input-item::before{content:''; display:block; position:absolute; left:-2px; width:2px; height:40px; background:#424242; /*animation:aniOpacity 0.8s infinite linear;*/}
.online.main .inputs .input-item.on::before{display:none;}
.online.main .inputs .inp-base{padding:0; font-size:30px; background:none; border:0; padding-left:15px;}
.online.main .inputs .inp-base::placeholder{font-size:25px; color:#808080; letter-spacing:-0.6px; } /* 2023 접근성 컬러변경 (수정 전 컬러 #9f9f9f) */

.online.main .content-wrap{overflow:hidden; width:1000px; margin:30px auto 70px;}
.online.main .insure-wrap{float:left; width:760px;}

.online.main .insure-ad-tag{overflow:hidden; width:750px; padding-bottom:30px; border-bottom:1px solid #e67602;}
.online.main .insure-ad-box{overflow:hidden;}
.online.main .insure-ad-box.type-noresult li{float:none; padding:120px 0;}
.online.main .insure-ad-box.type-noresult li > p{padding-top:150px; text-align:center; background:url('../../images/home/img_noresult_02.png') left 50% top no-repeat;}
.online.main .insure-ad-box > li{float:left; margin:30px 0 12px 0;}
.online.main .insure-ad-box > li:nth-child(2n){margin-left:30px;}

.online.main .type-chip{float:left; margin-bottom:0;}
.online.main .type-chip label{min-width:auto; line-height:42px; padding:0 21px; margin:3px 0 2px 1px; font-size:15px; border:1px transparent solid; cursor:pointer; }
.online.main .type-chip label:hover{box-shadow:0 0 4px rgba(0,0,0,0.2);}
.online.main .type-chip input[type="checkbox"]{opacity:0; width:0; height:0;}
.online.main .type-chip input::-ms-check{display:none}
.online.main .type-chip input[type="checkbox"]:checked + label { color:#212121; background:#fff; border:1px #e67602 solid; }
.online.main .type-chip:not(.all) input[type="checkbox"]:checked{color:#424242; border:1px solid #f60; border-radius:20px;}

.online.main .type-chip input[type="checkbox"]:checked + label:focus{box-shadow:none;}
.online.main .type-chip.all{padding-right:20px;}
.online.main .type-chip.all::after{content:''; display:inline-block; width:1px; height:30px; vertical-align:middle; background:#e67602;}
.online.main .type-chip.all input[type="checkbox"]{width:90px; height:40px; margin:3px;}
.online.main .type-chip.all input[type="checkbox"] + label{min-width:90px; padding:0; margin:3px 7px 0 2px; font-size:17px; color:#424242; font-weight:800; border:0;}
.online.main .type-chip.all input[type="checkbox"]:checked + label{ color:#512d02; border-radius:20px; background:#fdd4b0;}

.online.main .insure-card{display:block; width:360px; height:308px; border:1px solid #e0e0e0; border-radius:14px;}
.online.main .insure-card:hover{cursor:pointer;}
.online.main .insure-card::after{content:''; display:block; position:absolute; right:30px; top:50px; background:url('../../images/home/bg_online_main_pc.png') no-repeat;}

.online.main .insure-type-01::after{background-position:0 0; width:117px; height:113px; right:26px; }
.online.main .insure-type-02::after{background-position:-162px -5px; width:117px; height:109px;}
.online.main .insure-type-03::after{background-position:-9px -315px; width:106px; height:110px;}
.online.main .insure-type-04::after{background-position:-154px -317px; width:126px; height:110px;}
.online.main .insure-type-05::after{background-position:-3px -158px; width:118px; height:108px;}
.online.main .insure-type-06::after{background-position:-171px -158px; width:114px; height:108px;}
.online.main .insure-type-07::after{background-position:-326px -6px; width:106px; height:106px;}
.online.main .insure-type-08::after{background-position:-315px -320px; width:127px; height:106px;}
.online.main .insure-type-09::after{background-position:-327px -157px; width:106px; height:108px;}
.online.main .insure-type-10::after{background:url('../../images/home/bg_online_main10_pc.png') no-repeat; width:104px; height:110px; right:22px; }
.online.main .insure-type-11::after{background:url('../../images/home/bg_online_main11_pc.png') no-repeat; width:87px; height:112px; }
.online.main .insure-type-14::after{background:url('../../images/home/bg_online_main14_pc.png') no-repeat; width:127px; height:112px; top:45px; }

.online.main .insure-card:hover{border:1px solid #e67602; box-shadow:4px 7px 8px 2px rgba(249, 204, 170, 0.3);}
.online.main .insure-card .insure-top{height:256px; padding:30px 30px 0;}
.online.main .insure-card .insure-top .name{display:block; margin-bottom:17px;}
.online.main .insure-card .insure-top .name > i { display:inline-block; margin:-1px 0 1px; padding:0 8px; background:#e67602; color:#fff; font-size:13px; font-weight:700; line-height:16px; border-radius:16px; vertical-align:middle; }
.online.main .insure-card .insure-top .price{margin-bottom:0px;}
.online.main .insure-card .insure-top .price > em{font-size:25px; font-weight:800; letter-spacing:-0.5px; color:#e67602 !important; }
.online.main .insure-card .insure-top .info { font-size:13px !important; color:#757575; }
.online.main .insure-card .insure-top .highlight{color:#212121; font-size:20px;}
.online.main .insure-card .insure-top .highlight > span{display:block; font-size:15px; color:#757575;}
.online.main .insure-card .insure-top .highlight > span.attach{display:inline;}
.online.main .insure-card .insure-top .highlight > em {display:block; position:absolute; margin-top:2px; font-size:12px; color:#757575;}
.online.main .insure-card.insure-type-10 .insure-top .highlight{font-size:19px;}
.online.main .insure-card .insure-btm{overflow:hidden; padding:15px 0; margin:0 30px; border-top:1px solid #eee;}
.online.main .insure-card .insure-btm ul.period{float:left;}
.online.main .insure-card .insure-btm ul.period > li{float:left; margin-right:7px; font-size:13px; color:#757575;}
.online.main .insure-card .insure-btm ul.period > li::after{content:''; display:inline-block; width:1px; height:10px; margin-left:8px; vertical-align:middle; background-color:#757575;}
.online.main .insure-card .insure-btm ul.period > li:last-child::after{display:none;}
.online.main .insure-card .insure-btm ul.period + p{float:right; font-size:13px; color:#212121;}

.online.main .banner-wrap{ display: none; float:right; width:100%; max-width:200px; margin-top:85px;} /* 2023 접근성 수정 - display:none 추가 */
.online.main .banner-wrap img{width:auto;}
.online.main .bn-type-01{position:relative; padding-bottom:30px; margin:50px 0 25px; border-bottom:1px solid #e0e0e0;}
.online.main .bn-type-01 .bn-text{font-size:13px; color:#212121; letter-spacing:-0.3px;}
.online.main .bn-type-01 .bn-text strong{display:inline-block; margin:8px 0; font-size:17px; color:#424242; font-weight:800;}
.online.main .bn-type-01 .bn-img{width:100px; height:90px; position:absolute; right:0; top:80px; }
.online.main .bn-type-01 .bn-img .zigzag{right:125px; bottom:0;}
.online.main .bn-type-01 .coin > span{width:24px; height:5px;}
.online.main .bn-type-01 .zigzag .coin:first-child{left:5px; bottom:0;}
.online.main .bn-type-01 .zigzag .coin:last-child::before{margin-left:2px; background-size:22px;}
.online.main .bn-type-01 .arrow{z-index:1; position:absolute; right:20px; bottom:-3px; width:80px; height:75px; padding-top:10px; text-align:center; font-size:13px; color:#fff; font-weight:700; background:url('../../images/home/bg_arrow_sale_1.png') 0 0 no-repeat; background-size:80px 75px;}
.online.main .bn-type-01 .arrow > span{display:block; margin-top:-5px;}
.online.main .bn-type-01 .arrow > span > b{font-size:30px;}
.online.main .bn-type-02{position:relative;}

.online.main .evt-slider{padding-top:30px;}
.online.main .evt-slider .ui-carousel-item{padding:0 5px; border:0; box-shadow:none;}
.online.main .evt-slider .slick-dots{width:auto; top:0; right:0; bottom:auto;}
.online.main .evt-slider .slick-dots li{margin:0 2px;}
.online.main .evt-slider .slick-dots li.slick-active button:before{width:8px; height:8px; background:#757575; border:0;}
.online.main .evt-slider .slick-dots li button:before{width:6px; height:6px; border-color:#bdbdbd;}

.online.main .remotes{position:absolute; right:33px; top:0;}
.online.main .remotes > .btn-pause::before,
.online.main .remotes > .btn-pause::after,
.online.main .remotes > .btn-play::before{content:''; display:inline-block; vertical-align:middle;}

.online.main .remotes > .btn-pause::before,
.online.main .remotes > .btn-pause::after{height:8px;}
.online.main .remotes > .btn-pause::before{width:6px; margin-top:6px; background:#757575;}
.online.main .remotes > .btn-pause::after{position:absolute; top:9px; right:2px; width:2px; background:#fff;}

.online.main .remotes > .btn-play{display:none;}
.online.main .remotes > .btn-play::before{width:0px; height:0px; transform:rotate(-45deg); margin-top:6px; border-top:8px solid transparent; border-right:8px solid #757575;}

.online.main .wonder-wrap{overflow:hidden; width:1000px; margin:0 auto 70px;}
.online.main .wonder-wrap h2{margin-bottom:45px; font-size:20px; font-weight:800;}
.online.main .wonder-wrap h3{margin-bottom:30px; font-size:17px; font-weight:700; letter-spacing:-0.4px;}
.online.main .wonder-wrap > div{position:relative; float:left; min-height:160px; border-right:1px solid #e0e0e0;}
.online.main .wonder-wrap > div:last-child{border-right:0;}
.online.main .wonder-wrap .btn-more{display:block; position:absolute; right:0; top:0; width:26px; height:26px; background:#e0e0e0; border-radius:50%;}
.online.main .wonder-wrap .btn-more::before{content:''; position:absolute; left:7px; top:9px; width:7px; height:7px; transform:rotate(45deg); border-top:2px solid #fff; border-right:2px solid #fff;}
.online.main .wonder-wrap .notice{width:380px; padding-right:30px;}

.online.main .wonder-wrap .ul-list li{display:table; width:100%; margin-bottom:12px; font-size:13px; color:#757575;}
.online.main .wonder-wrap .ul-list li:last-child{margin-bottom:5px;}
.online.main .wonder-wrap .ul-list li > *{display:table-cell;}
.online.main .wonder-wrap .ul-list li a{width:calc(100% - 90px); font-size:13px; color:#757575; text-align:left; padding-left:10px;}
.online.main .wonder-wrap .ul-list li a:hover{text-decoration:underline;}
.online.main .wonder-wrap .ul-list li a + .date{width:90px;text-align:right;}
.online.main .wonder-wrap .ul-list li::before{content:''; position:absolute; display:block; top:7px; left:0; width:3px; height:3px; margin-right:5px; vertical-align:middle; background:#757575;}

.online.main .wonder-wrap .notice .btn-more{right:30px;}
.online.main .wonder-wrap .join{width:370px; padding:0 40px;}
.online.main .wonder-wrap .join .btn-review-go{display:block; height:100px; font-size:15px; color:#757575;}
.online.main .wonder-wrap .join .btn-review-go::after{content:''; position:absolute; right:35px; bottom:0; display:block; width:140px; height:114px; background:url('../../images/home/bg_online_main_pc.png') top -452px left 0 no-repeat;}
.online.main .wonder-wrap .join .btn-review-go > strong{display:block; color:#212121; font-weight:700;}
.online.main .wonder-wrap .join .btn-review-go > strong b{padding-right:3px; font-size:25px; color:#e67602; font-weight:800; text-decoration:underline;}

.online.main .wonder-wrap .qna{width:250px; padding-left:50px;}
.online.main .wonder-wrap .qna .btn-tag{width:100%; margin-right:0; font-size:13px;}
.online.main .wonder-wrap .qna .btn-tag:hover,
.online.main .wonder-wrap .qna .btn-tag:focus{color:#fff; font-weight:800; border:0; background:#e67602;}

.ul-base.gray li { color: #757575; }
.online .ol-ask-A.type-bg.no-num li .question { padding:20px 25px; font-size:17px; }
.online .ol-ask-A.type-bg.no-num li .question::before { display:none; }

/* marketing message */
.marketing-message { display:none; position:relative; height:auto; margin:-20px 0 30px; padding:15px 0 15px 70px; border:1px solid #e67602; border-radius:3px; box-shadow: 0 5px 10px rgba(110,110,110,0.2); background:#fff url('/images/home/ico_mk_msg.png') no-repeat 20px 20px; color:#212121; font-size:15px; font-weight:400; line-height:24px; z-index:2; }
.marketing-message::after { content:''; position:absolute; left:50%; top:-10px; width:15px; height:10px; margin-left:-7.5px; background:url('/images/home/ico_mk_msg_arrow.png') no-repeat; }
.marketing-message strong { color:#e67602; }
.marketing-message em { display:block; color:#757575; font-size:12.5px; line-height:20px;}
.marketing-message em.adv { font-size:11px; font-weight:300; }
.marketing-message em.inline { display:inline-block; }
.marketing-message, .event-message { animation-name:up-down; animation-duration:0.5s; animation-timing-function:linear; animation-iteration-count:infinite; animation-fill-mode:both; animation-direction:alternate; }
@keyframes up-down {
  0% {transform: translateY(0px);}
  100% {transform: translateY(3px);}
}
.marketing-message .ui-tooltip-wrap { margin:0 3px 0 0;}
.marketing-message button.ui-tooltip-btn:not(.btn-base-s) { width:18px !Important; height:18px; border-radius:100%; }
.marketing-message button.ui-tooltip-btn:after { font-size:11px; line-height:18px; }
.marketing-message button.ui-tooltip-btn:hover + .ui-tooltip { display:block; }
.marketing-message .ui-tooltip { left:-25px; top:29px; padding:12px; letter-spacing:0; }
.marketing-message .ui-tooltip .arrow { 
	position:absolute; bottom:100%; left:25px;display:block;width:0; height:0;
    border-right:5px solid transparent; border-bottom:5px solid #454545; border-left:5px solid transparent; border-top:5px solid transparent;
    border-right-width:9px; border-left-width:9px; border-top-width:9px; border-bottom-width:9px;
}

/* 20230907 추가 */
.marketing-message.type2 { background:#fff url('/images/home/ico_mk_msgGift_pc.png') no-repeat 20px 20px; }

/* event message banner */
.event-message { display:table; width:100%; height:100px; margin:-20px 0 30px; border:1px solid #e67602; border-radius:3px; box-shadow: 0 5px 1px rgba(110,110,110,0.15); background:#fff url('/images/home/img_evtMsg_pc.png') no-repeat 15px bottom; background-size: 172px 83px; color:#000; font-size:17px; font-weight:700; line-height:24px; z-index:2; }
.event-message::after { content:''; position:absolute; left:50%; top:-10px; width:15px; height:10px; margin-left:-7.5px; background:url('/images/home/ico_mk_msg_arrow.png') no-repeat; }
.event-message .area { display:table-cell; padding:0 0 0 210px; vertical-align:middle; }
.event-message strong { color:#e67602; font-weight:800; }
.event-message button.enter { color:#757575; font-size:15px; font-weight:400;}
.event-message.pointer { cursor:pointer; }
#eventEnterPop { width: 590px !important; height: 670px !important; }
#eventEnterPop.ui-modal .ui-modal-cont { height:calc(100% - 60px) !important;}
/* #eventEnterPop.ui-modal .ui-modal-cont > .scroll-content { height:calc(100% - 30px) !important; } */

/* 치아보험 */
#noSmokNoti2 { display:block; margin:30px 0 -25px; color:#000;}
#noSmokNoti2 i { font-weight:800; }

/* 데이터3법 약관동의 화면 */
.fs-85p { display:block; font-size:84%; line-height:1.2; }
.ul-base.large > li { color:#000; font-size:16px; }
.ul-base > li .bold { font-size:16px; }
.tit-hypen li { position:relative; padding-left:10px;font-size:16px;font-weight:700;}
.tit-hypen li::before {position:absolute; left:0; top:0; content:''; }
.tit-hypen li .radio-wrap .label { font-size:15px; font-weight:400; }
.tit-hypen li .radio-item label { font-weight:400; }
.tit-hypen li .ul-base.small li { padding-left:8px;font-size:14px;font-weight:400;}
.tit-hypen li .ul-base > li::before {content:'';top:12px;}
#agreeText05 .radio-wrap .label { font-size:15px; }
#agreeKakaopay .h3, #agreeToss .h3, #uniqueAgree .h3 {font-size:20px !important; font-weight:400;}
.agree-level { margin-left:0; margin-top:15px; }
.agree-level img { max-width:100%; }
.online [class*="agree-level-"] { display:inline-block; margin-left:10px; padding:2px 10px 2px 8px; border-radius:25px; color:#fff; font-weight:400; font-size:15px; line-height:23px; vertical-align:middle;}
.agree-level-1 { background:#1ca7d4; }
.agree-level-2 { background:#4fb348; }
.agree-level-3 { background:#fcdb19; color:#000 !important;}
.agree-level-4 { background:#f6943e; }
.agree-level-5 { background:#ef3f24; }
.online hr.full { position:relative; display:block; width:calc(100% + 80px); height:10px; margin:40px -40px; border:0; background:#eee; }
.online .qr-code { position:relative; }
.online .qr-code img { position:absolute; top:-30px; right:0; zoom:0.6; }

/* 미니암 Dis-Ease*/
.dis-ease { position:relative; margin-top:15px;}
.dis-ease::before { content:''; position:absolute; left:50%; top:50%; width:35px; height:35px; margin:-17.5px 0 0 -17.5px; background:url(/images/home/ico_circle_plus.png) no-repeat; }
.dis-ease ul li { color:#e67602; font-size:15px; font-weight:700; line-height:40px; }
.dis-ease ul.add { position:absolute; right:10px; top:6px;}
.dis-ease ul.add li { color:#757575; font-size:13px; font-weight:400; line-height:27px; text-align:right; }
.dis-ease ul.add li span {display:inline-block; width:50px; text-align:right;}
.insure-08 .dis-ease ul li { line-height:28px; }
.insure-08 .dis-ease ul.add { top:0; }
.insure-08 .dis-ease ul.add li { width:auto; line-height:28px; }
.part-line { position:relative; height:1px; margin-bottom:50px; padding:0 45px; }
.part-line hr { position:static; margin:0; }
.part-line::before {content:''; position:absolute; top:calc(50% - 17.5px); left:calc(50% - 17.5px); width:35px; height:35px; background:url(/images/home/ico_circle_plus.png) no-repeat;}
.online .infographic-03.w2.plus::before {content:''; position:absolute; top:50%; left:calc(50% - 17.5px); width:35px; height:35px; background:url(/images/home/ico_circle_plus.png) no-repeat;}

/* 나의 온라인계약(심사) */
#docuReg.input-wrap.type-file .file-wrap {overflow-y:auto; max-height:200px; height:auto;}
#docuReg.input-wrap .input-item > label {top:0 !important;}
#addPaper .bul-note.space { margin-bottom:130px; }
.docu-photo {overflow-y:auto; max-height:145px; height:auto;margin-bottom:80px; }
#confOnline.ui-modal .ui-modal-inner, #confOnline2.ui-modal .ui-modal-inner { padding:0 40px; }
.online .ui-modal-inner .ht-area { height:110px; }
.online .ui-modal-inner .btn-inner-fixed { position:fixed; bottom:0; left:0; width:100%; padding:30px 0; background:#fff; text-align:center; }
.online .ui-modal-inner .btn-inner-fixed .btn-base { display:inline-block; width:auto; height:50px; min-width:160px; border:0; color:#fff !important; background:#e67602; font-size:15px; font-weight:700; }
.online .ui-modal-inner .btn-inner-fixed .btn-base:disabled { background:#d9d9d9 !important; box-shadow:none !important; pointer-events: none;}

/*청약이탈팝업*/
.online .btn-wrap.col2.in { margin:30px 0 0; padding:0 65px; /*width:50%;*/ }
.online .btn-wrap.col2.in .btn-base { width:160px; margin-left:30px;}
.online .btn-wrap.col2.in .btn-base.primary { height:50px; }
.online .btn-wrap.col2.in .btn-base:first-child { margin-left:0;}
.ui-modal .ui-modal-footer.box { display:flex; justify-content:space-between; width:auto; left:30px; right:30px; bottom:30px; padding:30px; background:#f5f5f5; text-align:left; }
.ui-modal .ui-modal-footer.box .btn-base { background:#999;}

/* ASIANA AIRLINES 회원 특별 EVENT */
.asianaEvent .online_list .prd:nth-child(3n) {margin-right:0;}
.asianaEvent .online_list .prd:nth-child(n+4):nth-child(-n+6) {margin-bottom:0;}

/* 가입 체험 이벤트 */
#joinExp { width:750px !important; height:992px !important; margin-left:-375px !important; padding:30px; background:#e67602; }

/* 가입전단계 안내*/
.modal-system.guide-pop .btn-close { display:none; }
.modal-system.guide-pop .ui-modal-cont { padding:0; text-align:left; }
.modal-system.guide-pop .ui-modal-txt { padding:0; }
.modal-system.guide-pop h1 { height:auto; min-height:74px; padding:21px 70px 18px 40px; border-bottom:1px solid #000; }
.modal-system.guide-pop h1 { font-size:25px; font-weight:400; text-align:left; line-height:1.4em;}
.modal-system.guide-pop .description { padding:30px 40px 0; }

/* 22-04 상품개정 자세히보기 화면  */
.join-tp { display:flex; justify-content:space-between; align-items: center; }
.join-tp dl { width:187px; padding:4px; border:1px solid #555; border-radius:10px; text-align:center; }
.join-tp dt { border-radius:6px; background:#deedff; color:#000; font-size:15px; font-weight:700; line-height:47px; }
.join-tp dl:nth-child(2) dt { background:#fae779; }
.join-tp dl:nth-child(3) dt { background:#fac47a; }
.join-tp dd ul { margin:24px 0; }
.join-tp dd li { position:relative; padding:0 10px; color:#757575; font-size:13px; line-height:25px; text-align:left; }
.join-tp dd li strong { position:absolute; right:10px; top:0; color:#424242; line-height:25px;}
.join-tp dd:last-child { position:relative; padding:18px 14px; font-size:15px; line-height:25px; } 
.join-tp dd:last-child strong { display:block; color:#e67602; font-weight:800; line-height:25px;}
.join-tp dd:last-child::before { content:''; position:absolute; top:1px; left:16px; right:16px; height:1px; background:#ccc; }
.target_img {padding:0 0 44px; border-bottom:1px solid #e0e0e0; text-align:center; }
.target_img.noline { border:none; }
.online .product .target_img .bubble-tip  { margin:20px 0 45px; }
.online .product .sub-text-wrap p.left { padding:0; font-size:15px; text-align:left; }
.online .sub-wrap.col2.narrow > *:first-child { width:20%; }
.h3-mid { font-size:19px; }

/* 10월 상품개정-암보험 상품특징 */
.online .product .bubble-tip.blueType { margin: 20px 0 27px; padding: 14px 70px; border: 1px solid #555; background: #deedff; }
.online .product .bubble-tip.orgType { margin: 29px 0 30px; padding: 15px 86px; font-size: 16px; border: 1px solid #555; background: #f6ab49; }
.online .product .bubble-tip.blueType::after,
.online .product .bubble-tip.orgType::after { display: none; }
.online .product .target_img_wrap > .target_img { padding-bottom: 0; border-bottom: 0; }
.online .product .target_img_wrap .target_img_inner { position:relative; border: 1px solid #e0e0e0; border-radius: 10px; }
.online .product .target_img_wrap .target_img_inner::before {content:''; position:absolute; top: -18px; left:calc(50% - 18px); width:35px; height:36px; background:url(/images/home/ico_circle_plus01.png) no-repeat;}
.online .product .target_img_wrap .target_img_inner::after { content: ''; display: block; clear: both; }
.online .product .target_img_wrap .target_img_inner .target_img { position: relative; float: left; width: 50%;  padding: 40px 50px; font-size: 15px; font-weight: 700; color: #424242; border-bottom: 0; }
.online .product .target_img_wrap .target_img_inner .target_img:first-child::before { content: ''; position: absolute; top: 50%; right: 0; width: 1px;  height: 184px; border-right: 1px solid #e0e0e0; transform: translateY(-44%); }
.online .product .target_img_wrap .target_img_inner .target_img:first-child > strong { width: 49%; }
.online .product .target_img_wrap .target_img_inner .target_img .bubble-tip { margin: 20px 0 40px; }
.online .product .target_img_wrap .target_img_inner .target_img > strong { display: inline-block; padding-top: 80px; }
.online .product .target_img_wrap .target_img_inner .target_img .img01 { background: url('/images/home/img_cancer_3100.png') no-repeat 50% 12px; background-size: 40px auto; }
.online .product .target_img_wrap .target_img_inner .target_img .img02 { background: url('/images/home/img_cancer_3200.png') no-repeat 50% 12px; background-size: 41px auto; }
.online .product .target_img_wrap .target_img_inner .target_img .img03 { background: url('/images/home/img_cancer_3300.png') no-repeat 50% 0; background-size: 77px auto; }


/* 대학생 새학기맞이 이벤트 */
.mbtiEvent { width:550px !important; height:973px !important; margin-left:-275px !important; padding:69px 0 30px; box-sizing: border-box; }
.mbtiEvent .area .product-type .info-txt > .bul-note { padding-left: 20px; }
/*.mbtiEvent .check-item label::before { top:0; width: 40px; height: 40px; background-size: 40px 200px; }
.mbtiEvent .check-item input[type="checkbox"]:checked + label::before,
.mbtiEvent .check-item input[type="radio"]:checked + label::before { background-position: 0 -40px; }
.mbtiEvent .check-wrap .check-item label:hover::before,
.mbtiEvent .check-wrap .check-item input[type="checkbox"]:focus + label::before,
.mbtiEvent .check-wrap .check-item input[type="radio"]:focus + label::before { background-position:0 -160px; }*/

/* === 임베디드 시스템 === */
.embeddedStep1 .floating-box { display: none !important; }
.embeddedStep1 .ui-acco-pnl { padding: 68px 25px; }
.online .embeddedStep1 .fclear.mgt6 { margin-top: 40px !important; }  
.online .embeddedStep1 .h4 { font-size: 28px; }
.online .embeddedStep1 .fclear > span { font-size: 22px; }
.embeddedStep1 .tbl-base tbody th,
.embeddedStep1 .tbl-base thead th { font-size: 22px; }
.embeddedStep1 .tbl-base tbody td { font-size: 25px; }
.online .embeddedStep1 .bul-note li { padding-left: 33px; font-size: 25px; }
.online .embeddedStep1 .ul-base.type-dash > li { padding-left: 22px; font-size: 25px; }
.online .embeddedStep1 .ul-base.type-dash li::before { top: 21px; width: 10px; height: 2px !important; }
.online .embeddedStep1 .ul-base.small li { font-size: 22px; }
.online .embeddedStep1 .ul-base.small > li:before { top: 18px; }

.embeddedStep2 .pageTit > i { font-weight: 400; }
.embeddedStep2 .tit  { display: none; }
.online .embeddedStep2 .rowGroup.flex-wrap > div { float: none; width: 100%; margin-right: 0; }
.online .embeddedStep2 .title-wrap .btn-home { display: none; }
.online.pc .embeddedStep3, 
.online.pc .embeddedStep4 {min-height:580px;}

.online.pc .embeddedStep3 .cont-wrap { position: static; left:0; bottom:0; margin-left: 0; padding:0; text-align:left; font-size:14px !important; background-color:transparent;}
.online .embeddedStep4 .title-wrap.complete { padding: 60px 0 200px; background-position: center top 210px; }
.online .embeddedStep4 .bg-effect { top: 200px; }
.online .embeddedStep4 .cont-wrap { position: absolute; left:50%; bottom:0; width:510px; min-height: 430px; margin-left:-250px; padding:250px 0 0 0;  text-align:left; font-size:14px !important; background-color:transparent; }

.btn-wrap-fixed.col2.embedded-btns .btn-base { width: calc(50% - 7px); }
.btn-wrap-fixed.embedded-btns .btn-base { width: 100%; }

#step3SlidePop.ui-modal .ui-modal-inner { padding: 0 40px; }

/* 주소 찾기 */
.newTypeAddr .list-wrap.divide > li { padding: 40px 0 0 0; }

/* 가자고 */
.embeddedStep1.gazago .visual { height: 1357px; }
.embeddedStep1.gazago .visual .box { height: 794px; }
.embeddedStep1.gazago .ui-acco,
.online .embeddedStep1 .foot-txt-box .def-txt  { padding: 0 50px; }
.embeddedStep1.gazago .visual .box .start { display: block; width: 803px; height: 141px; margin: 531px auto 0; }
.online .embeddedStep1 .appOpenBtn { display: none; }
.online .embeddedStep4.gazago .cont-wrap { position: static; left: 0; min-height: auto; margin: 48px auto 0 !important; padding: 0; }
.embeddedStep4 .appGo-btnArea { display: none; }

/* 가자고 레저보장보험 이벤트 상세 */
.embeddedStep1.gazago .visualType2 { height: 1399px; }
.embeddedStep1.gazago .visualType2 .box { height: 794px; }

/* 가자고 미니암보험 상세 */
.embeddedStep1.gazago.mini .visual { height: 1560px; }
.embeddedStep1.gazago.mini .visual .box { height: 987px; }  

/* 20230824 제휴사 퀴즈이벤트 */
.online .main-page.once-type .affiliateQuiz_area .txt-alert { width: 100%; max-width: 650px; font-size: 15px; }

/* 20230824 제휴사 퀴즈이벤트 응모하기 팝업 */
#prmCfmtPop.ui-modal .ui-modal-cont { height:calc(100% - 70px) !important;}
#prmCfmtPop.ui-modal .ui-modal-cont > .scroll-content { height:calc(100% - 30px) !important; }

/* 20231101 약관 질의응답  */
#step5,
#step5 .slider_list { width: 600px; }
#step5 .title-wrap { padding-top: 30px; }

/* 뇌심보장보험 특징 - 20240408 */
.online .product .overflowClear .text-wrap { font-size: 20px; color: #000; }
.online .product .overflowClear .infographic { width: 480px; }
.online .product .overflowClear .infographic .bubble-tip { left: -145px; }

.brainInsureBox { display: flex; padding: 0 40px; }
.brainInsureBox li { flex: 1; }
.brainInsureBox li span { display: block; margin-top: 5px; font-size: 15px; color: #000; font-weight: 700; }
.brainInsureBox li span .line32 { display: none; }
.brainInsureBox.type02 { padding: 0; }

/* kb국민카드 임베디드 */
.kbCardEmbedded .visual .box .info .agree-wrap { margin-top: 60px; }
.kbCardEmbedded .visual .box .info .agree-item input[type="checkbox"] + label { font-size: 28px; }
.kbCardEmbedded .visual .box .info .agree-wrap .agree-item .check-item input[type="checkbox"]+label::before { top: 4px; width: 36px; height: 36px; background-size: 24px; }
.kbCardEmbedded .visual .box .info .agree-wrap .agree-item .utils .btn-txt { font-size: 28px; }

#kbComplate01 { width: 400px !important; height: 280px !important; margin-left: -200px !important; }
#kbComplate01 .ui-modal-inner { height: 100%; padding: 60px 40px 0; text-align: center; } 
#kbComplate01 .ui-modal-inner .displayFlex { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; font-size: 16px; }
#kbComplate01 .ui-modal-inner .displayFlex > strong { font-size: 24px; margin-bottom: 10px; }

/* 임베디드 타입2 - 밀리패스 */
.embeddedType2-Step1 .box .info .agree-wrap { margin-top: 60px; }
.embeddedType2-Step1 .box .info .agree-item input[type="checkbox"] + label { font-size: 28px; }
.embeddedType2-Step1 .box .info .agree-wrap .agree-item .check-item input[type="checkbox"]+label::before { top: 4px; width: 36px; height: 36px; background-size: 24px; }
.embeddedType2-Step1 .box .info .agree-wrap .agree-item .utils .btn-txt { font-size: 28px; }

/* ..... START 20240528 고객 db 수집방안 ..... */
/* 상담신청 팝업 */
#consultApply .flex-wrap { margin-bottom: 0px; }
.online .flex-wrap-col3 > div { width: calc(33.33% - 7px); margin-right: 10px; }
.input-wrap.types-query .radio-wrap.type-tab.col2 > label { width:25%; border-radius:0; border:1px #bdbdbd solid; border-right:0; }
.input-wrap.types-query .radio-wrap.type-tab.col2 > input[type="radio"]:first-child + label { border-radius:7px 0 0 7px; }
.input-wrap.types-query .radio-wrap.type-tab.col2 > label:last-child { border-radius:0 7px 7px 0; border-right:1px #bdbdbd solid; }
.input-wrap.types-query .radio-wrap.type-tab.col2 > input[type="radio"]:checked + label::after { border-radius:0; }
.input-wrap.types-query .radio-wrap.type-tab.col2 > input[type="radio"]:first-child:checked + label::after { border-radius:7px 0 0 7px; }
.input-wrap.types-query .radio-wrap.type-tab.col2 > input[type="radio"]:checked + label:last-child::after { border-radius:0 7px 7px 0; }

/* 청약이탈-본인인증 완료 후 팝업 */
#oneLeave03 .ui-modal-inner, 
#entryLimit02  .ui-modal-inner { padding: 40px 40px 0; }

/* 상담신청 아이콘 위치 변경 및 추가 */
.ui-modal .ui-modal-wrap .ui-modal-header .ui-modal-tit.featureTabin  { position: relative; min-width: 920px; text-align: center; }
.ui-modal .ui-modal-wrap .ui-modal-header .insure-counsel.featureTabin { top: 2px; right: 0; }

/* ..... END 20240528 고객 db 수집방안 ..... */

/* 상품 가입을 위한 중요사항 안내 내용 */
.box.joinDocu p { font-size:13px !important; line-height:1.5;}
.box.joinDocu li h4 { margin-bottom:5px;}
.box.joinDocu li img { margin:15px 0; }
.box.joinDocu .fc-sub-xxs { font-size:11px !important; }
.box.joinDocu .bul-note { font-size:12px !important; }
.box.joinDocu .tbl-base tbody td { height:auto; padding:8px 0px; text-align:center; }
.online.join .step-inner #step4 .cont.narrow { margin-top:10px !important;}
.online.join .step-inner #step4 .cont.narrow p { line-height:1.5 !important;}