﻿.data-display.inquiry-form > .data-list {border-top: 2px solid rgb(39, 39, 42);}
.data-display.inquiry-form > .data-list > .data-item { display: flex;padding: 23px 0; border-bottom: 1px solid rgb(228, 228, 231);}
.data-display.inquiry-form > .data-list > .data-item:last-child{border-bottom:0px;}
.data-display.inquiry-form > .data-list > .data-item .data-head { padding: 12px 0; padding-left: 16px; min-width: 387px;}
.data-display.inquiry-form > .data-list > .data-item .data-head .data-name { display: inline-block;  height: 100%;  font-weight: 700; font-size: 20px;}
.data-display.inquiry-form > .data-list > .data-item .data-head .data-name .required { color: #6d8538; padding-left: 40px;}
.data-display.inquiry-form > .data-list > .data-item .data-head + .data-body { margin-left: 20px;}
.data-display.inquiry-form > .data-list > .data-item .data-body { display: flex;  flex-direction: column; flex: 1;}
.data-display.inquiry-form > .data-list > .data-item .data-body .form-bundle {display: flex;align-items: center;}
.data-display.inquiry-form > .data-list > .data-item .data-body .form ~ .para,
.data-display.inquiry-form > .data-list > .data-item .data-body .form ~ .btn { margin-top: 16px;}
.data-display.inquiry-form > .data-list > .data-item .data-body .para { font-weight: 500; font-size: 16px;}
.data-display.inquiry-form > .data-list > .data-item .data-body .bullet-display {  padding-top: 16px;}
.data-display.inquiry-form > .data-list > .data-item.email .data-body .sign { margin: 0 8px;color: rgb(113, 113, 122);font-weight: 500;font-size: 16px;}
.data-display.inquiry-form > .data-list > .data-item.email .data-body .email2 + .select { margin-left: 20px;}
.data-display.inquiry-form > .data-list > .data-item.inquiry-sort .data-body .btn-display {margin-top: 16px;}
@media (max-width: 1023px) {
    .data-display.inquiry-form > .data-list > .data-item { padding: 16px 0; flex-direction: column; }
    .data-display.inquiry-form > .data-list > .data-item .data-head { padding: 0; padding-left: 12px; min-width: unset;}
    .data-display.inquiry-form > .data-list > .data-item .data-head + .data-body { margin-top: 16px; margin-left: 0;}
    .data-display.inquiry-form > .data-list > .data-item .data-body .form ~ .para,
    .data-display.inquiry-form > .data-list > .data-item .data-body .form ~ .btn { margin-top: 12px;}
    .data-display.inquiry-form > .data-list > .data-item .data-body .bullet-display {padding-top: 12px;}
    .data-display.inquiry-form > .data-list > .data-item.inquiry-sort .data-body { padding-left: 12px;}
}

.data-display.consent-use {margin-top: 24px;}
.data-display.consent-use .data-item .data-subject { display: flex;  flex-wrap: wrap;  align-items: center;}
.data-display.consent-use .data-item .data-subject .radio {  padding-left: 4px; padding-right: 4px;}
.data-display.consent-use .data-item + .data-item { padding-top: 24px;}
@media (max-width: 1023px) {
    .data-display.consent-use {  margin-top: 17px; }
    .data-display.consent-use .data-item .data-list .data-subject { flex-wrap: wrap; }
    .data-display.consent-use .data-item + .data-item { padding-top: 1px;}
}
#category_detail .category_con .hd_tit{border-bottom:0px;}






.section.design1{width:80%;margin:auto auto;}
.section-caption{	color: rgb(109, 12, 166); font-weight: 500; font-size: 14px;margin-bottom:15px;text-align:right;}
.form.input.design1 { position: relative;  width: 100%;  border: 1px solid rgb(228, 228, 231); border-radius: 8px;  background-color: rgb(255, 255, 255);   padding: 14px 16px;}
.form.input.design1  input{border:0px;}
.form.input.design1 .input-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

@media (min-width: 1024px) {
    body .mo-only {
        display: none !important;
    }
}
@media (max-width: 1023px) {
    body .pc-only {
        display: none !important;
    }
}




.form.select.case1 > select {
    padding: 14px 40px 14px 15px;
    display: flex;
    border: 1px solid rgb(228, 228, 231);
    min-width: 183px;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);	
}
.form.select.type1 > select {
    color: rgb(113, 113, 122);
    font-weight: 500;
    font-size: 16px;
}
.form.select.type1:focus {
    color: rgb(0, 0, 0);
}
.form.select.type1:disabled {
    color: rgb(212, 212, 216);
}
.form.select.type1.error {
    display: none;
}
.form.select.type1.error > select {
    color: rgb(0, 0, 0);
}
.form.radio.design1 .radio-list {
    display: flex;
}
.form.radio.design1 .radio-list .radio-item label {
    display: inline-block;
    height: 100%;
}
.form.radio.design1 .radio-list .radio-item label .option {
    vertical-align: middle;
}
.form.radio.design1 .radio-list .radio-item input[type=radio] {
    background: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0016 1.90156C5.52806 1.90156 1.90156 5.52806 1.90156 10.0016C1.90156 14.4751 5.52806 18.1016 10.0016 18.1016C14.4751 18.1016 18.1016 14.4751 18.1016 10.0016C18.1016 5.52806 14.4751 1.90156 10.0016 1.90156ZM0.101562 10.0016C0.101562 4.53394 4.53394 0.101562 10.0016 0.101562C15.4692 0.101562 19.9016 4.53394 19.9016 10.0016C19.9016 15.4692 15.4692 19.9016 10.0016 19.9016C4.53394 19.9016 0.101562 15.4692 0.101562 10.0016Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A") no-repeat center/100%;
}
.form.radio.design1 .radio-list .radio-item input[type=radio]:checked {
    background: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.90234 10C1.90234 5.53125 5.52734 1.89844 10 1.89844C14.4766 1.89844 18.1016 5.53125 18.1016 10C18.1016 14.4766 14.4766 18.1016 10 18.1016C5.52734 18.1016 1.90234 14.4766 1.90234 10ZM10 0.101562C4.53516 0.101562 0.101562 4.53125 0.101562 10C0.101562 15.4688 4.53516 19.8984 10 19.8984C15.4688 19.8984 19.9023 15.4688 19.9023 10C19.9023 4.53125 15.4688 0.101562 10 0.101562ZM10 15C12.7617 15 15 12.7578 15 10C15 8.51562 14.3555 7.1875 13.3281 6.27344C12.4453 5.48438 11.2773 5 10 5C7.23828 5 5 7.24219 5 10C5 11.3359 5.52734 12.5547 6.38281 13.4531C7.29297 14.4062 8.57812 15 10 15Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A") no-repeat center/100%;
}
.form.radio.case1 .radio-item input[type=radio] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.form.radio.case1 .radio-item + .radio-item {
    padding-left: 16px;
}
.form.radio.case2 {
    padding: 15px 0;
}
.form.radio.case2 .radio-item input[type=radio] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.form.radio.case2 .radio-item + .radio-item {
    padding-left: 16px;
}
.form.radio.type1 .radio-item > label {
    font-size: 0;
}
.form.radio.type1 .radio-item > label .option {
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-size: 16px;
}
.form.radio.type2 .radio-item > label {
    font-size: 0;
}
.form.radio.type2 .radio-item > label .option {
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-size: 14px;
}
.form.radio.disabled input {
    background: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0016 1.90156C5.52806 1.90156 1.90156 5.52806 1.90156 10.0016C1.90156 14.4751 5.52806 18.1016 10.0016 18.1016C14.4751 18.1016 18.1016 14.4751 18.1016 10.0016C18.1016 5.52806 14.4751 1.90156 10.0016 1.90156ZM0.101562 10.0016C0.101562 4.53394 4.53394 0.101562 10.0016 0.101562C15.4692 0.101562 19.9016 4.53394 19.9016 10.0016C19.9016 15.4692 15.4692 19.9016 10.0016 19.9016C4.53394 19.9016 0.101562 15.4692 0.101562 10.0016Z' fill='rgb(212,212,216)'/%3E%3C/svg%3E%0A") no-repeat center/100% !important;
}
.form.radio.disabled .option {
    color: rgb(212, 212, 216) !important;
}
.form.checkbox.design1 .checkbox-list {
    display: flex;
}
.form.checkbox.design1 .checkbox-list .checkbox-item label {
    display: inline-block;
    height: 100%;
}
.form.checkbox.design1 .checkbox-list .checkbox-item label .option {
    vertical-align: middle;
}
.form.checkbox.design1 .checkbox-list .checkbox-item input[type=checkbox] {
    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.8H4C2.78497 1.8 1.8 2.78497 1.8 4V12C1.8 13.215 2.78497 14.2 4 14.2H12C13.215 14.2 14.2 13.215 14.2 12V4C14.2 2.78497 13.215 1.8 12 1.8ZM4 0C1.79086 0 0 1.79086 0 4V12C0 14.2091 1.79086 16 4 16H12C14.2091 16 16 14.2091 16 12V4C16 1.79086 14.2091 0 12 0H4Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A") no-repeat center/16px 16px;
}
.form.checkbox.design1 .checkbox-list .checkbox-item input[type=checkbox]:checked {
    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.638 0.365166C15.9894 0.716638 15.9894 1.28649 15.638 1.63796L5.99151 11.2844C5.44478 11.8311 4.55835 11.8311 4.01161 11.2844L0.365166 7.63796C0.0136946 7.28649 0.0136945 6.71664 0.365166 6.36517C0.716638 6.01369 1.28649 6.01369 1.63796 6.36517L5.00156 9.72877L14.3652 0.365166C14.7166 0.0136945 15.2865 0.0136945 15.638 0.365166Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A") no-repeat center/16px 1.20px;
}
.form.checkbox.design1 .checkbox-list .checkbox-item input[type=checkbox]:checked + .option {
    color: rgb(151, 53, 208);
}
.form.checkbox.case1 .checkbox-item input[type=checkbox] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.form.checkbox.case1 .checkbox-item + .checkbox-item {
    padding-left: 16px;
}
.form.checkbox.type1 .checkbox-item > label {
    font-size: 0;
}
.form.checkbox.type1 .checkbox-item > label .option {
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-size: 16px;
}
.form.textArea {
    width: 100%;
    height: 168px;
    border: 1px solid rgb(228, 228, 231);
    border-radius: 8px;
	background:#f5f5f5;
}
.form.textArea > textarea {
    width: 100%;
    height: 100%;
    padding: 14px 15px;
    color: rgb(113, 113, 122);
    resize: none;
    font-weight: 500;
    font-size: 16px;
}
.form + .form-text {
    padding-top: 16px;
}
.form + .form-text.error {
    display: none;
}
.form + .form-text.error .comment {
    color: #FF4848 !important;
}


.local-body .content-body {
    padding-bottom: 70px;
}
.etc.sk-inquiry .btn-display {
    margin-top: 80px;
}
.btn-display {
    display: flex;
}
.btn-display .btn-area {
    display: flex;
    flex-wrap: wrap;
}

.btn-display.align2 .btn-area {
    flex: 1 1 100%;
    justify-content: end;
}
.btn-display.align3 .btn-area {
    flex: 1 1 100%;
    justify-content: center;
}
.btn-display.align4 .btn-area {
    flex: 1 1 100%;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .btn-display.align5 .btn-area {
        flex: 1 1 100%;
        justify-content: center;
        flex-direction: column;
    }
}




.inquiryForm .input_text {
    width: 100%;
    height: 40px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    color: #222222;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.14px;
    box-shadow: none;
    border-radius: 0;
    webkit-border-radius: 0;
    -webkit-appearance: none;
    font-weight: 500;
}

.btn.design1.case1 {
    padding: 14px 31px;
    border-radius: 50px;
    min-height: 56px;
}
.btn[class*=design].color1 {
    color: rgb(255, 255, 255);
    background-color: rgb(39, 39, 42);
    border-color: rgb(39, 39, 42);
}
@media (min-width: 1024px) {
    .btn[class*=design].color1:hover, .btn[class*=design].color1:focus-visible {
        background-color: rgb(82, 82, 91);
        border-color: rgb(82, 82, 91);
    }
}
.btn[class*=design].color2 {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border-color: rgb(228, 228, 231);
}
.btn[class*=design].color2.disabled {
    color: rgb(212, 212, 216) !important;
    border-color: rgb(246, 246, 247) !important;
}
.btn[class*=design].color2.disabled[class*=-icon][class*=arrow-right2-bg] .btn-text::after {
    background-color: rgb(212, 212, 216) !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A") !important;
}
@media (min-width: 1024px) {
    .btn[class*=design].color2:hover, .btn[class*=design].color2:focus-visible {
        color: rgb(255, 255, 255);
        background-color: rgb(39, 39, 42);
        border-color: rgb(39, 39, 42);
    }
}					
					
					
.pb130 {  padding-bottom: 130px;}
.pt130 {  padding-top: 130px;}
.ctaData{width:80%;margin:auto auto;}
.ctaData-list {  margin-left: -34px;}
.mt50 {  margin-top: 50px;}
.flex {display: flex;flex-wrap: wrap;}
.ctaData-list li { margin-left: 34px; width: calc(25% - 34px);  border-radius: 30px;  transition: all .4s ease; box-shadow: 0px 12px 84px 0px rgba(34, 44, 84, 0.08);}
.info_list > ul > li:last-child{border-bottom:0px;}
.ctaData-list li{margin-left: 34px;width: calc(25% - 34px);border-bottom-right-radius: 130px;transition: all .4s ease;box-shadow: 0px 12px 84px 0px rgba(34, 44, 84, 0.08);}
.ctaData-item{padding: 50px 35px 40px; flex-direction: column;align-items: center;text-align: center; background: #fff;width: 100%;height: 100%;transition: all .4s ease;clip-path: polygon(100% 0, 100% 82%, 82% 100%, 0 100%, 0 0);}
.ctaData-item .line{width: 38px;height: 3px;background: #d7d8dd;transition: all .4s ease;}
.ctaData-item .icon{height: 34px;}
.ctaData-item .icon img{transition: all .4s ease;max-height: 100%;}
.ctaData-item .icon .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.ctaData-item .title-box{justify-content: center;margin-left: -25px;transition: all .4s ease;}
.ctaData-item .title{margin: 8px 0 0 25px;position: relative;padding-bottom: 6px;}
.ctaData-item.position .title{user-select: none;cursor: pointer;}
.ctaData-item.position .title::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 2px;background: #38393c;transition: all .4s ease;}
.ctaData-item.position .title.active::after{width: 100%;right: auto;left: 0;}
.ctaData-item .text-box{transition: all .4s ease;font-family: 'M';}
.ctaData-item .text{display: none;}
.ctaData-item .text:first-child{display: block;}
.ctaData-item .img{padding: 2px;border: 1px solid #f4f4f4;background: #fff;width: 61%;}
.ctaData-item .img img{width: 100%;}
.ctaData-list li:nth-child(3) .text{text-decoration: underline;}
.ctaData-list li:hover{box-shadow: none;}
.ctaData-list li:hover .ctaData-item{background: #b81c22;}
.ctaData-list li:hover .ctaData-item .line{background-color: #fff;}
.ctaData-list li:hover .ctaData-item .icon .s{opacity: 0;}
.ctaData-list li:hover .ctaData-item .icon .h{opacity: 1;}
.ctaData-list li:hover .ctaData-item .title-box,.ctaData-list li:hover .ctaData-item .text-box{color: #fff;}
.ctaData-list li:hover .ctaData-item.position .title::after{background: #fff;}





.info_list {
    border-top: 2px solid #222;
	width:80%;
	margin:auto auto 50px auto;
}

.info_list > ul > li {
    font-size: 16px;
    font-weight: 600;
    padding: 30px 20px 30px 0;
    display: flex;
    border-bottom: 1px solid #e3e3e3;
}

.info_list ul li .subtit {
    width: 270px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.info_list ul li .noticec li {
    padding-bottom: 10px;
    position: relative;
    padding-left: 9px;
}

.info_list ul li .noticec li:last-child {
    padding-bottom: 0
}

.info_list ul li .noticec li:before {
    position: absolute;
    left: 0;
    top: 12px;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #707070;
    border-radius: 50%;
}
.info_list ul li .noticec li.note1{padding-left:0px;}
.info_list ul li .noticec li.note1:before{
	display:none;
}
.info_list ul li .noticec li span {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    position: relative;
    word-break: keep-all;
    letter-spacing: -0.16px;
}

.info_list ul li .noticec li.note:before {
    background-color: #222;
    top: 22px;
}

.info_list ul li .noticec li.note > span {
    padding: 10px 0;
    display: block;
    color: #222;
}

.info_list ul li .noticec li.note li {
}

.info_list ul li .noticec li.note li:before {
    width: 5px;
    height: 1px;
    border-radius: 0;
}

#callcenter.benefit_guide.as_guide .con_txt .info_list ul li .noticec li.note li:before {
    width: 0;
    height: 1px;
    border-radius: 0;
}



#zxform .false {
    color: red;
}



.form.input.design1 .input-elem{width:100%;}
.seccode_img{position: absolute; right: 10px; height: 34px;top: 50%;transform: translateY(-50%);cursor:pointer;}
form .input.design1:focus-within {
    border-color: rgb(17 17 230);
}
.readondiv,.readondiv input{background:#f5f5f5 !important;}
.form input:-internal-autofill-selected {
	background-color:#fff !important;
	 -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

input:-internal-autofill-previewed, input:-internal-autofill-selected {
    -webkit-text-fill-color: #000 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}
@media (max-width: 699px) {
	.info_list{width:100%;}
	.section.design1{width:100%;}
}
@media (max-width: 470px) {
	.info_list > ul > li{display:block;padding:10px 0px 10px 0px;}
	.info_list ul li .subtit{display:block;margin-bottom:10px;}
	.info_list ul li .noticec li.note > span{padding:5px 0px;}
}