/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto; width: 100%;}

:root {
    --color-gray : #393E42;
    --color-blue : #22AEF6;
    --color-blue2 : #1B96D5;
    --font-pop : 'Poppins', sans-serif;
    --font-pre : 'Pretendard', sans-serif;
}

body {background: #000;}
body * {color: #fff;}

/* HEADER */
.header{height:100px; position:fixed; top:0; z-index:100; width:100%; background: var(--color-gray);}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .inner > div{display:flex; align-items:center;}
.header h1 a img{width: 150px;}
.header .right_menu {display: flex; align-items: center; gap: 80px;}
.header .gnb{display:flex; gap:75px;}
.header .gnb > li{position:relative;}
.header .gnb > li > a{font-size: 18px; color: #FFF; font-weight: 700; line-height: 100px; display: block;}
.header .gnb > li:hover > a{color: var(--color-blue);}
.header .gnb_2depth{position:absolute; top:calc(100% - 21px); left: 50%; transform: translateX(-50%); min-width: 155px; display:none; background: var(--color-blue2); border-radius: 5px; padding: 29px 18px 27px 20px;}
.header .gnb > li:hover .gnb_2depth {display: block;}
.header .gnb_2depth li + li{margin-top:20px;}
.header .gnb_2depth li a{font-size: 15px; color: #AFECFF; font-weight: 300; line-height: 1.2;}
.header .gnb_2depth li a:hover {color: #fff; font-weight: 700;}
.all_menu_btn img {width: 22.22px; cursor:pointer;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}

/* all menu */
.all_menu{transform: translateX(100%); opacity: 0; position:fixed; width:100%; height:100%; z-index:5000; background: rgba(0, 0, 0, 0.95); transition: all .3s;}
.all_menu.on {transform: translateX(0); opacity: 1;}
.all_menu .all_inner{position:relative; padding: 65px 0 143px;}
.all_menu .top {display: flex; align-items: flex-end; justify-content: space-between; padding: 0 40px 0 130px;}
.all_menu .top .img img {width: 150px;}
.all_menu_close{width: 60.47px; height: 60.47px; border-radius: 100%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; cursor:pointer;}
.all_menu_close img{width:20.48px;}
.all_menu_wrap {margin-top: 52px;}
.all_menu_list dl{display: flex; align-items: center; gap: 100px;}
.all_menu_list dl + dl {margin-top: 60px;}
.all_menu_list dt {cursor: pointer; display: flex; align-items: center; gap: 59px;}
.all_menu_list dt::before {content: ""; width: 540px; height: 1px; background: #fff; display: block; opacity: 0;}
.all_menu_list dt span {opacity: .5; display: block; min-width: 203px; font-size: 60px; font-weight: 600; color: #fff; letter-spacing: -.03em; line-height: 1.2;}
.all_menu_list dd {display: none;}
.all_menu_list dd a{font-size:18px; font-weight: 700; color: #fff; opacity: .5; letter-spacing: -.4px;}
.all_menu_list dd a:hover {opacity: 1; text-decoration: underline; text-underline-offset: 3px;}
.all_menu_list dl.on dt::before {opacity: 1;}
.all_menu_list dl.on dt span {opacity: 1;}
.all_menu_list dl.on dd {display: block;}
.all_menu .bot {margin-top: 13px; display: flex; align-items: flex-end; gap: 463px; margin-left: 599px;}
.all_menu .copy {font-size: 18px; font-weight: 400; color: #fff;}
.all_menu .sns {margin-bottom: 20px;}
.all_menu .sns p {font-size: 15px; font-weight: 600; color: #E0D4C8; letter-spacing: -.03em; margin-bottom: 15px;}
.all_menu .sns a {display: flex; align-items: center; gap: 10px; font-size: 30px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2; color: #fff;}
.all_menu .sns a img {width: 17px;}

/* SIDE QUICK */
.quickSide{position:fixed; right:40px; bottom:63px; z-index:5000; display:flex; flex-direction: column; align-items: center;}
.quickSide ul{display:flex; flex-direction: column; align-items: end; gap:10px; }
.quickSide ul > li{display:block; box-shadow: 0px 8px 24px 0px #959DA533; border-radius: 100%;}
.quickSide ul li.circle a {display:flex; align-items:center; justify-content: center; background:#FFF; box-shadow: 0px 8px 24px 0px #959DA533; width:65px; height:65px; gap:30px; border-radius:100%; transition: width .2s;}
.quickSide ul li.event_more.on a.close{display:flex;}
.quickSide ul li.event_more.on a.more{display:none;}
.quickSide ul li a.close{display:none;}
.quickSide ul li a.close img{width:25px;}
.quickSide ul li a.event img{width:20px;}
.quickSide ul li a.top img{width:20.8px;}
.quickSide ul li a.more {background: #33333399;}
.quickSide ul li a.more img {width: 19.5px;}
.quickSide ul.more_list {box-shadow: 0px 8px 24px 0px #959DA533; gap: 0; margin-bottom: 13px; position: relative; transition: all 0.5s ease; background: var(--color-blue2); padding: 8px; border-radius: 100px;}
.quickSide ul.more_list .circle a {background: #FFFFFF66;}
.quickSide ul.more_list .circle .close img {width: 31px;}
.quickSide ul.more_list .circle .more img {width: 19.5px;}
.quickSide ul.more_list > div {margin: 20px auto 10px; transition:all 0.5s ease; }
.quickSide ul.more_list > div li {text-align: center;}
.quickSide ul.more_list > div li a {display: block;}
.quickSide ul.more_list > div li img {width: 25.28px;}
.quickSide ul.more_list > div li span {display: block; margin-top: 13px; font-size: 12px; font-weight: 700; color: #fff; line-height: 2; font-family: var(--font-pop);}
.quickSide ul.more_list .circle.on a {background: var(--color-blue2);}
.quickSide ul.more_list.on {background: none; box-shadow: none;}
.quickSide ul.more_list.on > div {height: 0; visibility: hidden; overflow: hidden;}

/* footer */
.footer {background: #252B30; padding: 90px 0 100px; position: relative;}
.footer .top {display: flex; align-items: flex-end; justify-content: space-between;}
.footer .logo {width: 150px;}
.footer .term {display: flex; align-items: center; gap: 30px;}
.footer .term a {font-size: 18px; font-weight: 300; color: #fff;}
.footer .term strong a {font-weight: 700;}
.footer .bot {margin-top: 50px; display: flex; align-items: flex-start; justify-content: space-between;}
.footer .info p:not(.copy) {display: flex; align-items: center; gap: 20px;}
.footer .info p + p {margin-top: 5px;}
.footer .info p span {font-size: 16px; font-weight: 400; color: #BEBEBE; line-height: 1.6;}
.footer .info p strong {font-size: 16px; color: #fff; font-weight: 600;}
.footer .info p.copy {margin-top: 14px; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.6; font-family: var(--font-pop);}
.footer .sns {display: flex; align-items: center; gap: 15px;}
.footer .sns img {width: 40px;}

/* main */
/* 공통 */
.view_btn {height: 45px; padding: 0 32px; border-radius: 5px; border: 2px solid var(--color-blue); display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--color-blue); font-family: var(--font-pop); letter-spacing: -.6px; transition: all 200ms ease-in;}
.view_btn img {width: 20px; margin-right: -5px; margin-top: 2px; transition: all 200ms ease-in;}
.view_btn:not(.noHover):hover {background: var(--color-blue); color: #fff;}
.view_btn:not(.noHover):hover img {filter: brightness(0) invert(1);}

.sec_tit p {font-size: 20px; font-weight: 600; color: var(--color-blue); font-family: var(--font-pop); line-height: 1.5;}
.sec_tit h3 {margin-top: 10px; font-size: 40px; font-weight: 700; color: #fff; line-height: 1.2;}

/* visual */
.main_visual .swiper {position: relative;}
.main_visual .item {position: relative; height: 950px;}
.main_visual .item > img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_visual .txt_cont {position: absolute; left: 50%; transform: translateX(-50%); top: 229px;}
.main_visual .txt_cont .box {overflow: hidden;}
.main_visual .txt_cont .box span {transform: translateY(100%); display: block; transition: transform .4s cubic-bezier(.17,.96,.75,1);}
.main_visual .txt_cont.on .box span {transform: translateY(0);}
.main_visual .txt_cont.on .box:nth-child(2) span {transition-delay: .15s;}
.main_visual .txt_cont.on .box:nth-child(3) span {transition-delay: .25s;}
.main_visual .txt_cont.on .box:nth-child(4) span {transition-delay: .35s;}
.main_visual .txt_cont.on .box:nth-child(5) span {transition-delay: .45s;}
.main_visual .txt_cont.on .box:nth-child(6) span {transition-delay: .55s;}
.main_visual .txt_cont .sub {margin-bottom: 10px;}
.main_visual .txt_cont .sub span {font-size: 20px; font-weight: 600; color: var(--color-blue); font-family: var(--font-pop); line-height: 1.5;}
.main_visual .txt_cont .main span {font-size: 60px; font-weight: 700; color: #fff; line-height: 1.13;}
.main_visual .progress_cont {position: absolute; right: 160px; bottom: 60px; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center;}
.main_visual .arrow_cont {display: flex; align-items: center; justify-content: center; gap: 5px; position: relative; z-index: 2;}
.main_visual .arrow_cont img {filter: brightness(0) invert(1);}
.main_visual .arrow_cont img:hover {filter: none;}
.main_visual .arrow {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0;}
.main_visual .arrow::after {display: none;}
.main_visual .arrow img {width: 26px;}
.main_visual .stop {position: relative; z-index: 1; cursor: pointer;}
.main_visual .stop img {width: 8px;}
.main_visual .autoplay-progress {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; font-size: 0;}
.main_visual .autoplay-progress .circle {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 3px solid rgba(217, 217, 217, 0.2);}
.main_visual .autoplay-progress svg { --progress: 0; position: absolute; left: 0; top: 0px; z-index: 10; width: 100%; height: 100%; stroke-width: 1.2px; stroke: var(--color-blue); fill: none; stroke-dashoffset: calc(138.2px * (1 - var(--progress))); stroke-dasharray: 138.2; transform: rotate(-90deg); }
.autoplay-progress svg circle {cx: 23; cy: 23; r: 22;}
.main_visual .btn {margin-top: 56px; overflow: hidden; text-align: left; padding: 0; height: auto; line-height: auto;}
.main_visual .btn a {transform: translateY(100%); transition: transform .4s cubic-bezier(.17,.96,.75,1); transition-delay: .45s;}
.main_visual .txt_cont.on .btn a {transform: translateY(0);}

/* sec1 */
.main_sec1 {background: #2C2F32; height: 950px; padding: 110px 0 0; background: url(/img/main/sec1_bg.png) no-repeat center/cover;}

/* sec2 */
.main_sec2 {padding-top: 110px;}
.main_sec2 .sec_tit {text-align: center;}
.main_sec2 .sec_tit p {font-size: 16px;}
.main_sec2 .sec_tit h3 {font-size: 60px; font-family: var(--font-pop);}
.main_sec2 .swiper {margin-top: 60px;}
.main_sec2 .swiper-slide {width: calc(100%/4); height: 850px; position: relative;}
.main_sec2 .swiper-slide::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--color-blue); opacity: 0; transform: all .3s;}
.main_sec2 .swiper-slide.item1 {background: url(/img/main/main_sec2_1.png) no-repeat center/cover;}
.main_sec2 .swiper-slide.item2 {background: url(/img/main/main_sec2_2.png) no-repeat center/cover;}
.main_sec2 .swiper-slide.item3 {background: url(/img/main/main_sec2_3.png) no-repeat center/cover;}
.main_sec2 .swiper-slide.item4 {background: url(/img/main/main_sec2_4.png) no-repeat center/cover;}
.main_sec2 .swiper-slide .box {width: 100%; position: absolute; left: 0; top: 146px; text-align: center; transition: all .3s;}
.main_sec2 .swiper-slide .tit p {font-size: 14px; font-weight: 600; color: #fff; line-height: 1.5; font-family: var(--font-pop);}
.main_sec2 .swiper-slide .tit h2 {margin-top: 10px; font-size: 65px; font-weight: 700; color: #fff; line-height: 1.14;}
.main_sec2 .swiper-slide.item1 .tit h2,
.main_sec2 .swiper-slide.item3 .tit h2 span,
.main_sec2 .swiper-slide.item4 .tit h2 {font-size: 70px; font-weight: 600; font-family: var(--font-pop); color: #fff;}
.main_sec2 .swiper-slide .line {display: block; width: 1px; height: 30px; background: #fff; margin: 30px auto 50px;}
.main_sec2 .swiper-slide .hide > p {font-size: 18px; font-weight: 300; color: #fff; line-height: 1.5;}
.main_sec2 .swiper-slide .hover {margin-top: 34px; display: flex; align-items: center; justify-content: center; gap: 14px;}
.main_sec2 .swiper-slide .hover span {padding: 0 28px; height: 50px; line-height: 47px; border-radius: 50px; border: 1px solid #fff; backdrop-filter: blur(30px); font-size: 16px; font-weight: 300; color: #fff; font-family: var(--font-pop); letter-spacing: -.6px; transition: all .3s; cursor: default;}
.main_sec2 .swiper-slide .hover span:hover {background: #fff; color: var(--color-blue);}
.main_sec2 .swiper-slide a {display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 100%; margin: 60px auto 0; background: #fff;}
.main_sec2 .swiper-slide a img {width: 37px;}
.main_sec2 .swiper-slide .hide {opacity: 0; transition: all .3s;}
.main_sec2 .swiper-slide:hover .hide {opacity: 1;}
.main_sec2 .swiper-slide:hover::before {opacity: .85;}
.main_sec2 .swiper-slide:hover .box {top: 86px;}

/* sec3 */
.main_sec3 {padding: 198px 0 228px; background: url(/img/main/sec3_bg.png) no-repeat center/cover;}
.main_sec3 .sec_tit {text-align: center;}
.main_sec3 .sec_tit p {font-size: 16px;}
.fr_form{max-width: 1092px; margin: 80px auto 0; color: #fff;}
.fr_form ul li{display: flex; justify-content: space-between; margin-bottom: 30px;}
.fr_form ul li .item.full{width: 100%;}
.fr_form ul li.flex {display: flex; align-items: center; gap: 0 20px;}
.fr_form ul li.flex .item {width: calc(100%/3 - 20px);}
.fr_form ul li .item .input{font-size: 18px; font-weight: 300; width: 100%; height: 60px; border: 0; border-bottom: 1px solid #ffffff70; padding: 0; background: none; color: var(--color-blue);}
.fr_form ul li .item .textarea{height: 150px; resize:none; color: var(--color-blue); line-height: 1.3; size: 18px; font-weight: 300; padding-bottom: 10px;}
.fr_form ul li .item .textarea::placeholder,
.fr_form ul li .item .input::placeholder {color: #ffffff70;}
.fr_form ul li .item .textarea:focus,
.fr_form ul li .item .input:focus {color: var(--color-blue); border-color: var(--color-blue); background: none;}
.fr_form ul li .item .textarea:focus::placeholder,
.fr_form ul li .item .input:focus::placeholder {color: var(--color-blue);}
.fr_form .bot {display: flex; align-items: flex-start; justify-content: space-between;}
.fr_form .bot .agree {display: flex; align-items: center; gap: 0 14px;}
.fr_form .bot .agree label{font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 0 14px; color: #ffffff70;}
.fr_form .bot .agree input[type="checkbox"]{width: 20px; height: 20px; background: url("/img/main/checkbox_chk.svg") no-repeat center / 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; cursor: pointer;}
.fr_form .bot .agree input[type="checkbox"]:checked{border: none; background: url("/img/main/checkbox_chked.svg") no-repeat center / 100%;}
.fr_form .bot .agree .view_more{font-size: 18px; text-decoration:  underline; text-underline-offset: 3px; display: inline-block; vertical-align: middle; cursor: pointer; color: #ffffff70; font-weight: 600;}
.fr_form .bot .apply_btn{display: block; width: 139px; line-height: 45px; font-size: 14px; letter-spacing: -0.6px; font-weight: 700; color: var(--color-blue); border: 2px solid var(--color-blue); border-radius: 5px; font-family: var(--font-pop); transition: all .3s; background: transparent;}
.fr_form .bot .apply_btn:hover {color: #fff; background: var(--color-blue);}



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

    /* 공통 */
    .inner{max-width:95.12vw;}

    /* HEADER */
    .header{height:6.10vw;}
    .header h1 a img{width: 9.15vw;}
    .header .right_menu {gap: 4.88vw;}
    .header .gnb{ gap:4.57vw;}
    .header .gnb > li > a{font-size: 1.10vw; line-height: 6.10vw;}
    .header .gnb_2depth{ top:calc(100% - 1.28vw); min-width: 9.45vw; border-radius: 0.30vw; padding: 1.77vw 1.10vw 1.65vw 1.22vw;}
    .header .gnb_2depth li + li{margin-top:1.22vw;}
    .header .gnb_2depth li a{font-size: 0.91vw;}
    .all_menu_btn img {width: 1.34vw;}

    /* all menu */
    .all_menu .all_inner{ padding: 3.96vw 0 8.72vw;}
    .all_menu .top {padding: 0 2.44vw 0 7.93vw;}
    .all_menu .top .img img {width: 9.15vw;}
    .all_menu_close{width: 3.66vw; height: 3.66vw;}
    .all_menu_close img{width:1.22vw;}
    .all_menu_wrap {margin-top: 3.17vw;}
    .all_menu_list dl{ gap: 6.10vw;}
    .all_menu_list dl + dl {margin-top: 3.66vw;}
    .all_menu_list dt {gap: 3.60vw;}
    .all_menu_list dt::before {width: 26.93vw; height: 0.06vw;}
    .all_menu_list dt span {min-width: 12.38vw; font-size: 3.66vw;}
    .all_menu_list dd a{font-size:1.10vw; letter-spacing: -0.00vw;}
    .all_menu_list dd a:hover {text-underline-offset: 0.18vw;}
    .all_menu .bot {margin-top: 0.79vw; gap: 22.23vw; margin-left: 30.62vw;}
    .all_menu .copy {font-size: 1.10vw;}
    .all_menu .sns {margin-bottom: 1.22vw;}
    .all_menu .sns p {font-size: 0.91vw; margin-bottom: 0.91vw;}
    .all_menu .sns a {gap: 0.61vw; font-size: 1.83vw;}
    .all_menu .sns a img {width: 1.04vw;}

    /* SIDE QUICK */
    .quickSide{ right:2.44vw; bottom:3.84vw;}
    .quickSide ul{ gap:0.61vw;}
    .quickSide ul li.circle a {width:3.96vw; height:3.96vw; gap:1.83vw;}
    .quickSide ul li a.close img{width:1.52vw;}
    .quickSide ul li a.event img{width:1.22vw;}
    .quickSide ul li a.top img{width:1.28vw;}
    .quickSide ul li a.more img {width: 1.16vw;}
    .quickSide ul.more_list {gap: 0; margin-bottom: 0.79vw; padding: 0.49vw; border-radius: 6.10vw;}
    .quickSide ul.more_list .circle .close img {width: 1.89vw;}
    .quickSide ul.more_list .circle .more img {width: 1.16vw;}
    .quickSide ul.more_list > div {margin: 1.22vw auto 0.61vw;}
    .quickSide ul.more_list > div li img {width: 1.52vw;}
    .quickSide ul.more_list > div li span {margin-top: 0.79vw; font-size: 0.73vw;}

    /* footer */
    .footer {padding: 5.49vw 0 6.10vw;}
    .footer .logo {width: 9.15vw;}
    .footer .term {gap: 1.83vw;}
    .footer .term a {font-size: 1.10vw;}
    .footer .bot {margin-top: 3.05vw;}
    .footer .info p:not(.copy) {gap: 1.22vw;}
    .footer .info p + p {margin-top: 0.30vw;}
    .footer .info p span {font-size: 0.98vw;}
    .footer .info p strong {font-size: 0.98vw;}
    .footer .info p.copy {margin-top: 0.85vw; font-size: 0.98vw;}
    .footer .sns {gap: 0.91vw;}
    .footer .sns img {width: 2.44vw;}

    /* main */
    /* 공통 */
    .view_btn {height: 2.74vw; padding: 0 1.95vw; border-radius: 0.30vw; gap: 0.49vw; font-size: 0.85vw; letter-spacing: -0.06vw;}
    .view_btn img {width: 1.22vw; margin-right: -0.30vw; margin-top: 0.12vw;}

    .sec_tit p {font-size: 1.22vw;}
    .sec_tit h3 {margin-top: 0.61vw; font-size: 2.44vw;}

    /* visual */
    .main_visual .item {height: 57.93vw;}
    .main_visual .txt_cont {top: 13.96vw;}
    .main_visual .txt_cont .sub {margin-bottom: 0.61vw;}
    .main_visual .txt_cont .sub span {font-size: 1.22vw;}
    .main_visual .txt_cont .main span {font-size: 3.66vw;}
    .main_visual .btn {margin-top: 3.41vw;}
    .main_visual .progress_cont {right: 9.76vw; bottom: 3.66vw; width: 7.32vw; height: 7.32vw;}
    .main_visual .arrow_cont {gap: 0.30vw;}
    .main_visual .arrow img {width: 1.59vw;}
    .main_visual .stop img {width: 0.49vw;}
    .main_visual .autoplay-progress svg {stroke-width: 0.06vw; stroke-dashoffset: calc(8.41vw * (1 - var(--progress))); stroke-dasharray: 138.2;}
    .autoplay-progress svg circle {cx: 23; cy: 23; r: 22;}

    /* sec1 */
    .main_sec1 {height: 57.93vw; padding: 6.71vw 0 0;}

    /* sec2 */
    .main_sec2 {padding-top: 6.71vw;}
    .main_sec2 .sec_tit p {font-size: 0.98vw;}
    .main_sec2 .sec_tit h3 {font-size: 3.66vw;}
    .main_sec2 .swiper {margin-top: 3.66vw;}
    .main_sec2 .swiper-slide {height: 51.83vw;}
    .main_sec2 .swiper-slide .box {top: 8.90vw;}
    .main_sec2 .swiper-slide .tit p {font-size: 0.85vw;}
    .main_sec2 .swiper-slide .tit h2 {margin-top: 0.61vw; font-size: 3.96vw;}
    .main_sec2 .swiper-slide.item1 .tit h2,
    .main_sec2 .swiper-slide.item3 .tit h2 span,
    .main_sec2 .swiper-slide.item4 .tit h2 {font-size: 4.27vw;}
    .main_sec2 .swiper-slide .line {width: 0.06vw; height: 1.83vw; margin: 1.83vw auto 3.05vw;}
    .main_sec2 .swiper-slide .hide > p {font-size: 1.10vw;}
    .main_sec2 .swiper-slide .hover {margin-top: 2.07vw; gap: 0.85vw;}
    .main_sec2 .swiper-slide .hover span {padding: 0 1.71vw; height: 3.05vw; line-height: 2.87vw; border-radius: 3.05vw; font-size: 0.98vw; letter-spacing: -0.06vw;}
    .main_sec2 .swiper-slide a {width: 4.27vw; height: 4.27vw; margin: 3.66vw auto 0;}
    .main_sec2 .swiper-slide a img {width: 2.26vw;}
    .main_sec2 .swiper-slide:hover .box {top: 5.24vw;}

    /* sec3 */
    .main_sec3 {padding: 12.07vw 0 13.90vw;}
    .main_sec3 .sec_tit p {font-size: 0.98vw;}
    .fr_form{max-width: 66.59vw; margin: 4.88vw auto 0;}
    .fr_form ul li{ margin-bottom: 1.83vw;}
    .fr_form ul li.flex {gap: 0 1.22vw;}
    .fr_form ul li.flex .item {width: calc(100%/3 - 1.22vw);}
    .fr_form ul li .item .input{font-size: 1.10vw; height: 3.66vw;}
    .fr_form ul li .item .textarea{height: 9.15vw; font-size: 1.10vw; padding-bottom: 0.6098vw;}
    .fr_form .bot .agree {gap: 0 0.85vw;}
    .fr_form .bot .agree label{font-size: 1.10vw; gap: 0 0.85vw;}
    .fr_form .bot .agree input[type="checkbox"]{width: 1.22vw; height: 1.22vw;}
    .fr_form .bot .agree .view_more{font-size: 1.10vw; text-underline-offset: 0.18vw;}
    .fr_form .bot .apply_btn{ width: 8.48vw; line-height: 2.74vw; font-size: 0.85vw; letter-spacing: -0.06vw; border-radius: 0.30vw;}

}



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

    /* 공통 */
    .inner{max-width:93.75vw;}

    /* HEADER */
    .header{height:5.86vw;}
    .header h1 a img{width: 8.79vw;}
    .header .right_menu {gap: 4.69vw;}
    .header .gnb{ gap:4.38vw;}
    .header .gnb > li > a{font-size: 1.02vw; line-height: 5.78vw;}
    .header .gnb_2depth{ top:calc(100% - 1.25vw); min-width: 8.98vw; border-radius: 0.31vw; padding: 1.72vw 1.02vw 1.56vw 1.17vw;}
    .header .gnb_2depth li + li{margin-top:1.17vw;}
    .header .gnb_2depth li a{font-size: 0.86vw;}
    .all_menu_btn img {width: 1.25vw;}

    /* all menu */
    .all_menu .all_inner{ padding: 3.75vw 0 8.28vw;}
    .all_menu .top {padding: 0 2.34vw 0 7.58vw;}
    .all_menu .top .img img {width: 8.75vw;}
    .all_menu_close{width: 3.52vw; height: 3.52vw;}
    .all_menu_close img{width:1.17vw;}
    .all_menu_wrap {margin-top: 3.05vw;}
    .all_menu_list dl{ gap: 5.78vw;}
    .all_menu_list dl + dl {margin-top: 3.52vw;}
    .all_menu_list dt {gap: 3.44vw;}
    .all_menu_list dt::before {width: 25.70vw; height: 0.08vw;}
    .all_menu_list dt span {min-width: 11.80vw; font-size: 3.52vw;}
    .all_menu_list dd a{font-size:1.02vw; letter-spacing: -0.00vw;}
    .all_menu_list dd a:hover {text-underline-offset: 0.16vw;}
    .all_menu .bot {margin-top: 0.78vw; gap: 21.17vw; margin-left: 29.22vw;}
    .all_menu .copy {font-size: 1.02vw;}
    .all_menu .sns {margin-bottom: 1.17vw;}
    .all_menu .sns p {font-size: 0.86vw; margin-bottom: 0.86vw;}
    .all_menu .sns a {gap: 0.55vw; font-size: 1.72vw;}
    .all_menu .sns a img {width: 1.02vw;}

    /* SIDE QUICK */
    .quickSide{ right:2.34vw; bottom:3.67vw;}
    .quickSide ul{ gap:0.55vw;}
    .quickSide ul li.circle a {width:3.75vw; height:3.75vw; gap:1.72vw;}
    .quickSide ul li a.close img{width:1.48vw;}
    .quickSide ul li a.event img{width:1.17vw;}
    .quickSide ul li a.top img{width:1.25vw;}
    .quickSide ul li a.more img {width: 1.09vw;}
    .quickSide ul.more_list {gap: 0; margin-bottom: 0.78vw; padding: 0.47vw; border-radius: 5.78vw;}
    .quickSide ul.more_list .circle .close img {width: 1.80vw;}
    .quickSide ul.more_list .circle .more img {width: 1.09vw;}
    .quickSide ul.more_list > div {margin: 1.17vw auto 0.55vw;}
    .quickSide ul.more_list > div li img {width: 1.48vw;}
    .quickSide ul.more_list > div li span {margin-top: 0.78vw; font-size: 0.70vw;}

    /* footer */
    .footer {padding: 5.23vw 0 5.78vw;}
    .footer .logo {width: 8.75vw;}
    .footer .term {gap: 1.72vw;}
    .footer .term a {font-size: 1.02vw;}
    .footer .bot {margin-top: 2.89vw;}
    .footer .info p:not(.copy) {gap: 1.17vw;}
    .footer .info p + p {margin-top: 0.31vw;}
    .footer .info p span {font-size: 0.94vw;}
    .footer .info p strong {font-size: 0.94vw;}
    .footer .info p.copy {margin-top: 0.78vw; font-size: 0.94vw;}
    .footer .sns {gap: 0.86vw;}
    .footer .sns img {width: 2.34vw;}

    /* main */
    /* 공통 */
    .view_btn {height: 2.81vw; padding: 0 1.88vw; border-radius: 0.31vw; gap: 0.47vw; font-size: 0.94vw; letter-spacing: -0.04vw; border-width: 0.12vw;}
    .view_btn img {width: 1.17vw; margin-right: -0.31vw; margin-top: 0.08vw;}

    .sec_tit p {font-size: 1.17vw;}
    .sec_tit h3 {margin-top: 0.55vw; font-size: 2.34vw;}

    /* visual */
    .main_visual .item {height: 55.66vw;}
    .main_visual .txt_cont {top: 13.44vw;}
    .main_visual .txt_cont .sub {margin-bottom: 0.55vw;}
    .main_visual .txt_cont .sub span {font-size: 1.17vw;}
    .main_visual .txt_cont .main span {font-size: 3.52vw;}
    .main_visual .btn {margin-top: 3.28vw;}
    .main_visual .progress_cont {right: 9.30vw; bottom: 3.52vw; width: 6.95vw; height: 6.95vw;}
    .main_visual .arrow_cont {gap: 0.31vw;}
    .main_visual .arrow img {width: 1.48vw;}
    .main_visual .stop img {width: 0.47vw;}
    .main_visual .autoplay-progress svg {stroke-width: 0.08vw; stroke-dashoffset: calc(8.05vw * (1 - var(--progress))); stroke-dasharray: 138.2;}
    .autoplay-progress svg circle {cx: 23; cy: 23; r: 22;}

    /* sec1 */
    .main_sec1 {height: 55.66vw; padding: 6.41vw 0 0;}

    /* sec2 */
    .main_sec2 {padding-top: 6.41vw;}
    .main_sec2 .sec_tit p {font-size: 0.94vw;}
    .main_sec2 .sec_tit h3 {font-size: 3.52vw;}
    .main_sec2 .swiper {margin-top: 3.52vw;}
    .main_sec2 .swiper-slide {height: 44.27vw;}
    .main_sec2 .swiper-slide .box {top: 7.58vw;}
    .main_sec2 .swiper-slide .tit p {font-size: 0.94vw;}
    .main_sec2 .swiper-slide .tit h2 {margin-top: 0.55vw; font-size: 3.44vw;}
    .main_sec2 .swiper-slide.item1 .tit h2,
    .main_sec2 .swiper-slide.item3 .tit h2 span,
    .main_sec2 .swiper-slide.item4 .tit h2 {font-size: 3.44vw;}
    .main_sec2 .swiper-slide .line {width: 0.08vw; height: 1.76vw; margin: 1.88vw auto 2.97vw;}
    .main_sec2 .swiper-slide .hide > p {font-size: 1.09vw;}
    .main_sec2 .swiper-slide .hover {margin-top: 2.27vw; gap: 0.86vw;}
    .main_sec2 .swiper-slide .hover span {padding: 0 1.64vw; height: 2.97vw; line-height: 2.97vw; border-radius: 2.93vw; font-size: 0.94vw; letter-spacing: -0.04vw;}
    .main_sec2 .swiper-slide a {width: 4.10vw; height: 4.10vw; margin: 3.52vw auto 0;}
    .main_sec2 .swiper-slide a img {width: 2.19vw;}
    .main_sec2 .swiper-slide:hover .box {top: 6.02vw;}

    /* sec3 */
    .main_sec3 {padding: 11.48vw 0 12.34vw;}
    .main_sec3 .sec_tit p {font-size: 0.94vw;}
    .fr_form{max-width: 63.98vw; margin: 4.69vw auto 0;}
    .fr_form ul li{ margin-bottom: 2.34vw;}
    .fr_form ul li.flex {gap: 0 1.17vw;}
    .fr_form ul li.flex .item {width: calc(100%/3 - 1.17vw);}
    .fr_form ul li .item .input{font-size: 1.09vw; height: 3.52vw;}
    .fr_form ul li .item .textarea{height: 8.79vw; font-size: 1.09vw; padding-bottom: 0.7813vw;}
    .fr_form .bot .agree {gap: 0 0.78vw;}
    .fr_form .bot .agree label{font-size: 1.09vw; gap: 0 0.78vw;}
    .fr_form .bot .agree input[type="checkbox"]{width: 1.17vw; height: 1.17vw;}
    .fr_form .bot .agree .view_more{font-size: 1.09vw; text-underline-offset: 0.16vw;}
    .fr_form .bot .apply_btn{ width: 9.69vw; line-height: 3.05vw; font-size: 1.09vw; letter-spacing: -0.04vw; border-radius: 0.31vw;}

}



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

    /* 공통 */
    .pc{display:none !important;}
    .mob{display:block !important;}
    .inner{max-width:100%; padding: 0 5.21vw;}

    /* HEADER */
    .header{height:18.36vw;}
    .header h1 a img{width: 26.04vw;}
    .header .right_menu {gap: 0;}
    .header .gnb{display: none;}
    .head_mob_btn img {width: 5.79vw;}
    .head_bg {display: block !important; transform: translateX(100%); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #000; z-index: 100; padding: 19.66vw 5.21vw; overflow: hidden; overflow-y: scroll; transition: all .4s;}
    .head_bg.on {transform: translateX(0);}
    .head_bg_close {position: absolute; top: 6.64vw; right: 5.73vw;}
    .head_bg_close img {width: 4.17vw;}
    .head_bg_logo img {width: 27.73vw;}
    .head_bg .accordion {margin-top: 22.14vw;}
    .head_bg .accordion > li + li {margin-top: 8.33vw;}
    .head_bg .accordion .link,
    .head_bg .accordion .link a {font-size: 8.33vw; font-weight: 600; color: #ffffff50; letter-spacing: -.03em; line-height: 1.18;}
    .head_bg .accordion > li.on .link,
    .head_bg .accordion > li.on .link a {color: #fff;}
    .head_bg .accordion .submenu {margin-top: 5.60vw; display: none;}
    .head_bg .accordion .submenu ul {display: flex; align-items: center; gap: 4.17vw; white-space: nowrap; overflow: hidden; overflow-x: scroll; justify-content: flex-start;}
    .head_bg .accordion .submenu a span,
    .head_bg .accordion .submenu a {font-size: 3.91vw; font-weight: 700; color: #fff; opacity: .5; letter-spacing: -0.11vw; line-height: 2;}
    .head_bg .accordion .submenu a:hover {opacity: 1; text-decoration: underline; text-underline-offset: 0.26vw;}
    .head_bg .sns {margin-top: 21.48vw;}
    .head_bg .sns p {font-size: 3.26vw; font-weight: 600; color: #9A9A9A; letter-spacing: -.03em; line-height: 1.16; margin-bottom: 1.82vw;}
    .head_bg .sns a {font-size: 4.43vw; font-weight: 600; color: #fff; letter-spacing: -.03em; line-height: 1.2; display: flex; align-items: center; gap: 1.56vw;}
    .head_bg .copy {margin-top: 14.58vw; font-size: 3.65vw; font-weight: 400; color: #fff; line-height: 1.3;}

    /* SIDE QUICK */
    .quickSide{ right:5.21vw; bottom:8.46vw;}
    .quickSide ul{ gap:1.69vw;}
    .quickSide ul li.circle a {width:10.42vw; height:10.42vw; gap:5.34vw;}
    .quickSide ul li a.close img{width:5.04vw;}
    .quickSide ul li a.event img{width:3.17vw;}
    .quickSide ul li a.top img{width:3.33vw;}
    .quickSide ul li a.more img {width: 3.39vw;}
    .quickSide ul.more_list {gap: 0; margin-bottom: 2.08vw; padding: 1.30vw; border-radius: 16.28vw;}
    .quickSide ul.more_list .circle .close img {width: 5.60vw;}
    .quickSide ul.more_list .circle .more img {width: 3.39vw;}
    .quickSide ul.more_list > div {margin: 3.26vw auto 1.69vw;}
    .quickSide ul.more_list > div li img {width: 4.11vw;}
    .quickSide ul.more_list > div li span {margin-top: 2.08vw; font-size: 1.95vw;}

    /* footer */
    .footer {padding: 16.93vw 0 15.63vw;}
    .footer .top {flex-direction: column; align-items: flex-start; gap: 11.72vw;}
    .footer .logo {width: 26.04vw;}
    .footer .term {gap: 3.91vw;}
    .footer .term a {font-size: 3.65vw;}
    .footer .bot {margin-top: 8.98vw; flex-direction: column; align-items: flex-start; gap: 6.51vw;}
    .footer .info p:not(.copy) {gap: 0.65vw 2.60vw; flex-wrap: wrap;}
    .footer .info p + p {margin-top: 0.65vw;}
    .footer .info p span {font-size: 3.39vw;}
    .footer .info p strong {font-size: 3.39vw;}
    .footer .info p.copy {margin-top: 8.33vw; font-size: 3.13vw;}
    .footer .sns {gap: 3.91vw;}
    .footer .sns img {width: 9.11vw;}

    /* main */
    /* 공통 */
    .view_btn {height: 10.76vw; padding: 0 7.55vw; border-radius: 1.18vw; gap: 1.95vw; font-size: 3.39vw; letter-spacing: -0.14vw; border-width: 0.47vw;}
    .view_btn img {width: 4.73vw; margin-right: -1.17vw; margin-top: 0.26vw;}

    .sec_tit p {font-size: 3.65vw;}
    .sec_tit h3 {margin-top: 2.60vw; font-size: 6.77vw;}

    /* visual */
    .main_visual .item {height: 169.27vw;}
    .main_visual .txt_cont {top: 30.47vw;}
    .main_visual .txt_cont .sub {margin-bottom: 5.21vw;}
    .main_visual .txt_cont .sub span {font-size: 3.65vw;}
    .main_visual .txt_cont .main span {font-size: 7.81vw;}
    .main_visual .btn {margin-top: 5.21vw;}
    .main_visual .progress_cont {right: 23.44vw; bottom: 8.46vw; width: 20.83vw; height: 20.83vw;}
    .main_visual .arrow_cont {gap: 0.91vw;}
    .main_visual .arrow img {width: 4.44vw;}
    .main_visual .stop img {width: 1.43vw;}
    .main_visual .autoplay-progress .circle {border: 0.54vw solid rgba(217, 217, 217, 0.2);}
    .main_visual .autoplay-progress svg {stroke-width: 1px; stroke-dashoffset: calc(138.23 * (1 - var(--progress))); stroke-dasharray: 138.23;}
    .autoplay-progress svg circle {cx: 23; cy: 23; r: 22;}

    /* sec1 */
    .main_sec1 {height: 151.04vw; padding: 20.83vw 0 0; background: url(/img/main/sec1_bg_m.png) no-repeat center/cover;}

    /* sec2 */
    .main_sec2 {padding: 20.83vw 0 13.02vw;}
    .main_sec2 .sec_tit p {font-size: 3.65vw;}
    .main_sec2 .sec_tit h3 {font-size: 6.77vw;}
    .main_sec2 .swiper {margin-top: 15.63vw;}
    .main_sec2 .swiper-slide {height: 143.23vw; width: 100%;}
    .main_sec2 .swiper-slide .box {top: 27.86vw;}
    .main_sec2 .swiper-slide .tit p {font-size: 3.13vw;}
    .main_sec2 .swiper-slide .tit h2 {margin-top: 2.08vw; font-size: 11.72vw;}
    .main_sec2 .swiper-slide.item1 .tit h2,
    .main_sec2 .swiper-slide.item3 .tit h2 span,
    .main_sec2 .swiper-slide.item4 .tit h2 {font-size: 11.72vw;}
    .main_sec2 .swiper-slide .line {width: 0.26vw; height: 7.81vw; margin: 8.20vw auto 10.42vw;}
    .main_sec2 .swiper-slide .hide > p {font-size: 3.65vw;}
    .main_sec2 .swiper-slide .hover {margin-top: 6.51vw; gap: 3.65vw;}
    .main_sec2 .swiper-slide .hover span {padding: 0 7.29vw; height: 10.94vw; line-height: 10.94vw; border-radius: 13.02vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    .main_sec2 .swiper-slide a {width: 13.02vw; height: 13.02vw; margin: 9.90vw auto 0;}
    .main_sec2 .swiper-slide a img {width: 6.94vw;}
    .main_sec2 .swiper-slide:hover .box {top: 18.75vw;}
    .main_sec2 .arrow {top: 50%; transform: translateY(-50%); bottom: auto; margin: 0; width: 10.4167vw; height: 10.4167vw;}
    .main_sec2 .arrow::after {display: none;}
    .main_sec2 .arrow img {width: 100%;}
    .main_sec2 .arrow.swiper-button-prev {left: 1.3021vw;}
    .main_sec2 .arrow.swiper-button-next {right: 1.3021vw;}

    /* sec3 */
    .main_sec3 {padding: 18.23vw 0 26.04vw;}
    .main_sec3 .sec_tit p {font-size: 3.13vw;}
    .fr_form{max-width: 100%; margin: 15.63vw auto 0; padding: 0 5.21vw;}
    .fr_form ul li{ margin-bottom: 2.60vw;}
    .fr_form ul li.flex {gap: 0 2.60vw; flex-direction: column;}
    .fr_form ul li.flex .item {width: 100%;}
    .fr_form ul li .item .input{font-size: 3.65vw; height: 13.02vw;}
    .fr_form ul li .item .textarea{height: 39.06vw; font-size: 3.65vw; padding-bottom: 1.3021vw;}
    .fr_form .bot {gap: 10.42vw; flex-direction: column; margin-top: 7.81vw;}
    .fr_form .bot .agree {gap: 3.65vw;}
    .fr_form .bot .agree label{font-size: 3.65vw; gap: 0 3.65vw;}
    .fr_form .bot .agree input[type="checkbox"]{width: 3.65vw; height: 3.65vw;}
    .fr_form .bot .agree .view_more{font-size: 3.65vw; text-underline-offset: 0.52vw;}
    .fr_form .bot .apply_btn{ width: 36.07vw; line-height: 11.72vw; font-size: 3.65vw; letter-spacing: -0.16vw; border-radius: 1.30vw; margin: 0 auto;}

}