@charset "UTF-8";
/*기본*/
/*.btn.basicBtn{background: var(--color-200);color: var(--color-600);}*/
.btn.basicBtn{background: #F4F4F5; color: #2E2E334D;}

/* 색상 별 정리 */
.type-yellow .sub-banner{background-color: #FFE389}
.type-yellow .sub-banner__btn{color: var(--sub-yellow-200)}
.type-yellow .btn.basicBtn:not(:disabled){background: var(--sub-yellow-150); color: #000;}
.type-yellow .main .comBox:hover{border-color: var(--sub-yellow-150)}
.type-yellow .comBox-btn.btn-line{border-color: var(--sub-yellow-150) }
.type-yellow .comBox-btn.full-btn{background: var(--sub-yellow-150) }
.type-yellow .category-list .btn.active{background: var(--sub-yellow-50); color: var(--sub-yellow-300)}
.type-yellow .bbs .paging .paging_ul .paging_li.paging_li_active{background: var(--sub-yellow-150); border-color: var(--sub-yellow-150)}
.type-yellow .check-select input[type="radio"]:checked + label{background: var(--sub-yellow-150)}
.type-yellow .checkbox-basic input[type=checkbox]:checked + label::before{background-color: var(--sub-yellow-150)}
.type-yellow .subMenu-tag{color: var(--sub-yellow-200)}
.type-yellow .comBox-numList .num{background: var(--sub-yellow-150); color: #fff;}
.type-yellow .comBox .border{border: 1px solid var(--sub-yellow-150)}
.type-yellow .colorTxt{color: var(--sub-yellow-200)}
.type-yellow .comBox-table table th{background-color: var(--sub-yellow-10)}
.type-yellow .comBox-table{border-top: 1px solid var(--sub-yellow-150); border-bottom: 1px solid var(--sub-yellow-150)}
.type-yellow .guide-btn .btn{background: var(--sub-yellow-50); color: var(--sub-yellow-300)}
.type-yellow .radio-cir02 input[type=radio]:checked + label::after{background: var(--sub-yellow-150)}
.type-yellow .btn.confirmBtn:not(:disabled){background-color: var(--sub-yellow-150); color: #000}


.type-red .sub-banner{background-color: var(--sub-red-100)}
.type-red .sub-banner__btn{color: var(--sub-red-200)}
.type-red .btn.basicBtn:not(:disabled){background: var(--sub-red-150); color: #000;}
.type-red .main .comBox:hover{border-color: var(--sub-red-150)}
.type-red .comBox-btn.btn-line{border-color: var(--sub-red-150) }
.type-red .comBox-btn.full-btn{background: var(--sub-red-150) }
.type-red .category-list .btn.active{background: var(--sub-red-50); color: var(--sub-red-200)}
.type-red .bbs .paging .paging_ul .paging_li.paging_li_active{background: var(--sub-red-150); border-color: var(--sub-red-150)}
.type-red .check-select input[type="radio"]:checked + label{background: var(--sub-red-150)}
.type-red .checkbox-basic input[type=checkbox]:checked + label::before{background-color: var(--sub-red-150)}
.type-red .subMenu-tag{color: var(--sub-red-150)}
.type-red .comBox-numList .num{background: var(--sub-red-150); color: #fff;}
.type-red .comBox .border{border: 1px solid var(--sub-red-150)}
.type-red .colorTxt{color: var(--sub-red-150)}
.type-red .comBox-table table th{background-color: var(--sub-red-10)}
.type-red .comBox-table{border-top: 1px solid var(--sub-red-150); border-bottom: 1px solid var(--sub-red-150)}
.type-red .guide-btn .btn{background: var(--sub-red-50); color: var(--sub-red-200)}
.type-red .radio-cir02 input[type=radio]:checked + label::after{background: var(--sub-red-150)}
.type-red .btn.confirmBtn:not(:disabled){background-color: var(--sub-red-150); color: #000}


.type-mint .sub-banner{background-color: var(--sub-mint-100)}
.type-mint .sub-banner{background-color: var(--sub-mint-100)}
.type-mint .sub-banner__btn{color: var(--sub-mint-200)}
.type-mint .btn.basicBtn:not(:disabled){background: var(--sub-mint-150); color: #000;}
.type-mint .main .comBox:hover{border-color: var(--sub-mint-150)}
.type-mint .comBox-btn.btn-line{border-color: var(--sub-mint-150) }
.type-mint .comBox-btn.full-btn{background: var(--sub-mint-150) }
.type-mint .category-list .btn.active{background: var(--sub-mint-50); color: var(--sub-mint-200)}
.type-mint .category-list .check-select input[type="radio"]:checked + label{background: var(--sub-mint-50); color: var(--sub-mint-200)}
.type-mint .category-list .check-select input[type="radio"] + label{    background: var(--color-100);color: var(--color-600); min-width: 125px; width: auto; padding: 2px 25px;text-align: center;}
.type-mint .bbs .paging .paging_ul .paging_li.paging_li_active{background: var(--sub-mint-150); border-color: var(--sub-mint-150)}
.type-mint .check-select input[type="radio"]:checked + label{background: var(--sub-mint-150)}
.type-mint .checkbox-basic input[type=checkbox]:checked + label::before{background-color: var(--sub-mint-150)}
.type-mint .subMenu-tag{color: var(--sub-mint-150)}
.type-mint .comBox-numList .num{background: var(--sub-mint-150); color: #fff;}
.type-mint .comBox .border{border: 1px solid var(--sub-mint-150)}
.type-mint .colorTxt{color: var(--sub-mint-150)}
.type-mint .comBox-table table th{background-color: var(--sub-mint-10)}
.type-mint .comBox-table{border-top: 1px solid var(--sub-mint-150); border-bottom: 1px solid var(--sub-mint-150)}
.type-mint .guide-btn .btn{background: var(--sub-mint-50); color: var(--sub-mint-200)}
.type-mint .radio-cir02 input[type=radio]:checked + label::after{background: var(--sub-mint-150)}
.type-mint .main-banner{background-color: #86E9D3}
.type-mint .card.card-border{border-color: var(--sub-mint-150)}
.type-mint .quick-menu > li p::after{background: radial-gradient(50% 50% at 50% 50%, rgba(94, 208, 183, 0.60) 0%, rgba(94, 208, 183, 0.00) 100%);}
.type-mint .counsel-profile__top p b::after{background: radial-gradient(50% 50% at 50% 50%, rgba(111, 233, 205, 0.60) 0%, rgba(111, 233, 205, 0.00) 100%);}
.type-mint .btn.confirmBtn:not(:disabled){background-color: var(--sub-mint-150); color: #000}


.type-green .sub-banner{background-color: var(--sub-green-100)}
.type-green .sub-banner{background-color: var(--sub-green-100)}
.type-green .sub-banner__btn{color: var(--sub-green-200)}
/*.type-green .btn.basicBtn:not(:disabled){background: var(--sub-green-150); color: #000;}*/
.type-green .main .comBox:hover{border-color: var(--sub-green-150)}
/*.type-green .comBox-btn.btn-line{border-color: var(--sub-green-150) }*/
.type-green .comBox-btn.full-btn{background: var(--sub-green-150) }
.type-green .category-list .btn.active{background: var(--sub-green-50); color: var(--sub-green-200)}
.type-green .bbs .paging .paging_ul .paging_li.paging_li_active{background: var(--sub-green-150); border-color: var(--sub-green-150)}
.type-green .check-select input[type="radio"]:checked + label{background: var(--sub-green-150)}
.type-green .checkbox-basic input[type=checkbox]:checked + label::before{background-color: var(--sub-green-150)}
.type-green .subMenu-tag{color: var(--sub-green-150)}
.type-green .comBox-numList .comBox {border: 1px solid #66BB77; box-shadow: 0px 1px 24px 0px #66BB773D;}
.type-green .comBox-numList .num{/*background: var(--sub-green-150); color: #fff;*/background: #E9F7E0;}
.type-green .comBox-numList > li:nth-child(1) .num i {background-image: url("../../images/user/sub/green-num1.png");}
.type-green .comBox-numList > li:nth-child(2) .num i {background-image: url("../../images/user/sub/green-num2.png");}
.type-green .comBox-numList > li:nth-child(3) .num i {background-image: url("../../images/user/sub/green-num3.png");}
.type-green .comBox-numList > li:nth-child(4) .num i {background-image: url("../../images/user/sub/green-num4.png");}
.type-green .comBox-numList.flex > li:not(:last-child)::before {background-image: url("../../images/user/sub/ico-arrow_green.png");}
.type-green .comBox-numList > li:hover {background: #EDFFEB;}
.type-green .comBox .border{border: 1px solid var(--sub-green-150)}
.type-green .colorTxt{color: var(--sub-green-150)}
.type-green .comBox-table table th{background-color: var(--sub-green-10)}
.type-green .comBox-table{border-top: 1px solid var(--sub-green-150); border-bottom: 1px solid var(--sub-green-150)}
.type-green .guide-btn .btn{background: var(--sub-green-50); color: var(--sub-green-200)}
.type-green .radio-cir02 input[type=radio]:checked + label::before {border: 6px solid #66BB77;}
.type-green .radio-cir02 input[type=radio]:checked + label::after{/*background: var(--sub-green-200)*/border:0;}
.type-green .main-banner{background-color: var(--sub-green-100)}
.type-green .card.card-border{/*border-color: var(--sub-green-150)*/ border-color: #E4E4E7CC;}
.type-green .card.card-border:hover {border-color: #66BB77;}
.type-green .card.card-border:hover .ex-process {background: #E9F7E0;}
.type-green .quick-menu > li p::after{background: radial-gradient(50% 50% at 50% 50%, rgba(116, 233, 111, 0.60) 0%, rgba(116, 233, 111, 0.00) 100%);}
.type-green .counsel-profile__top p b::after{background: radial-gradient(50% 50% at 50% 50%, rgba(116, 233, 111, 0.60) 0%, rgba(116, 233, 111, 0.00) 100%);}
/*.type-green .btn.confirmBtn:not(:disabled){background-color: var(--sub-green-150); color: #000}*/
.type-green .bbstb .bbstb_ .bbstb_thead .bbstb_tr{background: var(--sub-green-10); border-top-color: var(--sub-green-150)}
.type-green .list_ex1{border-bottom-color: var(--sub-green-150)}
.type-green .thead .bbstb_tr{background: var(--sub-green-10); border-top-color: var(--sub-green-150);}
.type-green .board-detl .title-bar{border-bottom-color: var(--sub-green-150)}
.type-green .bbs-view .btn.confirmBtn:not(:disabled) {color: #fff;}
.type-green .main-tit.tit-bg::after{background: radial-gradient(50% 50% at 50% 50%, rgba(160, 244, 143, 0.60) 0%, rgba(160, 244, 143, 0.00) 100%);}


.type-purple .sub-banner{background-color: var(--sub-purple-100)}
.type-purple .sub-banner__btn{color: var(--sub-purple-200)}
.type-purple .btn.basicBtn:not(:disabled){background: var(--sub-purple-150); color: #000;}
.type-purple .main .comBox:hover{border-color: var(--sub-purple-150)}
.type-purple .comBox-btn.btn-line{border-color: var(--sub-purple-150) }
.type-purple .comBox-btn.full-btn{background: var(--sub-purple-150) }
.type-purple .category-list .btn.active{background: var(--sub-purple-50); color: var(--sub-purple-200)}
.type-purple .bbs .paging .paging_ul .paging_li.paging_li_active{background: var(--sub-purple-150); border-color: var(--sub-purple-150)}
.type-purple .check-select input[type="radio"]:checked + label{background: var(--sub-purple-150)}
.type-purple .checkbox-basic input[type=checkbox]:checked + label::before{background-color: var(--sub-purple-150)}
.type-purple .subMenu-tag{color: var(--sub-purple-200)}
.type-purple .comBox-numList .num{background: var(--sub-purple-150); color: #fff;}
.type-purple .comBox .border{border: 1px solid var(--sub-purple-150)}
.type-purple .colorTxt{color: var(--sub-purple-200)}
.type-purple .comBox-table table th{background-color: var(--sub-purple-10)}
.type-purple .comBox-table{border-top: 1px solid var(--sub-purple-150); border-bottom: 1px solid var(--sub-purple-150)}
.type-purple .radio-cir02 input[type=radio]:checked + label::after{background: var(--sub-purple-150)}
.type-purple .btn.confirmBtn:not(:disabled){background-color: var(--sub-purple-150); color: #000}
.type-purple .btn.search{background: var(--sub-purple-150)}
.type-purple .board-detl .title-bar{border-bottom-color: var(--sub-purple-150)}
.type-purple .bbs-view .btn.confirmBtn:not(:disabled) {color: #fff;}
.type-purple .bbsBar{border-bottom-color: var(--sub-purple-150)}


.type-blue .sub-banner{background-color: #54b6d91f; background-image: url("../../images/user/sub/type-blue_bg.png");}
.type-pink .sub-banner{background-color: #FFEAEA; background-image: url("../../images/user/sub/type-pink_bg.png");}
.type-green .sub-banner{background-color: #E9F7E0 ; background-image: url("../../images/user/sub/type-green_bg.png");}
.type-orange .sub-banner{background-color: #FFF1DA; background-image: url("../../images/user/sub/type-orange_bg.png");}

.type-pink .checkbox-basic input[type=checkbox]:checked + label::before {background-color: #FF8B94;}
.type-pink .check-select input[type="radio"]:checked + label,
.type-pink .btn.basicBtn.active {border: 1px solid #FF8B94; background: #FFEAEA; color: #FF8B94;}
.type-pink .confirm-box .form-input__wrap .insurance-age span {color: #FF8B94;}
.type-pink .required, .type-pink .confirm-box .insurance-age span {color: #FF8B94;}
.type-pink .comBox-table table th {background: #FFF6F7;}
.type-pink .comBox-table {border-top: 1px solid #FF8B94; border-bottom: 1px solid #FF8B94;}
.type-pink .comBox-btn.full-btn,
.type-pink .confirm-box .btn.confirmBtn {background: #FF8B94;}
.type-pink .infoBox {border: 2px dashed rgba(255, 139, 148, 0.50);}
.type-pink .infoBox .infoBox-tit {color: #FF8B94;}


.type-green .checkbox-basic input[type=checkbox]:checked + label::before {background-color: #66BB77;}
.type-green .check-select input[type="radio"]:checked + label,
.type-green .btn.basicBtn.active {border: 1px solid #66BB77; background: #E9F7E0; color: #66BB77;}
.type-green .confirm-box .form-input__wrap .insurance-age span {color: #66BB77;}
.type-green .required, .type-green .confirm-box .insurance-age span {color: #66BB77;}
.type-green .comBox-table table th {background: #E8F5E9;}
.type-green .comBox-table {border-top: 1px solid #66BB77; border-bottom: 1px solid #66BB77;}
.type-green .comBox-btn.full-btn,
.type-green .confirm-box .btn.confirmBtn {background: #66BB77;}
.type-green .infoBox {border: 2px dashed #66BB7780;}
.type-green .infoBox .infoBox-tit {color: #66BB77;}

/* bg */
.bg-mint-50{background-color: var(--sub-mint-50) !important}
.bg-blue-50{background-color: var(--sub-blue-50) !important}


/* color */
.color-mint-200{color: var(--sub-mint-200) !important}
.color-blue-200{color: var(--sub-blue-200) !important}

/* ico */
i.ico {background-repeat: no-repeat; background-size: contain;}

/* quick-menu */
.quick-menu {display: flex;position: relative;z-index: 1;gap: 25px;}
.quick-menu.fullScreen > li{flex: 1;}
.quick-menu > li{width: 136px; text-align: center}
.quick-menu > li img{max-width: 130px;}
.quick-menu > li p{position: relative;color: var(--color-800);text-align: center;font-size: 20px;font-weight: 500;margin-top: 8px;word-break: auto-phrase;}
.quick-menu > li p::after{opacity: 0;visibility: hidden;transition: .4s;content: '';position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);width: 130px; height: 18px;background: radial-gradient(50% 50% at 50% 50%, rgba(116, 233, 111, 0.60) 0%, rgba(116, 233, 111, 0.00) 100%);z-index: -1;}
.quick-menu > li > a:hover p,
.quick-menu > li > a.active p{font-weight: 700; color: #000;}
.quick-menu > li > a:hover p::after,
.quick-menu > li > a.active p::after{opacity: 1; visibility: visible}



/* top_location */
.top_location { margin-top: 30px; position: relative; }
.top_location ul { display: flex; justify-content: left; }
.top_location li { display: inline-block; position: relative; font-size: 16px; opacity: .5; }
.top_location li:not(:first-child) { padding-left: 10px; margin-left: 10px; }
.top_location li:not(:first-child):after, .top_location li:not(:first-child):before { content: ""; position: absolute; height: 1px; width: 6px; background: #757575; right: 100%; top: 6px; display: block; transition: all 0.2s; }
.top_location li:not(:first-child):after { margin-right: -3px; margin-top: 5px; transform: rotate(-45deg); }
.top_location li:not(:first-child):before { transform: rotate(45deg); margin-right: -3px; }

/* form-box */
.row{display: flex; gap: 10px}
.form-col.row{ align-items: end;}
.row-2 > *{flex: 1;}
.row-2 .form-row + .form-row{margin-top: 0;}
.row-3 .form-row + .form-row{margin-top: 0;}
.confirm-box{background: #fff;padding: 24px;border-radius: 24px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);*/}
.confirm-box.style02 {background: rgba(110, 110, 118, 0.05); box-shadow: unset;}
.confirm-box.style02 .checkbox-basic {margin: 0;}
.confirm-box > ul {display: flex; flex-direction: column; gap: 12px;}
.confirm-box > ul > li {display: flex; align-items: center; gap: 16px; font-size: 18px;}
.confirm-box > ul > li .th {display: flex; align-items: center; gap: 8px; font-weight: 700; color: rgba(46, 46, 51, 0.90);}
.confirm-box > ul > li .th i {width: 24px; height: 24px;}
.confirm-box > ul > li .th i.ico-map {background-image: url("../../images/user/sub/ico-map.png");}
.confirm-box > ul > li .th i.ico-fax {background-image: url("../../images/user/sub/ico-fax.png");}
.confirm-box > ul > li .th i.ico-cs {background-image: url("../../images/user/sub/ico-cs.png");}

.form-input__wrap input,
.form-input__wrap select{border-radius: 10px;border: 1px solid var(--color-200);background-color: #fff; height: 50px;font-size: 18px; color: var(--color-800); font-weight: 500;}
.form-input__wrap input[readonly],
.form-input__wrap input[disabled]{color: var(--color-800) !important; font-weight: 600; background: var(--color-100) !important;}
.form-input__tit{flex: none;font-size: 18px;font-weight: 700;margin-bottom: 10px;display: block;}
.form-input__tit.bg-gray{padding: 15px 20px; border-radius: 10px; margin-bottom: 15px;}
.form-input__tit.small {font-weight: normal;}
.form-input__tit i.ico-star_green {width: 32px; height: 32px; display: inline-block; background-image: url("../../images/user/sub/ico-star_green.png");}
.form-input__tit:has(i) {display: flex; align-items: center; gap: 4px;}
.form-row + .form-row{margin-top: 12px}
.form-col + .form-col{margin-top: 24px}
.form-input-btn{display: flex; align-items: end; gap: 12px}
.form-button-group{flex: none;}
.form-input-tel + .form-input-tel{margin-top: 10px;}
.form-inner__txt{color: var(--color-600)}
.form-inner__txt b{color: var(--color-800)}
.btn.basicBtn.active{background: #E6F6FF; border: 1px solid #52B5D9; color: #52B5D9;}
.required{color: #52B5D9;}
.no-required {color: #2e2e334d;}
.txt-line{text-decoration: underline}
.form-box .btn.confirmBtn{margin-top: 25px;}
.form-box .checkbox-basic{margin-top: 25px;}
.form-box .checkbox-basic.bg-gray{padding: 21px 30px; border-radius: 10px; margin-top: 30px;}
.form-box .checkbox-basic label{font-weight: 500}
.form-box .checkbox-basic.txt-big label{font-size: 18px;}
.form-box .checkbox-basic .btn{margin-left: 10px;}
.form-box .confirm-box .checkbox-basic + .checkbox-basic {margin-top: 18px;}
.form-box .confirm-box .checkbox-basic + .form-row {margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(228, 228, 231, 0.80);}
.confirm-box + .confirm-box {margin-top: 24px;}
.confirm-box + .btn.confirmBtn, .bbsCard + .btn.confirmBtn {margin-top: 64px;}
.confirm-counsel.confirm-box{padding: 50px 40px;}
.confirm-counsel.confirm-box + .confirm-counsel.confirm-box{margin-top: 80px}
.confirm-counsel.confirm-box .confirmBtn{margin-top: 40px;}
.confirm-counsel .form-col + .form-col{margin-top: 24px;}
.confirm-counsel .info-box{margin-top: 24px;}
.confirm-counsel .btn.confirmBtn.active{background: var(--color-800); color: #fff;}
.confirm-aply.confirm-box{margin-top: 80px; display: flex; align-items: center; padding: 50px 40px;}
.confirm-aply.confirm-box > * {flex: 1;}
.confirm-aply .left-area{position: relative;padding-right: 40px;margin-right: 40px;}
.confirm-aply .left-area::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px;height: calc(100% - 100px); border-right: 2px solid var(--color-200)}
.confirm-aply .left-tit {font-size: 38px;font-weight: 700;margin-bottom: 20px;}
.confirm-aply .left-cont {font-size: 22px; font-weight: 500; line-height: 1.5; color: var(--color-800);margin-bottom: 20px;}
.confirm-aply .free-call{align-items: end; gap: 20px;}
.confirm-aply .free-call__txt{margin-bottom: 31px;}
.confirm-aply .free-call__btn {display: inline-flex;align-items: center; gap: 6px; padding: 10px 22px;background: var(--sub-blue-50);border-radius: 10px;font-weight: 700;font-size: 22px;margin-bottom: 10px; color: var(--sub-blue-200)}
.confirm-aply .free-call__phone {font-size: 38px;font-weight: 600;}
.confirm-aply.confirm-box .btn.confirmBtn{margin-top: 19px;}
.confirm-box .btn{flex: none;}
.confirm-aply .btn.confirmBtn.active{background: var(--sub-blue-150); color: #000}
.confirm-box.type02{border-radius: 20px; padding: 30px 40px;}
.confirm-box.type02 .comBox-cont{font-size: 18px; margin-top: 0;}
.form-box .btn.medium,
.confirm-aply .btn.medium {min-width: 98px;}
.confirm-box.confirm-counsel .btn.medium{min-width: 153px;}

/* slide */
.swiper-control{display: flex; align-items: center; gap: 20px;}
.swiper-control__btn{gap: 20px;}
.slide-btn{width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.2)}
.slide-btn.swiper-prev i{background: url("/assets/images/ico/ico_slide_prev.svg") no-repeat 50% / cover; width: 11px; height: 18px;}
.slide-btn.swiper-next i{background: url("/assets/images/ico/ico_slide_next.svg") no-repeat 50% / cover; width: 11px; height: 18px;}
.more-btn i{background: url("/assets/images/ico/ico-plus.svg") no-repeat 50% / cover;width: 24px;height: 24px;}

/* comBox */
.comBox{transition: .4s;border-radius: 40px;background: #fff;box-shadow: 0px 4px 16px 0px #1D1D2014; padding: 40px;border: 2px solid #fff;}
.comBox-wrap{position: relative;min-height: 159px;}
.comBox-wrap.non-select{    display: flex;justify-content: center;align-items: center;font-weight: 600;font-size: 20px;color:var(--sub-mint-150)}
.comBox-img{width: 100%;height: 100px;}
.comBox-img img{width: 100%;height: 100%;border-radius: 20px;object-fit: contain;}
.comBox-cont{font-size: 18px; font-weight: 500; line-height: 1.5; color: var(--color-600)}
.comBox-bottom {margin-top: 24px; display: flex; align-items: flex-end; justify-content: space-between;}
.comBox-bottom .comBox-tag__wrap {display: flex; flex-direction: column; gap: 8px; flex: none;}
.comBox-bottom .comBox-tag__wrap .comBox-tag {padding: 3px 12px; border-radius: 6px; background: #6E6E761A; color: #2E2E3399; display: flex; align-items: center; justify-content: center; width: fit-content;}
.comBox-bottom .comBox-tag__wrap .comBox-tag.hit {background: #52B5D9;}
.comBox-bottom .comBox-tag__wrap .comBox-tag.hit i {display: inline-block; width: 29px; height: 15px; background-image: url("../../images/user/main/comBox-hit.png"); background-repeat: no-repeat; background-size: contain;}
.comBox-bottom .comBox-img {width: 100px; height: 100px;}
.comBox-bottom .comBox-img i {display: inline-block; width: 100px; height: 100px; background-repeat: no-repeat; background-size: contain;}
.comBox-bottom .comBox-img i.ico-heart {background-image: url("../../images/user/main/ico-heart.png");}
.comBox-bottom .comBox-img i.ico-note2 {background-image: url("../../images/user/main/ico-note2.png");}
.comBox-bottom .comBox-img i.ico-hospital {background-image: url("../../images/user/main/ico-hospital.png");}
.comBox-tag{padding: 5px 12px; border-radius: 6px;background: rgba(110, 110, 118, 0.10); display: inline-flex; align-items: center; color: rgba(46, 46, 51, 0.60);font-size: 16px;font-weight: 500; height: 30px;}
.comBox-subTit{color: var(--color-600);font-size: 22px;font-weight: 500; margin-bottom: 12px;}
.comBox.comBox-tit {padding: 30px;border-radius: 20px;}
.comBox-tit{font-size: 30px;font-weight: 500;line-height: 1.4; gap: 10px;}
.comBox-tit.tit-big{font-size: 24px; font-family: 'Pretendard'; font-weight: 700;}
.comBox-tit.tit-small{font-size: 28px;}
.comBox-tit.tit-xs{font-size: 22px;}
.comBox-tit + .comBox-img{margin: 6px 0 10px;}
.comBox-img.img-small{width: auto; margin: -20px 0 0;}
.comBox-img.img-small img{max-width: 216px;}
.comBox-linkTxt{display: flex; justify-content: right; width: 100%; color: var(--color-800);font-size: 20px;font-weight: 500;}
.comBox-linkTxt i{margin-left: 12px;}
.comBox-top__wrap{margin-bottom: 30px;}
.main .comBox:hover{border: 2px solid #FF8B94;}
.comBox-list{display: flex;}
.comBox-list > li{width: 440px;}
.comBox-list > li:not(:last-child){margin-right: 30px;}
.comBox-tag__wrap {font-size: 0;display: flex;gap: 8px 10px;flex-wrap: wrap; min-height: 60px; align-content: flex-start;}
.container .btn-wrap{margin-top: 40px;}
.container .btn-wrap .btn{flex: 1;}
.container .btn-wrap .btn + .btn{margin-top: 0; margin-left: 20px;}
.comBox-btn{height: 56px; border-radius: 12px; font-size: 18px; font-weight: 700;}
.comBox-btn:disabled{border-radius: 15px;}
.comBox-btn.btn-line{border: 1px solid rgba(212, 212, 216, 0.80);}
.comBox-btn.full-btn{background: #52B5D9; color: #fff;}
.comBox-subTxt{font-size: 14px; color: rgba(46, 46, 51, 0.30);}
.comBox-caution{font-size: 16px; font-weight: 600; color: rgba(0,0,0,0.6)}
.comBox-flex{gap: 30px;}
.comBox-flex + .comBox-flex{margin-top: 60px;}
.comBox.flex-item{background-color: transparent;border: transparent;overflow: hidden;}
.comBox.flex-item:hover{border: 0;}
.comBox-flex .flex-item-2{width: 62%; padding: 50px 30px;}
.comBox-flex .flex-item-1{width: calc(100% - 62%); padding: 40px 30px;}
.comBox-flex .flex-item-2 .comBox-tit{font-size: 36px;}
.comBox-flex .comBox-tit{margin-bottom: 30px;}
.comBox-bg{position: relative;background-repeat: no-repeat;background-size: 100%  auto;background-position: bottom;background-image: url("/assets/images/user/sub/bg-flower.png");}
.comBox-bg::before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 400px; background: linear-gradient(180deg, rgba(255, 219, 232, 0.00) 0%, #FFDBE8 100%); z-index: -1;}
.form-info__list > div{display: flex; align-items: center;}
.form-info__list > div + div{margin-top: 12px;}
.form-info__list .comBox-tag{font-size: 16px;padding: 8px 20px;border-radius: 5px;margin-bottom: 0;flex: none;}
.form-info__list .info{font-size: 16px;font-weight: 600;color: var(--color-800);margin-left: 15px;line-height: 1.5;}
.comBox-flex .comBox-subTit{font-size: 28px; font-weight:700; line-height: 1.57;}
.comBox-flex .comBox-spec{margin-top: 30px;}
.comBox-flex .comBox-spec p{font-size: 18px; font-weight: 500; color: var(--color-800); line-height: 1.5;}
.comBox-flex .comBox-spec p + p{margin-top: 20px;}
.comBox-table{margin-top: 20px; border-top: 1px solid #52B5D9; border-bottom: 1px solid #52B5D9;}
.comBox-table table th,
.comBox-table table td{height: 48px; border: 1px solid var(--color-200); text-align: center;}
.comBox-table table th {background: #F3FAFF;}
.comBox-table table td{font-weight: 500; color: rgba(46, 46, 51, 0.90); padding: 12px 20px;  line-height: 1.5;}
.comBox-table table th:first-child,
.comBox-table table td:first-child{border-left: 0;}
.comBox-table table th:last-child,
.comBox-table table td:last-child{border-right: 0;}
.comBox-table table td p{ line-height: 1.5;}
.comBox-table table td p + p{margin-top: 10px;}
.comBox-table table td a i.ico-outlink {width: 16px; height: 16px; display: inline-block; margin-left: 2px; background-image: url("../../images/user/sub/ico-outlink.svg");}
.compare-result .comBox-table tr td:nth-child(2),
.compare-result .comBox-table tr td:nth-child(3),
.compare-result .comBox-table tr td:nth-child(4) {width: 416px; /* 3칸 기준 */}

.guide-btn{font-size: 0;}
.guide-btn .btn{display: inline-flex;padding: 12px 22px;justify-content: center;align-items: center; border-radius: 10px; font-size: 20px; font-weight: 700;}
.guide-btn .btn + .btn{margin-left: 15px}
.toggle-box{border-radius: 10px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding: 0 30px;}
.toggle-box + .toggle-box{margin-top: 24px;}
.toggle-head{padding: 20px 0; display: flex; align-items: center; justify-content: space-between; cursor: pointer}
.toggle-head .toggle-btn{width: 40px;height: 40px;flex: none;}
.toggle-head .toggle-btn span{display: flex;}
.toggle-head .toggle-btn span::before,
.toggle-head .toggle-btn span::after{content: '';width: 14px;height: 2px;background: var(--color-700);  transition: .4s;}
.toggle-head .toggle-btn span::before{transform: rotate(45deg);}
.toggle-head .toggle-btn span::after{transform: rotate(-45deg);margin-left: -5px;}
.toggle-head.active .toggle-btn span::before{transform: rotate(-45deg)}
.toggle-head.active .toggle-btn span::after{transform: rotate(45deg)}
.toggle-tit{gap: 14px; display: flex; align-items: center;}
.toggle-tit .tit{font-size: 24px;}
.toggle-tit .subTit{font-size: 18px; font-weight: 600; color: var(--color-600);}
.toggle-body{padding-bottom: 30px; display: none;}
.border-t-200{border-top: 1px solid var(--color-200)}
.toggle-body .comBox-tit{font-size: 22px; margin-bottom: 10px;}
.toggle-cont{margin-top: 30px;line-height: 1.6;}
.toggle-sub-cont{overflow-x: auto;}
.toggle-sub-cont img{max-width: 100%; height: auto;}
.spec-info{padding: 30px 40px;border-radius: 20px;background: var(--color-100);overflow:auto;}
.spec-info *{max-width: 100% !important; box-sizing: border-box;}
.spec-info img{width: auto !important; height: auto !important;}
.spec-info table{width: 100% !important;}
.spec-info p{color: var(--color-600);font-size: 18px;font-weight: 500;line-height: 1.5;}
.spec-info__tit{margin-bottom: 10px;}
.spec-info + .spec-info{margin-top: 12px;}
.table-caution{margin-top: 8px;}
.table-caution p{font-size: 14px; font-weight: 500; color: var(--color-600); line-height: 1.57;}
.table-caution p + p{margin-top: 4px;}
.toggle-cont table td {padding: 5px 10px !important;}

.comBox-numList{}
.comBox-numList > li{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;}
.comBox-numList > li + li{margin-top: 24px;}
.comBox-numList .comBox{padding: 20px; border-radius: 24px; font-size: 18px; line-height: 1.45; text-align: center; border: 1px solid #FF8B94; box-shadow: 0 1px 24px 0 rgba(255, 139, 148, 0.24);}
.comBox-numList .num {display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 999px; background: #FFEAEA; flex: none;}
.comBox-numList .num i {width: 24px; height: 24px; flex: none; background-size: contain; background-position: center;}
.comBox-numList > li:nth-child(1) .num i {background-image: url("../../images/user/sub/pink-num1.png");}
.comBox-numList > li:nth-child(2) .num i {background-image: url("../../images/user/sub/pink-num2.png");}
.comBox-numList > li:nth-child(3) .num i {background-image: url("../../images/user/sub/pink-num3.png");}
.comBox-numList > li:nth-child(4) .num i {background-image: url("../../images/user/sub/pink-num4.png");}
.comBox-numList > li:nth-child(5) .num i {background-image: url("../../images/user/sub/pink-num5.png");}
.comBox-numList > li:hover {background: #FFEAEA;}
.comBox-numList > li:hover .num {background: #fff;}
.comBox-numList.flex {display: flex; gap: 64px;}
.comBox-numList.flex > li {position: relative; flex: 1;}
.comBox-numList.flex > li:not(:last-child)::before {content: ''; width: 32px; height: 32px; background-image: url("../../images/user/sub/ico-arrow_pink.png"); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; right: -50px; transform: translateY(-50%);}
.comBox-numList.flex > li + li{margin-top: 0; margin-left: 0;}
.comBox-numList.form {gap: 24px;}
.comBox-numList.form li::before {content: unset !important;}
.comBox-numList.form li:hover {background: unset;}
.comBox-numList.form label {width: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 24px; font-size: 24px; font-weight: 500;}
.comBox-numList.form label img {max-width: 100%; height: 40px; }
.comBox-numList.form input[type="radio"]:checked + label {background: #66BB77; color: #fff;}
.comBox-numList.form input[type="radio"] + label::before, .comBox-numList.form input[type="radio"] + label::after {content: unset;}

/* tab-menu */
.tab-cont{display: none}
.tab-cont.active{display: block;}
.tab-cont .tab-cont-area {}
.tab-cont .tab-cont-area + .tab-cont-area {margin-top: 64px;}

/* sub-banner */
.sub-banner{padding: 30px 0; display: flex; flex-direction: column;align-items: center; justify-content: center; height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #54b6d91f; background-image: url("../../images/user/sub/type-blue_bg.png");}
.sub-banner .top_location{margin: 0 auto;}
.sub-banner .top_location .ico-home {width: 32px; height: 32px; background-image: url("../../images/user/sub/ico-home.png");}
.sub-banner .top_location ul {display: flex; align-items: center; justify-content: center;}
.sub-banner .top_location ul > li:last-child {font-weight: 500; opacity: 0.8;}
.sub-banner .top_location .top_tit {font-size: 40px; font-family: 'BMDOHYEON'; line-height: 1.5; text-align: center; margin-top: 40px; word-break: keep-all;}

.sub-banner.type02{margin-top: 60px; padding: 26px 0 22px;}
.sub-banner.type02 .sub-banner__wrap{margin-top: 0;}
.sub-banner.type02 .inner{gap: 110px}
.sub-banner.type02 .sub-banner__l{margin-top: 0;}
.sub-banner.type02 .sub-banner__r{max-width: 100%;}
.subMenu-tag{font-size: 18px; font-weight: 700; display: inline-flex;padding: 10px 22px;justify-content: center;align-items: center;gap: 10px;border-radius: 10px;background: #fff;}
.subMenu-img{width: 210px;height: 70px;background: #fff;border-radius: 15px;overflow: hidden;padding: 5px;display: flex;align-items: center;justify-content: center;}
.subMenu-img img{max-width: 65%;max-height: 100%;width: auto;height: auto;transition: 0.4s;object-fit: cover;}
.subMenu-tag + .subMenu-img{margin-top: 12px;}
.sub-banner.type02 .comBox-subTxt{color: rgba(0,0,0,0.5); font-weight: 500;}
.sub-banner.type02 .comBox-tit{font-size: 22px; margin-top: 6px;}
.sub-banner.type02 .comBox-caution{margin-top: 48px;}
.sub-banner.type02.type02_ .sub-banner__l{margin-top: 0;}
.sub-banner.type02.type02_ .sub-banner__r{width: auto;}
.sub-banner.type02.type02_ .comBox-tit{font-size: 32px;}
.sub-banner.type02.type02_ .comBox-subTxt{margin-top: 20px; font-size: 20px; color: var(--color-800); line-height: 1.6;}
.sub-banner.type02.type02_ .inner{gap: 20px;}
.sub-banner.type02.type02_ .inner.gap-80{gap: 80px;}
.sub-banner.type02.type02_.type02_slide .inner > *{flex: 1;}
.sub-banner.type02.type02_slide{padding: 78px 0;}
.sub-banner.type02_slide .sub-banner__r img {width: 600px;border-radius: 40px;}
.sub-banner.type02_slide .slide-btn{position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;}
.sub-banner.type02_slide .slide-btn.swiper-prev {left: -40px;}
.sub-banner.type02_slide .slide-btn.swiper-next {right: -40px;}
.sub-banner.type02_slide .slide-btn {background-color: rgba(255,255,255,0.3);}
.sub-banner.type02_slide .sub-banner__cont{gap: 80px}
.sub-banner.type02_slide .inner{position: relative;}
.sub-banner .confirm-box .btn{min-width: 98px;}


/* info-banner */
.info-banner{height: 180px; gap: 40px;}
.info-banner .txt01{font-size: 32px; text-align: center; line-height: 1.6;}
.info-banner .txt01{font-weight: 600}
.info-banner .txt01 b{font-weight: 700;}
.info-banner img{width: 138px;}
.counselInquiry .info-banner{background: var(--color-600); color: #fff;}
.counsel-profile{margin-top: 60px}
.counsel-profile__top{text-align: center; margin-bottom: 50px;}
.counsel-profile__top p{font-size: 30px; font-weight: 600; color: var(--color-800); margin-top: 20px; position: relative}
.counsel-profile__top p b{position: relative;}
.counsel-profile__top p b::after{content: '';width: 180px;height: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1;}
.info-box{padding: 30px; border-radius: 20px; background-color: var(--color-100)}
.info-box p{color: var(--color-600); font-weight: 500; color: var(--color-600); line-height: 1.5;}
.info-box p + p{margin-top: 10px;}
.info-box p .info-before{margin-right: 2px;}

/* modal */
.modal-profile.modal-common{max-width: 364px;}
.modal-profile.modal-common .modal-cont{height: auto;}
.profile-view .tag-wrap{font-size: 0;width: 100%;display: flex; flex-wrap: wrap; gap: 12px}
.profile-view .tag{padding: 8px 16px;background: var(--color-100);color: var(--sub-blue-200);border-radius: 5px;font-size: 14px;font-weight: 700;}
.profile-view .profile-top{margin-top: 16px; display: flex; gap: 14px}
.profile-view .profile-img{width: 136px; height: 162px; position: relative; overflow: hidden; border-radius: 15px;}
.profile-view .profile-img img{width: 100%; height: 100%; object-fit: cover;}
.profile-view .profile-txt{margin-top: 8px;}
.profile-view .profile-name{font-size: 18px;margin-bottom: 20px;display: block;}
.profile-view .profile-info > li{display: flex;gap: 6px;font-weight: 600;color: var(--color-800);justify-content: left;}
.profile-view .profile-info > li + li{margin-top: 10px;}
.profile-view .profile-info > li i{width: 18px; height: 18px;}
.profile-view .profile-history{margin-top: 16px;}
.profile-view .profile-history .tit{display: inline-block; padding: 6px 16px; border-radius: 5px;background: var(--color-100); color: var(--color-600); font-size: 14px; font-weight: 700;}
.profile-view .profile-history .content{margin-top: 8px;}
.profile-view .profile-history .content p{color: var(--color-800);font-size: 16px;font-weight: 600;line-height: 1.6;}
.modal-cal .comBox-subTxt{font-size: 14px; color: var(--color-500)}
.modal-agree.modal.modal-common .modal-cont{margin: 0px -20px; padding: 20px;}
.modal-top-txt{color: var(--color-500);font-size: 14px;font-weight: 500;line-height: 1.5; margin-bottom: 20px;}
.modal-agree .checkbox-all.checkbox-basic a,
.checkbox-all.checkbox-basic input[type=checkbox] + label{font-size: 18px; font-weight: 600;}
.agree-list{margin-top: 18px;}
.agree-list > li{margin-bottom: 14px;}
.modal-agree .toggle-box{padding: 0 20px;}
.modal-agree .toggle-head{padding: 5px 0; }
.modal-agree .content-txt{color: var(--color-800);font-size: 14px;font-weight: 500;line-height: 1.5;}
.item-content > li:not(:last-child){margin-bottom: 14px;}
.item-subTit{color: var(--color-800);font-size: 14px;font-weight: 700;line-height: 1.5; margin-bottom: 4px;}
.item-desc{color: var(--color-800);font-size: 12px;font-weight: 500;line-height: 1.5;}
.modal-bottom-txt{color: var(--color-600);font-size: 14px;font-weight: 500;line-height: 1.5;}
.modal-agree .toggle-head .toggle-btn span::before,
.modal-agree .toggle-head .toggle-btn span::after{width: 12px;}
.modal-view .category-list .btn {font-size: 16px;font-weight: 700;}
.modal-view .comBox-subTxt{font-size: 14px;}
.modal-view .comBox-numList > li {font-size: 14px;gap: 8px;}
.modal-view .comBox-numList .num {width: 24px;height: 24px;font-size: 14px;margin-top: -2px;}
.modal-view .comBox-numList > li + li{margin-top: 14px;}
.modal-view .view-tit{padding: 10px 22px; display: inline-block; font-weight: 700; border-radius: 10px; margin-bottom: 16px;}
.modal-view .comBox-table{margin-top: 0;}
.modal .select-item + .select-item{margin-top: 14px;}

/* bbs */
.category-list{display: flex; flex-wrap: wrap; gap: 10px 20px;}
.category-list .btn{padding: 12px 22px; border-radius: 10px; background: var(--color-100); color: var(--color-600); font-size: 20px; font-weight: 600;}
.category-list .btn.active {background: #52B5D9; color: #fff;}
.category-list .swiper-slide {width: auto;}
.bbsCard{margin-top: 30px;}
.bbsCard-list{display: flex; flex-wrap: wrap; margin: -15px;}
.bbsCard-list li{width: calc(100% / 3); padding: 15px; display: flex;}
.bbsCard-list .comBox{border-radius: 30px; width: 100%;}
.bbsCard-list .comBox-tit{margin-top: 24px; min-height: 62px;}
.bbsCard-list .btn-wrap {margin-top: 24px;}
.bbsCard-list.noList li{width: 100%;}
.bbsCard-list.noList .comBox{padding: 30px 40px; border-radius: 20px;}
.bbsCard-list.noList .comBox-tit{margin-top: 0; text-align: center; font-size: 22px; font-weight: 600; color: var(--color-800); min-height: auto; line-height: 1.5;}
.bbsCard-list.noList .comBox-wrap{min-height: auto;}
.bbs .paging{margin-top: 60px;}
.bbs .paging .paging_ul{font-size: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.bbs .paging .paging_ul .paging_li:not(:last-child){margin-right: 20px;}
.bbs .paging .paging_ul .paging_li:not(:last-child).paging_prev {margin-right: 30px;}
.bbs .paging .paging_ul .paging_li.paging_next {margin-left: 10px;}
.bbs .paging .paging_ul .paging_prev .paging_href:after,
.bbs .paging .paging_ul .paging_prev .paging_href:before,
.bbs .paging .paging_ul .paging_next .paging_href:after,
.bbs .paging .paging_ul .paging_next .paging_href:before{background: var(--color-600); height: 1.25px;}
.bbs .paging .paging_ul .paging_prev,
.bbs .paging .paging_ul .paging_next{background: #fff; border: 1px solid var(--color-200); border-radius: 5px; width: 30px; height: 30px;}
.bbs .paging .paging_ul .paging_li.paging_prev .paging_href,
.bbs .paging .paging_ul .paging_li.paging_next .paging_href{font-size: 0;}
.paging .paging_ul .paging_li{color: var(--color-500);}

/* schBar */
.bbsBar {display: flex; align-items: center; justify-content: space-between; margin: 50px 0 40px; padding: 0 0 20px; border-bottom: 1px solid transparent;}
.bbsBar .bbs-total {font-size: 18px; line-height: 21px;}
.bbsBar .bbsBar-sch {display: flex;}
.bbsBar .bbsBar-sch .bbsBar-select{margin-right: 10px;}
.bbsBar .bbsBar-sch input {width: 100%;}
.bbsBar .bbsBar-sch input, .bbsBar .bbsBar-sch select {height: 50px;font-size: 16px;color: #000;border-radius: 10px;}
.bbsBar .bbsBar-sch .bbsBar-input .input-wrap {display: flex;}
.bbsBar .bbsBar-sch .bbsBar-input .input-wrap .search {margin-left: 10px;}
.btn.search {width: 50px;height: 50px;border-radius: 10px;flex: none;}
.filter-wrap{display: flex; align-items: center; margin-top: 20px;}
.filter-tit{font-size: 18px; padding-right: 20px; margin-right: 20px; position: relative;}
.filter-tit::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 20px; background: #E4E4E4;}
.filter-list{display: flex; align-items: center;}
.filter-list > li:not(:last-child){margin-right: 15px;}
.filter-btn{border-radius: 24px;border: 1px solid #E4E4E4;background: #FFF;display: inline-flex;padding: 10px 30px;justify-content: center;align-items: center;color: #000;font-size: 16px;font-weight: 500;}

/* bbs-table */
.bbs .paging .paging_ul .paging_li .paging_href{font-size: 18px;font-weight: 400;}
.btn.confirmBtn.bbsView-btn{width: 320px; margin: 0 auto; margin-top: 60px;}
.bbs .list_ex1{border-top: 0;}
.bbsQa{margin-top: 90px}
.bbs-top{gap: 45px; margin-bottom: 20px;}
.bbs-top .category {width: calc(100% - 205px);}
.bbs-top__btn{flex: none;}
.bbsQa .bbstb_tr > li{font-size: 20px;text-align: center;height: 70px;line-height: 70px;padding: 0 10px;}
.thead .bbstb_tr {display:flex;background:#FFF6ED;border-bottom:1px solid #E4E4E4; border-top: 1px solid #e4e4e4;}
.thead .bbstb_tr > li{font-weight: 700;}
.tbody .bbstb_tr {display:flex;border-bottom: 1px solid #E4E4E4;}
.tbody .bbstb_tr > li{color: var(--color-800);font-weight: 500;}
.bbsQa .bbstb_tr .subj{flex: 1}
.bbsQa .bbstb_tr .bbstb_td.subj{text-align: left}
.tbody .bbstb_tr:hover * {font-weight: 700;color: #000;}
.tbody .bbstb_tr:hover {background: var(--color-100);}
.bbstb_td.subj {width:100%;max-width:900px;text-align: left; display: flex; align-items: center;}
.bbstb_td.subj a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: inherit;font-size: inherit;}
.bbstb_td.state.complete{color: var(--sub-green-200); font-weight: 600;}
.bbsQa .bbstb_tr.empty > li {text-align: center;width: 100%;padding: 54px 0;margin-top: 54px;}
.bbsQa .bbstb_tr.empty > li p {margin: 25px 0 0;font-size: 16px;font-weight: 500;color: #757575;letter-spacing: 0.2px;}
.board-detl .title-bar {display: flex;align-items: flex-end;justify-content: space-between;border-bottom: 1px solid #BABABA;padding-bottom: 20px;}
.board-detl .title-bar .tit_ span {font-size: 16px;color: var(--color-600); position: relative;}
.board-detl .title-bar .tit_ span:not(:last-child) {padding-right: 10px;margin-right: 10px;}
.board-detl .title-bar .tit_ span:not(:last-child)::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 10px; background: var(--color-200);}
.board-detl .title-bar h3 {font-size: 26px;margin-top: 8px;line-height: 38px; }
.board-detl .detl-cont {padding: 40px 0;min-height: 450px;}
.board-detl .detl-cont img {width: auto;max-width: 100%;height: auto !important;}
.board-detl .detl-cont img + img {margin-top: 20px;}
.board-detl .detl-cont img + p {margin-top: 20px;}
.board-detl .detl-cont p {line-height: 26px;}
.board-atchfile {border-radius: 15px; background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); padding: 25px 30px; margin-bottom: 40px;}
.board-atchfile > li {display: flex;align-items: center;justify-content: space-between;}
.board-atchfile > li:not(:last-child) {margin-bottom: 20px;}
.board-atchfile .file-wrap {display: flex; align-items: center;}
.board-atchfile .file-wrap .ico_atchfile {flex: none;width: 22px;height: 22px;background: url('../../../assets/images/ico/ico-file_purple.svg') no-repeat;background-size: cover;}
.board-atchfile li .file-wrap a {margin-left: 8px;font-size: 14px;font-weight: 500; color: var(--color-800); text-decoration: underline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.board-atchfile .preview-btn {font-size: 14px; font-weight: 500; color: #707070;}
.bbs-write .main-tit__wrap{margin-bottom: 50px;}
.bbs-write textarea{min-height: 270px;}
.bbs-table.photo{display: flex; flex-wrap: wrap; margin: -20px -15px;}
.bbs-table.photo > ul{width: 33.33333%; padding: 20px 15px;}
.bbs-table.photo .bbstb_tr.tbody{display: block; border-bottom: 0;}
.bbs-table.photo .bbstb_tr.tbody:hover{background-color: transparent;border-left: 0;}
.bbs-table.photo .bbstb_tr.tbody > li{padding: 0; text-align: left}
.bbs-table.photo .bbstb_tr.tbody .td_img{position: relative; overflow: hidden; border-radius: 30px; height: 0; padding: 0; padding-bottom: 55.90%;}
.bbs-table.photo .td_img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.bbs-table.photo .td_date{font-size: 20px; max-width: 100%; margin-top: 20px; color: var(--color-600); font-weight: 500;}
.bbs-table.photo .td_subj{margin-top: 6px; font-size: 24px; font-weight: 700;}
.bbs-table.photo .td_subj a{text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.5;}
.bbs-table.photo .td_subj a:hover{text-decoration: underline;}
.bbsFaq .toggle-head{padding: 15px 0;}
.bbsFaq .toggle-head .tit{overflow: hidden;display: flex;align-items: center;}
.bbsFaq .toggle-head .tit h3 {white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;font-size: 18px;font-weight: 500;}
.bbsFaq .toggle-head .tit span {color: var(--color-800);font-size: 24px;font-weight: 600;margin-right: 10px;}
.bbsFaq .toggle-body{padding-top: 28px;}
.bbsFaq .toggle-body span{font-size: 18px;font-weight: 500;color: var(--color-800);line-height: 1.6;display: flex;}
.bbsFaq .toggle-body span::before{content: 'A.';font-size: 24px;font-weight: 600;color: var(--sub-purple-150);margin-right: 10px;margin-top: -7px;}
.bbsFaq .toggle-box{border: 2px solid transparent}
.bbsFaq .toggle-box.on {background: var(--color-100);box-shadow: none;border-color: var(--sub-purple-150);}
.bbsFaq .toggle-box.on .toggle-head {border-bottom: 1px solid var(--color-200);}

/* board paging */
.board-paging {border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;}
.board-paging li {padding: 20px 0 20px 20px;display: flex;align-items: center;}
.board-paging li.prev {border-bottom: 1px solid #e4e4e4;}
.board-paging li p {font-size: 16px;font-weight: 500;display: flex;align-items: center;flex: none;color: var(--color-800);}
.board-paging li p::after {content: '';width: 20px;height: 20px;margin-left: 20px;}
.board-paging li.prev p::after {background: url('/assets/images/ico/ico-prev.svg') no-repeat;background-size: cover;}
.board-paging li.next p::after {background: url('/assets/images/ico/ico-next.svg') no-repeat;background-size: cover;}
.board-paging li a {margin-left: 40px;font-size: 16px;color: var(--color-800);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

/* editor */
.editor-content{margin-bottom: 80px;}
.editor-content img{max-width: 100%;height: auto !important;}

/* topImg */
.main-banner.topImg .sub-banner__wrap{margin-top: 60px;}
.main-banner.topImg .sub-banner__l{margin-top: 0}
.main-banner.topImg .main-banner__txt{margin-top: 0}
.main-banner.topImg{height: auto}
.main-banner.topImg .sub-banner__r{max-width: 600px;}
.main-banner.topImg .subTit{color: rgba(0,0,0,0.4); font-size: 24px; margin-bottom: 15px;}
.main-banner.topImg .tit{font-size: 50px; white-space: nowrap}
.main-banner.topImg  .main-banner__txt .txt{font-size: 28px; margin-top: 64px;}
.card{padding: 30px;border-radius: 20px; border: 1px solid var(--color-200);}
.card-list.grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;}
.card-list.flex{gap: 24px;}
.card-list.flex .card {flex: 1;}
.card-list.flex .card .comBox-tag {padding: 10px 20px; font-weight: 700; border-radius: 999px;}
.card-list.flex .card .comBox-tit {font-size: 28px; font-weight: 700; margin: 16px 0 0;}
.card-list.flex .card .comBox-img {display: flex; align-items: center; justify-content: end; margin: 46px 0 0;}
.card-list.flex .card .comBox-img img {max-width: 130px;}
.card-list.flex .card.pink {border: 2px solid #FFEAEA; background: #FFF6F7;}
.card-list.flex .card.pink .comBox-tag {background: #FFEAEA; color: #FF8B94;}
.card-list.flex .card.blue {border: 2px solid #E6F6FF; background: #F3FAFF;}
.card-list.flex .card.blue .comBox-tag {background: #E6F6FF; color: #52B5D9;}
.card-list.flex .card.orange {border: 2px solid #FFF1DA; background: #FFF8EE;}
.card-list.flex .card.orange .comBox-tag {background: #FFF1DA; color: #FF9E57;}
.card-list .card {}
.card-list .card-l {flex: 1;}
.card-list .card-r{max-width: 184px;}
.card-list .card-r img{width: 100%;}
.card-list .card-txt01{font-size: 22px; font-weight: 500; color: var(--color-800); text-align: center; line-height: 1.4}
.card-list .card-txt02{font-size: 22px; font-weight: 700; text-align: center; line-height: 1.4}
.card-list .arrow{text-align: center; margin: 23px 0;}
.cardTxt{font-size: 22px; font-weight: 600; color: var(--color-800)}
.box-list + .box-list{margin-top: 80px;}
.box-list .comBox-tit{margin-bottom: 20px;}
.ex-list{gap: 24px;}
.ex-list .card{flex: 0 1 calc(50% - 12px); transition: all .2s; box-shadow: 0px 4px 24px 0px #1D1D2014;}
.ex-list .card .card-l {line-height: 1.5;}
.ex-list .card .card-l .card-txt01 {font-size: 20px; font-weight: 500;}
.ex-list .card .card-l .card-txt02 {font-size: 18px; font-weight: 700; color: #66BB77; margin-top: 16px;}
.ex-list .card .card-l .card-txt02 span {color: #66BB77; position: relative;}
.ex-list .card .card-l .card-txt02 span::before {content: ''; width: 100%; height: 50%; background: #FFDA57; position: absolute; top: calc(50% - 2px); left: 50%; transform: translate(-50%, -50%) rotate(-1deg); z-index: -1; mix-blend-mode: multiply;}
.ex-top{font-size: 0;}
.ex-top span{font-size: 20px; font-weight: 500; color: #2E2E3399; position: relative;}
.ex-top span:first-child {color: #2E2E33E5;}
.ex-top span:not(:first-child)::before {content: ''; width: 1px; height: 14px; background: #424242; position: absolute; top: 50%; left: -11px; transform: translateY(-50%);}
.ex-top span + span{margin-left: 24px;}
.ex-top + .ex-process {margin-top: 16px;}
.ex-process{padding: 20px; border-radius: 16px; background: #F4FBF5; gap: 40px;}
.ex-process .txt{font-size: 18px; font-weight: 700; color: #2E2E3399;}
.ex-process .price{font-size: 28px; font-weight: 600; margin-top: 8px;}
.ex-process .ex-before, .ex-process .ex-after {min-width: 200px;}
.ex-process .ex-before .price{color: var(--color-600); font-weight: 500;}
.ex-process .ex-after .txt {color: #66BB77;}
.ex-process .ex-after .price{position: relative;z-index: 1;}
.item-radio-wrap {flex-wrap: wrap; margin-top: 24px;}

.product_ul {display: grid; grid-template-columns: repeat(7, 1fr); gap: 24px;}
.product_ul li {border-radius: 24px; border: 1px solid #E4E4E7CC; box-shadow: 0px 4px 24px 0px #1D1D2014; background: #fff; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; position: relative;letter-spacing: -1.76px;}
.product_ul li i {width: 64px; height: 64px; margin-bottom: 16px;}
.product_ul li i img {width: 100%;}

/* service */
.service{margin-bottom: 80px;}
.service.row{gap: 30px;}
.service-cont{width: 52.46%}
.service-cal{flex: 1}
.service-cont__tit{border-radius: 15px;padding: 16px 0;text-align: center; font-size: 24px; font-weight: 700;}
.service-cont__subTit{color: var(--color-600);font-size: 16px;font-weight: 600;}
.service-cont .comBox{padding: 40px;}
.service-cont .quick-menu > li p{font-size: 18px; color: #000; font-weight: 600;}

/* lifePlan */
.comBox-numList .comBox-tit{margin-bottom: 30px;}
.lifePlan .main-tit__wrap{margin-bottom: 30px;}
.lifePlan .main-tit{font-size: 36px; margin-top: 40px; margin-bottom: 15px}
.lifePlan-list {display: flex; flex-wrap: wrap; gap: 30px;}
.lifePlan-list .comBox-subTit{font-size: 18px;margin-top: 8px;line-height: 1.5;margin-bottom: 0;}
.lifePlan-img{flex: 1;display: flex;align-items: center;}
.lifePlan-heart{width: 152px;height: 152px;background: url("/assets/images/user/sub/ico-heart.svg") no-repeat 50% / cover;margin: 0 auto;}
.check-select02 input[type="checkbox"] + label,
.check-select02 input[type="radio"] + label {width: 252px; border-radius: 20px;height: 350px;padding: 0 18px 30px; text-align: center;flex-direction: column;justify-content: space-between;}
.check-select02.big input[type="checkbox"] + label,
.check-select02.big input[type="radio"] + label {width: 440px; height: 412px;}
.check-select02 input[type="checkbox"] + label::before,
.check-select02 input[type="radio"] + label::before {display: none;}
.check-select02 input[type="checkbox"] + label::after,
.check-select02 input[type="radio"] + label::after {display: none;}
.check-select02 input[type="checkbox"]:checked + label,
.check-select02 input[type="radio"]:checked + label {border: 2px solid var(--sub-mint-150);}
.check-select02 input[type="checkbox"]:checked + label .lifePlan-heart,
.check-select02 input[type="radio"]:checked + label .lifePlan-heart{background-image: url("/assets/images/user/sub/ico-heart_on.svg")}
.lifePlan .comBox img{width: 100%;}
.lifePlan02 .lifePlan-txt{height: 100px;}
.lifePlan .check-select02.big .comBox img{width: 73%; margin: 0 auto;}
.comBox-cont.type02{font-size: 20px;  color: var(--color-800)}
.btn-wrap.bottom-btn{margin-top: 60px; justify-content: center;}
.btn-wrap.bottom-btn .btn{width: 320px; margin: 0; flex: none;}
.bbsCard .comBox .checkbox-basic{position: absolute; right: 0; top: -10px;}
/*.bbsCard .comBox .checkbox-basic input[type=checkbox] + label::before{border-width: 2px; width: 46px; height: 46px; border-radius: 10px; margin-right: 0; background-repeat: no-repeat; background-position: 50%; background-image: url("/assets/images/cmn/ico-check_gray.svg"); background-size: 20px;}*/
.bbsCard .comBox .checkbox-basic input[type=checkbox]:checked + label::before{background-image: url("/assets/images/cmn/ico-check.svg")}
.lifePlan-result{font-size: 24px; font-weight: 500; color: var(--color-700);}
.lifePlan-result b{color: #000}
.lifePlan-result.comBox-bg-gray{margin-top: 60px;margin-bottom: 30px;padding: 30px 0;text-align: center;line-height: 1.5;}
.comBox-bg-gray{margin: 0 calc((100vw - 1389px) / 2 * -1); background: var(--color-100);}

.compare{margin-top: 80px; margin-bottom: 60px; padding: 60px 0;}
.bbsCard-list.compare-list .comBox{border-radius: 20px;}
.bbsCard-list.compare-list > li{width: 33.3333%;}
.bbsCard-list.compare-list .comBox-tit{font-size: 20px;min-height: 64px;line-height: 1.6;}
.compare-list .modal__close.btn{position: absolute; top: -20px; right: -10px;width: 40px;height: 40px;}
.compare-list .comBox{padding: 30px 20px;}

.compare-result{margin-top: 60px;}
.comBox-rolling{padding: 20px 40px; border-radius: 20px;}
.rolling-banner {width: 100%;overflow: hidden;}
.banner-track {display: flex;width: max-content;animation: roll 20s linear infinite;}
.banner-item {display: flex;align-items: center;justify-content: center;white-space: nowrap;padding: 0 30px;gap: 20px;color: var(--color-600);font-size: 18px;font-weight: 600; /* 122.222% */}
.tel-info {color: #000;font-size: 32px;font-weight: 500;}
.tel-info .ico__tel {width: 24px;height: 24px;margin-right: 7px;}
@keyframes roll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}


.comBox-table table .subMenu-img{border: 1px solid var(--color-200); border-radius: 10px; height: 60px;}
.comBox-table table .comBox-btn{ font-size: 16px; width: 100px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 4px;}
.comBox-table table .comBox-btn i {width: 16px; height: 16px; background-image: url("../../images/cmn/ico-download.svg"); filter: invert(1);}
.comBox-table table .td_down{width: 140px;}
.tit-box{padding: 18px 20px; border-radius: 15px; margin-bottom: 30px;}
.comBox-bg .comBox-cont{font-size: 24px; color: var(--color-800)}
.main-cont{margin-top: 15px; color: var(--color-800);font-size: 20px;font-weight: 500;line-height: 1.7;}
.main-info{color: var(--color-500);font-weight: 500; line-height: 1.5;}


/* topImg */
.topImg.topImg-company{position: relative; background: url("/assets/images/user/sub/company-topImg.png") no-repeat 50% / cover; height: 248px; width: 100%;}
.topImg-company .topImg-wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.topImg-company .topImg-tit{font-size: 48px;font-weight: 700;color: #fff;text-align: center;}
.topImg-company .top_location{margin-top: 10px;}
.topImg-company .top_location li{color: #fff; opacity: .5;}
.topImg-company .top_location li a{color: #fff;}
.topImg-company .top_location li:not(:first-child):after,
.topImg-company .top_location li:not(:first-child):before{background: #fff;}


/* tab-menu */
.sub-menu {position: absolute;bottom: -29px;left: 50%;transform: translateX(-50%);background: #fff;width: 840px;height: 60px;border-radius: 10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.sub-menu > ul {display: flex;justify-content: center;align-items: center;height: 100%; margin: 0 -7px;}
.sub-menu > ul > li{padding: 0 20px;}
.sub-menu > ul > li > a{min-width: 100px;font-size: 20px;font-weight: 500;color: var(--color-600);text-align: center;}
.sub-menu > ul > li.active > a{font-weight: 700;color: var(--color-900);}
.sub-menu__m{display: none;border-radius: 10px;background: var(--sub-blue-100);color: #fff;font-size: 18px;font-weight: 800; padding: 13px 20px;position: relative;width: 100%;text-align: left;z-index: 3;transition: .4s;}
.sub-menu__m.active{border-radius: 10px 10px 0 0;}
.sub-menu__m::before,
.sub-menu__m::after{content: '';position: absolute;right: 20px;top: 50%;width: 12px;height: 3px;background: #fff;border-radius: 10px; transition: .4s;}
.sub-menu__m::before{transform: rotate(45deg);margin-right: 7px;}
.sub-menu__m::after{transform: rotate(-45deg);}
.sub-menu__m.active::before{transform: rotate(-45deg);}
.sub-menu__m.active::after{transform: rotate(45deg);}

.companyIntro{margin-top: 129px;}
.companyInfo-box{width: 100%; height: 320px; border-radius: 10px; background: url("/assets/images/user/sub/company-bg.png") no-repeat 50% / cover;}
.companyInfo-txt{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: end; padding: 40px;}
.companyInfo-tit{font-size: 42px; font-weight: 700; color: #fff;}
.companyInfo-tit span{color: var(--sub-yellow-100); font-weight: 800;}
.companyInfo-cont{font-size: 24px; font-weight: 500; color: #fff; margin-top: 16px;}
.companyIntro-top{position: relative; font-size: 32px; font-weight: 600; text-align: center;}
.companyIntro-top span{position: relative;}
.companyIntro-top b{font-weight: 800;}
.companyIntro-top span::before,
.companyIntro-top span::after{content: '';position: absolute;width: 50px;height: 38px;background: url("/assets/images/user/sub/greeting-mark01.svg") no-repeat 50%  / cover;z-index: -1;}
.companyIntro-top span::before{left: -20px;top: -20px;}
.companyIntro-top span::after{ right: -20px;bottom: -20px; transform: rotate(180deg);}
.companyIntro-wrap{margin-top: 100px;}
.greeting-l {margin-left: calc((100vw - 1380px) / 2);}
.greeting-img {overflow: hidden;border-radius: 400px 0 0 400px;position: relative;font-size: 0;}
.greeting-img::after {content: '';opacity: 0.1;background: linear-gradient(241deg, #FFD346 -117.4%, #1D2539 122.09%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.greeting-cont {font-size: 22px;line-height: 1.8;}
.greeting-cont b{color: #CC9C00}
.greeting-name{margin-top: 38px; display: flex; align-items: center; gap: 10px;}
.history-list li{display: flex;}
.history-date{font-size: 36px;color: var(--color-900);font-weight: 600;margin-right: 22px;width: 96px;flex: none;}
.history-cont{padding-left: 50px; position: relative; padding-bottom: 50px;}
.history-cont::before{content: '';position: absolute;top: 14px;left: 0;width: 12px;height: 12px;background: #CC9C00;border-radius: 50%;}
.history-cont::after{content: '';position: absolute;top: 26px;left: 6px;width: 1px;height: 100%;background: #EFEFEF;z-index: -1;}
.history-cont p{font-size: 22px;font-weight: 500;line-height: 1.8;}
.history-list li:last-child .history-cont::after{display: none;}
.history-img{position: relative; border-radius: 10px; overflow: hidden; font-size: 0;}
.history-img::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;opacity: 0.4;background: linear-gradient(336deg, rgba(169, 151, 78, 0.80) -17.94%, rgba(31, 50, 67, 0.50) 60.95%);}
.management-top{font-size: 0; border-radius: 10px; overflow: hidden;}
.management-top img{width: 100%;}
.management-list{margin-top: 40px; display: flex; gap: 42px;}
.management-list > li{flex: 1;}
.management-list .list-top{padding: 11px 0 13px; border-radius: 10px; color: #FFF;text-align: center;font-size: 30px;font-weight: 600;;}
.management-list .list01 .list-top{background: linear-gradient(89deg, #3A4B63 21.88%, #B99655 311.19%);}
.management-list .list02 .list-top{background: linear-gradient(89deg, #3A4B63 -85.16%, #B99655 204.35%);}
.management-list .list03 .list-top{background: linear-gradient(89deg, #3A4B63 -191.97%, #B99655 97.81%);}
.management-list .list-cont{font-size: 20px; font-weight: 600; color: var(--color-900); line-height: 1.8; margin-top: 14px; padding: 30px 0; border-radius: 10px; text-align: center;background: linear-gradient(to top, transparent, rgba(234, 234, 234, 0.7) 100%);}
.orgTit {width: 340px;margin: 0 auto;position: relative;display: flex;align-items: center;justify-content: center;border-radius: 10px;}
.orgTit::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 10px;}
.orgTit p{position: relative; z-index: 1; color: #fff; text-align: center; font-size: 28px; font-weight: 700;}
.org01{position: relative;}
.org01::before {content: '';position: absolute;top: 100%;left: 50%;height: 100%;border-right: 1px solid var(--color-400);}
.org01 .orgTit{background: #242D3A; height: 100px;}
.org01 .orgTit::after{background-image: url("/assets/images/user/sub/orgtit01-bg.png")}
.org02{margin-top: 30px; position: relative;}
.org02::before{content: '';position: absolute;top: 100%;left: 50%;height: 36px;border-right: 1px solid var(--color-400);}
.org02 .orgTit{background: #233854; height: 180px;}
.org02 .orgTit::after{background-image: url("/assets/images/user/sub/orgtit02-bg.png")}
.sub-list{width: 340px;margin: 0 auto;position: absolute;top: 0;right: calc(50% - 385px);transform: translateX(50%);}
.sub-list > li{width: 340px;height: 80px;border-radius: 10px;display: flex;align-items: center;justify-content: center;border: 2px solid #3A4B63;background: #fff;color: #3A4B63;text-align: center;font-size: 22px;font-weight: 600;position: relative;}
.sub-list > li + li{margin-top: 20px;}
.branch-list{display: flex; padding-top: 44px; margin-top: 36px; gap: 20px;}
.branch-list > li{flex: 1;}
.branchTit{display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; border-radius: 10px;border: 1px solid #B99655;background: #B99655; font-size: 26px; font-weight: 700; color: #fff;}
.dept-list > li{position: relative; font-size: 20px; font-weight: 500; color: var(--color-800); margin-top: 20px; width: 100%; height: 60px; border-radius: 10px;border: 2px solid #B99655;background: #FFF; display: flex; align-items: center; justify-content: center;}
.dept-list > li::before{content: '';position: absolute;bottom: 100%;left: 50%;width: 1px;height: 25px;border-right: 1px solid var(--color-400);z-index: -1;}
.sub-list > li::before{content: '';position: absolute;right: 100%;width: 46px;border-bottom: 1px solid var(--color-400);z-index: -1;}
.org03 {position: relative;}
.org03::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: min(1120px, calc(100% - 248px));border-top: 1px solid #bababa;}
.branch-list > li{position: relative;}
.branch-list > li::before{content: '';position: absolute;top: -44px;left: 50%;height: 44px;border-right: 1px solid var(--color-400);z-index: -1;}

.sub-tit__wrap {display: flex; align-items: center; gap: 12px; margin-bottom: 40px;}
.sub-tit__wrap i {width: 48px; height: 48px; background-repeat: no-repeat; background-size: contain;}
.sub-tit {font-size: 32px; font-family: 'BMDOHYEON'; margin-bottom: 40px;}
.sub-tit.medium {font-size: 22px; margin-bottom: 24px; font-family: 'Pretendard';}
.sub-tit.small {font-size: 18px; margin-bottom: 12px;}
.sub-tit__wrap .sub-tit {margin-bottom: 0;}
.sub-tit__wrap.small {margin: 64px 0 24px;}
.sub-tit__wrap.small i {width: 24px; height: 24px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url("../../images/user/sub/ico-check_blue.png");}
.sub-tit__wrap i.ico-calculate {background-image: url("../../images/user/sub/ico-calculator.png");}
.sub-tit__wrap i.ico-check_pink {background-image: url("../../images/user/sub/ico-check_pink.png");}
.sub-tit__wrap i.ico-check_green {background-image: url("../../images/user/sub/ico-check_green.png");}
.sub-cont {font-size: 18px; color: rgba(46, 46, 51, 0.90); line-height: 1.5; margin: 0 10px;}
.sub-cont.gray {color: rgba(46, 46, 51, 0.30);}

/* 보험 상품관 */
.product-wrap {padding: 70px 0; margin-top: 70px; background: rgba(110, 110, 118, 0.05);}

/* 보험 회사별 */
.company-step .step1-form .step1_ul li i {width: 100px; height: 100px; }
.insurance-company .step1-form .step1_ul li i {width: 200px;}
/*.company-step .step1-form .step1_ul li:nth-child(1) i {background-image: url("../../images/user/sub/insurance1.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(2) i {background-image: url("../../images/user/sub/insurance2.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(3) i {background-image: url("../../images/user/sub/insurance3.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(4) i {background-image: url("../../images/user/sub/insurance4.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(5) i {background-image: url("../../images/user/sub/insurance5.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(6) i {background-image: url("../../images/user/sub/insurance6.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(7) i {background-image: url("../../images/user/sub/insurance7.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(8) i {background-image: url("../../images/user/sub/insurance8.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(9) i {background-image: url("../../images/user/sub/insurance9.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(10) i {background-image: url("../../images/user/sub/insurance10.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(11) i {background-image: url("../../images/user/sub/insurance11.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(12) i {background-image: url("../../images/user/sub/insurance12.png");}*/
/*.company-step .step1-form .step1_ul li:nth-child(13) i {background-image: url("../../images/user/sub/insurance13.png");}*/

/* 보험 회사별 - 5개씩 정렬 */
.company-step .step1-form .step1_ul {grid-template-columns: repeat(5, 1fr); gap: 20px;}
.company-step .step1-form .step1_ul li label {
    aspect-ratio: 283 / 260;
}

/* checkbox checked 스타일 */
.company-step .step1-form .step1_ul li input[type=checkbox]:checked + label {
    background-image: url("../../images/user/main/step1_checked.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-color: #52B5D9;
    box-shadow: 0px 0px 16px 0px #52B5D9;
    font-weight: 700;
}

/* 보험 회사별 반응형 */
@media screen and (max-width: 1200px) {
    .company-step .step1-form .step1_ul {grid-template-columns: repeat(4, 1fr); gap: 16px;}
}
@media screen and (max-width: 900px) {
    .company-step .step1-form .step1_ul {grid-template-columns: repeat(3, 1fr); gap: 14px;}
    .company-step .step1-form .step1_ul li label {font-size: 18px;}
}
@media screen and (max-width: 600px) {
    .company-step .step1-form .step1_ul {grid-template-columns: repeat(3, 1fr); gap: 8px 10px;}
    .company-step .step1-form .step1_ul li label {font-size: 16px; padding: 10px 4px;}
    .company-step .step1-form .step1_ul li i {width: 40px; height: 40px; margin-bottom: 8px;}
    /* 보험 회사별: 2개 한줄, 화면 잘림 방지 */
    .insurance-company .step1-form .step1_ul {grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .insurance-company .step1-form .step1_ul li i {width: 100%; max-width: 100px; height: auto;}
    .insurance-company .step1-form .step1_ul li label {padding: 15px 10px; overflow: hidden;}
}
@media screen and (max-width: 400px) {
    .company-step .step1-form .step1_ul {gap: 8px;}
    .company-step .step1-form .step1_ul li label {font-size: 14px; padding: 16px 10px;}
    .company-step .step1-form .step1_ul li i {height: 40px; margin-bottom: 8px;}
    /* 보험 회사별: 400px 이하 */
    .insurance-company .step1-form .step1_ul {gap: 8px;}
    .insurance-company .step1-form .step1_ul li i {max-width: 80px;}
}

/* infoBox */
.infoBox {padding: 46px; border-radius: 32px; border: 2px dashed rgba(82, 181, 217, 0.50); text-align: center; position: relative; box-shadow: 0px 4px 24px 0px #1D1D2014;}
.infoBox.bg-on::before {content: ''; width: 140px; height: 196px; background-image: url("../../images/user/sub/infoBox-bg.png"); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 0; right: 4%; z-index: -1;}
.infoBox.bg-baby::before {content: ''; width: 135px; height: 223px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-image: url("../../images/user/sub/baby-bg.png"); background-repeat: no-repeat; background-size: contain; z-index: -1; opacity: .15;}
.infoBox .infoBox-tit {font-family: 'Pretendard'; font-weight: 700; font-size: 32px; letter-spacing: -0.8px;}
.infoBox.bg-on .infoBox-tit img {max-height: 160px;}
.infoBox .infoBox-tit.color-pink {color: #FF8B94;}
.infoBox .infoBox-tit.color-green {color: #66BB77;}
.infoBox .infoBox-tit + p {margin-top: 24px;}
.infoBox p {font-size: 20px; color: rgba(46, 46, 51, 0.90); line-height: 1.5; word-break: keep-all;}
.infoBox p.etc {font-size: 16px; color: rgba(46, 46, 51, 0.60); margin-top: 24px;}
.infoBox .infoBox-wrap {display: flex; align-items: center; gap: 40px; padding: 0 40px;}
.infoBox .infoBox-wrap .img {border-radius: 999px; border: 1px solid #52B5D9; box-shadow: 0 0 24px 0 rgba(82, 181, 217, 0.30); display: flex; align-items: center; justify-content: center; width: 160px; height: 160px; aspect-ratio: 1/1; padding: 10px;}
.infoBox .infoBox-wrap .img img {width: 100%; max-width: fit-content;}
.infoBox .infoBox-wrap .right {display: flex; flex-direction: column; align-items: flex-start; text-align: left;}
.infoBox .infoBox-wrap .right .infoBox-tit {font-size: 28px; font-family: 'Pretendard'; font-weight: 700; line-height: 1.3; word-break: break-all;}
.infoBox .infoBox-wrap .right .infoBox-txt {font-size: 14px; color: rgba(46, 46, 51, 0.30); margin-top: 8px;}
.infoBox .infoBox-wrap .right .infoBox-caution {font-size: 16px; font-weight: 600; color: rgba(46, 46, 51, 0.60); text-align: left; margin-top: 24px;}
.infoBox .infoBox-wrap .infoBox-tag__wrap {margin-bottom: 24px;}
.infoBox .infoBox-wrap .infoBox-tag__wrap .infoBox-tag {padding: 5px 12px; border-radius: 6px;background: rgba(110, 110, 118, 0.10); display: inline-block;color: rgba(46, 46, 51, 0.60);font-size: 16px;font-weight: 500;}
hr.line {width: 100%; height: 8px; background-image: url("../../images/user/sub/line.png"); background-repeat: no-repeat; margin: 70px auto;}
hr.line2 {width: 100%; height: 1px; border-bottom: 2px dashed rgba(228, 228, 231, 0.80); margin: 64px 0;}

.container-wrap .step2-form {margin-top: 50px;}
button.back-btn {display: flex; align-items: center; gap: 16px; margin-bottom: 40px;}
button.back-btn i {width: 48px; height: 48px; border: 1px solid rgba(212, 212, 216, 0.80); border-radius: 999px; box-shadow: 0 4px 14px 0 rgba(29, 29, 32, 0.08); position: relative;}
button.back-btn i::before, button.back-btn i::after {content: ''; position: absolute; height: 3px; width: 12px; background: #000; display: block; transition: all .3s; cursor: pointer; top: 50%; left: 50%; border-radius: 2px;}
button.back-btn i::before { transform: translate(-50%, -5px) rotate(135deg); }
button.back-btn i::after { transform: translate(-50%, 2px) rotate(-135deg);}
button.back-btn .detail-sub-tit {font-size: 32px; font-family: 'BMDOHYEON';}

.type-orange .infoBox {border: 2px dashed #FF9E57;}
.type-orange .infoBox .infoBox-tit,
.type-orange .check-select input[type="radio"]:checked + label,
.type-orange .step2-form .confirm-box .result-box span,
.type-orange .confirm-box .form-input__wrap .insurance-age span,
.type-orange .required {color: #FF9E57;}
.type-orange .confirm-box .btn.confirmBtn {background: #FF9E57;}
.type-orange .step2-form .confirm-box,
.type-orange .check-select input[type="radio"]:checked + label {background: #FFF1DA;}
.type-orange .check-select input[type="radio"]:checked + label {border: 1px solid #FF9E57;}
.type-orange .btn.basicBtn.active {background: #FFF1DA; border: 2px solid #FF9E57; color: #FF9E57;}

/* 상품보기 */
.product-detail__wrap {display: flex; align-items: stretch; gap: 24px;}
.product-detail__wrap .detail-area {padding: 48px 40px; border-radius: 32px; border: 1px solid rgba(228, 228, 231, 0.80); box-shadow: 0 4px 24px 0 rgba(29, 29, 32, 0.08); height: 100%;}
.product-detail__wrap .detail-top {display: flex; align-items: center; justify-content: center;}
.product-detail__wrap .detail-top img {width: 100%;}
.product-detail__wrap .detail-tit {font-size: 28px; font-family: 'BMDOHYEON'; padding: 50px 0 20px; border-bottom: 1px solid rgba(228, 228, 231, 0.80);}
.product-detail__wrap .detail-tit p {font-size: 20px; font-weight: 500; font-family: 'Pretendard'; color: rgba(46, 46, 51, 0.90); margin-top: 12px;}
.product-detail__wrap .detail-txt {overflow-x: auto; word-break: break-word;}
.product-detail__wrap .detail-txt img {max-width: 100% !important; width: auto !important; height: auto !important;}
.product-detail__wrap .detail-txt table {max-width: 100% !important; width: 100% !important;}
.product-detail__wrap .detail-txt iframe,
.product-detail__wrap .detail-txt video {max-width: 100% !important; width: 100% !important;}
.product-detail__wrap .detail-txt * {max-width: 100% !important; box-sizing: border-box;}
.product-detail__wrap .detail-txt .detail-sub-tit {display: flex; align-items: center; gap: 12px; font-size: 20px; font-weight: 700; margin: 24px 0 12px;}
.product-detail__wrap .detail-txt .detail-sub-tit i {width: 24px; height: 24px; background-repeat: no-repeat; background-size: cover; flex: none;}
.product-detail__wrap .detail-txt .detail-sub-tit i.ico-check_pink {background-image: url("../../images/user/sub/ico-check_pink.png");}
.product-detail__wrap .detail-txt .detail-sub-tit i.ico-check_blue {background-image: url("../../images/user/sub/ico-check_blue.png");}
.product-detail__wrap .detail-txt p {font-size: 18px; line-height: 1.45; color: rgba(46, 46, 51, 0.90);}
.product-detail__wrap .detail-area.pink {padding: 0; overflow: hidden;}
.product-detail__wrap .detail-area.pink .detail-top {border-radius: 32px 32px 0 0;}
.product-detail__wrap .detail-area.pink .detail-tit {padding: 50px 40px 20px; margin: 0;}
.product-detail__wrap .detail-area.pink .detail-txt {padding: 0 40px 48px;}
.product-detail__wrap .detail-area.blue {padding: 0;}
.product-detail__wrap .detail-area.blue .detail-top {border-radius: 32px 32px 0 0; overflow: hidden;}
.product-detail__wrap .detail-area.blue .detail-tit {padding: 50px 40px 20px; margin: 0;}
.product-detail__wrap .detail-area.blue .detail-txt {padding: 0 40px 60px;}
.product-detail__wrap .detail-area.blue .detail-txt .detail-sub-tit {font-weight: 400;}
.product-detail__wrap .detail-area.green {padding: 0; overflow: hidden;}
.product-detail__wrap .detail-area.green .detail-top {border-radius: 32px 32px 0 0;}
.product-detail__wrap .detail-area.green .detail-tit {padding: 50px 40px 20px; margin: 0;}
.product-detail__wrap .detail-area.green .detail-cont {padding: 0 40px 48px;}
.product-detail__wrap .detail-left, .product-detail__wrap .detail-right {width: 50%;}
.product-detail__wrap .detail-right {display: flex; flex-direction: column; gap: 24px;}

.product-detail__wrap .detail-area.green .detail-tit {display: flex; align-items: center; justify-content: space-between; border-bottom: 0;}
.product-detail__wrap .detail-area.green .detail-tit a, .product-detail__wrap .detail-area.green .detail-tit span.download-btn {padding: 18px 28px; font-size: 20px; font-weight: 700; border-radius: 13px; border: 1px solid rgba(212, 212, 216, 0.80); display: flex; align-items: center; justify-content: center; gap: 4px;}
.product-detail__wrap .detail-area.green .detail-tit a i, .product-detail__wrap .detail-area.green .detail-tit span.download-btn i {width: 22px; height: 22px; background-image: url("../../images/cmn/ico-download.svg");}
.product-detail__wrap .detail-area.green .detail-tit span.download-btn.disabled {background: rgba(228, 228, 231, 0.50); color: rgba(110, 110, 118, 0.50); cursor: not-allowed; border-color: rgba(212, 212, 216, 0.50);}
.product-detail__wrap .detail-area.green .detail-tit span.download-btn.disabled i {opacity: 0.4;}

/* 보험 상품 상세 정보 테이블 (blue area 내부) */
.detail-area.blue .info-section {margin-bottom: 20px; margin-top: 16px;}
.detail-area.blue .info-section__title {font-size: 16px; font-weight: 600; color: #333; margin-bottom: 14px;}
.detail-area.blue .premium-table {width: 100%; border-collapse: collapse; margin-bottom: 8px;}
.detail-area.blue .premium-table thead th {background: #FFF8E1; padding: 12px 16px; font-size: 14px; font-weight: 600; color: #333; text-align: center; border-bottom: 1px solid #FFD54F;}
.detail-area.blue .premium-table tbody td {padding: 12px 16px; font-size: 14px; color: #333; text-align: center; border-bottom: 1px solid rgba(228, 228, 231, 0.80);}
.detail-area.blue .premium-table tbody tr:last-child td {border-bottom: none;}
.detail-area.blue .info-detail-list {display: flex; flex-direction: column; gap: 10px; padding: 16px 0; border-top: 1px solid rgba(228, 228, 231, 0.80); margin-top: 16px;}
.detail-area.blue .info-detail-item {display: flex; align-items: flex-start; gap: 12px;}
.detail-area.blue .info-detail-item .label {font-size: 14px; font-weight: 600; color: #666; min-width: 70px; flex-shrink: 0;}
.detail-area.blue .info-detail-item .value {font-size: 14px; color: #333; line-height: 1.5;}
.detail-area.blue .info-btn-wrap {display: flex; gap: 10px; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(228, 228, 231, 0.80);}
.detail-area.blue .info-btn-wrap .btn-outline {flex: 1; padding: 14px 20px; font-size: 14px; font-weight: 600; color: #333; background: #FFF8E1; border: 1px solid #FFD54F; border-radius: 10px; cursor: pointer; transition: all 0.2s ease;}
.detail-area.blue .info-btn-wrap .btn-outline:hover {background: #FFECB3;}

.calculation-wrap {border-radius: 32px; border: 1.5px solid rgba(228, 228, 231, 0.80); box-shadow: 0 4px 24px 0 rgba(29, 29, 32, 0.08); padding: 48px 0;}
.calculation-wrap .top {display: flex; align-items: center; justify-content: space-between; gap: 80px; border-bottom: 1px solid rgba(228, 228, 231, 0.80); padding: 0 40px 40px;}
.calculation-wrap .top .info-wrap {display: flex; align-items: center; gap: 40px;}
.calculation-wrap .top .info-wrap .img {width: 100px; height: 100px;}
.calculation-wrap .top .info-wrap .img img {width: 100%;}
.calculation-wrap .top .info-wrap .info {display: flex; flex-direction: column;/}
.calculation-wrap .top .info-wrap .info .name {font-size: 18px; font-family: 'BMDOHYEON'; display: flex; align-items: flex-end; gap: 4px;}
.calculation-wrap .top .info-wrap .info .name em {font-size: 28px; font-family: 'BMDOHYEON';}
.calculation-wrap .top .info-wrap .info p {font-size: 20px; font-weight: 500; color: rgba(46, 46, 51, 0.60); margin-top: 8px;}
.calculation-wrap .top .info-wrap .info p span {color: rgba(46, 46, 51, 0.90);}
.calculation-wrap .top .info-wrap2 {display: flex; align-items: center; gap: 40px;}
.calculation-wrap .top .info-wrap2 .left {display: flex; gap: 10px;}
.calculation-wrap .top .info-wrap2 .left .circle-txt {width: 110px; height: 110px; border-radius: 999px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; background: rgba(110, 110, 118, 0.10); font-size: 20px; font-weight: 500; color: rgba(46, 46, 51, 0.60);}
.calculation-wrap .top .info-wrap2 .left .circle-txt.active {background: #52B5D9; box-shadow: 0 0 20px 0 rgba(119, 184, 245, 0.24); color: #fff;}
.calculation-wrap .top .info-wrap2 .right {padding: 18px 22px 18px 40px; border-radius: 20px; border: 2px solid #FFDA57; box-shadow: 0px 1px 20px 0px #FFDA57; background: #FFF5AD; text-align: right;}
.calculation-wrap .top .info-wrap2 .right span {font-family: 'BMDOHYEON';}
.calculation-wrap .top .info-wrap2 .right em {font-size: 32px; font-family: 'BMDOHYEON';}
.calculation-wrap .top .info-wrap2 .right p {font-size: 18px; color: rgba(46, 46, 51, 0.90); margin-bottom: 8px;}
.calculation-wrap .top .info-wrap2 .right .result-box {display: flex; align-items: center; gap: 4px;}
.calculation-wrap .top .info-wrap2 .right b {font-size: 32px;}
.calculation-wrap .mid {padding: 48px 40px 0;}
.calculation-wrap .mid .category-list {gap: 10px;}
.calculation-wrap .mid .category-list .btn {padding: 8px 16px; font-weight: 500; cursor: unset; pointer-events: unset;}
.calculation-wrap .mid .gray-box {padding: 20px 24px; border-radius: 14px; background: rgba(110, 110, 118, 0.05); text-align: center; margin-top: 24px;}
.calculation-wrap .mid .gray-box p {font-size: 20px; font-weight: 500; color: rgba(46, 46, 51, 0.60); line-height: 1.5; word-break: keep-all;}
.calculation-wrap .mid .gray-box p span {font-weight: 700; color: rgba(46, 46, 51, 0.90);}
.calculation-wrap .mid .sub-tit {font-size: 22px; margin: 64px 0 24px;}

/* 보험기획관 */
.combination-wrap {}
.combination-wrap > ul {}
.combination-wrap > ul > li {border-radius: 24px; position: relative; overflow: hidden; word-break: keep-all;}
.combination-wrap > ul > li > div {display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 30px 32px; border-radius: 40px; cursor: pointer; height: 190px;}
.combination-wrap > ul > li .tit-wrap {display: flex; align-items: center; gap: 44px;}
.combination-wrap > ul > li .tit-wrap .tag {padding: 14px 40px; border-radius: 999px; font-size: 28px; font-weight: 700; flex: none;}
.combination-wrap > ul > li .tit-wrap .tit {font-size: 34px; font-weight: 700;}
.combination-wrap > ul > li .img-wrap {display: flex; align-items: center; gap: 50px;}
.combination-wrap > ul > li .img-wrap img {width: 130px; height: 130px; aspect-ratio: 1/1;}
.combination-wrap > ul > li .img-wrap i {width: 36px; height: 36px; background-image: url("../../images/user/sub/ico-right-arrow.png");}
.combination-wrap > ul > li.green {background: #F4FBF5; border: 2px solid #E9F7E0;}
.combination-wrap > ul > li.green .tag {background: #E9F7E0; color: #6B7;}
.combination-wrap > ul > li.pink {background: #FFF6F7; border: 2px solid #FFEAEA;}
.combination-wrap > ul > li.pink .tag {background: #FFEAEA; color: #FF8B94;}
.combination-wrap > ul > li.blue {background: #F3FAFF; border: 2px solid #E6F6FF;}
.combination-wrap > ul > li.blue .tag {background: #E6F6FF; color: #52B5D9;}
.combination-wrap > ul > li.orange {background: #FFF8EE; border: 2px solid #FFF1DA;}
.combination-wrap > ul > li.orange .tag {background: #FFF1DA; color: #FF9E57;}
.combination-wrap > ul > li.purple {background: #FAF6FF; border: 2px solid #F1E6FF;}
.combination-wrap > ul > li.purple .tag {background: #F1E6FF; color: #AE7BFF;}
.combination-wrap > ul > li + li {margin-top: 24px;}
.combination-wrap > ul > li .hover-wrap {height: auto; position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 30px 32px; border-radius: 40px; transition: transform 0.35s ease;}
.combination-wrap > ul > li .hover-wrap > ul {display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; text-align: center;}
.combination-wrap > ul > li .hover-wrap > ul > li {padding: 0 8px;}
.combination-wrap > ul > li .hover-wrap > ul > li:not(:last-child) {border-right: 1px solid rgba(110, 110, 118, 0.15);}
.combination-wrap > ul > li .hover-wrap > ul > li .th {display: flex; align-items: center; align-items: center; justify-content: center; gap: 12px; font-size: 24px; font-weight: 700; text-align: left;}
.combination-wrap > ul > li .hover-wrap > ul > li .th i {width: 24px; height: 24px;}
.combination-wrap > ul > li.green .hover-wrap > ul > li .th i {background-image: url("../../images/user/sub/ico-check_green.png");}
.combination-wrap > ul > li.pink .hover-wrap > ul > li .th i {background-image: url("../../images/user/sub/ico-check_pink.png");}
.combination-wrap > ul > li.blue .hover-wrap > ul > li .th i {background-image: url("../../images/user/sub/ico-check_blue.png");}
.combination-wrap > ul > li.orange .hover-wrap > ul > li .th i {background-image: url("../../images/user/sub/ico-check_orange.png");}
.combination-wrap > ul > li.purple .hover-wrap > ul > li .th i {background-image: url("../../images/user/sub/ico-check_purple.png");}
.combination-wrap > ul > li .hover-wrap > ul > li .td {font-size: 18px; color: rgba(46, 46, 51, 0.90); margin-top: 12px;}
.combination-wrap > ul > li > .default-wrap {transition: all .3s;}
.combination-wrap > ul > li > .hover-wrap {position: absolute; inset: 0; transform: none; opacity: 0; pointer-events: none; transition: all .3s; z-index: 1;}
.combination-wrap > ul > li:hover > .default-wrap {}
.combination-wrap > ul > li:hover > .hover-wrap {opacity: 1; pointer-events: auto;}
.combination-wrap > ul > li.green:hover > .hover-wrap {background: #F4FBF5;}
.combination-wrap > ul > li.pink:hover > .hover-wrap {background: #FFF6F7;}
.combination-wrap > ul > li.blue:hover > .hover-wrap {background: #F3FAFF;}
.combination-wrap > ul > li.orange:hover > .hover-wrap {background: #FFF8EE;}
.combination-wrap > ul > li.purple:hover > .hover-wrap {background: #FAF6FF;}

/* claims-wrap*/
.claims-wrap {padding: 70px 0; margin-top: 70px; background: rgba(110, 110, 118, 0.05);}
.claims-wrap .tab-menu {border-radius: 999px; background: rgba(110, 110, 118, 0.10); display: flex; align-items: center; width: fit-content; margin-bottom: 64px;}
.claims-wrap .tab-menu button {border-radius: 999px; padding: 12px 32px; height: 56px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-family: 'BMDOHYEON'; color: rgba(46, 46, 51, 0.60); position: relative;}
.claims-wrap .tab-menu button.active {background: linear-gradient(138deg, #52B5D9 0%, #FF8B94 100%); color: #fff;}
.claims-wrap .tab-menu button:not(:first-child)::before {content: ''; width: 1px; height: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #7373734d;}
.claims-wrap .claims-box {padding: 48px 40px; border-radius: 32px; border: 1px solid rgba(228, 228, 231, 0.80); box-shadow: 0 4px 24px 0 rgba(29, 29, 32, 0.08); background: #fff;}
.select-box {padding: 24px; border-radius: 24px; background: #FFEAEA;}
.select-box.green {background: #E9F7E0;}
.select-box select {border-radius: 14px; border: 1px solid rgba(228, 228, 231, 0.80); background-color: #fff; font-size: 18px;}
.claims-wrap .main-tit__wrap {margin-bottom: 24px;}
.form-box .select-box {margin-bottom: 24px;}

/* remodeling-wrap */
.select-box2 {padding: 24px; border-radius: 24px; background: #E9F7E0; margin: 24px 0;}
.select-box2 .form-col {padding: 24px; border-radius: 24px; background: #fff;}
.select-box2 select {border-radius: 14px; border: 1px solid rgba(228, 228, 231, 0.80); background-color: #fff; font-size: 18px;}

/* planner */
.accordion-wrap {background: #E9F7E0; margin: 40px 0 24px; padding: 0; border-radius: 24px; overflow: hidden;}
.accordion-wrap .accordion-btn {padding: 24px; width: 100%; text-align: left; position: relative;}
.accordion-wrap .accordion-btn.active {}
.accordion-wrap .accordion-btn::before,
.accordion-wrap .accordion-btn::after{content: '';display:inline-block;width: 14px;height: 2px;background: var(--color-700); transition: .4s; position: absolute; top: 50%; right: 24px; transform: translateY(-50%);}
.accordion-wrap .accordion-btn::before{transform: translateY(-50%) translateX(-10px) rotate(45deg);}
.accordion-wrap .accordion-btn::after{transform: translateY(-50%) rotate(-45deg);}
.accordion-wrap .accordion-btn.active::before{transform: translateY(-50%) translateX(-10px) rotate(-45deg);}
.accordion-wrap .accordion-btn.active::after{transform: translateY(-50%) rotate(45deg);}

.choice-ul {display: none; padding: 0 24px 24px;}
.choice-ul > li {border-radius: 14px; padding: 16px 24px; border: 1px solid #E4E4E7CC; background: #fff;}
.choice-ul > li + li {margin-top: 12px;}
.choice-ul > li .tit {font-size: 18px; color: #1D1D20;}
.choice-ul > li .txt {font-size: 16px; color: #2E2E3399; margin-top: 10px;}

.rcmd-wrap {padding: 70px 0; margin-top: 70px;}
.rcmd-wrap .bbsCard-list li {padding: 12px;}
.rcmd-wrap .checkbox-basic input[type=checkbox] + label::before {background-image: url("../../images/cmn/ico-check_gray.png"); background-size: contain; margin-right: 0;}
.rcmd-wrap .bbsCard .comBox .checkbox-basic input[type=checkbox]:checked + label::before{background-image: url("../../images/cmn/ico-check_green.png"); background-size: contain; margin-right: 0;}


/* 20250630 qa 수정 */
.service-cont .quick-menu {height: 345px;overflow-y: auto;}
.infoBox{min-height: 220px;}
.product-detail__wrap .detail-area.green .detail-tit span{font-size: inherit; font-weight: 700; color: inherit; font-family: 'Pretendard';}
.product-detail__wrap .detail-area.green .detail-tit div{
    font-size: inherit;
    font-family: inherit;
}
.product-detail__wrap .detail-area.green .detail-cont{
    color: rgba(46, 46, 51, 0.90);
    font-size: 14px;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
}



@media screen and (max-width: 1480px) {
    /* quick-menu */
    .quick-menu {padding: 0;flex-wrap: wrap;gap: 15px;}
    .quick-menu > li > a {width: 100%;display: block;}
    .quick-menu > li p {font-size: 18px;}
    .quick-menu > li img {max-width: 100%;}

    .comBox{padding: 30px;}
    .comBox-tit {font-size: 22px;}
    .comBox-subTit {font-size: 18px;}
    .comBox-img.img-small img{max-width: 160px;}
    .comBox-linkTxt{font-size: 16px;}

    /* confirm-box */
    .confirm-box.confirm-aply {display: block;}
    .confirm-aply .left-area {padding-right: 0;margin-right: 0;padding-bottom: 40px;margin-bottom: 40px;}
    .confirm-aply .left-area::after {width: calc(100% - 40px);height: 1px;border-right: 0;border-bottom: 2px solid var(--color-200);top: auto;transform: none;bottom: 0;right: auto;left: 20px;}
    .confirm-counsel.confirm-box {padding: 40px 30px;}

    /* sub-banner */
    .sub-banner {height: 240px;}
    .sub-banner .top_location .top_tit {font-size: 32px; margin-top: 30px;}
    .sub-banner__wrap{margin-top: 0;}
    .sub-banner__wrap .inner.flex-space {flex-direction: column;gap: 50px;}
    .sub-banner__l {margin-top: 40px;}
    .sub-banner__tit {font-size: 40px;}
    .sub-banner__txt p {font-size: 20px;}
    .sub-banner__btn {margin-top: 40px;}
    .sub-banner.type02 .inner{gap: 50px;}
    .sub-banner.type02_slide .sub-banner__r img {width: 500px;}
    .sub-banner.type02_slide .inner {max-width: calc(100% - 100px);}
    .sub-banner.type02_slide .sub-banner__cont{gap: 40px;}
    .sub-banner.type02_slide .slide-btn.swiper-prev{left: -20px}
    .sub-banner.type02_slide .slide-btn.swiper-next{right: -20px}
    .sub-banner.type02_slide .sub-banner__cont {flex-direction: column-reverse;}
    .sub-banner.type02.type02_ .sub-banner__l {width: 500px;}

    /* category */
    .category-list {gap: 10px;flex-wrap: nowrap;overflow-y: auto;}
    .category-list .btn {font-size: 16px;padding: 10px 18px;white-space: nowrap;}

    /* bbs */
    .bbsCard-list li {width: 50%;}
    .comBox-flex{flex-direction: column;}
    .comBox-flex > *.comBox{width: 100%;}
    .comBox-flex .flex-item-2{min-height: 700px;}
    .comBox-flex + .comBox-flex{margin-top: 30px;}
    .bbs-top {flex-direction: column;gap: 30px;}
    .bbs-top .category {flex: 1; width: 100%;}
    .bbs-top__btn {width: 100%;display: flex;justify-content: right;}
    .bbsQa .bbstb_tr > li.num {display: none;}
    .bbs-table.photo > ul{width: 50%;}
    .comBox-table.table-big.table-overflow {overflow-x: auto;}
    .comBox-table.table-big.table-overflow table {min-width: 1200px; width: 100%;}

    .main-banner.topImg .sub-banner__wrap{margin-top: 30px;}
    .main-banner.topImg .sub-banner__l {margin-top: 50px;width: 100%;}
    .main-banner.topImg .sub-banner__wrap .inner {flex-direction: column;align-items: baseline;}
    .main-banner.topImg .main-banner__txt {padding-bottom: 80px;}
    .main-banner.topImg .sub-banner__r {max-width: 100%;display: flex;justify-content: right;}
    .main-banner.topImg .sub-banner__r img {width: 60%;}
    .main-banner.topImg .tit{white-space: normal}

    .card{padding: 20px;}
    .comBox-numList.flex {/*flex-wrap: wrap;*/gap: 34px;}
    .comBox-numList > li.comBox {padding: 20px 10px;}
    .comBox-numList.flex > li:not(:last-child)::before {width: 26px; height: 26px; right: -32px;}
    /*.comBox-numList.flex > li {flex: none;width: calc(50% - 10px);}*/
    /*.comBox-numList.flex > li + li {margin-left: 0;}*/
    .card-list .card.flex-c-space {flex-direction: column-reverse; gap: 10px;}
    .ex-list.flex {flex-direction: column;}

    .card-list .comBox-img {max-width: 300px;margin: 0 auto;}
    .card-list .card-txt01 {font-size: 20px;}
    .card-list .card-txt02 {font-size: 20px;}
    .card-list.flex .card .comBox-tit {font-size: 22px;}
    .card-list.flex .card .comBox-img {margin-top: 30px;}
    .card-list.flex .card .comBox-img img {max-width: 110px;}

    .box-list .quick-menu{}
    .row.service {flex-direction: column;}
    .service-cont {width: 100%;}
    .service-cont .comBox {padding: 40px 30px;}
    .check-select02 input[type="checkbox"] + label, .check-select02 input[type="radio"] + label {width: 100%;height: auto;}
    .check-select02.big input[type="checkbox"] + label, .check-select02.big input[type="radio"] + label {width: 100%;height: auto;}
    .lifePlan-list {gap: 0;margin: -10px;}
    .lifePlan-list > li {width: 33.3333%;padding: 10px;}
    .lifePlan .main-tit{font-size: 32px;}
    .comBox-bg-gray {margin: 0 -40px;}
    .bbsCard-list.compare-list > li {width: 50%;}

    .sub-menu {width: calc(100% - 80px);}
    .sub-menu > ul > li > a {min-width: auto;}
    .topImg-company .topImg-tit{font-size: 32px;}
    .companyIntro-wrap {flex-direction: column-reverse;gap: 49px;align-items: baseline;padding: 0 40px;}
    .greeting-l {margin-left: 0;}
    .greeting-r {width: 100%;}
    .greeting-img {border-radius: 40px;}
    .greeting-img img{width: 100%;}
    .companyIntro-wrap.history{padding: 0;}
    .companyIntro-wrap.management{padding: 0;}
    .history-r {width: 100%;}
    .history-img {width: 100%;height: 0;padding-bottom: 56.25%;}
    .history-img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
    .management-list {flex-direction: column;}
    .companyIntro-wrap.organization{padding: 0;}
    .sub-list {position: static;transform: none;margin-top: 20px;}
    .sub-list > li::before {bottom: 100%;right: auto;left: 50%;width: 1px;height: 25px;border-bottom: 0;border-right: 1px solid var(--color-400);}
    .branch-list {flex-wrap: wrap;gap: 40px 0;margin: 0 -10px;margin-top: 36px;}
    .branch-list > li {flex: none;width: 50%;padding: 0 10px;}
    .branch-list > li:last-child::before {display: none;}
    .org03::before {width: 51%;}

    /* 보험 비교 */
    .infoBox {padding: 36px;}
    .infoBox .infoBox-wrap {padding: 0;}
    .product-detail__wrap .detail-area {padding: 40px 32px;}
    .product-detail__wrap .detail-area.pink .detail-tit {padding: 40px 32px 16px;}
    .product-detail__wrap .detail-area.pink .detail-txt {padding: 0 32px 40px;}
    .product-detail__wrap .detail-area.blue .detail-tit {padding: 40px 32px 16px;}
    .product-detail__wrap .detail-area.blue .detail-txt {padding: 0 32px 40px;}
    .product-detail__wrap .detail-area.green .detail-tit {padding: 40px 32px 16px;}
    .product-detail__wrap .detail-area.green .detail-cont {padding: 0 32px 40px;}
    .product-detail__wrap .detail-tit {font-size: 24px;}

    .detail-area.blue .info-section__title {font-size: 15px;}
    .detail-area.blue .premium-table thead th, .detail-area.blue .premium-table tbody td {padding: 10px 14px; font-size: 13px;}
    .detail-area.blue .info-detail-item .label, .detail-area.blue .info-detail-item .value {font-size: 13px;}
    .detail-area.blue .info-btn-wrap .btn-outline {padding: 12px 16px; font-size: 13px;}

    .calculation-wrap .top {gap: 40px;}
    .calculation-wrap .top .info-wrap {gap: 20px;}
    .calculation-wrap .top .info-wrap2 {gap: 30px;}
    .calculation-wrap .top .info-wrap2 .left .circle-txt {width: 100px; height: 100px;}
    .calculation-wrap .top .info-wrap2 .right {padding: 14px 16px 14px 30px;}

    .combination-wrap > ul > li > .default-wrap {padding: 20px; height: 160px;}
    .combination-wrap > ul > li .img-wrap img {width: 100px; height: 100px;}
    .combination-wrap > ul > li .tit-wrap {gap: 24px;}
    .combination-wrap > ul > li .tit-wrap .tit {font-size: 28px;}
    .combination-wrap > ul > li .tit-wrap .tag {font-size: 22px; padding: 12px 30px;}
    .combination-wrap > ul > li .img-wrap {gap: 30px;}

    /* 라이프플래너 */
    .product_ul {gap: 18px;}
    .product_ul li {padding: 18px 8px; font-size: 20px;}
}

@media screen and (max-width: 1024px) {
    /* comBox */
    .comBox {padding: 24px 22px;}

    .lifePlan-list > li {width: 50%;}

    .select-box {padding: 20px;}

    .form-box .btn.medium, .confirm-aply .btn.medium {min-width: 80px;}
    .btn.confirmBtn {height: 56px;}

    .confirm-box + .btn.confirmBtn, .bbsCard + .btn.confirmBtn {margin-top: 44px;}

    .sub-tit {font-size: 28px; margin-bottom: 30px;}
    .sub-tit__wrap {gap: 8px; margin-bottom: 30px;}
    .sub-tit__wrap i {width: 40px; height: 40px;}

    button.back-btn {gap: 12px; margin-bottom: 30px;}
    button.back-btn i {width: 44px; height: 44px;}
    button.back-btn .detail-sub-tit {font-size: 28px;}

    hr.line {margin: 50px auto;}
    hr.line2 {margin: 44px auto;}

    /* 보험비교 */
    .bbsCard-list li {padding: 12px;}
    .product-wrap {padding: 50px 0; margin: 50px 0;}
    .product-detail__wrap, .product-detail__wrap .detail-right {gap: 18px;}
    .product-detail__wrap .detail-area {padding: 28px 24px;}
    .product-detail__wrap .detail-area.pink .detail-tit {padding: 28px 24px 16px;}
    .product-detail__wrap .detail-area.pink .detail-txt {padding: 0 24px 28px;}
    .product-detail__wrap .detail-area.blue .detail-tit {padding: 28px 24px 16px;}
    .product-detail__wrap .detail-area.blue .detail-txt {padding: 0 24px 28px;}
    .product-detail__wrap .detail-area.green .detail-tit {padding: 28px 24px 16px;}
    .product-detail__wrap .detail-area.green .detail-cont {padding: 0 24px 28px;}
    .product-detail__wrap .detail-tit {font-size: 22px; padding: 40px 0 16px;}
    .product-detail__wrap .detail-area.green .detail-tit a, .product-detail__wrap .detail-area.green .detail-tit span.download-btn {padding: 14px 24px; font-size: 16px;}

    .detail-area.blue .info-section__title {font-size: 14px;}
    .detail-area.blue .premium-table thead th, .detail-area.blue .premium-table tbody td {padding: 10px 12px; font-size: 12px;}
    .detail-area.blue .info-detail-item .label, .detail-area.blue .info-detail-item .value {font-size: 12px;}
    .detail-area.blue .info-detail-item .label {min-width: 60px;}
    .detail-area.blue .info-btn-wrap .btn-outline {padding: 10px 14px; font-size: 12px;}

    .infoBox {padding: 32px;}
    .infoBox.bg-on::before {width: 80px; height: 110px; right: 2%;}
    .infoBox.bg-on .infoBox-tit img {max-height: none; width: 100%;}
    .infoBox .infoBox-tit {font-size: 28px;}
    .infoBox .infoBox-tit + p {margin-top: 18px;}
    .infoBox .infoBox-wrap .img {width: 130px; height: 130px;}
    .infoBox .infoBox-wrap .right .infoBox-tit {font-size: 24px;}

    .calculation-wrap {padding: 28px 0;}
    .calculation-wrap .top {padding: 0 28px 20px; flex-direction: column; align-items: flex-start; gap: 20px;}
    .calculation-wrap .top .info-wrap .img, .calculation-wrap .top .info-wrap2 .left .circle-txt {width: 80px; height: 80px;}
    .calculation-wrap .top .info-wrap .info .name em, .calculation-wrap .top .info-wrap2 .right em {font-size: 24px;}
    .calculation-wrap .top .info-wrap2 .right {padding: 10px 14px 10px 26px;}
    .calculation-wrap .mid {padding: 20px;}
    .calculation-wrap .mid .gray-box {padding: 16px 20px;}
    .calculation-wrap .mid .gray-box p {font-size: 18px;}
    .calculation-wrap .mid .sub-tit {margin: 44px 0 14px;}

    .combination-wrap > ul > li > .default-wrap {padding: 14px; height: 140px;}
    .combination-wrap > ul > li > .hover-wrap {padding: 14px;}
    .combination-wrap > ul > li .tit-wrap {gap: 18px;}
    .combination-wrap > ul > li .tit-wrap .tag {font-size: 20px; padding: 10px 24px;}
    .combination-wrap > ul > li .tit-wrap .tit {font-size: 24px;}
    .combination-wrap > ul > li .img-wrap {gap: 22px;}
    .combination-wrap > ul > li .img-wrap img {width: 80px; height: 80px;}
    .combination-wrap > ul > li .img-wrap i {width: 32px; height: 32px;}
    .combination-wrap > ul > li .hover-wrap > ul > li {padding: 0 4px;}
    .combination-wrap > ul > li .hover-wrap > ul > li .th {font-size: 20px; gap: 8px;}
    .combination-wrap > ul > li .hover-wrap > ul > li .th i {width: 20px; height: 20px;}

    /* 사이버 창구 */
    .comBox-numList.flex {flex-wrap: wrap; gap: 20px;}
    .comBox-numList.flex > li {flex: none;width: calc(50% - 10px);}
    .comBox-numList.flex > li:not(:last-child)::before {content: unset;}

    .claims-wrap {padding: 50px 0; margin-top: 50px;}
    .claims-wrap .tab-menu {margin-bottom: 40px;}
    .claims-wrap .tab-menu button {padding: 10px 24px; font-size: 17px;}
    .claims-wrap .claims-box {padding: 38px 30px;}

    /* 라이프플래너 */
    .product_ul {grid-template-columns: repeat(5, 1fr);}
    .card-list.flex {flex-direction: column; gap: 16px;}
    .card-list.flex .card .comBox-tit {font-size: 20px;}
    .card-list.flex .card .comBox-tit br {display: none;}
    .card-list.flex .card .comBox-img {max-width: 100%;}
    .rcmd-wrap {padding: 50px 0; margin: 50px 0;}
}

@media screen and (min-width: 769px) {
    .sub-menu > ul{display: flex !important;}

}

@media screen and (max-width: 768px) {

    /* quick-menu */
    .quick-menu{flex-wrap: wrap;margin: -10px;gap: 0;justify-content: center;width: auto;}
    .quick-menu > li{width: 33.3333%;flex: none;padding: 10px;}
    .quick-menu > li img{max-width: 68px; width: 100%; margin: 0 auto; display: flex; justify-content: center;}
    .quick-menu > li p{font-size: 14px;}
    .quick-menu > li p::after{height: 16px;width: 100px;}

    /* comBox */
    .comBox{padding: 20px; border-radius: 20px;}
    .comBox-img.img-small img{max-width: 140px;}
    .comBox-subTit{font-size: 16px; margin-bottom: 8px;}
    .comBox-tit.tit-big {font-size: 20px;}
    .comBox-tit.tit-xs{font-size: 16px;}
    .comBox-tag__wrap{gap: 8px 10px;}
    .comBox-tag {font-size: 14px;padding: 8px 11px; height: 34px;}
    .comBox-top__wrap {flex-direction: column;}
    .comBox-tit.tit-small {font-size: 20px;}
    .comBox-list > li {width: calc(100% - 40px);}
    .comBox-img.img-small {width: 100%;height: auto; display: flex;justify-content: right;margin: 0;}
    .comBox-btn {height: 44px;font-size: 18px;}
    .comBox .btn-wrap .btn + .btn {margin-left: 15px;}
    .comBox-subTxt {font-size: 14px;}
    .comBox-table table td {padding: 12px;font-size: 15px;}
    table th, table td {font-size: 15px;}
    .comBox-bg::before {height: 300px;}
    .comBox-numList {margin-top: 20px;}
    .comBox-numList > li {font-size: 16px;gap: 10px;}
    .comBox-numList > li + li {margin-top: 18px;}
    .comBox-numList > li.comBox {padding: 16px 10px;}
    .comBox-numList .num {width: 30px;height: 30px;font-size: 14px;margin-top: -3px;}
    .comBox-numList .num i {width: 18px; height: 18px;}
    .comBox-numList.flex{gap: 15px}
    .comBox-numList.flex > li {width: 100%; align-items: center; word-break: keep-all; font-size: 16px; flex-direction: unset; justify-content: flex-start; text-align: left;}
    .comBox-numList.flex > li br {display: none;}
    .comBox-numList.form > li {width: calc(33.333% - 10px);}
    .comBox-flex .flex-item-2{padding: 30px 20px 110px; min-height: 500px;}
    .comBox-flex .flex-item-1{padding: 30px 20px}
    .comBox-flex .comBox-subTit{font-size: 24px;}
    .comBox-table.table-overflow {overflow-x: auto;}
    .comBox-table.table-overflow table {min-width: 900px; width: 100%;}
    .comBox-table.table-big.table-overflow table {min-width: 1100px; width: 100%;}
    .comBox-table table tbody th {width: 200px;}
    .form-info__list .comBox-tag {font-size: 14px;padding: 8px 12px;}
    .guide-btn .btn {font-size: 16px;}
    .toggle-head {position: relative;}
    .toggle-tit {flex-direction: column;align-items: flex-start;flex: 1;width: 100%;}
    .toggle-tit .tit{font-size: 24px;}
    .toggle-tit .subTit {line-height: 1.5;}
    .toggle-head .toggle-btn {position: absolute;top: 12px;right: 0;}
    .toggle-box {padding: 0 20px;}
    .toggle-head .toggle-btn span::before,
    .toggle-head .toggle-btn span::after {width: 11px;}
    .tit-box{padding: 15px 20px; border-radius: 10px;}
    .bbsCard-list .btn-wrap {margin-top: 16px;}

    /* slide */
    .slide-btn {width: 35px;height: 35px;}
    .slide-btn.swiper-prev i,
    .slide-btn.swiper-next i{width: 8px;height: 15px;}
    .more-btn i {width: 20px;height: 20px;}

    /* top_location */
    .top_location{margin-top: 20px;}
    .top_location li{font-size: 14px;}

    /* confirm-box */
    .confirm-box{border-radius: 20px; padding: 20px 16px;}
    .confirm-box.style02 {padding: 20px 16px;}
    .form-input__tit{font-size: 16px;}
    .form-input__wrap input{padding: 0 15px; font-size: 16px;}
    .confirm-box .btn.confirmBtn{height: 50px; font-size: 20px; border-radius: 10px;}
    .row.row-3 {flex-direction: column;align-items: flex-start;gap: 0;}
    .row.row-3 .form-row + .form-row {margin-top: 24px;}
    .row.row-3 .form-button-group.btn-2ea{margin-top: 10px;}
    .row.row-3 > * {width: 100%;}
    .row {display: block;}
    .row-2 .form-row + .form-row {margin-top: 24px;}
    .form-button-group {/*margin-top: 10px;*/ width: 100px;}
    .form-button-group > * {flex: 1;}
    .form-box .btn.medium, .confirm-aply .btn.medium {min-width: 60px; height: 44px; font-size: 16px;}
    .check-select input[type="radio"] + label {width: 100%;}
    .btn-2ea .btn {width: 100%;}
    .form-row + .form-row {margin-top: 8px;}
    .form-input__wrap input, .form-input__wrap select{width: 100%;}
    .confirm-counsel.confirm-box{padding: 30px 16px;}
    .confirm-counsel .form-row + .form-row{margin-top: 18px;}
    .confirm-counsel.confirm-box .confirmBtn{margin-top: 30px;}
    .confirm-aply.confirm-box{padding: 30px 16px; margin-top: 50px;}
    .confirm-aply .left-area {padding-bottom: 30px;margin-bottom: 30px;}
    .confirm-aply .left-tit {font-size: 26px;line-height: 1.5;text-align: center;}
    .confirm-aply .left-cont {text-align: center;font-size: 16px;word-break: keep-all;}
    .confirm-aply .free-call {flex-direction: column;align-items: center;}
    .confirm-aply .free-call img {width: 120px;}
    .confirm-aply .free-call__txt {text-align: center;margin-bottom: 0;}
    .confirm-aply .free-call__btn {font-size: 16px;}
    .confirm-aply .free-call__btn .ico-call {width: 20px;height: 20px;}
    .confirm-aply .free-call__phone {font-size: 26px;}
    .confirm-box .btn.medium {min-width: 70px;font-size: 16px;}
    .form-box .checkbox-basic.bg-gray {padding: 20px 15px;}
    .form-box .checkbox-basic.txt-big label {font-size: 16px;}
    .confirm-box.type02 {padding: 20px;border-radius: 15px;}
    .confirm-box.type02 .comBox-cont {font-size: 16px;}
    .confirm-box.confirm-counsel .btn.medium{min-width: 120px;}

    /* info-banner */
    .info-banner{flex-direction: column-reverse; gap: 0; height: auto; padding: 20px 0;}
    .info-banner img{width: 100px;}
    .info-banner .txt01{font-size: 20px;}
    .info-box{padding: 20px; border-radius: 10px;}
    .info-box p{font-size: 14px;}
    .counsel-profile__top img{width: 60px;}
    .counsel-profile__top p{font-size: 18px;}
    .counsel-profile__top p::after {width: 150px;height: 35px;}

    /* modal */
    .modal-profile.modal-common{max-width: 90%;}
    .modal-agree .toggle-head {height: 50px;}
    .modal-agree .toggle-head .toggle-btn {top: 9px;right: -10px;width: 30px;height: 30px;}
    .modal-agree .checkbox-all.checkbox-basic a, .checkbox-all.checkbox-basic input[type=checkbox] + label {font-size: 15px;}
    .modal-agree .radio-cir02 a,
    .modal-agree .radio-cir02 input[type=radio] + label{font-size: 14px;}

    /* sub-banner */
    .sub-banner{padding: 25px 0 30px;}
    .sub-banner {height: 160px;}
    .sub-banner .top_location .ico-home {width: 28px; height: 28px;}
    .sub-banner .top_location .top_tit {font-size: 22px; margin-top: 10px;}
    .sub-banner__tit{font-size: 36px; margin-bottom: 15px;}
    .sub-banner__txt p{font-size: 18px;}
    .sub-banner__btn {margin-top: 30px; width: 140px;height: 45px;font-size: 16px;border-radius: 10px;}
    .sub-banner.type02{margin-top: 30px;}
    .sub-banner.type02 .inner{flex-direction: column; gap: 30px;}
    .sub-banner.type02 .comBox-caution{margin-top: 40px; line-height: 1.5;}
    .sub-banner.type02.type02_ .comBox-tit {font-size: 24px;}
    .sub-banner.type02.type02_ .inner {gap: 10px;}
    .sub-banner.type02_slide .inner {max-width: 100%;}
    .sub-banner.type02.type02_.type02_slide .sub-banner__r {padding: 0;width: 100%;height: 0;padding-bottom: 56.25%;position: relative;overflow: hidden;}
    .sub-banner.type02_slide .slide-btn.swiper-prev {left: 35px;}
    .sub-banner.type02_slide .slide-btn.swiper-next {right: 35px;}
    .sub-banner.type02_slide .sub-banner__r img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 20px;object-fit: cover;}
    .sub-banner.type02.type02_ .inner.gap-80 {gap: 20px;}
    .sub-banner.type02.type02_ .comBox-subTxt {font-size: 16px;margin-top: 10px;}
    .sub-banner.type02_slide .sub-banner__cont {flex-direction: column-reverse;}
    .sub-banner.type02_slide .sub-banner__cont {gap: 20px;}
    .sub-banner.type02_slide .slide-btn {top: 120px;}
    .sub-banner.type02.type02_ .sub-banner__l{width: 100%;}

    /* bbs */
    .bbsCard{margin-top: 20px;}
    .bbsCard-list {margin: -10px;}
    .bbsCard-list li {width: 100%; padding: 10px;}
    .bbsCard-list .comBox{border-radius: 20px;}
    .bbsCard-list .comBox-tit {min-height: 56px;}
    .bbsCard-list.noList .comBox-tit {font-size: 16px;}
    .bbsCard-list.noList .comBox {padding: 20px;border-radius: 15px;}
    .bbs .paging .paging_ul .paging_li:not(:last-child){margin-right: 10px;}
    .bbs .paging .paging_ul .paging_li:not(:last-child).paging_prev{margin-right: 20px}
    .bbs-table.photo{margin: -20px 0;}
    .bbs-table.photo > ul{width: 100%; padding: 20px 0;}
    .bbs-table.photo .bbstb_td.td_date{font-size: 14px;}
    .bbs-table.photo .td_subj{font-size: 18px; margin-top: 10px;}
    .bbs-table.photo .bbstb_td.td_date:before{display: none;}
    .bbs-table.photo .bbstb_tr.tbody .td_img{border-radius: 15px;}
    .board-detl .title-bar {display: flex; margin: 30px 0 0;}
    .board-detl .title-bar .tit_ span {font-size: 12px;}
    .board-detl .title-bar h3 {font-size: 22px; line-height: 27px;}
    .board-detl .title-bar .hit {justify-content: end; margin: 10px 0 0;}
    .board-detl .detl-cont {padding: 30px 0;}
    .board-detl .detl-cont p {font-size: 14px; line-height: 1.4;}
    .board-atchfile{padding: 20px 25px}
    .board-atchfile .preview-btn {font-size: 12px;}
    .board-atchfile li .file-wrap a {font-size: 14px;}
    .tbl-nav > ul > li > span {max-width: 90px;}
    .tbl-nav .tbl-nav__btn {height: 48px;}
    .btn.confirmBtn {height: 48px; font-size: 16px;}
    .btn.confirmBtn.bbsView-btn{width: 100%;}
    .bbsFaq .toggle-head {padding-right: 22px;}
    .bbsFaq .toggle-head .tit span {font-size: 20px;}

    .bbsFaq .toggle-head .tit h3 {font-size: 16px;}
    .bbsFaq .toggle-head .toggle-btn {top: 7px;right: -10px;}
    .bbsFaq .toggle-body {padding-top: 20px;}
    .bbsFaq .toggle-body p {font-size: 16px;}
    .bbsFaq .toggle-body p::before {font-size: 20px;margin-top: -3px;}

    /* schBar */
    .bbsBar {flex-direction: column-reverse;align-items: baseline;justify-content: center;margin: 20px 0 40px;}
    .bbsBar .bbs-total {margin: 20px 0 0;font-size: 14px;}
    .bbsBar .bbsBar-sch {width: 100%;display: block;}
    .bbsBar .bbsBar-sch input, .bbsBar .bbsBar-sch select {font-size: 14px;}
    .bbsBar .bbsBar-sch .bbsBar-select + .bbsBar-input {width: 100%; flex: 1; margin-left: 8px;}
    .bbsBar .bbsBar-sch .bbsBar-input .input-wrap .search {margin-left: 8px;}
    .bbsBar form {width: 100%;}
    .bbsBar .bbsBar-sch .bbsBar-select {margin-bottom: 10px;margin-right: 0;}
    .bbsBar .bbsBar-sch .bbsBar-select + .bbsBar-input {margin-left: 0;}

    .comBox-flex .flex-item-2 .comBox-tit {font-size: 28px;}
    .form-info__list > div {align-items: baseline;}
    .main-banner.topImg .sub-banner__l {margin-top: 30px;}
    .main-banner.topImg .subTit {font-size: 16px;}
    .main-banner.topImg .tit {font-size: 34px;word-break: keep-all;}
    .main-banner.topImg .main-banner__txt .txt {font-size: 20px;margin-top: 30px;}
    .main-banner.topImg .main-banner__txt {padding-bottom: 0;}
    .main-banner.topImg .sub-banner__r {margin-bottom: 30px;}

    .card-list.grid {grid-template-columns: repeat(1, 1fr);}
    .card-list .card-txt01 {font-size: 18px;}
    .card-list .card-txt02 {font-size: 18px;}
    .card-list .card-r {max-width: 125px;}
    .cardTxt {font-size: 16px;}
    .box-list + .box-list {margin-top: 50px;}
    .box-list .quick-menu{gap: 0}
    .box-list .quick-menu > li{flex: none;}
    .box-list .quick-menu > li p::after {width: 100px;height: 16px;}
    .ex-top span {font-size: 16px;}
    .ex-process {gap: 10px; padding: 14px;}
    .ex-process.flex-c-all {flex-direction: column;gap: 15px;}
    .ex-process .arrow {transform: rotate(90deg);}
    .ex-process .txt {font-size: 14px;}
    .ex-process .price {font-size: 18px;}
    .ex-process .ex-before, .ex-process .ex-after {min-width: unset;}

    .ex-list .card .ex-process {justify-content: space-between;}
    .ex-list .card .ex-process .arrow {transform: unset;}
    .ex-list .card .ex-process .arrow img {max-width: 20px;}
    .ex-list .card .card-l .card-txt01 {font-size: 16px;}
    .ex-list .card .card-l .card-txt02 {font-size: 14px; margin-top: 10px;}
    .ex-list .card .card-r img {max-width: 80px;}
    .ex-list.flex {gap: 16px;}

    .card-list .comBox-img {max-width: 200px;}
    .service-cont__tit {font-size: 20px;}
    .row.service {flex-direction: column;display: flex;gap: 20px; margin-bottom: 50px;}
    .service-cont .comBox{padding: 30px 20px;}
    .service-cont .quick-menu > li {width: 33.333%;}
    .service-cont .quick-menu > li p {font-size: 14px;}
    .main-tit__wrap .sub-tit {FONT-SIZE: 18PX;}
    .comBox-cont.type02 {font-size: 16px;margin-top: 10px;}
    .btn-wrap.bottom-btn .btn {flex: 1;width: 100%;}
    .lifePlan .main-tit{font-size: 28px;}
    .lifePlan-list > li {width: 100%;}
    .comBox-bg-gray {margin: 0 -20px;}
    .lifePlan-result.comBox-bg-gray {padding: 20px;font-size: 16px;}
    /*.bbsCard .comBox .checkbox-basic input[type=checkbox] + label::before {width: 32px;height: 32px;border-radius: 5px;background-size: 18px;}*/
    .bbsCard .comBox .checkbox-basic {top: 0;}
    .btn-wrap.bottom-btn {display: block;}
    .btn-wrap.bottom-btn .btn + .btn {margin-top: 10px;margin-left: 0;}
    .lifePlan .comBox-tag__wrap {margin-right: 20px;}
    .bbsCard-list.compare-list > li {width: 100%;}
    .bbsQa{margin-top: 50px;}
    .tbody .bbstb_tr{display:block;text-align: left;padding: 15px 10px;height: auto;}
    .bbstb_td.name, .bbstb_td.date, .bbstb_td.state {display: inline-block;margin-top:14px;color: #757575;max-width: fit-content;font-size:12px;}
    .bbstb_td.date:before, .bbstb_td.state:before {content: "|"; padding-left: 5px; padding-right: 8px; color: #E4E4E4;}
    .bbsQa .bbstb_tr.empty > li {padding: 36px 0;background-size: 105px 36px;margin-top: 20px;}
    .bbsQa .bbstb_tr.empty > li p {margin-top: 16px;font-size: 14px;}
    .thead .bbstb_tr > li:not(.subj) {display: none;}
    .tbody .bbstb_tr .num {display: none;}
    .tbody .bbstb_tr > li {height: auto;line-height: unset;padding: 0; font-size: 16px;}
    .bbstb_td.state {margin-top: 10px;padding: 0;width: auto;text-align: left;}
    .tbody .bbstb_tr > li.bbstb_td.subj{font-size: 18px;}
    .container .btn-wrap {display: block;}
    .container .btn-wrap .btn {width: 100%;}
    .container .btn-wrap .btn + .btn {margin-top: 10px;margin-left: 0;}

    .tel-info {font-size: 24px;}
    .tel-info .ico__tel {width: 20px;height: 20px;}
    .banner-item {font-size: 16px;padding: 0 20px;}
    .main-cont{font-size: 16px;}
    .main-info{font-size: 14px;}
    .comBox-table table th.width-400,
    .comBox-table table th.width-370 {width: auto;}
    .sub-menu{background: transparent;box-shadow: none;width: calc(100% - 40px);bottom: -70px;transform: none;left: auto;height: auto;}
    .sub-menu__m{display: block;}
    .sub-menu > ul{display: none;position: absolute;top: 100%;left: 0;width: 100%;height: auto;border-radius: 0 0 10px 10px;background: #fff;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);z-index: 2;overflow: hidden;margin: 0;}
    .sub-menu > ul > li {padding: 0;}
    .sub-menu > ul > li.active > a{display: none;}
    .sub-menu > ul .btn {padding: 14px 20px;font-size: 18px;justify-content: left;height: 50px;}
    .sub-menu > ul .btn::after {display: none;}
    .sub-menu > ul .btn:hover{background-color: var(--sub-blue-10);}
    .companyIntro{margin-top: 100px;}
    .topImg.topImg-company {height: 200px;}
    .companyInfo-tit {font-size: 26px;line-height: 1.4;}
    .companyInfo-tit span{display: block;}
    .companyInfo-cont {font-size: 16px;line-height: 1.5;}
    .companyInfo-txt {padding: 30px 20px;}
    .companyIntro-top {font-size: 22px;line-height: 1.5;}
    .companyIntro-top span::before {top: -10px;}
    .companyIntro-top span::before, .companyIntro-top span::after {width: 35px;height: 23px;}
    .companyIntro-top span::after {bottom: -10px;}
    .greeting-img {border-radius: 20px;}
    .companyIntro-wrap {margin-top: 40px;padding: 0 20px;}
    .greeting-cont {font-size: 16px;}
    .greeting-name img {width: 120px;}
    .history-date {font-size: 24px;width: 70px;margin-right: 15px;}
    .history-cont {padding-left: 30px; padding-bottom: 30px;}
    .history-cont p {font-size: 16px;word-break: keep-all;}
    .history-cont::before {top: 9px;width: 10px;height: 10px;}
    .history-cont::after {top: 18px;left: 4px;}
    .management-list .list-top {font-size: 22px;padding: 10px 0;}
    .management-list .list-cont {font-size: 16px;}
    .orgTit {width: 100%;}
    .orgTit p {font-size: 20px;}
    .org01 .orgTit {height: 70px;}
    .org02 .orgTit {height: 80px;}
    .org02 {margin-top: 20px;}
    .sub-list {width: 100%;}
    .sub-list > li {width: 100%;height: 60px;font-size: 18px;}
    .branch-list {margin-top: 0;padding-top: 30px;gap: 30px 0;}
    .branch-list > li {width: 100%;}
    .org03::before {display: none;}
    .branchTit {height: 60px;font-size: 18px;}
    .dept-list > li {height: 45px;font-size: 17px;margin-top: 15px;}
    .branch-list > li:not(:first-child)::before {display: none;}

    .editor-content{margin-bottom: 50px;}
    .category-list .swiper-slide{margin-right: 10px!important;}
    .comBox-bg .comBox-cont {font-size: 16px;}
    .comBox-cont {font-size: 16px;}
    .sub-cont {font-size: 16px;}

    .sub-tit {font-size: 22px; margin-bottom: 20px;}
    .sub-tit.medium {font-size: 20px;}
    .sub-tit__wrap {gap: 6px; margin-bottom: 20px;}
    .sub-tit__wrap.small {margin: 24px 0 12px;}
    .sub-tit__wrap.small i {width: 20px; height: 20px;}

    .confirm-box + .btn.confirmBtn, .bbsCard + .btn.confirmBtn {margin-top: 24px;}
    hr.line {margin: 30px auto;}
    hr.line2 {margin: 24px auto;}

    /* 보험 비교 */
    button.back-btn {gap: 8px; margin-bottom: 20px;}
    button.back-btn i {width: 36px; height: 36px;}
    button.back-btn .detail-sub-tit {font-size: 22px;}

    .infoBox {padding: 20px 16px;}
    .infoBox.bg-on::before,
    .infoBox.bg-baby::before {content: unset;}
    .infoBox .infoBox-tit {font-size: 22px;}
    .infoBox .infoBox-tit + p {margin-top: 14px;}
    .infoBox p {font-size: 16px;}
    .infoBox p.etc {font-size: 14px; margin-top: 16px;}
    .infoBox .infoBox-wrap {flex-direction: column; align-items: flex-start; gap: 10px;}
    .infoBox .infoBox-wrap .img {width: 110px; height: 110px; margin: 0 auto;}
    .infoBox .infoBox-wrap .infoBox-tag__wrap {margin: 0 auto 16px;}
    .infoBox .infoBox-wrap .infoBox-tag__wrap .infoBox-tag {font-size: 14px;}
    .infoBox .infoBox-wrap .right .infoBox-tit {font-size: 20px;}
    .infoBox .infoBox-wrap .right .infoBox-caution {font-size: 14px; margin-top: 16px;}

    .product-wrap {padding: 30px 0; margin: 30px 0;}
    .product-detail__wrap, .product-detail__wrap .detail-right {flex-direction: column; gap: 10px;}
    .product-detail__wrap .detail-left, .product-detail__wrap .detail-right {width: 100%;}
    .product-detail__wrap .detail-area {padding: 22px 20px;}
    .product-detail__wrap .detail-area.pink .detail-tit {padding: 22px 20px 12px;}
    .product-detail__wrap .detail-area.pink .detail-txt {padding: 0 20px 22px;}
    .product-detail__wrap .detail-area.blue .detail-tit {padding: 22px 20px 12px;}
    .product-detail__wrap .detail-area.blue .detail-txt {padding: 0 20px 22px;}
    .product-detail__wrap .detail-area.green .detail-tit {padding: 22px 20px 12px; flex-direction: column; align-items: flex-start; gap: 10px;}
    .product-detail__wrap .detail-area.green .detail-cont {padding: 0 20px 22px;}
    .product-detail__wrap .detail-tit {font-size: 18px; padding: 24px 0 12px; word-break: keep-all;}
    .product-detail__wrap .detail-txt .detail-sub-tit {font-size: 16px; margin: 14px 0 8px; gap: 8px; align-items: flex-start;}
    .product-detail__wrap .detail-txt .detail-sub-tit i {width: 18px; height: 18px;}
    .product-detail__wrap .detail-tit p, .product-detail__wrap .detail-txt p {font-size: 16px;}
    .product-detail__wrap .detail-area.green .detail-tit a, .product-detail__wrap .detail-area.green .detail-tit span.download-btn {padding: 10px 16px; font-size: 16px;}

    /* 보험 상품 상세 정보 테이블 (blue area 내부) - 모바일 */
    .detail-area.blue .info-section__title {font-size: 15px; margin-bottom: 12px; padding-bottom: 10px;}
    .detail-area.blue .premium-table thead th, .detail-area.blue .premium-table tbody td {padding: 10px 12px; font-size: 13px;}
    .detail-area.blue .info-detail-list {gap: 10px; padding: 16px 0;}
    .detail-area.blue .info-detail-item {flex-direction: row; gap: 12px;}
    .detail-area.blue .info-detail-item .label {min-width: 70px; font-size: 13px;}
    .detail-area.blue .info-detail-item .value {font-size: 14px;}
    .detail-area.blue .info-btn-wrap {flex-direction: column; gap: 10px; margin-top: 16px; padding-top: 16px;}
    .detail-area.blue .info-btn-wrap .btn-outline {padding: 12px 16px; font-size: 14px;}

    .calculation-wrap {padding: 20px 0;}
    .calculation-wrap .top {padding: 0 16px 16px;}
    .calculation-wrap .top .info-wrap {gap: 10px;}
    .calculation-wrap .top .info-wrap .info .name em, .calculation-wrap .top .info-wrap2 .right em {font-size: 20px;}
    .calculation-wrap .top .info-wrap .info p {font-size: 16px;}
    .calculation-wrap .top .info-wrap2 {flex-direction: column; align-items: flex-start; gap: 20px;}
    .calculation-wrap .top .info-wrap2 .left {gap: 6px;}
    .calculation-wrap .top .info-wrap2 .left .circle-txt {width: 60px; height: 60px; font-size: 16px;}
    .calculation-wrap .top .info-wrap2 .right p {font-size: 14px;}
    .calculation-wrap .mid .gray-box {padding: 12px 16px; margin-top: 16px;}
    .calculation-wrap .mid .gray-box p {font-size: 16px;}
    .calculation-wrap .mid .sub-tit {margin: 30px 0 10px; font-size: 20px;}

    .combination-wrap > ul > li > .default-wrap {height: auto; flex-direction: column; gap: 10px;}
    .combination-wrap > ul > li .tit-wrap {flex-direction: column; align-items: flex-start; gap: 8px;}
    .combination-wrap > ul > li .tit-wrap .tag {font-size: 16px; padding: 6px 16px;}
    .combination-wrap > ul > li .tit-wrap .tit {font-size: 20px;}
    .combination-wrap > ul > li .img-wrap {margin: 0 0 0 auto; gap: 16px;}
    .combination-wrap > ul > li .img-wrap img {width: 60px; height: 60px;}
    .combination-wrap > ul > li .img-wrap i {width: 28px; height: 28px;}
    .combination-wrap > ul > li .hover-wrap > ul {grid-template-columns: 1fr; gap: 0;}
    .combination-wrap > ul > li .hover-wrap > ul > li {padding: 6px 0; text-align: left;}
    .combination-wrap > ul > li .hover-wrap > ul > li:not(:last-child) {border-right: 0; border-bottom: 1px solid rgba(110, 110, 118, 0.15);}
    .combination-wrap > ul > li .hover-wrap > ul > li .th {font-size: 18px; justify-content: flex-start; gap: 4px;}
    .combination-wrap > ul > li .hover-wrap > ul > li .th i {width: 18px; height: 18px;}
    .combination-wrap > ul > li .hover-wrap > ul > li .td {font-size: 16px; margin-top: 6px;}
    .combination-wrap > ul > li + li {margin-top: 16px;}

    /* 사이버 창구 */
    .claims-wrap {padding: 30px 0; margin-top: 30px;}
    .claims-wrap .tab-menu {flex-wrap: wrap; gap: 4px 6px; background: unset; margin-bottom: 24px;}
    .claims-wrap .tab-menu button {background: rgba(110, 110, 118, 0.10); font-size: 16px; width: calc(50% - 4px); line-height: 1.3; word-break: keep-all; padding: 10px;}
    .claims-wrap .tab-menu button:not(:first-child)::before {content: unset;}
    .claims-wrap .claims-box {padding: 24px 20px;}
    .claims-wrap .main-tit__wrap {margin-bottom: 16px;}
    .confirm-box > ul > li {flex-direction: column; align-items: flex-start; gap: 10px; font-size: 16px;}
    .confirm-box > ul > li .th i {width: 20px; height: 20px;}

    /* 라이프플래너 */
    .product_ul {grid-template-columns: repeat(3, 1fr); gap: 8px 10px;}
    .product_ul li {padding: 10px 4px; font-size: 16px}
    .product_ul li i {width: 40px; height: 40px; margin-bottom: 8px;}
    .select-box2 {padding: 20px 16px;}
    .select-box2 .form-col {padding: 20px 16px;}
    .form-input__tit:has(i) {align-items: flex-start;}
    .comBox-numList.form label {font-size: 18px; gap: 12px;}
    .card-list.flex .card .comBox-tag {padding: 8px 16px;}
    .card-list.flex .card .comBox-tit {margin: 12px 0 0;}
    .card-list.flex .card .comBox-img {margin-top: 16px; height: 80px;}
    .card-list.flex .card .comBox-img img {max-width: 90px;}
    .accordion-wrap .accordion-btn {padding: 20px;}
    .accordion-wrap .accordion-btn::before, .accordion-wrap .accordion-btn::after {right: 20px;}
    .choice-ul {padding: 0 20px 20px;}
    .choice-ul > li {padding: 14px;}
    .rcmd-wrap {padding: 30px 0; margin: 30px 0;}
}