/* size */
@media screen and (max-width: 1250px) {} /* tablet */
@media screen and (max-width: 650px) {} /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}
html {
    scroll-behavior: smooth;
}

body{ font-family: 'Pretendard', 'sans-serif'; font-weight:400; font-size: 16px; letter-spacing: -0.04em; color: #000; padding:0 !important;}
section{ display:block;}
a{ color:inherit;}

.inner {width: 1520px; margin: 0 auto;}
.mBr {display: none;}

@media screen and (max-width: 1560px) { 
    .inner{ width: 100%; padding: 0 20px;}
} /* tablet */
@media screen and (max-width: 650px) { 
    .pBr {display: none;}
    .mBr {display: block;}
} /* mobile */

/* header */
header {position: fixed; left:0; top:0; width:100%; padding: 21px 0; z-index: 998; transition: all 0.3s;}
header .inner{display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 58px;}
header .logo {width: 156px; height: auto;}
header .call-icon {vertical-align: text-top; width: 28px; height: auto; margin-right: 15px;}
header .topMenuSec .menuListWrap {display: flex; justify-content: space-between;}
header .topMenuSec .menuListWrap .btnWrap .clickToCall {color: #000; font-size: 28px; font-weight: 700; letter-spacing: -1.4px; padding: 8px 20px; border-radius: 94px; background: #4CFC85;}

header .navigation .menu-toggle-input {display: none;}
header .navigation .menu-icon {display: none; flex-direction: column; justify-content: space-between; width: 30px; height: 20px; cursor: pointer; z-index: 1001;}
header .navigation .menu-icon span {display: block; height: 3px; background: #fff; border: 1px #efefef solid; border-radius: 2px; transition: 0.3s; transform-origin: center;}
header .navigation {flex-grow: 1; padding: 0 50px;}
header .navigation .navi-list {display: flex; align-items: center; justify-content: center;}
header .navigation .navi-list li {background: rgba(0, 0, 0, 0.50); border-right: 1px solid #666666; width: 15%; text-align: center;}
header .navigation .navi-list li:last-child {border-right: 0;}
header .navigation .navi-list li a {display: block; padding: 30px 0; color: #efefef; font-size: 20px;}

header .mo-navigation {display: none; margin-top: 15px;}
header .mo-navigation .navi-list {display: flex; align-items: center; justify-content: center;}
header .mo-navigation .navi-list li {background: rgba(0, 0, 0, 0.50); border-right: 1px solid #666666; width: 100%; text-align: center;}
header .mo-navigation .navi-list li:last-child {border-right: 0;}
header .mo-navigation .navi-list li a {display: block; padding: 15px 0; color: #efefef; font-size: 3vw;}

@media screen and (max-width: 1200px) { 
    header .navigation .navi-list li {width: 20%;}
}

@media screen and (max-width: 1060px) { 
    header .navigation {flex-grow: 0; padding: 0; padding-left: 12px; order: 3; display: flex;}
    header .navigation .menu-icon {display: flex;}
    header .navigation .menu-toggle-input:checked + .menu-icon span:nth-child(1) {transform: rotate(45deg) translateY(12px);}
    header .navigation .menu-toggle-input:checked + .menu-icon span:nth-child(2) {opacity: 0;}
    header .navigation .menu-toggle-input:checked + .menu-icon span:nth-child(3) {transform: rotate(-45deg) translateY(-12px);}
    header .navigation .navi-list {position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.80); flex-direction: column; gap: 1rem; align-items: start; padding: 1rem; width: 100%; height: 100vh; display: none; }
    header .navigation .navi-list li {background: transparent; border-right: 0; width: 100%;}
    .menu-toggle-input:checked ~ .navi-list {display: flex;}
    header .topMenuSec {flex-grow: 1; display: flex; justify-content: end;}
    header .mo-navigation {display: block;}
}

@media screen and (max-width: 650px) { 
    header {padding: 8px 0;}
    header .inner {padding: 0 17px 0 13px;}
    header .logo {width: 100px; height: auto;}
    header .topMenuSec .menuListWrap .btnWrap .clickToCall {font-size: 20px; letter-spacing: -1px; padding: 5px 20px;}
    header .call-icon {width: 20px;}
}

/* popup */
.popupBox {position: absolute; z-index: 9999;}
.popupBox .popup {position:absolute; background: #fff;}
.popupBox .popup img {display: block;}
.popupBox .closeWrap {font-size: 18px;background-color: #ededed;padding: 0px 0px 0px 30px;line-height: 67px;}
.popupBox .popupCloseBtn {font-weight:700;font-size: 23px;}
.popupBox .closeWrap input[type='checkbox'] {width: 35px;height: 35px;vertical-align: middle; margin:-4px 0 0 0;}

@media screen and (max-width: 1060px) { 
    .popupBox {width: 100%;}
    .popupBox .popup img {max-width: max-content; width: 100%;}
    .popupBox .popup {top: 50px !important; left: 50% !important; width: 90%; transform: translateX(-50%);}
    .popupBox .closeWrap {font-size: 15px; line-height: 45px; padding: 0 0 0 20px;}
    .popupBox .popupCloseBtn {font-size: 18px;}
    .popupBox .closeWrap input[type='checkbox'] {width: 22px; height: 22px;}
}

/* footer */
footer{color: #fff; text-align: center; padding: 71px 0 72px; background-color: #3A3A3A;}
footer .footer {font-size: 13px; font-weight: 400; line-height: 20.8px;}
footer .inner{display: flex; flex-direction: column; max-width: 1520px; width: 100%;}
footer .info {margin-bottom: 12px;}
footer .popupBtnBox button {margin: 0; padding: 0; background-color: transparent; outline: none; border: none;}
footer .popupBtnBox .termsBtn {display: block; margin: 0 auto 9px;}
footer .popupBtnBox .useBtn, footer .popupBtnBox .privacyBtn {margin: 0 7.5px;}

@media screen and (max-width: 650px) { 
    footer {padding: 43px 0 96px;}
    footer .info {margin-bottom: 43px;}
    footer .popupBtnBox .termsBtn {margin: 0 auto 8px;}
    footer .popupBtnBox .useBtn, footer .popupBtnBox .privacyBtn {margin: 0 4px;}
}

/* fixBtm */
.fixBtm {display: none; position: fixed; left: 0; bottom: 0; width: 100vw; height: 50px; background: #1B1917;  z-index: 999;}
.fixBtm .btn {flex: 1;  display: flex; justify-content: center; align-items: center; color: #FFF; font-family: "Spoqa Han Sans Neo"; font-size: 18px; font-weight: 700; background-color: transparent; border: none; outline: none;}
.fixBtm .clickToChat {border-right: 1px solid #fff;}
@media screen and (max-width: 650px) { 
    .fixBtm {display: flex;}
}

/* 개인정보처리방침 팝업 */
.privacyPopupSec{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 999; display: flex; align-items: center; justify-content: center;  opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;}
.privacyPopupSec.show{ opacity: 1; visibility: visible;}
.privacyPopupSec .popupContentArti{ border-radius: 20px; overflow: hidden;}
.privacyPopupSec#termsPopup .popupContentArti{ max-width: 1150px; margin: 0 auto;}
.privacyPopupSec .popupContentArti .titleBox{ display: flex; justify-content: space-between; padding: 25px 50px; background-color: #0E6EB8; color: #fff;}
.privacyPopupSec .popupContentArti .titleBox .txt{ font-size: 25px; font-weight: 700; }
.privacyPopupSec .popupContentArti .titleBox .closeBtn{ background-color: transparent; border: none;}
.privacyPopupSec .popupContentArti .contentBox{ font-size: 18px; font-weight: 300; padding: 25px 0; padding-right: 6px; background-color: #fff;}
.privacyPopupSec .popupContentArti .contentBox b{ font-weight: 700;}
.privacyPopupSec .popupContentArti .contentBox .contentBoxInner { max-height: 60vh; padding: 0 40px; overflow-y: scroll;}
.privacyPopupSec .popupContentArti .contentBox .contentBoxInner::-webkit-scrollbar { width: 8px;}
.privacyPopupSec .popupContentArti .contentBox .contentBoxInner::-webkit-scrollbar-thumb { border-radius: 100px; background: #DADADA;}
.privacyPopupSec .popupContentArti .contentBox .contentBoxInner::-webkit-scrollbar-track { background-color: F5F5F5; border-radius: 100px;}

@media screen and (max-width: 1000px) { 
    .privacyPopupSec .popupContentArti{ border-radius: 10px;}
    .privacyPopupSec .popupContentArti .titleBox{ align-items: start; padding: 20px;}
    .privacyPopupSec .popupContentArti .titleBox .txt{ font-size: 28px;}
    .privacyPopupSec .popupContentArti .titleBox .closeBtn .icon{ width: 12px;}
    .privacyPopupSec .popupContentArti .contentBox{ font-size: 15px; padding: 28px 0; padding-right: 6px;}
    .privacyPopupSec .popupContentArti .contentBox .contentBoxInner { padding: 0 30px;}
}

/* PC 하단 플로팅 상담신청 [PC] */
.applyPcSec{position: relative; display: flex; align-items: center; justify-content: center;} 
.applyPcSec .inner{position: fixed; bottom: 0; width: 100%; height: 91px; padding: 0; background: #191919; z-index: 999; transition: bottom 0.5s;}
.applyPcSec .inner.hide{bottom: -110px;}
.applyPcSec form, .applyPcSec .applyBox {height: 100%;}
.applyPcSec .applyBox .iptList{display: flex; max-width: 557px; height: 100%; margin: 0 auto;}
.applyPcSec .applyBox .iptList > li {height: 100%;}
.applyPcSec .applyBox .iptList > li.inputLi{width: 53.5%;}
.applyPcSec .applyBox .iptList > li.inputLi .ipt{width: 100%; height: 100%; color: #000; text-align: center; font-family: "Noto Sans KR"; font-size: 12px; font-weight: 400; padding: 8px 10px 7px 10px; background: #FFF; border: none;}
.applyPcSec .applyBox .iptList > li.inputLi .ipt::placeholder {color: #777777;}
.applyPcSec .applyBox .iptList > li.inputLi .ipt::-webkit-input-placeholder {color: #777777;}
.applyPcSec .applyBox .iptList > li.inputLi .ipt::-ms-input-placeholder {color: #777777;}
.applyPcSec .applyBox .iptList > li.inputLi .ipt::-webkit-input-placeholder {color: #777777;}
.applyPcSec .applyBox .iptList > li.inputLi .ipt::-ms-input-placeholder {color: #777777;}
.applyPcSec .applyBox .iptList > li.inputLi .ipt:focus-visible{outline: none !important;}
.applyPcSec .applyBox .iptList > li.chkLi{display: flex; align-items: end; width: 22.27%; padding-left: 1.9%;}
.applyPcSec .applyBox .iptList > li.chkLi label {cursor: pointer;}
.applyPcSec label input[type="checkbox"]{display: none;}
.applyPcSec label input[type="checkbox"] + .txt{position: relative; display: flex; align-items: center; gap: 2px; color: #A5A5A5; font-size: 10px; font-weight: 400;}
.applyPcSec label input[type="checkbox"] + .txt::before{ content:''; position: relative; width: 14px; height: 14px; border-radius: 5px; left: 0; background-image: url('/onepage_assets/img/common/quickCheckBefore.png'); background-size: 10.5px 10.5px; background-repeat: no-repeat; background-position: center;}
.applyPcSec label input[type="checkbox"]:checked + .txt::before{ background-image: url('/onepage_assets/img/common/quickCheckAfter.png');}
.applyPcSec label input[type="checkbox"]:checked + .txt{ color: #ffff;}
.applyPcSec .applyBox .iptList > li.btnLi{width: 24.23%;}
.applyPcSec .applyBox .iptList > li.btnLi .submitBtn{width: 100%; height: 100%; color: #FFF; text-align: center; font-size: 17px; font-weight: 700;letter-spacing: -1px; border: none; border-radius: 100px; background: #4CFC85;}

.applyPcSec .footer-banner {display: flex; align-items: center; justify-content: center; height: 100%;}
.applyPcSec .footer-banner .title {font-size: 25px; color: #ffffff;}
.applyPcSec .footer-banner .title b {font-weight: 700;}
.applyPcSec .footer-banner .btn-area {border-left: 1px solid #ffffff; margin-left: 25px; padding-left: 25px; display: flex; gap: 25px;}
.applyPcSec .footer-banner .btn-area a {border-radius: 25px; padding: 15px 26px; color: #191919; font-size: 18px; font-weight: 500;}
.applyPcSec .footer-banner .btn-area a.call-btn {background: #ffffff;}
.applyPcSec .footer-banner .btn-area a.chat-btn {background: #04CD6A;}
.applyPcSec .footer-banner .btn-area a b {font-weight: 700;}

@media screen and (max-width: 1200px) { 
    .applyPcSec{ display: none;}
}

/* ===================== 메인 ===================== */

.main .mainTitleBox {text-align: center; font-weight: 700;}
.main .mainTitleBox .title{font-size: 48px; font-weight: 700; line-height: 57.6px;  letter-spacing: -2.4px; word-break: keep-all;}
.main .mainTitleBox .sub-title{font-size: 24px; font-weight: 400; line-height: 24px; margin-top: 40px;}
.main .mainTitleBox .content{font-size: 30px; font-weight: 400; line-height: 36px; }

/* mainArti */
/* .main .bannerArti {text-align: center; padding: 220px 0 238px; background: url('/onepage_assets/img/main/bannerArti/main-banner2.png') no-repeat right / cover;} */
.main .bannerArti {position: relative; height: 100vh; max-height: 1080px; background: url('/onepage_assets/img/main/bannerArti/main-banner2.png') no-repeat right / cover;}
.main .bannerArti .mo-bg {display: none;}
.main .bannerArti .empty-bg {height: 8vh; background: #656565}
.main .bannerArti .inner {display: flex; align-items: center; height: 100%;}
.main .bannerArti .mainTitleBox {color: #FFF; text-align: left;}
.main .bannerArti .mainTitleBox .title {margin-bottom: 81px; font-size: 76px; line-height: 85px;}
.main .bannerArti .mainTitleBox .title .point {color: #4CFC85;}
.main .bannerArti .mainTitleBox .content span {display: block; color: #2EA4FF; font-size: 60px; font-weight: 700; line-height: 66px; margin-top: 3px; margin-bottom: 6px;}

@media screen and (max-width: 1000px) { 
}
@media screen and (max-width: 650px) { 
    .main .bannerArti {background: none; padding: 0; height: 100%;}
    .main .bannerArti .mo-bg {display: block; width: 100%;}
    .main .bannerTitleBox {display: none;}
}

/* youtubeArti */
.main .youtubeArti .videoArtiPc { padding: 167px 0 134px; background-color: #fff; }
.main .youtubeArti .videoArtiPc .inner { max-width: 1276px; }
.main .youtubeArti .videoArtiPc .inner .yutubeList {width: 100%; overflow-x: auto; white-space: nowrap; display: flex; gap: 15px; padding: 10px; padding-bottom: 30px;}
.main .youtubeArti .videoArtiPc .inner .yutubeList::-webkit-scrollbar { height: 7px; }
.main .youtubeArti .videoArtiPc .inner .yutubeList::-webkit-scrollbar-track { background: #ddd; border-radius: 10px; }
.main .youtubeArti .videoArtiPc .inner .yutubeList::-webkit-scrollbar-thumb { background: #666; border-radius: 10px; width: 6px; margin: 0 25%;}

.main .youtubeArti .videoArtiPc .inner .yutubeList li {flex: 0 0 auto; width: 80%; height: 640px; background-color: #000; border-radius: 10px; overflow: hidden; scroll-snap-align: start;}
.main .youtubeArti .videoArtiPc .inner .yutubeList li iframe { width: 100%; height: 640px; border: none; }
.main .youtubeArti .videoArtiPc .more-btn {width: 414px; margin: 80px auto 0; }
.main .youtubeArti .videoArtiPc .more-btn a {display: block; max-width: 414px;}
.main .youtubeArti .more-btn a img {width: 100%;}

@media screen and (max-width: 1000px) { 
    
}
@media screen and (max-width: 650px) { 
    .main .videoArtiPc {display: none;}
}

.main .videoArti { display:none; overflow: hidden; padding: 100px 0 200px; background-image: url('../img/main/video_arti/background.png'); background-repeat: no-repeat; background-position: right center; background-size: contain; }
.main .videoArti .halfContainer { display: flex; justify-content: space-between; max-width: 1329px; }
.main .videoArti .main_title_box { opacity: 0; font-size: 60px; line-height: 140%; letter-spacing: -4.8px; }
.main .videoArti.active .main_title_box { animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .videoArti .sub_title_box { opacity: 0; font-size: 24px; letter-spacing: -1.2px; margin-top: 15px; }
.main .videoArti.active .sub_title_box { animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }
.main .videoArti .pcBtnWrap { display: block; }
.main .videoArti .moBtnWrap { display: none; }
.main .videoArti .btnWrap { margin-top: 60px; }
.main .videoArti .btnWrap .main-go-story { opacity: 0; max-width: 365px; color: #fff; padding: 10px 84px; background: linear-gradient(92deg, #66A3FF -1.69%, #C7A4FF 100.75%);	gap: 15px; display: flex; align-items: center; justify-content: center; font-size: 25px; font-weight: 700; border-radius: 100px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.main .videoArti.active .btnWrap .main-go-story { animation: 0.5s ease-in-out 0.6s 1 normal forwards running fadeIn; }
.main .videoArti .right { width: 558px; }
.main .videoArti .main_video { width: 100%; /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */ }
.main .videoArti.active .main_video { animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .videoArti .sub_video_wrap { display: flex; flex-wrap: nowrap; width: 100%; gap: 17px; margin-top: 30px; overflow-x: scroll; overflow-y: hidden; padding-bottom: 10px; }
.main .videoArti.active .sub_video_wrap { animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }
.main .videoArti .sub_video_wrap .player { flex: 0 0 auto; width: 50vw; height: auto; background: #D9D9D9; overflow: hidden;}
.main .videoArti .sub_video_wrap .player img {width: 100%;}
.main .videoArti .sub_video_wrap::-webkit-scrollbar { height: 7px; }
.main .videoArti .sub_video_wrap::-webkit-scrollbar-track { background: #ddd; border-radius: 10px; }
.main .videoArti .sub_video_wrap::-webkit-scrollbar-thumb { background: #666; border-radius: 10px; }

@media screen and (max-width: 1250px) { 
	.main .videoArti .halfContainer { max-width: none; flex-wrap: wrap; justify-content: center; }
	.main .videoArti .halfContainer .left { width: 100%;  text-align: center; }
	.main .videoArti .halfContainer .right { max-width: 558px; width: 100%;  text-align: center; }
	.main .videoArti .btnWrap { margin: 60px auto 0; }
	.main .videoArti .btnWrap .main-go-story { margin: 0 auto; }
	.main .videoArti .right { margin-top: 50px; }
    .main .videoArti .more-btn {margin-top: 30px; margin-bottom: 50px; text-align: center; padding: 0 30px;}
    .main .videoArti .more-btn a {display: block;}
    .main .videoArti .more-btn a img {width: 100%;}
}
@media screen and (max-width: 650px) { 
    .main .videoArti { display:block;}
	.main .videoArti { padding: 77px 0 34px; }
	.main .videoArti .main_title_box { font-size: 35px; letter-spacing: -2.8px; }
	.main .videoArti .sub_title_box { font-size: 18px;  line-height: 29.5px; letter-spacing: -1.44px; margin-top: 17px; }
	.main .videoArti .pcBtnWrap { display: none; }
	.main .videoArti .moBtnWrap { display: block; }        
	.main .videoArti .btnWrap  { margin: 35px auto 0; }
	.main .videoArti .btnWrap .main-go-story { font-size: 18px; letter-spacing: -0.9px; padding: 1px 53.5px; }
	/* .main .videoArti .main_video { height: 200px; } */
	.main .videoArti .sub_video_wrap { width: 100%; gap: 20px; padding-right: 20px; padding-bottom: 35px; margin-bottom: 30px;}
	/* .main .videoArti .sub_video_wrap .player { width: 194px; height: 111px; } */
}

/* profileArti */
.main .profileArti {text-align: center; padding: 204px 400px; background: url('/onepage_assets/img/main/profileArti/profile-bg.png') no-repeat center / cover;}
.main .profileArti .inner {display: flex; justify-content: space-between; max-width: 1331px; width: auto;}
.main .profileArti .profileTitleBox {color: #FFF; text-align: left;}
.main .profileArti .profileTitleBox .title {margin-bottom: 25px; font-size: 70px; line-height: 70px;}
.main .profileArti .profileTitleBox .desc-title {margin-bottom: 50px; font-size: 24px; line-height: 24px;}
.main .profileArti .profileTitleBox .content .header {margin-bottom: 30px; font-size: 30px;}
.main .profileArti .profileTitleBox .content .body {margin-bottom: 20px; font-size: 18px; font-weight: 300;}
.main .profileArti .profileTitleBox .content .body b {font-weight: 500;}
.main .profileArti .profileTitleBox .content .body .point {background-color: #05CE464D;}
.main .profileArti .moProfileTitleBox {display: none;}

@media screen and (max-width: 1260px) { 
    .main .profileArti {padding: 150px 120px;}
    .main .profileArti .inner {flex-direction: column; align-items: center; gap: 100px;}
}

@media screen and (max-width: 1000px) { 
    .main .profileArti {padding: 50px 12px;}
    .main .profileArti .inner {flex-direction: column; align-items: center; gap: 100px;}
}
@media screen and (max-width: 650px) { 
    .main .profileArti {padding: 16vw 0 6vw; background: url('/onepage_assets/img/main/profileArti/mo-profile-bg.png') no-repeat top center / 100% auto;}
    .main .profileArti .inner {display: block; gap: 85px;}
    .main .profileArti .profileTitleBox {display: none;}
    .main .profileArti .moProfileTitleBox {display: block;}
    .main .profileArti .moProfileTitleBox .header {text-align: right;}
    .main .profileArti .moProfileTitleBox .header .title {color: #fff; font-size: 7vw; font-weight: 400;}
    .main .profileArti .moProfileTitleBox .header .title b {font-weight: 700;}
    .main .profileArti .moProfileTitleBox .body {text-align: right; padding-left: 20px; margin-top: 45vw;}
    .main .profileArti .moProfileTitleBox .body .desc-title {color: #fff; font-size: 6.3vw; border-bottom: 2px solid #4CFC8526; padding-bottom: 3vw; margin-bottom: 6vw;}
    .main .profileArti .moProfileTitleBox .body .content .item {color: #fff; font-size: 4vw; font-weight: 300; line-height: 5vw; padding-bottom: 3vw;}
    .main .profileArti .moProfileTitleBox .body .content .item .point {color: #4CFC85; font-weight: 500;}
}

/* careerArti */
.main .careerArti { padding: 167px 150px; background-color: #fff; }
.main .careerArti .inner {display: flex; justify-content: space-between; max-width: 1331px;}
.main .careerArti .careerTitleBox {color: #000; text-align: left;}
.main .careerArti .careerTitleBox .title {margin-bottom: 25px; font-size: 30px; color: #05CE46; font-weight: 700;}
.main .careerArti .careerTitleBox .content .item {margin-bottom: 20px; font-size: 24px;}

@media screen and (max-width: 1000px) { 
    .main .careerArti {padding: 30px 12px;}
    .main .careerArti .inner {flex-direction: column; align-items: start; gap: 100px;}
}
@media screen and (max-width: 650px) { 
    .main .careerArti {display: none;}
}

/* selfArti */
.main .selfArti {text-align: center; padding: 220px 0; background: url('/onepage_assets/img/main/selfArti/bg.png') no-repeat center / cover;}
.main .selfArti .inner {display: flex; justify-content: space-between; max-width: 1331px;}
.main .selfArti .mainTitleBox {color: #FFF; text-align: left; margin-top: 39px;}
.main .selfArti .mainTitleBox .title {font-size: 65px; margin-bottom: 81px; font-weight: 700; line-height: 95px; text-shadow: 3px 3px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;}
.main .selfArti .mainTitleBox .title b {color: #4CFC85;}
.main .selfArti .mainTitleBox .content {line-height: 95px;}
.main .selfArti .mainTitleBox .content .if-text {font-size: 50px; font-weight: 700;}
.main .selfArti .mainTitleBox .content .now-text {font-size: 75px; font-weight: 700;}
.main .selfArti .mainTitleBox .content .now-text .point {color: #4CFC85;}
.main .selfArti .selfDiagnosis {display: flex; justify-content: center; align-items: center; width: 594px; height: 747px; background-color: #fff; border-radius: 13px; overflow: hidden;}
.main .selfArti .selfDiagnosis .selfEnd {display: none;}
.main .selfArti .selfDiagnosis .selfCont, .main .selfArti .selfDiagnosis .selfCard, .main .selfArti .selfDiagnosis .cardInner, .main .selfArti .selfDiagnosis .cardCont  {width: 100%; height: 100%;}
.main .selfArti .selfDiagnosis .cardInner {padding-top: 88px;}
.main .selfArti .selfDiagnosis .cardCont {display: flex; flex-direction: column;}
.main .selfArti .selfDiagnosis .cardCont .itemWrap {max-width: 360px; width: 100%; margin: 0 auto;}
.main .selfArti .selfDiagnosis .cardCont .cardSubTit {color: #1CB54D; font-size: 41px; font-weight: 600; line-height: 55px; letter-spacing: -1.75px; margin-bottom: 72px;}
.main .selfArti .selfDiagnosis .cardCont .item {position: relative; text-align: left; padding: 12px 0; border-bottom: 1px solid #BFBFBF;}
.main .selfArti .selfDiagnosis .cardCont .item + .item {margin-top: 6px;}
.main .selfArti .selfDiagnosis .cardCont .item label:not(.ico) {display: block; width: 100%; color: #373535; font-size: 23px; font-weight: 500; letter-spacing: -1px; cursor: pointer;}
.main .selfArti .selfDiagnosis .cardCont .item input {position: absolute; overflow: hidden; display: none;}
.main .selfArti .selfDiagnosis .cardCont .item .ico {position: absolute; top: 50%; right: 12px; width: 24px; height: 24px; background: url('/onepage_assets/img/main/selfArti/checkIco.svg') no-repeat 0 0; cursor: pointer; background-size: contain; transform: translateY(-50%); filter: hue-rotate(90deg) invert(1);}
.main .selfArti .selfDiagnosis .cardCont .item input:checked + .ico {background: url('/onepage_assets/img/main/selfArti/checkActiveIco.svg') no-repeat 0 0; background-size: contain;}
.main .selfArti .selfDiagnosis .cardCont .inputWrap {display: flex; gap: 26px; justify-content: center; margin-bottom: 71px; align-items: center;}
.main .selfArti .selfDiagnosis .cardCont .inputWrap label {color: #373535; font-size: 24px; font-weight: 700; line-height: 40px; letter-spacing: -1px;}
.main .selfArti .selfDiagnosis .cardCont .inputWrap input {flex: auto; border: 1px solid #1CB54D; padding: 10px;}
.main .selfArti .selfDiagnosis .cardCont .btnWrap {display: flex; justify-content: space-between; margin-top: auto; }
.main .selfArti .selfDiagnosis .cardCont .btnWrap button {width: 100%; height: 75px; color: #FFF; text-align: center; font-size: 30px; font-weight: 400; border: none; background: #1CB54D;}
.main .selfArti .selfDiagnosis .cardCont .btnWrap .prevBtn, .main .selfArti .selfDiagnosis .cardCont .btnWrap .nextBtn {background-color: #fff; color: #D9D9D9; padding: 0 20px; font-size: 26px; padding: 0 50px 35px;}
.main .selfArti .selfDiagnosis .cardCont .btnWrap .nextBtn {color: #25B76A;}
.main .selfArti .selfDiagnosis .cardEnd .cardTit {color: #1CB54D; font-size: 40px; font-weight: 800; line-height: 49px; letter-spacing: -2px; margin-bottom: 30px;}
.main .selfArti .selfDiagnosis .cardEnd .cardSubTit {color: #373535; font-size: 24px; font-weight: 400; line-height: 40px; letter-spacing: -1px; margin-bottom: 43px;}
.main .selfArti .selfDiagnosis .cardEnd form {max-width: 369px; width: 100%; margin: 0 auto;}
.main .selfArti .selfDiagnosis .cardEnd .inputWrap {display: flex; gap: 26px; justify-content: center; margin-bottom: 71px;}
.main .selfArti .selfDiagnosis .cardEnd .inputWrap label {color: #373535; font-size: 24px; font-weight: 700; line-height: 40px; letter-spacing: -1px;}
.main .selfArti .selfDiagnosis .cardEnd .inputWrap input {flex: auto; border: 1px solid #1CB54D; padding: 5px;}
.main .selfArti .selfDiagnosis .cardEnd .btnWrap .btn {display: flex; justify-content: center; align-items: center; width: 369px; height: 50px; color: #FFF; font-size: 28px; font-weight: 700; letter-spacing: -1.4px; background: #1CB54D; cursor: pointer;}

@media screen and (max-width: 1000px) { 
    .main .selfArti .inner {flex-direction: column; align-items: center; gap: 100px;}
}
@media screen and (max-width: 650px) { 
    .main .selfArti {padding: 75px 0; background: #000;}
    .main .selfArti .inner {gap: 85px;}
    .main .selfArti .mainTitleBox {margin-top: 0; text-align: center;}
    .main .selfArti .selfDiagnosis .cardInner {padding-top: 72px;}
    .main .selfArti .mainTitleBox .title {font-size: 7vw; line-height: 9vw; letter-spacing: -1.4px; margin-bottom: 32px;}
    .main .selfArti .mainTitleBox .title b {color: #ffffff;}
    .main .selfArti .mainTitleBox .content {font-weight: 300; line-height: 30px;}
    .main .selfArti .mainTitleBox .content .if-text {font-size: 5vw; margin-bottom: 4vw;}
    .main .selfArti .mainTitleBox .content .now-text {font-size: 7vw; font-weight: 500;}
    .main .selfArti .mainTitleBox .content .now-text .point {color: #fff; font-weight: 700;}
    .main .selfArti .selfDiagnosis {width: 100%; height: 100vw;}
    .main .selfArti .selfDiagnosis .cardCont .cardSubTit {font-size: 5vw; line-height: 6vw; letter-spacing: -0.9px; margin-bottom: 47px;}
    .main .selfArti .selfDiagnosis .cardCont .itemWrap {width: 100%; padding: 0 20px;}
    .main .selfArti .selfDiagnosis .cardCont .item {padding: 10px 0;}
    .main .selfArti .selfDiagnosis .cardCont .item + .item {margin-top: 7px;}
    .main .selfArti .selfDiagnosis .cardCont .item label:not(.ico) {font-size: 4vw;}
    .main .selfArti .selfDiagnosis .cardCont .item .ico {width: 16px; height: 16px;}
    .main .selfArti .selfDiagnosis .cardCont .inputWrap {gap: 7px; margin-bottom: 35px;}
    .main .selfArti .selfDiagnosis .cardCont .inputWrap label {font-size: 20px; line-height: 34px;}
    .main .selfArti .selfDiagnosis .cardCont .inputWrap input {width: 72%;}
    .main .selfArti .selfDiagnosis .cardCont .btnWrap button {height: 15vw; font-size: 5vw;}
    .main .selfArti .selfDiagnosis .cardEnd .cardTit {font-size: 26px; font-weight: 600; line-height: 30px; letter-spacing: -1.3px; padding-top: 11px; margin-bottom: 22px;}
    .main .selfArti .selfDiagnosis .cardEnd .cardSubTit {font-size: 17px; line-height: 27px; margin-bottom: 33px;}
    .main .selfArti .selfDiagnosis .cardEnd form {max-width: 265px;}
    .main .selfArti .selfDiagnosis .cardEnd .inputWrap {gap: 7px; margin-bottom: 35px;}
    .main .selfArti .selfDiagnosis .cardEnd .inputWrap label {font-size: 20px; line-height: 34px;}
    .main .selfArti .selfDiagnosis .cardEnd .btnWrap .btn {width: 100%; height: 40px; font-size: 20px; font-weight: 800;}
    .main .selfArti .selfDiagnosis .cardCont .btnWrap .prevBtn, .main .selfArti .selfDiagnosis .cardCont .btnWrap .nextBtn {font-size: 5vw;}
}
@media screen and (max-width: 400px) {
    /* .main .selfArti .mainTitleBox .title {font-size: 7.00vw; line-height: 10.75vw; margin-bottom: 5.50vw;} 
    .main .mainTitleBox .content {font-size: 7.50vw; line-height: 9.00vw;} */
    /* .main .selfArti .mainTitleBox .content span {font-size: 15.00vw; line-height: 16.50vw;  margin-bottom: 1.50vw;} */
    .main .selfArti .selfDiagnosis {height: 130vw;}
    .main .selfArti .selfDiagnosis .cardInner {padding-top: 18.00vw;}
    .main .selfArti .selfDiagnosis .cardCont .cardSubTit {font-size: 6.00vw; line-height: 6.00vw; margin-bottom: 11.75vw;}
    .main .selfArti .selfDiagnosis .cardCont .item label:not(.ico) {font-size: 4.25vw;}
    .main .selfArti .selfDiagnosis .cardCont .item .ico {width: 4.00vw; height: 4.00vw;}
    .main .selfArti .selfDiagnosis .cardCont .inputWrap {margin-bottom: 8.75vw;}
    .main .selfArti .selfDiagnosis .cardCont .inputWrap label {font-size: 5.00vw; line-height: 8.50vw;}
    .main .selfArti .selfDiagnosis .cardCont .btnWrap button {height: 10.00vw; font-size: 3.75vw;}
    .main .selfArti .selfDiagnosis .cardEnd .cardTit {font-size: 6.50vw;         line-height: 7.50vw; padding-top: 2.75vw; margin-bottom: 5.50vw;}
    .main .selfArti .selfDiagnosis .cardEnd .cardSubTit {font-size: 4.25vw; line-height: 6.75vw; margin-bottom: 8.25vw;}
    .main .selfArti .selfDiagnosis .cardEnd .inputWrap {margin-bottom: 8.75vw;}
    .main .selfArti .selfDiagnosis .cardEnd .inputWrap label {font-size: 5.00vw; line-height: 8.50vw;}
    .main .selfArti .selfDiagnosis .cardEnd .btnWrap .btn {height: 10.00vw; font-size: 5.00vw;}
}

/* typeArti */
.main .typeArti {padding: 167px 0 134px; background-color: #fff;}
.main .typeArti .inner {max-width: 1276px;}
.main .typeArti .mainTitleBox {margin-bottom: 37px;}
.main .typeArti .mobile-list {display: none !important;}
.main .typeArti .list {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.main .typeArti .list li {padding-top: 30px; padding-left: 30px; width: 304px; height: 200px; padding-bottom: 29px; border-radius: 13px; background-color: #101010;/* box-shadow: 4px 4px 20.9px 0px rgba(0, 0, 0, 0.20); */ background-repeat: no-repeat; background-position: calc(100% - 15px) calc(100% + 60px);}
.main .typeArti .list li .header {font-size: 30px; color: #4CFC85;}
.main .typeArti .list li .body {font-size: 30px; color: #fff;}
.main .typeArti .list a:nth-child(2) li {background-image: url('/onepage_assets/img/main/typeArti/img02.png');}
.main .typeArti .list a:nth-child(3) li {background-image: url('/onepage_assets/img/main/typeArti/img03.png');}
.main .typeArti .list a:nth-child(4) li {background-image: url('/onepage_assets/img/main/typeArti/img04.png');}
.main .typeArti .btn-area {text-align: center; margin-top: 50px;}
.main .typeArti .btn-area .more-btn {background: #05CE46; color: #fff; padding: 20px 30px; font-size: 20px; display: inline-block; border-radius: 13px;}

@media screen and (max-width: 684px) { 
    .main .typeArti .list li {width: calc((100% - 20px) / 2); height: 44.30vw;}
}
@media screen and (max-width: 650px) {
    .main .typeArti {padding: 109px 0 57px;}
    .main .typeArti .mainTitleBox {margin-bottom: 40px;}
    .main .typeArti .mainTitleBox .title {font-size: 34px; line-height: 43px; letter-spacing: -1.7px;}


    .main .typeArti .pc-list {display: none !important;}
    .main .typeArti .mobile-list {display: flex !important;}
    .main .typeArti .list {display: flex; flex-wrap: nowrap; justify-content: start; width: auto; gap: 17px; margin-top: 30px; overflow-x: auto; overflow-y: hidden; padding-bottom: 10px; white-space: nowrap; }
    .main .typeArti .list a {flex: 0 0 auto;}
    .main .typeArti .list li {width: 70vw; height: 45vw;}
    .main .typeArti .list li span {font-size: 24px; letter-spacing: -1.2px;}
    .main .typeArti .list li .header {font-size: 7vw; font-weight: 600;}
    .main .typeArti .list li .body {font-size: 7vw; font-weight: 600;}
    .main .typeArti .list a:nth-child(4) li {background-image: none;}
    .main .typeArti .list a:nth-child(3) li {background-image: url('/onepage_assets/img/main/typeArti/img03.png'); background-size: 34vw; background-position: calc(100% - 15px) 25vw;}
    .main .typeArti .list a:nth-child(2) li {background-image: url('/onepage_assets/img/main/typeArti/img02.png'); background-size: 34vw; background-position: calc(100% - 15px) 25vw;}
    .main .typeArti .list a:nth-child(1) li {background-image: url('/onepage_assets/img/main/typeArti/img04.png'); background-size: 34vw; background-position: calc(100% - 15px) 25vw;}
    .main .typeArti .list::-webkit-scrollbar { height: 7px; }
    .main .typeArti .list::-webkit-scrollbar-track { background: #ddd; border-radius: 10px; }
    .main .typeArti .list::-webkit-scrollbar-thumb { background: #666; border-radius: 10px; }
}


/* lawyerArti */
.main .lawyerArti {padding: 292px 0 167px;}
.main .lawyerArti .inner {display: flex; justify-content: space-between; max-width: 1220px;}
.main .lawyerArti .imgWrap {text-align: center; padding: 50px 63px 19px;}
.main .lawyerArti .imgWrap img {max-width: 467px; width: 100%;}
.main .lawyerArti .imgWrap .name {position: relative; display: flex; justify-content: center; align-items: center; width: 500px; height: 60px; color: #FFF; font-size: 30px; font-weight: 400; background: #0E6EB8; margin-top: -30px; z-index: 2;}
.main .lawyerArti .txtWrap {padding-top: 59px;}
.main .lawyerArti .txtWrap .greetings {color: #000; font-size: 64px; font-weight: 700; line-height: 57.6px; letter-spacing: -3.2px; margin-bottom: 42px; word-break: keep-all;}
.main .lawyerArti .txtWrap .greetings span {display: block; font-size: 48px; font-weight: 700; line-height: 57.6px; letter-spacing: -2.4px; margin-bottom: 15px;}
.main .lawyerArti li {color: #000; font-size: 25px; font-weight: 300; line-height: 43px;
letter-spacing: -1.25px;}

@media screen and (max-width: 1190px) { 
    .main .lawyerArti .imgWrap {padding: 50px 20px 19px;}
}
@media screen and (max-width: 1000px) { 
    .main .lawyerArti .inner {flex-direction: column; align-items: center;}
}
@media screen and (max-width: 650px) {
    .main .lawyerArti {padding: 119px 0 109px;}
    .main .lawyerArti .imgWrap {padding: 0; max-width: 330px; width: 100%;}
    .main .lawyerArti .imgWrap img {max-width: 288px;}
    .main .lawyerArti .imgWrap .name {width: 100%; height: 52px; font-size: 24px; margin-top: -52px;}
    .main .lawyerArti .txtWrap {padding-top: 62px;}
    .main .lawyerArti .txtWrap .greetings {font-size: 36px; line-height: 57.6px; letter-spacing: -1.8px; text-align: center; margin-bottom: 12px;}
    .main .lawyerArti .txtWrap .greetings span {font-size: 24px; line-height: 24px; letter-spacing: -1.2px; margin-bottom: 4px;}
    .main .lawyerArti ul {max-width: 291px;}
    .main .lawyerArti li {font-size: 18px; line-height: 31px; letter-spacing: -0.9px;}
}
@media screen and (max-width: 400px) {
    .main .lawyerArti .imgWrap .name {height: 13.00vw; font-size: 6.00vw; margin-top: -13.00vw;}
    .main .lawyerArti .txtWrap .greetings {font-size: 9.00vw; line-height: 14.40vw; margin-bottom: 3.00vw;}
    .main .lawyerArti .txtWrap .greetings span {font-size: 6.00vw; line-height: 6.00vw; margin-bottom: 1.00vw;}
    .main .lawyerArti li {font-size: 4.50vw; line-height: 7.75vw;}
}

/* promiseArti */
.main .promiseArti {padding: 272px 0 203px; background-image: url('/onepage_assets/img/main/promiseArti/bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.main .promiseArti .inner {display: flex; justify-content: space-between; gap: 20px; max-width: 1533px; width: 100%;}
.main .promiseArti .mainTitleBox {text-align: left; color: #FFF;}
.main .promiseArti .mainTitleBox .title {font-size: 48px; font-weight: 700; line-height: 57.6px; letter-spacing: -2.4px; margin-bottom: 61px;}
 .main .promiseArti .mainTitleBox .title .point {color: #4CFC85; }
.main .promiseArti .mainTitleBox .accent {font-size: 67px; font-weight: 900; letter-spacing: -3.35px; word-break: keep-all;}
.main .promiseArti .promise {position: relative;}
.main .promiseArti .promise li {display: flex; gap: 80px; color: #FFF; font-size: 30px; font-weight: 500;}
.main .promiseArti .promise li + li {margin-top: 47px;}
.main .promiseArti .promise .promiseCont {display: grid; grid-template-columns: 35px 300px; text-align: left; word-break: keep-all;}
.main .promiseArti .promise .promiseCont .number {margin-right: 12px;}
.main .promiseArti .promise .promiseCont span {color: #4CFC85;}

@media screen and (max-width: 1000px) {
    .main .promiseArti .inner {flex-direction: column; align-items: center; gap: 100px;}
    .main .promiseArti .promise .promiseCont {grid-template-columns: auto;}
}

.main .moPromiseArti {display: none;}
.main .moPromiseArti {padding: 167px 0 134px; background-color: #fff;}
.main .moPromiseArti .inner {max-width: 1276px;}
.main .moPromiseArti .mainTitleBox {margin-bottom: 37px;}
.main .moPromiseArti .list {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.main .moPromiseArti .list li {text-align: center; width: 304px; height: auto; border-radius: 13px; background-color: #313131; padding: 20px 0;}
.main .moPromiseArti .list li .header {font-size: 3.5vw; color: #fff; line-height: 5vw;}
.main .moPromiseArti .list li .body {font-size: 3.5vw; color: #fff;}
.main .moPromiseArti .list li .header .point {font-size: 3.5vw; color: #4CFC85;}
.main .moPromiseArti .list li .body .point{font-size: 3.5vw; color: #4CFC85;}
.main .moPromiseArti .list li .icon {margin-bottom: 15px;}
.main .moPromiseArti .list li .icon img {width: 25px; height: auto;}
.main .moPromiseArti .btn-area {text-align: center; margin-top: 50px;}
.main .moPromiseArti .btn-area .more-btn {background: #05CE46; color: #fff; padding: 20px 30px; font-size: 20px; display: inline-block; border-radius: 13px;}

@media screen and (max-width: 684px) { 
    .main .moPromiseArti .list li {width: calc((100% - 20px) / 2);}
}
@media screen and (max-width: 650px) {
    .main .promiseArti {display: none;}
    .main .moPromiseArti {display: block;}
    .main .moPromiseArti {padding: 16vw 0 10vw; background-image: url('/onepage_assets/img/main/promiseArti/mo-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
    .main .moPromiseArti .mainTitleBox {margin-bottom: 70vw;}
    .main .moPromiseArti .mainTitleBox .title {font-size: 7vw; line-height: 9vw; color: #ffffff;}
    .main .moPromiseArti .mainTitleBox .title .point {color: #4CFC85;}
    .main .moPromiseArti .list {gap: 14px 9px;}
    .main .moPromiseArti .list li {width: calc((100% - 9px) / 2);}
    .main .moPromiseArti .list li span {font-size: 24px; letter-spacing: -1.2px;}
}

/* consultInfoArti */
.consultInfoArti {padding: 202px 0 203px; background: #242424;}
.consultInfoArti .inner {display: flex; justify-content: space-between; gap: 20px; max-width: 1409px;}
.consultInfoArti .mainTitleBox {color: #fff; text-align: left; padding-top: 37px;}
.consultInfoArti .mainTitleBox .title {margin-bottom: 11px;}
.consultInfoArti .mainTitleBox .callNum {color: #2EA4FF; font-size: 67px; font-weight: 900; line-height: 57.6px; padding-bottom: 22px; border-bottom: 1px solid #fff;}
.consultInfoArti .mainTitleBox .sub {color: #FFF; font-size: 28px; font-weight: 400; line-height: 40px; letter-spacing: -1.4px; padding-top: 25px;}
.consultInfoArti .clickToBox {display: flex; gap: 34px; width: 830px;}
.consultInfoArti .clickToBox li {flex: 1; height: 363px; text-align: center; padding: 56px 0 25px; background: #3A3A3A;}
.consultInfoArti .clickToBox li a {display: inline-block;}
.consultInfoArti .clickToBox li .clickToImg {min-height: 86px; margin-bottom: 42px;}
.consultInfoArti .clickToBox li .clickToTit {color: #FFF; text-align: center; font-size: 32px; font-weight: 700; line-height: 38px; letter-spacing: -1.6px; margin-bottom: 20px;}
.consultInfoArti .clickToBox li .clickToBtn {width: 60px; height: 60px;}

@media screen and (max-width: 1278px) { 
    .consultInfoArti .clickToBox {width: 66.88%;}
}
@media screen and (max-width: 1000px) {
    .consultInfoArti .inner {flex-direction: column; gap: 100px;}
    .consultInfoArti .clickToBox {max-width: 830px; width: 100%;}
}
@media screen and (max-width: 650px) {
    .consultInfoArti {padding: 96px 0 92px;}
    .consultInfoArti .inner {gap: 60px; padding: 0 32px 0 26px;}
    .consultInfoArti .mainTitleBox {padding-top: 0;}
    .consultInfoArti .mainTitleBox .title {font-size: 36px; line-height: 36px; letter-spacing: -1.8px; margin-bottom: 1.7px;}
    .consultInfoArti .mainTitleBox .callNum {font-size: 48px; padding-bottom: 11px;}
    .consultInfoArti .mainTitleBox .sub {font-size: 20px; line-height: 30px; letter-spacing: -1px; padding-top: 17px;}
    .consultInfoArti .clickToBox {flex-direction: column; gap: 12px;}
    .consultInfoArti .clickToBox li {flex: none; height: auto; text-align: left; padding: 0;}
    .consultInfoArti .clickToBox li a {display: flex; align-items: center; padding: 17px 0 17px 19px;}
    .consultInfoArti .clickToBox li .clickToImg {min-width: 54px; min-height: auto; margin-bottom: 0;}
    .consultInfoArti .clickToBox li:nth-child(1) .clickToImg img {width: 48px; height: auto;}
    .consultInfoArti .clickToBox li:nth-child(2) .clickToImg img {width: 39px; height: auto;}
    .consultInfoArti .clickToBox li:nth-child(3) .clickToImg img {width: 47px; height: auto;}
    .consultInfoArti .clickToBox li .clickToTit {font-size: 28px; line-height: 34px; letter-spacing: -1.4px; margin-bottom: 0; word-break: keep-all;}
    .consultInfoArti .clickToBox li .clickToBtn {margin-left: auto;}
}
@media screen and (max-width: 400px) {
    .consultInfoArti .inner {gap: 15.00vw; padding: 0 8.00vw 0 6.50vw;}
    .consultInfoArti .mainTitleBox .title {font-size: 9.00vw; line-height: 9.00vw;}
    .consultInfoArti .mainTitleBox .callNum {font-size: 12.00vw; line-height: 14.40vw; padding-bottom: 2.75vw;}
    .consultInfoArti .mainTitleBox .sub {font-size: 5.00vw; line-height: 7.50vw; padding-top: 4.25vw;}
    .consultInfoArti .clickToBox li a {padding: 4.25vw 0 4.25vw 4.75vw;}
    .consultInfoArti .clickToBox li .clickToImg {min-width: 13.50vw;}
    .consultInfoArti .clickToBox li:nth-child(1) .clickToImg img {width: 12.00vw;}
    .consultInfoArti .clickToBox li:nth-child(2) .clickToImg img {width: 9.75vw;}
    .consultInfoArti .clickToBox li:nth-child(3) .clickToImg img {width: 11.75vw;}
    .consultInfoArti .clickToBox li .clickToTit {font-size: 7.00vw; line-height: 8.50vw;}
    .consultInfoArti .clickToBox li .clickToBtn {width: 15.00vw; height: 15.00vw;}
    .consultInfoArti .clickToBox li .clickToBtn img {width: 100%;}
}