:root {
    --font-out : "Outfit", sans-serif;
    --font-news : "Newsreader", serif;
}

/* 공통 */
html {font-size: 16px;}
html * {font-family: var(--font-out);}

p, dd{word-break: keep-all !important;}
.pc{display:block !important;}
.pc2{display:block !important;}
.mob{display:none !important;}
.mob2{display:none !important;}
.tab_1280{display: none !important;}
.inner_50{max-width: 116.25rem; padding: 0 1.25rem; margin:0 auto;}
.inner_1400{max-width: 90rem; padding: 0 1.25rem; margin:0 auto;}
.inner_1600{max-width: 102.5rem; padding: 0 1.25rem; margin:0 auto;}
.dim{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.40); z-index: 1001; opacity: 0; visibility: hidden; transition: all 0.3s;}
.dim2{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.40); z-index: 999; opacity: 0; visibility: hidden; transition: all 0.3s;}
.dim.on, .dim2.on{opacity: 1; visibility: visible;}

.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;}
.ta-c {text-align: center !important;}
.ta-l {text-align: left !important;}
.ta-r {text-align: right !important;}

.f-pre, .f-pre *{font-family: var(--font-pre);}
.f-news, .f-news *{font-family: var(--font-news);}



/* HEADER */
.header{height: 6.25rem; position:fixed; top:0; z-index:1000; width:100%; background: #FFF;}
.header .inner_50{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header h1 a img{width: 5.3125rem; display: block;}
.header .gnb{display: flex; gap: 3.75rem; height: 100%;}
.header .gnb > li{position:relative; height: 100%;}
.header .gnb > li > a{font-size: 1.25rem; line-height: 145%; height: 100%; display: flex; align-items: center;}
.header .gnb_2depth{position:absolute; top: 5.1325rem; width: 11.5rem; left: 50%; transform: translateX(-50%); padding: 1.25rem 1rem; opacity: 0; visibility: hidden;}
.header .gnb_2depth::before{content: ''; display: block; width: 100%; height: 0; background: #000; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s ease; z-index: -1;}
.header .gnb_2depth li{opacity: 0; transition: all 0.8s ease-in-out;}
.header .gnb_2depth li + li{margin-top: 0.75rem;}
.header .gnb_2depth li a{font-size: 0.875rem; line-height: 143%; color: #8E8E8E; transition:all 0.3s;}
.header .gnb_2depth li a:hover{color: #FFF; font-weight: 500; text-decoration: underline;}
.header .util{display:flex; align-items:center; gap: 1.5rem;}
.header .util a{width: 1.625rem; position: relative;}
.header .util a img{display: block; width: 100%;}
.header .util .srh .close{display: none;}
.header .util .srh.on .open{display: none;}
.header .util .srh.on .close{display: block;}
.header .util .cart .count{font-size: 0.5rem; letter-spacing: -0.04694rem; font-weight: 500; color: #FFF; width: 0.9375rem; aspect-ratio: 1/1; border-radius: 50%; background: #000; display: flex; align-items: center; justify-content: center; position: absolute; top: -0.08rem; right: -0.25rem;}
.all_menu_btn{display:none !important;}
.header .gnb > li:hover .gnb_2depth{opacity: 1; visibility: visible;}
.header .gnb > li:hover .gnb_2depth::before{height: 100%; opacity: 1;}
.header .gnb > li:hover .gnb_2depth li{opacity: 1;}
.header .gnb > li:hover .gnb_2depth li:nth-child(2){transition-delay: 0.02s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(3){transition-delay: 0.04s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(4){transition-delay: 0.06s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(5){transition-delay: 0.08s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(6){transition-delay: 0.10s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(7){transition-delay: 0.12s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(8){transition-delay: 0.14s;}

/* search */
.search_wrap{position: fixed; top: 6.25rem; left: 0; width: 100%; padding: 3.135rem 0 3.75rem; background: #FFF; z-index: 999; transition: all 0.4s ease; transform: translateY(-100%); border-top: 1px solid #E3E3E3;}
.search_wrap.on{transform: translateY(0);}
.search_wrap form{display: flex; align-items: center; justify-content: center; gap: 3.5rem;} 
.search_wrap .title{font-size: 1.5rem; letter-spacing: -0.045rem; font-weight: 700;}
.search_wrap .input{position: relative; width: 100%; max-width: 53rem;}
.search_wrap .input input{font-size: 0.875rem; height: 3.125rem; padding-right: 1.75rem; width: 100%; border: none !important; outline: none !important; box-shadow: none !important; border-bottom: 1px solid #000 !important; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.search_wrap .input button{width: 1.25rem; background: none; border: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.search_wrap .input button img{width: 100%;}

/* quick menu */
.quick{position: fixed; right: 1.8125rem; bottom: 3.5rem; z-index: 100;}
.quick .top_btn{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 3.5rem; aspect-ratio: 1/1; background: #000;}
.quick .top_btn img{width: 1.25rem;}
.quick .top_btn span{font-size: 0.75rem; letter-spacing: -0.0125rem; line-height: 1.2; font-weight: 600; color: #fff;}

/* common */
.main{margin-top: 6.25rem;} 
.main_tit em{font-size: 1.875rem; letter-spacing: -0.0625rem; line-height: 112%; font-weight: 300; display: block;}
.main_tit .tit{font-size: 5rem; letter-spacing: -0.0625rem; line-height: 112%;}
.main .padding{padding: 9.375rem 0;}
.main .more_btn{display: inline-flex; align-items: center; gap: 0.5rem; font-size: 1.375rem; letter-spacing: -0.025rem; font-weight: 500; line-height: 145%; position: relative;}
.main .more_btn img{width: 1.5rem; transition: all 0.4s;}
.main .more_btn::before{content: ''; display: block; width: 0; height: 1px; background: #FFF; position: absolute; left: 0; bottom: -0.5rem; transition: all 0.4s;}
.main .more_btn:hover img{transform: rotate(-45deg);}
.main .more_btn:hover::before{width: 100%;}

/* visual */
.visual{position: relative;}
.visual .swiper-slide{height: 46.875rem; position: relative;}
.visual .swiper-slide a{display: block; height: 100%;}
.visual .swiper-slide .vis_img{height: 100%;}
.visual .swiper-slide .vis_img img{width: 100%; height: 100%; object-fit:cover;}
.visual .swiper-slide .vis_txt{color: #FFF;  position: absolute; margin: 0 auto; left:0; right: 0; bottom: 9.1625rem;}
.visual .swiper-slide .vis_txt em{font-size: 1.25rem; font-weight: 600; word-break: keep-all; letter-spacing: -0.0125rem; line-height: 150%; display: block;}
.visual .swiper-slide .vis_txt h2{font-size: 5rem; margin: 1rem 0; font-weight: 300; word-break: keep-all; letter-spacing: -0.125rem; line-height: 112%;}
.visual .swiper-slide .vis_txt h2 span{font-family: var(--font-news); font-weight: 400;}
.visual .swiper-slide .vis_txt p{font-size: 1.375rem; line-height: 1.45; word-break: keep-all; letter-spacing: -0.0125rem;}

/* sec1 */
.main .sec1{padding: 7.5rem 0;}
.main .sec1 .main_tit .f-news{gap: 1.875rem; margin-top: 0.625rem;}
.main .sec1 .main_tit .f-news span{width: 12.5rem; height: 5rem; display: block; background: linear-gradient(90deg, rgba(254, 111, 38, 0.00) 0%, #FE6F26 100%);}
.main .sec1 .main_tit .f-news i{font-style: normal;}
.main .sec1 .txt_wrap{display: flex; justify-content: flex-end; margin-top: 5rem;}
.main .sec1 .txt_wrap .txt{max-width: 78.75rem; width: 100%;}
.main .sec1 .txt_wrap .txt div{display: inline-block; margin-right: 0.25rem;}
.main .sec1 .txt_wrap .txt div span{font-size: 1.75rem; letter-spacing: -0.0125rem; line-height: 129%; color: #BEBEBE;}

/* sec2 */
.main .sec2{aspect-ratio: 192/85; font-size: 0;}
.main .sec2 #player{width: 100%; height: 100%; object-fit: cover;}

/* sec3 */
.main .sec3 .main_tit .tit{font-weight: 300;}
.main .sec3 .list{display: flex; flex-wrap: wrap; gap: 2.5rem; margin-top: 3.75rem; padding: 0 3rem;}
.main .sec3 .list li{width: calc((100% - (2.5rem * 3)) / 4);}
.main .sec3 .list li a{display: block; aspect-ratio: 37/55; position: relative; overflow: hidden;}
.main .sec3 .list li a::before{content: ''; display: block; width: 100%; height: 80%; position: absolute; left: 0; bottom: 0; opacity: 0.8; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); z-index: 1;}
.main .sec3 .list li a img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.main .sec3 .list li a:hover img{transform: scale(1.1);}
.main .sec3 .list li a span{font-size: 2.8125rem; letter-spacing: -0.0625rem; font-weight: 300; line-height: 115%; color: #FFF; position: absolute; left: 0; width: 100%; text-align: center; bottom: 1.8725rem; z-index: 2;}

/* sec4 */
.main .sec4{background: #000; position: relative; z-index: 1;}
.main .sec4 *{color: #fff;}
.main .sec4::before{content: ''; display: block; aspect-ratio: 213/104; width: 48rem; background: url(/img/main/sec4_logo.svg) no-repeat center / contain; position: absolute; left: 0; top: 0; z-index: -1;}
.main .sec4 .cont{margin-top: 2.5rem; padding: 0 4rem;}
.main .sec4 .list{display: flex; gap: 0.625rem;}
.main .sec4 .list li{flex: 1; height: 31.25vw; transition: all 0.8s ease;}
.main .sec4 .list li.on{flex: 2.425;}
.main .sec4 .list li a{display: block; height: 100%; position: relative; overflow: hidden;}
.main .sec4 .list li a::before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.70); backdrop-filter: blur(4px); position: absolute; left: 0; top: 0; z-index: 1; transition: all 0.8s ease;}
.main .sec4 .list li.on a::before{opacity: 0.8; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); backdrop-filter: none;}
.main .sec4 .list li a img{width: 100%; height: 100%; object-fit: cover;}
.main .sec4 .list li a span{display: block;}
.main .sec4 .list li a .txt{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; z-index: 2; letter-spacing: -0.0625rem; font-weight: 300; line-height: 129%;}
.main .sec4 .list li a .txt .num{font-size: 1.25rem; transition: all 0.8s ease;}
.main .sec4 .list li a .txt .tit{margin: 0.4375rem 0; font-size: 1.75rem; font-weight: 600; line-height: 129%; transition: all 0.8s ease;}
.main .sec4 .list li a .txt .desc{font-size: 1.25rem;}
.main .sec4 .list li.on a .txt .num{font-weight: 500;}
.main .sec4 .list li.on a .txt .tit{font-size: 2.8125rem; font-weight: 300; line-height: 115%;} 
.main .sec4 .btn_wrap{margin-top: 3.75rem;}

/* sec5 */
.main .sec5 .tit_wrap{align-items: flex-end;}
.main .sec5 .main_tit .id{font-size: 2.5rem; letter-spacing: -0.0625rem; line-height: 112%;}
.main .sec5 .more_btn{font-size: 1rem; line-height: 150%;}
.main .sec5 .more_btn img{width: 1.25rem;}
.main .sec5 .more_btn::before{background: #000;} 
.main .sec5 .list{display: flex; margin-top: 5rem;}
.main .sec5 .list li{flex: 1;}
.main .sec5 .list li a{display: block; aspect-ratio: 1/1;}
.main .sec5 .list li a img{width: 100%; height: 100%; object-fit: cover;}

/* footer */
.footer .content{padding: 2.5rem 0 3.5625rem; border-top: 1px solid #000; display: flex; justify-content: space-between; align-items: flex-start;}
.footer .left{display: flex; align-items: flex-start; gap: 4.3825rem;}
.footer .logo{width: 6.25rem;}
.footer .logo img{width: 100%;}
.footer .info li + li{margin-top: 0.25rem;}
.footer .info li span{font-size: 1rem; letter-spacing: -0.025rem; line-height: 150%; display: inline-block; vertical-align: middle;}
.footer .info li span::after{content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 1rem; background: #7A7A7A; margin: -2px 1rem 0;}
.footer .info li span.company{font-size: 1.125rem;}
.footer .info li span:last-of-type::after{display: none;}
.footer .pop_btn{margin: 0.75rem 0 1.25rem; font-size: 1rem; letter-spacing: -0.0125rem; line-height: 150%; color: #6D6D6D; display: inline-block; cursor: pointer;}
.footer .contact{display: flex; gap: 0.6rem;}
.footer .contact a{width: 2rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; background: #000; border-radius: 50%;}
.footer .contact a img{width: 1rem;}
.footer .menu{display: flex; gap: 2.5rem;}
.footer .menu .item .tit{margin-bottom: 0.75rem; font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 500; line-height: 150%;}
.footer .menu .item .cont a{font-size: 0.875rem; letter-spacing: -0.0125rem; line-height: 143%; color: #6D6D6D; display: block;}
.footer .menu .item .cont a + a{margin-top: 0.25rem;}
.footer .copy{font-size: 1rem; letter-spacing: -0.025rem; line-height: 150%; color: #E7E7E7; text-align: center; height: 2.5rem; display: flex; align-items: center; justify-content: center; background: #000;}


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

	/* footer */
	.footer .left{gap: 2.5rem;}
	.footer .logo{width: 5.5rem;}
	.footer .info li span::after{height: 1rem; margin: -2px 0.875rem 0;}
	.footer .menu{gap: 2rem;}

}


@media screen and (max-width:1600px){
	html{font-size: 80%;}
	/* .inner_50,
	.inner_1400,
	.inner_1600{max-width: 100%;} */
}



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

	.tab_1280{display: block !important;}

	/* HEADER */
	.header{height: 6.25rem;}
	.header h1 a img{width: 5.3125rem;}
	.header .gnb{gap: 3rem;}
	.header .gnb > li > a{font-size: 1.25rem;}
	.header .gnb_2depth{top: 5.1325rem; width: 11.5rem; padding: 1.25rem 1rem;}
	.header .gnb_2depth li + li{margin-top: 0.75rem;}
	.header .gnb_2depth li a{font-size: 0.875rem;}
	.header .util{gap: 1.5rem;}
	.header .util a{width: 1.625rem;}
	.header .util .cart .count{font-size: 0.5rem; width: 0.9375rem; top: -0.08rem; right: -0.25rem;}

	/* search */
	.search_wrap{top: 6.25rem; padding: 3.135rem 0 3.75rem;}
	.search_wrap form{gap: 3.5rem;} 
	.search_wrap .title{font-size: 1.5rem;}
	.search_wrap .input{max-width: 53rem;}
	.search_wrap .input input{font-size: 0.875rem; height: 3.125rem; padding-right: 1.75rem;}
	.search_wrap .input button{width: 1.25rem;}

	/* quick menu */
	.quick{right: 1.8125rem; bottom: 3.5rem;}
	.quick .top_btn{width: 3.5rem;}
	.quick .top_btn img{width: 1.25rem;}
	.quick .top_btn span{font-size: 0.75rem;}

	/* common */
	.main{margin-top: 6.25rem;} 
	.main_tit em{font-size: 1.5rem;}
	.main_tit .tit{font-size: 4rem;}
	.main .padding{padding: 8.375rem 0;}
	.main .more_btn{gap: 0.5rem; font-size: 1.375rem;}
	.main .more_btn img{width: 1.5rem;}

	/* visual */
	.visual .swiper-slide{height: 46.875rem;}
	.visual .swiper-slide .vis_txt{bottom: 9.1625rem;}
	.visual .swiper-slide .vis_txt em{font-size: 1.25rem; letter-spacing: -0.0125rem;}
	.visual .swiper-slide .vis_txt h2{font-size: 5rem; margin: 1rem 0;}
	.visual .swiper-slide .vis_txt p{font-size: 1.375rem;}

	/* sec1 */
	.main .sec1{padding: 7.5rem 0;}
	.main .sec1 .main_tit .f-news{gap: 1.875rem; margin-top: 0.625rem;}
	.main .sec1 .main_tit .f-news span{width: 12.5rem; height: 4.25rem;}
	.main .sec1 .txt_wrap{margin-top: 5rem; justify-content: flex-start;}
	.main .sec1 .txt_wrap .txt{max-width: 78.75rem;}
	.main .sec1 .txt_wrap .txt div{margin-right: 0.25rem;}
	.main .sec1 .txt_wrap .txt div span{font-size: 1.75rem;}

	/* sec3 */
	.main .sec3 .list{gap: 2rem; margin-top: 3.75rem; padding: 0;}
	.main .sec3 .list li{width: calc((100% - (2rem * 3)) / 4);}
	.main .sec3 .list li a span{font-size: 2rem; letter-spacing: -0.0625rem; bottom: 1.8725rem;}

	/* sec4 */
	.main .sec4::before{width: 28rem;}
	.main .sec4 .cont{margin-top: 2.5rem; padding: 0;}
	.main .sec4 .list{gap: 0.625rem;}
	.main .sec4 .list li{height: 31.25vw;}
	.main .sec4 .list li a .txt .num{font-size: 1.25rem;}
	.main .sec4 .list li a .txt .tit{margin: 0.4375rem 0; font-size: 1.75rem;}
	.main .sec4 .list li a .txt .desc{font-size: 1.25rem;}
	.main .sec4 .list li.on a .txt .tit{font-size: 2.8125rem;} 
	.main .sec4 .btn_wrap{margin-top: 3.75rem;}

	/* sec5 */
	.main .sec5 .main_tit .id{font-size: 2.5rem; letter-spacing: -0.0625rem;}
	.main .sec5 .more_btn{font-size: 1rem;}
	.main .sec5 .more_btn img{width: 1.25rem;}
	.main .sec5 .list{margin-top: 5rem;}

	/* footer */
	.footer .content{padding: 2.5rem 0 3.5625rem;}
	.footer .left{gap: 2.5rem;}
	.footer .logo{width: 5.5rem;}
	.footer .info li + li{margin-top: 0.25rem;}
	.footer .info li span{font-size: 1rem;}
	.footer .info li span::after{height: 1rem; margin: -2px 0.875rem 0;}
	.footer .info li span.company{font-size: 1.125rem;}
	.footer .info li:first-child span:last-of-type{display: block; margin-top: 0.25rem;}
	.footer .info li:first-child span:nth-of-type(3)::after{display: none;}
	.footer .info li:last-child span:first-of-type{display: block;}
	.footer .info li:last-child span:first-of-type::after{display: none;}
	.footer .info li:last-child span:nth-of-type(n+2){margin-top: 0.25rem;}
	.footer .pop_btn{margin: 0.75rem 0 1.25rem; font-size: 1rem;}
	.footer .contact{gap: 0.6rem;}
	.footer .contact a{width: 2rem;}
	.footer .contact a img{width: 1rem;}
	.footer .menu{gap: 2rem; white-space: nowrap;}
	.footer .menu .item .tit{margin-bottom: 0.75rem; font-size: 1.125rem;}
	.footer .menu .item .cont a{font-size: 0.875rem;}
	.footer .menu .item .cont a + a{margin-top: 0.25rem;}
	.footer .copy{font-size: 1rem; height: 2.5rem;}

}



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

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

	/* HEADER */
	.header{height: 3.75rem;}
	.header h1 a img{width: 3.75rem;}
	.header .gnb{display: none;}
	.header .util{gap: 0.75rem;}
	.header .util a{width: 1.36556rem;}
	.header .util .cart .count{font-size: 0.5rem; width: 0.9375rem; top: -0.08rem; right: -0.25rem;}
	.header .util .all_menu_btn{display: block !important;}

	/* search */
	.search_wrap{display: none;}

	/* all menu */
	.all_menu{max-width: 20rem; width: 100%; height: 100%; background: #FFF; padding: 3.75rem 1.25rem 3.5rem; position: fixed; right: 0; top: 0; z-index: 2000; opacity: 0; visibility: hidden; transform: translateX(100%); transition: all 0.3s ease; display: flex !important; flex-direction: column;}
	.all_menu.on{opacity: 1; visibility: visible; transform: translateX(0);}
	.all_menu .close{width: 1.5rem; position: absolute; top: 1.25rem; right: 0.9415rem; cursor: pointer;}
	.all_menu .srh_wrap{position: relative;}
	.all_menu .srh_wrap input{height: 3.125rem; padding-right: 1.75rem; width: 100%; border: none !important; outline: none !important; box-shadow: none !important; border-bottom: 1px solid #000 !important; font-size: 0.875rem; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.all_menu .srh_wrap input::placeholder{color: #000;}
	.all_menu .srh_wrap button{width: 1.25rem; background: none; border: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
	.all_menu .srh_wrap button img{width: 100%;}
	.all_menu .menu_wrap{flex: 2; overflow-x: hidden; overflow-y: auto; margin-right: -0.75rem; margin-top: 2.5rem;}
	.all_menu .menu_wrap::-webkit-scrollbar {width: 3px;}
	.all_menu .menu_wrap::-webkit-scrollbar-thumb {height: 30%; background: #878787; border-radius: 10px;}
	.all_menu .menu_wrap::-webkit-scrollbar-track {background: #D9D9D9; border-radius: 10px;}
	.all_menu .menu{padding-right: 0.75rem;}
	.all_menu .menu > li + li{margin-top: 1.75rem;}
	.all_menu .menu > li > a{font-size: 1.125rem; font-weight: 600; line-height: 156%; display: block; position: relative;}
	.all_menu .menu > li > a.hasChild::after{content: ''; display: block; width: 1.25rem; aspect-ratio: 1/1; background: url(/img/main/ft_menu_arrow.svg) no-repeat center / contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
	.all_menu .menu > li.on > a:after{transform: translateY(-50%) rotate(-180deg);}
	.all_menu .menu .dep2{margin-top: 0.75rem; display: none;}
	.all_menu .menu .dep2 li{margin-top: 0.25rem;}
	.all_menu .menu .dep2 li a{font-size: 0.875rem; font-weight: 300; line-height: 150%; color: #6D6D6D;}
	.all_menu .util{margin-top: 2rem;}
	.all_menu .util .img + .img{margin-left: 1rem;}
	.all_menu .util img{width: 2rem;}
	.all_menu .util .txt{font-size: 1rem; font-weight: 500; line-height: 156%; color: #6D6D6D;}
	.all_menu .util .txt::before{content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 0.625rem; background: #7A7A7A; margin: 0 1rem;}

	/* quick menu */
	.quick{right: 0.6315rem; bottom: 3.5rem;}
	.quick .top_btn{width: 3.125rem;}
	.quick .top_btn img{width: 1.04rem;}
	.quick .top_btn span{font-size: 0.75rem;}

	/* common */
	.main{margin-top: 3.75rem;} 
	.main_tit em{font-size: 0.875rem;}
	.main_tit .tit{font-size: 1.75rem;}
	.main .padding{padding: 3.75rem 0;}
	.main .more_btn{gap: 0.31rem; font-size: 0.875rem;}
	.main .more_btn::before{bottom: -0.25rem;}
	.main .more_btn img{width: 0.92319rem;}

	/* visual */
	.visual .swiper-slide{height: 36.875rem;}
	.visual .swiper-slide .vis_txt{bottom: 6.2725rem;}
	.visual .swiper-slide .vis_txt em{font-size: 0.875rem;}
	.visual .swiper-slide .vis_txt h2{font-size: 2.1875rem; margin: 0.45925rem 0; letter-spacing: -0.0725rem;}
	.visual .swiper-slide .vis_txt p{font-size: 0.875rem;}
	.visual .swiper-slide .vis_txt p br{display: none;}

	/* sec1 */
	.main .sec1{padding: 3.75rem 0 2.5rem;}
	.main .sec1 .main_tit .tit{font-size: 2.5rem;}
	.main .sec1 .main_tit .f-news{gap: 1.03025rem; margin-top: 0.625rem; align-items: flex-start;}
	.main .sec1 .main_tit .f-news span{width: 6.875rem; height: 2.5rem;}
	.main .sec1 .txt_wrap{margin-top: 1.625rem; justify-content: flex-start;}
	.main .sec1 .txt_wrap .txt div{margin-right: 0.1rem;}
	.main .sec1 .txt_wrap .txt div span{font-size: 1rem;}

	/* sec3 */
	.main .sec3 .list{gap: 1rem; margin-top: 1.875rem;}
	.main .sec3 .list li{width: calc((100% - (1rem * 3)) / 4);}
	.main .sec3 .list li a span{font-size: 1.00444rem; letter-spacing: -0.02769rem; bottom: 1.15rem;}

	/* sec4 */
	.main .sec4::before{width: 19.2rem;}
	.main .sec4 .cont{margin-top: 1.24rem;}
	.main .sec4 .list{gap: 0.625rem;}
	.main .sec4 .list li.on{flex: 2;}
	.main .sec4 .list li{height: 31.25vw;}
	.main .sec4 .list li a .txt .num{font-size: 0.875rem;}
	.main .sec4 .list li a .txt .tit{margin: 0.2rem 0; font-size: 1.25rem;}
	.main .sec4 .list li a .txt .desc{font-size: 0.875rem;}
	.main .sec4 .list li.on a .txt .tit{font-size: 1.5rem;} 
	.main .sec4 .btn_wrap{margin-top: 1.875rem;}

	/* sec5 */
	.main .sec5 .main_tit .id{font-size: 0.875rem; letter-spacing: -0.02294rem;}
	.main .sec5 .main_tit .tit_wrap{margin-top: 0.625rem;}
	.main .sec5 .more_btn{font-size: 0.875rem;}
	.main .sec5 .more_btn img{width: 1.125rem;}
	.main .sec5 .list{margin-top: 2.5rem;}

	/* footer */
	.footer .content{padding: 0 0 2.5rem; border-top: none; flex-direction: column-reverse;}
	.footer .left{gap: 2.1875rem; flex-direction: column;}
	.footer .logo{width: 4.6875rem; margin-top: 2.1875rem;}
	.footer .info li{display: flex; flex-wrap: wrap; gap: 0.25rem 0;}
	.footer .info li + li{margin-top: 0.25rem;}
	.footer .info li span{font-size: 0.875rem !important; display: inline-block !important; margin-top: 0 !important;}
	.footer .info li span::after{height: 0.75rem; margin: -2px 0.875rem 0; display: inline-block !important;}
	.footer .info li span:last-of-type::after{display: none !important;}
	.footer .pop_btn{margin: 1rem 0; font-size: 0.875rem;}
	.footer .contact{gap: 0.6rem;}
	.footer .contact a{width: 2rem;}
	.footer .contact a img{width: 1rem;}
	.footer .right{width: 100%;}
	.footer .menu{gap: 0; flex-direction: column; border-top: 1px solid #E7E7E7; width: 100%;}
	.footer .menu .item{border-bottom: 1px solid #E7E7E7; cursor: pointer;}
	.footer .menu .item .tit{margin-bottom: 0; font-size: 0.875rem; font-weight: 700; position: relative;}
	.footer .menu .item .tit.hasChild:after{content: ''; display: block; width: 1rem; aspect-ratio: 1/1; background: url(/img/main/ft_menu_arrow.svg) no-repeat center / contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
	.footer .menu .item.on .tit.hasChild:after{transform: translateY(-50%) rotate(-180deg);}
	.footer .menu .item .tit a{padding: 1rem 0; display: block;}
	.footer .menu .item .cont{margin-top: -0.375rem; padding-bottom: 1rem; display: none;}
	.footer .menu .item .cont a{font-size: 0.875rem;}
	.footer .menu .item .cont a + a{margin-top: 0.25rem;}
	.footer .copy{font-size: 0.75rem; height: 1.9375rem;}

}


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

	.pc2{display:none !important;}
	.mob2{display:block !important;}

	/* sec1 */
	.main .sec1 .main_tit .f-news i{margin-left: -4.78rem; display: block; margin-top: 0.5rem;}

	/* sec2 */
	.main .sec2{aspect-ratio: initial; height: 25rem;}

	/* sec3 */
	.main .sec3 .list li{width: calc((100% - 1rem) / 2);}

	/* sec4 */
	.main .sec4 .list{gap: 0.24481rem; flex-direction: column;}
	.main .sec4 .list li{flex: initial !important; height: 10rem;}
	.main .sec4 .list li.on{height: 16.125rem;}

	/* sec5 */
	.main .sec5 .list{flex-wrap: wrap;}
	.main .sec5 .list li{flex: initial; width: 50%;}

	/* footer */
	.footer .info li:first-child span:nth-of-type(n+3){margin-top: 0.25rem !important;}
	.footer .info li:first-child span:nth-of-type(2){width: calc(100% - 150px);}
	.footer .info li:first-child span:nth-of-type(2)::after{display: none !important;}
	.footer .info li:last-child span:first-of-type{display: block !important; width: 100%;}
	.footer .info li:last-child span:first-of-type::after{display: none !important;}
	.footer .info li:last-child span:nth-of-type(n+2) {margin-top: 0.25rem !important;}

}

@media screen and (max-width:380px){
	.footer .info li{display: block;}
	.footer .info li span{display: inline;}
}