@charset "utf-8";

/*
 * 국문 전용 CSS — /ko 서브 페이지 전체
 *
 * page_head.do 가 LOCALE !== 'en' 이고 $route !== 'main' 일 때만 로드한다.
 * 공용 sub.css 다음에 로드되므로 같은 명시도에서는 이 파일이 이긴다.
 *
 */

 /* visual section */
.sct-visual .atc-content .bg::before{background-image: linear-gradient(90deg, #000 30%, rgba(0, 0, 0, 0) 75%); background-color: transparent;}
.sct-visual .atc-content .text > .inner{align-items: flex-start;}
.sct-visual .atc-content .text .title,
.sct-visual .atc-content .text .descript{text-align: left; font-family: var(--font-family);}

.sct-visual .atc-content .button{margin-top: 1.67vw;}
.sct-visual .atc-content .button > .inner{display: flex; align-items: center; column-gap: 1.25vw;}

.sct-content.content-row{display: flex; flex-wrap: wrap;}
.sct-content.content-grid-1-2{display: grid; grid-template-columns: 1fr 1.2fr; align-items: center;}
.sct-content.content-grid-1-1{display: grid; grid-template-columns: 1.2fr 1fr; align-items: center;}
.sct-content.content-grid-1-1:has(.content-list){align-items: flex-start;}
.sct-content.content-row .atc-text{flex: 1 1 50%;}
.sct-content.content-row .atc-status{flex: 1 1 50%; margin-bottom: 2.917vw;}
.sct-content.content-row .atc-image{flex: 1 1 100%;}
.sct-content.content-row .atc-status > .inner{padding-left: 0;}
section.sct-content.content-grid-1-2 .atc-text, section.sct-content.content-grid-1-1 .atc-text{margin-bottom: 0;}
.sct-content.content-grid-1-2 .atc-image > .inner, .sct-content.content-grid-1-1 .atc-image > .inner{padding-inline: 0;}
/* .sct-content.content-col .atc-image > .inner:has(.list){padding-inline: 4.167vw;} */
.sct-content .atc-image .image{width: 100%;}
.sct-content.content-col .atc-image .image, .sct-content.content-row .atc-image .image{height: 20.83vw;}
.sct-content.content-grid-1-2 .atc-image .image{height: 20.83vw;}
.sct-content.content-grid-1-1 .atc-image .image{height: 33.33vw;}
.sct-content .atc-image .image img{width: 100%; height: 100%; object-fit: cover;}
.airport-transfers .sct-content .atc-image .image img{object-position: center -7.81vw;}
.exhibitions .sct-content .atc-image .image img{object-position: bottom;}
.exhibitions .grid-zigzag ul li:first-child .image img{object-position: top;}
.company .sct-content.content-col .atc-text{text-align: center;}

.sct-content .atc-image .point-list{}
.sct-content .atc-image .point-list ul{display: flex; border: 1px solid var(--color-border); border-bottom: none; counter-reset: list;}
.sct-content .atc-image .point-list ul li{flex: 1; border-left: 1px solid var(--color-border);}
.sct-content .atc-image .point-list ul li:first-child{border-left: none;}
.sct-content .atc-image .point-list ul li > div{padding: 2.08vw 1.67vw;}
.sct-content .atc-image .point-list ul li .text{display: flex; flex-direction: column; row-gap: 0.42vw;}
.sct-content .atc-image .point-list ul li .text::before{counter-increment: list; content: counter(list, decimal-leading-zero); font-size: 1.04vw; font-weight: 700; color: var(--color-primary);}
.sct-content .atc-image .point-list ul li .text .region{font-size: 1.04vw; font-weight: 500; color: var(--color-text-sub); display: flex; align-items: center; column-gap: 0.63vw;}
.sct-content .atc-image .point-list ul li .text .region::before{content: ""; display: block; width: 0.782vw; aspect-ratio: 1/1; flex-shrink: 0; border-radius: 100%; background-color: var(--color-text-sub);}
.sct-content .atc-image .point-list ul li.korea .text .region{color: #16A34A;}
.sct-content .atc-image .point-list ul li.korea .text .region::before{background-color: #16A34A;}
.sct-content .atc-image .point-list ul li.japan .text .region{color: #2563EB;}
.sct-content .atc-image .point-list ul li.japan .text .region::before{background-color: #2563EB;}
.sct-content .atc-image .point-list ul li.singapore .text .region{color: #EA8A1E;}
.sct-content .atc-image .point-list ul li.singapore .text .region::before{background-color: #EA8A1E;}
.sct-content .atc-image .point-list ul li.dubai .text .region{color: #7C3AED;}
.sct-content .atc-image .point-list ul li.dubai .text .region::before{background-color: #7C3AED;}
.sct-content .atc-image .point-list ul li .text .title{font-size: 1.46vw; font-weight: 700; color: var(--color-text);}
.sct-content .atc-image .point-list ul li .text .description{font-size: 0.83vw; font-weight: 400; color: var(--color-text-sub); line-height: 1.3;}
.sct-content .atc-image .point-list + .image{border: 1px solid var(--color-border);}
.company .sct-content .atc-image .point-list + .image{height: 28.65vw;}
.company .sct-content .atc-image .point-list ul li .text::before{display: none;}

.sct-content .atc-text .content-list{margin-top: 2.71vw;}
.sct-content .atc-text .content-list ul{display: grid; grid-template-columns: 1fr 1fr;}
.sct-content .atc-text .content-list ul li{border-bottom: 1px solid var(--color-border);}
.sct-content .atc-text .content-list ul li:nth-last-child(-n+2):nth-child(odd),
.sct-content .atc-text .content-list ul li:nth-last-child(-n+2):nth-child(odd) ~ li{border-bottom: none;}
.sct-content .atc-text .content-list ul li .text{display: flex; flex-direction: column; row-gap: 0.42vw; padding-block: 1.25vw; padding-right: 1.25vw;}
.sct-content .atc-text .content-list ul li .text .title{font-size: 1.25vw; font-weight: 500; color: var(--color-text);}
.sct-content .atc-text .content-list ul li .text .description{font-size: 0.83vw; font-weight: 400; color: var(--color-text-sub);}

.sct-process .atc-text{text-align: center;}
.sct-process .atc-process{position: relative;}
.sct-process .atc-process::before{content: ""; position: absolute; top: 1.25vw; left: 0; width: 100%; height: 2px; background-color: var(--color-primary);}
.sct-process .atc-process .process-list ul{display: flex; gap: 1.88vw; counter-reset: process; position: relative;}
.sct-process .atc-process .process-list ul li{display: flex; flex: 1;}
.sct-process .atc-process .process-list ul li > div{}
.sct-process .atc-process .process-list ul li > div::before{counter-increment: process; content: counter(process, decimal-leading-zero); font-size: 2.19vw; font-weight: 700; color: var(--color-primary); background-color: var(--color-background);}
.sct-process .atc-process .process-list ul li .text{margin-top: 1.67vw;}
.sct-process .atc-process .process-list ul li .text .comm-subtitle{}
.sct-process .atc-process .process-list ul li .text .comm-desc{margin-top: 0.63vw;}

.sct-status .atc-text{text-align: center;}
.atc-status .status-list ul{display: flex;}
.atc-status .status-list ul li{display: flex; justify-content: center; flex: 1; border-left: 2px solid var(--color-border);}
.atc-status .status-list ul li:first-child{border-left: none;}
.atc-status .status-list ul li > div{display: flex; flex-direction: column; row-gap: 1.67vw; padding-block: 1.67vw; text-align: center;}
.atc-status .status-list ul li .status{font-size: 2.19vw; font-weight: 700; line-height: 1.2; color: var(--color-text); font-family: var(--font-family-sub);}
.content-row .atc-status .status-list ul li .status{color: var(--color-primary);}
.atc-status .status-list ul li .text{}
.atc-status .status-list ul li .text .title{font-size: 1.25vw; font-weight: 700; color: var(--color-text);}
.atc-status .status-list ul li .text .description{margin-top: 0.21vw; font-size: 1.042vw; font-weight: 400; color: var(--color-text-sub); line-height: 1.3;}

.road-show .sct-banner.banner-03 .atc-content .bg img{object-position: center -10.42vw;}
.sct-banner.banner-03 .atc-content .text .title, .sct-banner.banner-03 .atc-content .text .descript{text-wrap: balance;}

.sct-region .atc-text{}
.sct-region .region-list{position: relative; height: 45.834vw; background-image: url("/resources/images/ko/sub/cities-worldwide/bg-world-map.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat;}
.sct-region .region-list .region{position: absolute;}
.sct-region .region-list .region:hover,
.sct-region .region-list .region:focus-within{}
.sct-region .region-list .region .head .label{display: inline-flex; align-items: center; padding: 0.42vw 1.67vw; border-radius: 0.21vw; background-color: var(--color-text); font-size: 0.94vw; font-weight: 500; color: var(--color-background); cursor: default; transition: all 0.3s ease-out;}
.sct-region .region-list .region .body{position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; z-index: 1; padding-top: 0.42vw; width: max-content; max-width: 17.71vw;}
.sct-region .region-list .region:hover .body,
.sct-region .region-list .region:focus-within .body{opacity: 1; visibility: visible; pointer-events: auto;}
.sct-region .city-list{display: flex; flex-wrap: wrap; gap: 1.46vw; padding: 1.04vw; border: 1px solid var(--color-border); border-radius: 0.21vw; background-color: var(--color-background); transition: all 0.3s ease-out;}
.sct-region .city-list li{flex: 0 0 auto;}
.sct-region .city-list b{font-size: 0.94vw; font-weight: 700; color: var(--color-primary); transition: all 0.3s ease-out;}
.sct-region .city-list span{font-size: 0.94vw; font-weight: 400; color: var(--color-text-sub); transition: all 0.3s ease-out;}
.sct-region .region-list .region.north-america{top: 18.23vw; left: 16.15vw;}
.sct-region .region-list .region.europe{top: 14.58vw; left: 45.31vw;}
.sct-region .region-list .region.middle-east{top: 23.44vw; left: 51.04vw;}
.sct-region .region-list .region.china{top: 20.83vw; left: 60.42vw;}
.sct-region .region-list .region.southeast-asia{top: 27.08vw; left: 66.67vw;}
.sct-region .region-list .region.oceania{top: 35.94vw; left: 72.92vw;}
.sct-region .region-list .region.japan{top: 20.31vw; left: 73.96vw;}
.sct-region .region-list .region.korea{top: 17.71vw; left: 69.58vw;}
.sct-region .region-list .region-summary{position: absolute; bottom: 2.71vw; left: 2.71vw;}
.sct-region .region-list .summary-list{padding: 0.42vw 0.83vw; border: 1px solid var(--color-border); border-radius: 0.21vw; background-color: var(--color-background); display: flex; align-items: center; column-gap: 1.04vw;}
.sct-region .region-list .summary-list li{}
.sct-region .region-list .summary-list li span{font-size: 0.94vw; font-weight: 500; color: var(--color-text-sub); display: flex; align-items: center; column-gap: 0.31vw;}
.sct-region .region-list .summary-list li:first-child span{color: var(--color-text);}
.sct-region .region-list .summary-list li span::before{content: ""; display: block; width: 0.625vw; height: 0.625vw; border-radius: 50%; background-color: var(--color-text-sub);}
.sct-region .region-list .summary-list li:first-child span::before{background-color: var(--color-primary);}
#wrap.case-studies .sct-gallery .atc-content .list li .image::after{content: "자세히 보기";}

.sct-contact-form .atc-tab .tab-list{display: flex; column-gap: 0.63vw;}
.sct-contact-form .atc-tab .tab-item button{height: 2.71vw; padding: 0 2.08vw; font-size: 1.25vw; font-weight: 500; border: 1px solid var(--color-border); background-color: var(--color-background); color: var(--color-text); transition: all .3s ease-out;}
.sct-contact-form .atc-tab .tab-item button:hover{border-color: var(--color-primary); color: var(--color-primary);}
.sct-contact-form .atc-tab .tab-item.active button{background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-invert);}

.sct-contact-form .atc-content{margin-top: 2.917vw;}
.sct-contact-form .form-panel{display: none;}
.sct-contact-form .form-panel.active{display: block;}
.sct-contact-form .form-panel .comm-subtitle + .contact-form{margin-top: 1.67vw;}

.sct-contact-form .form-list{display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 2.08vw; column-gap: 1.04vw;}
.sct-contact-form .form-item{display: flex; flex-direction: column; row-gap: 0.63vw;}
.sct-contact-form .form-item.form-item-full{grid-column: 1 / -1;}
.sct-contact-form .form-item .label{font-size: 1.04vw; font-weight: 600; color: var(--color-text);}
.sct-contact-form .form-item .label .req{color: #E5484D;}
.sct-contact-form .form-item input,
.sct-contact-form .form-item textarea{width: 100%; height: 2.92vw; padding: 0 1.04vw; font-size: 0.94vw; border: 1px solid var(--color-border); border-radius: 0.63vw; color: var(--color-text); background-color: var(--color-background); transition: border-color .3s ease-out;}
.sct-contact-form .form-item textarea{height: 8.33vw; padding: 1.04vw; line-height: 1.5;}
.sct-contact-form .form-item input::placeholder,
.sct-contact-form .form-item textarea::placeholder{color: var(--color-gray);}
.sct-contact-form .form-item input:focus,
.sct-contact-form .form-item textarea:focus{outline: 2px solid var(--color-primary);}
.sct-contact-form .form-item.form-item-date .date-range{display: flex; align-items: center; column-gap: 0.63vw;}
.sct-contact-form .form-item.form-item-date .date-range input{flex: 1; min-width: 0;}
.sct-contact-form .form-item.form-item-date .date-range .sep{flex-shrink: 0; font-size: 0.94vw; color: var(--color-text-sub);}

.sct-contact-form .form-agree{display: flex; align-items: center; column-gap: 0.63vw; margin-top: 1.67vw;}
.sct-contact-form .form-agree input[type="checkbox"]{width: 1.04vw; height: 1.04vw; margin: 0; flex-shrink: 0; border-radius: 0.21vw; accent-color: var(--color-primary); cursor: pointer;}
.sct-contact-form .form-agree label{font-size: 0.83vw; font-weight: 500; color: var(--color-text); cursor: pointer;}

.sct-contact-form .form-submit{display: flex; justify-content: center; margin-top: 2.917vw;}
.sct-contact-form .form-submit .btn-submit{height: 3.13vw; padding: 0 2.08vw; font-size: 1.25vw; font-weight: 500; border-radius: 0.42vw; background-color: var(--color-primary); color: var(--color-primary-invert); transition: opacity .3s ease-out;}
.sct-contact-form .form-submit .btn-submit:hover{opacity: .85;}
/* 전송 중·접수 완료 상태. 성공하면 중복 접수를 막으려 계속 disabled 로 둔다. */
.sct-contact-form .form-submit .btn-submit:disabled{opacity: .5; cursor: default;}
.sct-contact-form .form-submit .btn-submit:disabled:hover{opacity: .5;}

/* 문의 결과 모달 — 성공/실패 공용. pages/ko/contact.js 가 .active 로 연다. */
/* z-index 는 header(common.css, 100) 위여야 한다. 같은 값이면 DOM 순서로만 이겨서 위태롭다. */
.sct-contact-form .contact-modal{display: none; position: fixed; inset: 0; z-index: 200;}
.sct-contact-form .contact-modal.active{display: flex; align-items: center; justify-content: center;}
.sct-contact-form .contact-modal .contact-modal-dim{position: absolute; inset: 0; background-color: rgba(15, 15, 15, .6);}
.sct-contact-form .contact-modal .contact-modal-inner{position: relative; width: 26.04vw; padding: 2.92vw 2.08vw 2.08vw; border-radius: 0.83vw; background-color: var(--color-background); text-align: center;}
.sct-contact-form .contact-modal .contact-modal-title{font-size: 1.25vw; font-weight: 600; color: var(--color-primary);}
/* 실패일 때만 제목을 에러 색으로. 폼의 필수 표시(.req)와 같은 값이다. */
.sct-contact-form .contact-modal.is-error .contact-modal-title{color: #E5484D;}
.sct-contact-form .contact-modal .contact-modal-desc{margin-top: 0.83vw; font-size: 0.94vw; font-weight: 400; line-height: 1.5; color: var(--color-text-sub);}
.sct-contact-form .contact-modal .contact-modal-close{height: 2.71vw; margin-top: 2.08vw; padding: 0 2.08vw; font-size: 1.04vw; font-weight: 500; border-radius: 0.42vw; background-color: var(--color-primary); color: var(--color-primary-invert); transition: opacity .3s ease-out;}
.sct-contact-form .contact-modal .contact-modal-close:hover{opacity: .85;}

/* MEDIA QUERY */
@media (max-aspect-ratio: 10/9) {
    /* 데스크톱 규칙을 추가할 때마다 여기에 모바일 대응 규칙을 함께 넣는다.
       영문 sub.css 모바일 블록(476-716)이 같은 속성을 재선언하므로 빠뜨리면 조용히 무시된다. */
    .sct-visual .atc-content .button{margin-top: 8.89vw;}
    .sct-visual .atc-content .button > .inner{column-gap: 4.44vw;}

    .sct-content.content-row{flex-direction: column;}
    .sct-content.content-row .atc-status{margin-bottom: 6.67vw;}
    .sct-content.content-col .atc-image > .inner, .sct-content.content-row .atc-image > .inner{padding-inline: 0;}
    .sct-content.content-col .atc-image > .inner:has(.list){padding-inline: 4.444vw;}
    .sct-content .atc-image .image{}
    .sct-content.content-col .atc-image .image,
    .sct-content.content-row .atc-image .image,
    .sct-content.content-grid-1-2 .atc-image .image,
    .sct-content.content-grid-1-1 .atc-image .image{height: 55.56vw;}
    .airport-transfers .sct-content .atc-image .image img{object-position: center;}
    .as-directed-service .sct-content .atc-image .image img{object-position: right;}
    .corporate-travel .grid-zigzag ul li:not(:first-child) .image img{object-position: right;}
    .company .sct-content.content-col .atc-text{text-align: left;}
    
    .sct-content.content-grid-1-2,
    .sct-content.content-grid-1-1{grid-template-columns: 1fr;}
    section.sct-content.content-grid-1-2 .atc-text, section.sct-content.content-grid-1-1 .atc-text{margin-bottom: 5.67vw;}
    
    .sct-content .atc-image .point-list ul{display: flex; flex-direction: column; border: none;}
    .sct-content .atc-image .point-list ul li{flex: 1; border-left: none; border-top: 1px solid var(--color-border);}
    .sct-content .atc-image .point-list ul li > div{padding: 4.44vw;}
    .sct-content .atc-image .point-list ul li .text{row-gap: 2.22vw;}
    .sct-content .atc-image .point-list ul li .text::before{font-size: 5.56vw;}
    .sct-content .atc-image .point-list ul li .text .region{font-size: 4.44vw; column-gap: 2.22vw;}
    .sct-content .atc-image .point-list ul li .text .region::before{width: 2.78vw;}
    .sct-content .atc-image .point-list ul li .text .title{font-size: 5.56vw;}
    .sct-content .atc-image .point-list ul li .text .description{font-size: 3.89vw;}
    .sct-content .atc-image .point-list + .image{border-inline: none;}
    .company .sct-content .atc-image .point-list + .image{overflow: hidden; height: 55.56vw;}
    .company .sct-content .atc-image .point-list + .image img{transform: scale(2) translate(-8.33vw,-2.22vw);}

    .sct-content .atc-text .content-list{margin-top: 5.56vw;}
    .sct-content .atc-text .content-list ul{grid-template-columns: 1fr;}
    .sct-content .atc-text .content-list ul li .text{row-gap: 2.22vw; padding-block: 4.44vw; padding-right: 4.44vw;}
    .sct-content .atc-text .content-list ul li .text .title{font-size: 5vw;}
    .sct-content .atc-text .content-list ul li .text .description{font-size: 3.89vw;}
    .sct-content .atc-text .content-list ul li{border-bottom: 1px solid var(--color-border) !important;}
    .sct-content .atc-text .content-list ul li:last-child{border-bottom: none !important;}

    .sct-process .atc-text{text-align: left;}
    .sct-process .atc-process::before{display: none;}
    .sct-process .atc-process .process-list ul{flex-direction: column; row-gap: 11.11vw;}
    .sct-process .atc-process .process-list ul li > div::before{font-size: 5.56vw;}
    .sct-process .atc-process .process-list ul li .text{margin-top: 2.22vw;}
    .sct-process .atc-process .process-list ul li .text .comm-desc{margin-top: 2.22vw;}

    .atc-status > .inner{padding-inline: 0;}
    .atc-status .status-list ul{flex-direction: column;}
    .atc-status .status-list ul li{border-left: none; border-top: 1px solid var(--color-border);}
    .atc-status .status-list ul li:first-child{border-top: none;}
    .atc-status .status-list ul li > div{padding-block: 4.44vw; row-gap: 3.33vw;}
    .atc-status .status-list ul li .status{font-size: 6.67vw;}
    .atc-status .status-list ul li .text .title{font-size: 5vw;}
    .atc-status .status-list ul li .text .description{font-size: 3.89vw;}

    .sct-banner .atc-content{height: 83.33vw;}
    .sct-banner .atc-content > .inner{justify-content: center; padding-block: 14.444vw;}
    .road-show .sct-banner.banner-03 .atc-content .bg img{object-position: center;}
    .sct-banner.banner-03 .atc-content .text{text-align: center;}
    .sct-banner.banner-03 .atc-content .button{justify-content: center;}

    .sct-region .region-list{height: auto; background-image: none; display: flex; flex-direction: column; row-gap: 11.11vw;}
    .sct-region .region-list .region{position: static;}
    .sct-region .region-list .region .head .label{padding: 1.11vw 8.89vw; border-radius: 1.11vw; font-size: 4.44vw;}
    .sct-region .region-list .region .body{position: static; max-width: none; width: 100%; opacity: 1; visibility: visible; pointer-events: auto; padding-top: 3.33vw;}
    .sct-region .city-list{padding: 4.44vw; border-radius: 1.11vw; gap: 3.33vw 7.78vw;}
    .sct-region .city-list b, .sct-region .city-list span{font-size: 3.89vw;}
    .sct-region .region-list .region-summary{display: none;}

    .sct-contact-form .atc-tab .tab-list{gap: 3.33vw;}
    .sct-contact-form .atc-tab .tab-list li{flex: 1;}
    .sct-contact-form .atc-tab .tab-item button{height: 11.11vw; padding: 0; font-size: 4.44vw; width: 100%;}
    .sct-contact-form .atc-content{margin-top: 6.67vw;}
    .sct-contact-form .form-panel .comm-subtitle + .contact-form{margin-top: 5.56vw;}
    .sct-contact-form .form-list{grid-template-columns: 1fr; row-gap: 5.56vw;}
    .sct-contact-form .form-item{row-gap: 2.22vw;}
    .sct-contact-form .form-item .label{font-size: 4.44vw; font-weight: 500;}
    .sct-contact-form .form-item input,
    .sct-contact-form .form-item textarea{height: 12.22vw; padding: 0 3.33vw; font-size: 4.44vw; border-radius: 2.22vw;}
    .sct-contact-form .form-item textarea{height: 33.33vw; padding: 3.33vw;}
    .sct-contact-form .form-item.form-item-date .date-range{gap: 2.22vw; flex-direction: column;}
    .sct-contact-form .form-item.form-item-date .date-range input{flex-basis: auto;}
    .sct-contact-form .form-item.form-item-date .date-range .sep{display: none;}
    .sct-contact-form .form-agree{align-items: flex-start; column-gap: 2.22vw; margin-top: 5.56vw;}
    .sct-contact-form .form-agree input[type="checkbox"]{width: 4.44vw; height: 4.44vw; margin-top: 0.56vw;}
    .sct-contact-form .form-agree label{font-size: 3.89vw; line-height: 1.4;}
    .sct-contact-form .form-submit{margin-top: 6.67vw;}
    .sct-contact-form .form-submit .btn-submit{height: 13.33vw; padding: 0 11.11vw; font-size: 5vw; border-radius: 2.22vw; width: 100%;}

    /* 플렉스 아이템이라 width:auto 면 max-content 로 부풀어 화면을 넘친다. 폭을 직접 준다. */
    .sct-contact-form .contact-modal .contact-modal-inner{width: 86.67vw; padding: 8.89vw 6.67vw 6.67vw; border-radius: 3.33vw;}
    .sct-contact-form .contact-modal .contact-modal-title{font-size: 5vw;}
    .sct-contact-form .contact-modal .contact-modal-desc{margin-top: 3.33vw; font-size: 3.89vw;}
    .sct-contact-form .contact-modal .contact-modal-close{width: 100%; height: 12.22vw; margin-top: 6.67vw; padding: 0; font-size: 4.44vw; border-radius: 2.22vw;}
}