@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');}
:root {
    --font-pre : 'Pretendard';
    --font-pop: 'Poppins';
    --main-color : #938F8B;
}

/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto;}
.f-pop, .f-pop *{font-family: var(--font-pop) !important;}
.point{color: var(--main-color) !important;}
body{overflow: initial; background: #FAF8F3;}

/* HEADER */
.header{height:90px; position:fixed; top:0; z-index:10000; width:100%; border-bottom: 1px solid rgba(250,248,243, 0.20); background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(10px); transition: background 0.3s, transform 0.3s;}
.header > .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header > .inner > div{display:flex; align-items:center;}
.header h1 img{width: 70px;}
.header .logo{filter: brightness(0) invert(1); display: block;}
.header .logo_ov{display: none;}
.header .gnb_wrap{height: 100%;}
.header .gnb{display:flex; height: 100%; gap: 75px;}
.header .gnb > li{position:relative; transition: all 0.3s; height: 100%; display: flex; align-items: center; z-index: 10;}
.header .gnb > li > a{font-size: 18px; color: #FFF; font-weight: 600; letter-spacing: -1px; position: relative; z-index: 5;}
.header .gnb:hover > li{opacity: 0.6;}
.header .gnb > li:hover{opacity: 1; text-decoration: underline; text-underline-offset: 10px;}
.header .gnb_2depth{position:absolute; top: 89px; left: 50%; transform: translateX(-50%); display: none; flex-direction: column; gap: 15px; z-index: 1000; padding: 25px 20px; background: #FAF8F3; width: 180px;}
.header .gnb > li:hover .gnb_2depth{display: flex;}
.header .gnb_2depth li{width: 100%;}
.header .gnb_2depth li a{font-size: 16px; letter-spacing: -1px; line-height: 1.25; opacity: 0.7; transition: all 0.3s; display: block; text-align: center;}
.header .gnb_2depth li a span{position: relative; display: inline-block;}
.header .gnb_2depth li a span::before{content: ''; display: block; width: 3px; height: 3px; background: var(--main-color); position: absolute; right: -3px; top: -100%; opacity: 0; transition: all 0.3s;}
.header .gnb_2depth li a:hover{font-weight: 700; color: var(--main-color); opacity: 1;}
.header .gnb_2depth li a:hover span::before{opacity: 1; top: -3px;}
.header .gnb_2depth li a::after {content: attr(title); display: block; font-weight: bold; height: 0px; visibility: hidden;}
.all_menu_btn{cursor:pointer; display: flex; flex-direction: column; align-items: flex-end !important; gap: 7px; position: relative; z-index: 12000;}
.all_menu_btn span{display: block; height: 2px; background: #fff; transition: transform 0.5s, width 0.5s;}
.all_menu_btn .tp{width: 30px;}
.all_menu_btn .bt{width: 20px;}
.all_menu_btn.on .tp{transform: translate(0px, 4.5px) rotate(45deg);}
.all_menu_btn.on .bt{transform: translate(0px, -4.5px) rotate(-45deg); width: 30px;}
.header:hover, .header.fixed{background: #FAF8F3;}
.header:hover .logo, .header.fixed .logo, .header.on .logo{display: none;}
.header:hover .logo_ov, .header.fixed .logo_ov, .header.on .logo_ov{display: block;}
.header:hover .gnb > li > a, .header.fixed .gnb > li > a, .header.on .gnb > li > a{color: #000;}
.header:hover .all_menu_btn span, .header.fixed .all_menu_btn span, .header.on .all_menu_btn span{background: #000;}
.header.up{transform: translateY(-100%); z-index: 100;}

.header > .inner > .right {gap: 25px;}
.header > .inner > .right .lang{position:relative;}
.header > .inner > .right .lang img {width: 100%;}
.header > .inner > .right .lang .lang-list{width:50px; position:absolute; top:calc(100% + 15px); left:50%; transform:translateX(-50%); display:none;}
.header > .inner > .right .lang .lang-list.on{display:block;}
.header > .inner > .right .lang .lang-list a{font-size: 14px; line-height: 40px; display:block; text-align:center; background: #fff;}
.header > .inner > .right .lang .lang-list a.on,
.header > .inner > .right .lang .lang-list a:hover{background: #000; color:#fff; font-weight: bold;}
.header > .inner > .right .lang{width:28px;}
.header:hover > .inner > .right img,
.header.fixed > .inner > .right img{filter: invert(100%);}

/* all menu */
.header.on{height: 100%; background: rgba(255, 255, 255, 0.01); z-index: 20000;}
.header.on > .inner{height: 90px;}
.all_menu{position:fixed; width:100%; height:100%; z-index:5000; background: rgba(250,248,243, 0.98); backdrop-filter: blur(10px); top:0; left: 0; opacity: 0; visibility: hidden; transition: all 0.5s;}
.all_menu.on{opacity: 1; visibility: visible;}
.all_menu .inner{position:relative;}
.all_menu_list{margin-top:275px; display:flex; justify-content: center; gap: 30px;}
.all_menu_list dl{width: 250px; margin-top: 50px; opacity: 0;}
.all_menu_list dt{display: flex; flex-direction: column; gap: 5px; margin-bottom: 40px;}
.all_menu_list dt .num{font-size: 16px; letter-spacing: -1px; font-weight: 600; opacity: 0.5; line-height: 1.75; font-family: var(--font-pop);}
.all_menu_list dt a{font-size:30px; letter-spacing: -1px; line-height: 0.93; font-weight:600; font-family: var(--font-pop);}
.all_menu_list dd a + a{margin-top:15px;}
.all_menu_list dd a{font-size:20px; letter-spacing: -1px; font-weight: 500; opacity: 0.7; display: block; transition: all 0.3s;}
.all_menu_list dd a:hover{font-weight: 700; color: var(--main-color); text-decoration: underline; text-underline-offset: 3px; opacity: 1;}
.all_menu.on .all_menu_list dl{margin-top: 0; opacity: 1; transition: all 0.5s 0.4s;}
.all_menu.on .all_menu_list dl:nth-of-type(2){transition-delay: 0.5s;}
.all_menu.on .all_menu_list dl:nth-of-type(3){transition-delay: 0.6s;}
.all_menu.on .all_menu_list dl:nth-of-type(4){transition-delay: 0.7s;}
.all_menu.on .all_menu_list dl:nth-of-type(5){transition-delay: 0.8s;}

/* quick menu */
.quick{position: fixed; right: 54px; bottom: 50px; z-index: 1100;}
.quick li{position: relative; transition: all 0.6s;}
.quick li + li{margin-top: 38px;}
.quick li .rotate{width: 138px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 0.35; overflow: hidden;}
.quick li .rotate img{width: 100%; animation: rotate 16s linear infinite;}
.quick li a{width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 5px; border-radius: 50%; background: #fff;}
.quick.bk li:first-child{filter: invert(1);}
.quick li.q_top_btn a{border: 1px solid rgba(255, 255, 255, 0.30); background: #000;}
.quick li a .icon{width: 26px;}
.quick li a span{font-size: 13px; letter-spacing: -0.8px; font-weight: 700; line-height: 1.53;}
@keyframes rotate{
	100% {transform: rotate(360deg);}
}

/* common */
[data-act="up"] {transition: all 1.2s ease; /* will-change: transform; will-change: opacity; */ transform: translateY(100px); opacity: 0;}
.main{overflow: hidden;}
.main .page-vertical.active [data-act="up"]{transform: translateY(0); opacity: 1;}
.main .page-vertical.active [data-delay="200"] {transition-delay: .20s;}
.main .page-vertical.active [data-delay="400"] {transition-delay: .40s;}
#main-contents {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.main .section {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; min-height: 100vh; height: -webkit-fill-available;  z-index: 1; overflow: hidden; transform: translateY(100%); transition: transform 600ms ease-in-out; background: #FAF8F3;}
.main .page-vertical.active {transform: translateY(0%);}
.main .page-vertical.prev {transform: scale(0.96) translateY(-20%);}
.main_paging{position: fixed; left: 50px; top: 50%; transform: translateY(-50%); z-index: 100; display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}
.main_paging a{display: flex; align-items: center; gap: 10px; height: 20px;}
.main_paging a .dot{display: block; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #fff;}
.main_paging a .txt{display: none;}
.main_paging a.active .dot{background: #fff;}
.main_paging a.active .txt{display: block; font-size: 14px; letter-spacing: -0.6px; font-weight: 500; color: #fff;}
.main_paging.bk {filter: invert(1);}
.main_tit{font-size: 72px; letter-spacing: -3px; font-weight: 800; line-height: 1.07;}
.main_tit span{position: relative; display: inline-block;}
.main_tit span::before{content: ''; display: block; width: 15px; height: 15px; background: var(--main-color); position: absolute; right: -10px; top: -8px;}
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index: 10000;}
#cursor_div .cursor{width: 0; height: 0; display: flex; justify-content: center; align-items: center; border-radius:50%; transition: all 0.3s; transform: translate(-50%, -50%); z-index: 10000;}
#cursor_div .cursor img{width: 0; transition:all 0.3s;}
#cursor_div .cursor.on{width: 120px; height: 120px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(10px);}
#cursor_div .cursor.on img{width: 30px;}

/* view btn */
.view_btn{position: relative; height: 56px; overflow: hidden; width: fit-content; display: block; transition: all 0.5s cubic-bezier(.215,.61,.355,1);}
.view_btn.bk{border: 1px solid #000;}
.view_btn.wh{border: 1px solid #fff;}
.view_btn span{padding: 0 45px 0 50px; height: 56px; display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 14px; letter-spacing: -0.4px; font-weight: 500; font-family: var(--font-pop); transition: transform 0.5s cubic-bezier(.215,.61,.355,1);}
.view_btn img{width: 16px;}
.view_btn:hover .default{transform: translateY(-100%);}
.view_btn:hover .hover{transform: translateY(-100%);}
.view_btn .hover.wh{color: #000; background: #fff;}
.view_btn .hover.bk{background: #000; color: #fff;}
.view_btn .hover.bk img{filter: invert(1);}
.view_btn.wh .default{color: #fff;}
.view_btn.wh .default img{filter: invert(1);}

/* visual */
.main .visual .video{width: 100%; height: 100%;}
.main .visual .video img{width: 100%; height: 100%; object-fit: cover;}
.main .visual .txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; color: #fff;}
.main .visual .txt span{font-size: 20px; font-weight: 400; display: block; line-height: 1.5;}
.main .visual .txt h2{margin-bottom: 15px; font-size: 55px; letter-spacing: -2px;}
.main .visual .scroll{position: absolute; left: 40px; bottom: 200px; transform: rotate(90deg); transform-origin: left bottom; display: flex; align-items: center; gap: 10px;}
.main .visual .scroll span{font-size: 14px; letter-spacing: -0.6px; font-weight: 500; color: #fff;}
.main .visual .scroll img{width: 24px; margin-top: 2px;}

/* sec2 */
/* .main .sec2{padding-top: 128px;} */
.main .sec2 .inner{height: 260px; padding-bottom: 65px; display: flex; align-items: flex-end;}
.main .sec2 .cont{height: calc(100vh - 260px); position: absolute; left: 0; right: 0; bottom: 0; display: flex;}
.main .sec2 .cont .item{height: 100%; width: 25%; transition: width 0.3s ease;}
.main .sec2 .cont .item1{background: url(/img/main/sec2_img1.jpg) no-repeat center / cover;}
.main .sec2 .cont .item2{background: url(/img/main/sec2_img2.jpg) no-repeat center / cover;}
.main .sec2 .cont .item3{background: url(/img/main/sec2_img3.jpg) no-repeat center / cover;}
.main .sec2 .cont .item4{background: url(/img/main/sec2_img4.jpg) no-repeat center / cover;}
.main .sec2 .cont .item:hover{width: 720px;}
.main .sec2 .cont .item a{display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: 100%; height: 100%; position: relative; padding: 50px; padding-right: 45px;}
.main .sec2 .cont .item a::before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.30); position: absolute; left: 0; top: 0; transition: all 0.3s ease;}
.main .sec2 .cont .item:hover a::before{background: rgba(0, 0, 0, 0.20);}
.main .sec2 .cont .item a dl{color: #FFF; position: relative; z-index: 5;}
.main .sec2 .cont .item a dl dt{font-size: 38px; letter-spacing: -2px; font-weight: 700; line-height: 1.1; transition: all 0.3s ease;}
.main .sec2 .cont .item a dl dd{margin-top: 10px; font-size: 20px; letter-spacing: -1px;}
.main .sec2 .cont:hover .item a dl dt{font-size: 32px;}
.main .sec2 .cont .item:hover a dl dt{font-size: 38px;}

/* sec3 */
.main .sec3{padding-top: 168px; overflow: hidden;}
.main .sec3 .inner{display: flex; gap: 202px;}
.main .sec3 .left .title{font-size: 120px; letter-spacing: -3px; font-weight: 700; line-height: 1; margin-bottom: 85px; position: relative; z-index: 5; color: #000;}
.main .sec3 .left .img {position: absolute; left: 0; top: 493px; aspect-ratio: 3/2; overflow: hidden; opacity: 0; z-index: -1;}
.main .sec3 .left .img::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; opacity: 0;}
.main .sec3 .left .img img{width: 100%; height: 100%; object-fit: cover; transform-origin: center center;}
.main .sec3 .right{margin-top: 150px;}
.main .sec3 .right p{font-size: 20px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.5; opacity: 0.7; margin-bottom: 53px; color: #6D6D6D;}
.main .sec3 .view_btn .default{color: #000;}
.main .sec3 .bg_txt{font-size: 5.68vw; letter-spacing: -0.11vw; font-weight: 700; -webkit-text-stroke: 1px #000; opacity: 0.2; color: transparent; position: absolute; left: 0; bottom: 135px; line-height: 0.96; z-index: -1; width: 100%;}
/* motion */
.main .sec3.active .left .title, .main .sec3.active .right p{color: #fff; opacity: 1; transition: all 0.5s 1.5s;}
.main .sec3.active .bg_txt{-webkit-text-stroke: 1px #fff; transition: all 0.5s 1.5s;}
.main .sec3.active .left .img{animation: sec3_img_slide_grow 2.5s ease-in-out forwards;}
.main .sec3.active .left .img::before{opacity: 1; transition: all 0.5s 1.5s;}
.main .sec3.active .view_btn{border-color: #fff; transition: border-color 0.5s 1.5s;}
.main .sec3.active .view_btn .default{color: #fff; transition-property: transform, color; transition-duration: 0.5s, 0.5s; transition-timing-function: cubic-bezier(.215,.61,.355,1), ease; transition-delay: 0s, 1.5s; /* background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(10px); */}
.main .sec3.active .view_btn .default img{filter: invert(1); transition: filter 0.5s 1.5s;}
@keyframes sec3_img_slide_grow {
  0% { transform: translateX(-120%) scale(1); opacity: 0; width: 450px; height: auto; }
  40% { top: 493px; transform: translateX(8.33vw) scale(1); opacity: 1; width: 450px; height: auto; }
  100% { top: 0; transform: translateX(0%) scale(1); width: 100%; height: 100vh; opacity: 1; }
}

/* sec4 */
.main .sec4{padding-top: 170px;}
.main .sec4 .inner{display: flex; justify-content: space-between;}
.main .sec4 .txt_wrap{width: 480px;}
.main .sec4 .txt_wrap p{margin: 25px 0 70px; font-size: 20px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.5; opacity: 0.7;}
.main .sec4 .txt_wrap .view_btn .default{background: rgba(0, 0, 0, 0.01);}
.main .sec4 .swiper{width: 1280px; padding: 20px; margin: -20px; position: absolute; right: 0; top: 170px;}
.main .sec4 .swiper-wrapper{height: fit-content;}
.main .sec4 .swiper-slide{border: 1px solid rgba(0, 0, 0, 0.10); background: #fff; width: 460px !important; margin-right: 40px; transition: all 0.5s; height: fit-content;}
.main .sec4 .swiper-slide:hover{border: 1px solid rgba(0, 0, 0, 0.40); box-shadow: 5px 8px 15px 0 rgba(0, 0, 0, 0.15);}
.main .sec4 .swiper-slide a{padding: 30px; display: flex; flex-direction: column; gap: 30px;}
.main .sec4 .swiper-slide a .img{aspect-ratio: 10/9;}
.main .sec4 .swiper-slide a .img img{width: 100%; height: 100%; object-fit: cover;}
.main .sec4 .swiper-slide a .txt{display: flex; flex-direction: column; gap: 5px;}
.main .sec4 .swiper-slide a .txt .tit{font-size: 24px; letter-spacing: -1px; font-weight: 800; line-height: 1.66; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.main .sec4 .swiper-slide a .txt .cont{font-size: 20px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.5; opacity: 0.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; min-height: 30px;}
.main .sec4 .swiper-slide a .txt .date{font-size: 16px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.25; opacity: 0.3; font-family: var(--font-pop);}
.main .sec4 .scrollbar{margin-top: 60px; height: 2px; background: rgba(0,0,0,0.2); width: 1120px;}
.main .sec4 .scrollbar .swiper-scrollbar-drag{background: #000;}
/* no data */
.main .sec4 .swiper.noData{width: 1120px; position: initial;}
.main .sec4 .swiper.noData .scrollbar{display: none;}
.main .sec4 .no_data{border: none !important; width: 100% !important; height: 470px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-top: 2px solid #000 !important; border-bottom: 1px solid #000 !important;}
.main .sec4 .no_data:hover{box-shadow: none !important;}
.no_data img{width: 38px;}
.no_data p{margin-top: 28px; font-size: 20px; font-weight: 500;}

/* sec5 */
.main .sec5 .wrap{background: url(/img/main/sec5_bg.jpg) no-repeat center / cover; height: calc(100% - 195px);}
.main .sec5 .wrap .inner{text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #fff; gap: 40px;}
.main .sec5 .wrap p{font-size: 20px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.5; opacity: 0.7;}
.main .sec5 .wrap .view_btn .default{background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(10px);}

/* footer */
.footer{background: #000; height: 195px; padding-top: 45px;}
.footer *{font-size: 16px; letter-spacing: -1px; color: #fff; line-height: 1.37;}
.footer .inner{display: flex; justify-content: space-between;}
.footer .ft_lt{display: flex; gap: 85px;}
.footer .logo{width: 110px;}
.footer .logo img{width: 100%;}
.footer .info .use{display: flex; gap: 15px;}
.footer .info ul{margin-top: 10px;}
.footer .info ul li{display: flex; gap: 15px;}
.footer .info ul li.address{margin-top: 5px; display: flex;}
.footer .ft_rt{display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
.footer .ft_rt .sns{display: flex; gap: 10px; opacity: 0.7;}
.footer .ft_rt .sns a{width: 30px;}
.footer .ft_rt .sns a img{width: 100%;}
.footer .ft_rt .call{display: flex; align-items: flex-end; gap: 5px; margin: 18px 0 16px;}
.footer .ft_rt .call span{font-size: 14px; letter-spacing: -0.6px; line-height: 1.42;}
.footer .ft_rt .call strong{font-size: 28px; letter-spacing: -2px; line-height: 0.92;}
.footer .ft_rt .copy{opacity: 0.7;}



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

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

	/* HEADER */
	.header{height:5.49vw;}
	/* .header > .inner{padding: 0 2.44vw;} */
	.header h1 img{width: 4.27vw;}
	.header .gnb{gap: 4.57vw;}
	.header .gnb > li > a{font-size: 1.10vw; letter-spacing: -0.06vw;}
	.header .gnb > li:hover{text-underline-offset: 0.61vw;}
	.header .gnb_2depth{top: 5.43vw; gap: 0.91vw; padding: 1.52vw 1.22vw; width: 10.98vw;}
	.header .gnb_2depth li a{font-size: 0.98vw; letter-spacing: -0.06vw;}
	.header .gnb_2depth li a span::before{right: -0.18vw;}
	.header .gnb_2depth li a:hover span::before{top: -0.18vw;}
	.all_menu_btn{gap: 0.43vw;}
	/* .all_menu_btn .tp{width: 1.83vw;}
	.all_menu_btn .bt{width: 1.22vw;}
	.all_menu_btn.on .bt{width: 1.83vw;} */
    .header > .inner > .right {gap: 1.52vw;}
    .header > .inner > .right .lang .lang-list{width:3.05vw;  top:calc(100% + 0.91vw);}
    .header > .inner > .right .lang .lang-list a{font-size: 0.85vw; line-height: 2.44vw;}
    .header > .inner > .right .lang{width:1.71vw;}
    .header > .inner > .right .all_menu{width:1.83vw;}

	/* all menu */
	.header.on > .inner{height: 5.49vw;}
	.all_menu_list{margin-top:16.77vw; gap: 1.83vw;}
	.all_menu_list dl{width: 15.24vw; margin-top: 3.05vw;}
	.all_menu_list dt{gap: 0.30vw; margin-bottom: 2.44vw;}
	.all_menu_list dt .num{font-size: 0.98vw; letter-spacing: -0.06vw;}
	.all_menu_list dt a{font-size:1.83vw; letter-spacing: -0.06vw;}
	.all_menu_list dd a + a{margin-top:0.91vw;}
	.all_menu_list dd a{font-size:1.22vw; letter-spacing: -0.06vw;}

	/* quick menu */
	.quick{right: 2.49vw; bottom: 3.05vw;}
	.quick.on{bottom: 14.02vw;}
	.quick li + li{margin-top: 2.32vw;}
	.quick li .rotate{width: 8.41vw;}
	.quick li a{width: 5.49vw; height: 5.49vw; gap: 0.30vw;}
	.quick li a .icon{width: 1.59vw;}
	.quick li a span{font-size: 0.79vw; letter-spacing: -0.05vw;}

	/* common */
	.main_paging{left: 2.44vw; gap: 0.91vw; display: none;}
	.main_paging a{gap: 0.61vw; height: 1.22vw;}
	.main_paging a .dot{width: 0.49vw; height: 0.49vw;}
	.main_paging a.active .txt{font-size: 0.85vw; letter-spacing: -0.04vw;}
	.main_tit{font-size: 4.39vw; letter-spacing: -0.18vw;}
	.main_tit span::before{width: 0.91vw; height: 0.91vw; right: -0.61vw; top: -0.49vw;}
	#cursor_div .cursor.on{width: 7.32vw; height: 7.32vw;}
	#cursor_div .cursor.on img{width: 1.83vw;}

	/* view btn */
	.view_btn{height: 3.41vw;}
	.view_btn span{padding: 0 2.74vw 0 3.05vw; height: 3.41vw; gap: 0.30vw; font-size: 0.85vw; letter-spacing: -0.02vw;}
	.view_btn img{width: 0.98vw;}

	/* visual */
	.main .visual .txt span{font-size: 1.22vw;}
	.main .visual .txt h2{margin-bottom: 0.91vw; font-size: 3.35vw; letter-spacing: -0.12vw;}
	.main .visual .scroll{left: 2.414vw; bottom: 12.20vw; gap: 0.61vw;}
	.main .visual .scroll span{font-size: 0.85vw; letter-spacing: -0.04vw;}
	.main .visual .scroll img{width: 1.46vw; margin-top: 0.12vw;}

	/* sec2 */
	.main .sec2{padding-top: 0;}
	.main .sec2 .inner{height: 17.03vw; padding-bottom: 3.71vw; display: flex; align-items: flex-end;}
	.main .sec2 .cont{height: calc(100vh - 17.03vw);}
	.main .sec2 .cont .item{height: 100%;}
	.main .sec2 .cont .item:hover{width: 43.90vw;}
	.main .sec2 .cont .item a{padding: 3.05vw; padding-right: 2.74vw;}
	.main .sec2 .cont .item a dl dt{font-size: 2.32vw !important; letter-spacing: -0.12vw;}
	.main .sec2 .cont .item a dl dd{margin-top: 0.61vw; font-size: 1.22vw; letter-spacing: -0.06vw;}

	/* sec3 */
	.main .sec3{padding-top: 10.24vw;}
	.main .sec3 .inner{gap: 12.32vw;}
	.main .sec3 .left .title{font-size: 7.32vw; letter-spacing: -0.18vw; margin-bottom: 5.18vw;}
	.main .sec3 .left .img {top: 30.06vw;}
	.main .sec3 .right{margin-top: 9.15vw;}
	.main .sec3 .right p{font-size: 1.22vw; letter-spacing: -0.05vw; margin-bottom: 3.23vw;}
	.main .sec3 .bg_txt{font-size: 5.70vw; letter-spacing: -0.12vw; bottom: 8.23vw;}
	/* motion */
	@keyframes sec3_img_slide_grow {
	  0% {transform: translateX(-120%) scale(1); opacity: 0; width: 27.44vw; height: auto;}
	  40% {top: 30.06vw; transform: translateX(2.44vw) scale(1); opacity: 1; width: 27.44vw; height: auto;}
	  100% {top: 0; transform: translateX(0%) scale(1); width: 100%; height: 100vh; opacity: 1;}
	}

	/* sec4 */
	.main .sec4{padding-top: 10.37vw;}
	.main .sec4 .txt_wrap{width: 29.27vw;}
	.main .sec4 .txt_wrap p{margin: 1.52vw 0 4.27vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
	.main .sec4 .swiper{width: 74.05vw; padding: 1.22vw; margin: -1.22vw; top: 10.37vw;}
	.main .sec4 .swiper-slide{width: 28.05vw !important; margin-right: 2.44vw;}
	.main .sec4 .swiper-slide:hover{box-shadow: 0.30vw 0.49vw 0.91vw 0 rgba(0, 0, 0, 0.15);}
	.main .sec4 .swiper-slide a{padding: 1.83vw; gap: 1.83vw;}
	.main .sec4 .swiper-slide a .txt{gap: 0.30vw;}
	.main .sec4 .swiper-slide a .txt .tit{font-size: 1.46vw; letter-spacing: -0.06vw;}
	.main .sec4 .swiper-slide a .txt .cont{font-size: 1.22vw; letter-spacing: -0.05vw; min-height: 1.83vw;}
	.main .sec4 .swiper-slide a .txt .date{font-size: 0.98vw; letter-spacing: -0.05vw;}
	.main .sec4 .scrollbar{margin-top: 3.66vw; width: 69.29vw;}
	/* no data */
	.main .sec4 .swiper.noData{width: 69.29vw;}
	.main .sec4 .no_data{height: 28.66vw; width: 100% !important;}
	.no_data img{width: 2.32vw;}
	.no_data p{margin-top: 1.71vw; font-size: 1.22vw;}

	/* sec5 */
	.main .sec5 .wrap{height: calc(100% - 11.89vw);}
	.main .sec5 .wrap .inner{gap: 2.44vw;}
	.main .sec5 .wrap p{font-size: 1.22vw; letter-spacing: -0.05vw;}

	/* footer */
	.footer{height: 11.89vw; padding-top: 2.74vw;}
	.footer *{font-size: 0.98vw; letter-spacing: -0.06vw;}
	.footer .ft_lt{gap: 5.18vw;}
	.footer .logo{width: 6.71vw;}
	.footer .info .use{gap: 0.91vw;}
	.footer .info ul{margin-top: 0.61vw;}
	.footer .info ul li{gap: 0.91vw;}
	.footer .info ul li.address{margin-top: 0.30vw;}
	.footer .ft_rt .sns{gap: 0.61vw;}
	.footer .ft_rt .sns a{width: 1.83vw;}
	.footer .ft_rt .call{gap: 0.30vw; margin: 1.10vw 0 0.98vw;}
	.footer .ft_rt .call span{font-size: 0.85vw; letter-spacing: -0.04vw;}
	.footer .ft_rt .call strong{font-size: 1.71vw; letter-spacing: -0.12vw;}

}



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

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

	/* HEADER */
	.header{height:5.47vw;}
	/* .header > .inner{padding: 0 3.13vw;} */
	.header h1 img{width: 4.30vw;}
	.header .gnb{gap: 4.53vw;}
	.header .gnb > li > a{font-size: 1.09vw; letter-spacing: -0.08vw;}
	.header .gnb > li:hover{text-underline-offset: 0.63vw;}
	.header .gnb_2depth{top: 5.46vw; gap: 0.94vw; padding: 1.48vw 1.25vw; width: 11.02vw;}
	.header .gnb_2depth li a{font-size: 1.02vw; letter-spacing: -0.08vw;}
	.header .gnb_2depth li a span::before{right: -0.26vw;}
	.header .gnb_2depth li a:hover span::before{top: -0.26vw;}
	.all_menu_btn{gap: 0.47vw;}
	.all_menu_btn .tp{width: 25px;}
	.all_menu_btn .bt{width: 15px;}
	.all_menu_btn.on .tp{transform: translate(0px, 3.65px) rotate(45deg);}
	.all_menu_btn.on .bt{transform: translate(0px, -3.65px) rotate(-45deg); width: 25px;}
    .header > .inner > .right {gap: 1.48vw;}
    .header > .inner > .right .lang .lang-list{width:3.05vw;  top:calc(100% + 0.94vw);}
    .header > .inner > .right .lang .lang-list a{font-size: 0.86vw; line-height: 2.42vw;}
    .header > .inner > .right .lang{width:1.72vw;}
    .header > .inner > .right .all_menu{width:1.80vw;}

	/* all menu */
	.header.on > .inner{height: 5.47vw;}
	.all_menu_list{margin-top:16.80vw; gap: 1.80vw;}
	.all_menu_list dl{width: 15.23vw; margin-top: 3.05vw;}
	.all_menu_list dt{gap: 0.31vw; margin-bottom: 2.42vw;}
	.all_menu_list dt .num{font-size: 1.02vw; letter-spacing: -0.08vw;}
	.all_menu_list dt a{font-size:1.80vw; letter-spacing: -0.08vw;}
	.all_menu_list dd a + a{margin-top:0.94vw;}
	.all_menu_list dd a{font-size:1.25vw; letter-spacing: -0.08vw;}

	/* quick menu */
	.quick{right: 3.28vw; bottom: 3.05vw;}
	.quick li + li{margin-top: 2.34vw;}
	.quick li .rotate{width: 8.44vw;}
	.quick li a{width: 5.47vw; height: 5.47vw; gap: 0.31vw;}
	.quick li a .icon{width: 1.56vw;}
	.quick li a span{font-size: 0.78vw; letter-spacing: -0.08vw;}

	/* common */
	.main_paging{left: 3.05vw; gap: 0.94vw;}
	.main_paging a{gap: 0.63vw; height: 1.25vw;}
	.main_paging a .dot{width: 0.47vw; height: 0.47vw;}
	.main_paging a.active .txt{font-size: 0.86vw; letter-spacing: -0.08vw;}
	.main_tit{font-size: 4.38vw; letter-spacing: -0.16vw;}
	.main_tit span::before{width: 0.94vw; height: 0.94vw; right: -0.63vw; top: -0.47vw;}
	#cursor_div .cursor.on{width: 7.34vw; height: 7.34vw;}
	#cursor_div .cursor.on img{width: 1.80vw;}

	/* view btn */
	.view_btn{height: 3.44vw;}
	.view_btn span{padding: 0 2.73vw 0 3.05vw; height: 3.44vw; gap: 0.31vw; font-size: 0.86vw; letter-spacing: -0.00vw;}
	.view_btn img{width: 1.02vw;}

	/* visual */
	.main .visual .txt span{font-size: 1.25vw;}
	.main .visual .txt h2{margin-bottom: 0.94vw; font-size: 3.36vw; letter-spacing: -0.16vw;}
	.main .visual .scroll{left: 2.42vw; bottom: 12.19vw; gap: 0.63vw;}
	.main .visual .scroll span{font-size: 0.86vw; letter-spacing: -0.08vw;}
	.main .visual .scroll img{width: 1.48vw; margin-top: 0.16vw;}

	/* sec2 */
	.main .sec2 .inner{height: 18.03vw; padding-bottom: 4.86vw;}
	.main .sec2 .cont{height: calc(100vh - 18.03vw);}
	.main .sec2 .cont .item:hover{width: 43.91vw;}
	.main .sec2 .cont .item a{padding: 3.05vw; padding-right: 2.73vw;}
	.main .sec2 .cont .item a dl dt{font-size: 2.03vw !important; letter-spacing: -0.16vw;}
	.main .sec2 .cont .item a dl dd{margin-top: 0.63vw; font-size: 1.25vw; letter-spacing: -0.08vw;}

	/* sec3 */
	.main .sec3{padding-top: 10.23vw;}
	.main .sec3 .inner{gap: 12.34vw;}
	.main .sec3 .left .title{font-size: 7.34vw; letter-spacing: -0.16vw; margin-bottom: 5.16vw;}
	.main .sec3 .left .img {top: 30.08vw;}
	.main .sec3 .right{margin-top: 9.14vw;}
	.main .sec3 .right p{font-size: 1.25vw; letter-spacing: -0.08vw; margin-bottom: 3.20vw;}
	.main .sec3 .bg_txt{font-size: 5.76vw; letter-spacing: -0.16vw; bottom: 8.20vw;}
	/* motion */
	@keyframes sec3_img_slide_grow {
	  0% {transform: translateX(-120%) scale(1); opacity: 0; width: 27.42vw; height: auto;}
	  40% {top: 30.08vw; transform: translateX(3.13vw) scale(1); opacity: 1; width: 27.42vw; height: auto;}
	  100% {top: 0; transform: translateX(0%) scale(1); width: 100%; height: 100vh; opacity: 1;}
	}

	/* sec4 */
	.main .sec4{padding-top: 13.39vw;}
	.main .sec4 .txt_wrap{width: 29.30vw;}
	.main .sec4 .txt_wrap p{margin: 1.48vw 0 4.30vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.main .sec4 .swiper{width: 68.75vw; padding: 1.25vw; margin: -1.25vw; top: 13.39vw;}
	.main .sec4 .swiper-slide{width: 26.95vw !important; margin-right: 2.42vw;}
	.main .sec4 .swiper-slide:hover{box-shadow: 0.31vw 0.47vw 0.94vw 0 rgba(0, 0, 0, 0.15);}
	.main .sec4 .swiper-slide a{padding: 1.80vw; gap: 1.80vw;}
	.main .sec4 .swiper-slide a .txt{gap: 0.31vw;}
	.main .sec4 .swiper-slide a .txt .tit{font-size: 1.48vw; letter-spacing: -0.08vw;}
	.main .sec4 .swiper-slide a .txt .cont{font-size: 1.25vw; letter-spacing: -0.08vw; min-height: 1.90vw;}
	.main .sec4 .swiper-slide a .txt .date{font-size: 1.02vw; letter-spacing: -0.08vw;}
	.main .sec4 .scrollbar{margin-top: 3.67vw; width: 63.3vw;}
	/* no data */
	.main .sec4 .swiper.noData{width: 63.3vw;}
	.main .sec4 .no_data{height: 28.67vw; width: 100% !important;}
	.no_data img{width: 2.34vw;}
	.no_data p{margin-top: 1.72vw; font-size: 1.25vw;}

	/* sec5 */
	.main .sec5 .wrap{height: calc(100% - 11.88vw);}
	.main .sec5 .wrap .inner{gap: 2.42vw;}
	.main .sec5 .wrap p{font-size: 1.25vw; letter-spacing: -0.08vw;}

	/* footer */
	.footer{height: 11.88vw; padding-top: 2.73vw;}
	.footer *{font-size: 1.02vw; letter-spacing: -0.08vw;}
	.footer .ft_lt{gap: 5.16vw;}
	.footer .logo{width: 6.72vw;}
	.footer .info .use{gap: 0.94vw;}
	.footer .info ul{margin-top: 0.63vw;}
	.footer .info ul li{gap: 0.94vw;}
	.footer .info ul li.address{margin-top: 0.31vw;}
	.footer .ft_rt .sns{gap: 0.63vw;}
	.footer .ft_rt .sns a{width: 1.80vw;}
	.footer .ft_rt .call{gap: 0.31vw; margin: 1.09vw 0 1.02vw;}
	.footer .ft_rt .call span{font-size: 0.86vw; letter-spacing: -0.08vw;}
	.footer .ft_rt .call strong{font-size: 1.72vw; letter-spacing: -0.16vw;}

}



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

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

	/* HEADER */
	.header{height:13.02vw;}
	.header > .inner{padding: 0 5.21vw;}
	.header h1 img{width: 11.04vw;}
	.header .gnb_wrap{display: none !important;}
	.all_menu_btn{gap: 1.56vw;}
	.all_menu_btn .tp{width: 6.51vw;}
	.all_menu_btn .bt{width: 4.34vw;}
	.all_menu_btn span {transform-origin: 50% 50%;}
	.all_menu_btn.on {gap: 0;}
	.all_menu_btn.on .tp{transform: translateY(calc(0.052vw + 1px)) rotate(45deg);}
	.all_menu_btn.on .bt{transform: translateY(-0.052vw) rotate(-45deg); width: 6.51vw;}
    .header > .inner > .right {gap: 3.8190vw;}
    .header > .inner > .right .lang{width:5.5vw;}
    .header > .inner > .right .lang .lang-list{width:10.4167vw; top:calc(100% + 1.95vw);}
    .header > .inner > .right .lang .lang-list a{font-size: 3.1250vw; line-height: 7.8125vw;}

	/* all menu */
	.header.on > .inner{height: 13.02vw;}
	.all_menu{padding: 14.32vw 0;}
	.all_menu .logo{height: 13.02vw; filter: none;}
	.all_menu .logo img{height: 100%;}
	.all_menu_list{margin-top: 15.63vw; gap: 7.81vw; flex-direction: column; height: 100vh; max-height: calc(100vh - (14.32vw * 2) - 7.81vw - 15.63vw); overflow-y: auto; justify-content: flex-start;}
	.all_menu_list dl{width: 100%; margin-top: 6.51vw;}
	.all_menu_list dt{gap: 1.30vw; margin-bottom: 0;}
	.all_menu_list dt .num{font-size: 3.65vw; letter-spacing: -0.26vw;}
	.all_menu_list dt a{font-size: 7.29vw; letter-spacing: -0.26vw;}
	.all_menu_list dd{display: none; margin-top: 5.44vw;}
	.all_menu_list dd div{display: flex; flex-wrap: wrap; gap: 1.30vw 5.21vw;}
	.all_menu_list dd a{font-size: 4.17vw; letter-spacing: -0.26vw;}
	.all_menu_list dd a + a{margin-top: 0;}

	/* quick menu */
	.quick{right: 5.47vw; bottom: 11.72vw;}
	.quick li + li{margin-top: 6.25vw;}
	.quick li .rotate{width: 20.83vw;}
	.quick li a{width: 12.50vw; height: 12.50vw; gap: 0.65vw;}
	.quick li a .icon{width: 3.61vw;}
	.quick li a span{font-size: 2.34vw; letter-spacing: -0.16vw;}

	/* common */
	.main .section.on [data-act="up"]{transform: translateY(0); opacity: 1;}
	.main .section.on [data-delay="200"] {transition-delay: .20s;}
	.main .section.on [data-delay="400"] {transition-delay: .40s;}
	#main-contents {position: relative;}
	.main .section {position: relative; height: auto; min-height: initial; transform: translateY(0);}
	.main_tit{font-size: 8.85vw; letter-spacing: -0.26vw;}
	.main_tit span::before{width: 2.60vw; height: 2.60vw; right: -3.5vw; top: -1.04vw;}
	#cursor_div{display: none;}

	/* view btn */
	.view_btn{height: 9.38vw;}
	.view_btn span{padding: 0; width: 35.16vw; height: 9.38vw; gap: 1.30vw; font-size: 3.39vw; letter-spacing: -0.10vw;}
	.view_btn img{width: 3.13vw;}
	.view_btn:hover .default{transform: translateY(0);}
	.view_btn .hover{display: none;}

	/* visual */
	.main .visual{height: 156.25vw;}
	.main .visual .txt span{font-size: 4.17vw;}
	.main .visual .txt h2{margin-bottom: 7.81vw; font-size: 7.29vw; letter-spacing: -0.52vw;}
	.main .visual .scroll{left: 5.21vw; bottom: 36.04vw; gap: 2.60vw;}
	.main .visual .scroll span{font-size: 3.39vw; letter-spacing: -0.16vw;}
	.main .visual .scroll img{width: 6.25vw; margin-top: 0.36vw;}

	/* sec2 */
	.main .sec2{padding-top: 20.83vw;}
	.main .sec2 .inner{height: auto; padding-bottom: 0;}
	.main .sec2 .cont{height: auto; position: initial; flex-direction: column; margin-top: 9.11vw;}
	.main .sec2 .cont .item{height: 39.06vw; width: 100%;}
	.main .sec2 .cont .item1{background-image: url(/img/main/sec2_img1_m.jpg);}
	.main .sec2 .cont .item2{background-image: url(/img/main/sec2_img2_m.jpg);}
	.main .sec2 .cont .item3{background-image: url(/img/main/sec2_img3_m.jpg);}
	.main .sec2 .cont .item4{background-image: url(/img/main/sec2_img4_m.jpg);}
	.main .sec2 .cont .item:hover{width: 100%;}
	.main .sec2 .cont .item a{padding: 0 5.21vw; justify-content: center;}
	.main .sec2 .cont .item a::before{display: none;}
	.main .sec2 .cont .item a dl dt{font-size: 5.73vw !important; letter-spacing: -0.26vw; line-height: 1.36;}
	.main .sec2 .cont .item a dl dd{margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.26vw;}

	/* sec3 */
	.main .sec3{padding-top: 20.83vw;}
	.main .sec3 .inner{flex-direction: column; gap: 0;}
	.main .sec3 .left .title{font-size: 10.42vw; letter-spacing: -0.78vw; margin-bottom: 0;}
	.main .sec3 .right{margin-top: 7.81vw;}
	.main .sec3 .right p{font-size: 3.65vw; letter-spacing: -0.16vw; margin-bottom: 6.77vw;}
	.main .sec3 .bg_txt{display: none;}
	.main .sec3 .img{margin-top: 11.20vw;}
	.main .sec3 .img img{width: 100%;}

	/* sec4 */
	.main .sec4{padding: 20.83vw 0;}
	.main .sec4 .inner{flex-direction: column; gap: 6.77vw;}
	.main .sec4 .txt_wrap{width: 62.50vw;}
	.main .sec4 .txt_wrap p{margin: 2.60vw 0 8.85vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
	.main .sec4 .swiper{width: 100%; padding: 0; margin: 0; position: initial; transition-delay: 0.6s; overflow: visible;}
	.main .sec4 .swiper-slide{width: 80.73vw !important; margin-right: 5.21vw;}
	.main .sec4 .swiper-slide:hover{box-shadow: 0.65vw 1.04vw 1.95vw 0 rgba(0, 0, 0, 0.15);}
	.main .sec4 .swiper-slide a{padding: 5.21vw; gap: 5.21vw;}
	.main .sec4 .swiper-slide a .txt{gap: 0.65vw;}
	.main .sec4 .swiper-slide a .txt .tit{font-size: 4.17vw; letter-spacing: -0.16vw;}
	.main .sec4 .swiper-slide a .txt .cont{font-size: 3.65vw; letter-spacing: -0.10vw; min-height: 5.80vw;}
	.main .sec4 .swiper-slide a .txt .date{font-size: 3.13vw; letter-spacing: -0.10vw;}
	.main .sec4 .scrollbar{margin-top: 7.81vw; width: 100%; height: 0.78vw;}
	/* no data */
	.main .sec4 .swiper.noData{width: 100%;}
	.main .sec4 .no_data{height: 61.20vw; width: 100% !important;}
	.no_data img{width: 6.51vw;}
	.no_data p{margin-top: 4.17vw; font-size: 3.65vw;}

	/* sec5 */
	.main .sec5 .wrap{height: 130.21vw; background-image: url(/img/main/sec5_bg_m.jpg);}
	.main .sec5 .wrap .inner{gap: 5.21vw;}
	.main .sec5 .wrap p{font-size: 3.65vw; letter-spacing: -0.16vw;}

	/* footer */
	.footer{height: auto; padding: 13.02vw 0 10.42vw;}
	.footer *{font-size: 3.39vw; letter-spacing: -0.16vw;}
	.footer .inner{flex-direction: column; gap: 7.81vw;}
	.footer .ft_lt{gap: 7.81vw; flex-direction: column;}
	.footer .logo{width: 18.32vw;}
	.footer .info .use{gap: 2.60vw;}
	.footer .info ul{margin-top: 5.21vw;}
	.footer .info ul li{gap: 0.65vw 2.60vw; flex-wrap: wrap;}
	.footer .info ul li + li{margin-top: 0.65vw;}
	.footer .info ul li .tel{display: inline-block;}
	.footer .info ul li.address{margin-top: 0.65vw; flex-direction: column;}
	.footer .ft_rt{align-items: flex-start; text-align: left;}
	.footer .ft_rt .sns{gap: 1.74vw;}
	.footer .ft_rt .sns a{width: 6.51vw;}
	.footer .ft_rt .call{gap: 1.95vw; margin: 3.91vw 0;}
	.footer .ft_rt .call span{font-size: 3.65vw; letter-spacing: -0.08vw;}
	.footer .ft_rt .call strong{font-size: 5.73vw; letter-spacing: -0.26vw;}

}