/* 공통 */
body{position: relative;}
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.tab{display: none;}
.inner{max-width: 102.5rem; margin:0 auto; padding: 0 1.25rem;}
.en, .en *{font-family: 'Montserrat' !important;}
.kr, .kr *{font-family: var(--font-pre) !important;}
.point{color: var(--blue) !important;}
:root {
    --filter-white : brightness(0) invert(1);
    --font-pre : 'Pretendard';
    --font-mont : 'Montserrat';
    --font-san : "Sansation", sans-serif;
	--blue : #003686;
	--gra : linear-gradient(114deg, #003686 60.85%, #094 101.85%);
}

/* HEADER */
.header{height: 5rem; position:fixed; top:0; z-index:1000; width:100%; border-bottom: 1px solid rgba(255, 255, 255, 0.20); background: rgba(0, 0, 0, 0.40);}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header h1 a img{width: 14.375rem; display: block;}
.header h1 a img.logo_on{display:none;}
.header .gnb{display:flex; gap: 4.6875rem; height: 100%;}
.header .gnb > li{position:relative; height: 100%;}
.header .gnb > li > a{font-size: 1.125rem; color: #FFF; font-weight: 600; height: 100%; display: flex; align-items: center; position: relative;}
.header .gnb > li > a::before{content: ''; display: none; background: url(/img/main/gnb_symbol.svg) no-repeat center / contain; aspect-ratio: 12.00/15.14; width: 0.75rem; position: absolute; right: -1.22rem; top: 1.34rem;}
.header .gnb > li > a:hover{color: var(--blue) !important;}
.header .gnb > li > a:hover::before{display: block;}
.header .gnb_2depth{position:absolute; top: 4.375rem; width: 7.375rem; padding: 1.25rem 1.5rem; left: 50%; transform:translateX(-50%); background: var(--blue); display: none;}
.header .gnb > li:hover .gnb_2depth{display: block;}
.header .gnb_2depth li + li{margin-top: 0.625rem;}
.header .gnb_2depth li a{font-size: 0.875rem; color: rgba(255, 255, 255, 0.80); line-height: 1.5; display: block;}
.header .gnb_2depth li a:hover{color: #FFF;  text-decoration: underline; text-underline-offset: 5px; letter-spacing: -.003rem; font-weight: 600;}
.header .head_rt{display:flex; align-items:center; gap: 1.125rem; height:100%}
.header .head_rt .srh_btn{width: 1.625rem; cursor: pointer;}
.header .head_rt .srh_btn img{width: 100%;}

/*250808추가*/
.header .head_rt .glo_btn {position:relative; height: 100%;}
.header .head_rt .glo_btn span { justify-content: space-between; display:flex; height:100%}
.header .head_rt .glo_2depth {position:absolute; top: 4.375rem; width: 4rem; padding: 1.25rem 1.5rem; left: 50%;   transform:translateX(-50%); background: var(--blue); display: none;}
.header .head_rt > .glo_btn:hover .glo_2depth {display: block;}

.header .glo_2depth li + li{margin-top: 0.625rem;}
.header .glo_2depth li a{font-size: 0.875rem; color: rgba(255, 255, 255, 0.80); line-height: 1.5;}
.header .glo_2depth li a:hover{color: #FFF; font-weight: 700; text-decoration: underline; text-underline-offset: 5px;}

.header .head_rt .glo_btn {width: 1.725rem; cursor: pointer;}


.header .head_rt .all_menu_btn{cursor: pointer; width: 1.875rem; aspect-ratio: 3/2; display: flex; flex-direction: column; justify-content: space-between;}
.header .head_rt .all_menu_btn span{position: relative; display: block; width: 100%; height: 2px; overflow: hidden; transition: 0.3s;}
.header .head_rt .all_menu_btn span::before,
.header .head_rt .all_menu_btn span::after{content: ""; position: absolute; width: 100%; height: 100%; background-color: #fff; transform: translateX(-200%); transition: transform ease 0.7s;}
.header .head_rt .all_menu_btn span::after{transform: translateX(0%);}
.header .head_rt .all_menu_btn span:nth-child(2){width: 70%; margin: 0 auto;}
.header .head_rt .all_menu_btn span:nth-child(2)::before,
.header .head_rt .all_menu_btn span:nth-child(2)::after{transition-delay:75ms;}
.header .head_rt .all_menu_btn span:last-child:before,
.header .head_rt .all_menu_btn span:last-child:after{transition-delay:150ms;}
.header .head_rt .all_menu_btn:hover span::before{transform:translateX(0%);}
.header .head_rt .all_menu_btn:hover span::after{transform:translateX(110%);}
.head_bg{display:none !important;}
.header:hover,
.header.fixed{background: #FFF;}
.header:hover h1 a img.logo,
.header.fixed h1 a img.logo{display:none;}
.header:hover h1 a img.logo_on,
.header.fixed h1 a img.logo_on{display:block;}
.header:hover .gnb > li > a,
.header.fixed .gnb > li > a{color: #000;}
.header:hover .head_rt img,
.header.fixed .head_rt img,
.header:hover .head_rt .all_menu_btn,
.header.fixed .head_rt .all_menu_btn{filter:invert(1);}

/* search */
.srh_wrap{position: fixed; top: 0; left: 0; right: 0; height: 0; background: #FFF; z-index: 2000; overflow: hidden; transition: height 0.5s ease, opacity 0.3s ease, visibility 0.3s ease; opacity: 0; visibility: hidden;}
.srh_wrap.on{opacity: 1; height: 11.25rem; visibility: visible;}
.srh_wrap .close{width: 2rem; aspect-ratio: 1/1; position: absolute; right: 1.25rem; top: 1.25rem; cursor: pointer;}
.srh_wrap .srh_form{margin: 3.875rem auto 0; position: relative; padding-right: 2rem; border-bottom: 1px solid #404040; max-width: 43.75rem;}
.srh_wrap .srh_form input{font-size: 1.125rem;; letter-spacing: -0.0375rem; color: #000; height: 3.4375rem; border: none; width: 100%; padding: 0; font-weight: 400;}
.srh_wrap .srh_form input::placeholder{color: #404040 !important;}
.srh_wrap .srh_form .srh_submit{width: 1.25rem; aspect-ratio: 1/1;position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.srh_dim{position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: 0; visibility: hidden; z-index: 1005; transition: all 0.4s;}
.srh_dim.on{opacity: 0.4; visibility: visible;}

/* all menu */
.all_menu{position:fixed; width:100%; height:100%; z-index:5000; color: #fff; visibility: hidden; transition: all 1s ease;}
.all_menu.on{visibility: initial;}
.all_menu::before{content: ''; display: block; width: 100%; height: 0; background: rgba(34, 34, 34, 0.90); backdrop-filter: blur(20px); position: absolute; left: 0; top: 0;}
.all_menu.on::before{animation: all_menu_bg_on 1s ease both;}
.all_menu.off::before{animation: all_menu_bg_off 0.7s ease both; animation-delay:0.1s;}
.all_menu::after{content: ''; display: block; aspect-ratio: 195/242; width: 25rem; background: url(/img/main/all_menu_bg.svg) no-repeat center / contain; position: absolute; right: 0; bottom: 0;}
.all_menu .inner{position:relative; max-width: 1400px;}
.all_menu.on .inner, .all_menu.on .all_menu_close{animation: fade-in 1s ease both; animation-delay:0.3s;}
.all_menu.off .inner, .all_menu.off .all_menu_close{animation: fade-out 0.5s ease both;}
.all_menu .top{padding-top: 5.75rem; display: flex; align-items: center; justify-content: space-between;}
.all_menu .title{font-size: 3.75rem; font-weight: 700;}
.all_menu_close{width: 2.1875rem; cursor:pointer;}
.all_menu_close img{width:100%;}
.all_menu_list{margin-top: 6.385rem;}
.all_menu_list dl{padding: 2.5rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; display: flex; align-items: center; gap: 5.625rem; transition:all 0.3s;}
.all_menu_list dl:first-of-type{padding-top: 0;}
.all_menu_list dt{font-size: 1.5rem; letter-spacing: -0.045rem; font-weight:700; min-width: 6.5625rem; text-transform: uppercase;}
.all_menu_list dd{display: flex; align-items: center; width: calc(100% - 5.625rem - 6.5625rem); gap: 1.25rem 4.0625rem; flex-wrap: wrap;}
.all_menu_list dd a{font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 700; color: #A8A8A8; transition:all 0.3s; display: block; width: 8.375rem;}
.all_menu_list dd a:hover{color: #FFF;}
.all_menu_list.ov dl.ov{border-bottom: 1px solid #fff !important;}
@keyframes all_menu_bg_on {
	0% {height: 0;}
	100% {height: 200%;}
}
@keyframes all_menu_bg_off {
	0% {height: 200%;}
	100% {height: 0;}
}
@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fade-out {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

/* visual */
.visual{position: relative; height: 100vh; overflow: hidden;}
.visual::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.2; z-index: 1;}
.visual video{width: 100%; height: 100%; object-fit: cover;}
.visual .txt{position: absolute; left: 0; right: 0; top: calc(50%); transform: translateY(-50%); color: #fff; padding-top: 5rem; z-index: 2;}
.visual .txt span{font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 700; line-height: 1.5; display: block;}
.visual .txt h2{font-size: 4.25rem; letter-spacing: -0.0625rem; line-height: 1.3; /* margin-top: 0.75rem; */}
.visual .txt p{margin-top: 1.25rem; font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 1.5;}
.visual .scroll_down{position: absolute; left: 50%; transform: translateX(-50%); bottom: 2.5rem; text-align: center; z-index: 2; animation: scrollDown 1.8s infinite ease;}
.visual .scroll_down b{display: block; font-size: 1rem; line-height: 1.6; color: #fff; margin: 0 auto;}
.visual .scroll_down img{display: block; width: 1.5rem; margin: 0.5rem auto 0;}
@keyframes scrollDown {
	0% {bottom: 2.5rem;}
	50% {bottom: 3.5rem;}
	100% {bottom: 2.5rem;}
}

/* quick menu */
.quick{position: fixed; right: 1.875rem; bottom: 1.95rem; z-index: 100; display: flex; flex-direction: column; gap: 0.36456rem;}
.quick a{display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 0.29169rem; width: 4.375rem; aspect-ratio: 1/1; border-radius: 1.5625rem;}
.quick a .icon{width: 1.45831rem; aspect-ratio: 1/1;}
.quick a .txt{font-size: 0.72919rem; letter-spacing: -0.03281rem; color: #fff; font-weight: 700; line-height: 1.2;}
.quick .inquiry{background: linear-gradient(106deg, rgba(6, 72, 170, 0.95) 43.56%, rgba(0, 153, 68, 0.95) 103.21%);}
.quick .ch_talk{background: url(/img/main/q_talk_bg.png) no-repeat center / contain;}
.quick .top_btn{gap: 0; background: #000;}

/* common */
.main .section{padding: 7.5rem 0;}
.main_tit{display: flex; flex-direction: column; gap: 0.75rem;}
.main_tit em{font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 700; line-height: 1.5; color: var(--blue); display: block; font-family: var(--font-mont); text-transform: uppercase;}
.main_tit .tit{font-size: 3.125rem; letter-spacing: -0.0625rem; line-height: 1.3; font-weight: 300;}
.main_tit .tit b{font-weight: 700;}
.main_tit p{font-size: 1.125rem; line-height: 1.5; opacity: 0.8;}

/* sec1 */
.main .sec1{background: url(/img/main/sec1_bg_img.jpg) no-repeat center / cover; position: relative; z-index: 1;}
.main .sec1::before{content: ''; display: block; width: 100%; height: 7.4375rem; background:  url(/img/main/sec1_bg_txt.svg) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1;}
.main .sec1 .inner{display: flex; align-items: flex-start; justify-content: space-between;}
.main .sec1 .main_tit{position: sticky; left: 0; top: 7.5rem;}
.main .sec1 .cont.pc{display: flex !important; align-items: flex-start; gap: 3.135rem;}
.main .sec1 .cont.tab{display: none;}
.main .sec1 .cont .item{width: 28.125rem; aspect-ratio: 9/11; padding: 2.5rem; display: flex; align-items: flex-end; position: relative;}
.main .sec1 .cont .item::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(116deg, #003686 53.96%, #094 104.42%); opacity: 0; transition: all 0.4s;}
.main .sec1 .cont .item:hover::before{opacity: 0.9;}
.main .sec1 .cont .item1{background: url(/img/main/sec1_img1.jpg) no-repeat center / cover;}
.main .sec1 .cont .item2{background: url(/img/main/sec1_img2.jpg) no-repeat center / cover; margin-top: 16.445rem;}
.main .sec1 .cont .item3{background: url(/img/main/sec1_img3.jpg) no-repeat center / cover;}
.main .sec1 .cont .item .txt{color: #fff; position: relative; z-index: 5;}
.main .sec1 .cont .item .txt span{font-size: 1rem; letter-spacing: -0.025rem; font-weight: 600; line-height: 1.5;}
.main .sec1 .cont .item .txt p{margin-top: 0.5rem; font-size: 1.125rem; letter-spacing: -0.025rem; line-height: 1.3;}
.main .sec1 .cont .item .txt .tit{font-size: 2.5rem; letter-spacing: -0.0625rem; font-weight: 600; line-height: 1.3; font-family: var(--font-mont);}
.main .sec1 .cont .item .txt .ov_txt{margin-top: 1.25rem; font-size: 1.25rem; letter-spacing: -0.05rem; font-weight: 300; line-height: 1.5; display: none;}
.main .sec1 .cont .wrap{display: flex; flex-direction: column; gap: 3.135rem;}

/* sec2 */
.main .sec2{background: linear-gradient(114deg, rgba(0, 54, 134, 0.95) 60.85%, rgba(0, 153, 68, 0.95) 101.85%); overflow: hidden;}
.main .sec2 .main_tit{color: #fff;}
.main .sec2 .main_tit .tit b{position: relative;}
.main .sec2 .main_tit .tit b::after{content: ''; display: inline-block; width: 2rem; aspect-ratio: 32.00/40.37; vertical-align: top; background: url(/img/main/sec2_tit_ic.svg) no-repeat center / contain; margin-left: 1.125rem;}
.main .sec2 .top{display: flex; align-items: flex-end; justify-content: space-between;}
.main .sec2 .tabnav{display: flex; border-radius: 0.625rem; border: 1px solid rgba(255, 255, 255, 0.50); overflow: hidden;}
.main .sec2 .tabnav a{width: 8.125rem; padding: 1rem 0rem; font-size: 1.25rem; letter-spacing: -0.0625rem; line-height: 1.5; display: block; text-align: center; font-weight: 600; color: rgba(255,255,255,0.7);}
.main .sec2 .tabnav a + a{border-left: 1px solid rgba(255, 255, 255, 0.50);}
.main .sec2 .tabnav a.on{color: var(--blue); background: #fff;}
.main .sec2 .tabcont{margin-top: 3.75rem;}
.main .sec2 .swiper{overflow: visible;}
.main .sec2 .swiper-slide{width: 23.75rem; margin: 0 1.25rem;}
.main .sec2 .swiper-slide a{display: block; position: relative;}
.main .sec2 .swiper-slide a::before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.60); position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: all 0.4s;}
.main .sec2 .swiper-slide.off a::before{opacity: 1;}
.main .sec2 .swiper-slide a .img{display: block; aspect-ratio: 1/1; overflow: hidden;}
.main .sec2 .swiper-slide a .img img{width: 100%; height: 100%; object-fit: cover;}
.main .sec2 .swiper-slide a .txt{padding: 1.25rem 1.875rem 1.875rem; display: flex; flex-direction: column; gap: 0.25rem; align-items: flex-start; letter-spacing: -0.025rem; font-weight: 700; line-height: 1.5; background: #FFF;}
.main .sec2 .swiper-slide a .txt .cate{font-size: 0.875rem;color: var(--blue);}
.main .sec2 .swiper-slide a .txt .tit{font-size: 1.125rem; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .sec2 .control{margin-top: 3.125rem; display: flex; align-items: center; gap: 1.875rem;}
.main .sec2 .control .swiper-scrollbar{height: 0.0625rem; background: rgba(255, 255, 255, 0.50); position: initial; width: calc(100% - 7rem - 1.875rem);}
.main .sec2 .control .swiper-scrollbar-drag{background: #FFF; height: 0.125rem;}
.main .sec2 .control .arrow{display: flex; align-items: center; gap: 0.75rem;}
.main .sec2 .control .arrow div{width: 3.125rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; border: 1px solid #FFF; transition: all 0.4s;}
.main .sec2 .control .arrow div img{width: 1.33931rem; transition: all 0.4s;}
.main .sec2 .control .arrow div:hover{background: #fff;}
.main .sec2 .control .arrow div:hover img {filter: invert(47%) sepia(95%) saturate(4548%) hue-rotate(130deg) brightness(91%) contrast(101%);}

/* sec3 */
.main .sec3{overflow: hidden; padding: 8.75rem 0; position: relative; z-index: 1;}
.main .sec3::before{content: ''; display: block; aspect-ratio: 493/621; width: 30.8125rem; background: url(/img/main/sec3_bg.svg) no-repeat center / contain; top: -4.695rem; right: 0; position: absolute; z-index: -1;}
.main .sec3 .main_tit{text-align: center;}
.main_tit.symbol .tit b{position: relative;}
.main_tit.symbol .tit b::after{content: ''; display: inline-block; width: 2rem; aspect-ratio: 32.00/40.37; vertical-align: top; background: url(/img/main/sec3_tit_ic.svg) no-repeat center / contain; /* margin-left: 1.125rem; */ right: -3.125rem; position: absolute; top: 0;}
.main .sec3 .swiper_wrap {position: relative; margin-top: 3.75rem; height: 34.375rem;}
.main .sec3 .swiper_wrap .swiper {position: absolute; top: 0; left: 0; width: 118.1875rem;}
.main .sec3 .swiper-slide {width: 67.1875rem; height: 34.375rem; display: flex; transform: scale(.637) translateX(calc(-120% + 36px)); transform-origin:bottom;}
.main .sec3 .swiper-slide .img {width: 34.375rem; aspect-ratio: 1/1; overflow: hidden;}
.main .sec3 .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec3 .swiper-slide .txt {width: calc(100% - 34.375rem); box-sizing: border-box; opacity: 0; transform: translateX(5%); transition: opacity 0.4s, transform 0.7s; display: flex; flex-direction: column; align-items: flex-start; gap: 1.875rem; padding: 1.88rem 0 0 4.065rem;}
.main .sec3 .swiper-slide .txt .cate{font-size: 0.875rem; letter-spacing: -0.025rem; font-weight: 700; color: var(--blue);}
.main .sec3 .swiper-slide .txt .tit {font-size: 2.25rem; font-weight: 700; letter-spacing: -0.0625rem; line-height: 1.3; min-height: 5.875rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main .sec3 .swiper-slide .txt .info{min-height: 15rem;}
.main .sec3 .swiper-slide .txt .info, .main .sec3 .swiper-slide .txt .info *{font-size: 1.25rem !important; letter-spacing: -0.025rem !important; line-height: 1.5 !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 8; color: #000 !important; font-family: var(--font-pre) !important; margin: 0 !important;}
.main .sec3 .bot {margin-top: 1.565rem; display: flex; align-items: center; gap: 2.1875rem; opacity: 0.8;}
.main .sec3 .bot .arrow {display: flex; align-items: center; gap: 0.75rem;}
.main .sec3 .bot .arrow div{width: 3.125rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; border: 1px solid #6D6D6D; transition: all 0.4s;}
.main .sec3 .bot .arrow div img{width: 1.33931rem; transition: all 0.4s;}
.main .sec3 .bot .arrow div:hover{background: var(--gra); border-color: transparent;}
.main .sec3 .bot .arrow div:hover img {filter: var(--filter-white);}
.main .sec3 .pagination,
.main .sec3 .swiper-pagination{position: relative; display: flex; align-items: center; gap: 0.625rem; font-size: 0.875rem; color: rgba(0,0,0,0.2); bottom: 0;}
.main .sec3 .swiper-pagination-current {font-size: 1.5625rem; font-weight: 700; color: #000; font-family: var(--font-san);}
.main .sec3 .swiper-pagination-total{font-size: 1rem; color: #8E8E8E; font-family: var(--font-san);}
.main .sec3 .swiper-slide-prev,
.main .sec3 .swiper-slide[class$=-active] {transform: scale(1); transition: all 0.7s; transition-delay: 0s;}
.main .sec3 .swiper-slide[class$=-active] .txt {opacity: 1; transform: translateX(0); transition-delay: 0.3s;}
.main .sec3 .swiper-slide[class$=-next] {transform: scale(0.637) translateX(-150px);}
.main .sec3.on .swiper_wrap {height: auto; overflow: hidden; margin-right: 0 !important; margin-left: 0 !important;}
.main .sec3.on .swiper_wrap .swiper {width: 100%; position: initial;}
.main .sec3.on .swiper_wrap .swiper-slide{width: 100% !important; transform: none !important;}

/* sec4 */
.main .sec4{padding-top: 5rem; padding-bottom: 0 !important; position: relative;}
.main .sec4 .box{position: absolute; right: 0; top: 0; width: 46.25rem; height: 26.875rem; background: var(--gra); display: flex; align-items: center; padding-left: 6.25rem;}
.main .sec4 .box .main_tit *{color: #fff;}
.main .sec4 .box .main_tit .tit{font-size: 2rem; line-height: 1.6; font-weight: 400; letter-spacing: -0.0325rem;}
.main .sec4 .bg{height: 45rem; background: url(/img/main/sec4_bg.jpg) no-repeat center / cover;}
.main .sec4 .bg .txt{padding-top: 12.5rem; font-size: 2.5rem; letter-spacing: -0.0625rem; font-weight: 700; line-height: 1.3; color: #fff;}
.main .sec4 .bg .txt br.tab{display: none;}
.main .sec4 .bg .btn_wrap{margin-top: 3.75rem; display: flex; align-items: center; gap: 0.75rem;}
.main .sec4 .bg .btn_wrap a{font-size: 1.125rem; line-height: 1.11; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; padding: 1rem 1.75rem; gap: 0.625rem; border-radius: 0.625rem; position: relative; z-index: 1;}
.main .sec4 .bg .btn_wrap a::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #FFF; border-radius: 0.625rem; transition: all 0.4s;}
.main .sec4 .bg .btn_wrap a::after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: var(--gra); border-radius: 0.625rem; opacity: 0; transition: all 0.4s; z-index: -1;}
.main .sec4 .bg .btn_wrap a img{width: 1rem;}
.main .sec4 .bg .btn_wrap a:hover::before{opacity: 0;}
.main .sec4 .bg .btn_wrap a:hover::after{opacity: 1;}

/* sec5 */
.main .sec5{overflow: hidden;}
.main .sec5 .main_tit{text-align: center;}
.main .sec5 .cont{margin-top: 5.635em;}
.main .sec5 .swiper-wrapper{transition-timing-function: linear;}
.main .sec5 .swiper-slide{margin-right: 1.25rem; width: 15rem; aspect-ratio: 12/5;}
.main .sec5 .swiper-slide img{width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) opacity(0.5); transition: all 0.4s;}
.main .sec5 .swiper-slide:hover img{filter: grayscale(0) opacity(1);}
.main .sec5 .swiper2{margin-top: 1.565rem;}

/* sec6 */
.main .sec6{background: url(/img/main/sec6_bg.jpg) no-repeat center / cover;}
.main .sec6 *{color: #fff;}
.main .sec6 .inner{display: flex; align-items: flex-start; justify-content: space-between;}
.main .sec6 form{width: 100%; max-width: 59.375rem;}
.main .sec6 .form{display: flex; flex-direction: column; gap: 1.5rem;}
.main .sec6 .form .req{color: #00AFEC; font-style: normal;}
.main .sec6 .form .wrap{display: flex; flex-wrap: wrap; gap: 1rem;}
.main .sec6 .form dl{display: flex; align-items: center; gap: 3.125rem 1rem;}
.main .sec6 .form dl.full{flex-direction: column; align-items: flex-start; gap: 0.625rem;}
.main .sec6 .form dl.full dt, .main .sec6 .form dl.full dd{width: 100%;}
.main .sec6 .form .wrap dl{gap: 1rem;}
.main .sec6 .form dl dt{font-size: 1.125rem; font-weight: 700; line-height: 1.5;}
.main .sec6 .form .item1 dd,
.main .sec6 .form .item2 dd{width: 12.425rem;}
.main .sec6 .form .item3 dd{width: 15.625rem;}
.main .sec6 .form .item4 dd{width: 18.4375rem;}
.main .sec6 .form .item5 dd{width: 29.3125rem;}
.main .sec6 .form .input{width: 100%; height: 3.125rem; background: none; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.30); font-size: 1rem; line-height: 1.5; font-weight: 500; color: #fff; padding: 0; transition: all 0.3s; outline: none !important;}
.main .sec6 .form .input::placeholder{color: rgba(255, 255, 255, 0.30);}
.main .sec6 .form .input:focus{border-color: #fff;}
.main .sec6 .form .textarea{width: 100%; resize: none; border: 1px solid rgba(255, 255, 255, 0.30); background: rgba(0, 0, 0, 0.30); color: rgba(255, 255, 255, 0.50); font-size: 1rem; font-weight: 500; line-height: 1.5; height: 8.75rem; padding: 0.8125rem 0.9375rem; transition: all 0.3s;}
.main .sec6 .form .textarea:focus{border-color: #fff; color: #fff;}
.main .sec6 .form .textarea.on{color: #fff;}
.main .sec6 .form .toggle{position: relative; cursor: pointer;}
.main .sec6 .form .toggle::after{content: ''; display: block; width: 1.5rem; aspect-ratio: 1/1; background: url(/img/main/agree_arrow.svg) no-repeat center / contain; position: absolute; right: 0;	top: 50%; transform: translateY(-50%); transition: all 0.5s;}
.main .sec6 .form .toggle.on::after{transform: translateY(-50%) rotate(-180deg);}
.main .sec6 .form .privacy_box{height: 7.8125rem; padding: 0.8125rem 0.445rem 0.8125rem 0.9375rem; border: 1px solid rgba(255, 255, 255, 0.30); background: rgba(0, 0, 0, 0.30); margin-bottom: 1.25rem;}
.main .sec6 .form .privacy_box .use_wrap{overflow: auto; max-height: 100%; padding-right: 0.445rem;}
.main .sec6 .form .privacy_box .use_wrap::-webkit-scrollbar {width: 2px;}
.main .sec6 .form .privacy_box .use_wrap::-webkit-scrollbar-thumb {height: 30%; background: #fff; border-radius: 10px;}
.main .sec6 .form .privacy_box .use_wrap::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.50); border-radius: 10px;}
.main .sec6 .form .privacy_box .use_wrap h5{font-size: 0.875rem; font-weight: 700; margin-bottom: 0.565rem;}
.main .sec6 .form .privacy_box .use_wrap li,
.main .sec6 .form .privacy_box .use_wrap p{font-size: 0.875rem; letter-spacing: -0.0125rem; font-weight: 300; line-height: 1.42; color: rgba(255, 255, 255, 0.50);}
.main .sec6 .form .privacy_box .use_wrap p{color: #fff;}
.main .sec6 .form .privacy_box .use_wrap .margin-top-30{margin-top: 1.25rem;}
.main .sec6 .form .privacy_agree{display: flex; align-items: center; gap: 0.625rem;}
.main .sec6 .form .privacy_agree span{font-size: 1rem; letter-spacing: -0.0375rem; font-weight: 500; color: #fff !important;}
.main .sec6 .form .checkbox{width: 1.25rem; height: 1.25rem; display: block; border: 1px solid #FFF; background: url(/img/main/chk_ic.svg) no-repeat center / 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
.main .sec6 .form .checkbox:checked{background-color: #094; border-color: #094;}
.main .sec6 .form .radio_wrap{display: flex; align-items: center; flex-wrap: wrap; gap: 0.625rem;}
.main .sec6 .form .radio_wrap label input{display: none;}
.main .sec6 .form .radio_wrap label span{font-size: 1.125rem; font-weight: 600; color: rgba(255, 255, 255, 0.50); line-height: 1.5; /* width: 9.375rem; */ padding: 0.75rem 1.75rem; text-align: center; display: block; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.50); white-space: nowrap;}
.main .sec6 .form .radio_wrap label input:checked + span{color: #FFF; background: var(--gra); border: none; padding: calc(0.75rem + 1px) calc(1.75rem + 1px);}
.main .sec6 .btn_wrap{margin: 1rem auto 0; text-align: center; position: relative; width: fit-content;}
.main .sec6 .btn_wrap::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #FFF; transition: all 0.4s;}
.main .sec6 .btn_wrap::after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: var(--gra); opacity: 0; transition: all 0.4s;}
.main .sec6 .btn_wrap:hover::before{opacity: 0;}
.main .sec6 .btn_wrap:hover::after{opacity: 1;}
.main .sec6 .submit_btn{font-size: 1.25rem; padding: 1.25rem 3.125rem; font-weight: 500; background: none; display: block; border: none; position: relative; z-index: 2;}
.filebox{display: flex; align-items: center; gap: 0.75rem;}
.filebox .input {width: calc(100% - 0.75rem - 7.625rem) !important;}
.filebox label {width: 7.625rem; color: rgba(255, 255, 255, 0.50) !important; cursor: pointer; height: 3.125rem; line-height: 3.125rem; font-size: 1.125rem; border: 1px solid rgba(255, 255, 255, 0.50); text-align: center; display: block;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

/* footer */
.footer{background: #003686; padding: 3.75rem 0 2.94rem;}
.footer *{color: #fff; font-size: 0.875rem; font-weight: 500; letter-spacing: -0.025rem; line-height: 1.42;}
.footer .top{display: flex; align-items: flex-end; gap: 1.875rem;}
.footer .top .logo img{width: 14.375rem;}
.footer .top .use{display: flex; gap: 1.5rem;}
.footer .top .use a:nth-child(n+2){opacity: 0.5;}
.footer .top .use a b{font-weight: 600;}
.footer .cont{margin-top: 2.8rem; display: flex; align-items: flex-start; gap: 2rem 10.315rem;}
.footer .cont .info {width: 44.8125rem;}
.footer .cont .tit{font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem;}
.footer .cont .list li{display: flex; align-items: center; gap: 1.25rem;}
.footer .cont .list li + li{margin-top: 0.3125rem;}
.footer .cont .list li span{font-weight: 600; color: #BEBEBE;}
.footer .cont .list li span em{font-weight: 500; color: #fff;}
.footer .bot{display: flex; align-items: center; justify-content: space-between; margin-top: 1.4415rem;}
.footer .bot .copy{font-weight: 400; opacity: 0.5;}
.footer .bot .sns{display: flex; gap: 0.625rem;}
.footer .bot .sns a img{width: 2.1875rem;}




@media screen and (max-width:1500px){
	html{font-size: 85%;}
	.all_menu_list dd a{width: 6.375rem;}
	.main .sec1 .inner{gap: 2.135rem;}
	.main .sec1 .main_tit .pc{display: none !important;}
	.main .sec1 .main_tit .tab{display: block;}
	.main .sec1 .cont.pc{gap: 2.135rem;}
	.main .sec1 .cont .wrap{gap: 2.135rem;}
	.main .sec1 .cont .item{width: 20.125rem; padding: 2rem;}
	.main .sec1 .cont .item .txt .ov_txt{font-size: 1.05rem;}
	.main .sec1 .cont .item br{display: none;}
	.main .sec2 .tab{display: block;}
	.main .sec2 .tabnav a{width: 7.125rem;}
	.main .sec3 .swiper_wrap{height: 30.375rem;}
	.main .sec3 .swiper-slide{width: 66.1875rem; transform: scale(.637) translateX(calc(-130% + 20px));}
	.main .sec3 .swiper-slide .img{width: 30.375rem;}
	.main .sec3 .swiper-slide[class$=-next] {transform: scale(0.637) translateX(-200px);}
	.main .sec4 .box{width: 39.25rem; height: 21.875rem; padding-left: 4.25rem;}
	.main .sec4 .bg .txt br.tab{display: block;}
	.main .sec6 .inner{gap: 3.125rem;}
	.main .sec6 .main_tit{min-width: 28rem;}
	.main .sec6 form{max-width: 100%; width: calc(100% - 3.125rem - 28rem);}
	.main .sec6 .form .radio_wrap label span{padding: 0.75rem 1.25rem;}
    .main .sec6 .form .radio_wrap label input:checked + span {padding: calc(0.75rem + 1px) calc(1.25rem + 1px);}
	.main .sec6 .form .wrap dl:not(.item5){width: calc(50% - 0.5rem);}
	.main .sec6 .form dl:nth-of-type(1) dt,
	.main .sec6 .form .wrap dl dt{min-width: 6.5rem;}
	.main .sec6 .form dl:nth-of-type(1) dd,
	.main .sec6 .form .wrap dl dd{width: calc(100% - 6.5rem - 1rem);}
	.main .sec6 .form .wrap .item5{width: 100%;}
	/* .main .sec6 .form .radio_wrap label span{width: 8.235rem;} */
	.footer .cont{flex-wrap: wrap; gap: 2rem 3.315rem;}
}


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

	body {-webkit-text-size-adjust:none;}

	/* HEADER */
	.header .gnb{display: none;}
	.header .head_rt .glo_2depth {top: 3.375rem; width: 4rem; padding: 1.25rem 1.5rem;}

	/* all menu */
	.all_menu::after{width: 25rem;}
	.all_menu .top{padding-top: 5.75rem;}
	.all_menu .title{font-size: 3.75rem;}
	.all_menu_close{width: 2.1875rem;}
	.all_menu_list{margin-top: 6.385rem;}
	.all_menu_list dl{padding: 2.5rem 0; gap: 2.625rem;}
	.all_menu_list dt{font-size: 1.5rem; letter-spacing: -0.045rem; min-width: 6.5625rem;}
	.all_menu_list dd{width: calc(100% - 2.625rem - 6.5625rem); gap: 0.875rem 1.8625rem;}
	.all_menu_list dd a{font-size: 1.125rem; letter-spacing: -0.025rem; width: 5.375rem;}

	/* quick menu */
	.quick{right: 1.875rem; bottom: 1.95rem; gap: 0.36456rem;}
	.quick a{gap: 0.29169rem; width: 4.375rem; border-radius: 1.5625rem;}
	.quick a .icon{width: 1.45831rem;}
	.quick a .txt{font-size: 0.72919rem; letter-spacing: -0.03281rem;}

	/* common */
	.main .section{padding: 7.5rem 0;}
	.main_tit{gap: 0.75rem;}
	.main_tit .tit{font-size: 3rem; letter-spacing: -0.0625rem;}

	/* sec1 */
	.main .sec1{overflow: hidden; background-image: url(/img/main/sec1_bg_t.jpg);}
	.main .sec1::before{display: none;}
	.main .sec1 .inner{flex-direction: column; gap: 4.325rem;}
	.main .sec1 .main_tit{position: initial;}
	.main .sec1 .main_tit .tab {display: none;}
	.main .sec1 .cont.pc{display: none !important;}
	.main .sec1 .cont.tab{display: block; width: 100%;}
	.main .sec1 .cont .swiper{width: 100%;}
	/* .main .sec1 .cont .swiper-slide{padding-right: 2.5rem;} */
	.main .sec1 .cont .item{width: auto;}
	.main .sec1 .cont .item2{margin-top: 0;}
	.main .sec1 .cont .item .txt span{font-size: 1rem; letter-spacing: -0.025rem;}
	.main .sec1 .cont .item .txt p{margin-top: 0.5rem; font-size: 1.125rem; letter-spacing: -0.025rem;}
	.main .sec1 .cont .item .txt .tit{font-size: 2.5rem; letter-spacing: -0.0625rem;}
	.main .sec1 .cont .item .txt .ov_txt{margin-top: 1.25rem; font-size: 1.25rem; letter-spacing: -0.05rem;}
	.main .sec1 .control{margin-top: 3.125rem; display: flex; align-items: center; gap: 1.875rem;}
	.main .sec1 .cont .swiper-scrollbar{height: 0.0625rem; width: calc(100% - 7rem - 1.875rem); position: initial; background: rgba(0, 0, 0, 0.20);}
	.main .sec1 .cont .swiper-scrollbar-drag{height: 0.125rem; background: #000;}
	.main .sec1 .cont .arrow{display: flex; align-items: center; gap: 0.75rem;}
	.main .sec1 .cont .arrow div{width: 3.125rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; border: 1px solid #6D6D6D; transition: all 0.4s;}
	.main .sec1 .cont .arrow div img{width: 1.33931rem; transition: all 0.4s;}
	.main .sec1 .cont .arrow div:hover{background: var(--gra); border-color: transparent;}
	.main .sec1 .cont .arrow div:hover img {filter: var(--filter-white);}

	/* sec2 */
	.main .sec2 .top{flex-direction: column; align-items: center; gap: 3.5615rem; text-align: center;}
	.main .sec2 .main_tit{width: 100%;}
	.main .sec2 .tab{display: none;}
	.main .sec2 .tabnav a{width: 8.125rem; padding: 1rem 0rem; font-size: 1.25rem; letter-spacing: -0.0625rem;}

	/* sec3 */
	.main .sec3::before{width: 15.875rem; top: 8.75rem; right: -3.6915rem;}
	.main .sec3 .swiper_wrap {margin-top: 3.75rem; height: auto; margin: 4.5615rem -1.25rem 0;}
	.main .sec3 .swiper_wrap .swiper {width: 100%; position: initial;}
	.main .sec3 .swiper-slide {width: 100%; flex-direction: column; transform: scale(1) translateX(0); height: auto;}
	.main .sec3 .swiper-slide .img {width: 100%; aspect-ratio: 256/175;}
	.main .sec3 .swiper-slide .txt {width: 100%; transform: scale(1) translateX(0); gap: 1.875rem; padding: 3.12rem 1.25rem 0;}
	.main .sec3 .swiper-slide .txt .cate{font-size: 0.875rem; letter-spacing: -0.025rem;}
	.main .sec3 .swiper-slide .txt .tit {font-size: 2.25rem; letter-spacing: -0.0625rem; min-height: auto;}
	.main .sec3.on .swiper-slide .txt .info{min-height: initial;}
	.main .sec3 .swiper-slide .txt .info, .main .sec3 .swiper-slide .txt .info * {font-size: 1.25rem !important; letter-spacing: -0.025rem !important;}
	.main .sec3 .bot {margin-top: 1.565rem; gap: 2.1875rem; justify-content: center; width: 100%;}
	.main .sec3 .bot .arrow {gap: 0.75rem;}
	.main .sec3 .bot .arrow div{width: 3.125rem;}
	.main .sec3 .bot .arrow div img{width: 1.33931rem;}
	.main .sec3 .pagination,
	.main .sec3 .swiper-pagination{gap: 0.625rem; font-size: 0.875rem;}
	.main .sec3 .swiper-pagination-current {font-size: 1.5625rem;}
	.main .sec3 .swiper-pagination-total{font-size: 1rem;}
	.main .sec3 .swiper-slide[class$=-next] {transform: scale(1) translateX(0);}

	/* sec4 */
	.main .sec4{padding-top: 5rem;}
	.main .sec4 .box{width: 45.625rem; height: 15rem; padding-left: 0; text-align: center; right: initial; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center;}
	.main .sec4 .box .main_tit .tit{font-size: 1.75rem;}
	.main .sec4 .box .main_tit .tit br.tab_no{display: none;}
	/* .main .sec4 .box .main_tit .tit br:not(.tab){display: none;} */
	.main .sec4 .box .main_tit .tit br.tab{display: block;}
	.main .sec4 .bg{height: 37.5rem;}
	.main .sec4 .bg .txt{padding-top: 16.25rem; font-size: 2.25rem; letter-spacing: -0.0625rem; text-align: center;}
	.main .sec4 .bg .txt br.tab{display: none;}
	.main .sec4 .bg .btn_wrap{margin-top: 3.125rem; gap: 0.75rem; justify-content: center;}

	/* sec6 */
	.main .sec6 .inner{flex-direction: column; gap: 3.75rem;}
	.main .sec6 .main_tit .pc{display: none !important;}
	.main .sec6 form{width: 100%;}
	.main .sec6 .form{gap: 1.5rem;}
	.main .sec6 .form .wrap{gap: 1.5rem 1rem;}

	/* footer */
	.footer{padding: 3.75rem 0 2.94rem;}
	.footer *{font-size: 0.875rem; letter-spacing: -0.025rem;}
	.footer .top{gap: 1.875rem;}
	.footer .top .logo img{width: 14.375rem;}
	.footer .top .use{gap: 1.5rem;}
	.footer .cont{margin-top: 2.8rem; gap: 2rem 10.315rem;}
	.footer .cont .info {width: 44.8125rem;}
	.footer .cont .tit{font-size: 1rem; margin-bottom: 0.5rem;}
	.footer .cont .list li{gap: 1.25rem;}
	.footer .cont .list li + li{margin-top: 0.3125rem;}
	.footer .bot{margin-top: 1.4415rem;}
	.footer .bot .sns{gap: 0.625rem;}
	.footer .bot .sns a img{width: 2.1875rem;}

}



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

	/* 공통 */
	html{font-size: 100%;}
	.pc{display:none !important;}
	.mob{display:block !important;}

	/* all menu */
	.all_menu{display: none !important;}

	/* HEADER */
	.header{height: 3.75rem;}
	.header h1 a img{width: 9.53775rem;}
	.header .head_rt{gap: 0.75rem;}
	.header .head_rt .srh_btn{width: 1.25rem;}
	.header .head_rt .glo_btn{width: 1.35rem;}
	.header .head_rt .all_menu_btn{width: 1.375rem;}
	.header .head_rt .all_menu_btn span{height: 2px;}

	/* sideMenu */
    .head_bg {position: fixed; right: 0; top: 0; z-index: 10000; background: #fff; width: 100%; height: 100vh; text-align: right;}
	.head_bg.on{display:block !important;}
    .head_bg .head_bg_inner {position: relative; width: 100%; height: 100%; overflow-y: auto; text-align: left;}
    .head_bg .head_bg_close {width: 1.5rem; cursor:pointer; position: absolute; right: 0.9425rem; top: 0.9425rem;}
    .head_bg .head_bg_logo{margin: 3.75rem 0 2.5rem; text-align: center;}
    .head_bg .head_bg_logo img {width: 10.72994rem;}
	.head_bg .lang{display: flex; align-items: center; padding-left: 3.13vw;}
	.head_bg .lang a{font-size: 3.65vw; letter-spacing: -0.16vw; font-family: 'Outfit'; color: #000; opacity: 0.5;}
	.head_bg .lang a.on{font-weight: 700; opacity: 1; color: #3374FF;}
	.head_bg .lang .line{width: 0.13vw; height: 3.13vw; opacity: 0.5; background: #000; display: inline-block; margin: 0 3.91vw;}
	.head_bg .lang img{width: 6.25vw; margin-left: 2.60vw; filter:invert(1);}
    .head_bg #accordion {border-top: 1px solid #E3E3E3; margin-top: 4.95vw;}
    .head_bg #accordion li > div {position: relative; font-size: 1rem; font-weight: 600; padding: 0 1.25rem; border-bottom: 1px solid #E7E7E7; cursor:pointer; letter-spacing: -0.025rem; line-height: 3.75rem;}
    .head_bg #accordion li > div::after {content: ""; background: url("/img/main/accordion_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); right: 1.25rem ; width: 0.76919rem; height: 0.47881rem; transition:all 0.3s;}
    .head_bg .submenu {display: none; padding: 1.25rem; border-bottom: 1px solid #E7E7E7; background: #F9F9F9;}
    .head_bg .submenu li + li{margin-top: 0.3125rem;}
    .head_bg .submenu a {font-size: 0.875rem; font-weight: 500; display: block; line-height: 1.7;}
    .head_bg .submenu a:hover {color: var(--blue); text-decoration: underline;}
	.head_bg #accordion li.on > div{background: linear-gradient(106deg, #0648AA 17.06%, #094 89%); color:#fff;}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg); filter:invert(1);}

	/* search */
	.srh_wrap.on{height: 8.25rem;}
	.srh_wrap .close{width: 1.25rem; right: 1.25rem; top: 1.25rem;}
	.srh_wrap .srh_form{margin: 2.875rem auto 0; padding-right: 2rem;}
	.srh_wrap .srh_form input{font-size: 0.875rem; letter-spacing: -0.0375rem; height: 2.875rem;}
	.srh_wrap .srh_form .srh_submit{width: 1.25rem;}

	/* visual */
	.visual{height: auto; aspect-ratio: 96/145;}
	.visual .txt{padding-top: 9.37rem; top: 0; transform: translateY(0);}
	.visual .txt span{font-size: 0.875rem; letter-spacing: -0.025rem;}
	.visual .txt h2{font-size: 2.125rem; letter-spacing: -0.0625rem; /* margin-top: 0.62rem; */}
	.visual .txt p{margin-top: 1.25rem; font-size: 1rem; letter-spacing: -0.025rem;}

	/* quick menu */
	.quick{right: 1.25rem; bottom: 1.95rem; gap: 0.36456rem;}
	.quick a{gap: 0.29169rem; width: 3.125rem; border-radius: 1.125rem;}
	.quick a .icon{width: 1rem;}
	.quick a .txt{font-size: 0.75rem; letter-spacing: -0.03281rem;}

	/* common */
	.main .section{padding: 4.3715rem 0;}
	.main_tit{gap: 0.75rem;}
	.main_tit em{font-size: 0.875rem; letter-spacing: -0.025rem;}
	.main_tit .tit{font-size: 1.75rem; letter-spacing: -0.0625rem;}
	.main_tit p{font-size: 0.875rem;}

	/* sec1 */
	.main .sec1{background-image: url(/img/main/sec1_bg_m.jpg);}
	.main .sec1::before{height: 7.4375rem;}
	.main .sec1 .inner{gap: 3.1315rem;}
	.main .sec1 .main_tit{top: 7.5rem;}
	.main .sec1 .cont .item{padding: 1.5615rem;}
	.main .sec1 .cont .item2{margin-top: 0;}
	.main .sec1 .cont .item .txt span{font-size: 0.75rem; letter-spacing: -0.025rem;}
	.main .sec1 .cont .item .txt p{margin-top: 0.5rem; font-size: 0.875rem; letter-spacing: -0.025rem;}
	.main .sec1 .cont .item .txt .tit{font-size: 1.5rem; letter-spacing: -0.0625rem;}
	.main .sec1 .cont .item .txt .ov_txt{margin-top: 0.5rem; font-size: 1rem; letter-spacing: -0.05rem;}
	.main .sec1 .control{margin-top: 1.875rem;}
	.main .sec1 .cont .swiper-scrollbar{width: calc(100% - 6rem - 1.875rem);}
	.main .sec1 .control .arrow div{width: 2.8125rem;}
	.main .sec1 .control .arrow div img{width: 1.20538rem;}

	/* sec2 */
	.main .sec2 .top{gap: 3.1315rem}
	.main .sec2 .main_tit .tit b::after{width: 1.25rem; margin-left: 1.125rem;}
	.main .sec2 .tabnav{border-radius: 0.625rem; width: 100%;}
	.main .sec2 .tabnav a{width: 20%; padding: 0.625rem 0rem; font-size: 0.875rem; letter-spacing: -0.0625rem;}
	.main .sec2 .tabcont{margin-top: 2.5rem;}
	.main .sec2 .swiper-slide{width: 15.625rem; margin: 0 0.625rem;}
	.main .sec2 .swiper-slide a .txt{padding: 1.25rem 1.25rem 1.5625rem; gap: 0.25rem; letter-spacing: -0.025rem;}
	.main .sec2 .swiper-slide a .txt .cate{font-size: 0.875rem;}
	.main .sec2 .swiper-slide a .txt .tit{font-size: 1rem;}
	.main .sec2 .control{margin-top: 1.875rem; gap: 1.875rem;}
	.main .sec2 .control .swiper-scrollbar{height: 0.0625rem; width: calc(100% - 6rem - 1.875rem);}
	.main .sec2 .control .swiper-scrollbar-drag{height: 0.125rem;}
	.main .sec2 .control .arrow{gap: 0.75rem;}
	.main .sec2 .control .arrow div{width: 2.8125rem;}
	.main .sec2 .control .arrow div img{width: 1.20538rem;}

	/* sec3 */
	.main .sec3{padding: 4.3715rem 0;}
	.main .sec3::before{width: 9.0625rem; top: -1rem; right: -0.875rem;}
	.main_tit.symbol .tit b::after{width: 1.25rem; right: -2rem;}
	.main .sec3 .swiper_wrap {margin-top: 3.125rem;}
	.main .sec3 .swiper-slide .img {aspect-ratio: 187/128;}
	.main .sec3 .swiper-slide .txt {gap: 1.15rem; padding-top: 1.875rem;}
	.main .sec3 .swiper-slide .txt .cate{font-size: 0.875rem; letter-spacing: -0.025rem;}
	.main .sec3 .swiper-slide .txt .tit {font-size: 1.25rem; letter-spacing: -0.0625rem;}
	.main .sec3 .swiper-slide .txt .tit br{display: none;}
	.main .sec3 .swiper-slide .txt .info{min-height: 10rem;}
	.main .sec3 .swiper-slide .txt .info, .main .sec3 .swiper-slide .txt .info * {font-size: 0.875rem !important; letter-spacing: -0.025rem !important;}
	.main .sec3 .bot {margin-top: 0rem; gap: 1.875rem;}
	.main .sec3 .bot .arrow {gap: 0.75rem;}
	.main .sec3 .bot .arrow div{width: 2.8125rem;}
	.main .sec3 .bot .arrow div img{width: 1.20538rem;}
	.main .sec3 .pagination,
	.main .sec3 .swiper-pagination{gap: 0.625rem; font-size: 0.875rem;}
	.main .sec3 .swiper-pagination-current {font-size: 1.25rem;}
	.main .sec3 .swiper-pagination-total{font-size: 0.875rem;}
	.main .sec3 .swiper-slide[class$=-next] {transform: scale(1) translateX(0);}

	/* sec4 */
	.main .sec4{padding-top: 7.5rem;}
	.main .sec4 .box{width: calc(100% - (1.25rem * 2)); height: 15rem;}
	.main .sec4 .box .main_tit .tit{font-size: 1.25rem;}
	.main .sec4 .box .main_tit .tit br.tab_no{display: block;}
	/* .main .sec4 .box .main_tit .tit br:not(.tab){display: block;}
	.main .sec4 .box .main_tit .tit br.tab{display: none;} */
	.main .sec4 .bg{height: 28.125rem;}
	.main .sec4 .bg .txt{padding-top: 11.8715rem; font-size: 1.5rem; letter-spacing: -0.0625rem;}
	.main .sec4 .bg .btn_wrap{margin-top: 1.875rem; gap: 0.75rem;}
	.main .sec4 .bg .btn_wrap a{font-size: 0.875rem; padding: 0.875rem 1.375rem; gap: 0.625rem;}

	/* sec5 */
	.main .sec5 .cont{margin-top: 3.135rem;}
	.main .sec5 .swiper-slide{margin-right: 0.625rem; width: 7.5rem;}
	.main .sec5 .swiper2{margin-top: 0.775rem;}

	/* sec6 */
	.main .sec6 .main_tit{min-width: 100%;}
	.main .sec6 .main_tit .pc{display: block !important;}
	.main .sec6 form{max-width: 59.375rem;}
	.main .sec6 .form{gap: 1.5rem;}
	.main .sec6 .form .wrap{gap: 1rem;}
	.main .sec6 .form dl{gap: 0.625rem !important; flex-direction: column; align-items: flex-start;}
	.main .sec6 .form dl dt{font-size: 1rem;}
	.main .sec6 .form dl dd{width: 100% !important;}
	.main .sec6 .form .item3, 
	.main .sec6 .form .item4{width: 100% !important;}
	.main .sec6 .form .input{height: 2.8125rem; font-size: 0.875rem; border: 1px solid rgba(255, 255, 255, 0.30); padding: 0rem 1rem;}
	.main .sec6 .form .textarea{font-size: 0.875rem; height: 10rem; padding: 0.8125rem 0.9375rem;}
	.main .sec6 .form .toggle::after{width: 1.5rem;}
	.main .sec6 .form .privacy_box{height: 10rem; padding: 0.8125rem 0.445rem 0.8125rem 0.9375rem; margin-bottom: 1.25rem;}
	.main .sec6 .form .privacy_box .use_wrap{padding-right: 0.445rem;}
	.main .sec6 .form .privacy_box .use_wrap h5{font-size: 0.875rem; margin-bottom: 0.565rem;}
	.main .sec6 .form .privacy_box .use_wrap li,
	.main .sec6 .form .privacy_box .use_wrap p{font-size: 0.875rem; letter-spacing: -0.0125rem;}
	.main .sec6 .form .privacy_box .use_wrap .margin-top-30{margin-top: 1.25rem;}
	.main .sec6 .form .privacy_agree{gap: 0.625rem;}
	.main .sec6 .form .privacy_agree span{font-size: 1rem; letter-spacing: -0.0375rem;}
	.main .sec6 .form .checkbox{width: 1rem; height: 1rem; background-size: 0.8rem;}
	.main .sec6 .form .radio_wrap{gap: 0.6875rem; width: 100%;}
	/* .main .sec6 .form .radio_wrap label{width: calc(50% - (0.6875rem / 2)); display: block;} */
	.main .sec6 .form .radio_wrap label span{font-size: 0.875rem; /* width: 100%; */ padding: 0.625rem 1rem;}
    .main .sec6 .form .radio_wrap label input:checked + span {padding: calc(0.625rem + 1px) calc(1rem + 1px);}
	.main .sec6 .btn_wrap{margin: 2.5rem auto 0;}
	.main .sec6 .submit_btn{font-size: 1.125rem; padding: 1.25rem 2.5rem;}
	.filebox{gap: 0.75rem;}
	.filebox .input {width: calc(100% - 0.75rem - 5.625rem) !important;}
	.filebox label {width: 5.625rem; height: 2.8125rem; line-height: 2.8125rem; font-size: 0.875rem;}

	/* footer */
	.footer{padding: 3.75rem 0 2.94rem;}
	.footer *{font-size: 0.8125rem; letter-spacing: -0.025rem;}
	.footer .top{gap: 1.875rem; flex-direction: column; align-items: flex-start;}
	.footer .top .logo img{width: 10.72994rem;}
	.footer .top .use{gap: 1.25rem;}
	.footer .cont{margin-top: 1.5625rem; gap: 0;}
	.footer .cont > div{border-top: 1px solid rgba(255, 255, 255, 0.50); border-bottom: 1px solid rgba(255, 255, 255, 0.50); width: 100%;}
	.footer .cont .contact{border-top: none;}
	.footer .cont .info {width: 100%;}
	.footer .cont .tit{font-size: 0.9375rem; margin-bottom: 0; padding: 0.9375rem 0; position: relative; cursor: pointer;}
	.footer .cont .tit::after{content: ''; display: block; width: 1rem; aspect-ratio: 1/1; background: url(/img/main/ft_plus_ic.svg) no-repeat center / contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
	.footer .cont .tit.on::after{background-image: url(/img/main/ft_minus_ic.svg);}
	.footer .cont .list{padding-bottom: 0.9375rem; width: 100%; display: none;}
	.footer .cont .list li{gap: 0.3125rem; flex-direction: column; align-items: flex-start;}
	.footer .cont .list li + li{margin-top: 0.3125rem;}
	.footer .bot{margin-top: 1.5625rem; flex-direction: column; gap: 1.875rem; align-items: flex-start;}
	.footer .bot .sns{gap: 0.625rem;}
	.footer .bot .sns a img{width: 2.5rem;}


}