* {/* font-family: "Montserrat", sans-serif !important; */ /* font-family: 'GmarketSans' !important; */}
* {/* font-family: "Montserrat", sans-serif !important; */ font-family: 'GmarketSansMedium' !important;}

@font-face {font-family: 'GmarketSansLight'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmarketSansMedium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmarketSansBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}

/* @font-face {
    font-family: 'GmarketSansLight';
    src: url('/font/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('/font/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */

p, a, h1, h2, h3, h4, h5, h6 {
    transform: rotate(0.03deg);
    -webkit-font-smoothing: antialiased;
}

:root {
    --main-color:#224099;
    --sub-color:#2173EE;
    --font-color:#6D6D6D;
}


/********** 공통 **********/
.in_st {max-width: 1600px; margin: 0 auto;}
.only_pc {display: block;}
.only_mob {display: none;}

/********** header **********/
#header {position: fixed; top: 0; left: 0; width: 100%; z-index: 3000;}
#header.scroll {background: rgba(34, 64, 153, .9);}
/* #header.scroll .hd_menu a {color: #fff;} */
#header.scroll .brand a {background: #fff; color: var(--main-color);}
#header .inner {position: relative; height: 100px; display: flex; align-items: center; justify-content: space-between;}
#header .hd_logo img {width: 200px;}
#header .hd_menu {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; gap: 0 90px;}
#header .hd_menu > li {position: relative; transform: rotate(0.03deg); -webkit-font-smoothing: antialiased;}
#header .hd_menu a {font-size: 18px; font-weight: 500; color: #fff; line-height: 100px; letter-spacing: -1px;}
#header .hd_menu a:hover,
#header .hd_menu a.active {position: relative; font-weight: 700;}
#header .hd_menu a:hover::before,
#header .hd_menu a.active::before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -15px; width: 6px; height: 6px; border-radius: 100%; background: #fff;}
#header .hd_menu li:hover ol {display: flex;}
#header .hd_menu ol {display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; align-items: center; gap: 0 40px; padding: 0;}
#header .hd_menu li:hover ol:before {display: block;}
#header .hd_menu ol::before {display: none; content: ""; width: 3000px; height: 80px; position: absolute; top: 0; left: -1500px; background: #fff; z-index: -1;}
#header .hd_menu ol a {color: var(--main-color); line-height: 80px;}
#header .hd_menu ol a:hover {font-weight: 700; text-decoration: underline; text-underline-offset: 5px;}
#header .brand a {display: block; border: 1px solid #fff; width: 150px; height: 50px; line-height: 51px; border-radius: 100%; font-size: 16px; font-weight: 700; color: #fff; text-align: center; letter-spacing: -1px;}

/********** footer **********/
#footer .ft_cont {background: var(--main-color); padding: 64px 0 37px; color: #fff;}
#footer .top {display: flex; align-items: center; gap: 0 35px;}
#footer .ft_logo img {width: 230px;}
#footer .insta {display: flex; align-items: center; gap: 0 10px; font-size: 14px; font-weight: 500; color: #fff;}
#footer .insta img {width: 20px;}
#footer .bot {margin-top: 41px; display: flex; justify-content: space-between;}
#footer .info p {display: flex; align-items: center; gap: 0 10px;}
#footer .info p + p {margin-top: 5px;}
#footer .info span {font-size: 14px; font-weight: 500; line-height: 1.7; display: inline-flex; align-items: flex-end;}
#footer .copy {margin-top: 18px; font-size: 14px; font-weight: 300; line-height: 1.7;}
#footer .right {display: flex; gap: 0 79px;}
#footer .tel p {font-size: 20px; font-weight: 500;}
#footer .tel h2 {margin-top: 15px; font-size: 35px; font-weight: 700;}
#footer .ft_use a {display: block; font-size: 16px; font-weight: 500; opacity: .6; color: #fff; text-align: right;}
#footer .ft_use a:first-child {font-weight: 500; opacity: 1;}
#footer .ft_use a + a {margin-top: 5px;}


.ft_apply {position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; z-index: 99;}
.ft_apply.non_fixed {position: relative;}
.ft_apply.on .inner {height: 0 !important; padding: 0 !important;}
.ft_apply.on .open {display: flex !important;}
.ft_apply.on .close {display: none !important;}
.ft_apply .cont {position: relative;}
.ft_apply .close_cont {position: absolute; top: -40px; right: 0; background: var(--main-color); height: 40px; cursor: pointer;}
.ft_apply .btn { width: 50px; height: 100%; display: flex; align-items: center; justify-content: center;}
.ft_apply .close img {width: 14px;}
.ft_apply .open img {filter: brightness(0) invert(1); width: 30px;}
.ft_apply .inner {position: relative; display: flex; align-items: center; height: 80px; overflow: hidden;}
.ft_apply .inner .flex {display: flex; align-items: center;}
.ft_apply .inner .info {margin-right: 203px;}
.ft_apply .inner .info strong {display: block; font-size: 26px; font-weight: 700; color: var(--main-color);}
.ft_apply .inner .info span {margin-top: 5px; display: block; font-size: 14px; font-weight: 500; color: var(--main-color); line-height: 1 !important; -webkit-font-smoothing: antialiased; transform: rotate(0.03deg);}
.ft_apply .inner .input_cont {display: flex; align-items: center; gap: 0 15px;}
.ft_apply .inner .input_cont input:not([type="checkBox"]) {width: 200px; height: 100%; border: 0; outline: none; padding: 13px 20px 9px; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #000; border: 1px solid #E3E3E3; border-radius: 5px;}
.ft_apply .inner .input_cont input:not([type="checkBox"])::placeholder {font-size: 18px; font-weight: 500; color: #BEBEBE;}
.ft_apply .inner .input_cont .select {position: relative;}
.ft_apply .inner .input_cont .select::after {content: ""; background: url('/images/main/select_arrow.svg') no-repeat; background-size: 24px; position: absolute; top: 50%; transform: translateY(-50%); right: 13px; width: 24px; height:24px; background-position: center;}
.ft_apply .inner .input_cont select {width: 220px; background: #fff; border: 0; outline: none; padding: 13px 20px 9px; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #BEBEBE; border: 1px solid #E3E3E3; border-radius: 5px;}
.ft_apply .inner .agree {margin-right: 157px;}
.ft_apply .inner .agree label {display: flex; align-items: center; gap: 0 9px; cursor: pointer;}
.ft_apply .inner .agree label p {font-size: 16px; font-weight: 500; color: #000;}
.ft_apply .inner .agree label span {text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.3px;}
.ft_apply .inner .agree label input {-webkit-appearance:none; background: url('/images/icon/radio_check.svg') no-repeat; width: 25px; height: 25px; background-size: contain;}
.ft_apply .inner .agree label input:checked {background: url('/images/icon/radio_checked.svg') no-repeat; background-size: contain;}
.ft_apply .inner .apply_btn {width: 130px; height: 45px; background: var(--main-color); text-align: center; line-height: 50px; color: #fff; font-size: 18px; font-weight: 700; border:none; border-radius: 50px;}


/********** quick bar **********/
#quick_bar {position: fixed; right: 40px; bottom: 100px; z-index: 3000;}
#quick_bar > div {width: 60px; height: 60px; border-radius: 100%; background: #fff; cursor: pointer; box-shadow: 0 8px 24px 0 rgba(149,157,165,.2);}
#quick_bar > div + div {margin-top: 15px;}
#quick_bar .scrollTop,
#quick_bar .insta a {display: flex; align-items: center; justify-content: center;}
#quick_bar .insta a {width: 100%; height: 100%;}
#quick_bar .insta img {width: 24px;}
#quick_bar .scrollTop img {width: 35px;}

/********** main **********/
/* visual */
.visual {width: 100%; height: 100vh; position: relative;}
.visual .visual_wrap {width: 100%; height: 100%;}
.visual .visual_wrap .slick-list,
.visual .visual_wrap .slick-track {width: 100%; height: 100%;}
.visual .visual-slide {width: 100%; height: 100%;}
.visual .visual-slide .vis_txt {width: 100%; position: absolute; top: 270px; left: 50%; transform: translateX(-50%);}
.visual .visual-slide .vis_txt img {width: 100%;}
.visual .visual-slide .img-area {width: 100%; height: 100%;}
.visual .visual-slide .img-area img {width: 100%; height: 100%; -o-object-fit: cover;  object-fit: cover;  -o-object-position: 75%;   object-position: 75%; transition: transform 1s cubic-bezier(0.7, 0, 0.7, 1); transform: scale(1.2);}
.visual .visual-slide.slick-active .img-area img {transform: scale(1);}
.visual .visual-inner {width: 100%; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); pointer-events: none; z-index: 2000;}
.visual .visual-inner .typo {color: #fff;}
.visual .visual-inner .circle {margin: 0 auto; width:  230px; height: 70px; border-radius: 100%; line-height: 70px; font-size: 18px; font-weight: 700; border: 1px solid #fff;}
.visual .visual-inner h2 {margin-top: 17px; font-weight: 300; font-size: 50px; letter-spacing: -3px;}
.visual .visual-inner h2 strong {font-weight: 700;}
.visual .visual-inner .hashtag {margin-top: 25px; font-size: 28px; font-weight: 500; line-height: 1.25; text-align: center;}

/* intro */
#header {
  -webkit-animation: header_ani 1s ease 3.5s forwards; 
  animation: header_ani 1s ease 3.5s forwards;
}
#header .brand a {
  -webkit-animation: header_ani2 1s ease 3.5s forwards; 
  animation: header_ani2 1s ease 3.5s forwards;
}
.intro .visual {overflow: hidden;}
.intro .visual:before,
.intro .visual:after {content: ""; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1000;}
.intro .visual:before {height: 100%; background-color: #fff;}
.intro .visual:after {height: 0; background-color: var(--main-color); 
  -webkit-animation: intro_ani01 1s ease .5s forwards; 
  animation: intro_ani01 1s ease .5s forwards;
}
.intro .visual .visual_wrap .slick-list,
.intro .visual .visual_wrap .slick-track {
  -webkit-animation: intro_ani03 1s ease 1.2s forwards; 
  animation: intro_ani03 1s ease 1.2s forwards;
}
.intro .visual .visual-slide .img-area {
  -webkit-animation: intro_fade .6s ease 3.2s forwards; 
  animation: intro_fade .6s ease 3.2s forwards;
}
.intro .visual .visual-slide .img-area {
  width: 360px; height: 360px; border-radius: 100%; overflow: hidden; position: absolute; right: 120px; top: 180px; opacity: 0; display: flex; justify-content: center; align-items: center; z-index: 2001;
  -webkit-animation: intro_fade 1.2s ease 1.2s forwards, 
                      intro_ani05 .6s cubic-bezier(0.5, 0, 0.3, 1) 2.8s forwards, 
                      intro_ani0503 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards, 
                      intro_ani06 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards;    
  animation: intro_fade 1.2s ease 1.2s forwards,    
              intro_ani05 .6s cubic-bezier(0.5, 0, 0.3, 1) 2.8s forwards,      
              intro_ani0503 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards,      
              intro_ani06 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards; 
}
.intro .visual .visual-slide .img-area::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0;
    -webkit-animation: intro_ani08 1s ease 3.5s forwards;
    animation: intro_ani08 1s ease 3.5s forwards;
}
.intro .visual .visual-slide .img-area img {width: 100%; height: 100%; border-radius: 100%; transform: scale(0); position: absolute; top: -40%; left: 63%;
  -webkit-animation: intro_ani04 1.2s ease 1.2s forwards, 
                    intro_ani07 1.2s ease 1.2s forwards, 
                    intro_ani06 .2s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards;     
  animation:  intro_ani04 1.2s ease 1.2s forwards, 
            intro_ani07 1.2s ease 1.2s forwards, 
            intro_ani06 .2s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards;
}
.intro .visual .visual-inner {bottom: 103px; 
  -webkit-animation: intro_up 1s ease 3.5s forwards; 
  animation: intro_up 1s ease 3.5s forwards;
}
.visual .visual-inner .circle,
.visual .visual-inner .typo {
    -webkit-animation: txt_color 1s ease 3.5s forwards; 
    animation: txt_color 1s ease 3.5s forwards;
}
.intro .vis_txt {filter: brightness(0) invert(1);
  -webkit-animation: intro_fadeup 1s ease 3.5s forwards; 
  animation: intro_fadeup 1s ease 3.5s forwards;
}

/* intro animation */
/* 파란배경 채우는 ani */
@-webkit-keyframes intro_ani01{
    0% {height: 0;}
    100% {height: 100%;}
}
@keyframes intro_ani01{
    0% {height: 0;}
    100% {height: 100%;}
}

/* 이미지 나오는 ani */
@-webkit-keyframes intro_ani03{
    0% {z-index: 0;}
    100% {z-index: 2000;}
}
@keyframes intro_ani03{
    0% {z-index: 0;}
    100% {z-index: 2000;}
}

@-webkit-keyframes intro_fade{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes intro_fade{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/* 원으로 이미지 채우는 ani */
@-webkit-keyframes intro_ani04{
    0% {transform: scale(0);}
    100% {transform: scale(1);}
}
@keyframes intro_ani04{
    0% {transform: scale(0);}
    100% {transform: scale(1);}
}

@-webkit-keyframes intro_fadeup{
    0% {filter: brightness(0) invert(1);}
    100% {z-index: 2000; filter: none; top: 57.4%;}
}

@keyframes intro_fadeup{
    0% {filter: brightness(0) invert(1);}
    100% {z-index: 2000; filter: none; top: 57.4%;}
}

@-webkit-keyframes intro_fadeup02{
    0% {transform: translateY(20px); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}

@keyframes intro_fadeup02{
    0% {transform: translateY(20px); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}

@-webkit-keyframes intro_up{
    0% {bottom: 103px;}
    100% {bottom: 31%;}
}

@keyframes intro_up{
    0% {bottom: 103px;}
    100% {bottom: 31%;}
}

@media (max-width: 1200px) {
  @-webkit-keyframes intro_up{
      0% {bottom: -100%;}
      100% {bottom: 46px;}
  }
  @keyframes intro_up{
      0% {bottom: -100%;}
      100% {bottom: 46px;}
  }
}

@-webkit-keyframes intro_left{
    0% {left: 100%;}
    100% {left: 50%;}
}

@keyframes intro_left{
    0% {left: 100%;}
    100% {left: 50%;}
}

@-webkit-keyframes intro_left02{
    0% {left: 100%;}
    100% {left: 0%;}
}

@keyframes intro_left02{
    0% {left: 100%;}
    100% {left: 00%;}
}

/* 풀 이미지 ani */
@-webkit-keyframes intro_ani05{
    0% {right: 120px; top: 180px;}
    100% {right: 50%; top: 180px; transform: translateX(50%);}
}
  @keyframes intro_ani05{
    0% {right: 120px; top: 180px;}
    100% {right: 50%; top: 180px; transform: translateX(50%);}
}

@-webkit-keyframes intro_ani0502{
  0% {border-radius: 100%;}
  100% {border-radius: 0;}
}

@keyframes intro_ani0502{
  0% {border-radius: 100%;}
  100% {border-radius: 0;}
}

@-webkit-keyframes intro_ani0503{
    0% {width: 360px; height: 360px;}
    100% {width: 100%; height: 100%; top: 0; z-index: 1000;}
}
@keyframes intro_ani0503{
  0% {width: 360px; height: 360px;}
  100% {width: 100%; height: 100%; top: 0; z-index: 1000;}
}

/* 풀 이미지 ani */
@-webkit-keyframes intro_ani06{
  0% {border-radius: 100%;}
  100% {border-radius: 0;}
}
@keyframes intro_ani06{
  0% {border-radius: 100%;}
  100% {border-radius: 0;}
}

@-webkit-keyframes intro_ani07{
  0% {top:-40%; left: 63%;}
  100% {top: 0; left: 0;}
}
@keyframes intro_ani07{
    0% {top:-40%; left: 63%;}
    100% {top: 0; left: 0;}
}
/* header 배경색 변경 */
@-webkit-keyframes header_ani{
  0% {}
  100% {background: rgba(34, 64, 153, .9);}
}
@keyframes header_ani{
    0% {}
    100% {background: rgba(34, 64, 153, .9);}
}
@-webkit-keyframes header_ani2{
  0% {}
  100% {background: #fff; color: var(--main-color); border-color: var(--main-color);}
}
@keyframes header_ani2{
    0% {}
    100% {background: #fff; color: var(--main-color); border-color: var(--main-color);}
}
/* 텍스트 색 변경 */
@-webkit-keyframes txt_color{
  0% {}
  100% {color: var(--main-color); border-color: var(--main-color);}
}
@keyframes txt_color{
    0% {}
    100% {color: var(--main-color); border-color: var(--main-color);}
}
/* 이미지 배경 */
@-webkit-keyframes intro_ani08{
  0% {}
  100% {opacity: .8;}
}
@keyframes intro_ani08{
    0% {}
    100% {opacity: .8;}
}

.main_sec .tit .circle {width: 230px; height: 80px; line-height: 85px; border-radius: 100%; text-align: center; font-size: 20px; font-weight: 700; margin: 0 auto; border: 1px solid var(--main-color);}
.main_sec .tit h2 {margin-top: 30px; font-weight: 700; font-size: 50px; letter-spacing: -3px; text-align: center;}

/* sec1 */
.main_sec1 {position: relative; margin-top: 100px; display: flex; justify-content: space-between; padding-bottom: 129px;}
.main_sec1 .txt_bg {position: absolute; left: 0; bottom: -19px; width: 100%; height: 185px; z-index: -1;}
.main_sec1 .txt_bg img {width: 100%;}
.main_sec1 .txt {padding: 80px 0 0 160px;}
.main_sec1 .txt h1 {font-size: 50px; font-weight: 700; color: var(--main-color); letter-spacing: -3px;}
.main_sec1 .txt h2 {margin-top: 45px; font-size: 40px; font-weight: 500; color: #000;}
.main_sec1 .txt h2 strong {color: var(--main-color); font-weight: 700;}
.main_sec1 .txt p {margin-top: 60px; font-size: 22px; font-weight: 500; color: var(--font-color); line-height: 1.4;}
.main_sec1 .img {position: relative; width: 850px; height: 550px;}
.main_sec1 .img .txt {position: absolute; top: 128px; left: 59px; padding: 0;}
.main_sec1 .img .txt h3 {font-size: 28px; font-weight: 700; color: #fff; line-height: 1.3; letter-spacing: -1px;}
.main_sec1 .img .txt span {margin-top: 35px; display: block; font-size: 20px; font-weight: 500; color: #fff; line-height: 1.5; letter-spacing: -1px;}
.main_sec1 .img .txt p {margin-top: 75px; font-size: 16px; font-weight: 500; color: #fff; line-height: 1.6; letter-spacing: -.4px;}
.main_sec1 .img img {width: 100%; height: 100%; object-fit: cover;}

/* sec2 */
.main_sec2 {display: flex; align-items: center;}
.main_sec2 .img {display: flex; gap: 0 20px; font-size: 0;}
.main_sec2 .img img {height: 580px;}
.main_sec2 .txt {padding: 98px 0 130px 110px; font-size: 22px; font-weight: 500; color: var(--font-color); line-height: 1.45;}
.main_sec2 .txt strong {color: var(--main-color);}

/* sec3 */
.main_sec3 {background: var(--main-color); padding: 122px 0; text-align: center; margin-top: 100px;}
.main_sec3 .tit .circle {border: 1px solid #d9d9d9; color: #fff;}
.main_sec3 .tit h2 {color: #fff;}
.main_sec3 .leaf_cont {margin-top: 50px; display: flex; align-items: center; justify-content: center; gap: 0 90px;}
.main_sec3 .leaf_cont .box {position: relative; padding: 0 80px;}
.main_sec3 .leaf_cont .box::after,
.main_sec3 .leaf_cont .box::before {content: ""; width: 70px; height: 102px; position: absolute; bottom: -15px; background-size: cover; background-position: bottom; background-repeat: no-repeat;}
.main_sec3 .leaf_cont .box::before {background-image: url('/images/main/leaf_l.svg'); left: 0;}
.main_sec3 .leaf_cont .box::after {background-image: url('/images/main/leaf_r.svg'); right: 0;}
.main_sec3 .leaf_cont .box .img {display: block; margin: 0 auto;}
.main_sec3 .leaf_cont .box .img img {width: 80px;}
.main_sec3 .leaf_cont .box .desc {display: block; margin-top: 25px; font-weight: 500; color: #fff; font-size: 25px; letter-spacing: -3px;}
.main_sec3 .leaf_cont .box p {margin-top: 10px; font-weight: 500; color: #fff; font-size: 40px; letter-spacing: -3px;}
.main_sec3 .leaf_cont .box p strong {font-weight: 700;}
.main_sec3 .leaf_cont .box p strong .count_num {width: 103px; display: inline-block;}
.main_sec3 .swiper {position: relative; margin-top: 80px; padding-bottom: 120px;}
.main_sec3 .swiper .swiper-slide {margin-right: 40px; background: #fff; width: 440px; height: 410px; padding: 75px 39px 89px 50px; text-align: left;}
.main_sec3 .swiper .swiper-slide:hover {background: var(--sub-color);}
.main_sec3 .swiper .swiper-slide:hover .point {background: #fff; color: var(--sub-color);}
.main_sec3 .swiper .swiper-slide:hover h3,
.main_sec3 .swiper .swiper-slide:hover p {color: #fff;}
.main_sec3 .swiper .swiper-slide:first-child {margin-left: 160px;}
.main_sec3 .swiper .swiper-slide .point {display: block; width: 100px; height: 50px; background: var(--main-color); border-radius: 100%; line-height: 54px; color: #fff; font-size: 16px; font-weight: 700; text-align: center;}
.main_sec3 .swiper .swiper-slide h3 {margin-top: 35px; font-size: 35px; font-weight: 700; color: #333; letter-spacing: -2px;}
.main_sec3 .swiper .swiper-slide p {margin-top: 20px; font-size: 22px; font-weight: 500; color: #333; line-height: 1.45; letter-spacing: -.7px;}
.main_sec3 .arrow_cont {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 0 20px;}
.main_sec3 .arrow_cont > div {position: relative; top: auto; left: auto; right: auto; margin: 0; width: 80px; height: 80px; border-radius: 100%; border: 1px solid #fff;}
.main_sec3 .arrow_cont > div img {width: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); filter: brightness(0) invert(1);}
.main_sec3 .arrow_cont > div::after {display: none;}
.main_sec3 .arrow_cont > div:hover {background: #fff;}
.main_sec3 .arrow_cont > div:hover img {filter: none;}

/* sec4 */
.main_sec4 {padding: 50px 40px;}
.main_sec4 .inner {border: 1px solid var(--main-color); padding: 105px 65px 108px; text-align: center;}
.main_sec4 .tit .circle {color: var(--main-color);}
.main_sec4 .tit h2 {margin-top: 20px; color: #000;}
.main_sec4 .tit h2 span {color: var(--main-color);}
.main_sec4 .tab {display: flex; align-items: center; justify-content: center; margin-top: 42px; gap: 0 38px;}
.main_sec4 .tab li {font-size: 22px; font-weight: 500; color: #000; cursor: pointer;}
.main_sec4 .tab li.on {font-weight: 700; color: var(--main-color);}
.main_sec4 .slick_wrap {margin-top: 85px;}
.main_sec4 .slick_box {display: none;}
.main_sec4 .slick_box .item {padding: 0 55px;}
.main_sec4 .slick_box .item + .item {border-left: 1px solid var(--main-color);}
.main_sec4 .slick_box .item .img {display: block; width: 450px; height: 350px; overflow: hidden;}
.main_sec4 .slick_box .item .img img {width: 100%; height: 100%; object-fit: cover;}
.main_sec4 .slick_box .item strong {display: block; margin-top: 44px; font-size: 30px; font-weight: 700; color: #333; letter-spacing: -3px;}
.main_sec4 .slick_box .item p {padding: 0 32px; margin-top: 10px; font-size: 22px; font-weight: 500; color: #333; line-height: 1.45; word-break: keep-all;}
.main_sec4 .slick_box .item.signature .img {position: relative;}
.main_sec4 .slick_box .item.signature .img::after {content: "Signature"; display: block; width: 140px; height: 50px; line-height: 52px; background: var(--main-color); border-radius: 100%; position: absolute; top: 14px; left: 0; transform: rotate(-23deg); font-size: 16px; font-weight: 700; color: #fff;}
.main_sec4 .slick_box .slick-arrow {border: 0; width: 80px; height: 80px; background-color: #fff; border-radius: 100%; box-shadow: 0 7px 29px rgba(100,100,111,.2); font-size: 0; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.main_sec4 .slick_box .slick-prev {background-image: url('/images/icon/arrow_l.svg'); left: -15px;}
.main_sec4 .slick_box .slick-next {background-image: url('/images/icon/arrow_r.svg'); right: -15px;}

/* sec5 */
.main_sec5 .swiper-wrapper{	transition-timing-function: linear;}
.main_sec5 .swiper-slide {font-size: 50px; font-weight: 700; color: var(--main-color); width: auto; letter-spacing: -3px;}

/* sec6 */
.main_sec6 {position: relative; margin-top: 50px; display: flex;}
.main_sec6 .swiper {width: 960px; height: 1000px; margin: 0;}
.main_sec6 .swiper img {width: 100%; height: 100%; object-fit: cover;}
.main_sec6 .arrow_box {position: absolute; right: 170px; bottom: 95px; display: flex; align-items: center; gap: 0 20px;}
.main_sec6 .arrow_box > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 80px; height: 80px; border-radius: 100%; background: #fff; box-shadow: 0 7px 29px 0 rgba(100,100,111,.2);}
.main_sec6 .arrow_box > div::after {display: none;}
.main_sec6 .arrow_box > div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 20px;}
.main_sec6 .arrow_box > div:hover {background: var(--main-color);}
.main_sec6 .arrow_box > div:hover img {filter: brightness(0) invert(1);}
.main_sec6 .text {position: relative; padding: 82px 0 0 110px;}
.main_sec6 .text::before {content: ""; background: url('/images/main/sec6_bg.png') no-repeat; width: 881px; height: 190px; background-size: cover; position: absolute; left: 115px; top: 580px;}
.main_sec6 .text h2 {font-size: 35px; font-weight: 700; color: var(--main-color); letter-spacing: -.4px;}
.main_sec6 .text h2 span {color: #fff; -webkit-text-stroke: 1px var(--main-color);}
.main_sec6 .text p {margin-top: 90px; font-size: 30px; font-weight: 500; color: #000; line-height: 1.5; letter-spacing: -.4px;}
.main_sec6 .text p span {color: var(--main-color); font-weight: 700;}

/* sec7 */
.main_sec7 {background: var(--main-color); padding: 120px 0;}
.main_sec7 .tit {text-align: center;}
.main_sec7 .tit .circle {border-color: #D9D9D9; color: #fff;}
.main_sec7 .tit h2 {padding-bottom: 70px; position: relative; margin-top: 30px; color: #fff; line-height: 1.2;}
.main_sec7 .tit h2::before {content: ""; background: url('/images/main/sec7_bg.png') no-repeat; width: 100%; height: 210px; background-size: cover; position: absolute; left: 0; top: -50px; z-index: -1;}
.main_sec7 .swiper-wrapper{	transition-timing-function: linear;}
.main_sec7 .swiper-slide {width: 360px; height: 600px; margin: 0 15px;}
.main_sec7 .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}

/* sec8 */
.main_sec8 {background: url('/images/main/sec8_bg.jpg') no-repeat; padding: 120px 0 117px; background-size: cover; background-position: center;}
.main_sec8 .tit .circle {border-color: #d9d9d9; color: #fff;}
.main_sec8 .tit h2 {margin-top: 18px; color: #fff;}
.main_sec8 .list {margin-top: 70px; display: flex; flex-wrap: wrap; gap: 25px;}
.main_sec8 .list li {width: calc(100%/5 - 20px); height: 300px; border:1px solid #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 15px; color: #fff;}
.main_sec8 .list li span {font-size: 14px; font-weight: 500;}
.main_sec8 .list li h3 {font-size: 28px; font-weight: 700;}
.main_sec8 .list li p {font-size: 16px; font-weight: 500; text-align: center; line-height: 1.6;}
.main_sec8 .list li.blue {border-color: var(--sub-color); background: var(--sub-color);}
.main_sec8 .list li.white {background: #fff; color: var(--sub-color);}

/* sec9 */
.main_sec9 {padding: 120px 0 119px;}
.main_sec9 .tit .circle {border-color: var(--main-color); color: var(--main-color);}
.main_sec9 .tit h2 {margin-top: 30px;}
.main_sec9 .tit h2 span {color: var(--main-color);}
.main_sec9 .desc {text-align: right; margin-top: 49px; font-size: 20px; font-weight: 500; color: var(--font-color);}
.main_sec9 table {margin: 16px auto 0; width: 100%; text-align: center; border-spacing: 0;}
.main_sec9 table th {font-size: 26px; font-weight: 700; color: var(--main-color); padding: 36px 0 29px; border-top: 1px solid var(--main-color); border-bottom: 1px solid var(--main-color);}
.main_sec9 table td + td,
.main_sec9 table th + th {border-left: 1px solid #E3E3E3;}
.main_sec9 table td.bold {font-size: 24px; font-weight: 700; color: #000; border-left: 0;}
.main_sec9 table td {border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3;}
.main_sec9 table .total td,
.main_sec9 table .tfoot td:first-child,
.main_sec9 table .tfoot2 td {border-left: 0;}
.main_sec9 table td {font-size: 24px; font-weight: 500; color: var(--font-color); line-height: 1.4; padding: 30px 37px 27px;}
.main_sec9 table td:last-child {font-size: 22px; font-weight: 500; color: var(--main-color); text-align: left; line-height: 1.5; letter-spacing: -1px;}
.main_sec9 table td.left {text-align: left;}
.main_sec9 table td.right {text-align: right;}
.main_sec9 table td.line-through {text-decoration: line-through;}
.main_sec9 table .tfoot td {border-top: 1px solid #7A8DC5; border-bottom: 1px solid #7A8DC5;}
.main_sec9 table .tfoot td:nth-child(1) {font-size: 24px; font-weight: 700; color: #000;}
.main_sec9 table .tfoot td:nth-child(2) {font-size: 35px; font-weight: 700; color: var(--main-color); text-align: right;}
.main_sec9 table .total {background: var(--main-color);}
.main_sec9 table .total td {font-weight: 700; color: #fff; border: 0;}
.main_sec9 table .total td:nth-child(1) {font-size: 26px; font-weight: 700;}
.main_sec9 table .total td:nth-child(2) {font-size: 40px; font-weight: 700;}
.main_sec9 .info {margin-top: 24px;}
.main_sec9 .info li {position: relative; font-size: 20px; font-weight: 500; color: var(--font-color); line-height: 1.7; padding-left: 15px;}
.main_sec9 .info li::before {content: "*"; font-size: 20px; font-weight: 500; color: var(--font-color); position: absolute; top: 5px; left: 0;}
.main_sec9 table .total td .count_num {display: block; width: 141px;}

/* sec10 */
.main_sec10 {background: url('/images/main/sec10_bg.jpg') no-repeat; background-size: cover; padding: 118px 0;}
.main_sec10 .tit p {text-align: center; font-size: 20px; font-weight: 500; color: #5297FF; text-decoration: underline;}
.main_sec10 .tit h2 {margin-top: 30px; font-size: 50px; font-weight: 700; color: #fff;}
.main_sec10 .cont {margin-top: 70px; display: flex; justify-content: space-between;}
.main_sec10 .swiper {margin: 0;}
.main_sec10 .swiper-wrapper {display: revert;}
.main_sec10 .swiper-slide {height: auto; display: flex; gap: 0 40px;}
.main_sec10 .swiper-slide + .swiper-slide {margin-top: 55px;}
.main_sec10 .swiper-slide .circle {width: 150px; height: 50px; line-height: 52px; border-radius: 100%; border: 1px solid #d9d9d9; color: #fff; font-size: 16px; font-weight: 700; text-align: center;}
.main_sec10 table {width: 700px; text-align: center; font-size: 24px; font-weight: 500; color: #fff; border-spacing: 0;}
.main_sec10 table th {padding: 30px 0; border-top: 2px solid #fff;}
.main_sec10 table td {padding: 30px 0; border-top: 1px solid rgba(255,255,255,.5); font-weight: 700;}
.main_sec10 table tfoot td {background: var(--sub-color); font-weight: 700; border: 0;}
.main_sec10 .table p {margin-top: 36px; font-size: 20px; font-weight: 500; color: #fff; line-height: 1.5; padding-left: 15px;}
.main_sec10 .table p::before {content: "*"; font-size: 20px; font-weight: 500; color: #fff; position: absolute; top: 0; left: 0;}
.main_sec10 .info {margin: 98px auto 0; text-align: center;}
.main_sec10 .info h2 {font-size: 45px; font-weight: 300; color: #fff;}
.main_sec10 .info h2 strong {font-weight: 700;}
.main_sec10 .info p {margin-top: 5px; font-size: 30px; font-weight: 500; color: #fff;}

/* sec11 */
.main_sec11 {position: relative; background: var(--main-color); padding: 228px 0 212px;}
.main_sec11::before {content: ""; background: url('/images/main/sec11_bg.png') no-repeat; width: 881px; height: 190px; background-size: cover; position: absolute; top: 43px; left: 50%; transform: translateX(-50%);}
.main_sec11 .inner {position: relative;}
.main_sec11 .inner .tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.main_sec11 .inner .tit h2 {font-size: 40px; font-weight: 300; color: #fff; line-height: 1.3;}
.main_sec11 .inner .tit h2 strong {font-weight: 700;}
.main_sec11 .inner .sub_tit {display: inline-block; margin: 5px auto 0; font-weight: 700; color: var(--main-color); background: #fff; font-size: 30px; letter-spacing: -3px; padding: 8px 10px 2px; line-height: 1.3;}
.main_sec11 .cont {width: 100%; height: 520px; background: url('/images/main/sec11_bg2.png') no-repeat; background-size: contain; background-position: center;}
.main_sec11 .cont .item { text-align: center; display: inline-block;}
.main_sec11 .cont .item p {font-size: 24px; font-weight: 700; color: #fff; letter-spacing: -4%;}
.main_sec11 .cont .item ul {display: flex; align-items: center; margin-top: 20px;}
.main_sec11 .cont .item ul li {width: 120px; height: 120px; line-height: 124px; border-radius: 100%; font-size: 24px; font-weight: 700; text-align: center;}
.main_sec11 .cont .item ul li + li {margin-left: -11px;}
.main_sec11 .cont .item ul li:nth-child(1) {background: #fff; color: var(--main-color);}
.main_sec11 .cont .item ul li:nth-child(2),
.main_sec11 .cont .item ul li:nth-child(4) {background: rgba(34, 64, 153, .9); color: #fff; border: 1px solid #fff;}
.main_sec11 .cont .item ul li:nth-child(3),
.main_sec11 .cont .item ul li.blue {background: rgba(33, 115, 238, .9); color: #fff; border: 0;}
.main_sec11 .cont > div {position: absolute; left: -10px; width: 100%; display: flex; align-items: center; justify-content: center;}
.main_sec11 .cont .top {top: -78px; left: 48%; transform: translateX(-50%); gap: 0 174px;}
.main_sec11 .cont .mid {top: 50%; transform: translateY(-50%); justify-content: space-between;}
.main_sec11 .cont .bot {bottom: -78px; left: 51.5%; transform: translateX(-50%); gap: 0 290px;}

/* sec12 */
.main_sec12 {background: #F3F3F3; padding: 131px 0 140px;}
.main_sec12 .tit h2 {margin-top: 0;}
.main_sec12 .tit p {margin-top: 30px; font-size: 22px; font-weight: 500; color: #6D6D6D; line-height: 1.45; text-align: center;}
.main_sec12 .cont {margin-top: 65px; background: #fff; padding: 59px 0 67px;}
.main_sec12 .cont .inner {width: 923px; margin: 0 auto;}
.main_sec12 .cont .item + .item {margin-top: 30px;}
.main_sec12 .cont .item2 {display: flex; align-items: center; gap: 0 20px;}
.main_sec12 .cont .item2 .input_box {width: calc(50% - 20px);}
.main_sec12 .cont .input_box {display: flex; align-items: center; gap: 0 10px; border-bottom: 1px solid #7A7A7A; padding: 16px 0;}
.main_sec12 .cont .input_box > span {display: block; width: 170px; font-size: 18px; font-weight: 500; color: #000; -webkit-font-smoothing: antialiased; transform: rotate(0.03deg);}
.main_sec12 .cont .apply .input_box textarea,
.main_sec12 .cont .input_box input[type="text"],
.main_sec12 .cont .input_box input[type="number"] {width: 100%; border: 0; font-size: 18px; font-weight: 500; color: #000; -webkit-font-smoothing: antialiased; transform: rotate(0.03deg); outline: none;}
.main_sec12 .cont .input_box label {display: inline-flex; align-items: center; gap: 0 10px; font-size: 18px; font-weight: 500; color: #000; -webkit-font-smoothing: antialiased; transform: rotate(0.03deg); cursor: pointer;}
.main_sec12 .cont .input_box label + label {margin-left: 60px;}
.main_sec12 .cont .input_box input[type="radio"] {-webkit-appearance: none; background-image: url('/images/icon/radio_check.svg'); background-repeat: repeat; background-size: 25px 25px; width: 25px; height: 25px;}
.main_sec12 .cont .input_box input[type="radio"]:checked {background-image: url('/images/icon/radio_checked.svg');}
.main_sec12 .cont .input_box input[type="radio"]:checked + span {color: var(--main-color);}
.main_sec12 .cont .input_box .select {position: relative; width: 100%;}
.main_sec12 .cont .input_box .select .tit {position: relative; font-size: 18px; font-weight: 500; color: #8E8E8E; letter-spacing: -1px; cursor: pointer;}
.main_sec12 .cont .input_box .select .tit::after {content: ""; background: url('/images/main/select_arrow.svg') no-repeat; width: 24px; height: 24px; background-size: contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.main_sec12 .cont .input_box .select ul {display: none; position: absolute; left: 0; top: 26px; border: 1px solid #000; background: #fff; width: 100%; z-index: 10;}
.main_sec12 .cont .input_box .select ul li {position: relative; height: 40px; line-height: 43px; padding: 0 10px; font-size: 18px; font-weight: 500; color: #8E8E8E; cursor: pointer;}
.main_sec12 .cont .input_box .select ul li > input {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}
.main_sec12 .cont .input_box .select ul li:hover {background: #F0F0F0; color: #333;}
.main_sec12 .cont .apply .input_box {display: revert;}
.main_sec12 .cont .apply .input_box textarea {margin-top: 20px; width: 100%; min-height: 100px; resize: none;}
.main_sec12 .cont .bot {margin-top: 27px; display: flex; justify-content: space-between;}
.main_sec12 .cont .bot .agree {display: flex; align-items: center; gap: 0 14px;}
.main_sec12 .cont .bot .agree label {display: flex; align-items: center; gap: 0 14px; font-size: 18px; font-weight: 500; color: #000; cursor: pointer; -webkit-font-smoothing: antialiased; transform: rotate(0.03deg);}
.main_sec12 .cont .bot .agree input[type="checkBox"] {-webkit-appearance: none; background-image: url('/images/icon/check_box.svg'); background-repeat: repeat; background-size: 20px 20px; width: 20px; height: 20px;}
.main_sec12 .cont .bot .agree input[type="checkBox"]:checked {background-image: url('/images/icon/checked_box.svg');}
.main_sec12 .cont .bot .agree .view_more {font-size: 18px; font-weight: 500; color: #000; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; -webkit-font-smoothing: antialiased; transform: rotate(0.03deg);}
.main_sec12 .cont .bot .apply_btn {background: var(--main-color); display: block; width: 167px; height: 66px; line-height: 70px; font-size: 20px; font-weight: 700; color: #fff; text-align: center; border-radius: 50px; border: 0;}

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

    /********** 공통 **********/
    .in_st {max-width: 83.33vw;}

    /********** header **********/
    #header .hd_logo img {width: 10.44vw;}
    #header .hd_menu {gap: 0 4.67vw;}
    #header .hd_menu a {font-size: 0.94vw; line-height: 5.22vw; letter-spacing: -0.06vw;}
    #header .hd_menu a:hover::before,
    #header .hd_menu a.active::before {top: -0.78vw; width: 0.33vw; height: 0.33vw;}
    #header .hd_menu ol {gap: 0 2.06vw;}
    #header .hd_menu ol::before {width: 156.28vw; height: 4.17vw; left: -78.11vw;}
    #header .hd_menu ol a {line-height: 4.17vw;}
    #header .hd_menu ol a:hover {text-underline-offset: 0.28vw;}
    #header .brand a {width: 7.83vw; height: 2.61vw; line-height: 2.67vw; font-size: 0.83vw; letter-spacing: -0.06vw;}

    /********** footer **********/
    #footer .ft_cont {padding: 3.33vw 0 1.94vw;}
    #footer .top { gap: 0 1.83vw;}
    #footer .ft_logo img {width: 12.00vw;}
    #footer .insta {gap: 0 0.50vw; font-size: 0.72vw;}
    #footer .insta img {width: 1.06vw;}
    #footer .bot {margin-top: 2.17vw;}
    #footer .info p { gap: 0 0.50vw;}
    #footer .info p + p {margin-top: 0.28vw;}
    #footer .info span {font-size: 0.72vw;}
    #footer .copy {margin-top: 0.94vw; font-size: 0.72vw;}
    #footer .right { gap: 0 4.11vw;}
    #footer .tel p {font-size: 1.06vw;}
    #footer .tel h2 {margin-top: 0.78vw; font-size: 1.83vw;}
    #footer .ft_use a { font-size: 0.83vw;}
    #footer .ft_use a + a {margin-top: 0.28vw;}


    .ft_apply .close_cont { top: -2.06vw; height: 2.06vw;}
    .ft_apply .btn { width: 2.61vw;}
    .ft_apply .close img {width: 0.72vw;}
    .ft_apply .open img {width: 1.56vw;}
    .ft_apply .inner {height: 4.17vw;}
    .ft_apply .inner .info {margin-right: 13vw;}
    .ft_apply .inner .info strong { font-size: 1.33vw;}
    .ft_apply .inner .info span {margin-top: 0.28vw; font-size: 0.72vw;}
    .ft_apply .inner .input_cont {gap: 0 0.78vw;}
    .ft_apply .inner .input_cont input:not([type="checkBox"]) {width: 10.44vw; height: 100%; padding: 0.67vw 1.06vw 0.44vw; font-size: 0.94vw; border-radius: 0.28vw;}
    .ft_apply .inner .input_cont input:not([type="checkBox"])::placeholder {font-size: 0.94vw;}
    .ft_apply .inner .input_cont .select::after {right: 0.67vw; width: 1.28vw; height:1.28vw;}
    .ft_apply .inner .input_cont select {width: 11.44vw; padding: 0.67vw 1.06vw 0.44vw; font-size: 0.94vw; border-radius: 0.28vw;}
    .ft_apply .inner .agree {margin-right: 6vw;}
    .ft_apply .inner .agree label {gap: 0 0.44vw;}
    .ft_apply .inner .agree label p {font-size: 0.83vw;}
    .ft_apply .inner .agree label input {width: 1.28vw; height: 1.28vw;}
    .ft_apply .inner .apply_btn {width: 6.78vw; height: 2.33vw; line-height: 2.61vw; font-size: 0.94vw; border-radius: 2.61vw;}


    /********** quick bar **********/
    #quick_bar { right: 2.06vw; bottom: 5.22vw;}
    #quick_bar > div {width: 3.11vw; height: 3.11vw;}
    #quick_bar > div + div {margin-top: 0.78vw;}
    #quick_bar .insta img {width: 1.28vw;}
    #quick_bar .scrollTop img {width: 1.83vw;}

    /********** main **********/
    /* visual */
    .visual .visual-slide .vis_txt {top: 20.06vw;}
    .visual .visual-inner .circle {width:12.00vw; height: 3.67vw; line-height: 3.67vw; font-size: 0.94vw;}
    .visual .visual-inner h2 {margin-top: 0.89vw;font-size: 2.61vw; letter-spacing: -0.17vw;}
    .visual .visual-inner .hashtag {margin-top: 1.28vw; font-size: 1.44vw;}

    /* intro */
    .intro .visual .visual-slide .img-area {width: 18.78vw; height: 18.78vw; right: 6.28vw; top: 15.39vw;
        -webkit-animation: 
        intro_fade 1.2s ease 1.2s forwards,    
        intro_ani05 .6s cubic-bezier(0.5, 0, 0.3, 1) 2.8s forwards,      
        intro_ani0503 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards,      
        intro_ani06 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards,
        intro_ani09 .5s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards;
        animation: 
        intro_fade 1.2s ease 1.2s forwards,    
        intro_ani05 .6s cubic-bezier(0.5, 0, 0.3, 1) 2.8s forwards,      
        intro_ani0503 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards,      
        intro_ani06 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards,
        intro_ani09 .5s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards;
    }
    .intro .visual .visual-inner {bottom: 5.33vw;}

    /* intro animation */
    @-webkit-keyframes intro_fadeup02{
        0% {transform: translateY(1.06vw); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }

    @keyframes intro_fadeup02{
        0% {transform: translateY(1.06vw); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }

    @-webkit-keyframes intro_up{
        0% {bottom: 5.33vw;}
        100% {bottom: 31%;}
    }

    @keyframes intro_up{
        0% {bottom: 5.33vw;}
        100% {bottom: 31%;}
    }
    /* 풀 이미지 ani */
    @-webkit-keyframes intro_ani05{
        0% {right: 6.28vw; top: 15.39vw;}
        100% {right: 50%; top: 15.39vw; transform: translateX(50%);}
    }
    @keyframes intro_ani05{
        0% {right: 6.28vw; top: 15.39vw;}
        100% {right: 50%; top: 15.39vw; transform: translateX(50%);}
    }

    @-webkit-keyframes intro_ani09{
        0% {top: 15.39vw;}
        100% {top: 0;}
    }
    @keyframes intro_ani09{
        0% {top: 15.39vw;}
        100% {top: 0;}
    }

    @-webkit-keyframes intro_ani0503{
        0% {width: 18.78vw; height: 18.78vw;}
        100% {width: 100%; height: 100%;}
    }
    @keyframes intro_ani0503{
        0% {width: 18.78vw; height: 18.78vw;}
        100% {width: 100%; height: 100%;}
    }

    .main_sec .tit .circle {width: 12.00vw; height: 4.17vw; line-height: 4.44vw; font-size: 1.06vw;}
    .main_sec .tit h2 {margin-top: 1.56vw;font-size: 2.61vw; letter-spacing: -0.17vw;}

    /* sec1 */
    .main_sec1 { margin-top: 5.22vw; padding-bottom: 6.72vw;}
    .main_sec1 .txt_bg { bottom: -1.00vw; height: 9.67vw;}
    .main_sec1 .txt {padding: 4.17vw 0 0 8.33vw;}
    .main_sec1 .txt h1 {font-size: 2.61vw;letter-spacing: -0.17vw;}
    .main_sec1 .txt h2 {margin-top: 2.33vw; font-size: 2.06vw;}
    .main_sec1 .txt p {margin-top: 3.11vw; font-size: 1.17vw;}
    .main_sec1 .img {width: 44.28vw; height: auto;}
    .main_sec1 .img .txt {top: 7.11vw; left: 3.28vw; padding: 0;}
    .main_sec1 .img .txt h3 {font-size: 1.56vw; letter-spacing: -0.06vw;}
    .main_sec1 .img .txt span {margin-top: 1.94vw; font-size: 1.11vw; letter-spacing: -0.06vw;}
    .main_sec1 .img .txt p {margin-top: 4.17vw; font-size: 0.89vw; letter-spacing: -0.02vw;}
    .main_sec1 .img img {height: auto;}

    /* sec2 */
    .main_sec2 .img { gap: 0 1.06vw;}
    .main_sec2 .img img {height: 30.22vw;}
    .main_sec2 .txt {padding: 5.11vw 12.78vw 6.78vw 5.72vw; font-size: 1.17vw;}

    /* sec3 */
    .main_sec3 {padding: 6.33vw 0; margin-top: 5.22vw;}
    .main_sec3 .leaf_cont {margin-top: 2.61vw; gap: 0 4.67vw;}
    .main_sec3 .leaf_cont .box { padding: 0 4.17vw;}
    .main_sec3 .leaf_cont .box::after,
    .main_sec3 .leaf_cont .box::before { width: 3.67vw; height: 5.33vw;bottom: -0.78vw;}
    .main_sec3 .leaf_cont .box .img img {width: 4.17vw;}
    .main_sec3 .leaf_cont .box .desc { margin-top: 1.28vw; font-size: 1.28vw; letter-spacing: -0.17vw;}
    .main_sec3 .leaf_cont .box p {margin-top: 0.50vw; font-size: 2.06vw; letter-spacing: -0.17vw;}
    .main_sec3 .leaf_cont .box p strong .count_num {width: 5.72vw;}
    .main_sec3 .swiper { margin-top: 4.17vw; padding-bottom: 6.28vw;}
    .main_sec3 .swiper .swiper-slide {margin-right: 2.06vw; width: 22.94vw; height: 21.33vw; padding: 3.89vw 1.8vw 4.67vw 2vw;}
    .main_sec3 .swiper .swiper-slide:first-child {margin-left: 8.33vw;}
    .main_sec3 .swiper .swiper-slide .point { width: 5.22vw; height: 2.61vw; line-height: 2.83vw;font-size: 0.83vw;}
    .main_sec3 .swiper .swiper-slide h3 {margin-top: 1.83vw; font-size: 1.83vw;letter-spacing: -0.11vw;}
    .main_sec3 .swiper .swiper-slide p {margin-top: 1.06vw; font-size: 1.17vw;}
    .main_sec3 .arrow_cont { gap: 0 1.06vw;}
    .main_sec3 .arrow_cont > div { width: 4.17vw; height: 4.17vw;}
    .main_sec3 .arrow_cont > div img {width: 1.06vw;}

    /* sec4 */
    .main_sec4 {padding: 2.61vw 2.06vw;}
    .main_sec4 .inner {padding: 5.44vw 3.39vw 5.61vw;}
    .main_sec4 .tit h2 {margin-top: 1.06vw;}
    .main_sec4 .tab {margin-top: 2.17vw; gap: 0 2.00vw;}
    .main_sec4 .tab li {font-size: 1.17vw;}
    .main_sec4 .slick_wrap {margin-top: 4.44vw;}
    .main_sec4 .slick_box .item {padding: 0 2.83vw;}
    .main_sec4 .slick_box .item .img { width: 23.44vw; height: 18.22vw;}
    .main_sec4 .slick_box .item strong { margin-top: 2.28vw; font-size: 1.56vw; letter-spacing: -0.17vw;}
    .main_sec4 .slick_box .item p {padding: 0 1.67vw; margin-top: 0.50vw; font-size: 1.17vw;}
    .main_sec4 .slick_box .item.signature .img::after {width: 7.28vw; height: 2.61vw; line-height: 2.72vw; top: 0.72vw;font-size: 0.83vw;}
    .main_sec4 .slick_box .slick-arrow {width: 4.17vw; height: 4.17vw;}
    .main_sec4 .slick_box .slick-prev {left: -0.78vw;}
    .main_sec4 .slick_box .slick-next {right: -0.78vw;}

    /* sec5 */
    .main_sec5 .swiper-slide {font-size: 2.61vw; letter-spacing: -0.17vw;}

    /* sec6 */
    .main_sec6 { margin-top: 2.61vw;}
    .main_sec6 .swiper {width: 50.00vw; height: 52.06vw;}
    .main_sec6 .arrow_box { right: 8.83vw; bottom: 4.94vw; gap: 0 1.06vw;}
    .main_sec6 .arrow_box > div { width: 4.17vw; height: 4.17vw;}
    .main_sec6 .arrow_box > div img {width: 1.06vw;}
    .main_sec6 .text { padding: 4.28vw 0 0 5.72vw;}
    .main_sec6 .text::before { width: 45.89vw; height: 9.89vw; left: 6.00vw; top: 30.22vw;}
    .main_sec6 .text h2 {font-size: 1.83vw; letter-spacing: -0.00vw;}
    .main_sec6 .text p {margin-top: 4.67vw; font-size: 1.56vw;}

    /* sec7 */
    .main_sec7 {padding: 6.28vw 0;}
    .main_sec7 .tit h2 {padding-bottom: 3.67vw; margin-top: 1.56vw;}
    .main_sec7 .tit h2::before { height: 10.94vw; top: -2.61vw;}
    .main_sec7 .swiper-slide {width: 18.78vw; height: 31.28vw; margin: 0 0.78vw;}

    /* sec8 */
    .main_sec8 {padding: 6.28vw 0 6.11vw;}
    .main_sec8 .tit h2 {margin-top: 0.94vw;}
    .main_sec8 .list {margin-top: 3.67vw; gap: 1.28vw;}
    .main_sec8 .list li {width: calc(100%/5 - 1.06vw); height: 15.61vw; gap: 0.78vw;}
    .main_sec8 .list li span {font-size: 0.72vw;}
    .main_sec8 .list li h3 {font-size: 1.44vw;}
    .main_sec8 .list li p {font-size: 0.83vw;}

    /* sec9 */
    .main_sec9 {padding: 6.28vw 0 6.22vw;}
    .main_sec9 .tit h2 {margin-top: 1.56vw;}
    .main_sec9 .desc { margin-top: 2.56vw; font-size: 1.06vw;}
    .main_sec9 table {margin: 0.83vw auto 0;}
    .main_sec9 table th {font-size: 1.33vw; padding: 1.89vw 0 1.50vw;}
    .main_sec9 table td.bold {font-size: 1.28vw;}
    .main_sec9 table td {font-size: 1.28vw; padding: 1.56vw 1.94vw 1.39vw;}
    .main_sec9 table td:last-child {font-size: 1.17vw; letter-spacing: -0.06vw;}
    .main_sec9 table .tfoot td:nth-child(1) {font-size: 1.28vw;}
    .main_sec9 table .tfoot td:nth-child(2) {font-size: 1.83vw;}
    .main_sec9 table .total td:nth-child(1) {font-size: 1.33vw;}
    .main_sec9 table .total td:nth-child(2) {font-size: 2.06vw;}
    .main_sec9 .info {margin-top: 1.28vw;}
    .main_sec9 .info li { font-size: 1.06vw; padding-left: 0.78vw;}
    .main_sec9 .info li::before {font-size: 1.06vw; top: 0.28vw;}
    .main_sec9 table .total td .count_num {width: 7.28vw;}

    /* sec10 */
    .main_sec10 {padding: 6.17vw 0;}
    .main_sec10 .tit p { font-size: 1.06vw;}
    .main_sec10 .tit h2 {margin-top: 1.56vw; font-size: 2.61vw;}
    .main_sec10 .cont {margin-top: 3.67vw;}
    .main_sec10 .swiper-slide {gap: 0 2.06vw;}
    .main_sec10 .swiper-slide + .swiper-slide {margin-top: 2.83vw;}
    .main_sec10 .swiper-slide .circle {width: 7.83vw; height: 2.61vw; line-height: 2.72vw; font-size: 0.83vw;}
    .main_sec10 .swiper-slide .img img {width: 33.33vw;}
    .main_sec10 table {width: 36.44vw; font-size: 1.28vw;}
    .main_sec10 table th {padding: 1.56vw 0;}
    .main_sec10 table td {padding: 1.56vw 0;}
    .main_sec10 .table p {margin-top: 1.89vw; font-size: 1.06vw; padding-left: 0.78vw;}
    .main_sec10 .table p::before {font-size: 1.06vw;}
    .main_sec10 .info {margin: 5.11vw auto 0;}
    .main_sec10 .info h2 {font-size: 2.33vw;}
    .main_sec10 .info p {margin-top: 0.28vw; font-size: 1.56vw;}

    /* sec11 */
    .main_sec11 { padding: 11.89vw 0 11.06vw;}
    .main_sec11::before { width: 45.89vw; height: 9.89vw; top: 2.22vw;}
    .main_sec11 .inner .tit h2 {font-size: 2.06vw;}
    .main_sec11 .inner .sub_tit { margin: 0.28vw auto 0;font-size: 1.56vw; letter-spacing: -0.17vw; padding: 0.44vw 0.50vw 0.11vw;}
    .main_sec11 .cont { height: 27.06vw;}
    .main_sec11 .cont .item p {font-size: 1.28vw;}
    .main_sec11 .cont .item ul {margin-top: 1.06vw;}
    .main_sec11 .cont .item ul li {width: 6.28vw; height: 6.28vw; line-height: 6.44vw;font-size: 1.28vw;}
    .main_sec11 .cont .item ul li + li {margin-left: -0.56vw;}
    .main_sec11 .cont > div { left: -0.50vw;}
    .main_sec11 .cont .top {top: -4.06vw; left: 48%;gap: 0 9.06vw;}
    .main_sec11 .cont .bot {bottom: -4.06vw; left: 51.5%;gap: 0 15.11vw;}

    /* sec12 */
    .main_sec12 { padding: 6.83vw 0 7.28vw;}
    .main_sec12 .tit p {margin-top: 1.56vw; font-size: 1.17vw;}
    .main_sec12 .cont {margin-top: 3.39vw;padding: 3.06vw 0 3.50vw;}
    .main_sec12 .cont .inner {width: 48.06vw;}
    .main_sec12 .cont .item + .item {margin-top: 1.56vw;}
    .main_sec12 .cont .item2 {gap: 0 1.06vw;}
    .main_sec12 .cont .item2 .input_box {width: calc(50% - 1.06vw);}
    .main_sec12 .cont .input_box {gap: 0 0.50vw;padding: 0.83vw 0;}
    .main_sec12 .cont .input_box > span { width: 8.83vw; font-size: 0.94vw;}
    .main_sec12 .cont .apply .input_box textarea,
    .main_sec12 .cont .input_box input[type="text"],
    .main_sec12 .cont .input_box input[type="number"] {font-size: 0.94vw;}
    .main_sec12 .cont .input_box label {gap: 0 0.50vw; font-size: 0.94vw;}
    .main_sec12 .cont .input_box label + label {margin-left: 3.11vw;}
    .main_sec12 .cont .input_box input[type="radio"] {width: 1.28vw; height: 1.28vw;}
    .main_sec12 .cont .input_box .select .tit { font-size: 0.94vw;letter-spacing: -0.06vw;}
    .main_sec12 .cont .input_box .select .tit::after {width: 1.28vw; height: 1.28vw;}
    .main_sec12 .cont .input_box .select ul {top: 1.33vw;}
    .main_sec12 .cont .input_box .select ul li {height: 2.06vw; line-height: 2.22vw; padding: 0 0.50vw; font-size: 0.94vw;}
    .main_sec12 .cont .bot {margin-top: 1.39vw;}
    .main_sec12 .cont .bot .agree {gap: 0 0.72vw;}
    .main_sec12 .cont .bot .agree label {gap: 0 0.72vw; font-size: 0.94vw;}
    .main_sec12 .cont .bot .agree input[type="checkBox"] {width: 1.06vw; height: 1.06vw;}
    .main_sec12 .cont .bot .agree .view_more {font-size: 0.94vw;}
    .main_sec12 .cont .bot .apply_btn {width: 8.72vw; height: 3.44vw; line-height: 3.67vw; font-size: 1.06vw;}

}

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

    /********** 공통 **********/
    .in_st {max-width: 100%; padding: 0 3.13vw;}

    /********** header **********/
    #header .inner {height: 5.86vw;}
    #header .hd_logo img {width: 11.72vw;}
    #header .hd_menu {gap: 0 5.23vw;}
    #header .hd_menu a {font-size: 1.09vw; line-height: 5.86vw; letter-spacing: -0.08vw;}
    #header .hd_menu a:hover::before,
    #header .hd_menu a.active::before {top: -0.86vw; width: 0.39vw; height: 0.39vw;}
    #header .hd_menu ol {gap: 0 2.34vw;}
    #header .hd_menu ol::before {width: 175.78vw; height: 4.69vw; left: -87.89vw;}
    #header .hd_menu ol a {line-height: 4.69vw;}
    #header .hd_menu ol a:hover {text-underline-offset: 0.31vw;}
    #header .brand a {width: 8.83vw; height: 2.97vw; line-height: 2.97vw; font-size: 0.94vw; letter-spacing: -0.08vw;}

    /********** footer **********/
    #footer .ft_cont {padding: 3.75vw 0 2.19vw;}
    #footer .top { gap: 0 2.03vw;}
    #footer .ft_logo img {width: 13.52vw;}
    #footer .insta {gap: 0 0.55vw; font-size: 0.86vw;}
    #footer .insta img {width: 1.17vw;}
    #footer .bot {margin-top: 2.42vw;}
    #footer .info p { gap: 0 0.55vw;}
    #footer .info p + p {margin-top: 0.59vw;}
    #footer .info span {font-size: 0.86vw;}
    #footer .copy {margin-top: 1.09vw; font-size: 0.86vw;}
    #footer .right { gap: 0 4.61vw;}
    #footer .tel p {font-size: 1.17vw;}
    #footer .tel h2 {margin-top: 0.86vw; font-size: 2.03vw;}
    #footer .ft_use a { font-size: 0.94vw;}
    #footer .ft_use a + a {margin-top: 0.31vw;}

    .ft_apply .close_cont { top: -2.34vw; height: 2.34vw; right: 3.13vw;}
    .ft_apply .btn { width: 2.97vw;}
    .ft_apply .close img {width: 0.78vw;}
    .ft_apply .open img {width: 1.72vw;}
    .ft_apply .inner {height: 4.69vw; padding: 0;}
    .ft_apply .inner .info {margin-right: 10.5vw;}
    .ft_apply .inner .info strong { font-size: 1.48vw;}
    .ft_apply .inner .info span {margin-top: 0.31vw; font-size: 0.78vw;}
    .ft_apply .inner .input_cont {gap: 0 0.94vw;}
    .ft_apply .inner .input_cont input:not([type="checkBox"]) {width: 11.72vw; height: 100%; padding: 0.78vw 1.17vw 0.55vw; font-size: 1.09vw; border-radius: 0.31vw;}
    .ft_apply .inner .input_cont input:not([type="checkBox"])::placeholder {font-size: 1.09vw;}
    .ft_apply .inner .input_cont .select::after {right: 0.78vw; width: 1.41vw; height:1.41vw;}
    .ft_apply .inner .input_cont select {width: 12.89vw; padding: 0.78vw 1.17vw 0.55vw; font-size: 1.09vw; border-radius: 0.31vw;}
    .ft_apply .inner .agree {margin-right: 9.22vw;}
    .ft_apply .inner .agree label {gap: 0 0.55vw;}
    .ft_apply .inner .agree label p {font-size: 0.94vw;}
    .ft_apply .inner .agree label input {width: 1.48vw; height: 1.48vw;}
    .ft_apply .inner .apply_btn {width: 7.66vw; height: 2.66vw; line-height: 2.97vw; font-size: 1.09vw; border-radius: 2.97vw;}


    /********** quick bar **********/
    #quick_bar { right: 2.34vw; bottom: 8.36vw;}
    #quick_bar > div {width: 3.52vw; height: 3.52vw;}
    #quick_bar > div + div {margin-top: 0.86vw;}
    #quick_bar .insta img {width: 1.41vw;}
    #quick_bar .scrollTop img {width: 2.03vw;}

    /********** main **********/
    /* visual */
    .visual {height: 55.70vw;}
    .visual .visual-slide .vis_txt {top: 15.78vw;}
    .visual .visual-inner .circle {width:13.52vw; height: 4.14vw; line-height: 4.14vw; font-size: 1.09vw;}
    .visual .visual-inner h2 {margin-top: 1.02vw;font-size: 2.97vw; letter-spacing: -0.16vw;}
    .visual .visual-inner .hashtag {margin-top: 1.48vw; font-size: 1.64vw;}

    /* intro */
    .intro .visual .visual-slide .img-area {width: 21.09vw; height: 21.09vw; left: 50%; right: auto; top: 10.70vw; transform: translateX(-50%);
        -webkit-animation: 
            intro_fade 1.2s ease 1.2s forwards,    
            intro_ani05 .6s cubic-bezier(0.5, 0, 0.3, 1) 2.8s forwards,      
            intro_ani0503 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards,      
            intro_ani06 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards,
            intro_ani09 .5s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards;
        animation: 
            intro_fade 1.2s ease 1.2s forwards,    
            intro_ani05 .6s cubic-bezier(0.5, 0, 0.3, 1) 2.8s forwards,      
            intro_ani0503 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards,      
            intro_ani06 .6s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards,
            intro_ani09 .5s cubic-bezier(0.5, 0, 0.3, 1) 3.5s forwards;
    }
    .intro .visual .visual-inner {bottom: 6.02vw;}

    /* intro animation */
    @-webkit-keyframes intro_fadeup02{
        0% {transform: translateY(1.17vw); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }

    @keyframes intro_fadeup02{
        0% {transform: translateY(1.17vw); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }

    @-webkit-keyframes intro_up{
        0% {bottom: 6.02vw;}
        100% {bottom: 17.81vw;}
    }

    @keyframes intro_up{
        0% {bottom: 6.02vw;}
        100% {bottom: 17.81vw;}
    }
    
    /* 풀 이미지 ani */
    @-webkit-keyframes intro_ani05{
        0% {right: auto; left: 50%; transform: translateX(-50%);}
        100% {right: auto; left: 50%; transform: translateX(-50%);}
    }
    @keyframes intro_ani05{
        0% {right: auto; left: 50%; transform: translateX(-50%);}
        100% {right: auto; left: 50%; transform: translateX(-50%);}
    }

    @-webkit-keyframes intro_ani09{
        0% {top: 10.70vw;}
        100% {top: 0;}
    }
    @keyframes intro_ani09{
        0% {top: 10.70vw;}
        100% {top: 0;}
    }

    @-webkit-keyframes intro_ani0503{
        0% {width: 21.09vw; height: 21.09vw;}
        100% {width: 100%; height: 100%;}
    }
    @keyframes intro_ani0503{
        0% {width: 21.09vw; height: 21.09vw;}
        100% {width: 100%; height: 100%;}
    }

    .main_sec .tit .circle {width: 13.52vw; height: 4.69vw; line-height: 5.00vw; font-size: 1.17vw;}
    .main_sec .tit h2 {margin-top: 1.72vw;font-size: 2.97vw; letter-spacing: -0.16vw;}

    /* sec1 */
    .main_sec1 { margin-top: 5.86vw; padding-bottom: 7.58vw;}
    .main_sec1 .txt_bg { bottom: -1.09vw; height: 10.86vw;}
    .main_sec1 .txt {padding: 4.69vw 0 0 3.13vw;}
    .main_sec1 .txt h1 {font-size: 2.97vw;letter-spacing: -0.16vw;}
    .main_sec1 .txt h2 {margin-top: 2.66vw; font-size: 2.34vw;}
    .main_sec1 .txt p {margin-top: 3.52vw; font-size: 1.33vw;}
    .main_sec1 .img {width: 49.77vw;}
    .main_sec1 .img .txt {top: 7.50vw; left: 3.44vw;}
    .main_sec1 .img .txt h3 {font-size: 1.64vw; letter-spacing: -0.06vw;}
    .main_sec1 .img .txt span {margin-top: 2.03vw; font-size: 1.17vw; letter-spacing: -0.06vw;}
    .main_sec1 .img .txt p {margin-top: 4.30vw; font-size: 0.94vw; letter-spacing: -0.02vw;}

    /* sec2 */
    .main_sec2 .img { gap: 0 0.78vw;}
    .main_sec2 .img img {height: 33.98vw;}
    .main_sec2 .txt {padding: 5.78vw 3.13vw 7.66vw 3.67vw; font-size: 1.41vw;}

    /* sec3 */
    .main_sec3 {padding: 7.11vw 0; margin-top: 5.86vw;}
    .main_sec3 .leaf_cont {margin-top: 2.97vw; gap: 0 5.23vw;}
    .main_sec3 .leaf_cont .box { padding: 0 4.69vw;}
    .main_sec3 .leaf_cont .box::after,
    .main_sec3 .leaf_cont .box::before { width: 4.14vw; height: 6.02vw;bottom: -0.86vw;}
    .main_sec3 .leaf_cont .box .img img {width: 4.69vw;}
    .main_sec3 .leaf_cont .box .desc { margin-top: 1.48vw; font-size: 1.48vw; letter-spacing: -0.16vw;}
    .main_sec3 .leaf_cont .box p {margin-top: 0.55vw; font-size: 2.34vw; letter-spacing: -0.16vw;}
    .main_sec3 .leaf_cont .box p strong .count_num {width: 6.09vw;}
    .main_sec3 .swiper { margin-top: 4.69vw; padding-bottom: 7.03vw;}
    .main_sec3 .swiper .swiper-slide {margin-right: 2.34vw; width: 25.78vw; height: 23.98vw; padding: 4.38vw 1.56vw 5.16vw 2.89vw;}
    .main_sec3 .swiper .swiper-slide:first-child {margin-left: 3.13vw;}
    .main_sec3 .swiper .swiper-slide .point { width: 5.86vw; height: 2.97vw; line-height: 3.20vw;font-size: 0.94vw;}
    .main_sec3 .swiper .swiper-slide h3 {margin-top: 2.03vw; font-size: 2.11vw;letter-spacing: -0.16vw;}
    .main_sec3 .swiper .swiper-slide p {margin-top: 1.17vw; font-size: 1.33vw;}
    .main_sec3 .arrow_cont { gap: 0 1.17vw;}
    .main_sec3 .arrow_cont > div { width: 4.69vw; height: 4.69vw;}
    .main_sec3 .arrow_cont > div img {width: 1.17vw;}

    /* sec4 */
    .main_sec4 {padding: 2.89vw 1.56vw;}
    .main_sec4 .inner {padding: 6.17vw 3.52vw 5.39vw;}
    .main_sec4 .tit h2 {margin-top: 1.17vw;}
    .main_sec4 .tab {margin-top: 2.42vw; gap: 0 2.27vw;}
    .main_sec4 .tab li {font-size: 1.33vw;}
    .main_sec4 .slick_wrap {margin-top: 5.00vw;}
    .main_sec4 .slick_box .item {padding: 0 3.20vw;}
    .main_sec4 .slick_box .item .img { width: 26.41vw; height: 20.47vw;}
    .main_sec4 .slick_box .item strong { margin-top: 2.58vw; font-size: 1.72vw; letter-spacing: -0.16vw;}
    .main_sec4 .slick_box .item p {padding: 0 1.88vw; margin-top: 0.55vw; font-size: 1.33vw;}
    .main_sec4 .slick_box .item.signature .img::after {width: 8.20vw; height: 2.97vw; line-height: 3.05vw; top: 0.78vw;font-size: 0.94vw;}
    .main_sec4 .slick_box .slick-arrow {width: 4.69vw; height: 4.69vw; background-size: 1.17vw;}
    .main_sec4 .slick_box .slick-prev {left: -1.88vw;}
    .main_sec4 .slick_box .slick-next {right: -1.88vw;}

    /* sec5 */
    .main_sec5 .swiper-slide {font-size: 2.97vw; letter-spacing: -0.16vw;}

    /* sec6 */
    .main_sec6 { margin-top: 2.97vw;}
    .main_sec6 .swiper {width: 56.25vw; height: 58.59vw;}
    .main_sec6 .arrow_box { right: 3.13vw; bottom: 4.92vw; gap: 0 1.17vw;}
    .main_sec6 .arrow_box > div { width: 4.69vw; height: 4.69vw;}
    .main_sec6 .arrow_box > div img {width: 1.17vw;}
    .main_sec6 .text { padding: 4.84vw 0 0 6.41vw;}
    .main_sec6 .text::before { width: 51.64vw; height: 11.09vw; left: 6.72vw; top: 33.98vw;}
    .main_sec6 .text h2 {font-size: 2.03vw; letter-spacing: -0.00vw;}
    .main_sec6 .text p {margin-top: 5.23vw; font-size: 1.72vw;}

    /* sec7 */
    .main_sec7 {padding: 7.03vw 0;}
    .main_sec7 .tit h2 {padding-bottom: 4.14vw; margin-top: 1.72vw;}
    .main_sec7 .tit h2::before { height: 12.34vw; top: -2.97vw;}
    .main_sec7 .swiper-slide {width: 21.09vw; height: 35.16vw; margin: 0 0.86vw;}

    /* sec8 */
    .main_sec8 {padding: 7.03vw 0 6.88vw;}
    .main_sec8 .tit h2 {margin-top: 1.09vw;}
    .main_sec8 .list {margin-top: 4.14vw; gap: 1.17vw;}
        .main_sec8 .list li {width: calc(100%/5 - 1.17vw); height: 17.58vw; gap: 0.86vw;}
    .main_sec8 .list li span {font-size: 0.78vw;}
    .main_sec8 .list li h3 {font-size: 1.64vw;}
    .main_sec8 .list li p {font-size: 0.94vw;}

    /* sec9 */
    .main_sec9 {padding: 7.03vw 3.13vw 6.95vw;}
    .main_sec9 .tit h2 {margin-top: 1.72vw;}
    .main_sec9 .desc { margin-top: 2.89vw; font-size: 1.17vw;}
    .main_sec9 table {margin: 0.94vw auto 0;}
    .main_sec9 table th {font-size: 1.48vw; padding: 2.11vw 0 1.72vw;}
    .main_sec9 table td.bold {font-size: 1.41vw;}
    .main_sec9 table td {font-size: 1.41vw; padding: 1.72vw 2.19vw 1.56vw;}
    .main_sec9 table td:last-child {font-size: 1.33vw; letter-spacing: -0.08vw;}
    .main_sec9 table .tfoot td:nth-child(1) {font-size: 1.41vw;}
    .main_sec9 table .tfoot td:nth-child(2) {font-size: 2.03vw;}
    .main_sec9 table .total td:nth-child(1) {font-size: 1.48vw;}
    .main_sec9 table .total td:nth-child(2) {font-size: 2.34vw;}
    .main_sec9 .info {margin-top: 1.41vw;}
    .main_sec9 .info li { font-size: 1.17vw; padding-left: 0.86vw;}
    .main_sec9 .info li::before {font-size: 1.17vw; top: 0.31vw;}
    .main_sec9 table .total td .count_num {width: 8.28vw;}

    /* sec10 */
    .main_sec10 {padding: 6.95vw 0;}
    .main_sec10 .tit p { font-size: 1.17vw;}
    .main_sec10 .tit h2 {margin-top: 1.72vw; font-size: 2.97vw;}
    .main_sec10 .cont {margin-top: 4.14vw;}
    .main_sec10 .swiper-slide {gap: 0 2.34vw;}
    .main_sec10 .swiper-slide + .swiper-slide {margin-top: 3.20vw;}
    .main_sec10 .swiper-slide .circle {width: 8.83vw; height: 2.97vw; line-height: 3.05vw; font-size: 0.94vw;}
    .main_sec10 .swiper-slide .img img {width: 36.33vw;}
    .main_sec10 table {width: 41.02vw; font-size: 1.41vw;}
    .main_sec10 table th {padding: 1.72vw 0;}
    .main_sec10 table td {padding: 1.72vw 0;}
    .main_sec10 .table p {margin-top: 2.11vw; font-size: 1.17vw; padding-left: 0.86vw;}
    .main_sec10 .table p::before {font-size: 1.17vw;}
    .main_sec10 .info {margin: 5.78vw auto 0;}
    .main_sec10 .info h2 {font-size: 2.66vw;}
    .main_sec10 .info p {margin-top: 0.31vw; font-size: 1.72vw;}

    /* sec11 */
    .main_sec11 { padding: 13.36vw 0 12.42vw;}
    .main_sec11::before { width: 51.64vw; height: 11.09vw; top: 2.50vw;}
    .main_sec11 .inner .tit h2 {font-size: 2.34vw;}
    .main_sec11 .inner .sub_tit { margin: 0.31vw auto 0;font-size: 1.72vw; letter-spacing: -0.16vw; padding: 0.47vw 0.55vw 0.16vw;}
    .main_sec11 .cont { height: 30.47vw;}
    .main_sec11 .cont .item p {font-size: 1.41vw;}
    .main_sec11 .cont .item ul {margin-top: 1.17vw;}
    .main_sec11 .cont .item ul li {width: 7.03vw; height: 7.03vw; line-height: 7.27vw;font-size: 1.41vw;}
    .main_sec11 .cont .item ul li + li {margin-left: -0.63vw;}
    .main_sec11 .cont > div { left: -0.55vw;}
    .main_sec11 .cont .top {top: -4.53vw; left: 48%;gap: 0 10.16vw;}
    .main_sec11 .cont .bot {bottom: -4.53vw; left: 51.5%;gap: 0 17.03vw;}

    /* sec12 */
    .main_sec12 { padding: 7.66vw 3.13vw 8.20vw;}
    .main_sec12 .tit p {margin-top: 1.72vw; font-size: 1.33vw;}
    .main_sec12 .cont {margin-top: 3.83vw;padding: 3.44vw 0 3.91vw;}
    .main_sec12 .cont .inner {width: 54.06vw;}
    .main_sec12 .cont .item + .item {margin-top: 1.72vw;}
    .main_sec12 .cont .item2 {gap: 0 1.17vw;}
        .main_sec12 .cont .item2 .input_box {width: calc(50% - 1.17vw);}
    .main_sec12 .cont .input_box {gap: 0 0.55vw;padding: 0.94vw 0;}
    .main_sec12 .cont .input_box > span { width: 9.92vw; font-size: 1.09vw;}
    .main_sec12 .cont .apply .input_box textarea,
    .main_sec12 .cont .input_box input[type="text"],
    .main_sec12 .cont .input_box input[type="number"] {font-size: 1.09vw;}
    .main_sec12 .cont .input_box label {gap: 0 0.55vw; font-size: 1.09vw;}
    .main_sec12 .cont .input_box label + label {margin-left: 3.52vw;}
    .main_sec12 .cont .input_box input[type="radio"] {width: 1.48vw; height: 1.48vw; background-size: 1.48vw 1.48vw;}
    .main_sec12 .cont .input_box .select .tit { font-size: 1.09vw;letter-spacing: -0.08vw;}
    .main_sec12 .cont .input_box .select .tit::after {width: 1.41vw; height: 1.41vw;}
    .main_sec12 .cont .input_box .select ul {top: 1.48vw;}
    .main_sec12 .cont .input_box .select ul li {height: 2.34vw; line-height: 2.50vw; padding: 0 0.55vw; font-size: 1.09vw;}
    .main_sec12 .cont .bot {margin-top: 1.56vw;}
    .main_sec12 .cont .bot .agree {gap: 0 0.78vw;}
    .main_sec12 .cont .bot .agree label {gap: 0 0.78vw; font-size: 1.09vw;}
    .main_sec12 .cont .bot .agree input[type="checkBox"] {width: 1.17vw; height: 1.17vw; background-size: 1.17vw 1.17vw;}
    .main_sec12 .cont .bot .agree .view_more {font-size: 1.09vw;}
    .main_sec12 .cont .bot .apply_btn {width: 9.77vw; height: 3.91vw; line-height: 4.14vw; font-size: 1.17vw;}

}

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


    /********** 공통 **********/
    .in_st {max-width: 100%; padding: 0 3.13vw;}
    .only_pc {display: none;}
    .only_mob {display: block;}

    /********** header **********/
    #header.scroll .hd_menu {display: flex;}
    #header .inner {height: 15.63vw;}
    #header .hd_logo img {width: 36.46vw;}
    #header .hd_menu {display: none; position: fixed; width: 100%; top: 15.63vw; left: 0; gap: 0 6.51vw; background: #fff; transform: none; padding: 0 3.39vw; overflow: hidden; white-space: nowrap; overflow-x: scroll;}
    #header .hd_menu > li {display: flex; align-items: center; gap: 0 6.51vw;}
    #header .hd_menu a {font-size: 3.65vw; line-height: 11.72vw ; letter-spacing: -0.13vw; color: var(--main-color);}
    #header .hd_menu a:hover {color: var(--main-color); font-weight: 700; text-decoration: underline; text-underline-offset: 0.39vw;}
    #header .hd_menu a:hover::before,
    #header .hd_menu a.active::before {top: -1.17vw; width: 0.52vw; height: 0.52vw;}
    #header .hd_menu ol {position: relative; top: auto; left: auto; display: flex; align-items: center; gap: 0 6.51vw; transform: none;}
    #header .hd_menu ol::before {width: 234.38vw; height: 6.25vw; left: -117.19vw;}
    #header .hd_menu ol a {line-height: 6.25vw; color: var(--main-color);}
    #header .hd_menu ol a:hover {text-underline-offset: 0.39vw;}
    #header .brand a {width: 26.04vw; height: 8.72vw; line-height: 9.11vw; font-size: 3.13vw; letter-spacing: -0.13vw;}

    /********** footer **********/
    #footer .ft_cont {padding: 16.67vw 0 13.41vw;}
    #footer .top {display: revert;}
    #footer .ft_logo img {width: 57.29vw;}
    #footer .insta {gap: 0 2.60vw; font-size: 3.65vw; margin-top: 5.21vw;}
    #footer .insta img {width: 5.08vw;}
    #footer .bot {margin-top: 7.81vw; display: revert;}
    #footer .info p { gap: 0 2.60vw; display: revert;}
    #footer .info p + p {/* margin-top: 2.60vw; */ margin-top: 0;}
    #footer .info span {font-size: 3.65vw; display: revert;}
    #footer .info span + span {margin-left: 1.8vw;}
    #footer .info span span {display: none;}
    #footer .copy {margin-top: 5.21vw; font-size: 3.65vw;}
    #footer .right {margin-top: 7.81vw; display: revert;}
    #footer .tel {display: flex; align-items: center;}
    #footer .tel p {font-size: 4.17vw;}
    #footer .tel h2 {margin-top: 0; margin-left: 3.91vw; font-size: 6.51vw;}
    #footer .ft_use {display: flex; align-items: center; justify-content: flex-start; gap: 0 5.21vw; margin-top: 7.81vw;}
    #footer .ft_use a { font-size: 3.65vw;}
    #footer .ft_use a + a {margin-top: 0;}

    .ft_apply .close_cont { top: -6.90vw; height: 6.90vw; right: 0;}
    .ft_apply .btn { width: 8.59vw;}
    .ft_apply .close img {width: 2.60vw;}
    .ft_apply .open img {width: 5.34vw;}
    .ft_apply .inner {height: 23.44vw; padding: 3.39vw 0 3.91vw; flex-wrap: wrap; position: relative;}
    .ft_apply .inner .info {margin-right: 0; display: flex; flex-direction: row-reverse; align-items: center; gap: 0 2.60vw;}
    .ft_apply .inner .info strong { font-size: 4.69vw;}
    .ft_apply .inner .info span {margin-top: 0; font-size: 3.65vw;}
    .ft_apply .inner .input_cont {gap: 0 1.8vw;}
    .ft_apply .inner .input_cont input:not([type="checkBox"]) {width: 22.14vw; height: 7.81vw; padding: 2.86vw 2.60vw 2.08vw; font-size: 3.13vw; border-radius: 1.30vw;}
    .ft_apply .inner .input_cont input:not([type="checkBox"])::placeholder {font-size: 3.13vw;}
    .ft_apply .inner .input_cont .select::after {right: 2.60vw; width: 3.39vw; height:3.39vw;}
    .ft_apply .inner .input_cont select {width: 30.47vw; height: 7.81vw; padding: 1.86vw 2.60vw 1.08vw; font-size: 3.13vw; border-radius: 1.30vw;}
    .ft_apply .inner .agree {margin-right: 0; position: absolute; top: 4.17vw; right: 0;}
    .ft_apply .inner .agree label {gap: 0 1.56vw;}
    .ft_apply .inner .agree label p {font-size: 2.73vw;}
    .ft_apply .inner .agree label input {width: 4.17vw; height: 4.17vw;}
    .ft_apply .inner .apply_btn {position: relative; width: 13.28vw; height: 7.81vw; border-radius: 7.81vw; font-size: 0;}
    .ft_apply .inner .apply_btn::after {content: "문의"; position: absolute; top: 54%; left: 50%; transform: translate(-50%,-50%); font-size: 3.13vw;}


    /********** quick bar **********/
    #quick_bar { right: 3.13vw; bottom: 33.20vw;}
    #quick_bar > div {width: 10.42vw; height: 10.42vw;}
    #quick_bar > div + div {margin-top: 1.17vw;}
    #quick_bar .insta img {width: 4.17vw;}
    #quick_bar .scrollTop img {width: 5.99vw;}

    /********** main **********/
    /* visual */
    .visual {height: auto;}
    .visual .visual-slide .vis_txt {top: 18.09vw;}
    .visual .visual-inner .circle {width:33.85vw; height: 10.29vw; line-height: 10.29vw; font-size: 2.60vw;}
    .visual .visual-inner h2 {margin-top: 4.43vw; font-size: 6.25vw; letter-spacing: -0.78vw;}
    .visual .visual-inner .hashtag {margin-top: 5.21vw; font-size: 4.17vw; line-height: 1.7; letter-spacing: -0.26vw;}

    /* intro */
    #header {
        -webkit-animation: header_ani 1s ease 1.2s forwards;
        animation: header_ani 1s ease 1.2s forwards;
    }
    #header .brand a {
        -webkit-animation: header_ani2 1s ease 1.2s forwards;
        animation: header_ani2 1s ease 1.2s forwards;
    }
    .intro .visual .visual-slide .img-area {width: 100%; height: 100%; position: relative; right: auto; top: auto; border-radius: 0;}
    .intro .visual .visual-slide .img-area img {position: relative; top: auto; left: auto; transform: none; border-radius: 0;}
    .intro .visual .visual-slide .img-area img.only_pc {display: none !important;}
    .intro .visual .visual-slide .img-area img.only_mob {display: block !important;}
    .intro .visual .visual-slide .img-area::after {
        -webkit-animation: intro_ani08 1s ease 1.2s forwards;
        animation: intro_ani08 1s ease 1.2s forwards;
    }
    .intro .visual .visual-inner {bottom: 15.07vw;
        -webkit-animation: intro_up 1s ease 1.5s forwards;
        animation: intro_up 1s ease 1.5s forwards;
    }
    .visual .visual-inner .circle, .visual .visual-inner .typo {
        -webkit-animation: txt_color 1s ease 1.2s forwards;
        animation: txt_color 1s ease 1.2s forwards;
    }

    .intro .visual .visual-slide .img-area,
    .intro .visual .visual-slide .img-area img {
        -webkit-animation: intro_fade 1.2s ease 1.2s forwards;
        animation: intro_fade 1.2s ease 1.2s forwards;
        opacity: 0;
    }

    /* intro animation */
    @-webkit-keyframes intro_fadeup02{
        0% {transform: translateY(1.56vw); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }

    @keyframes intro_fadeup02{
        0% {transform: translateY(1.56vw); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }

    @-webkit-keyframes intro_up{
        0% {bottom: 15.07vw;}
        100% {bottom: 67.97vw;}
    }

    @keyframes intro_up{
        0% {bottom: 15.07vw;}
        100% {bottom: 67.97vw;}
    }
    /* 풀 이미지 ani */
    @-webkit-keyframes intro_ani05{
        0% {right: 9.38vw; top: 14.06vw;}
        100% {right: 50%; top: 14.06vw; transform: translateX(50%);}
    }
    @keyframes intro_ani05{
        0% {right: 9.38vw; top: 14.06vw;}
        100% {right: 50%; top: 14.06vw; transform: translateX(50%);}
    }

    @-webkit-keyframes intro_ani0503{
        0% {width: 28.13vw; height: 28.13vw;}
        100% {width: 100%; height: 100%;}
    }
    @keyframes intro_ani0503{
        0% {width: 28.13vw; height: 28.13vw;}
        100% {width: 100%; height: 100%;}
    }

    .main_sec .tit .circle {width: 31.25vw; height: 10.81vw; line-height: 11.20vw; font-size: 2.86vw;}
    .main_sec .tit h2 {margin-top: 5.21vw; font-size: 6.25vw; letter-spacing: -0.52vw; line-height: 1.4;}

    /* sec1 */
    .main_sec1 { margin-top: 20.83vw; display: revert; padding-bottom: 2.60vw;}
    .main_sec1 .txt_bg {display: none;}
    .main_sec1 .txt {padding: 0 3.13vw 9.11vw;}
    .main_sec1 .txt h1 {font-size: 6.25vw; letter-spacing: -0.52vw;}
    .main_sec1 .txt h2 {margin-top: 5.47vw; font-size: 5.21vw; padding-right: 6.51vw; line-height: 1.5;}
    .main_sec1 .txt h2 br {display: none;}
    .main_sec1 .txt p {margin-top: 6.25vw; font-size: 3.65vw; line-height: 1.7;}
    .main_sec1 .img {width: 100%;}
    .main_sec1 .img .txt {top: 9.90vw; left: 2.99vw;}
    .main_sec1 .img .txt h3 {font-size: 4.69vw; letter-spacing: -0.12vw; line-height: .9;}
    .main_sec1 .img .txt span {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.12vw; line-height: .9;}
    .main_sec1 .img .txt p {margin-top: 7.42vw; font-size: 3.13vw; letter-spacing: -0.05vw; line-height: 1.3;}

    /* sec2 */
    .main_sec2 {display: revert;}
    .main_sec2 .img { gap: 0 2.21vw; width: 100%;}
    .main_sec2 .img img {height: auto; width: calc(50% - 1.04vw);}
    .main_sec2 .txt {padding: 7.81vw 3.13vw 0; font-size: 3.52vw; line-height: 1.7; word-break: keep-all;}

    /* sec3 */
    .main_sec3 {padding: 15.63vw 0 17.58vw; margin-top: 18.23vw;}
    .main_sec3 .leaf_cont {margin-top: 7.81vw; display: revert; padding: 0 8.33vw;}
    .main_sec3 .leaf_cont .box { padding: 0 14.19vw;}
    .main_sec3 .leaf_cont .box + .box {margin-top: 3.91vw;}
    .main_sec3 .leaf_cont .box::after,
    .main_sec3 .leaf_cont .box::before { width: 9.24vw; height: 13.54vw;bottom: -1.17vw; background-size: 12.50vw;}
    .main_sec3 .leaf_cont .box .img img {width: 10.55vw;}
    .main_sec3 .leaf_cont .box .desc { margin-top: 3.26vw; font-size: 3.26vw; letter-spacing: -0.39vw;}
    .main_sec3 .leaf_cont .box p {margin-top: 1.30vw; font-size: 5.21vw; letter-spacing: -0.39vw;}
    .main_sec3 .leaf_cont .box p strong .count_num {width: 13.41vw;}
    .main_sec3 .swiper { margin-top: 10.29vw; padding-bottom: 19.53vw;}
    .main_sec3 .swiper .swiper-slide {margin-right: 5.21vw; width: 75.52vw; height: 75.13vw; padding: 15.10vw 3.26vw 14.97vw 7.81vw;}
    .main_sec3 .swiper .swiper-slide:first-child {margin-left: 3.39vw;}
    .main_sec3 .swiper .swiper-slide .point { width: 18.23vw; height: 9.11vw; line-height: 9.51vw; font-size: 2.86vw; letter-spacing: -0.18vw;}
    .main_sec3 .swiper .swiper-slide h3 {margin-top: 6.38vw; font-size: 5.21vw; letter-spacing: -0.37vw;}
    .main_sec3 .swiper .swiper-slide p {margin-top: 3.65vw; font-size: 3.65vw; line-height: 1.6;}
    .main_sec3 .arrow_cont { gap: 0 2.60vw;}
    .main_sec3 .arrow_cont > div { width: 10.42vw; height: 10.42vw;}
    .main_sec3 .arrow_cont > div img {width: 2.60vw;}

    /* sec4 */
    .main_sec4 {padding: 4.69vw 3.13vw 6.51vw;}
    .main_sec4 .inner {padding: 13.54vw 5.47vw 30.21vw;}
    .main_sec4 .tit h2 {margin-top: 5.21vw;}
    .main_sec4 .tab {margin-top: 7.81vw; gap: 0 7.81vw; white-space: nowrap; overflow: hidden; overflow-x: scroll; justify-content: flex-start;}
    .main_sec4 .tab li {font-size: 4.17vw;}
    .main_sec4 .slick_wrap {margin-top: 7.81vw;}
    .main_sec4 .slick_box .item {padding: 0;}
    .main_sec4 .slick_box .item + .item {border: 0;}
    .main_sec4 .slick_box .item .img { width: 100%; height: auto;}
    .main_sec4 .slick_box .item strong { margin-top: 4.82vw; font-size: 5.21vw; letter-spacing: -0.52vw;}
    .main_sec4 .slick_box .item p {padding: 0 2.73vw; margin-top: 1.69vw; font-size: 3.65vw; line-height: 1.5;}
    .main_sec4 .slick_box .item.signature .img::after {width: 29.43vw; height: 10.42vw; line-height: 10.68vw; top: 2.99vw; font-size: 3.26vw;}
    .main_sec4 .slick_box .slick-arrow {width: 10.42vw; height: 10.42vw; background-size: 2.60vw; bottom: -16.93vw; top: auto; transform: none;}
    .main_sec4 .slick_box .slick-prev {left: 29.04vw;}
    .main_sec4 .slick_box .slick-next {right: 29.95vw;}

    /* sec5 */
    .main_sec5 .swiper-slide {font-size: 7.81vw; letter-spacing: -0.78vw;}

    /* sec6 */
    .main_sec6 { margin-top: 6.51vw; display: revert;}
    .main_sec6 .swiper {width: 100%; height: auto;}
    .main_sec6 .arrow_box {position: relative; bottom: auto; right: auto; gap: 0 2.60vw; margin-top: 7.55vw; justify-content: center;}
    .main_sec6 .arrow_box > div { width: 8.33vw; height: 8.33vw;}
    .main_sec6 .arrow_box > div img {width: 2.60vw;}
    .main_sec6 .text { padding: 11.46vw 3.39vw 0;}
    .main_sec6 .text::before { width: 100%; height: 23.44vw; left: 0; top: auto; bottom: -14.58vw;}
    .main_sec6 .text h2 {font-size: 6.25vw; letter-spacing: -0.10vw;}
    .main_sec6 .text p {margin-top: 7.81vw; font-size: 3.65vw; letter-spacing: -0.10vw; line-height: 1.7;}

    /* sec7 */
    .main_sec7 {padding: 18.49vw 0 18.62vw; margin-top: 32.81vw;}
    .main_sec7 .tit h2 {padding-bottom: 10.42vw; margin-top: 5.21vw;}
    .main_sec7 .tit h2::before { height: 49.48vw; top: 0;}
    .main_sec7 .swiper-slide {width: 54.69vw; height: 91.15vw; margin: 0 1.95vw;}

    /* sec8 */
    .main_sec8 {padding: 18.23vw 0 17.58vw; background: url('/images/main/mob/sec8_bg.jpg') no-repeat; background-position: top -2px center;}
    .main_sec8 .tit h2 {margin-top: 5.21vw;}
    .main_sec8 .list {margin-top: 10.42vw; gap: 2.60vw;}
    .main_sec8 .list li {width: calc(100%/2 - 1.30vw); height: 45.57vw; gap: 2.08vw;}
    .main_sec8 .list li span {font-size: 3.13vw;}
    .main_sec8 .list li h3 {font-size: 5.21vw;}
    .main_sec8 .list li p {font-size: 3.13vw;}

    /* sec9 */
    .main_sec9 {padding: 18.23vw 0 17.71vw;}
    .main_sec9 .tit h2 {margin-top: 5.21vw;}
    .main_sec9 .desc { margin-top: 7.81vw; font-size: 2.99vw; padding: 0 2.99vw;}
    .main_sec9 .table {position: relative; overflow: hidden; overflow-x: scroll; padding:0 3.13vw;}
    .main_sec9 .table.hide::after {opacity: 0; transition: all .5s;}
    .main_sec9 .table.hide2::after {display: none;}
    .main_sec9 .table::after {content: ""; width: 26.04vw; height: 26.56vw; background: url('/images/main/mob/btn_swipe.svg') no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .5s;}
    .main_sec9 table {margin: 2.21vw auto 0; width: 210%; table-layout:fixed;}
    .main_sec9 table th:nth-child(1),
    .main_sec9 table td.bold {width: 27.99vw;}
    .main_sec9 table th:nth-child(3),
    .main_sec9 table td.left {width: 65.10vw;}
    .main_sec9 table th:nth-child(4),
    .main_sec9 table td.right {width: 23.44vw;}
    .main_sec9 table th {font-size: 4.95vw; padding: 5.34vw 0 4.30vw;}
    .main_sec9 table td.bold {font-size: 3.65vw;}
    .main_sec9 table td {font-size: 3.65vw; padding: 4.95vw 7.03vw 4.82vw;}
    .main_sec9 table td:last-child {font-size: 3.65vw; letter-spacing: -0.13vw;}
    .main_sec9 table .tfoot td:nth-child(1) {font-size: 3.65vw;}
    .main_sec9 table .tfoot td:nth-child(2) {font-size: 3.65vw;}
    .main_sec9 table .total td:nth-child(1) {font-size: 3.65vw;}
    .main_sec9 table .total td:nth-child(2) {font-size: 3.65vw;}
    .main_sec9 .info {margin-top: 5.21vw; padding: 0 4.95vw 0 3.13vw;}
    .main_sec9 .info li { font-size: 3.13vw; padding-left: 2.21vw;}
    .main_sec9 .info li::before {font-size: 3.13vw; top: 0;}
    .main_sec9 table .total td .count_num {width: 13.02vw;}

    /* sec10 */
    .main_sec10 {padding: 18.49vw 3.13vw 17.58vw; background: url('/images/main/mob/sec10_bg.jpg') no-repeat;}
    .main_sec10 .tit p { font-size: 3.65vw;}
    .main_sec10 .tit h2 {margin-top: 2.60vw; font-size: 6.25vw;}
    .main_sec10 .cont {margin-top: 10.42vw; display: revert;}
    .main_sec10 .swiper-wrapper {display: flex;}
    .main_sec10 .swiper-slide {gap: 0; display: revert;}
    .main_sec10 .swiper-slide + .swiper-slide {margin-top: 0;}
    .main_sec10 .swiper-slide .circle {width: 31.25vw; height: 10.42vw; line-height: 10.55vw; font-size: 3.39vw; margin: 0 auto 7.81vw;}
    .main_sec10 .swiper-slide img {width: 100% !important;}
    .main_sec10 .cont .swiper-pagination {position: relative; margin: 5.21vw auto 0; top: auto; left: auto; right: auto; bottom: auto;}
    .main_sec10 .cont .swiper-pagination .swiper-pagination-bullet {margin: 0 1.30vw; width: 2.60vw; height: 2.60vw; background: #fff; opacity: 1;}
    .main_sec10 .cont .swiper-pagination .swiper-pagination-bullet-active {background: var(--sub-color);}
    .main_sec10 table {width: 100%; font-size: 3.65vw; margin-top: 9.38vw;}
    .main_sec10 table th {padding: 3.91vw 0;}
    .main_sec10 table td {padding: 3.91vw 0;}
    .main_sec10 .table p {margin-top: 6.38vw; font-size: 3.13vw; padding-left: 2.34vw;}
    .main_sec10 .table p::before {font-size: 3.13vw;}
    .main_sec10 .info {margin: 7.81vw auto 0;}
    .main_sec10 .info h2 {font-size: 5.21vw; letter-spacing: -0.52vw;}
    .main_sec10 .info p {margin-top: 1.30vw; font-size: 4.17vw;}

    /* sec11 */
    .main_sec11 { padding: 19.01vw 5.73vw 18.75vw;}
    .main_sec11::before {display: none;}
    .main_sec11 .inner {padding: 0 2.60vw;}
    .main_sec11 .inner .tit {position: relative; top: auto; left: auto; transform: none;}
    .main_sec11 .inner .tit h2 {font-size: 6.25vw;}
    .main_sec11 .inner .sub_tit { margin: 5.21vw auto 0; font-size: 5.21vw; letter-spacing: -0.52vw; padding: 1.95vw 2.60vw 0.65vw;}
    .main_sec11 .cont {margin-top: 10.68vw; height: 164.58vw; background: url('/images/main/mob/sec11_bg2.png') no-repeat; background-size: 98% 100%; background-position: center;}
    .main_sec11 .cont .item p {font-size: 3.65vw;}
    .main_sec11 .cont .item ul {margin-top: 2.99vw; flex-wrap: wrap; max-width: 35.77vw;}
    .main_sec11 .cont .item ul li {width: 18.23vw; height: 18.23vw; line-height: 18.75vw; font-size: 3.65vw;}
    .main_sec11 .cont .item ul li + li {margin-left: 0;}
    .main_sec11 .cont .item ul li:nth-child(2n) {margin-left: -1.69vw;}
    .main_sec11 .cont .item ul li:nth-child(3),
    .main_sec11 .cont .item ul li:nth-child(4) {margin-top: -1.69vw;}
    .main_sec11 .cont > div { left: -1.69vw; justify-content: space-between; align-items: flex-start;}
    .main_sec11 .cont .top {top: 15.23vw; left: 52%; gap: 0;}
    .main_sec11 .cont .mid {top: 52%;}
    .main_sec11 .cont .bot {bottom: 24.35vw; left: 50%; gap: 0;}

    /* sec12 */
    .main_sec12 { padding: 16.15vw 3.13vw 18.23vw;}
    .main_sec12 .tit p {margin-top: 7.81vw; font-size: 3.65vw; line-height: 1.7;}
    .main_sec12 .cont {margin-top: 6.51vw; padding: 5.73vw 3.91vw 12.76vw;}
    .main_sec12 .cont .inner {width: 100%;}
    .main_sec12 .cont .item + .item {margin-top: 1.95vw;}
    .main_sec12 .cont .item2 {gap: 0; display: revert;}
    .main_sec12 .cont .item2 .input_box {width: 100%;}
    .main_sec12 .cont .input_box {gap: 0 1.95vw; padding: 3.13vw 0;}
    .main_sec12 .cont .input_box > span { width: 26.04vw; font-size: 3.65vw;}
    .main_sec12 .cont .apply .input_box textarea,
    .main_sec12 .cont .input_box input[type="text"],
    .main_sec12 .cont .input_box input[type="number"] {font-size: 3.65vw;}
    .main_sec12 .cont .input_box input[type="number"],
    .main_sec12 .cont .input_box input[type="text"],
    .main_sec12 .cont .input_box .select {width: calc(100% - 27.99vw);}
    .main_sec12 .cont .input_box label {gap: 0 1.95vw; font-size: 3.65vw;}
    .main_sec12 .cont .input_box label + label {margin-left: 11.85vw;}
    .main_sec12 .cont .input_box input[type="radio"] {width: 4.95vw; height: 4.95vw; background-size: 4.95vw 4.95vw;}
    .main_sec12 .cont .input_box .select .tit { font-size: 3.65vw; letter-spacing: 0;}
    .main_sec12 .cont .input_box .select .tit::after {width: 4.69vw; height: 4.69vw;}
    .main_sec12 .cont .input_box .select ul {top: 11.46vw;}
    .main_sec12 .cont .input_box .select ul li {height: 10.42vw; line-height: 10.68vw; padding: 0 2.60vw; font-size: 4.69vw;}
    .main_sec12 .cont .bot {margin-top: 15.23vw; display: revert; text-align: center;}
    .main_sec12 .cont .bot .agree {gap: 0 2.73vw;}
    .main_sec12 .cont .bot .agree label {gap: 0 2.73vw; font-size: 3.65vw;}
    .main_sec12 .cont .bot .agree input[type="checkBox"] {width: 3.91vw; height: 3.91vw; background-size: 3.91vw 3.91vw;}
    .main_sec12 .cont .bot .agree .view_more {font-size: 3.65vw;}
    .main_sec12 .cont .bot .apply_btn {margin: 8.07vw auto 0; text-align: center;}
    .main_sec12 .cont .bot .apply_btn {width: 32.94vw; height: 13.02vw; line-height: 13.28vw; font-size: 4.17vw; display: inline-block;}

}