@font-face {font-family: 'Poppins'; font-weight: 100; font-style: normal; src: url('/font/Poppins-Thin.woff') format('woff');}
@font-face {font-family: 'Poppins'; font-weight: 200; font-style: normal; src: url('/font/Poppins-ExtraLight.woff') format('woff');}
@font-face {font-family: 'Poppins'; font-weight: 300; font-style: normal; src: url('/font/Poppins-Light.woff') format('woff');}
@font-face {font-family: 'Poppins'; font-weight: 400; font-style: normal; src: url('/font/Poppins-Regular.woff') format('woff');}
@font-face {font-family: 'Poppins'; font-weight: 500; font-style: normal; src: url('/font/Poppins-Medium.woff') format('woff');}
@font-face {font-family: 'Poppins'; font-weight: 600; font-style: normal; src: url('/font/Poppins-SemiBold.woff') format('woff');}
@font-face {font-family: 'Poppins'; font-weight: 700; font-style: normal; src: url('/font/Poppins-Bold.woff') format('woff');}
@font-face {font-family: 'Poppins'; font-weight: 800; font-style: normal; src: url('/font/Poppins-ExtraBold.woff') format('woff');}
@font-face {font-family: 'Poppins'; font-weight: 900; font-style: normal; src: url('/font/Poppins-Black.woff') format('woff');}

/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto;}
.f-pop{font-family: var(--font-pop) !important;}
.point{color: var(--color1) !important;}
.wh, .wh *{color: #fff !important;}
:root {
    --font-pop : 'Poppins';
    --color1 : #6A6FB3;
    --color2 : #CACEFF;
}

/* header */
.header{height:90px; padding:0 60px; position:fixed; top:0; z-index:100; width:100%; display: flex; align-items: center; justify-content: space-between;}
.header .logo{width: 88px; aspect-ratio: 2/1; display: block; background: url(/img/main/logo.svg) no-repeat center / contain; transition: background 0.4s;}
.header .gnb_wrap{display: flex; align-items: center; gap: 100px; height: 100%;}
.header .gnb{display:flex; gap:80px; height: 100%;}
.header .gnb > li{position:relative; height: 100%; display: flex; align-items: center;}
.header .gnb > li > a{font-size: 18px; letter-spacing: -0.8px; font-weight: 700; position: relative; transition: all 0.4s;}
.header .gnb > li > a::before{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: var(--color1); position: absolute; left: 50%; transform: translateX(-50%); top: -10px; opacity: 0; transition: all 0.4s;}
.header .gnb_2depth{position:absolute; top:80px; left: 50%; transform: translateX(-50%); width: 170px; padding: 20px; border-radius: 10px 30px; background: var(--color1); text-align: center; visibility: hidden; opacity: 0; transition: all 0.4s;}
.header .gnb > li:hover > a{color: var(--color1);}
.header .gnb > li:hover > a::before{opacity: 1;}
.header .gnb > li:hover .gnb_2depth{visibility: visible; opacity: 1;}
.header .gnb_2depth li + li{margin-top:10px;}
.header .gnb_2depth li a{font-size: 16px; letter-spacing: -0.6px; font-weight: 500; line-height: 1.62; opacity: 0.7; color: #fff; display: block; transition: all 0.4s;}
.header .gnb_2depth li a:hover{opacity: 1; font-weight: 700;}
.all_menu_btn{width: 24px; aspect-ratio: 1/1; cursor:pointer; background: url(/img/main/all_menu_btn.svg) no-repeat center / contain; transition: all 0.4s;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}
/* .header.white .logo{background-image: url(/img/main/logo_w.svg);} */
.header.white .gnb > li > a{color: #fff;}
.header.white .gnb > li:hover > a{color: var(--color2);}
.header.white .gnb > li > a::before{background: var(--color2);}
.header.white .all_menu_btn{background-image: url(/img/main/all_menu_btn_w.svg);}
.header.fixed .logo{background-image: url(/img/main/logo.svg);}
.header.fixed{background: #FFF;}
.header.fixed .gnb > li > a{color: #000;}
.header.fixed .gnb > li:hover > a{color: var(--color1);}

/* quick btn */
.quick{position: fixed; right: 40px; bottom: 40px; z-index: 1000; transition: all 0.7s;}
.quick #topBtn{border-radius: 50%; background: var(--color1); display: flex; align-items: center; justify-content: center; width: 60px; height: 60px;}
.quick #topBtn img{width: 20px;}

/* all menu */
.all_menu{transform: translateY(-100%); position:fixed; width:100%; height:100%; z-index:5000; background: #ffffff; transition: 0.5s ease 0s;}
.all_menu.on {transform: translateY(0);}
.all_menu .inner{position:relative;}
.all_menu_close{position:absolute; right:0; top:120px; width:20px; aspect-ratio: 1/1; cursor:pointer;}
.all_menu_close img{width:100%; height: 100%; display: block;}
.all_menu .title{padding-top:193px; font-size:50px; font-weight:700; color: var(--color1); font-family: var(--font-pop); line-height: 1.5; text-align: center;}
.all_menu_list{margin-top:88px; display:flex; text-align: center;}
.all_menu_list dl{width:calc(100%/5); opacity: 0; transform: translateY(50px); transition: all 0.8s ease-in-out;}
.all_menu.on .all_menu_list dl {opacity: 1; transform: translateY(0);}
.all_menu.on .all_menu_list dl:nth-child(2){transition-delay:0.2s;}
.all_menu.on .all_menu_list dl:nth-child(3){transition-delay:0.4s;}
.all_menu.on .all_menu_list dl:nth-child(4){transition-delay:0.6s;}
.all_menu.on .all_menu_list dl:nth-child(5){transition-delay:0.8s;}
.all_menu_list dt{font-size:30px; font-weight:800; margin-bottom:25px; letter-spacing: -1px; line-height: 1.2; transition: all 0.3s;}
.all_menu_list dl:hover dt{color: var(--color1);}
.all_menu_list dd + dd{margin-top:15px;}
.all_menu_list dd a{font-size:20px; font-weight: 500; opacity: 0.6; letter-spacing: -.5px; transition: color 0.3s, opacity 0.3s;}
.all_menu_list dd a:hover {text-decoration: underline; text-underline-offset: 5px; opacity: 1; color: var(--color1);}

/* navi */
#fp-nav{position: fixed; top: 50%; transform: translateY(-50%); right: 50px; z-index: 100; margin-top: 0 !important; transition: all 0.7s;}
#fp-nav ul li + li{margin-top: 25px;}
#fp-nav ul li a span{display: block; width: 8px; height: 8px; background: rgba(255,255,255,0.5); border-radius: 50%; transition: all .4s;}
#fp-nav ul li a.active span{background: #fff;}
#fp-nav.pl ul li a span{background: var(--color1); opacity: 0.2;}
#fp-nav.pl ul li a.active span{opacity: 1;}

/* common */
.main .section{clip-path: inset(60px round 50px); transition: all 0.7s 0.5s;}
.main .section.active{clip-path: inset(0 0 0);}
[data-act="up"] > div {transform: translateY(100%); opacity: 0; transition: all 1s;}
.section.active [data-act="up"] > div {transform: translateY(0); opacity: 1; transition-delay: 0.7s;}
.section.active [data-delay="250"] {transition-delay: 1s !important;}
.section.active [data-delay="500"] {transition-delay: 1.25s !important;}
.section.active [data-delay="1000"] {transition-delay: 1.5s !important;}
.main .s_tit{font-size: 70px; letter-spacing: -2px; font-weight: 700; line-height: 1.14; font-family: var(--font-pop);}
.main .s_txt{font-size: 20px; letter-spacing: -1.5px; line-height: 1.5; color: #6D6D6D;}
/* .main .section .inner{padding-top: 90px;} */

/* btn */
.main .view_btn {position: relative; padding: 12px 12px 12px 30px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.40); backdrop-filter: blur(5px); overflow: hidden; width: fit-content;}
.main .view_btn a {position: relative; display: flex; align-items: center; gap: 0 20px; justify-content: center; font-size: 16px; font-weight: 500; letter-spacing: -0.16px; color: #fff; font-family: var(--font-pop); transition: all .7s; z-index: 2;}
.main .view_btn:hover a {color: var(--color1);}
.main .view_btn a .plus {width: 40px; height: 40px; border-radius:50%; background: #fff url(/img/main/plus_ic.svg) no-repeat center / 16px; transition: all .7s;}
.main .view_btn:hover a .plus {background-color: var(--color1); background-image: url(/img/main/plus_ic_w.svg);}
.main .view_btn .btn_fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; background: #fff; transition: all 0.7s;}
.main .view_btn:hover .btn_fill {width: 30rem; height: 30rem;}
.main .view_btn.pl{border-color: var(--color1);}
.main .view_btn.pl a{color: var(--color1);}
.main .view_btn.pl a .plus{background-color: var(--color1); background-image: url(/img/main/plus_ic_w.svg);}
.main .view_btn.pl .btn_fill{background: var(--color1);}
.main .view_btn.pl:hover a {color: #fff;}
.main .view_btn.pl:hover a .plus{background-color: #fff; background-image: url(/img/main/plus_ic.svg);}

/* visual */
.visual .swiper {position: relative; height: 100vh;}
.visual .swiper-slide {position: relative; height: 100%; transition: opacity 1000ms; opacity: 0 !important; z-index: 0;}
.visual .swiper-slide.swiper-slide-active {opacity: 1 !important; z-index: 1;}
.visual .swiper-slide > img {width: 100%; height: 100%; opacity: 0.08; filter: Alpha(opacity = 40); background-size: cover !important; transform: scale(1.0, 1.0); transition: opacity 3s ease-out, transform 8.5s linear; object-fit: cover; object-position: center;}
.visual .swiper-slide.swiper-slide-active > img {transform: scale(1.1, 1.1) rotate(0.0001deg); opacity: 1; filter: Alpha(opacity = 100);}
.visual .swiper-slide .txt {position: absolute; bottom: 100px; left: 0; right: 0; color: #fff; z-index: 20;}
.visual .swiper-slide .txt .title{font-size: 55px; letter-spacing: -2px; font-weight: 800;}
.visual .swiper-slide .txt .cont{margin-top: 20px; font-size: 20px; letter-spacing: -1.5px; font-weight: 500; line-height: 1.5;}
.visual .swiper-slide .txt .btnn{margin-top: 50px;}
.visual [data-act="up"]{overflow: hidden;}
.visual.active [data-act="up"] > div {transform: translateY(100%); opacity: 1;}
.visual .swiper-slide-active [data-act="up"] > div {transform: translateY(0); transition-delay: 0s;}
.visual .swiper-slide-active [data-delay="250"] {transition-delay: .25s !important;}
.visual .swiper-slide-active [data-delay="500"] {transition-delay: .5s !important;}
.visual .swiper-slide:nth-child(1) [data-act="up"] > div {transition-delay: 0.7s !important;}
.visual .swiper-slide:nth-child(1) [data-act="up"] [data-delay="250"] {transition-delay: 1s !important;}
.visual .swiper-slide:nth-child(1) [data-act="up"] [data-delay="500"] {transition-delay: 1.25s !important;}
.visual .arrow_box {position: absolute; left: 0; right: 0; bottom: 100px; display: flex; align-items: center; justify-content: flex-end; gap: 15px;}
.visual .arrow_box .arrow {margin: 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 70px; height: 70px; border-radius: 100%; border: 1px solid #ffffff50; display: flex; align-items: center; justify-content: center; opacity: 1; cursor: pointer; background-image: none;}
.visual .arrow_box .arrow::after {display: none;}
.visual .arrow_box .arrow > img {width: 20px;}
.visual .arrow_box .arrow .autoplay-progress svg { --progress: 0; position: absolute; left: 50%; top: 50%; z-index: 10; width: calc(100% + 11px); height: calc(100% + 11px); stroke-width: 1.5px; stroke: #fff; fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: translate(-50%,-50%) rotate(-90deg); }
.visual .arrow_box .arrow .autoplay-progress span {display: none;}
@keyframes text-active-animation {
	from {opacity: 0; filter:Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px);}
	to {opacity: 1; filter:Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes text-fade-out {
	from {opacity:1.0;filter:Alpha(opacity=100);}
	to {opacity:0;filter:Alpha(opacity=0);}
}

/* sec1 */
.main .sec1{background: #F9F9F9;}
.main .txt_bg{position: relative;}
.main .txt_bg::after{content: 'Sungshin Women’s University'; font-size: 115px; font-weight: 800; text-transform: uppercase; font-family: var(--font-pop); -webkit-text-stroke: 1px #000; opacity: 0; position: absolute; left: -3px; bottom: 0; z-index: 10; color: transparent; white-space: nowrap; line-height: 0.7; transition: all 1s 0.7s;}
.main .sec1.active::after{opacity: 0.1;}
.main .sec1 .inner{display: flex; align-items: center; gap: 120px; height: 100%;}
.main .sec1 .img{width: 740px; position: relative;}
.main .sec1 .img img{width: 100%;}
.main .sec1 .img .rotate{width: 116px; position: absolute; left: -58px; top: -58px; animation: rotate infinite 10s linear;}
@keyframes rotate {
	100%{transform: rotate(360deg);}
}
.main .sec1 .s_txt{margin: 40px 0 50px;}
.main .sec1 .s_txt p + p{margin-top: 20px;}

/* sec2 */
.main .sec2{background: url(/img/main/sec2_bg.jpg) no-repeat center / cover;}
.main .sec2 .title{text-align: center;}
.main .sec2 .title .s_txt{margin-top: 20px;}
.main .sec2 .cont{margin-top: 80px;}
.main .sec2 .cont ul{display: flex; justify-content: center; gap: 70px;}
.main .sec2 .cont ul li{width: 420px; }
.main .sec2 .cont ul li a{display: flex; flex-direction: column; align-items: center; gap: 50px; padding: 70px 50px; background-color: rgba(255, 255, 255, 0.10); backdrop-filter: blur(10px); text-align: center; -webkit-backdrop-filter: blur(10px); will-change: backdrop-filter; border-radius: 10px 50px; border: 1px solid rgba(255, 255, 255, 0.40); transition: all 0.4s;}
.main .sec2 .cont ul li a:hover{background: rgba(106, 111, 179, 0.80); border-color: #fff;}
.main .sec2 .cont ul li a .icon{width: 140px;}
.main .sec2 .cont ul li a dl dt{font-size: 35px; letter-spacing: -1px; margin-bottom: 20px; font-weight: 700;}

/* sec3 */
.main .sec3 .inner{padding-top: 50px;}
.main .sec3 .cont{margin-top: 60px;}
.main .sec3 .swiper{margin: 0 -25px;}
.main .sec3 .swiper-slide{width: 500px; margin: 0 25px;}
.main .sec3 .swiper-slide a{display: flex; flex-direction: column; gap: 40px;}
.main .sec3 .swiper-slide a .img{width: 100%; aspect-ratio: 10/7; border-radius: 10px 100px; overflow: hidden; position: relative;}
.main .sec3 .swiper-slide a .img::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 10px 100px; border: 5px solid var(--color2); position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.5s; z-index: 5;}
.main .sec3 .swiper-slide a .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: all 0.5s;}
.main .sec3 .swiper-slide a:hover .img img{transform: scale(1);}
.main .sec3 .swiper-slide a:hover .img::before{opacity: 1;}
.main .sec3 .swiper-slide a dl dt{font-size: 24px; letter-spacing: -0.24px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .sec3 .swiper-slide a dl dd{margin-top: 10px; font-size: 18px; letter-spacing: -0.18px; color: #6D6D6D; line-height: 1.33; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .sec3 .bot{margin-top: 60px; display: flex; align-items: center; justify-content: space-between;}
.main .arrow_cont{display: flex; align-items: center; gap: 15px;}
.main .arrow_cont div{width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.15); transition: all 0.4s; cursor: pointer;}
.main .arrow_cont div img{width: 20px; filter: invert(1); transition: all 0.4s;}
.main .arrow_cont div:hover{background: var(--color1);}
.main .arrow_cont div:hover img{filter: invert(0);}
.main .sec3 .cont.no .swiper{margin: 0;}
.main .sec3 .cont.no .bot{justify-content: flex-end;}
.no_data{width: 100% !important; margin: 0 !important; display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: none !important; border-top: 1px solid #000 !important; border-bottom: 1px solid #000 !important; border-radius: 0 !important;}
.no_data img{width: 38px;}
.no_data p{margin: 28px 0 0 !important; font-weight: 500; color: #000 !important;}
.main .sec3 .no_data{height: 473px;}

/* sec4 */
.main .sec4{background: url(/img/main/sec4_bg.jpg) no-repeat center / cover;}
.main .sec4 .cont{display: flex; height: 100%;}
.main .sec4 .item{width: 33.33%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 50px; position: relative;}
.main .sec4 .item::before{content: ''; display: block; width: 100%; height: 100%; opacity: 0.2; background: #000; position: absolute; left: 0; top: 0; transition: all 0.4s; z-index: 5;}
.main .sec4 .item:hover::before{opacity: 0; z-index: 0; }
.main .sec4 .item + .item{border-left: 1px solid rgba(255, 255, 255, 0.40);}
.main .sec4 .item .icon img{width: 80px;}
.main .sec4 .item dl dt{font-size: 50px; letter-spacing: -2px; margin-bottom: 30px; font-weight: 800;}
.main .sec4 .item a{width: 0; height: 0; display: flex; align-items: center; justify-content: center; border-radius: 100%;  background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); transition: all 0.4s;}
.main .sec4 .item a img{width: 0; transition: all 0.4s;}
.main .sec4 .item:hover a{width: 100px; height: 100px; border: 1px solid rgba(255, 255, 255, 0.40);}
.main .sec4 .item:hover a img{width: 22px;}

/* sec5 */
.main .sec5{background: #E0E1ED; position: relative; overflow: hidden;}
.main .sec5::before{content: ''; display: block; width: 680px; aspect-ratio: 1/1; background: url(/img/main/sec5_logo.svg) no-repeat center / contain; position: absolute; left: -155px; bottom: -340px;}
.main .sec5 .inner{display: flex; justify-content: space-between; align-items: flex-start;}
.main .sec5 .s_txt{margin: 30px 0 60px;}
.main .sec5 .cont{width: 1150px;}
.main .sec5 .cont .swiper{margin: 0 -25px;}
.main .sec5 .cont .swiper-slide{width: 350px; margin: 0 25px; border-radius: 10px 50px; border: 1px solid rgba(0, 0, 0, 0.05); overflow: hidden;}
.main .sec5 .cont .swiper-slide a{display: flex; flex-direction: column;}
.main .sec5 .cont .swiper-slide a .img{aspect-ratio: 35/27; display: block; overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.main .sec5 .cont .swiper-slide a .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: all 0.5s;}
.main .sec5 .cont .swiper-slide:hover a .img img{transform: scale(1);}
.main .sec5 .cont .swiper-slide a .txt{padding: 35px 30px; display: block; background: rgba(255, 255, 255, 0.20); transition: all 0.5s;}
.main .sec5 .cont .swiper-slide:hover a .txt{background: #fff;}
.main .sec5 .cont .swiper-slide a .txt strong{font-size: 24px; letter-spacing: -0.24px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.main .sec5 .cont .swiper-slide a .txt span{margin-top: 10px; font-size: 18px; letter-spacing: -0.18px; color: #6D6D6D; line-height: 1.33; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.main .sec5 .cont .swiper-slide a .txt em{margin-top: 20px; font-size: 16px; letter-spacing: -0.16px; color: #6D6D6D; line-height: 1.37; font-family: var(--font-pop); opacity: 0.5; display: block;}
.main .sec5 .cont .bot{margin-top: 50px; display: flex; align-items: center; justify-content: space-between;}
.main .sec5 .cont .bot .scrollbar{width: 940px; height: 2px; background: rgba(0,0,0,0.2);}
.main .sec5 .cont .bot .swiper-scrollbar-drag{background: #000;}
.main .sec5 .cont.no .swiper{margin: 0;}
.main .sec5 .no_data{height: 565px; }

/* sec6 */
.main .sec6{background: url(/img/main/sec6_bg.jpg) no-repeat center / cover;}
.main .sec6::after{-webkit-text-stroke-color: #fff;}
.main .sec6.active::after{opacity: 0.2;}
.main .sec6 .inner{display: flex; justify-content: space-between; }
.main .sec6 .s_txt{margin-top: 30px;}
.main .sec6 .info{margin-top: 60px; display: flex; flex-direction: column; gap: 15px;}
.main .sec6 .info .item{display: flex; align-items: center; gap: 15px;}
.main .sec6 .info .item .icon{width: 50px; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.40); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center;}
.main .sec6 .info .item .icon img{width: 24px;}
.main .sec6 .info .item p{font-size: 22px; letter-spacing: -2px; font-weight: 500;}
.main .sec6 .cont{width: 1000px;}
.main .sec6 .cont .form dl{padding: 25px 40px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.40); background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px); display: flex; align-items: flex-start; font-size: 18px; letter-spacing: -1.2px; line-height: 1.55; transition: all 0.4s;}
.main .sec6 .cont .form dl:hover{border-color: #fff;}
.main .sec6 .cont .form dl + dl{margin-top: 20px;}
.main .sec6 .cont .form dl dt{width: 110px; font-weight: 700;}
.main .sec6 .cont .form dl dd{width: calc(100% - 110px);}
.main .sec6 .cont .form dl dd input{width: 100%; background: none; border: none; letter-spacing: -1.2px; font-family: 'Pretendard'; font-weight: 400;}
.main .sec6 .cont .form dl dd textarea{width: 100%; background: none; border: none; letter-spacing: -1.2px; font-family: 'Pretendard'; font-weight: 400; resize: none; height: 150px;}
.main .sec6 .cont .form dl dd input::placeholder,
.main .sec6 .cont .form dl dd textarea::placeholder{color: rgba(255, 255, 255, 0.60) !important;}
.main .sec6 .cont .bot{margin-top: 30px; display: flex; align-items: flex-start; justify-content: space-between;}
.main .sec6 .cont .bot .agree{display: flex; align-items: center; gap: 14px;}
.main .sec6 .cont .bot .agree input{width: 20px; aspect-ratio: 1/1; background: url(/img/main/check_ic_w.svg) no-repeat center / contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none;}
.main .sec6 .cont .bot .agree input:checked{background-image: url(/img/main/checked_ic_w.svg);}
.main .sec6 .cont .bot .agree label{font-size: 18px; letter-spacing: -1.2px; font-weight: 600; line-height: 1.55;}
.main .sec6 .cont .bot .agree .pop_btn{font-size: 16px; letter-spacing: -1.2px; text-decoration: underline; cursor: pointer;}
.main .sec6 .cont .bot .submit{font-size: 20px; letter-spacing: -1.5px; font-weight: 800; line-height: 1.5; padding: 15px 50px; border-radius: 100px; background: #FFF; display: inline-block; border: none; outline: none; color: #000 !important; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* sec7 */
.main .sec7 .inner{width: 100%;}
.main .sec7 .wrap{background: #ECECF4; height: calc(100% - 265px); display: flex; align-items: center;}
.main .sec7.active .wrap::after{opacity: 0.1;}
.main .sec7 .s_tit{text-align: center;}
.main .sec7 .cont{margin-top: 70px;}
.main .sec7 .swiper{margin: 0 -20px;}
.main .sec7 .swiper-slide{width: 370px; margin: 0 20px; border-radius: 8px 40px; border: 1px solid #E3E3E3; overflow: hidden;}
.main .sec7 .swiper-slide a{display: block; aspect-ratio: 37/15; position: relative;}
.main .sec7 .swiper-slide a::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 8px 40px; border: 5px solid var(--color1); position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.4s;}
.main .sec7 .swiper-slide a:hover::before{opacity: 1;}
.main .sec7 .swiper-slide a img{width: 100%; height: 100%; object-fit: cover;}
.main .sec7 .bot{margin-top: 40px; display: flex; align-items: center; justify-content: center; gap: 15px;}
.main .sec7 .bot .arrow{width: 16px; cursor: pointer;}
.main .sec7 .bot .arrow img{width: 100%;}
.main .sec7 .bot .pagination{width: auto; display: flex; align-items: center; justify-content: center; gap: 10px;}
.main .sec7 .bot .pagination .swiper-pagination-bullet{width: 50px; height: 3px; background: #BEBEBE; margin: 0; border-radius: 0; opacity: 1;}
.main .sec7 .bot .pagination .swiper-pagination-bullet-active{background: var(--color1);}
.main .sec7 .cont.no .swiper{margin: 0;}
.main .sec7 .no_data{height: 240px;}
.quick.last{bottom: 300px;}
#fp-nav.last{top: 40%;}

/* .footer */
.footer{height: 265px; background: #000; display: flex; align-items: center;}
.footer *{font-size: 16px; letter-spacing: -1.4px; line-height: 1.62;}
.footer .inner{display: flex; justify-content: space-between; width: 100%;}
.main .footer .inner{opacity: 0; transition: all 1s 0.8s;}
.main .sec7.active .footer .inner{opacity: 1;}
.footer .ft_lt{display: flex; gap: 135px;}
.footer .logo{width: 88px;}
.footer .logo img{width: 100%;}
.footer .info ul li{display: flex; align-items: center; gap: 15px;}
.footer .info .copy{margin-top: 20px; opacity: 0.7;}
.footer .ft_rt{text-align: right;}
.footer .use{display: flex; flex-direction: column; align-items: flex-end; gap: 5px;}
.footer .sns{margin-top: 25px; display: flex; justify-content: flex-end; gap: 10px;}
.footer .sns a{width: 30px; opacity: 0.7;}
.footer .sns a img{width: 100%;}		


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

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

	/* header */
	.header{height:5.49vw; padding:0 2.44vw;}
	.header .logo{width: 5.37vw;}
	.header .gnb_wrap{gap: 6.10vw;}
	.header .gnb{gap:4.88vw;}
	.header .gnb > li > a{font-size: 1.10vw; letter-spacing: -0.05vw;}
	.header .gnb > li > a::before{top: -0.61vw;}
	.header .gnb_2depth{top:4.88vw; width: 10.37vw; padding: 1.22vw; border-radius: 0.61vw 1.83vw;}
	.header .gnb_2depth li + li{margin-top:0.61vw;}
	.header .gnb_2depth li a{font-size: 0.98vw; letter-spacing: -0.04vw;}
	.all_menu_btn{width: 1.46vw;}

	/* quick btn */
	.quick{right: 2.44vw; bottom: 2.44vw;}
	.quick #topBtn{width: 3.66vw; height: 3.66vw;}
	.quick #topBtn img{width: 1.22vw;}

	/* all menu */
	.all_menu_close{top:7.32vw; width:1.22vw; right: 2.44vw;}
	.all_menu .title{padding-top:11.77vw; font-size:3.05vw;}
	.all_menu_list{margin-top:5.37vw;}
	.all_menu_list dt{font-size:1.83vw; margin-bottom:1.52vw; letter-spacing: -0.06vw;}
	.all_menu_list dd + dd{margin-top:0.91vw;}
	.all_menu_list dd a{font-size:1.22vw; letter-spacing: -0.03vw;}

	/* navi */
	#fp-nav{right: 1.22vw;}
	#fp-nav ul li + li{margin-top: 1.52vw;}
	#fp-nav ul li a span{width: 0.49vw; height: 0.49vw;}

	/* common */
	.main .section{clip-path: inset(2.44vw round 3.05vw);}
	.main .s_tit{font-size: 4.27vw; letter-spacing: -0.12vw;}
	.main .s_txt{font-size: 1.22vw; letter-spacing: -0.09vw;}

	/* btn */
	.main .view_btn {padding: 0.73vw 0.73vw 0.73vw 1.83vw;}
	.main .view_btn a {gap: 0 1.22vw; font-size: 0.98vw; letter-spacing: -0.01vw;}
	.main .view_btn a .plus {width: 2.44vw; height: 2.44vw; background-size: 0.98vw;}

	/* visual */
	.visual .swiper-slide .txt {bottom: 6.10vw;}
	.visual .swiper-slide .txt .title{font-size: 3.35vw; letter-spacing: -0.12vw;}
	.visual .swiper-slide .txt .cont{margin-top: 1.22vw; font-size: 1.22vw; letter-spacing: -0.09vw;}
	.visual .swiper-slide .txt .btnn{margin-top: 3.05vw;}
	.visual .arrow_box {bottom: 6.10vw; gap: 0.91vw;}
	.visual .arrow_box .arrow {width: 4.27vw; height: 4.27vw;}
	.visual .arrow_box .arrow > img {width: 1.22vw;}
	.visual .arrow_box .arrow .autoplay-progress svg {width: calc(100% + 0.67vw); height: calc(100% + 0.67vw);}

	/* sec1 */
	.main .txt_bg::after{font-size: 6vw; left: -0.18vw;}
	.main .sec1{padding-left: 2.86vw;}
	.main .sec1 .inner{gap: 7.32vw;}
	.main .sec1 .img{width: 45.12vw;}
	.main .sec1 .img .rotate{width: 7.07vw; left: -3.54vw; top: -3.54vw;}
	.main .sec1 .s_txt{margin: 2.44vw 0 3.05vw;}
	.main .sec1 .s_txt p + p{margin-top: 1.22vw;}

	/* sec2 */
	.main .sec2 .title .s_txt{margin-top: 1.22vw;}
	.main .sec2 .cont{margin-top: 4.88vw;}
	.main .sec2 .cont ul{gap: 4.27vw;}
	.main .sec2 .cont ul li{width: 25.61vw;}
	.main .sec2 .cont ul li a{gap: 3.05vw; padding: 4.27vw 3.05vw; border-radius: 0.61vw 3.05vw;}
	.main .sec2 .cont ul li a .icon{width: 8.54vw;}
	.main .sec2 .cont ul li a dl dt{font-size: 2.13vw; letter-spacing: -0.06vw; margin-bottom: 1.22vw;}

	/* sec3 */
	.main .sec3 .inner{padding-top: 3.05vw;}
	.main .sec3 .cont{margin-top: 3.66vw;}
	.main .sec3 .swiper{margin: 0 -1.52vw;}
	.main .sec3 .swiper-slide{width: 29.68vw; margin: 0 1.52vw;}
	.main .sec3 .swiper-slide a{gap: 2.44vw;}
	.main .sec3 .swiper-slide a .img{border-radius: 0.61vw 6.10vw;}
	.main .sec3 .swiper-slide a .img::before{border-radius: 0.61vw 6.10vw;}
	.main .sec3 .swiper-slide a dl dt{font-size: 1.46vw; letter-spacing: -0.01vw;}
	.main .sec3 .swiper-slide a dl dd{margin-top: 0.61vw; font-size: 1.10vw; letter-spacing: -0.01vw;}
	.main .sec3 .bot{margin-top: 3.66vw;}
	.main .arrow_cont{gap: 0.91vw;}
	.main .arrow_cont div{width: 4.27vw; height: 4.27vw;}
	.main .arrow_cont div img{width: 1.22vw;}
	.no_data img{width: 2.32vw;}
	.no_data p{margin: 1.71vw 0 0 !important;}
	.main .sec3 .no_data{height: 28.84vw;}

	/* sec4 */
	.main .sec4 .item{gap: 3.05vw;}
	.main .sec4 .item .icon img{width: 4.88vw;}
	.main .sec4 .item dl dt{font-size: 3.05vw; letter-spacing: -0.12vw; margin-bottom: 1.83vw;}
	.main .sec4 .item:hover a{width: 6.10vw; height: 6.10vw;}
	.main .sec4 .item:hover a img{width: 1.34vw;}

	/* sec5 */
	.main .sec5::before{width: 41.46vw; left: -9.45vw; bottom: -20.73vw;}
	.main .sec5 .s_txt{margin: 1.83vw 0 3.66vw;}
	.main .sec5 .cont{width: 70.12vw;}
	.main .sec5 .cont .swiper{margin: 0 -1.52vw;}
	.main .sec5 .cont .swiper-slide{width: 21.34vw; margin: 0 1.52vw; border-radius: 0.61vw 3.05vw;}
	.main .sec5 .cont .swiper-slide a .txt{padding: 2.13vw 1.83vw;}
	.main .sec5 .cont .swiper-slide a .txt strong{font-size: 1.46vw; letter-spacing: -0.01vw;}
	.main .sec5 .cont .swiper-slide a .txt span{margin-top: 0.61vw; font-size: 1.10vw; letter-spacing: -0.01vw;}
	.main .sec5 .cont .swiper-slide a .txt em{margin-top: 1.22vw; font-size: 0.98vw; letter-spacing: -0.01vw;}
	.main .sec5 .cont .bot{margin-top: 3.05vw;}
	.main .sec5 .cont .bot .scrollbar{width: 57.32vw;}
	.main .sec5 .no_data{height: 34.45vw;}

	/* sec6 */
	.main .sec6 .s_txt{margin-top: 1.83vw;}
	.main .sec6 .info{margin-top: 3.66vw; gap: 0.91vw;}
	.main .sec6 .info .item{gap: 0.91vw;}
	.main .sec6 .info .item .icon{width: 3.05vw;}
	.main .sec6 .info .item .icon img{width: 1.46vw;}
	.main .sec6 .info .item p{font-size: 1.34vw; letter-spacing: -0.12vw;}
	.main .sec6 .cont{width: 60.98vw;}
	.main .sec6 .cont .form dl{padding: 1.52vw 2.44vw; border-radius: 0.61vw; font-size: 1.10vw; letter-spacing: -0.07vw;}
	.main .sec6 .cont .form dl + dl{margin-top: 1.22vw;}
	.main .sec6 .cont .form dl dt{width: 6.71vw;}
	.main .sec6 .cont .form dl dd{width: calc(100% - 6.71vw);}
	.main .sec6 .cont .form dl dd input{letter-spacing: -0.07vw;}
	.main .sec6 .cont .form dl dd textarea{letter-spacing: -0.07vw; height: 9.15vw;}
	.main .sec6 .cont .bot{margin-top: 1.83vw;}
	.main .sec6 .cont .bot .agree{gap: 0.85vw;}
	.main .sec6 .cont .bot .agree input{width: 1.22vw;}
	.main .sec6 .cont .bot .agree label{font-size: 1.10vw; letter-spacing: -0.07vw;}
	.main .sec6 .cont .bot .agree .pop_btn{font-size: 0.98vw; letter-spacing: -0.07vw;}
	.main .sec6 .cont .bot .submit{font-size: 1.22vw; letter-spacing: -0.09vw; padding: 0.91vw 3.05vw;}

	/* sec7 */
	.main .sec7 .wrap{height: calc(100% - 16.16vw);}
	.main .sec7 .cont{margin-top: 4.27vw;}
	.main .sec7 .swiper{margin: 0 -1.22vw;}
	.main .sec7 .swiper-slide{width: 21.96vw; margin: 0 1.22vw; border-radius: 0.49vw 2.44vw;}
	.main .sec7 .swiper-slide a::before{border-radius: 0.49vw 2.44vw;}
	.main .sec7 .bot{margin-top: 2.44vw; gap: 0.91vw;}
	.main .sec7 .bot .arrow{width: 0.98vw;}
	.main .sec7 .bot .pagination{gap: 0.61vw;}
	.main .sec7 .bot .pagination .swiper-pagination-bullet{width: 3.05vw;}
	.main .sec7 .no_data{height: 14.63vw;}
	.quick.last{bottom: 18.29vw;}

	/* .footer */
	.footer{height: 16.16vw;}
	.footer *{font-size: 0.98vw; letter-spacing: -0.09vw;}
	.footer .ft_lt{gap: 8.23vw;}
	.footer .logo{width: 5.37vw;}
	.footer .info ul li{gap: 0.91vw;}
	.footer .info .copy{margin-top: 1.22vw;}
	.footer .use{gap: 0.30vw;}
	.footer .sns{margin-top: 1.52vw; gap: 0.61vw;}
	.footer .sns a{width: 1.83vw;}

}



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

	/* 공통 */
	.inner{padding: 0 2.42vw;}

	/* header */
	.header{height:5.47vw; padding:0 2.42vw;}
	.header .logo{width: 5.39vw;}
	.header .gnb_wrap{gap: 6.09vw;}
	.header .gnb{gap:4.84vw;}
	.header .gnb > li > a{font-size: 1.29vw; letter-spacing: -0.08vw;}
	.header .gnb > li > a::before{top: -0.63vw;}
	.header .gnb_2depth{top:4.84vw; width: 10.39vw; padding: 1.25vw; border-radius: 0.63vw 1.80vw;}
	.header .gnb_2depth li + li{margin-top:0.63vw;}
	.header .gnb_2depth li a{font-size: 1.22vw; letter-spacing: -0.08vw;}
	.all_menu_btn{width: 1.48vw;}

	/* quick btn */
	.quick{right: 2.42vw; bottom: 2.42vw;}
	.quick #topBtn{width: 3.67vw; height: 3.67vw;}
	.quick #topBtn img{width: 1.25vw;}

	/* all menu */
	.all_menu_close{top:7.34vw; width:1.25vw; right: 2.42vw;}
	.all_menu .title{padding-top:11.80vw; font-size:3.05vw;}
	.all_menu_list{margin-top:5.39vw;}
	.all_menu_list dt{font-size:1.80vw; margin-bottom:1.48vw; letter-spacing: -0.08vw;}
	.all_menu_list dd + dd{margin-top:0.94vw;}
	.all_menu_list dd a{font-size:1.25vw;}

	/* navi */
	#fp-nav{right: 1.21vw;}
	#fp-nav ul li + li{margin-top: 1.48vw;}
	#fp-nav ul li a span{width: 0.47vw; height: 0.47vw;}

	/* common */
	.main .section{clip-path: inset(2.42vw round 3.05vw);}
	.main .s_tit{font-size: 4.30vw; letter-spacing: -0.16vw;}
	.main .s_txt{font-size: 1.25vw; letter-spacing: -0.08vw;}

	/* btn */
	.main .view_btn {padding: 0.70vw 0.70vw 0.70vw 1.80vw;}
	.main .view_btn a {gap: 0 1.25vw; font-size: 1.22vw;}
	.main .view_btn a .plus {width: 2.42vw; height: 2.42vw; }

	/* visual */
	.visual .swiper-slide .txt {bottom: 6.09vw;}
	.visual .swiper-slide .txt .title{font-size: 3.36vw; letter-spacing: -0.16vw;}
	.visual .swiper-slide .txt .cont{margin-top: 1.25vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.visual .swiper-slide .txt .btnn{margin-top: 3.05vw;}
	.visual .arrow_box {bottom: 6.09vw; gap: 0.94vw;}
	.visual .arrow_box .arrow {width: 4.30vw; height: 4.30vw;}
	.visual .arrow_box .arrow > img {width: 1.25vw;}
	.visual .arrow_box .arrow .autoplay-progress svg {width: calc(100% + 0.70vw); height: calc(100% + 0.70vw);}

	/* sec1 */
	.main .txt_bg::after{font-size: 6vw; left: -0.16vw;}
	.main .sec1 .inner{gap: 7.34vw; height: 100%;}
	.main .sec1 .img{width: 45.16vw;}
	.main .sec1 .img .rotate{width: 7.03vw; left: -3.52vw; top: -3.52vw;}
	.main .sec1 .s_txt{margin: 2.42vw 0 3.05vw;}
	.main .sec1 .s_txt p + p{margin-top: 1.25vw;}

	/* sec2 */
	.main .sec2 .title .s_txt{margin-top: 1.25vw;}
	.main .sec2 .cont{margin-top: 4.84vw;}
	.main .sec2 .cont ul{gap: 4.30vw;}
	.main .sec2 .cont ul li{width: 25.63vw;}
	.main .sec2 .cont ul li a{gap: 3.05vw; padding: 4.30vw 3.05vw; border-radius: 0.63vw 3.05vw;}
	.main .sec2 .cont ul li a .icon{width: 8.52vw;}
	.main .sec2 .cont ul li a dl dt{font-size: 2.11vw; letter-spacing: -0.08vw; margin-bottom: 1.25vw;}

	/* sec3 */
	.main .sec3 .inner{padding-top: 3.05vw;}
	.main .sec3 .cont{margin-top: 3.67vw;}
	.main .sec3 .swiper{margin: 0 -1.48vw;}
	.main .sec3 .swiper-slide{width: 29.73vw; margin: 0 1.48vw;}
	.main .sec3 .swiper-slide a{gap: 2.42vw;}
	.main .sec3 .swiper-slide a .img{border-radius: 0.63vw 6.09vw;}
	.main .sec3 .swiper-slide a .img::before{border-radius: 0.63vw 6.09vw; border-width: 3px;}
	.main .sec3 .swiper-slide a dl dt{font-size: 1.48vw;}
	.main .sec3 .swiper-slide a dl dd{margin-top: 0.63vw; font-size: 1.29vw;}
	.main .sec3 .bot{margin-top: 3.67vw;}
	.main .arrow_cont{gap: 0.94vw;}
	.main .arrow_cont div{width: 4.30vw; height: 4.30vw;}
	.main .arrow_cont div img{width: 1.25vw;}
	.no_data img{width: 2.34vw;}
	.no_data p{margin: 1.72vw 0 0 !important;}
	.main .sec3 .no_data{height: 28.83vw;}

	/* sec4 */
	.main .sec4 .item{gap: 3.05vw;}
	.main .sec4 .item::before{display: none;}
	.main .sec4 .item .icon img{width: 4.84vw;}
	.main .sec4 .item dl dt{font-size: 3.05vw; letter-spacing: -0.16vw; margin-bottom: 1.80vw;}
	.main .sec4 .item a{width: 6.09vw !important; height: 6.09vw !important; border: 1px solid rgba(255, 255, 255, 0.40);}
	.main .sec4 .item a img{width: 1.33vw !important;}

	/* sec5 */
	.main .sec5::before{width: 41.48vw; left: -9.45vw; bottom: -20.70vw;}
	.main .sec5 .s_txt{margin: 1.80vw 0 3.67vw;}
	.main .sec5 .cont{width: 70.16vw;}
	.main .sec5 .cont .swiper{margin: 0 -1.48vw;}
	.main .sec5 .cont .swiper-slide{width: 21.45vw; margin: 0 1.48vw; border-radius: 0.63vw 3.05vw;}
	.main .sec5 .cont .swiper-slide a .txt{padding: 2.11vw 1.80vw;}
	.main .sec5 .cont .swiper-slide a .txt strong{font-size: 1.48vw;}
	.main .sec5 .cont .swiper-slide a .txt span{margin-top: 0.63vw; font-size: 1.29vw;}
	.main .sec5 .cont .swiper-slide a .txt em{margin-top: 1.25vw; font-size: 1.22vw;}
	.main .sec5 .cont .bot{margin-top: 3.05vw;}
	.main .sec5 .cont .bot .scrollbar{width: 57.34vw;}
	.main .sec5 .no_data{height: 34.45vw;}

	/* sec6 */
	.main .sec6 .s_txt{margin-top: 1.80vw;}
	.main .sec6 .info{margin-top: 3.67vw; gap: 0.94vw;}
	.main .sec6 .info .item{gap: 0.94vw;}
	.main .sec6 .info .item .icon{width: 3.05vw;}
	.main .sec6 .info .item .icon img{width: 1.48vw;}
	.main .sec6 .info .item p{font-size: 1.53vw; letter-spacing: -0.16vw;}
	.main .sec6 .cont{width: 61.02vw;}
	.main .sec6 .cont .form dl{padding: 1.48vw 2.42vw; border-radius: 0.63vw; font-size: 1.29vw; letter-spacing: -0.08vw;}
	.main .sec6 .cont .form dl + dl{margin-top: 1.25vw;}
	.main .sec6 .cont .form dl dt{width: 6.72vw;}
	.main .sec6 .cont .form dl dd{width: calc(100% - 6.72vw);}
	.main .sec6 .cont .form dl dd input{letter-spacing: -0.08vw;}
	.main .sec6 .cont .form dl dd textarea{letter-spacing: -0.08vw; height: 9.14vw;}
	.main .sec6 .cont .bot{margin-top: 1.80vw;}
	.main .sec6 .cont .bot .agree{gap: 0.86vw;}
	.main .sec6 .cont .bot .agree input{width: 1.35vw;}
	.main .sec6 .cont .bot .agree label{font-size: 1.29vw; letter-spacing: -0.08vw;}
	.main .sec6 .cont .bot .agree .pop_btn{font-size: 1.22vw; letter-spacing: -0.08vw;}
	.main .sec6 .cont .bot .submit{font-size: 1.25vw; letter-spacing: -0.08vw; padding: 0.94vw 3.05vw;}

	/* sec7 */
	.main .sec7 .wrap{height: calc(100% - 16.17vw);}
	.main .sec7 .cont{margin-top: 4.30vw;}
	.main .sec7 .swiper{margin: 0 -1.25vw;}
	.main .sec7 .swiper-slide{width: 21.93vw; margin: 0 1.25vw; border-radius: 0.47vw 2.42vw;}
	.main .sec7 .swiper-slide a::before{border-radius: 0.47vw 2.42vw; border-width: 3px;}
	.main .sec7 .bot{margin-top: 2.42vw; gap: 0.94vw;}
	.main .sec7 .bot .arrow{width: 1.02vw;}
	.main .sec7 .bot .pagination{gap: 0.63vw;}
	.main .sec7 .bot .pagination .swiper-pagination-bullet{width: 3.05vw;}
	.main .sec7 .no_data{height: 14.61vw;}
	.quick.last{bottom: 18.28vw;}
	#fp-nav.last{top: 40%;}

	/* .footer */
	.footer{height: 16.17vw;}
	.footer *{font-size: 1.22vw; letter-spacing: -0.08vw;}
	.footer .ft_lt{gap: 8.20vw;}
	.footer .logo{width: 5.39vw;}
	.footer .info ul li{gap: 0.94vw;}
	.footer .info .copy{margin-top: 1.25vw;}
	.footer .use{gap: 0.31vw;}
	.footer .sns{margin-top: 1.48vw; gap: 0.63vw;}
	.footer .sns a{width: 2.40vw;}

}



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

		/* 공통 */
	.inner{padding: 0 3.13vw;}

	/* header */
	.header{height:7.03vw; padding:0 3.13vw;}
	.header .logo{width: 6.74vw;}
	.header .gnb_wrap{gap: 7.81vw;}
	.header .gnb{gap:6.25vw;}
	.header .gnb > li > a{font-size: 1.51vw; letter-spacing: -0.06vw;}
	.header .gnb > li > a::before{top: -0.78vw;}
	.header .gnb_2depth{top:6.25vw; width: 13.28vw; padding: 1.56vw; border-radius: 0.78vw 2.34vw;}
	.header .gnb_2depth li + li{margin-top:0.78vw;}
	.header .gnb_2depth li a{font-size: 1.35vw; letter-spacing: -0.05vw;}
	.all_menu_btn{width: 1.88vw;}

	/* quick btn */
	.quick{right: 3.13vw; bottom: 3.13vw;}
	.quick #topBtn{width: 4.69vw; height: 4.69vw;}
	.quick #topBtn img{width: 1.56vw;}

	/* all menu */
	.all_menu_close{top:9.38vw; width:1.56vw;}
	.all_menu .title{padding-top:15.08vw; font-size:3.91vw;}
	.all_menu_list{margin-top:6.88vw;}
	.all_menu_list dt{font-size:2.34vw; margin-bottom:1.95vw; letter-spacing: -0.08vw;}
	.all_menu_list dd + dd{margin-top:1.17vw;}
	.all_menu_list dd a{font-size:1.56vw; letter-spacing: -0.04vw;}

	/* navi */
	#fp-nav{right: 1.565vw;}
	#fp-nav ul li + li{margin-top: 1.95vw;}
	#fp-nav ul li a span{width: 0.63vw; height: 0.63vw;}

	/* common */
	.main .section .inner{padding-top: 1.30vw;}
	.main .s_tit{font-size: 5.27vw; letter-spacing: -0.16vw;}
	.main .s_txt{font-size: 1.56vw; letter-spacing: -0.12vw;}

	/* btn */
	.main .view_btn {padding: 0.94vw 0.94vw 0.94vw 2.34vw;}
	.main .view_btn a {gap: 0 1.56vw; font-size: 1.35vw; letter-spacing: -0.01vw;}
	.main .view_btn a .plus {width: 3.13vw; height: 3.13vw; background-size: 1.25vw;}

	/* visual */
	.visual .swiper-slide .txt {bottom: 7.81vw;}
	.visual .swiper-slide .txt .title{font-size: 4.30vw; letter-spacing: -0.16vw;}
	.visual .swiper-slide .txt .cont{margin-top: 1.56vw; font-size: 1.56vw; letter-spacing: -0.12vw;}
	.visual .swiper-slide .txt .btnn{margin-top: 3.91vw;}
	.visual .arrow_box {bottom: 7.81vw; gap: 1.17vw;}
	.visual .arrow_box .arrow {width: 5.47vw; height: 5.47vw;}
	.visual .arrow_box .arrow > img {width: 1.56vw;}
	.visual .arrow_box .arrow .autoplay-progress svg {width: calc(100% + 0.86vw); height: calc(100% + 0.86vw);}

	/* sec1 */
	.main .txt_bg::after{font-size: 6vw; left: -0.23vw;}
	.main .sec1{padding-left: 3.13vw;}
	.main .sec1 .inner{gap: 6.38vw; height: 100%;}
	.main .sec1 .img{width: 42.81vw;}
	.main .sec1 .img .rotate{width: 9.06vw; left: -4.53vw; top: -4.53vw;}
	.main .sec1 .s_txt{margin: 3.13vw 0 3.91vw;}
	.main .sec1 .s_txt p + p{margin-top: 1.56vw;}

	/* sec2 */
	.main .sec2 .title .s_txt{margin-top: 1.56vw;}
	.main .sec2 .cont{margin-top: 5.25vw;}
	.main .sec2 .cont ul{gap: 2.47vw;}
	.main .sec2 .cont ul li{width: calc((100% - (2.47vw * 2)) / 3);}
	.main .sec2 .cont ul li a{gap: 3.91vw; padding: 4.47vw 3.91vw; border-radius: 0.78vw 3.91vw;}
	.main .sec2 .cont ul li a .icon{width: 10.94vw;}
	.main .sec2 .cont ul li a dl dt{font-size: 2.73vw; letter-spacing: -0.08vw; margin-bottom: 1.56vw;}

	/* sec3 */
	.main .sec3 .inner{padding-top: 3.91vw;}
	.main .sec3 .cont{margin-top: 3.69vw;}
	.main .sec3 .swiper{margin: 0 -1.95vw; overflow: visible;}
	.main .sec3 .swiper-slide{width: 35.06vw; margin: 0 1.95vw;}
	.main .sec3 .swiper-slide a{gap: 3.13vw;}
	.main .sec3 .swiper-slide a .img{border-radius: 0.78vw 7.81vw;}
	.main .sec3 .swiper-slide a .img::before{border-radius: 0.78vw 7.81vw;}
	.main .sec3 .swiper-slide a dl dt{font-size: 1.88vw; letter-spacing: -0.02vw;}
	.main .sec3 .swiper-slide a dl dd{margin-top: 0.78vw; font-size: 1.51vw; letter-spacing: -0.01vw;}
	.main .sec3 .bot{margin-top: 3.69vw;}
	.main .arrow_cont{gap: 1.17vw;}
	.main .arrow_cont div{width: 5.47vw; height: 5.47vw;}
	.main .arrow_cont div img{width: 1.56vw;}
	.no_data img{width: 2.97vw;}
	.no_data p{margin: 2.19vw 0 0 !important;}
	.main .sec3 .no_data{height: 36.95vw;}

	/* sec4 */
	.main .sec4 .item{gap: 3.91vw;}
	.main .sec4 .item .icon img{width: 6.25vw;}
	.main .sec4 .item dl dt{font-size: 3.61vw; letter-spacing: -0.16vw; margin-bottom: 2.34vw;}
	.main .sec4 .item a{width: 7.81vw !important; height: 7.81vw !important;}
	.main .sec4 .item a img{width: 1.72vw !important;}

	/* sec5 */
	.main .sec5::before{width: 49.13vw; left: -12.11vw; bottom: -26.56vw;}
	.main .sec5 .s_txt{margin: 2.34vw 0 4.69vw;}
	.main .sec5 .cont{width: 62.84vw;}
	.main .sec5 .cont .swiper{margin: 0 -1.15vw;}
	.main .sec5 .cont .swiper-slide{width: 30.34vw; margin: 0 1.15vw; border-radius: 0.78vw 3.91vw;}
	.main .sec5 .cont .swiper-slide a .txt{padding: 2.73vw 2.34vw;}
	.main .sec5 .cont .swiper-slide a .txt strong{font-size: 1.88vw; letter-spacing: -0.02vw;}
	.main .sec5 .cont .swiper-slide a .txt span{margin-top: 0.78vw; font-size: 1.51vw; letter-spacing: -0.01vw;}
	.main .sec5 .cont .swiper-slide a .txt em{margin-top: 1.56vw; font-size: 1.45vw; letter-spacing: -0.01vw;}
	.main .sec5 .cont .bot{margin-top: 2.91vw;}
	.main .sec5 .cont .bot .scrollbar{width: 47.44vw;}
	.main .sec5 .no_data{height: 44.14vw;}

	/* sec6 */
	.main .sec6 .s_txt{margin-top: 2.34vw;}
	.main .sec6 .info{margin-top: 4.69vw; gap: 1.17vw;}
	.main .sec6 .info .item{gap: 1.17vw;}
	.main .sec6 .info .item .icon{width: 3.91vw;}
	.main .sec6 .info .item .icon img{width: 1.88vw;}
	.main .sec6 .info .item p{font-size: 1.72vw; letter-spacing: -0.16vw;}
	.main .sec6 .cont{width: 62.84vw;}
	.main .sec6 .cont .form dl{padding: 1.95vw 3.13vw; border-radius: 0.78vw; font-size: 1.51vw; letter-spacing: -0.09vw;}
	.main .sec6 .cont .form dl + dl{margin-top: 1.56vw;}
	.main .sec6 .cont .form dl dt{width: 8.59vw;}
	.main .sec6 .cont .form dl dd{width: calc(100% - 8.59vw);}
	.main .sec6 .cont .form dl dd input{letter-spacing: -0.09vw;}
	.main .sec6 .cont .form dl dd textarea{letter-spacing: -0.09vw; height: 11.72vw;}
	.main .sec6 .cont .bot{margin-top: 2.34vw;}
	.main .sec6 .cont .bot .agree{gap: 1.09vw;}
	.main .sec6 .cont .bot .agree input{width: 1.86vw;}
	.main .sec6 .cont .bot .agree label{font-size: 1.51vw; letter-spacing: -0.09vw;}
	.main .sec6 .cont .bot .agree .pop_btn{font-size: 1.45vw; letter-spacing: -0.09vw;}
	.main .sec6 .cont .bot .submit{font-size: 1.56vw; letter-spacing: -0.12vw; padding: 1.17vw 3.91vw;}

	/* sec7 */
	.main .sec7 .wrap{height: calc(100% - 20.70vw);}
	.main .sec7 .cont{margin-top: 3.78vw;}
	.main .sec7 .swiper{margin: 0 -1.56vw;}
	.main .sec7 .swiper-slide{width: 29.18vw; margin: 0 1.56vw; border-radius: 0.63vw 3.13vw;}
	.main .sec7 .swiper-slide a::before{border-radius: 0.63vw 3.13vw;}
	.main .sec7 .bot{margin-top: 3.13vw; gap: 1.17vw;}
	.main .sec7 .bot .arrow{width: 1.25vw;}
	.main .sec7 .bot .pagination{gap: 0.78vw;}
	.main .sec7 .bot .pagination .swiper-pagination-bullet{width: 3.91vw;}
	.main .sec7 .no_data{height: 18.75vw;}
	.quick.last {bottom: 23.28vw;}

	/* .footer */
	.footer{height: 20.70vw;}
	.footer *{font-size: 1.56vw; letter-spacing: -0.11vw;}
	.footer .ft_lt{gap: 7.55vw;}
	.footer .logo{width: 5.37vw;}
	.footer .info ul li{gap: 1.17vw;}
	.footer .info .copy{margin-top: 1.56vw;}
	.footer .use{gap: 0.39vw;}
	.footer .sns{margin-top: 1.95vw; gap: 0.78vw;}
	.footer .sns a{width: 2.84vw;}

}



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

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

	/* header */
	.header{height: 15.63vw; padding:0 5.21vw;}
	.header .logo{width: 15.46vw;}
	.header .gnb_wrap{gap: 0;}
	.header .gnb{display: none;}
	.all_menu_btn{display: none;}
	.head_mob_btn{display: block !important; width: 4.69vw; aspect-ratio: 1/1; cursor:pointer; background: url(/img/main/all_menu_btn.svg) no-repeat center / contain; transition: all 0.4s;}
	.header.white .head_mob_btn{background-image: url(/img/main/all_menu_btn_w.svg);}
	.header.fixed .head_mob_btn{background-image: url(/img/main/all_menu_btn.svg);}

    /* all menu */
	.no-scroll {overflow: hidden; height: 100vh; touch-action: none;}
	.all_menu{display: none !important;}
    .mob_all_menu{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #ffffff; padding: 20.83vw 3.91vw; z-index: 1000; overflow-y: auto; transform: translateX(100%); transition: all .5s;}
    .mob_all_menu.on {transform: translateX(0);}
    .mob_all_menu .head_bg_close {position: fixed; top: 8.59vw; right: 3.91vw; cursor: pointer;}
    .mob_all_menu .head_bg_close img {width: 3.13vw;}
    .mob_all_menu .head_bg_logo img {width: 33.85vw;}
    .mob_all_menu .accordion {margin-top: 6.51vw; border-top: 1px solid rgba(0,0,0,0.1);}
    .mob_all_menu .accordion li .link {position: relative; padding: 4.69vw 0; border-bottom: 1px solid rgba(0,0,0,0.1); cursor: pointer;}
    .mob_all_menu .accordion li .link,
    .mob_all_menu .accordion li .link a {font-size: 4.17vw; font-weight: 700; letter-spacing: -0.16vw; line-height: 1.15; display: block;}
    .mob_all_menu .accordion li.on .link,
    .mob_all_menu .accordion li.on .link a{color: var(--color1);}
    .mob_all_menu .accordion li .link::after {content: ""; width: 2.60vw; height: 2.73vw; background: url(/img/main/sideMenu_arrow.svg) no-repeat center/contain; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
    .mob_all_menu .accordion li.on .link::after {transform: translateY(-50%) rotate(180deg);}
    .mob_all_menu .accordion li .link.no_child{padding: 0;}
    .mob_all_menu .accordion li .link.no_child a{padding: 4.69vw 0;}
    .mob_all_menu .accordion li .link.no_child::after{transform: translateY(-50%) rotate(-90deg);}
    .mob_all_menu .accordion li .submenu {display: none; padding: 6.64vw 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
    .mob_all_menu .accordion li .submenu li + li {margin-top: 2.60vw;}
    .mob_all_menu .accordion li .submenu a {font-size: 3.65vw; font-weight: 500; opacity: .6; letter-spacing: -0.08vw; line-height: 1.17; display: block;}
    .mob_all_menu .accordion li .submenu a:hover {opacity: 1; color: var(--color1);}

	/* quick btn */
	.quick{right: 5.21vw; bottom: 5.21vw; display: block !important;}
	.quick #topBtn{width: 10.42vw; height: 10.42vw;}
	.quick #topBtn img{width: 3.39vw;}

	/* navi */
	#fp-nav{display: none;}

	/* common */
	.main .section{clip-path: inset(0 0 0);}
	.main .section .inner{padding-top: 0;}
	.main .s_tit{font-size: 9.11vw; letter-spacing: -0.26vw;}
	.main .s_txt{font-size: 3.65vw; letter-spacing: -0.21vw;}

	/* btn */
	.main .view_btn {padding: 2.60vw 2.60vw 2.60vw 5.73vw;}
	.main .view_btn a {gap: 0 3.91vw; font-size: 3.65vw; letter-spacing: -0.21vw;}
	.main .view_btn a .plus {width: 7.81vw; height: 7.81vw; background-size: 2.73vw;}

	/* visual */
	.visual .swiper{height: 138.02vw;}
	.visual .swiper-slide .txt {bottom: 13.02vw;}
	.visual .swiper-slide .txt .title{font-size: 7.81vw; letter-spacing: -0.39vw;}
	.visual .swiper-slide .txt .cont{margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.21vw;}
	.visual .swiper-slide .txt .btnn{margin-top: 10.42vw;}
	.visual .arrow_box {bottom: 13.02vw; gap: 2.08vw;}
	.visual .arrow_box .arrow {width: 13.02vw; height: 13.02vw;}
	.visual .arrow_box .arrow > img {width: 3.91vw;}
	.visual .arrow_box .arrow .autoplay-progress svg {width: calc(100% + 2.43vw); height: calc(100% + 2.43vw);}
	.visual .swiper-slide-active [data-act="up"] > div {opacity: 1 !important;}

	/* sec1 */
	.main .txt_bg::after{content: 'Sungshin'; font-size: 19.17vw; left: -0.52vw; opacity: 0.1;}
	.main .sec1{padding: 15.63vw 0 23.96vw;}
	.main .sec1 .inner{gap: 10.42vw; flex-direction: column;}
	.main .sec1 .img{width: 100%; transition-duration: 2s;}
	.main .sec1 .img .rotate{display: none;}
	.main .sec1 .s_txt{margin: 3.91vw 0 6.51vw;}
	.main .sec1 .s_txt p + p{margin-top: 2.60vw;}

	/* sec2 */
	.main .sec2, .main .sec3, .main .sec5, .main .sec6{padding: 15.63vw 0;}
	.main .sec2{background-image: url(/img/main/sec2_bg_m.jpg);}
	.main .sec2 .title .s_txt{margin-top: 5.21vw;}
	.main .sec2 .cont{margin-top: 10.42vw;}
	.main .sec2 .cont ul{gap: 5.21vw; flex-direction: column;}
	.main .sec2 .cont ul li{width: 100%; /* opacity: 0; transform: translate3d(0, 100px, 0); transition: all 1s 0.5s; */}
	/* .main .sec2 .cont ul li:nth-child(2){transition-delay: 0.6s;}
	.main .sec2 .cont ul li:nth-child(3){transition-delay: 0.7s;}
	.main .sec2.on .cont ul li{opacity: 1; transform: translate3d(0, 0, 0);} */
	.main .sec2 .cont ul li a{gap: 6.51vw; padding: 6.51vw 7.81vw; border-radius: 1.56vw 7.81vw; flex-direction: row; text-align: left;}
	.main .sec2 .cont ul li a .icon{width: 20.83vw;}
	.main .sec2 .cont ul li a dl{width: calc(100% - 20.83vw - 6.51vw);}
	.main .sec2 .cont ul li a dl dt{font-size: 5.21vw; letter-spacing: -0.13vw; margin-bottom: 2.60vw;}

	/* sec3 */
	.main .sec3 .inner{padding-top: 0;}
	.main .sec3 .cont{margin-top: 10.42vw;}
	.main .sec3 .swiper{margin: 0 -2.60vw;}
	.main .sec3 .swiper-slide{width: 72.92vw; margin: 0 2.60vw;}
	.main .sec3 .swiper-slide a{gap: 6.51vw;}
	.main .sec3 .swiper-slide a .img{border-radius: 1.56vw 7.81vw;}
	.main .sec3 .swiper-slide a .img::before{border-radius: 1.56vw 7.81vw;}
	.main .sec3 .swiper-slide a dl dt{font-size: 4.69vw; letter-spacing: -0.26vw;}
	.main .sec3 .swiper-slide a dl dd{margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.21vw;}
	.main .sec3 .bot{margin-top: 10.42vw;}
	.main .arrow_cont{gap: 2.08vw;}
	.main .arrow_cont div{width: 13.02vw; height: 13.02vw;}
	.main .arrow_cont div img{width: 3.91vw;}
	.no_data img{width: 4.95vw;}
	.no_data p{margin: 3.65vw 0 0 !important;}
	.main .sec3 .cont.no .bot{justify-content: center;}
	.main .no_data{height: 55.59vw !important;}

	/* sec4 */
	.main .sec4{background-image: url(/img/main/sec4_bg_m.jpg);}
	.main .sec4 .cont{flex-direction: column;}
	.main .sec4 .item{width: 100%; height: 52.08vw; padding: 0 5.21vw; gap: 0; flex-direction: row; justify-content: space-between; text-align: left; opacity: 0; transform: translate3d(0, 100px, 0); transition: all 1s;}
	.main .sec4 .item:nth-of-type(2){transition-delay: 0.1s;}
	.main .sec4 .item:nth-of-type(3){transition-delay: 0.2s;}
	.main .sec4.on .item{opacity: 1; transform: translate3d(0, 0, 0);}
	.main .sec4 .item + .item{border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.40);}
	.main .sec4 .item *{opacity: 1 !important; transform: translate3d(0, 0, 0) !important;}
	.main .sec4 .item .icon img{width: 13.02vw;}
	.main .sec4 .item dl{width: 58%;}
	.main .sec4 .item dl dt{font-size: 6.25vw; letter-spacing: -0.26vw; margin-bottom: 2.60vw;}
	.main .sec4 .item *{transition-delay: 0.3s !important;}
	.main .sec4 .item a{width: 13.02vw !important; height: 13.02vw !important;}
	.main .sec4 .item a img{width: 3.65vw !important;}

	/* sec5 */
	.main .sec5::before{width: 68.49vw; left: -22.92vw; bottom: -37.50vw;}
	.main .sec5 .inner{flex-direction: column; gap: 10.42vw;}
	.main .sec5 .s_txt{margin: 2.60vw 0 0;}
	.main .sec5 .cont{width: 100%;}
	.main .sec5 .cont .swiper{margin: 0 -2.60vw; overflow: visible;}
	.main .sec5 .cont .swiper-slide{width: 69.01vw; margin: 0 2.60vw; border-radius: 1.56vw 7.81vw;}
	.main .sec5 .cont .swiper-slide a .txt{padding: 6.51vw 5.73vw;}
	.main .sec5 .cont .swiper-slide a .txt strong{font-size: 4.69vw; letter-spacing: -0.26vw;}
	.main .sec5 .cont .swiper-slide a .txt span{margin-top: 2.08vw; font-size: 3.65vw; letter-spacing: -0.21vw;}
	.main .sec5 .cont .swiper-slide a .txt em{margin-top: 3.91vw; font-size: 3.39vw; letter-spacing: -0.20vw;}
	.main .sec5 .cont .bot{margin-top: 7.81vw;}
	.main .sec5 .cont .bot .scrollbar{width: 54.69vw;}
	.main .sec5 .cont .view_btn{margin: 10.42vw auto 0;}

	/* sec6 */
	.main .sec6{background-image: url(/img/main/sec6_bg_m.jpg);}
	.main .sec6::after{display: none;}
	.main .sec6 .inner{flex-direction: column; gap: 10.42vw;}
	.main .sec6 .s_txt{margin-top: 2.60vw;}
	.main .sec6 .info{margin-top: 6.51vw; gap: 7.81vw; flex-direction: row; align-items: center;}
	.main .sec6 .info .item{gap: 3.13vw;}
	.main .sec6 .info .item .icon{width: 10.42vw;}
	.main .sec6 .info .item .icon img{width: 4.69vw;}
	.main .sec6 .info .item p{font-size: 4.17vw; letter-spacing: -0.39vw;}
	.main .sec6 .cont{width: 100%;}
	.main .sec6 .cont .form dl{padding: 3.91vw 5.21vw; border-radius: 2.08vw; font-size: 3.65vw; letter-spacing: -0.21vw;}
	.main .sec6 .cont .form dl + dl{margin-top: 2.60vw;}
	.main .sec6 .cont .form dl dt{width: 22.14vw;}
	.main .sec6 .cont .form dl dd{width: calc(100% - 22.14vw);}
	.main .sec6 .cont .form dl dd input{letter-spacing: -0.21vw;}
	.main .sec6 .cont .form dl dd textarea{letter-spacing: -0.21vw; height: 23.44vw; padding: 0 !important;}
	.main .sec6 .cont .bot{margin-top: 5.21vw; flex-direction: column; align-items: center; gap: 10.42vw;}
	.main .sec6 .cont .bot .agree{gap: 2.60vw; width: 100%;}
	.main .sec6 .cont .bot .agree input{width: 3.91vw;}
	.main .sec6 .cont .bot .agree label{font-size: 3.65vw; letter-spacing: -0.21vw;}
	.main .sec6 .cont .bot .agree .pop_btn{font-size: 3.13vw; letter-spacing: -0.21vw;}
	.main .sec6 .cont .bot .submit{font-size: 4.17vw; letter-spacing: -0.26vw; padding: 2.60vw 9.11vw;}

	/* sec7 */
	.main .sec7 .wrap{height: auto; padding: 15.63vw 0 24.74vw;}
	.main .sec7 .cont{margin-top: 10.42vw;}
	.main .sec7 .swiper{margin: 0 -2.60vw; overflow: visible;}
	.main .sec7 .swiper-slide{width: 54.69vw; margin: 0 2.60vw; border-radius: 1.56vw 5.21vw;}
	.main .sec7 .swiper-slide a::before{border-radius: 1.56vw 5.21vw;}
	.main .sec7 .bot{margin-top: 7.81vw; gap: 2.60vw;}
	.main .sec7 .bot .arrow{width: 3.65vw;}
	.main .sec7 .bot .pagination{gap: 1.82vw;}
	.main .sec7 .bot .pagination .swiper-pagination-bullet{width: 7.81vw;}

	/* .footer */
	.footer{height: auto; padding: 10.42vw 0;}
	.footer *{font-size: 3.39vw; letter-spacing: -0.21vw;}
	.footer .inner{flex-direction: column; gap: 7.81vw; opacity: 1 !important;}
	.footer .ft_lt{gap: 7.81vw; flex-direction: column;}
	.footer .logo{width: 18.34vw;}
	.footer .info ul li{gap: 0.78vw 2.60vw; flex-wrap: wrap;}
	.footer .info ul li + li{margin-top: 0.78vw;}
	.footer .info .copy{margin-top: 3.91vw;}
	.footer .ft_rt{padding-top: 7.81vw; border-top: 0.13vw solid rgba(255,255,255,0.5);}
	.footer .use{gap: 3.91vw; flex-direction: row;}
	.footer .sns{margin-top: 3.91vw; gap: 2.08vw; justify-content: flex-start;}
	.footer .sns a{width: 6.51vw;}

}