.anchor {display: flex; justify-content: center; z-index: 100; position: fixed; left: 50%; top: 104px; transform: translateX(-50%); width: 100%; max-width: 874px; padding: calc(20/20*1em) calc(37.5/20*1em); box-sizing: border-box; font-size: 20px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.81) 0%, #ffffffe6 51.76%, rgba(255, 255, 255, 0.81) 100%); border-radius: 100px; transition-duration: 0.3s; pointer-events: unset; }
.anchor .swiper {width: auto;}
.anchor .swiper .swiper-slide {width: auto; box-sizing: border-box;}
.anchor .swiper .swiper-slide+.swiper-slide {margin-left: calc(80/20*1em);}
.anchor .swiper .swiper-slide span {cursor: pointer; font-weight: 700; font-size: inherit; line-height: calc(24/20*1em); color: #000; transition: .4s;}
.anchor .swiper .swiper-slide.act span {color: #E30012; font-weight: 800;}

.anchor.hide{ opacity: 0; pointer-events: none; }


@media screen and (max-width: 1700px){
    .anchor { font-size: 16px; max-width: 714px; }
}

@media screen and (max-width: 1440px) {
    .anchor{ top: 80px; }
}

@media screen and (max-width: 1024px) {
    .anchor {max-width: 522px; width: calc(100% - 40px);}
}
@media screen and (max-width: 820px) {
    .anchor {padding: 0;}
    .anchor .swiper {padding: calc(12/14*1em) calc(24/14*1em);}
    .anchor .swiper .swiper-slide+.swiper-slide {margin-left: calc(20/14*1em);}
    .anchor .swiper .swiper-slide span { line-height: calc(17.5/14*1em);}
}
@media screen and (max-width: 500px) {
    .anchor {top: 60px; font-size: 14px;}
}


.bottomContact { z-index: 100; position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); width: calc(100% - 80px); display: flex; justify-content: center; max-width: 1600px; box-sizing: border-box;}
.bottomContact .mobtn {display: none; font-weight: 800; font-size: 16px; line-height: 1em; color: #fff; padding: calc(16/16*1em) 0; width: 100%; text-align: center; background: #F10014;}
.bottomContact .cont {width: 100%; display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 20px 40px; box-sizing: border-box; border: 1px solid #e2e2e2; transition: width .4s; opacity: 0;}
.bottomContact .cont.resize { width: 100vw !important;}
.bottomContact .cont .t1 {flex-shrink: 0; display: flex; flex-direction: column; align-items: center; padding-right: 26px; box-sizing: border-box;}
.bottomContact .cont .t1 b {font-weight: 800; font-size: 20px; line-height: 1em; padding-bottom: calc(8/20*1em);}
.bottomContact .cont .t1 span {font-weight: 500; font-size: 16px; line-height: 1em; padding: calc(6/16*1em) calc(14/16*1em); border-radius: 50px; background: #F10014; text-align: center; color: #fff; display: inline-block;}
.bottomContact .cont form {width: 100%;}
.bottomContact .cont .form {display: flex; align-items: center; width: 100%;}
.bottomContact .cont .form .mid {width: 100%; display: flex; align-items: center;}
.bottomContact .cont .form .mid .input {width: calc(100% / 3 - (8px * 2 )/  3); font-size: 16px;}
.bottomContact .cont .form .mid .input input {width: 100%; font-size: inherit; font-weight: 500; line-height: 1em; color: #a8a8a8; padding: 1em; box-sizing: border-box; border: 1px solid #d3d3d3; background: #fff; transition: .4s;}
.bottomContact .cont .form .mid .input input:focus {color: #131313;}
.bottomContact .cont .form .mid .input input::placeholder {color: inherit;}
.bottomContact .cont .form .mid .input > input:not(:placeholder-shown) {color: #131313;}
.bottomContact .cont .form .mid .input+.input {margin-left: 8px;}
.bottomContact .cont .form .mid .selectBox {cursor: pointer; position: relative; display: flex; align-items: center; padding-right: 10px; width: 100%; border: 1px solid #d3d3d3; background: #fff; box-sizing: border-box;}
.bottomContact .cont .form .mid .selectBox input {cursor: pointer; background: transparent; border: none; transition: .4s;}
.bottomContact .cont .form .mid .selectBox.selected input {color: #131313;}
.bottomContact .cont .form .mid .selectBox.focus input {color: #131313;}
.bottomContact .cont .form .mid .selectBox .optWrap {position: absolute; left: 0; bottom: 100%; padding-bottom: 10px; width: 100%; text-align: center; cursor: pointer;display: none;}
.bottomContact .cont .form .mid .selectBox .optWrap ul {width: 100%; background: #F10014; padding: 5px 0; max-height: 100px; overflow-y: scroll;}
.bottomContact .cont .form .mid .selectBox .optWrap ul::-webkit-scrollbar {width: 3px;}
.bottomContact .cont .form .mid .selectBox .optWrap ul::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 10px;}
.bottomContact .cont .form .mid .selectBox .optWrap ul li span {color: #fff; font-size: 14px; padding: calc(10/16*1em) 0; width: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .4s;}
.bottomContact .cont .form .mid .selectBox .optWrap ul li:hover span {background: rgba(0,0,0,0.2);}

.bottomContact .cont .form .right {flex-shrink: 0; display: flex; align-items: center;}
.bottomContact .cont .form .right .checkWrap {display: flex; align-items: center; cursor: pointer; padding-left: 33px; }
.bottomContact .cont .form .right .checkWrap .checkBox {flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 80px; background: #d9d9d9; transition: .4s;}
.bottomContact .cont .form .right .checkWrap > input {display: none;}
.bottomContact .cont .form .right .checkWrap > input:checked + .checkBox {background: #F10014;}
.bottomContact .cont .form .right .checkWrap .checkBox img {width: calc(10.5/24*100%);}
.bottomContact .cont .form .right .checkWrap .lbl {display: flex; align-items: center; word-break: keep-all;}
.bottomContact .cont .form .right .checkWrap .lbl p { text-decoration: underline; text-underline-offset: 2px; font-weight: 600; font-size: 16px; line-height: calc(24/16*1em); color: #4b4b4b; margin-left: calc(8/16*1em); }
.bottomContact .cont .form .right .checkWrap .lbl p br {display: none;}
.bottomContact .cont .form .right .submitBtn {white-space: nowrap; box-sizing: border-box; margin-left: calc(33/20*1em); font-weight: 800; font-size: 20px; line-height: calc(24/20*1em); letter-spacing: -0.01em; color: #fff; background: #F10014; padding: calc(16/20*1em) calc(90/20*1em); cursor: pointer;}
@media screen and (max-width: 1600px) {
    .bottomContact {max-width: 1280px;}
    .bottomContact .cont {padding: 20px 30px;}
    .bottomContact .cont .t1 b {font-size: 16px;}
    .bottomContact .cont .t1 span {font-size: 14px;}
    .bottomContact .cont .form .mid .input {font-size: 14px;}
    .bottomContact .cont .form .right .submitBtn {font-size: 16px; margin-left: 20px;}
}
@media screen and (max-width: 1440px) {
    .bottomContact .cont {padding: 20px;}
    .bottomContact .cont .t1 b {font-size: 15px;}
    .bottomContact .cont .form .right .submitBtn {font-size: 15px;}
    .bottomContact .cont .form .right .checkWrap .lbl p {font-size: 14px;}
}
@media screen and (max-width: 1280px) {
    .bottomContact .cont .t1 span {font-size: 12px;}
    .bottomContact .cont .form .right .checkWrap {padding-left: 15px;}
    .bottomContact .cont .form .right .submitBtn {padding: calc(16/20*1em) calc(40/20*1em);}
}
@media screen and (max-width: 1024px) {
    .bottomContact .cont .t1 {padding-right: 10px;}
    .bottomContact .cont .form .right .checkWrap {padding-left: 5px;}
    .bottomContact .cont .form .right .checkWrap .lbl p br {display: block;}
    .bottomContact .cont .form .right .submitBtn {padding: calc(16/20*1em) calc(20/20*1em);}
}
@media screen and (max-width: 820px) {
    .bottomContact {width: 100%; bottom: 0; max-width: none;}
    .bottomContact .mobtn {display: block;}
    .bottomContact .cont {display: none; position: absolute; left: 0; bottom: 0; width: 100%; }
    .bottomContact .cont .t1 {display: none;}
    .bottomContact .cont .form {display: flex; flex-direction: column; align-items: center; width: calc(100% - 80px); margin: 0 auto;}
    .bottomContact .cont .form .mid {flex-direction: column; align-items: center;}
    .bottomContact .cont .form .mid .input {width: 100%; font-size: 14px;}
    .bottomContact .cont .form .mid .input+.input {margin-left: 0; margin-top: 10px;}
    .bottomContact .cont .form .right {flex-direction: column; align-items: center; width: 100%;}
    .bottomContact .cont .form .right .chkBox {width: 100%;}
    .bottomContact .cont .form .right .checkWrap {padding-left: 0; margin-top: 20px; margin-bottom: 24px; justify-content: center;}
    .bottomContact .cont .form .right .checkWrap .lbl p br {display: none;}
    .bottomContact .cont .form .right .submitBtn {width: 100%; margin-left: 0;}
}
@media screen and (max-width: 500px) {
    .bottomContact .cont .form {width: 100%; line-height: 16.71px;}
    .bottomContact .cont .form .right .checkWrap .lbl p {line-height: 24px;}
}



.privatePopup {display: none; z-index: 100000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; backdrop-filter: blur(5px); background: rgba(0,0,0,0.3);}
.privatePopup .whiteBox {box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #1B1B1B; padding: 60px; color: #fff; border-radius: 16px; overflow: hidden; }
.privatePopup .whiteBox .top {display: flex; justify-content: space-between; align-items: center;}
.privatePopup .whiteBox .top .t1 { font-weight: 700; font-size: 32px; line-height: calc(40/32*1em);}
.privatePopup .whiteBox .top .clsBtn {cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.privatePopup .whiteBox .cont {padding-top: 40px; box-sizing: border-box; font-size: 20px; line-height: calc(32/20*1em); color: #fff; word-break: keep-all;}
.privatePopup .whiteBox .cont b {font-weight: 800; display: block;}
.privatePopup .whiteBox .cont p {font-weight: 500; color: #CECECE;}

@media screen and (max-width: 1280px) {
    .privatePopup .whiteBox {width: 80%;}
}
@media screen and (max-width: 1024px) {
    .privatePopup .whiteBox {padding: 40px;}
    .privatePopup .whiteBox .cont {font-size: 16px;}
    .privatePopup .whiteBox .top .t1 {font-size: 20px;}
    .privatePopup .whiteBox .top .clsBtn {width: 25px;}
}
@media screen and (max-width: 820px) {
    .privatePopup .whiteBox {width: 70%; height: 80vh;}
    .privatePopup .whiteBox .cont {font-size: 16px; height: 100%; padding: 30px 0; overflow: hidden;}
    .privatePopup .whiteBox .cont .scroll {height: 100%; overflow-y: scroll;}
    .privatePopup .whiteBox .cont .scroll::-webkit-scrollbar {width: 3px;}
    .privatePopup .whiteBox .cont .scroll::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 10px;}
}
@media screen and (max-width: 500px) {
    .privatePopup .whiteBox {width: 100%; height: 100vh; padding: 16px; box-sizing: border-box; display: flex; flex-direction: column; border-radius: 0;}
    .privatePopup .whiteBox .top {align-items: flex-start;}
    .privatePopup .whiteBox .top .clsBtn {width: 24px;}
    .privatePopup .whiteBox .top .t1 {padding-top: 60px;}
    .privatePopup .whiteBox .cont {line-height: calc(26/16*1em); padding: 39px 0;}
}


._complete{ text-align: center; color: #fff; padding: 460px 0; word-break: keep-all; }
._complete dl dt{ font-family: var(--sandoll); font-size: 68px; letter-spacing: -0.01em; font-weight: 400; line-height: calc(84 / 68); }
._complete dl dd{ font-size: 20px; letter-spacing: -0.01em; line-height: calc(30 / 20); margin-top: 12px; }

@media screen and (max-width: 1280px){
    ._complete{ padding: 80px 0; box-sizing: border-box; height: var(--vh100); display: flex; align-items: center; justify-content: center; }
    ._complete dl dt{ font-size: 50px; }
    ._complete dl dd{ font-size: 18px; }
}

@media screen and (max-width: 820px){
    ._complete dl dt{ font-size: 38px; }
    ._complete dl dd{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    ._complete dl dt{ font-size: 32px; }
    ._complete dl dd{ font-size: 14px; }
}


/* 메인페이지 본문 */
.main{ width: 100%; overflow: hidden; position: relative; }
.main .pin-spacer{ padding: 0 !important; }
.main .swiper-pagination-bullet{ opacity: 1; }
.main .swiper-pagination-bullet-active{ border: 1px solid #fff; background: rgba(255,255,255,0) !important; box-sizing: border-box }


.main section {position: relative;}
.main section .title {font-family: var(--sandoll); font-size: 68px; font-weight: 400; line-height: calc(84/68*1em); letter-spacing: -0.01em;; text-align: center; word-break: keep-all;}
.main section .title b{ color: #F10014; }
.main section .title_dscrp {font-size: 20px; letter-spacing: -0.01em; line-height: calc(32/20*1em); color: #4b4b4b; text-align: center; padding-top: calc(16/20*1em); word-break: keep-all;}

.main section .title.white{ color: #fff; }
.main section .title_dscrp.white{ color: #cecece; }
.main section .title_dscrp.black{ color: #000; }

.main section > .bg {overflow: hidden; width: 100%; display: flex; align-items: center; justify-content: center;}
.main section > .bg img.pc {max-width: none; width: 1920px; height: 100%; object-fit: cover;}
.main img.mo {display: none;}
.main section .swiper .swiper-wrapper {transition-timing-function: linear !important;}
.main section .swiper.marquee .swiper-slide {width: auto;}
.br500 {display: none;}
.br820 {display: none;}
.br1024 {display: none;}
@media screen and (min-width: 1921px) {
    .main section > .bg img.pc {max-width: none; width: 100%;}
}
@media screen and (max-width: 1280px) {
    .main section .title {font-size: 55px;}
}
@media screen and (max-width: 1024px) {
    .br1024 {display: block;}
    .main section .title_small {font-size: 22px;}
    .main section .title {font-size: 45px;}
    .main section .title_dscrp {font-size: 18px;}
}
@media screen and (max-width: 820px) {
    .br820_del {display: none;}
    .br820 {display: block;}
    .main section .title_small {font-size: 18px;}
    .main section .title {font-size: 40px;}
}
@media screen and (max-width: 500px) {
    .br500_del {display: none;}
    .br500 {display: block;}
    .main section .title_small {font-size: 14px; font-weight: 700; line-height: calc(16/14*1em); padding-bottom: calc(8/14*1em);}
    .main section .title {font-size: 31px; line-height: calc(40/32*1em);}
    .main section .title_dscrp {font-size: 14px; line-height: calc(22/14*1em); padding-top: calc(8/14*1em); }

    .main section > .bg img {width: 100%;}
    .main img.mo {display: block;}
    .main img.pc {display: none;}
}
@media screen and (max-width: 320px) {
    .main section .title {font-size: 24px;}
    .main section .title_dscrp br {display: none;}
}

.swiper-arrow {top: 50%; transform: translateY(-50%); }
.swiper-pagination.mo { display: none; }



/* s1 */
.main .s1{ width: 100%; position: relative; overflow: hidden;  box-sizing: border-box; clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%); min-height: var(--vh100); }
.main .s1{ width: 100%; position: relative; overflow: hidden;  box-sizing: border-box; }
.main .s1 .bg{ width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0;   }
/* clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%); */
.main .s1 .bg img{ width: 100%; height: 100%; object-fit: cover; }

.main .s1 .wrap{ position: relative; z-index: 1; padding-top: 195px; padding-bottom: 72px; }
.main .s1 .visualTitle{ position: relative; text-align: center; font-size: 150px; font-family: var(--sandoll); }
.main .s1 .visualTitle .rel{ position: relative; overflow: hidden; height: calc(174 / 150 * 1em); font-size: inherit; }
.main .s1 .visualTitle strong{ font-size: inherit; font-weight: 400; letter-spacing: -0.01em; color: #F10014; line-height: calc(174 / 150); display: block; }
.main .s1 .visualTitle p{ font-size: calc(48 / 150 * 1em); color: #fff; margin-top: 28px; }

.main .s1 .scrollbx{ margin-top: 500px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; opacity: 0; pointer-events: none; }
.main .s1 .scrollbx .scrolls{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.7);
    backdrop-filter: blur(20px);
    box-shadow: 0px 4px 20px 0px #0000001A;
    background: linear-gradient(136.28deg, rgba(255, 255, 255, 0.5) 2.26%, rgba(255, 255, 255, 0) 95.49%);

}
.main .s1 .scrollbx span{ font-size: 16px; font-family: 'Archivo', sans-serif; line-height: calc(20 / 16); font-weight: 700; color: #F5F6F7; }



.main .s1_1{ width: 100%; position: relative; overflow: hidden; background-color: #F10014; padding: 24px 0; box-sizing: border-box; font-size: 40px; font-family: "archivo-expanded", sans-serif; font-weight: 900; }
.main .s1_1 .mar_ch{ padding: 0 calc(20 / 40 * 1em); }


@media screen and (max-width: 1280px){
    .main .s1 .pin{ height: 100%; }
    .main .s1 .wrap{ padding-top: 160px; height: 100%; box-sizing: border-box; }

    .main .s1 .visualTitle{ font-size: 8vw; }

    .main .s1 .scrollbx{ margin-top: 0; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); }

    .main .s1_1{ font-size: 35px; }
}


@media screen and (max-width: 820px){
    .main .s1{ min-height: unset; height: calc(var(--vh100) * 2); }
    .main .s1 .pin{ height: var(--vh100); }

    .main .s1 .visualTitle{ font-size: 10vw; line-height: calc(54 / 44); }
    .main .s1 .visualTitle strong{ line-height: calc(54 / 44); }
    .main .s1 .visualTitle p{ font-size: calc(18 / 44 * 1em); margin-top: 8px; line-height: calc(20 / 16); }

    .main .s1 .scrollbx{ margin-top: 200px; }
    .main .s1 .scrollbx span{ font-size: 14px; }
    .main .s1 .scrollbx .scrolls{ width: 50px; height: 50px; }
    .main .s1 .scrollbx .scrolls img{ width: 14px; }

    .main .s1_1{font-size: 24px; padding: 25px 0; }
}


@media screen and (max-width: 500px){
    .main .s1 .wrap{ padding-top: 120px; padding-bottom: 330px; }
    .main .s1 .scrollbx{ display: none; }

    .main .s1 .visualTitle{ font-size: 12.2vw; }
    .main .s1 .visualTitle p{ font-size: calc(16 / 44 * 1em); margin-top: 4px; }

    .main .s1_1{ font-size: 20px; padding: 20px 0; }
}


/* s2 */
.main .s2{ position: relative; padding: 140px 0; }
.main .s2 .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.main .s2 .bg img{ width: 100%; height: 100%; object-fit: cover; }
.main .s2 .bg .mob{ display: none; }
.main .s2 .wrap{ position: relative; z-index: 1; }
.main .s2 .countbx{ margin-top: 50vw; text-align: center; font-size: 130px; font-family: var(--sandoll); font-weight: 400; }
.main .s2 .countbx p{ font-size: calc(48 / 130 * 1em); color: #fff; }
.main .s2 .countbx .flx{ display: flex; align-items: center; justify-content: center; margin-top: 32px; color: #F10014; }
.main .s2 .countbx .flx #count1{ font-family: 'Archivo', sans-serif; font-weight: 900; letter-spacing: -0.01em; font-size: 1em; }
.main .s2 .countbx .flx span{ font-size: calc(96 / 130 * 1em); }

@media screen and (max-width: 1280px){
    .main .s2{ padding: 80px 0; }
    .main .s2 .countbx{ font-size: 8vw; margin-top: 56vw; }
    .main .s2 .countbx .flx{ margin-top: 20px; }
}

@media screen and (max-width: 820px){
    .main .s2 .bg .pc{ display: none; }
    .main .s2 .bg .mob{ display: block; }

    .main .s2 .countbx{ font-size: 9vw; margin-top: 65vw; }
    .main .s2 .countbx .flx{ margin-top: 10px; }
}

@media screen and (max-width: 500px){
    .main .s2{ padding: 60px 0; }

    .main .s2 .countbx{ font-size: 11vw; margin-top: 65vw; }
    .main .s2 .countbx p{ font-size: calc(24 / 40 * 1em); }
    .main .s2 .countbx .flx{ margin-top: 4px; }
}


/* s3 */
.main .s3{ width: 100%; position: relative; word-break: keep-all; }
.main .s3 .wbx{ background-color: #fff; color: #000; padding-top: 140px; padding-bottom: 60px; }
.main .s3 .wbx .wrap{ display: flex; align-items: flex-start; justify-content: space-between; }
.main .s3 .wbx .wrap .lbx{ width: calc(785 / 1600 * 100%); font-size: 70px; font-weight: 900; font-family: "archivo-expanded", sans-serif; line-height: calc(74 / 70); padding-right: 20px; box-sizing: border-box; }
.main .s3 .wbx .wrap .lbx strong{ display: block; }
.main .s3 .wbx .wrap .rbx{ width: calc(815 / 1600 * 100%); color: #4b4b4b; }
.main .s3 .wbx .wrap .rbx dl dt{ font-size: 24px; line-height: calc(34 / 24); font-weight: 700; letter-spacing: -0.05em; }
.main .s3 .wbx .wrap .rbx dl dd{ font-size: 20px; line-height: calc(34 / 20); font-weight: 300; letter-spacing: -0.05em;  }

.main .s3 .parbx{ height: 870px; position: relative; overflow: hidden; }
.main .s3 .parbx img{ width: auto; max-width: unset; min-height: 100%; object-fit: cover; transform: translateX(-50%); left: 50%; position: absolute; }

@media screen and (max-width: 1280px){
    .main .s3 .wbx{ padding-top: 100px; padding-bottom: 40px; }
    .main .s3 .wbx .wrap .lbx{ font-size: clamp(42px, 5.1vw, 50px); }
    .main .s3 .wbx .wrap .rbx dl dt{ font-size: 20px; }
    .main .s3 .wbx .wrap .rbx dl dd{ font-size: 16px; }

    .main .s3 .parbx{ height: 450px; }
}

@media screen and (max-width: 820px){
    .main .s3 .wbx{ padding-top: 60px; }
    .main .s3 .wbx .wrap{ flex-direction: column; }
    .main .s3 .wbx .wrap .lbx{ width: 100%; padding: 0; }
    .main .s3 .wbx .wrap .rbx{ width: 100%; margin-top: 25px; }

    .main .s3 .wbx .wrap .rbx dl dt{ font-size: 18px; }
    .main .s3 .wbx .wrap .rbx dl dd{ font-size: 14px; line-height: calc(22 / 14); }

    .main .s3 .parbx{ height: 360px;  }
    .main .s3 .parbx img{ width: 100%; height: 100%; object-fit: cover; }
    /* background-image: url(/asset/img/main/s3_bg.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; */
    /* .main .s3 .parbx img{ display: none; } */
}

@media screen and (max-width: 500px){
    .main .s3 .wbx .wrap .lbx{ font-size: 10vw; }

    .main .s3 .wbx .wrap .rbx { margin-top: 16px; }
    .main .s3 .wbx .wrap .rbx dl dt{ font-size: 14px; font-weight: 500; line-height: calc(22 / 14); }
}



/* s4 */

.main .s4 { background-color: #F10014; padding-top: 140px; padding-bottom: 280px; }
.main .s4 .wrap { }

.main .s4 .mainTitle{ text-align: center; }
.main .s4 .mainTitle .txt strong{ display: block; font-family: "archivo-expanded", sans-serif; font-weight: 900; letter-spacing: -0.01em; line-height: calc(120 / 132); font-size: 132px; }
.main .s4 .mainTitle .txt b{ font-family: var(--sandoll); font-weight: 400; line-height: calc(120 / 110); font-size: 110px; letter-spacing: -0.01em; }


/* 이미지 호버 공통 */
.imgHover .imgBx { position: relative; }
.imgHover .imgBx div {position: absolute; background-size: cover; width: 100%; height: 100%;left: 50%; top: 50%; transform: translate(-50%,-50%); transition: width .5s, height .5s; }
@media screen and (min-width:821px) {
    .imgHover .imgBx:hover { }
    .imgHover .imgBx:hover div { width: 110%; height: 110%; }
}

/* 동그란탭 */
._circleTab {display: flex; align-items: center; justify-content: center; margin-top: 80px; }
._circleTab li {box-sizing: border-box;border-radius: 50px;margin-right: 40px;transition: background-color .3s, color .3s, padding .3s;cursor: pointer;padding: calc(14/20*1em) 0;font-size: 20px; white-space: nowrap; }
._circleTab li:last-child { margin-right: 0; }
._circleTab li.on {background-color: #000;padding: calc(14/20*1em) 1em;color: #fff; }
._circleTab li p {font-weight: 600;line-height: 1.088; }


.main .s4 .conbx{position: relative; margin-top: 80px; }

.main .s4 .s4Swiper {
	position: absolute; left: 0; top: 0; width: 100%; opacity: 0; pointer-events: none;
	transition: opacity .7s ease-in-out,top .7s ease-in-out;
}
.main .s4 .s4Swiper.on{pointer-events: revert; opacity: 1; top: 0;}

.main .s4 .swiper-slide {cursor: pointer; }


.main .s4 .swiper-slide .imgBx::before {content: '';display: block;width: 100%;padding-bottom: calc(510 / 820 * 100%); }


.main .s4 .swiper-slide .imgBx { max-width: 820px; margin: 0 auto; }
.main .s4 .swiper-slide .imgBx > div { background-size: 100%; }

.main .s4 .swiper-slide .txtBx {text-align: center; padding: 0 10px;box-sizing: border-box; opacity: 0; transition-duration: 0.4s; position: absolute; top: calc(100% + 64px); left: 50%; transform: translateX(-50%); width: 100%; }
.main .s4 .swiper-slide.swiper-slide-active .txtBx {opacity: 1; }


.main .s4 .swiper-slide .txtBx .flxbx{ display: flex; justify-content: center; align-items: baseline; font-family: var(--sandoll); font-weight: 400; flex-wrap: wrap; gap: 10px; }
.main .s4 .swiper-slide .txtBx .flxbx strong{ display: block; font-size: 48px; }
.main .s4 .swiper-slide .txtBx .flxbx em{ display: block; font-size: 32px; }
.main .s4 .swiper-slide .txtBx > p{ font-family: "archivo-expanded", sans-serif; font-size: 20px; line-height: calc(30 / 20); margin-top: 8px; font-weight: 700; }






@media screen and (max-width:1600px) {
    ._circleTab{ margin-top: 40px; }

    .main .s4 .mainTitle .txt strong{ font-size: 7vw; }
    .main .s4 .mainTitle .txt b{ font-size: 6vw; }

    .main .s4 .swiper-slide .txtBx .flxbx strong{ font-size: 40px; }
    .main .s4 .swiper-slide .txtBx .flxbx em{ font-size: 28px; }
}

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

@media screen and (max-width:1280px) {
    .main .s4{ padding-top: 140px; padding-bottom: 240px; }

    ._circleTab li{ font-size: 16px; margin-right: 25px; }
    .main .s4 .wrap .top { display: block; }
    .main .s4 .swiper-slide .txtBx .flxbx strong{ font-size: 35px; }
    .main .s4 .swiper-slide .txtBx .flxbx em{ font-size: 22px; }

    .main .s4 .conbx{ min-height: 30vw; }
}

@media screen and (max-width:1024px) {
    ._circleTab { width: calc(100% + 20px); overflow: auto; max-width: unset; }
    /* .main .s4 .conbx{ min-height: 37vw; } */

}

@media screen and (max-width:820px) {
    .main .s4{ padding-top: 100px; padding-bottom: 200px; }
    .main .s4 .mainTitle .txt strong{ font-size: 8vw; line-height: 1; }
    .main .s4 .mainTitle .txt b{ font-size: 7vw; line-height: calc(40 / 28); }

    ._circleTab{padding-bottom: 7px; padding-right: 20px; box-sizing: border-box;  margin-top: 30px;}
    ._circleTab li { font-size: 14px; margin-right: 20px; }
    ._circleTab li.on { padding: 10px 16px; }

    .main .s4 .conbx{ margin-top: 40px; min-height: 40vw; }
    .main .s4 .swiper-slide .txtBx { margin-top: 16px; top: calc(100% + 20px); }
    .main .s4 .swiper-slide .txtBx .flxbx{ flex-direction: column; justify-content: center; align-items: center; gap: 0; }
    .main .s4 .swiper-slide .txtBx .flxbx strong{ font-size: 30px; line-height: 1; }
    .main .s4 .swiper-slide .txtBx .flxbx em{ font-size: 16px; line-height: calc(18 / 12); }
    .main .s4 .swiper-slide .txtBx > p{ font-size: 16px; }

}

@media screen and (max-width:500px) {
    .main .s4{ padding-top: 60px; padding-bottom: 160px; }
    .main .s4 .mainTitle .txt strong{ font-size: 10.6vw; line-height: 1; }
    .main .s4 .mainTitle .txt b{ font-size: 7.77vw; line-height: calc(40 / 28); }

    .main .s4 .swiper-slide .txtBx .flxbx strong{ font-size: 20px; }
    .main .s4 .swiper-slide .txtBx .flxbx em{ font-size: 12px; }
    .main .s4 .swiper-slide .txtBx > p{ font-size: 10px; margin-top: 2px; }
}

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




.main .s5{ position: relative; padding: 140px 0; height: 1100px; box-sizing: border-box; }
.main .s5 .bg{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 0;  overflow: hidden; }
.main .s5 .bg img{
    width: auto;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    object-position: bottom;
}
.main .s5 .wrap{ position: relative; z-index: 1; }

@media screen and (max-width: 1280px){
    .main .s5{ height: 800px; }
}

@media screen and (max-width: 820px){
    .main .s5{ height: 550px; padding: 70px 0; }
    .main .s5 .bg{  }
    /* background-image: url(/asset/img/main/s5_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;  */
    /* .main .s5 .bg img{ display: none; } */
}


.main .s6{ position: relative; padding-top: 140px; box-sizing: border-box; background-color: #fff; }
.main .s6 .swiperbx{ margin-top: 80px; position: relative; }
.main .s6 .swiperbx .s6Swiper{ width: 100%; overflow: hidden; }
.main .s6 .swiperbx .s6Swiper .swiper-slide{ overflow: hidden; }
.main .s6 .swiperbx .s6Swiper .inn{ width: 100%; position: relative; overflow: hidden; cursor: pointer; }
.main .s6 .swiperbx .s6Swiper .inn .bg{ position: relative; transition-duration: 0.4s; }
.main .s6 .swiperbx .s6Swiper .inn .bg .mob{ display: none; }
.main .s6 .swiperbx .s6Swiper .inn dl{ position: absolute; top: 0; left: 0; width: 100%; padding: 60px; box-sizing: border-box; font-size: 1.875vw; }
.main .s6 .swiperbx .s6Swiper .inn dl dt{ font-size: calc(24 / 36 * 1em); font-family: "archivo-expanded", sans-serif; letter-spacing: -0.01em; color: #F10014; font-weight: 700; line-height: calc(34 / 24); }
.main .s6 .swiperbx .s6Swiper .inn dl dd{  font-family: var(--sandoll); font-weight: 400; margin-top: 12px; line-height: calc(48 / 36); color: #fff; }

.main .s6 .swiper-arrow{ display: none; }
.main .s6 .swiper-pagination{ display: none; }

@media screen and (min-width: 821px){
    .main .s6 .swiperbx .s6Swiper .inn:hover .bg{ transform: scale(1.05); }
}

@media screen and (max-width: 1440px){
    .main .s6 .swiperbx .s6Swiper .inn dl{ padding: 30px; }
}

@media screen and (max-width: 1280px){
    .main .s6{ padding-top: 100px; }
    .main .s6 .swiperbx .s6Swiper .inn dl{ padding: 20px; }
}

@media screen and (max-width: 820px){
    .main .s6{ padding-top: 60px; }
    .main .s6 .swiperbx{ margin-top: 40px; }
    .main .s6 .swiper-arrow{ display: block; }
    .main .s6 .swiper-pagination{ display: block; }
    .main .s6 .swiperbx .s6Swiper .inn dl{ font-size: 4.77vw; }
}

@media screen and (max-width: 500px){
    .main .s6 .swiperbx .s6Swiper .inn dl{ font-size: 7.77vw; padding: 32px calc(20 / 360 * 100%); }
    .main .s6 .swiperbx .s6Swiper .inn dl dd{ margin-top: 8px; }
}



.main .s7{ position: relative; overflow: hidden; width: 100%; background-color: #fff; padding-top: 140px; }
.main .s7 .swiperbx{ margin-top: 80px; position: relative; }
.main .s7 .swiperbx .swiper-slide{ overflow: hidden; }
.main .s7 .swiperbx .swiper-slide .inn{ width: 100%; }
.main .s7 .swiperbx .swiper-slide .bg{ width: 100%; }
.main .s7 .swiperbx .swiper-slide img{ width: 100%; width: 100%; height: 100%; object-fit: cover; }

@media screen and (max-width: 1280px){
    .main .s7{ padding-top: 100px; }
}

@media screen and (max-width: 820px){
    .main .s7{ padding-top: 60px; }
    .main .s7 .swiperbx{ margin-top: 40px; }
}


.main .s8{ position: relative; overflow: hidden; width: 100%; background-color: #fff; padding: 140px 0; }
.main .s8 .imgbx{ margin-top: 80px; }
.main .s8 .imgbx > ul{ display: flex; flex-wrap: wrap; gap: 24px; }
.main .s8 .imgbx > ul li.half{ width: calc(50% - 12px); }
.main .s8 .imgbx > ul li{ position: relative; }
.main .s8 .imgbx > ul li span{ font-size: 24px; font-weight: 700; color: #fff; letter-spacing: -0.01em; position: absolute; right: 28px; bottom: 21px; text-align: right; }

@media screen and (max-width: 1280px){
    .main .s8{ padding: 100px 0; }
    .main .s8 .imgbx{ margin-top: 60px; }
    .main .s8 .imgbx > ul{ gap: 16px; }
    .main .s8 .imgbx > ul li.half{ width: calc(50% - 8px); }
    .main .s8 .imgbx > ul li span{ font-size: 20px; right: 15px; bottom: 20px; }
}

@media screen and (max-width: 820px){
    .main .s8{ padding: 60px 0; }
    .main .s8 .imgbx{ margin-top: 40px; }
    .main .s8 .imgbx > ul li span{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    .main .s8 .imgbx{ margin-top: 24px; }
    .main .s8 .imgbx > ul{ flex-direction: column; gap: 12px; }
    .main .s8 .imgbx > ul li.half{ width: 100%; }
    .main .s8 .imgbx > ul li span{ font-size: 14px; right: 12px; bottom: 12px; }
}



.main .s9{ width: 100%; overflow: hidden; background-color: #F7F7F7; padding: 140px 0; margin-top: -1px; }
.main .s9 .vidbx{ margin-top: 80px; position: relative; }
.main .s9 .vidbx::after{ content: ''; display: block; padding-bottom: calc(9 / 16 * 100%); }
.main .s9 .vidbx iframe{ width: 100%; position: absolute; height: 100%; left: 0; top: 0; }

.main .s9 .bg{ width: 100%; position: absolute; height: 100%; left: 0; top: 0; overflow: hidden; }
.main .s9 .bg img{ width: 100%; height: 100%; object-fit: cover; }

@media screen and (max-width: 1280px){
    .main .s9{ padding: 100px 0; }
}

@media screen and (max-width: 820px){
    .main .s9{ padding: 60px 0; }
    .main .s9 .vidbx{ margin-top: 40px; }
}

@media screen and (max-width: 820px){
    .main .s9 .vidbx{ margin-top: 24px; }
    /* .main .s9 .vidbx::after{ padding-bottom: calc(200 / 320 * 100%); } */
}


.main .s10{ width: 100%; position: relative; overflow: hidden; background-color: #fff; padding: 140px 0; margin-top: -1px; word-break: keep-all; }
.main .s10 .list{ display: flex; gap: 24px; margin-top: 80px; }
.main .s10 .list li{ position: relative; cursor: pointer; }
.main .s10 .list li .thumb{ width: 100%; position: relative; transition-duration: 0.4s; }
.main .s10 .list li .thumb img{ position: relative; z-index: 0; }
.main .s10 .list li .thumb::after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0,0,0,0.6); transform-origin: bottom; transition-duration: 0.4s; opacity: 0; transform: scaleY(0.4); }
.main .s10 .list li .thumb span{ font-size: 68px; font-family: var(--sandoll); font-weight: 400; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition-duration: 0.4s; opacity: 0; color: #fff; z-index: 2; }
.main .s10 .list li dl{ text-align: center; margin-top: 26px; }
.main .s10 .list li dl dt{ font-size: 28px; letter-spacing: -0.01em; font-weight: 700; line-height: calc(32 / 28); }
.main .s10 .list li dl dd{ font-size: 20px; letter-spacing: -0.01em; font-weight: 500; line-height: calc(28 / 20); margin-top: 4px; color: #888888; }

.main .s10 .list li:hover .thumb::after{ transform: scaleY(1); opacity: 1; }
.main .s10 .list li:hover .thumb span{ opacity: 1; }
.main .s10 .list li:hover .thumb span:hover{ color: #F10014; }


@media screen and (max-width: 1280px){
    .main .s10{ padding: 100px 0; }
    .main .s10 .list{ gap: 12px; }
    .main .s10 .list li .thumb span{ font-size: 40px; }
    .main .s10 .list li dl{ margin-top: 15px; }
    .main .s10 .list li dl dt{ font-size: 24px; }
    .main .s10 .list li dl dd{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    .main .s10{ padding: 60px 0; }
    .main .s10 .list{ flex-direction: column; max-width: 400px; margin: 0 auto; margin-top: 24px; gap: 18px; }
    .main .s10 .list li .thumb span{ font-size: 32px; }
    .main .s10 .list li dl{ margin-top: 12px; }
    .main .s10 .list li dl dt{ font-size: 20px; }
    .main .s10 .list li dl dd{ font-size: 14px; margin-top: 4px; }
}



.main .s11{ width: 100%; position: relative; background-color: #F7F7F7; margin-top: -1px; padding: 140px 0; }
.main .s11 .vidbx{ margin-top: 80px; position: relative; }
.main .s11 .vidbx::after{ content: ''; display: block; padding-bottom: calc(9 / 16 * 100%); }
.main .s11 .vidbx iframe{ width: 100%; position: absolute; height: 100%; left: 0; top: 0; }

.main .s11 .timetxt{ margin-top: 80px; display: flex; align-items: center; justify-content: center; text-align: center; align-items: center; }
.main .s11 .timetxt p{ font-size: 48px; letter-spacing: -0.01em; font-family: var(--sandoll); font-weight: 400; }
.main .s11 .timetxt span{ color: #F10014; }
.main .s11 .timetxt i{ display: inline-block; transform: translateY(5px); width: 48px; }

@media screen and (max-width: 1280px){
    .main .s11{ padding: 100px 0; }
    .main .s11 .timetxt p{ font-size: 33px; }
    .main .s11 .timetxt i{ width: 35px; }
}

@media screen and (max-width: 820px){
    .main .s11{ padding: 60px 0; }
    .main .s11 .vidbx{ margin-top: 40px; }
    .main .s11 .timetxt { margin-top: 40px; align-items: flex-end; }
    .main .s11 .timetxt p{ font-size: 24px; line-height: calc(28 / 20); }
    .main .s11 .timetxt i{ width: 26px; transform: translateY(2px); }
}


.main .s12{ width: 100%; position: relative; overflow: hidden; padding: 140px 0; word-break: keep-all; }
.main .s12 .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.main .s12 .bg img{ width: 100%; height: 100%; object-fit: cover; }
.main .s12 .waylist{ display: flex; gap: 24px; margin-top: 90px; margin-bottom: 280px; }
.main .s12 .waylist li{ position: relative; width: 100%; border: 1px solid rgba(255,255,255,0.7); display: flex; flex-direction: column; }
.main .s12 .waylist li .thumb{ width: 100%; position: relative; overflow: hidden; flex-shrink: 0; }
.main .s12 .waylist li .thumb img{ width: 100%; height: 100%; object-fit: cover; }
.main .s12 .waylist li dl{ width: 100%; padding: 28px 10px; box-sizing: border-box; text-align: center; background-color: #fff; height: 100%; }
.main .s12 .waylist li dl dt{ font-family: var(--sandoll); font-size: 36px; font-weight: 400; }
.main .s12 .waylist li dl dd{ font-size: 20px; letter-spacing: -0.01em; font-weight: 500; line-height: calc(32 / 20); margin-top: 8px; color: #4B4B4B; }

.main .s12 .receipts{ display: flex; gap: 24px; margin-top: 80px; }
.main .s12 .receipts .bx{ width: 100%; display: flex; flex-direction: column; }
.main .s12 .receipts .bx > strong{ background-color: #F10014; color: #fff; padding: 28px 10px; box-sizing: border-box; display: block; text-align: center; font-family: var(--sandoll); font-size: 44px; letter-spacing: -0.01em; font-weight: 400; flex-shrink: 0; }
.main .s12 .receipts .bx > .wbx{ width: 100%; background-image: url(/asset/img/main/s12_receiptbg.png); background-size: cover; background-position: bottom; background-repeat: no-repeat; padding: 85px; box-sizing: border-box; font-size: 2.2917vw; font-weight: 700; letter-spacing: -0.01em; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.main .s12 .receipts .bx > .wbx .price li{ display: flex; justify-content: space-between; margin-bottom: 20px; }
.main .s12 .receipts .bx > .wbx .price li:last-of-type{ margin-bottom: 0; }
.main .s12 .receipts .bx > .wbx .price li span{ padding-left: 5px; box-sizing: border-box; }
.main .s12 .receipts .bx > .wbx .price li span b{ font-weight: 900; }
.main .s12 .receipts .bx > .wbx .price li p{ color: #4b4b4b; }
.main .s12 .receipts .bx > .wbx .total{ display: flex; justify-content: space-between; margin-top: 80px; padding-top: 38px; box-sizing: border-box; border-top: 1px dashed #4b4b4b; }
.main .s12 .receipts .bx > .wbx .sum{ width: 100%; border-radius: 10px; border: 1px solid rgba(0,0,0,0.16); padding: 50px 57px; box-sizing: border-box; margin-top: 60px; background-color: #f7f7f7; }
.main .s12 .receipts .bx > .wbx .sum .flxbx{ display: flex; justify-content: space-between; margin-bottom: 12px; }
.main .s12 .receipts .bx > .wbx .sum .flxbx:last-of-type{ margin-bottom: 0; }
.main .s12 .receipts .bx > .wbx .sum .flxbx em{ display: block; }
.main .s12 .receipts .bx > .wbx .sum .flxbx strong.color{ color: #F10014; }

@media screen and (min-width: 1921px){
    .main .s12 .receipts .bx > .wbx{ font-size: 42px; }
}


@media screen and (max-width: 1280px){
    .main .s12{ padding: 100px 0; }
    .main .s12 .waylist{ gap: 12px; margin-bottom: 200px; }
    .main .s12 .waylist li dl dt{ font-size: 28px; }
    .main .s12 .waylist li dl dd{ font-size: 16px; }

    .main .s12 .receipts .bx > .wbx{ padding: 30px; }
    .main .s12 .receipts .bx > .wbx .total{ margin-top: 50px; }
    .main .s12 .receipts .bx > .wbx .sum{ padding: 30px; }
    .main .s12 .receipts .bx > strong{ font-size: 30px; padding: 15px 10px; }

}

@media screen and (max-width: 820px){
    .main .s12{ padding: 60px 0; }
    .main .s12 .waylist{ flex-wrap: wrap; gap: 12px 0; justify-content: space-between; }
    .main .s12 .waylist li{ width: calc(50% - 6px); }
    .main .s12 .waylist li dl dt{ font-size: 22px; }
    .main .s12 .receipts{ gap: 12px; }
    .main .s12 .receipts .bx > strong{ font-size: 18px; padding: 10px; }
    .main .s12 .receipts .bx > .wbx{ padding: 20px 15px; }
    .main .s12 .receipts .bx > .wbx .price li{ margin-bottom: 12px; }
    .main .s12 .receipts .bx > .wbx .sum{ padding: 20px 15px; }
    .main .s12 .receipts .bx > .wbx .sum .flxbx{ margin-bottom: 12px; }
}

@media screen and (max-width: 500px){
    .main .s12 .waylist{ margin-top: 24px; margin-bottom: 48px; }
    .main .s12 .waylist li dl{ padding: 5px; height: 84px; display: flex; align-items: center; flex-direction: column; justify-content: center; }
    .main .s12 .waylist li dl dt{ font-size: 18px; line-height: calc(20 / 18); }
    .main .s12 .waylist li dl dd{ font-size: 12px; line-height: calc(16 / 12); margin-top: 4px; }


    .main .s12 .receipts{ margin-top: 24px; }
    .main .s12 .receipts .bx > strong{ font-size: 16px; }
    .main .s12 .receipts .bx > .wbx .price li{ margin-bottom: 8px; }
    .main .s12 .receipts .bx > .wbx .total{ margin-top: 20px; padding-top: 10px; }
    .main .s12 .receipts .bx > .wbx .sum{ padding: 10px; margin-top: 15px; border-radius: 4px; }
    .main .s12 .receipts .bx > .wbx .sum .flxbx{ margin-bottom: 8px; }

}

@media screen and (max-width: 350px){
    .main .s12 .receipts{ flex-direction: column; gap: 0; }
    .main .s12 .receipts .bx:first-of-type{ margin-bottom: 20px; }
    .main .s12 .receipts .bx > .wbx{ font-size: 12px; }
    .main .s12 .receipts .bx > .wbx .total{ padding-top: 10px; margin-top: 20px; }
    .main .s12 .receipts .bx > .wbx .sum{ margin-top: 20px; }
}



.main .s13 {background: #131313; padding: 162px 0 140px;}
.main .s13 .title {color: #fff;}
.main .s13 .cont {padding-top: 108px; display: flex; justify-content: center; align-items: center;}
.main .s13 .cont .chart {position: relative;}
.main .s13 .cont .chart .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; display: flex; flex-direction: column; align-items: center;}
.main .s13 .cont .chart .txt span {display: block; font-weight: 700; font-size: 24px; line-height: calc(34/24*1em); letter-spacing: -0.01em;; color: #fff;}
.main .s13 .cont .chart .txt b {display: block; font-weight: 900; font-size: 60px; line-height: calc(70/60*1em); letter-spacing: -1px;; color: #fff; font-family: "archivo-expanded", sans-serif; }
.main .s13 .cont .table {border-top: 1px solid #fff; width: 100%; max-width: 600px;}
.main .s13 .cont .table .tr {display: flex;}
.main .s13 .cont .table .tr+.tr {border-top: 1px solid #4b4b4b;}
.main .s13 .cont .table .tr .td {flex: 1; box-sizing: border-box; text-align: center; font-weight: 500; font-size: 20px; line-height: calc(40/20*1em); letter-spacing: -0.01em;; color: #a8a8a8; padding: calc(22/20*1em) 0;}
.main .s13 .cont .table .tr .td.resize{ padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.main .s13 .cont .table .tr.head .td {font-weight: 700; color: #888;}
.main .s13 .cont .table .tr.bold .td {font-weight: 700; color: #fff;}
.main .s13 .cont .table .tr.redbg {background: #F10014;}
.main .s13 .cont .table .tr.redbg .td { font-weight: 800; color: #fff;}
.main .s13 .bottomTxt { font-weight: 500; font-size: 20px; line-height: calc(28/20*1em); letter-spacing: -0.01em;; color: #888; text-align: center; padding-top: calc(26/20*1em); display: flex; align-items: center; justify-content: center;}
.main .s13 .bottomTxt span {padding-right: 4px; width: 16px; height: 16px;}

.main .s13 .cont .redTxt{ font-size: 16px; line-height: calc(28 / 16); margin-top: -5px; text-align: right; color: #F10014; display: flex; align-items: center; justify-content: flex-end; font-weight: 500; }
.main .s13 .cont .redTxt b{ font-weight: 500; }
.main .s13 .cont .redTxt span{ display: flex; align-items: center; margin: 0 4px; }


@media screen and (max-width: 1024px) {
    .main .s13 {padding: 80px 0;}
    .main .s13 .cont {padding-top: 60px; margin: 0 auto;}
    .main .s13 .cont .table .tr .td {font-size: 16px;}
    .main .s13 .cont .table {max-width: 360px;}
    .main .s13 .cont .chart .txt b {font-size: 50px;}
    .main .s13 .bottomTxt {font-size: 18px;}
    .main .s13 .cont .redTxt span{ margin: 0; }
    .main .s13 .cont .redTxt span img{ width: 10px; }
    .main .s13 .cont .redTxt{ font-size: 12px; }
}
@media screen and (max-width: 820px) {
    .main .s13 .cont {flex-direction: column; align-items: center; padding-top: 24px; max-width: 500px;}
    .main .s13 .cont .table {margin-top: 24px;}
    .main .s13 .cont .table .tr .td {font-size: 14px; line-height: calc(20/12*1em);}
    .main .s13 .bottomTxt {font-size: 14px;}
    /* .main .s13 .cont .redTxt{ font-size: 14px; margin-top: 6px; } */
}
@media screen and (max-width: 500px) {
    .main .s13 .cont .table .tr .td {font-size: 12px;}
    .main .s13 .bottomTxt {font-size: 12px; line-height: calc(20/12*1em); padding-top: calc(24/12*1em);}
    .main .s13 .bottomTxt span {width: 12px; height: 12px;}
    .main .s13 .cont .chart .txt span {font-size: 12px; line-height: 1em;}
    .main .s13 .cont .chart .txt b {font-size: 32px; line-height: calc(40/32*1em);}
}
@media screen and (max-width: 400px) {
    .main .s13 .cont .redTxt span{ display: none; }
}
@media screen and (max-width: 320px) {
    .main .s13 .bottomTxt {font-size: 11px;}
    .main .s13 .cont .redTxt{ font-size: 11px; }
}



.main .s14{ width: 100%; position: relative; overflow: hidden; padding: 140px 0; background-color: #F10014; word-break: keep-all; }
.main .s14 .blbx{ margin-top: 50px; }
.main .s14 .blbx .list{ display: flex; gap: 21px; text-align: center; flex-wrap: wrap; }
.main .s14 .blbx .list li{ width: calc((100% - 42px) / 3); height: 264px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-color: #000; color: #fff; }
.main .s14 .blbx .list li .badge{ width: 109px; height: 44px; border-radius: 2px; overflow: hidden; background-image: url(/asset/img/main/s14_txtbg.png); background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; font-size: 20px; letter-spacing: -0.01em; line-height: calc(24 / 20); font-weight: 700; display: flex; align-items: center; justify-content: center; color: #000; }
.main .s14 .blbx .list li .badge._2{ background-image: url(/asset/img/main/s14_txtbg2.png); }
.main .s14 .blbx .list li strong{ font-size: 40px; font-family: var(--sandoll); font-weight: 400; line-height: calc(42 / 40); letter-spacing: -0.01em; display: block; margin-top: 12px; }
.main .s14 .blbx .list li strong.big{ margin-top: 20px; font-size: 44px; line-height: 1; }
.main .s14 .blbx .list li strong small{ font-family: "archivo-expanded", sans-serif; line-height: 1; letter-spacing: -0.01em; font-size: 48px; font-weight: 900; display: inline-block; transform: translateY(0.1em); }
.main .s14 .blbx .list li span{ font-size: 24px; line-height: calc(34 / 24); letter-spacing: -0.01em; display: block; margin-top: 2px; font-weight: 500; color: #cecece; }
.main .s14 .blbx .list li strong.big ~ span{ margin-top: 8px; }
.main .s14 .blbx .list li .flxtxt{ display: flex; align-items: center; gap: 6px; margin-top: 2px; }
.main .s14 .blbx .list li .flxtxt i{ width: 16px; display: flex; align-items: center; }
.main .s14 .blbx .list li .flxtxt em{ font-size: 20px; line-height: calc(28 / 20); letter-spacing: -0.01em; color: #888888; }


@media screen and (max-width: 1440px){
    .main .s14 .blbx .list li .badge{ font-size: 16px; width: 100px; height: 41px; }
    .main .s14 .blbx .list li strong{ font-size: 36px; }
    .main .s14 .blbx .list li strong small{ font-size: 38px; }
    .main .s14 .blbx .list li strong.big{ font-size: 38px; }
    .main .s14 .blbx .list li span{ font-size: 20px; }
    .main .s14 .blbx .list li .flxtxt em{ font-size: 16px; }
}

@media screen and (max-width: 1280px){
    .main .s14{ padding: 100px 0; }
    /* .main .s14 .blbx .list{ gap: 15px; }
    .main .s14 .blbx .list li{ padding: 40px 0; }
    .main .s14 .blbx .list li p{ font-size: 26px; }
    .main .s14 .blbx .list li .flxbx{ font-size: 2.8vw; gap: 15px; } */

    .main .s14 .blbx .list li{ height: 150px; padding: 20px 0; }
    .main .s14 .blbx .list li .badge{ font-size: 14px; width: 90px; height: 35px; }
    .main .s14 .blbx .list li strong{ font-size: 23px; }
    .main .s14 .blbx .list li strong small{ font-size: 25px; }
    .main .s14 .blbx .list li strong.big{ font-size: 25px; }
    .main .s14 .blbx .list li span{ font-size: 16px; }
    .main .s14 .blbx .list li .flxtxt em{ font-size: 14px; }

}

@media screen and (max-width: 820px){
    .main .s14{ padding: 60px 0; }
    .main .s14 .blbx{ margin-top: 30px; }
    /* .main .s14 .blbx .list{ gap: 15px; flex-direction: column; max-width: 320px; margin: 0 auto; }
    .main .s14 .blbx .list li{ padding: 51px 0; }
    .main .s14 .blbx .list li p{ font-size: 20px; }
    .main .s14 .blbx .list li .flxbx{ font-size: 22px; gap: 12px; } */

    .main .s14 .blbx .list{ max-width: 350px; margin: 0 auto; gap: 10px; }
    .main .s14 .blbx .list li{ width: 100%; padding: 10px; }
    .main .s14 .blbx .list li .badge{ font-size: 12px; width: 80px; height: 30px; }
    .main .s14 .blbx .list li strong{ font-size: 24px; margin-top: 10px; }
    .main .s14 .blbx .list li strong small{ font-size: 32px; }
    .main .s14 .blbx .list li strong.big{ font-size: 24px; margin-top: 16px; }
    .main .s14 .blbx .list li span{ font-size: 16px; line-height: calc(20 / 16); margin-top: 6px; }
    .main .s14 .blbx .list li .flxtxt{ gap: 3px; }
    .main .s14 .blbx .list li .flxtxt i{ width: 10px; }
    .main .s14 .blbx .list li .flxtxt em{ font-size: 12px; line-height: calc(20 / 12); }
}

@media screen and (max-width: 320px){
    /* .main .s14 .blbx .list li{ padding: 30px 0; } */
}


.main .s15 {padding: 140px 0; background: #000; position: relative; overflow: hidden; }

.main .s15::before{ content: ''; display: block; position: absolute; left: -10vw; top: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%); width: 25%; height: 100%; z-index: 10; }
.main .s15::after{ content: ''; display: block; position: absolute; right: -10vw; top: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 1) 75%); width: 25%; height: 100%; z-index: 10; }

.main .s15 .whitebox {background: #fff; width: 380px; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.main .s15 .swiper{ margin-top: 80px; }
.main .s15 .whitebox b {font-size: 40px; letter-spacing: -0.01em;; line-height: calc(40/40*1em); color: #131313; font-family: var(--sandoll); font-weight: 400; }
.main .s15 .whitebox small {font-size: 16px; font-weight: 500; letter-spacing: -0.01em;; line-height: calc(28/16*1em); color: #fff; border-radius: 50px; padding: calc(4/16*1em) calc(16/16*1em); background: #F10014; margin-top: 12px; }

@media screen and (max-width: 1280px) {
    .main .s15 .whitebox {width: 340px; height: 200px;}
}

@media screen and (max-width: 1024px) {
    .main .s15 {padding: 100px 0;}
    .main .s15 .whitebox {width: 300px; height: 170px;}
    .main .s15 .whitebox b {font-size: 33px;}
}

@media screen and (max-width: 500px) {
    .main .s15 {padding: 60px 0;}
    .main .s15 .title .remove {display: none;}
    .main .s15 .swiper{ margin-top: 24px; }
    .main .s15 .whitebox {width: 200px; height: 130px;}
    .main .s15 .whitebox b {font-size: 20px; line-height: calc(28/20*1em); padding: 0; }
    .main .s15 .whitebox small {font-size: 12px; line-height: calc(18/12*1em); margin-top: 4px;}
}



.main .s16{ width: 100%; position: relative; overflow: hidden; padding: 336px 0; }
.main .s16 .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.main .s16 .bg img{ width: 100%; height: 100%; object-fit: cover; }

@media screen and (max-width: 820px){
    .main .s16{ padding: 200px 0; }
}

@media screen and (max-width: 500px){
    .main .s16{ padding: 90px 0; }
}


.main .s17{ width: 100%; position: relative; overflow: hidden; padding: 140px 0; }
.main .s17 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.main .s17 .bg img{ width: 100%; height: 100%; object-fit: cover; }
.main .s17 .flexbx{ margin-top: 80px; display: flex; gap: 22px; }
.main .s17 .flexbx .bx{ width: 100%; display: flex; flex-direction: column; }
.main .s17 .flexbx .bx .thumb{ width: 100%; overflow: hidden; flex-shrink: 0; }
.main .s17 .flexbx .bx dl{ background-color: #fff; text-align: center; height: 100%; padding: 28px 0; }
.main .s17 .flexbx .bx dl dt{ font-size: 28px; letter-spacing: -0.01em; line-height: calc(32 / 28); font-weight: 700; }
.main .s17 .flexbx .bx dl dd{ font-size: 20px; line-height: calc(28 / 20); margin-top: 8px; font-weight: 300; color: #363636; }

@media screen and (max-width: 1280px){
    .main .s17{ padding: 100px 0; }
    .main .s17 .flexbx .bx dl dt{ font-size: 22px; }
    .main .s17 .flexbx .bx dl dd{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    .main .s17{ padding: 60px 0; }
    .main .s17 .flexbx{ margin-top: 60px; }
}

@media screen and (max-width: 500px){
    .main .s17 .flexbx{ margin-top: 40px; flex-direction: column; gap: 12px; }
    .main .s17 .flexbx .bx{ width: 100%; }
    .main .s17 .flexbx .bx dl{ padding: 12px 0; }
    .main .s17 .flexbx .bx dl dt{ font-size: 18px; line-height: calc(22 / 18); }
    .main .s17 .flexbx .bx dl dd{ font-size: 14px; line-height: calc(18 / 14); margin-top: 4px; }
}



.main .s18 {padding: 140px 0; background: #1b1b1b;}
.main .s18 .title {color: #fff;}
.main .s18 .cont {padding-top: 152px; position: relative; }
.main .s18 .cont .badge{ position: absolute; right: calc(283 / 1920 * 100%); top: 80px; z-index: 10; }
.main .s18 .cont .swiper+.swiper {margin-top: 24px;}
.main .s18 .cont .swiper .swiper-slide .whitebox {width: 382px; display: flex; flex-direction: column;}
.main .s18 .cont .swiper .swiper-slide .whitebox .imgBox {position: relative; overflow: hidden;}
.main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom {padding: 28px 33px; height: 214px; box-sizing: border-box; background: #fff;}
.main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .brv {display: flex; align-items: center;}
.main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .brv .date {margin-left: calc(12/16*1em); font-weight: 500; font-size: 16px; line-height: 1em; letter-spacing: -0.01em;; color: #a8a8a8; }
.main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .brv .i {width: 128px;}
.main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .txt {padding-top: calc(12/20*1em); font-weight: 500; line-height: calc(28/20*1em); font-size: 20px; letter-spacing: -0.01em;; color: #242424; min-height: 4.2em; }
.main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .tags{ display: flex; margin-top: 12px; gap: 4px; flex-wrap: wrap; }
.main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .tags .icon{ display: flex; align-items: center; padding: 4px 5px; box-sizing: border-box; border-radius: 2px; background-color: #f6f6f6; gap: 4px; }
.main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .tags .icon img{ width: 16px; }
.main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .tags .icon em{ display: block; font-size: 12px; font-weight: 500; color: #595959; }

.main .s18 .cont .swiper._01 .swiper-slide .whitebox .whiteBottom .logo {width: 121px;}
.main .s18 .cont .swiper._02 .swiper-slide .whitebox .whiteBottom .logo {width: 116px;}
.main .s18 .cont .swiper._02 .swiper-slide .whitebox .whiteBottom .logo {padding-bottom: 12px;}



@media screen and (max-width: 1280px) {
    .main .s18 .cont .badge{ width: 180px; right: 40px; }
    .main .s18 .cont .swiper .swiper-slide .whitebox {width: 340px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom {padding: 30px; height: 225px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .txt {font-size: 18px;}
}
@media screen and (max-width: 1024px) {
    .main .s18 .cont {padding-top: 100px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox {width: 300px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom {height: 225px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .txt {font-size: 16px;}
}
@media screen and (max-width: 820px) {
    .main .s18 {padding: 60px 0;}
    .main .s18 .cont .badge{ width: 140px; right: 40px; top: 30px; }
    .main .s18 .cont .swiper .swiper-slide .whitebox {width: 280px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom {padding: 20px; height: 170px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .txt {font-size: 14px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .tags .icon:nth-of-type(3){ display: none; }
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .brv .date{ font-size: 14px; }
}
@media screen and (max-width: 500px) {
    .main .s18 .cont {padding-top: 61px;}
    .main .s18 .cont .badge{ width: 84px; top: 24px; }
    .main .s18 .cont .swiper .swiper-slide .whitebox {width: 215px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom {padding: 16px 14px; height: 134px;}
    .main .s18 .cont .swiper._01 .swiper-slide .whitebox .whiteBottom .logo {width: 84px; padding-bottom: 4px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .txt {font-size: 12px; padding-top: calc(4/12*1em); line-height: calc(16/12*1em);}

    .main .s18 .cont .swiper._02 .swiper-slide .whitebox .whiteBottom .logo {width: 80px; padding-bottom: 5px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .brv {justify-content: space-between;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .brv .i {width: 88px;}
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .brv .date {font-size: 12px; line-height: calc(16/12*1em); }

    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .tags .icon{ padding: 3px 4px; gap: 2px; }
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .tags .icon em{ font-size: 8px; }
}

@media screen and (max-width: 350px){
    .main .s18 .cont .swiper .swiper-slide .whitebox .whiteBottom .tags .icon:nth-of-type(2){ display: none; }
}




.main .s19 {padding: 140px 0 172px; background: #f7f7f7; word-break: keep-all;}
.main .s19 .cont {padding-top: 80px;}
.main .s19 .cont .table .tr {display: flex; min-height: 72px; background: #fff;}
.main .s19 .cont .table .tr.min90{ min-height: 90px; }
.main .s19 .cont .table .tr+.tr {border-top: 1px solid #e3e3e3;}
.main .s19 .cont .table .tr.head {background: rgba(241, 0, 20, 0.102);}
.main .s19 .cont .table .tr.head .td { font-weight: 700; font-size: 20px; line-height: calc(24/20*1em); color: #131313;}
.main .s19 .cont .table .tr .td {text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 5px; box-sizing: border-box; flex-direction: column;}
.main .s19 .cont .table .tr .td:not(.dscrp) {flex-shrink: 0;}
.main .s19 .cont .table .tr .td.type {width: 300px;}
.main .s19 .cont .table .tr .td.dscrp {width: 100%;}
.main .s19 .cont .table .tr .td.price {width: 175px;}
.main .s19 .cont .table .tr .td.prmt {width: 165px;}
/* .main .s19 .cont .table .tr .td.title {width: 100%;} */
.main .s19 .cont .table .tr:not(.head) .td { font-size: 20px; line-height: calc(24/20*1em); color: #131313;}
.main .s19 .cont .table .tr:not(.head) .td.type {font-weight: 700;}
.main .s19 .cont .table .tr:not(.head) .td.dscrp {font-weight: 500; color: #4b4b4b; line-height: calc(32/20*1em);}
.main .s19 .cont .table .tr:not(.head) .td.price {font-weight: 600; color: #a8a8a8;}
.main .s19 .cont .table .tr:not(.head) .td.price.black {color: #131313; font-weight: 800; }
.main .s19 .cont .table .tr:not(.head) .td.price span {position: relative;}
.main .s19 .cont .table .tr:not(.head) .td.price span img {max-width: none; position: absolute; left: 55%; top: 50%; transform: translate(-50%, -50%); width: calc(90/20*1em);}
.main .s19 .cont .table .tr:not(.head) .td.price._4 span img {width: calc(73/20*1em);}
.main .s19 .cont .table .tr:not(.head) .td.price._7 span img {width: calc(110/20*1em);}
.main .s19 .cont .table .tr:not(.head) .td.prmt {font-weight: 800;}
.main .s19 .cont .table .tr:not(.head) .td.price small, .main .s19 .cont .table .tr:not(.head) .td.prmt small {font-family: "Pretendard"; font-weight: 800; font-size: 14px; line-height: calc(24/14*1em);}
.main .s19 .cont .table .tr.total {background: #F10014; }
.main .s19 .cont .table .tr.total .td {color: #fff; font-size: 20px; font-weight: 500; line-height: calc(24/20*1em); width: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard'; flex-direction: row;}
.main .s19 .cont .table .tr.total .td span {display: flex; align-items: center; margin-right: calc(2/20*1em);}
.main .s19 .cont .table .tr.total .td b {font-weight: 800; font-size: 32px; padding-left: calc(10/32*1em); padding-right: calc(2/32*1em);}
.main .s19 .cont .table .tr.total .td small {position: relative; text-decoration: line-through;}
.main .s19 .cont .cmnt {display: flex; justify-content: space-between; padding-top: 28px;}
.main .s19 .cont .cmnt > * { font-weight: 500; font-size: 20px; line-height: calc(28/20*1em); letter-spacing: -0.01em; color: #888;}
.main .s19 .cont .cmnt > * p {display: flex; align-items: center; margin-bottom: 6px;}
.main .s19 .cont .cmnt > * p:last-of-type{ margin-bottom: 0; }
.main .s19 .cont .cmnt > * p span {display: flex; align-items: center; justify-content: center; padding-right: 6px; width: 16px; height: 16px; flex-shrink: 0;}
@media screen and (max-width: 1024px) {
    .main .s19 .cont {padding-top: 60px;}
    .main .s19 .cont .table .tr .td {padding: 10px 7px;}

    .main .s19 .cont .table .tr .td.type {width: 250px;}
    .main .s19 .cont .table .tr .td.dscrp {width: 100%;}
    .main .s19 .cont .table .tr .td.price {width: 165px;}
    .main .s19 .cont .table .tr .td.prmt {width: 165px;}
}
@media screen and (max-width: 820px) {
    .main .s19 {padding: 60px 0;}
    .main .s19 .cont .table .tr.head .td {font-size: 16px;}
    .main .s19 .cont .table .tr:not(.head) .td.price small em,
    .main .s19 .cont .table .tr:not(.head) .td.prmt small em {display: none;}
    .main .s19 .cont .table .tr:not(.head) .td.price,
    .main .s19 .cont .table .tr:not(.head) .td.prmt {flex-direction: column;}
    .main .s19 .cont .table .tr:not(.head) .td {font-size: 16px;}
    .main .s19 .cont .table .tr.total .td span {font-weight: 700;}
    .main .s19 .cont .table .tr.total .td b {font-size: 25px;}
    .main .s19 .cont .cmnt {flex-direction: column-reverse;}
    .main .s19 .cont .cmnt > * {font-size: 18px; line-height: calc(20/12*1em);}
    .main .s19 .cont .cmnt > * p {align-items: flex-start;}
    .main .s19 .cont .cmnt > .lbx p {margin-top: calc(4/12*1em);}
    .main .s19 .cont .cmnt > * p span {height: 25px;}

    .main .s19 .cont .table .tr .td.type {width: 100px;}
    .main .s19 .cont .table .tr .td.dscrp {width: 100%; word-break: keep-all;}
    .main .s19 .cont .table .tr .td.price {width: 110px;}
    .main .s19 .cont .table .tr .td.prmt {width: 125px;}
}
@media screen and (max-width: 500px) {
    .main .s19 .cont .table .tr {min-height: auto;}
    .main .s19 .cont .table .tr.min90 {min-height: auto;}
    .main .s19 {padding: 60px 0;}
    .main .s19 .cont {padding-top: 24px;}
    .main .s19 .cont .table .tr.head .td {font-size: 12px; line-height: calc(20/12*1em);}
    .main .s19 .cont .table .tr:not(.head) .td {font-size: 12px; line-height: calc(20/12*1em);}
    .main .s19 .cont .table .tr.total .td b {font-size: 14px; line-height: calc(20/14*1em);}
    .main .s19 .cont .table .tr:not(.head) .td.price small, .main .s19 .cont .table .tr:not(.head) .td.prmt small {font-size: 8px;}
    .main .s19 .cont .cmnt {padding-top: 12px;}
    .main .s19 .cont .cmnt > * {font-size: 12px;}
    .main .s19 .cont .cmnt > * p span {width: 12px; height: 19px;}

    .main .s19 .cont .table .tr .td.type {width: 70px; font-weight: 800;}
    .main .s19 .cont .table .tr .td.dscrp {width: 100%; padding: 10px 0;}
    .main .s19 .cont .table .tr .td.price {width: 70px;}
    .main .s19 .cont .table .tr .td.prmt {width: 71px;}
}


/* 문의섹션 */

.main .s20 {padding: 140px 0; color: #fff;}
.main .s20 .cont { padding: 80px 132px; background: #1B1B1B; max-width: 1328px; box-sizing: border-box; margin: 0 auto; margin-top: 80px;}
.main .s20 .cont .t1 {display: flex; align-items: center;}
.main .s20 .cont .t1 b {font-weight: 800; font-size: 24px; line-height: 1em; padding-right: calc(14/24*1em);}
.main .s20 .cont .t1 small {font-weight: 500; font-size: 14px; line-height: 1em; color: #888;}
.main .s20 .cont .form {padding-top: 24px;}
.main .s20 .cont .form .line {display: flex; align-items: flex-start;}
.main .s20 .cont .form .line + .line {margin-top: 24px;}
.main .s20 .cont .form .line dt {border: 3px solid transparent; box-sizing: border-box; position: relative; flex-shrink: 0; width: calc(165/18*1em); margin: calc(15/18*1em) 0; padding-left: calc(14/18*1em); margin-right: calc(24/18*1em); line-height: 1em; font-size: 18px; font-weight: 700; }
.main .s20 .cont .form .line.ess dt::before {content: '*'; position: absolute; left: 0; top: 0; font-family: "Pretendard"; font-weight: 700; font-size: 18px; line-height: 1em; color: #F10014;}
.main .s20 .cont .form .line dd {width: 100%;}
.main .s20 .cont .form .line dd.flx {display: flex; align-items: center;}
.main .s20 .cont .form .line dd.flx span {padding: 0 calc(20/16*1em); color: #a8a8a8; }
.main .s20 .cont .form .line dd input, .main .s20 .cont .form .line dd textarea {flex-shrink: 0; width: 100%; max-width: 380px; border: 1px solid #cecece; background: #fff; box-sizing: border-box; padding: calc(16/16*1em); font-size: 16px; font-weight: 500; line-height: 1em; color: #131313; }
.main .s20 .cont .form .line dd input[readonly]{ color: #a8a8a8; }
.main .s20 .cont .form .line dd input::placeholder {color: #a8a8a8;}
.main .s20 .cont .form .line dd textarea::placeholder {color: #a8a8a8;}
.main .s20 .cont .form .line dd .selectWrap {display: flex; flex-shrink: 0;}
.main .s20 .cont .form .line dd .selectWrap > * {width: 50%;}
.main .s20 .cont .form .line dd .selectBox {cursor: pointer; background: #fff; border: 1px solid #cecece; border-left-width: 0px; position: relative; display: flex; align-items: center; padding-right: 12px; box-sizing: border-box;}
.main .s20 .cont .form .line dd .selectBox input { flex-shrink: 1; cursor: pointer; border: none; background: transparent;}
.main .s20 .cont .form .line dd .selectBox i {flex-shrink: 0; display: block; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;}
.main .s20 .cont .form .line dd .selectBox .optWrap {position: absolute; left: 0; top: 100%; width: 100%; text-align: center; cursor: pointer;display: none; z-index: 10; padding-top: 1px; max-height: 300px; overflow: auto; }
.main .s20 .cont .form .line dd .selectBox .optWrap::-webkit-scrollbar{ background-color: #4b4b4b; width: 8px; }
.main .s20 .cont .form .line dd .selectBox .optWrap::-webkit-scrollbar-thumb{ background-color: #eee; border-radius: 10px; }
.main .s20 .cont .form .line dd .selectBox .optWrap ul {width: 100%; background: #4b4b4b;}
.main .s20 .cont .form .line dd .selectBox .optWrap ul li span {font-size: 14px; color: #a8a8a8; padding: calc(17/14*1em) calc(16/14*1em); width: 100%; display: flex; align-items: center; cursor: pointer; transition: .4s; box-sizing: border-box; }
.main .s20 .cont .form .line dd .selectBox .optWrap ul li:hover span {background: #F10014; color: #fff;}
.main .s20 .cont .form .line.selectLine dd .selectBox {max-width: 380px; border: 1px solid #cecece;}
.main .s20 .cont .form .line.radioLine dd .radioWrap {max-width: 380px; display: flex;}
.main .s20 .cont .form .line.radioLine dd .radioWrap > input {display: none;}
.main .s20 .cont .form .line.radioLine dd .radioWrap label input {display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: .4s; box-sizing: border-box;}
.main .s20 .cont .form .line.radioLine dd .radioWrap > input:checked + label input {background: #4B4B4B; color: #fff; border-color: transparent;}
.main .s20 .cont .form .line.textareaLine dd textarea {resize: none; max-width: none; height: 216px;}
/* .main .s20 .cont .form .line.textareaLine dd textarea::placeholder {color: inherit;} */
.main .s20 .cont .form .agreeLine {display: flex; align-items: center; justify-content: center;}
.main .s20 .cont .form .agreeLine > input {display: none;}
.main .s20 .cont .form .agreeLine .checkWrap {display: flex; align-items: center; cursor: pointer;}
.main .s20 .cont .form .agreeLine .checkWrap .checkBox {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 80px; background: #d9d9d9; transition: .4s;}
.main .s20 .cont .form .agreeLine .checkWrap .checkBox img {width: calc(24/32*100%); filter: invert(1);}
.main .s20 .cont .form .agreeLine .checkWrap > input:checked + .checkBox {background: #F10014;}
.main .s20 .cont .form .agreeLine .checkWrap > input:checked + .checkBox img { filter: invert(0); }
.main .s20 .cont .form .agreeLine .checkWrap .lbl {display: flex; align-items: center; color: #888888;}
.main .s20 .cont .form .agreeLine .checkWrap .lbl p { font-weight: 600; font-size: 16px; line-height: calc(16/16*1em); margin-left: calc(12/16*1em); margin-right: calc(8/16*1em);}
.main .s20 .cont .form .agreeLine .checkWrap .lbl small { font-weight: 600; font-size: 16px; line-height: 1em; text-decoration: underline; text-underline-offset: 2px; }
.main .s20 .cont .form .submiteLine {display: flex; justify-content: center;}
.main .s20 .cont .form .submiteLine button {margin-top: 40px; font-weight: 800; font-size: 20px; line-height: calc(24/20*1em); letter-spacing: -0.01em; color: #fef4f4; padding: calc(16/20*1em) 0; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 416px; background: #F10014;}
@media screen and (max-width: 1280px) {
    .main .s20 .cont {padding: 80px 100px;}
    .main .s20 .cont .form .line.email dd.flx > input {max-width: 40%;}
    .main .s20 .cont .form .line.email dd.flx .selectWrap {max-width: 100%; flex-shrink: 1;}
}
@media screen and (max-width: 1024px) {

    .main .s20 .cont {margin-top: 60px;}
    .main .s20 .cont .form .line dd input, .main .s20 .cont .form .line dd textarea {font-size: 14px;}
    .main .s20 .cont .form .line dd.flx span {padding: 0 10px;}
}
@media screen and (max-width: 820px) {
    .main .s20 {padding: 60px 0;}
    .main .s20 .cont {padding: 0; background: #000;}
    .main .s20 .cont .form .line.email dd.flx span {display: none;}
    .main .s20 .cont .form .line.email dd.flx .selectWrap {display: none;}
    .main .s20 .cont .form .line.email dd.flx > input {max-width: none;}
    .main .s20 .cont .form .line.selectLine dd .selectBox {max-width: none;}
    .main .s20 .cont .form .line.radioLine dd .radioWrap {max-width: none;}
    .main .s20 .cont .form .line.radioLine dd .radioWrap label {width: 100%;}
    .main .s20 .cont .form .line dd input, .main .s20 .cont .form .line dd textarea {max-width: none;}
}
@media screen and (max-width: 500px) {
    .main .s20 .cont {margin-top: 24px;}
    .main .s20 .cont .t1 {display: none;}
    .main .s20 .cont .form {padding-top: 0;}
    .main .s20 .cont .form .line {flex-direction: column;}
    .main .s20 .cont .form .line dt {font-size: 14px; line-height: 1em; margin: 0; margin-bottom: calc(10/14*1em); white-space: nowrap; width: auto; position: relative; padding-left: 0; padding-right: calc(14/14*1em);}
    .main .s20 .cont .form .line.ess dt::before {position: absolute; left: auto; right: 0%; top: 0;}
    .main .s20 .cont .form .line + .line {margin-top: 20px;}
    .main .s20 .cont .form .agreeLine {margin-top: 14px;}
    .main .s20 .cont .form .agreeLine .checkWrap .checkBox {width: 24px; height: 24px;}
    .main .s20 .cont .form .agreeLine .checkWrap .lbl p {margin-left: calc(8/12*1em); margin-right: calc(4/12*1em); font-size: 12px; line-height: 1em;}
    .main .s20 .cont .form .agreeLine .checkWrap .lbl small {font-size: 12px; line-height: 1em;}
    .main .s20 .cont .form .submiteLine button {margin-top: 13px; font-size: 14px; line-height: calc(17.47/14*1em); padding: calc(13.5/14*1em) 0;}
}
@media screen and (max-width: 320px) {
    .main .s20 .cont .form .agreeLine .checkWrap .checkBox {width: 20px; height: 20px;}
}