@charset "utf-8";


/* **************************************** *
 * SUB global root
 * **************************************** */
 :root {
	--font-18:18rem;  
    --font-21:21rem;
    --font-23:23rem;  
}

@media (max-width: 1023px){
    :root {
        --font-18:16rem;  
    }
}
@media (max-width: 540px){ 
    :root{
        --font-21:16rem; 
        --font-23:15rem;
        --font-18: 14rem;
    }
}

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.about-page, .location-wrap) + #footer{margin-top: 0 !important;}
#header{}
#footer{margin-top: 200rem;}

@media all and (max-width:1023px){
    #footer {margin-top: 140rem;}
}

@media (max-width: 860px){
    #footer {margin-top: 120rem;}
}

@media (max-width: 540px){
    #footer {margin-top: 80rem;}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(10.4167vw, 200rem);}
.sub-content h3 {line-height:1.3; font-size:65rem; font-weight: 500; color:var(--c-01);}
.sub-content h4 {font-size: 45rem; font-weight: 500; color: var(--b-02);}
.sub-content h5 {margin-bottom: 20rem; font-size: 27rem; font-weight: 500; color: var(--b-02); line-height: 1.5;}
.sub-content p {line-height: 1.6;}

.sub-tab {position: absolute; right: 0; top: -2rem;}
.sub-tab.is_moved {display: inline-flex;}
.sub-tab li{display:flex; justify-content:center; align-items:center; width:88rem; height:88rem; background:none; font-weight:600; font-size:17rem; color:var(--b-02); transition:var(--trans-01); border-radius:100%;}
.sub-tab li.active{background:var(--c-01); font-weight:500;}
.sub-tab li.active a { color:#fff;}

.btn-wrap {text-align: center;}

@media all and (max-width:1023px){
	.sub-content {padding-top: 140rem;}
    .sub-content h3 {font-size: 55rem;}
    .sub-content h5 {font-size: 21rem;}
}

@media (max-width: 860px){
    .sub-content {padding-top: 120rem;}

    [data-ani="left"],
    [data-ani="right"] {transform:translateY(60rem);}
}

@media (max-width: 540px){
	.sub-content {padding-top: 80rem;}
    .sub-content h3 {font-size: 32rem;}
	.sub-content h4{font-size:27rem;}
    .sub-content h5 {margin-bottom: 10rem; font-size: 18rem;}

    .sub-tab {display:flex; justify-content:flex-start; position:relative; margin-top:26rem;}
	.sub-tab li{width:74rem; height:38rem; font-size:14rem; border-radius:5rem;}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

/* 태인디자인 */
.about-title {text-align: center;}
.about-title h3 {margin-bottom: 50rem;}
.about-title h6 {filter: blur(10px); opacity: .2; margin-top: 50rem; font-size: 160rem; color: #fff; text-transform: uppercase; text-shadow: -1px -1px 0 var(--c-01), 1px -1px 0 var(--c-01), -1px 1px 0 var(--c-01), 1px 1px 0  var(--c-01); transition:1s ease-in ;}
.about-title h6.is_moved {filter: blur(0);opacity: .2;} 
.about-title p {font-family: var(--lang-ko);}
.about-title__img {overflow: hidden; position: relative; height: 0; padding: 0; background:url(../img/sub/about-img.jpg) no-repeat center / cover; transition:var(--trans-01);}
.about-title__img.is_moved {height: 280rem;}

.about-pf {padding: max(10.4167vw, 200rem) 0; background: #F9F6F6;}
.about-pf__inr {position: relative;}
.about-pf__title {z-index: 1; position: absolute; width: 100%; height: 100%;}
.about-pf__title .wrap-narrow {height: 100%;}
.about-pf__title h4 {margin-bottom: 60rem;}
.about-pf__title p + p {margin-top: 15rem;}
.about-pf__title-inr {position: sticky; top: 100rem; width: 30%;}
.about-pf__list-inr {width: 960rem; margin-left: auto;}
.about-pf .main-portfolio__list {z-index: 1; position: relative; grid-template-columns: 1fr; gap: 80rem 0;}
.about-pf .main-portfolio__img {overflow: hidden;}
.about-pf .main-portfolio__img img {transition: var(--trans-01);}
.about-pf .main-portfolio__list strong {display: block; margin-top: 15rem; font-size: 22rem; font-weight: 500; color: var(--b-02); transition: var(--trans-01);}
.about-pf .main-portfolio__list a:hover img {transform: scale(1.1);}
.about-pf .main-portfolio__list a:hover strong {color: var(--c-01);}
.about-pf .basic-btn {margin-top: 60rem;}

@media (max-width: 1480px){
    .about-pf__title-inr {width: 40%; padding-right: 80rem;}
    .about-pf__list-inr {width: 60%;}
}

@media all and (max-width:1023px){
    .about-title h6 {font-size: 115rem;}
    .about-pf {padding: 140rem 0;}
    .about-pf__list-inr {width: 50%;}
    .about-pf__title-inr {padding-right: 0;}
    .about-pf .main-portfolio__img {width: 100%; height: 30vw;}
    .about-pf .main-portfolio__img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
}

@media all and (max-width:860px){
    .about-title h6 {font-size: 90rem;}
    .about-title__img {margin-top: 10rem;}
    .about-title__img.is_moved {height: 200rem;}
    .about-pf {padding: 120rem 0;}
    .about-pf__title {position: relative; height: auto;}
    .about-pf__title-inr {width: 100%;}
    .about-pf__title h4 {margin-bottom: 40rem;}
    .about-pf__title p:nth-child(4) br:nth-child(1) {display: none;}
    .about-pf .basic-btn {margin-top: 30rem;}
    .about-pf__list {margin-top: 80rem;}
    .about-pf__list-inr {width: 100%;}
    .about-pf .main-portfolio__list {gap: 50rem 0;}
    .about-pf .main-portfolio__img {height: auto;}
}

@media (max-width: 540px){
	.about-title h3 {margin-bottom: 25rem;}
    .about-title h6 {margin-top: 40rem; font-size: 47rem;}
    .about-title__img.is_moved {height: 120rem;}
    .about-pf {padding: 70rem 0 100rem;}
    .about-pf__title h4 {margin-bottom: 22rem;}
    .about-pf__title br {display: none;}
    .about-pf__title p + p {margin-top: 8rem;}
    .about-pf .basic-btn {margin-top: 25rem;}
    .about-pf__list {margin-top: 50rem;}
    .about-pf .main-portfolio__list {gap: 35rem 0;}
    .about-pf .main-portfolio__list strong {margin-top: 12rem; font-size: 16rem;}
    .about-pf .main-portfolio__list a:hover img {transform: none;}
}

/* 오시는길 */
.location-map {margin-top: 50rem;border:1px solid #D0D0D0 !important;}
.location-map .hide {display: none;}
.location-map .root_daum_roughmap {width: 100% !important;}
.location-map .root_daum_roughmap .wrap_map {height: 550rem;}
.location-map .root_daum_roughmap_landing .border2 {display: block;}
.location-map .map_border {display: none !important;}
.location-cont {position: relative;}
.location-cont::before {position: absolute; left:50%; top: 0; content:''; width: 1px; height: 100%; background: #D0D0D0;}
.location-cont > div {width: 50%;padding: 60rem 80rem 70rem;}
.location-cont__title {position: relative; padding-left: 0 !important;}
.location-cont__title .basic-btn.v2 {position: absolute; right: 80rem; top: 70rem;}
.location-cont__title .basic-btn.v2 span {display: inline-flex; align-items: center; justify-content: center;}
.location-cont__title .basic-btn.v2 span::before {content:''; display: block; width: 15rem; height: 20rem; margin-right: 10rem; background-image: url(../img/layout/ic-map.svg); background-repeat: no-repeat; background-position: center; background-size: contain; transition: var(--trans-01);}
.location-cont__title .basic-btn.v2:hover span::before {background-image: url(../img/layout/ic-map_w.svg);}
.location-cont__list {padding-right: 0 !important; color: #666; font-family: var(--lang-ko);}
.location-cont__list > ul > li + li {margin-top: 35rem;}
.location-cont__list > ul > li:first-child {margin-top: 20rem;}
.location-cont__list a {color: #666; transition: var(--trans-01);}
.location-cont__list a:hover {color: var(--c-01); text-decoration: underline;} 
.location-cont__list em {display: block; margin-bottom: 7rem; text-transform: uppercase; font-size: 20rem; font-family: var(--lang-en); font-weight: 600; color: var(--b-02); letter-spacing: -.7px;}
.location-cont__list [data-list] {margin-top: 12rem;}
.location-cont__list [data-list] span {font-weight: 600;}
.location-wrap h5 i{color: var(--c-01);}

.root_daum_roughmap .cont{display:none;}
@media all and (max-width:1023px){
    .location-map {margin-top: 30rem;}
    .location-cont__title .basic-btn.v2 {position: relative; right: auto; top: auto; margin-top: 10rem;}
    .location-cont > div {padding: 60rem 60rem 140rem;}
}

@media (max-width:860px){
    .location-map .root_daum_roughmap .wrap_map {height: 400rem !important;}
    .location-cont {display: block;}
    .location-cont::before {display: none;}
    .location-cont > div {width: 100%; padding: 50rem 0 0;}
    .location-cont__title .basic-btn.v2 {position: absolute; right: 0; top: 47rem;}
    .location-cont > div.location-cont__list {margin-top: 40rem; padding: 30rem 0 120rem; border-top: 1px solid #d0d0d0;}
}

@media (max-width: 540px){
    .location-map {margin-top: 15rem;}
	.location-map .root_daum_roughmap .wrap_map {height: 200rem !important;}
    .location-cont > div {padding: 30rem 0;}
    .location-cont__title .basic-btn.v2 {position: relative; right: auto; top: auto; margin-top:5rem;}
    .location-cont__title .basic-btn.v2 span::before {width: 13rem; height: 16rem; margin-right: 7rem;}
    .location-cont > div.location-cont__list {margin-top: 0; padding: 0 0 80rem; border-top: 0;}
    .location-cont__list em {margin-bottom: 5rem; font-size: 16rem;}
    .location-cont__list > ul > li {padding: 20rem 0; border-top: 1px solid #efefef;}
    .location-cont__list > ul > li:first-child {margin-top: 0;}
    .location-cont__list > ul > li + li {margin-top: 0;}
    .location-cont__list [data-list="dot"] > *::before {top: 5rem;}
}

/* 포트폴리오 */
body[class^="portfolio_"] .board-page {margin-top: 45rem;}
body[class^="portfolio_"]:has(#bo_v) .sub-content {padding-top: 150rem;}
body[class^="portfolio_"]:has(#bo_v) .board-page {margin-top: 0;}
body[class^="portfolio_"] .sub-content h5 {margin-top: 60rem; margin-bottom: 0;}
body[class^="portfolio_"] .gall_img{display:block; overflow:hidden; transition:var(--trans-01); border-radius:0;}
body[class^="portfolio_"] .gall_img img{width:100%;height: 385rem;object-fit:cover;}
body[class^="portfolio_"] .bo_tit {display:block; margin-top:25rem; font-weight:600; font-size:var(--font-18rem); color:var(--b-02);transition:var(--trans-01);}
body[class^="portfolio_"] .gall_desc {margin-top:0;}
.portfolio__tag {margin-top: 10rem;}
.portfolio__tag span {display: inline-block; padding:5rem 10rem; font-family:var(--lang-ko); font-size:var(--font-14); color:#666; border:1px solid #D0D0D0; border-radius:40rem;}
body[class^="portfolio_"] #bo_gall .gall_box {margin-bottom: 54rem;}
body[class^="portfolio_"] .gall_li:hover .gall_img{box-shadow:9rem 10rem 0px rgba(0,0,0,0.1); transition:var(--trans-02); border-radius:360rem; border-bottom-left-radius:0; border-bottom-right-radius:0;}
body[class^="portfolio_"] #gall_ul li:hover .bo_tit {color:var(--c-01);}
body[class^="portfolio_"] .btn-wrap {margin-top: 25rem;}
body[class^="portfolio_"] #fboardlist {margin-top: 0;}

@media all and (max-width:1023px){
    body[class^="portfolio_"] .sub-content h5 {margin-top: 35rem;}
    body[class^="portfolio_"] .gall_img {height: 370rem !important;}
    body[class^="portfolio_"] .gall_img a {height: 100% !important;}
    body[class^="portfolio_"] .board-page {margin-top: 40rem;}
}

@media (max-width: 860px){
    body[class^="portfolio_"]:has(#bo_v) .sub-content {padding-top: 80rem;}
    body[class^="portfolio_"] .gall_img {height: 340rem !important;}
}

@media (max-width: 540px){
    body[class^="portfolio_"]:has(#bo_v) .sub-content {padding-top: 60rem;}
    body[class^="portfolio_"] .sub-content h5 {margin-top: 13rem; font-size: 14rem;}
    .portfolio__tag span {font-size: 13rem;}
    body[class^="portfolio_"] .bo_tit {margin-top: 13rem;}
    body[class^="portfolio_"] #bo_gall .gall_box {margin-bottom: 10rem;}
    body[class^="portfolio_"] .gall_img a {height: auto !important;}
    body[class^="portfolio_"] .gall_img img {height: auto !important;}
    body[class^="portfolio_"] .gall_li:hover .gall_img{box-shadow:none; border-radius:0;}
	body[class^="portfolio_"] .gall_li:hover .gall_img img {width:100%; height:auto; object-fit:cover;}
    body[class^="portfolio_"] .btn-wrap {margin-top: 0;}
}

/* 프로세스 */
body:has(.process-title) .sub-content {padding-top: 0;}
body:has(.process-title) .btn-wrap {margin-top: 80rem;}
.process-title {position: relative;}
.process-title::after {position: absolute; right: 0; top: 0; content:''; width: 50%; height: 100%; background: url(../img/sub/process-img.jpg) no-repeat center / cover;}
.process-title__inr {width: 50%; padding: max(10.4167vw, 200rem) 150rem 110rem; padding-left: 0;}
.process-title .title-eng {margin-bottom: 50rem;}
.process-title .basic-btn {margin-top: 30rem;}
.process-list-wrap {position: relative; border: solid #ddd; border-width: 1px 0 1px 0;}
.process-list-wrap::before {position: absolute; left:0; top:50%; content:''; width: 100%; height: 1px; background: #ddd;}
.process-list {gap: 0;}
.process-list__item {position: relative; overflow: hidden; cursor: pointer;}
.process-list__item:not(:nth-child(4n)) {border-right: 1px solid #ddd;}
.process-list__item i {opacity: 0; visibility: hidden; position: absolute; left:0; top:0; width: 100%; height: 100%; background: #BD332F; transition: var(--trans-01);}
.process-list__item i img {mix-blend-mode: soft-light; opacity: .3; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.process-list__item:nth-child(2) i img {object-position: 20% center;}
.process-list__item:nth-child(7) i img {object-position: 36% center;}
.process-list__item em {display: block; line-height: 1; margin-bottom: auto; font-weight: 500; font-size: 50rem; color: #ccc;}
.process-list__item p {margin-bottom: 20rem; font-weight: 500; font-size: 20rem; font-family: var(--lang-ko); color: var(--b-02);}
.process-list__item ul {min-height: 180rem;}
.process-list__item ul li {font-size: 16rem; line-height: 1.5; color: #666; font-family: var(--lang-ko);}
.process-list__item:nth-child(-n+4) ul {min-height: 120rem;}
.process-list__inr {display: flex; flex-direction: column; justify-content: flex-end; min-height: 487rem; padding: 70rem 30rem 50rem;}
.process-list__inr * {position: relative; transition: var(--trans-01);}
.process-list [data-list="dot"] > *::before {width: 3rem; height: 3rem; background: #666; transition: var(--trans-01);}
.process-list__item:hover i {opacity: 1; visibility: visible;}
.process-list__item:hover * {color: var(--f-01);}
.process-list__item:hover ul li {font-weight: 300;}
.process-list__item:hover [data-list="dot"] > *::before {background: var(--f-01);}

@media all and (max-width:1023px){
    .process-title__inr {width: 100%; padding: 140rem 0 0;}
    .process-title::after {position: relative; display: block; width: 100%; height: 320rem; margin-top: 80rem;}
    .process-title .basic-btn {margin-top: 15rem;}
    .process-list-wrap {border-width: 0 0 1px 0;}
    .process-list-wrap::before {display: none;}
    .process-list-wrap .wrap-narrow {margin: 0;}
    .process-list__inr {min-height: auto; padding: 50rem 40rem;}
    .process-list__item {border-bottom: 1px solid #d0d0d0;}
    .process-list__item:nth-child(3n) {border-right: 0;}
    .process-list__item:nth-child(4n) {border-right: 1px solid #d0d0d0;}
    .process-list__item:nth-last-child(-n+2) {border-bottom: none;}
    .process-list__item em {margin-bottom: 80rem;}
}

@media (max-width:860px){
    .process-title__inr {padding: 120rem 0 0;}
    .process-list {grid-template-columns: 1fr 1fr;}
    .process-list__item:nth-child(3n) {border-right: 1px solid #d0d0d0;}
    .process-list__item:nth-child(2n) {border-right: 0;}
    .process-list__item:nth-child(-n+4) ul,
    .process-list__item ul {min-height: auto;}
}

@media (max-width:540px){
    .process-title .title-eng {margin-bottom: 0;}
    .process-title__inr {padding: 80rem 0 0;}
    .process-title__inr h5 {margin-top: 15rem; font-size: 14rem;}
    .process-title .basic-btn {margin-top: 10rem;}
    .process-title::after {height: 200rem; margin-top: 50rem;}
    .process-list {grid-template-columns: 1fr;}
    .process-list__inr {padding: 30rem 20rem;}
    .process-list__item {border-right: 0;}
    .process-list__item em {margin-bottom: 50rem; font-size: 32rem;}
    .process-list__item p {margin-bottom: 12rem; font-size: 16rem;}
    .process-list__item ul li {margin-bottom: 10rem; font-size: 14rem;}
    body:has(.process-title) .btn-wrap {margin-top: 40rem;}
}

/* 온라인문의 */
.board-page * {font-family: var(--lang-ko);}
.fa-chain:before, .fa-link:before, .fa {font: normal normal normal 14px/1 FontAwesome;}
body:has(.cs-form) #lnb .select-link:last-child {display: none;}
.cs-page__inr {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 60rem;}
.cs-page__inr > div {width: 50%;}
.cs-faq__img {height: 410rem; margin-top: 40rem; background: url(../img/sub/inquiry-img.jpg) no-repeat center / cover;}
.cs-faq__box {padding: 60rem 50rem 30rem; background: #F9F6F5;}
.cs-faq__box h6 {display: flex; align-items: center; margin-bottom: 45rem; line-height: 1.6; font-size: 20rem; font-weight: 500; color: var(--b-02);}
.cs-faq__box h6 i {flex-shrink: 0; width: 70rem; height: 70rem; margin-right: 25rem; background: url(../img/layout/logo.png) no-repeat center / contain;}
.cs-faq__list li {padding: 40rem 0; line-height: 1.6; font-family: var(--lang-ko); color: #666; border-top: 1px solid rgba(208, 208, 208, .3);}
.cs-faq__list li em {position: relative; display: block; padding-right: 100rem; color: var(--b-02); font-weight: 500; cursor: pointer;}
.cs-faq__list li em i {position: absolute; right: 0; top: -2rem; display: block; width: 30rem; height: 30rem; border-radius: 100%; background: var(--b-02);}
.cs-faq__list li em i::after {position: absolute; left:50%; top: 50%; content:''; width: 5rem; height: 5rem; margin-top: 1px; border: solid var(--f-01); border-width: 1.5px 1.5px 0 0; transform: translate(-50%, -50%) rotate(-45deg);}
.cs-faq__list li em.active {color: var(--c-01); font-weight: 600;}
.cs-faq__list li em.active i {background: var(--c-01);}
.cs-faq__list li em.active i::after {margin-top: 0; transform: translate(-50%, -50%) rotate(135deg);}
.cs-faq__list li p {display: none; padding-top: 10rem; padding-right: 60rem;}
.cs-faq__notice {padding: 30rem 50rem; background: var(--b-02);}
.cs-faq__notice p {display: block; margin-bottom: 5rem; font-weight: 600; color: var(--f-01);}
.cs-faq__notice span {font-family:var(--lang-ko); font-weight: 300; font-size: 16rem; color: rgba(255, 255, 255, .6);}
.cs-faq__notice span a {text-decoration: underline; text-underline-offset: 3rem; font-weight: 300; color: rgba(255, 255, 255, .6); transition: var(--trans-01);}
.cs-faq__notice span a:hover {color: var(--f-01);}

.cs-form {padding-left: 120rem; border: none !important; padding-top: 0 !important; margin-top: 0 !important;}
.cs-form .btn-wrap {width: 100%; text-align: right;}
.cs-form .form-area {flex-direction: column; margin-bottom: 60rem;}
.cs-form .form-area > em {display: inline-flex; margin-bottom: 5rem; font-family: var(--lang-ko); width: 100%; font-weight: 500; color: var(--b-02);}
.cs-form .form-area > em .mark {margin-left: 5rem; font-size: 18rem; font-weight: 600; color: var(--c-01);}
.cs-form .form-area[data-form="type"] {margin-bottom: 30rem;}
.cs-form .form-area[data-form="type"] > em {margin-bottom: 25rem;}
.cs-form .form-area[data-form="address"] > em {display: none;}
.cs-form .form-area input, .cs-form .form-area textarea {font-size: 16rem;}
.cs-form .check-box [type="radio"]:not(:checked) + .checkmark, .cs-form .check-box [type="radio"]:checked + .checkmark {border-radius: 0;}
.cs-form .check-box [type="radio"]:checked + .checkmark {background-color: var(--c-01); border-color: var(--c-01);}
.cs-page:not(.cs-page--basic) .cs-form a.btn-address {top: 12rem; padding: 10rem 15rem; background: #111; transition: var(--trans-01);}
.cs-page:not(.cs-page--basic) .cs-form a.btn-address:hover {background: var(--b-02);}
.cs-form .form-part {position: relative;}
.cs-form .ui-datepicker-trigger {position: absolute; right: 0; top: 12rem; padding: 10rem 15rem; font-size: 14rem; color: var(--f-01); background: #111; transition: var(--trans-01);}
.cs-form .ui-datepicker-trigger:hover {background: var(--b-02);}
.cs-form [data-form="agree"] {margin-top: -20rem; padding: 15rem 20rem; text-align: left;align-content:flex-start; background: #f6f6f6;}
.cs-form .check-box [type="checkbox"]:not(:checked) + .checkmark, .cs-form .check-box [type="checkbox"]:checked + .checkmark {background: #fff;}
.cs-form .form-area[data-form="agree"] .show-btn {margin-left: 8rem; color: #666; text-underline-offset: 3rem;}
.sub04_01 .modal-dialog {width: 450rem; font-size: 16rem; color: var(--b-02); text-align: left;}
.sub04_01 .modal-content {text-align: left;}
.sub04_01 .modal-content p {display: block; margin-bottom: 30rem; font-size: 18rem; font-weight: 600;}
.sub04_01 .modal-content p span {display: block; margin-top: 5rem; line-height: 1.4; font-size: 16rem; font-weight: 500; color: #666;}
.sub04_01 .modal-content b {color: var(--b-02); font-weight: 600;}
.sub04_01 .modal-content ul {padding-top: 30rem; border-top: 1px solid #e1e1e1;}


@media all and (max-width:1023px){
    .cs-page__inr {flex-direction: column;justify-content: flex-start;}
    .cs-page__inr > div {width: 100%;}
    .cs-faq {margin-bottom: 60rem;}
    .cs-faq__img {height: 350rem; background-position: bottom 35% center;}
    .cs-faq__box {padding: 50rem 40rem 20rem;}
    .cs-faq__box h6 {margin-bottom: 40rem;}
    .cs-faq__list li {padding: 30rem 0;}
    .cs-faq__notice {padding: 30rem 40rem;}
    .cs-form {padding-left: 0;}
    .cs-form .form-area[data-form="agree"]:has(+*) {margin-bottom: 60rem;}
}

@media (max-width:540px){
    .cs-page h5 {margin-top: 15rem; font-size: 14rem;}
    .cs-page__inr {margin-top: 0;}
    .cs-faq {margin-bottom: 40rem;}
    .cs-faq__img {height: 150rem; margin-top: 30rem;}
    .cs-faq__box {padding: 30rem 20rem 20rem;}
    .cs-faq__box h6 {flex-direction: column; align-items: flex-start; margin-bottom: 20rem; line-height: 1.5; font-size: 15rem;}
    .cs-faq__box h6 i {width: 30rem; height: 30rem; margin-bottom: 15rem;}
    .cs-faq__list li {padding: 17rem 0;}
    .cs-faq__list li em {padding-right: 40rem;}
    .cs-faq__list li em i {width: 22rem; height: 22rem;}
    .cs-faq__list li em i::after {width: 4rem; height: 4rem;}
    .cs-faq__list li p {padding-right: 0;}
    .cs-faq__notice {padding: 25rem 20rem;}
    .cs-faq__notice span {font-size: 13rem;}
    .cs-page:not(.cs-page--basic) .form-area input:is([type="text"],[type="password"]),
    .cs-page:not(.cs-page--basic) .form-select select,
    .cs-page:not(.cs-page--basic) .form-area textarea {padding-left: 0 !important;}
    .cs-form .form-area .form-body {margin-top: 0;}
    .cs-page:not(.cs-page--basic) .form-area {margin-bottom: 40rem !important;}
    .cs-page:not(.cs-page--basic) .form-area[data-form="type"] {margin-bottom: 20rem !important;}
    .cs-form .form-area[data-form="type"] > em {margin-bottom: 15rem;}
    .cs-form .form-area[data-form="agree"] {margin-top: 0;}
    .cs-form .btn-wrap {text-align: center;}
    .cs-form input {border-radius: 0;}
}