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

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

/* Poppins */
@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{
	--main-color : #2898C4;
	--filter-black : invert(1);
	--font-out : 'Outfit';
	--font-pop : 'Poppins';
}
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}

.inner{width: 100%; /* max-width: calc(100% - (6.25rem*2)); */ max-width:107.5rem; margin:0 auto;}
.inner_1600{width: 100%; /* max-width: calc(100% - (10rem*2)); */ max-width:100rem; margin:0 auto;}

.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}
.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-je {display: flex; align-items: center; justify-content: flex-end;}

.mt_10 {margin-top: .62rem;}
.mt_16 {margin-top: 1rem;}
.mt_20 {margin-top: 1.25rem;}
.mt_30 {margin-top: 1.875rem;}
.mt_40 {margin-top: 2.5rem;}
.mt_60 {margin-top: 3.75rem;}
.mt_64 {margin-top: 4rem;}
.mt_70 {margin-top: 4.375rem;}
.mt_80 {margin-top: 5rem;}
.mt_100 {margin-top: 6.25rem;}
.mt_110 {margin-top: 6.875rem;}


/* HEADER */
.header{height:5.625rem; position:fixed; top:0; z-index:1000; width:100%;}
.header .in {position: relative;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header h1 {position: relative; z-index: 2;}
.header h1 a img{width: 11.25rem; display: block;}
.header h1 a img.logo_on{display:none;}
.header .gnb{display:flex;}
.header .gnb > li{position:relative;}
.header .head_rt > a,
.header .gnb > li > a{font-size: 1.125rem; color: #FFF; font-weight: 600; line-height: 5.625rem; display: block; padding: 0 calc(4.6875rem/2); transition: all .3s;}
.header .gnb_2depth_bg {position:absolute; width:100%; height: 100%; background: #fff; top: 0; left:0; overflow: hidden; opacity: 0; visibility: hidden; transition-property: padding, opacity, visibility; transition-timing-function: ease; transition-duration: .35s;}
.header .gnb_2depth{position:absolute; top: 100%; left: 1rem; min-width: max-content; visibility: hidden; opacity: 0; padding: 2rem 0 3.13rem; transition: all .3s .1s;}
.header .gnb_2depth li + li{margin-top:.5rem;}
.header .gnb_2depth li a{color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 150%;}
.header .gnb_2depth li a:hover{color: var(--main-color); text-decoration: underline; text-underline-offset: .2rem;}
.header .head_rt{display:flex; align-items:center; gap:1.125rem;}
.header .lang{position:relative;}
.header #lang-btn img {width:2rem;}
.header .lang .lang-list{width:2.312rem; position:absolute; top: calc(100% + .44rem); left:50%; transform:translateX(-50%); display:none;}
.header .lang .lang-list.on{display:block;}
.header .lang .lang-list a {font-size: 0.75rem; height: 2rem; background: #fff; display: flex; align-items: center; justify-content: center; color: #838383; font-weight: 600;}
.header .lang .lang-list a.on,
.header .lang .lang-list a:hover{background: var(--main-color); color:#fff;}
.header .lang .lang-list img {transition: all .3s;}
.all_menu_btn{width: 2rem; cursor:pointer;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}

.header.on {background: #fff; transition-property: color, background, box-shadow; transition-duration: .35s, .35s, .35s; transition-timing-function: ease;}
.header.on .in {border-bottom: 1px solid #E3E3E3;}
.header.on h1 a img.logo {display: none;}
.header.on h1 a img.logo_on {display: block;}
.header.on .gnb_2depth_bg {visibility: visible; opacity: 1;}
.header.on .gnb_wrap .gnb > li > a {color: #000;}
.header.on .head_rt img {filter: var(--filter-black);}
.header .gnb > li:hover .gnb_2depth {visibility: visible; opacity: 1;}

.header.fixed{background: #FFF;}
.header.fixed .in {border-bottom: 1px solid #E3E3E3;}
.header.fixed h1 a img.logo{display:none;}
.header.fixed h1 a img.logo_on{display:block;}
.header.fixed .head_rt > a,
.header.fixed .gnb > li > a{color: #000;}
.header.fixed .head_rt img {filter:var(--filter-black);}


/* all menu */
.all_menu {visibility: hidden; opacity: 0; position:fixed; width: 100%; height: 100%; z-index: 1001;}
.all_menu .allMenu_bg {position: absolute; top: 0; left: 0; width: 100%; height: 0%; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); transition: all 0.6s ease;}
.all_menu .allMenu_inner {width: 100%; max-width: calc(100% - (3.75rem*2)); height: 100%; position: relative; display: flex; align-items: center; justify-content: center; transition: opacity 0.5s ease 0s; opacity: 0; margin: 0 auto;}
.all_menu .logo {position: absolute; top: 4.39rem; left: 0;}
.all_menu .logo img {width: 11.25rem;}
.all_menu .close {position: absolute; top: 1.87rem; right: 1.25rem;}
.all_menu .close img {width: 2rem; cursor: pointer;}
.all_menu_list {display: flex; width: 100%;}
.all_menu_list dl {flex: 1; padding: 0 3.19rem; position: relative; transition: all 0.8s ease-in-out; opacity: 0; transform: translateY(50px);}
.all_menu_list dl:first-child {padding-left: 0;}
.all_menu_list dl:last-child {padding-right: 0;}
.all_menu_list dl + dl::before {content: ""; width: 1px; height: 300vh; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: rgba(0, 0, 0, 0.10);}
.all_menu_list dt {color: #000; font-size: 1.75rem; font-weight: 600; line-height: 129%; transition: all 0.3s;}
.all_menu_list dd {margin-top: 1.875rem;}
.all_menu_list dd + dd {margin-top: 0.75rem;}
.all_menu_list dd a {color: rgba(0, 0, 0, 0.70); font-size: 1.25rem; font-weight: 600; line-height: 145%;}
.all_menu_list dl dd a:hover {color: var(--main-color);}

.all_menu.show {visibility: visible; opacity: 1;}
.all_menu.show .allMenu_bg {height: 100%;}
.all_menu.show .allMenu_inner {opacity: 1.0; transition-delay: 0.4s;}
.all_menu.show .all_menu_list dl {opacity: 1; transform: translateY(0);}
.all_menu.show .all_menu_list dl:nth-child(2) {transition-delay: 0.15s;}
.all_menu.show .all_menu_list dl:nth-child(3) {transition-delay: 0.3s;}
.all_menu.show .all_menu_list dl:nth-child(4) {transition-delay: 0.45s;}
.all_menu.show .all_menu_list dl:nth-child(5) {transition-delay: 0.6s;}
.all_menu.show .all_menu_list dl:nth-child(6) {transition-delay: .75s;}

.all_menu.hide {opacity: 0; transition: all .4s ease-in-out;}


/* quick menu */
.quick {position: fixed; right: 0; bottom: 4rem; z-index: 100; visibility: hidden; opacity: 0; transition: all .3s;}
.quick.show {visibility: visible; opacity: 1;}
.quick li + li {margin-top: 0.58331rem;}
.quick a {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 4.375rem; height: 4.375rem;}
.quick a p {font-size: 0.72919rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.03281rem;}
.quick a.apply {border: 1px solid rgba(20, 20, 20, 0.10); background: #fff; gap: .25rem;}
.quick a.apply img {width: 2rem;}
.quick a.apply p {color: #000;}
.quick a.top_btn {border-color: var(--main-color); background: var(--main-color);}
.quick a.top_btn img {width: 1.45831rem;}
.quick a.top_btn p {color: #fff;}


/* footer */
.footer{background: #000; padding: 4.03rem 0 2.06rem;}
.footer .ft_logo img{width: 11.25rem;}
.footer .top {margin-top: 3.26rem; align-items: flex-start;}
.footer .ft_left li {color: #BEBEBE; font-size: 1rem; font-weight: 400; line-height: 1.5; display: flex; align-items: center; gap: 1rem;}
.footer .ft_left li + li {margin-top: .25rem;}
.footer .ft_left li strong {color: #fff; font-weight: 600;}
.footer .ft_sns{display: flex; gap:0.9375rem; align-items: center; margin-top: 1.25rem;}
.footer .ft_sns img {width: 2rem;}
.footer .ft_right{display: flex; gap: 3.75rem; justify-content: flex-end;}
.footer .ft_right dt,
.footer .ft_right dt a {color: #FFF; font-size: 1.125rem; font-weight: 600; line-height: 1.5;}
.footer .ft_right dd {margin-top: 1.25rem;}
.footer .ft_right dd + dd {margin-top: 0.5rem;}
.footer .ft_right dd a {color: #BEBEBE; font-size: 1rem; font-weight: 400; line-height: 1.5;}
.footer .bot {margin-top: 3.19rem; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.40);}
.footer .ft_use {display: flex; align-items: center; gap:  1.25rem;}
.footer .ft_use a {color: #8E8E8E; font-size: 0.875rem; font-weight: 400; line-height: 1.43;}
.footer .ft_use b {color: #fff; font-weight: 600;}
.footer .copy{color: #BEBEBE; font-size: 0.875rem; font-weight: 400; line-height: 1.43;}


/********** main **********/
/* common */
.main_tit p {color: #FFF; font-size: 1.25rem; font-weight: 600; line-height: 1.45;}
.main_tit .tit {color: #FFF; font-size: 3rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.025rem;}
.main_tit .fc_blue {color: var(--main-color);}
.main_tit .fc_black {color: #000;}
.main .moreBtn {display: inline-flex; align-items: center; gap: 0.25rem; color: #FFF; font-size: 1.125rem; font-weight: 400; line-height: 1.5;}
.main .moreBtn img {width: 2.25rem;}
.no_data{width: 100% !important; border-top: 1px solid #FFF; border-bottom: 1px solid #fff; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 1.25rem; padding: 11.28rem 0;}
.no_data img {width: 2.625rem;}
.no_data p {color: #FFF; font-size: 1.125rem; font-weight: 400; line-height: 1.5;}

/* visual */
.main .visual {position: relative; overflow: hidden;}
.main .visual .swiper-slide {height: 59.375rem; position: relative;}
.main .visual .swiper-slide .vis_img {height: 100%;}
.main .visual .swiper-slide .vis_img img {width: 100%; height: 100%; object-fit:cover;}
.main .vis_bt {position: absolute; left: 50%; right: auto; bottom: 7.44rem; transform:translatex(-50%); z-index: 1;}
.main .vis_bt h2 {position: relative; overflow: hidden; min-height: 11.75rem;}
.main .vis_bt h2 span {color: #FFF; font-family: var(--font-out); font-size: 5.25rem; font-weight: 300; line-height: 1.12; letter-spacing: -0.01563rem; word-break: keep-all;}
.main .vis_bt h2 span b {font-weight: 600;}
.main .vis_bt p {margin-top: 1.5rem; position: relative; overflow: hidden; width: 100%;}
.main .vis_bt .sub_tit {min-height: 2.5rem;}
.main .vis_bt .sub_tit span {color: #fff; font-size: 2rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.025rem;}
.main .vis_bt .desc {min-height: 3.625rem;}
.main .vis_bt .desc span {color: #FFF; font-size: 1.25rem; font-weight: 400; line-height: 1.45;}
.main .vis_bt .progress-box {margin-top: 6.09rem; height: .0625rem; overflow: hidden;}
.main .vis_bt .autoplay-progress {position: relative; z-index: 10; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4);}
.main .vis_bt .autoplay-progress svg {--progress: 0; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; stroke-width: 100%; stroke: #fff; fill: none; stroke-dashoffset: calc(100 * (1 - var(--progress))); stroke-dasharray: 100 }
.main .vis_arrow {gap: 0.56519rem; margin-top: 2.5rem;}
.main .vis_arrow div {width: 3.25rem; height: 3.25rem; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.60); cursor: pointer; z-index: 10; transition: all .3s;}
.main .vis_arrow div img {width: 1.4375rem;}
.main .vis_arrow div:hover {background: var(--main-color); border-color: var(--main-color);}
.main .vis_bt .aniTxt {position: absolute; top: 0; left: 0; display: inline-block; transform: translateY(50px); opacity: 0; transition: transform .5s, opacity .8s;}
.main .vis_bt .aniTxt.show {transform: translateY(0); opacity: 1; }
.main .vis_bt .aniTxt.hide {transition: transform .4s, opacity .4s;}

/* sec1 */
.main .sec1 {align-items: flex-start; padding: 6.25rem 0 8.75rem; position: relative; overflow: hidden;}
.main .sec1::before {content: ""; background: url(/img/main/sec1_bg.png) no-repeat center/cover; position: absolute; left: -12.9375rem; bottom: -51.57125rem; width: 80.39538rem; aspect-ratio: 1/1;}
.main .sec1 .main_tit .tit {margin-top: 1.25rem;}
.main .sec1 ul li {display: flex; align-items: center; justify-content: space-between; width: 41.25rem; padding: 2rem 0;}
.main .sec1 ul li:first-child {padding-top: 3.125rem;}
.main .sec1 ul li + li {border-top: 1px solid #E3E3E3;}
.main .sec1 ul li span {font-size: 2rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.025rem;}
.main .sec1 ul li p,
.main .sec1 ul li strong {font-family: var(--font-out); font-size: 5.875rem; font-weight: 700; letter-spacing: -0.03606rem;}
.main .sec1 ul li:first-child p {font-size: 2.25rem; font-weight: 700; line-height: 1.22;}

/* sec2 */
.main .sec2 {background: var(--main-color); padding: 6.25rem 0 1rem;}
.main .sec2 .top {align-items: flex-end;}
.main .sec2 .main_tit {gap: 1rem; align-items: flex-end;}
.main .sec2 .main_tit p {font-size: 1.125rem; opacity: .8; font-weight: 400;}
.main .sec2 .swiperCont {position: relative;}
.main .sec2 .swiper {margin-top: 2.5rem; padding-left: 6.13rem;}
.main .sec2 .swiper-slide {width: 33.125rem; margin-right: 2.5rem;}
.main .sec2 .swiper-slide a {display: block; width: 100%;}
.main .sec2 .swiper-slide .thumb {width: 100%; aspect-ratio: 53/40; overflow: hidden;}
.main .sec2 .swiper-slide .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec2 .swiper-slide .tit {margin-top: 1.25rem; color: #FFF; font-size: 1.25rem; font-weight: 600; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main .sec2 .bot {gap: 1.25rem; margin-top: 2rem;}
.main .sec2 .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 28.125rem; height: 0.1875rem; background: rgba(255, 255, 255, 0.10);}
.main .sec2 .swiper-pagination-progressbar-fill {background: #fff;}
.main .sec2 .arrow {display: flex; align-items: center;}
.main .sec2 .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto; height: auto;}
.main .sec2 .arrow > div::after {display: none;}
.main .sec2 .arrow > div img {width: 2rem;}
.main .sec2 .arrow .swiper-button-prev img {transform: rotate(180deg);}
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index:1000;}
.cursor{width: 0; height: 0; border-radius:100%; background: rgba(31, 95, 124, 0.80); backdrop-filter: blur(25px); gap:0.24194rem; transition:all 0.3s; transform: translate(-50%, -50%);}
.cursor.on{width: 8.125rem; height: 8.125rem;}
.cursor span{font-size: 0; font-weight: 600; color:#fff; transition:all 0.3s; font-family: var(--font-pop);}
.cursor.on span{font-size: 1.125rem;}
.cursor img{width:0; transition:all 0.3s;}
.cursor.on img{width:1rem;}

/* sec3 */
.main .sec3 {background: var(--main-color); position: relative; height: 100dvh; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.main .sec3::before {content: ""; width: 54.125rem; aspect-ratio: 1/1; background: url(/img/main/sec3_bg.png) no-repeat center/cover; position: absolute; left: -9.44rem; bottom: -12.06rem;}
.main .sec3 .contain {width: 100%; position: relative; text-align: right;}
.main .sec3 .in {display: inline-flex; gap: 12.5rem; width: 100%; max-width: calc(100% - 6.25rem); /* padding: 7rem 0; */}
.main .sec3 .left {text-align: left;}
.main .sec3 .main_tit {min-width: max-content;}
.main .sec3 .main_tit .tit {margin-top: 1.25rem;}
.main .sec3 .main_tit .tit p b,
.main .sec3 .main_tit .tit p {color: #FFF; font-size: 3rem; font-weight: 400; line-height: 112%; letter-spacing: -0.01563rem;}
.main .sec3 .main_tit .tit p + p {margin-top: .75rem;}
.main .sec3 .main_tit .tit p b {font-weight: 700;}
.main .sec3 .moreBtn {margin-top: 2.5rem;} 
.main .sec3 .listWrap {position: relative; text-align: left;}
.main .sec3 ul {display: flex; gap: 2.5rem;}
.main .sec3 ul > li {width: 28.75rem;}
.main .sec3 ul > li .thumb {aspect-ratio: .93/1; overflow: hidden;}
.main .sec3 ul > li .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec3 ul > li .txt {margin-top: 2.75rem;}
.main .sec3 ul > li .txt strong {color: #FFF; font-family: var(--font-out); font-size: 1.5rem; font-weight: 600; line-height: 1.33;}
.main .sec3 ul > li .txt .tit {margin-top: .25rem; color: #FFF; font-size: 1.75rem; font-weight: 600; line-height: 1.29;}
.main .sec3 ul > li .txt p {margin-top: 1rem; color: #FFF; font-size: 1.125rem; font-weight: 400; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.main .sec3 ul > li.last_item .thumb {aspect-ratio: .67/1;}
.main .sec3 .sec4 {position: absolute; /* top: calc(50% - .2rem); */ top: 50%; left: 50%; transform: translate(-50%,-50%); width: 28.75rem; height: 42.85rem; overflow: hidden; opacity: 0;}
.main .sec3 .sec4 .thumb {width: 100%; height: 100%;}
.main .sec3 .sec4 .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec3 .sec4 .txtCont {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.main .sec3 .sec4 .txtCont .flex > div {width: 50%; text-align: left;}
.main .sec3 .sec4 .txtCont .main_tit .fc_blue {color: #4BC2F0; font-family: var(--font-out); font-size: 1.125rem; font-weight: 700;}
.main .sec3 .sec4 .txtCont .main_tit .tit {margin-top: .69rem;}
.main .sec3 .sec4 .txtCont .main_tit .tit p {font-size: 3rem; font-weight: 700; line-height: 115%; letter-spacing: -0.025rem;}
.main .sec3 .sec4 .txtCont .main_tit .desc {margin-top: 2.5rem; color: #FFF; font-size: 1.125rem; font-weight: 500; line-height: 1.5; opacity: .8; word-break: keep-all;}
.main .sec3 .sec4 .txtCont .main_tit p {clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px);}
.main .sec3 .sec4 .cont {position: relative; padding: 7.37rem 0; clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px);}
.main .sec3 .sec4 .cont .line {position: absolute; top: 0; left: .35rem; width: 0.0625rem; height: 100%; background: linear-gradient(180deg, rgba(75, 194, 240, 0.00) 0%, #4BC2F0 30%, rgba(75, 194, 240, 0.78) 80%, rgba(75, 194, 240, 0.00) 100%);}
.main .sec3 .sec4 .cont li {display: flex; gap: 4.62rem;}
.main .sec3 .sec4 .cont li + li {margin-top: 10rem;}
.main .sec3 .sec4 .cont li .circle {width: 0.75rem; height: 0.75rem; border-radius: 100%; background: #4BC2F0; margin-top: 1.44rem;}
.main .sec3 .sec4 .cont li .tit {display: flex; align-items: center; gap: 1.25rem; color: #FFF; font-family: var(--font-out); font-size: 3.125rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.025rem;}
.main .sec3 .sec4 .cont li .tit span {display: flex; align-items: center; justify-content: center; width: 3.25rem; aspect-ratio: 1/1; border: 1px solid rgba(255, 255, 255, 0.6); transition: all .3s;}
.main .sec3 .sec4 .cont li .tit:hover span {background: var(--main-color); border-color: var(--main-color);}
.main .sec3 .sec4 .cont li .tit span img {width: 100%;}
.main .sec3 .sec4 .cont li p {margin-top: 1.25rem; color: #FFF; font-size: 1.125rem; font-weight: 500; line-height: 1.5; text-align: left; word-break: keep-all;}

/* sec5 */
.amin .sec5 {position: relative; overflow: hidden; padding-top: 56.2%;}
.amin .sec5 video {width: calc(100% + 1px); height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1.005);}

/* sec6 */
.main .sec6 {padding: 6.25rem 0;}
.main .sec6 .main_tit {text-align: center;}
.main .sec6 .main_tit .tit {margin-top: 1.25rem;}
.main .sec6 ul {margin-top: 3.875rem; display: flex; gap: 5rem;}
.main .sec6 ul li {position: relative; width: calc(100%/3); border-top: 1px solid #000; border-bottom: 1px solid #000;}
.main .sec6 ul li + li::before {content: ""; width: 1px; height: calc(100% - (1.25rem*2)); left: -2.5rem; top: 50%; transform: translateY(-50%); background: #000; position: absolute;}
.main .sec6 ul li a {padding: 2.5rem; width: 100%; aspect-ratio: 1.3/1; display: flex; flex-direction: column; justify-content: space-between;}
.main .sec6 ul li .tit {overflow: hidden; height: 2.75rem;}
.main .sec6 ul li .tit p {font-size: 2.25rem; font-weight: 700; line-height: 122%;}
.main .sec6 ul li .tit p:last-child {opacity: 0;}
.main .sec6 ul li .desc {opacity: 0; transform: translateY(1.5rem); margin-top: .5rem; font-family: var(--font-out); font-size: 1.75rem; font-weight: 400; line-height: 129%; transition-duration: .5s;}
.main .sec6 ul li .arrow {width: 1.6875rem; overflow: hidden; display: flex;}
.main .sec6 ul li .arrow p {min-width: 1.6875rem; transform: translateX(-100%);}
.main .sec6 ul li .arrow p:first-child {opacity: 0;}
.main .sec6 ul li .arrow img {width: 100%;}
@media screen and (min-width:1025px){
	.main .sec6 ul li:hover {background: #F3F3F3;}
	.main .sec6 ul li:hover .tit p:first-child {opacity: 0; transform: translateY(-100%); transition: opacity .5s, transform .5s;}
	.main .sec6 ul li:hover .tit p:last-child {opacity: 1; transform: translateY(-100%); transition: opacity .5s,transform .5s;}
	.main .sec6 ul li:hover .desc {opacity: 1; transform: translateY(0);}
	.main .sec6 ul li:hover .arrow p:first-child {opacity: 1; transform: translateX(0); transition: opacity .5s, transform .5s;}
	.main .sec6 ul li:hover .arrow p:last-child {opacity: 0; transform: translateX(0); transition: opacity .5s,transform .5s;}
}

/* sec7 */
.main .sec7 {padding-bottom: 7.5rem;}
.main .sec7 .swiper-wrapper {transition-timing-function: linear;}
.main .sec7 .swiper-slide {width: 15rem; margin-right: 1.25rem; aspect-ratio: 2.4/1;}
.main .sec7 .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}



@media screen and (max-width:1800px) {
	.inner{max-width: calc(100% - (3rem*2));}
	.inner_1600{max-width: calc(100% - (3rem*2));}
}
@media screen and (max-width:1440px) {
    html {font-size: 80%;}
}
@media screen and (max-width:1180px) {
	.all_menu_list dl {padding: 0 2.19rem;}

	.footer .ft_right {display: none;}

	.main .sec1 ul li {width: 39.25rem;}
}
@media screen and (max-width:1024px){
    html {font-size: 100%;}

	.pc{display:none !important;}
	.mob{display:block !important;}

	.inner {max-width: calc(100% - (1.25rem*2));}
	.inner_1600 {max-width: calc(100% - (1.25rem*2));}
	
	/* HEADER */
	.header,
	.header .inner {height:4.375rem;}
	.header h1 a img{width: 10rem;}
	.header .gnb_wrap {display: none;}
	.header .head_rt{gap:0.75rem;}
	.header #lang-btn img {width:1.5rem;}
	.header .lang .lang-list{width:2.312rem; top: calc(100% + .44rem);}
	.header .lang .lang-list a {font-size: 0.75rem; height: 2rem;}
	.header .all_menu_btn {display: none;}
	.header .head_mob_btn {display: block !important;}
	.header .head_mob_btn img {width: 1.5rem;}

	/* sideMenu */
    .head_bg {position: fixed; right: 0; top: 0; z-index: 10000; width: 100%; height: 100dvh;}
	.head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(20px); padding: 4.12rem 1.25rem; width: 100%; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 1.06rem; right: .66rem;}
    .head_bg .head_bg_close img {width: 1.5rem;}
	.head_bg .head_bg_logo a{display: block; text-align: center;}
    .head_bg .head_bg_logo img {width:11.25rem;}
    .head_bg #accordion{margin-top: 3.85rem; overflow-y: auto; max-height: 80%;}
    .head_bg #accordion::-webkit-scrollbar {width: 2px; border-radius:5px;}
    .head_bg #accordion::-webkit-scrollbar-thumb {height: 30%; background: #878787; border-radius:5px;}
    .head_bg #accordion::-webkit-scrollbar-track {background: #D9D9D9; border-radius:5px;}
    .head_bg #accordion li > div {position: relative;  font-size: 0.875rem; font-weight: 700; line-height: 1.33; letter-spacing: -0.025rem; padding: 1.12rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.20); cursor: pointer;}
	.head_bg #accordion li > div a {display: block;}
    .head_bg #accordion li:first-child > div{border-top: 1px solid rgba(0, 0, 0, 0.20);}
    .head_bg #accordion li > div:not(.noChild)::after {content: ""; background: url("/img/main/accordion_plus.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1.25rem; height: 1.25rem; transition:all 0.3s;}
    .head_bg .submenu {display: none; padding: 1.25rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
	.head_bg .submenu li + li {margin-top: .31rem;}
    .head_bg .submenu a {display: block; color: rgba(0, 0, 0, 0.70); font-size: 0.875rem; font-weight: 400; line-height: 143%;}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 0.65vw; text-decoration-thickness: 1px; color: var(--main-color);}
    .head_bg #accordion li.on > div::after {background-image: url('/img/main/accordion_minus.svg');}
	
	
	/* all menu */
	.all_menu {display: none !important;}
	
	
	/* quick menu */
	.quick {bottom: 3.5rem;}
	.quick a {width: 3.5rem; height: 3.5rem;}
	.quick a.apply {gap: .25rem;}
	.quick a.apply img {width: 1.4rem;}
	.quick a.top_btn img {width: 1.3rem;}
	
	
	/* footer */
	.footer{padding: 3.12rem 0 2.27rem;}
	.footer .top {margin-top: 1.98rem;}
	.footer .ft_left li {font-size: 0.8125rem; align-items: flex-start;}
	.footer .ft_right{display: none;}
	.footer .bot {margin-top: 1.88rem; padding-top: 1.86rem; flex-direction: column-reverse; gap: .87rem; align-items: flex-start;}
	.footer .copy{ font-size: 0.75rem;}
	
	
	/********** main **********/
	/* common */
	.main_tit p {font-size: 0.875rem;}
	.main_tit .tit {font-size: 1.5rem;}
	.main .moreBtn {font-size: 0.875rem;}
	.main .moreBtn img {width: 1.5rem;}
	.no_data{gap: 1.25rem; padding: 11.28rem 0;}
	.no_data img {width: 2.625rem;}
	.no_data p {font-size: 0.875rem;}
	
	/* visual */
	.main .visual .swiper-slide {height: 37.5rem;}
	.main .vis_bt {bottom: 3.5rem;}
	.main .vis_bt h2 {min-height: 4.75rem;}
	.main .vis_bt h2 span {font-size: 2.125rem;}
	.main .vis_bt .sub_tit {min-height: 1.8rem;}
	.main .vis_bt .sub_tit span {font-size: 1.25rem;}
	.main .vis_bt .desc {min-height: 2.5rem;}
	.main .vis_bt .desc span {font-size: 0.875rem;}
	.main .vis_bt .progress-box {margin-top: 6.31rem;}
	.main .vis_arrow {gap: 0.43481rem; margin-top: 1.25rem;}
	.main .vis_arrow div {width: 2.5rem; height: 2.5rem;}
	.main .vis_arrow div img {width: 1.10575rem;}
	
	/* sec1 */
	.main .sec1 {padding: 3.75rem 0; flex-direction: column; align-items: flex-start; gap: 2.5rem;}
	.main .sec1::before {left: -36.98rem; bottom: -41.21rem; width: 49.9995rem;}
	.main .sec1 .main_tit .tit {margin-top: 0.75rem;}
	.main .sec1 ul {width: 100%;}
	.main .sec1 ul li {width: 100%;}
	.main .sec1 ul li:first-child {padding-top: 0;}
	.main .sec1 ul li span {font-size: 1.125rem;}
	.main .sec1 ul li p,
	.main .sec1 ul li strong {font-size: 2.8125rem;}
	.main .sec1 ul li:first-child p {font-size: 1.25rem;}
	
	/* sec2 */
	.main .sec2 {padding: 3.75rem 0 3.03538rem;}
	.main .sec2 .main_tit {padding: 0 1.25rem;}
	.main .sec2 .main_tit p {display: none;}
	.main .sec2 .swiper {margin-top: 1.875rem; padding-left: 1.25rem;}
	.main .sec2 .swiper-slide {width: 19rem;}
	.main .sec2 .swiper-slide .thumb {aspect-ratio: 304.00/229.43;}
	.main .sec2 .swiper-slide .tit {font-size: 0.875rem;}
	.main .sec2 .bot {margin-top: 1.25rem;}
	.main .sec2 .swiper-pagination {width: 14.375rem; height: 0.20256rem;}
	#cursor_div {display: none !important;}
	
	/* sec3 */
	.main .sec3::before {bottom: -25.18rem;}
	.main .sec3 .in {gap: 8.125rem; max-width: 100%; padding-left: 1.25rem; margin-top: 1.3rem;}
	.main .sec3 .main_tit .tit {margin-top: 0.75rem;}
	.main .sec3 .main_tit .tit p b,
	.main .sec3 .main_tit .tit p {font-size: normal; font-size: 1.5rem;}
	.main .sec3 .main_tit .tit p + p {margin-top: .25rem;}
	.main .sec3 .moreBtn {margin-top: 1.25rem;} 
	.main .sec3 ul > li {width: 19rem;}
	.main .sec3 ul > li .thumb {aspect-ratio: .938/1;}
	.main .sec3 ul > li .txt strong {font-size: 1rem;}
	.main .sec3 ul > li .txt .tit {font-size: 1.125rem;}
	.main .sec3 ul > li .txt p {margin-top: 1rem; font-size: 0.875rem;}
	.main .sec3 .sec4 {width: 19rem; height: 27.92175rem;}
	.main .sec3 .sec4 .txtCont .flex {flex-direction: column; align-items: flex-start; gap: 2.5rem;}
	.main .sec3 .sec4 .txtCont .flex > div {width: 100%; min-width: auto;}
	.main .sec3 .sec4 .txtCont .main_tit .fc_blue {font-size: 0.875rem;}
	.main .sec3 .sec4 .txtCont .main_tit .tit {margin-top: 0.75rem;}
	.main .sec3 .sec4 .txtCont .main_tit .tit p {font-size: 1.5rem;}
	.main .sec3 .sec4 .txtCont .main_tit .desc {margin-top: 1.25rem; font-size: 0.875rem;}
	.main .sec3 .sec4 .cont {padding: 1.72rem 0;}
	.main .sec3 .sec4 .cont .line {left: .218rem; width: 0.0625rem;}
	.main .sec3 .sec4 .cont li {gap: 1.87rem;}
	.main .sec3 .sec4 .cont li + li {margin-top: 5rem;}
	.main .sec3 .sec4 .cont li .circle {width: 0.5rem; height: 0.5rem; margin-top: .53rem;}
	.main .sec3 .sec4 .cont li .tit {gap: 1rem; font-size: 1.375rem;}
	.main .sec3 .sec4 .cont li .tit span {width: 2rem;}
	.main .sec3 .sec4 .cont li p {margin-top: 0.75rem; font-size: 0.875rem;}
	.main .sec3 .sec4 .cont li p br {display: none;}
	
	/* sec5 */
	.amin .sec5 {padding-top: 29.5rem;}
	.amin .sec5 video {width: 100%; transform: translate(-50%,-50%) scale(2.3);}
	
	/* sec6 */
	.main .sec6 {padding: 3.75rem 0;}
	.main .sec6 .main_tit .tit {margin-top: 0.75rem;}
	.main .sec6 ul {margin-top: 1.875rem; gap: 0; flex-direction: column; width: 100%;}
	.main .sec6 ul li {width: 100%;}
	.main .sec6 ul li + li {border-top: 0;}
	.main .sec6 ul li + li::before {display: none;}
	.main .sec6 ul li a {padding: 1.5rem 0; flex-direction: row; align-items: center; aspect-ratio: auto;}
	.main .sec6 ul li .tit {height: 1.8rem;}
	.main .sec6 ul li .tit p {font-size: 1.25rem;}
	.main .sec6 ul li .desc {transform: translateY(0); margin-top: .25rem; font-size: 0.875rem; opacity: 1;}
	.main .sec6 ul li .arrow {width: 1.5rem;}
	.main .sec6 ul li .arrow p {min-width: 1.5rem;}
	
	/* sec7 */
	.main .sec7 {padding-bottom: 3.75rem;}
	.main .sec7 .swiper-slide {width: 10.5rem; aspect-ratio: 2.4/1}
}