/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width: 105rem; margin: 0 auto; padding: 0 2.5rem}
.inner2{max-width: 92.5rem; margin: 0 auto; padding: 0 2.5rem}
.inner_1400{max-width: 92.5rem; margin: 0 auto; padding: 0 2.5rem}
.wh, .wh *{color: #FFF !important;}
.f-out, .f-out *{font-family: var(--font-out) !important;}


/* HEADER */
.header{height: 5.625rem; position:fixed; top:0; z-index:1000; width:100%;}
.header .inner_1400{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header h1 a img{width: 11.10375rem; display: block;}
.header h1 a img.logo_on{display: none;}
.header .gnb{display: flex; gap: 5rem; height: 100%;}
.header .gnb > li{position:relative; height: 100%;}
.header .gnb > li > a{font-size: 1.25rem; color: #FFF; font-weight: 700; letter-spacing: -0.025rem; line-height: 1.4; height: 100%; display: flex; align-items: center;}
.header .gnb_2depth{position:absolute; top: 4.695rem; min-width: 9.375rem; left: 50%; transform:translateX(-50%); opacity: 0; visibility: hidden; padding: 1.565rem 1.25rem; transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);}
.header .gnb_2depth::before{content: ''; display: block; width: 100%; height: 0; background: #2266D6; transition: all 0.2s cubic-bezier(0.4, 0, 1, 1); position: absolute; left: 0; top: 0;}
.header .gnb_2depth li + li{margin-top: 0.9375rem;}
.header .gnb_2depth li{opacity: 0; transition: all 0.8s ease-in-out;}
.header .gnb_2depth li a{font-size: 1rem; display: block; white-space: nowrap;}
.header .gnb_2depth li a span{color: rgba(255, 255, 255, 0.60); transition: all 0.3s; position: relative;}
.header .gnb_2depth li a span::before{position: absolute; content: attr(data-label); top: 0; left: 0; width: 0; height: 100%; color: #fff; white-space: nowrap; transition: all 0.2s ease-in-out; overflow: hidden; z-index:9;}
.header .gnb_2depth li a span::after{content: ''; display: block; width: 0; height: 1px; background: #FFF; position: absolute; bottom: 0; left: 0; transition: all 0.2s ease-in-out;}
.header .gnb_2depth li:hover a span::before,
.header .gnb_2depth li:hover a span::after{width: 100%;}
.header .gnb > li:hover .gnb_2depth{opacity: 1; visibility: visible;}
.header .gnb > li:hover .gnb_2depth::before{height: 100%;}
.header .gnb > li:hover .gnb_2depth li{opacity: 1;}
.header .gnb > li:hover .gnb_2depth li:nth-child(2){transition-delay: 0.05s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(3){transition-delay: 0.10s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(4){transition-delay: 0.15s;}
.header .right {display: flex; align-items: center; gap: 1.875rem;}
.header .right .lang{position:relative; width: 2rem;}
.header .right .lang img {width: 100%;}
.header .right .lang .lang-list{width: 3.125rem; position:absolute; top:calc(100% + 1rem); left:50%; transform:translateX(-50%); display:none;}
.header .right .lang .lang-list.on{display:block;}
.header .right .lang .lang-list a{font-size: 0.875rem; line-height: 2.5rem; display:block; text-align:center; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1);}
.header .right .lang .lang-list a.on,
.header .right .lang .lang-list a:hover{background: #000; color:#fff; font-weight: bold;}
.header .all_menu_btn{width: 1.38rem; cursor:pointer;}
.header.on,
.header:hover,
.header.fixed{background: #FFF;}
.header.on h1 a img.logo,
.header:hover h1 a img.logo,
.header.fixed h1 a img.logo{display:none;}
.header.on h1 a img.logo_on,
.header:hover h1 a img.logo_on,
.header.fixed h1 a img.logo_on{display:block;}
.header.on .gnb > li > a,
.header:hover .gnb > li > a,
.header.fixed .gnb > li > a{color: #000;}
.header:hover .right img,
.header:hover .right img,
.header.fixed .right img,
.header.on .right img{filter:invert(1);}


/* all menu */
.all_menu{visibility: hidden; position:fixed; width:100%; height:100%; z-index:5000; transition: all 0.3s;}
.all_menu.on{visibility: visible;}
.all_menu.hide{opacity: 0; visibility: hidden;}
.all_menu::before{content:''; display: block; width: 0; height: 100%; position: absolute; right: 0; top: 0; background: rgba(34, 102, 214, 0.80); backdrop-filter: blur(20px); z-index: -1;}
.all_menu.on::before{width: 100%; transition: all 0.6s ease;}
.all_menu::after{content: ''; width: 27rem; aspect-ratio: 108/173; background: url(/img/main/all_menu_bg.svg) no-repeat center / contain; position: absolute; right: -4rem; bottom: -2.74rem;}
.all_menu .inner_1400{max-width: 80rem;}
.all_menu_close{position:absolute; right: 9.31rem; top: 1.62rem; width: 3.125rem; cursor:pointer;}
.all_menu_close img{width:100%;}
.all_menu .logo{padding-top: 5.97rem; text-align: center; overflow: hidden;}
.all_menu .logo img{width: 11.24269rem; transform: translateY(100%); display: inline-block; opacity: 0;}
.all_menu.on .logo img{transform: translateY(0); opacity: 1; transition: all 0.6s ease 0.3s;}
.all_menu_list{margin-top: 7.5rem; display:flex; flex-wrap: wrap;}
.all_menu_list dl{width:25%; min-height: 25rem;}
.all_menu_list dl + dl{border-left:1px solid rgba(255, 255, 255, 0.20); padding-left: 3rem;}
.all_menu_list dt{margin-bottom: 1.875rem;}
.all_menu_list dt a{font-size: 1.75rem; font-weight: 700; line-height: 129%; letter-spacing: -0.025rem; color: #FFF;}
.all_menu_list dd + dd{margin-top: 1.25rem;}
.all_menu_list dd a{font-size: 1.375rem; color: rgba(255, 255, 255, 0.70);}
.all_menu_list dl dd a:hover{color: #FFF; font-weight: 600; text-decoration: underline;}
.all_menu_list dl dt, .all_menu_list dl dd{overflow: hidden;}
.all_menu_list dl a{transform: translateY(100%); display: block; opacity: 0; transition: opacity 0.3s linear, transform 0.6s ease 0.3s;}
.all_menu.on .all_menu_list dl a{transform: translateY(0); opacity: 1;}
.all_menu.hide .logo img, .all_menu.hide .all_menu_list dl a { transform: translateY(0); opacity: 0; transition: opacity 0.3s ease; }


/* visual */
.main .vis_wrap{position: relative;}
.main .visual{position: relative;}
.main .visual .vis_slide{height: 100vh; overflow: hidden;}
.main .visual .vis_slide .img{height: 100%;}
.main .visual .vis_slide .img img{width: 100%; height: 100%; object-fit:cover;}
.main .visual .vis_slide .txt{position: absolute; left: 0; right: 0; top: 24rem; width: 100%; color: #fff;}
.main .visual .vis_slide .txt h2{font-size: 3.75rem; letter-spacing: -0.0625rem; line-height: 1.16; font-weight: 600; white-space: pre-wrap; font-family: var(--font-out);}
.main .visual .vis_slide .txt p{margin-top: 1.25rem; font-size: 1.5rem; letter-spacing: -0.0625rem; font-weight: 500; line-height: 150%; display: block; animation-delay: 0.2s !important; white-space: pre-wrap;}
.main .visual .vis_slide .txt-ani{overflow: hidden;}
.main .visual .vis_slide.slick-active .txt-ani *{animation: txt-ani 1.5s ease-in-out both;}
.main .visual .vis_slide.slick-active .img{animation: vis-ani 4.5s ease-in-out both;}
.vis_control{position: absolute; top: 40.625rem; left: 0; right: 0;}
.vis_control .inner_1400{display: flex; align-items: center; gap: 1.38rem;}
.vis_control .slick-dots{display: flex; align-items: center; gap: 0.75rem;}
.vis_control .slick-dots li button{position: relative; cursor: pointer; margin: 0; padding: 0; background: none; vertical-align: top; width: 1.375rem; height: 1.375rem; font-size: 0; border-radius: 50%; box-sizing: border-box; border: none;}
.vis_control .slick-dots li button::after{position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 5px; height: 5px; background: rgba(255, 255, 255, 0.5); content: ""; border-radius: 50%; display: block;}
.vis_control .slick-dots li.slick-active button:after{background: #fff;}
.vis_control .slick-dots li button svg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0) rotate(-90deg); /* transition: all 0.4s ease-in-out; */ border-radius: 50%;}
.vis_control .slick-dots li.slick-active button svg{transform: scale(1) rotate(-90deg);}
.vis_control .slick-dots li button svg circle{fill: transparent; stroke: #fff; stroke-width: 2px; stroke-linecap: round; stroke-dasharray: 69; stroke-dashoffset: 69;}
html:not(.ios-os) .vis_control .slick-dots li.slick-active button svg circle {animation: draw-circle 5.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.vis_control .arrow{display: flex; align-items: center; gap: 0.35rem;}
.vis_control .arrow div{width: 1.38rem; cursor: pointer;}
.vis_control .arrow div img{width: 100%;}

@keyframes txt-ani {
	0% {transform:translateY(100px); opacity: 0;}
	100% {transform:translateY(0); opacity: 1;}
}

@keyframes vis-ani {
	0% {transform:scale(1.1);}
	100% {transform:scale(1);}
}

@keyframes draw-circle {
	0% {stroke-dashoffset: -69;}
	100% {stroke-dashoffset: 0;}
}


/* quick menu */
.quick{position: fixed; right: 1.25rem; bottom: 1.815rem; z-index: 100; display: flex; flex-direction: column; gap: 1rem;}
.quick a{width: 5rem; aspect-ratio: 1/1; display: block; border-radius: 50%; display: flex; align-items: center; justify-content: center; filter: drop-shadow(0 0 7px rgba(0,0,0, 0.15));}
.quick a img{width: 2.375rem;}
.quick a.inquiry{background: #2266D6;}
.quick a.top_btn{background: #F8F8F8;}

/* common */
.main_tit .tit{font-size: 3.75rem; letter-spacing: -0.03125rem; font-weight: 600; line-height: 130%; font-family: var(--font-out);}
.main_tit .tit2{font-size: 3.125rem; font-weight: 600; line-height: 100%; font-family: var(--font-out);}
.main_tit p{font-size: 1.125rem; letter-spacing: -0.03125rem; color: #6D6D6D; line-height: 1.5;}
.main .btn_wrap{display: flex; gap: 1.25rem;}
.main_btn{padding: 0 1.875rem; height: 3.25rem; border-radius: 50px; border: 1px solid #000; font-size: 1.0625rem; letter-spacing: -0.03125rem; display: inline-flex; align-items: center; gap: 1.25rem; font-weight: 600; transition: all 0.3s;}
.main_btn img{width: 1rem; transition: all 0.3s;}
.main_btn:hover{background: #00418E; color: #FFF; border-color: #00418E;}
.main_btn:hover img{filter: invert(1);}
.main_btn.wh{border-color: #FFF;}
.main_btn.wh:hover{background: #FFF; color: #000 !important;}
.no_data{width: 100% !important; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 11rem 0; display: flex !important; flex-direction: column; align-items: center; justify-content: center; margin: 0 !important; aspect-ratio: initial !important;}
.no_data .icon{width: 2.375rem;}
.no_data p{margin-top: 1.75rem; font-size: 1rem; text-align: center; line-height: 1.5; font-weight: 500;}

/* sec1 */
.main .sec1{padding: 7.5rem 0 9.06rem; position: relative;z-index: 2; overflow: hidden;}
.main .sec1::before{content: ''; display: block; width: 77.875rem; aspect-ratio: 1/1; border-radius: 50%; opacity: 0.4; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 160, 233, 0.30) 0%, rgba(73, 193, 248, 0.24) 69.5%, rgba(255, 255, 255, 0.00) 100%); position: absolute; top: -35.565rem; right: -24.31rem; z-index: -1;}
.main .sec1::after{content: ''; display: block; width: 92%; aspect-ratio: 881/71;background: url(/img/main/sec1_bg_txt.png) no-repeat center / contain; position: absolute; bottom: 3.75rem; left: 50%; transform: translateX(-50%); z-index: -1;}
.main .sec1 .list{display: flex; gap: 1.72rem;}
.main .sec1 .list li{width: calc((100% - (1.72rem * 2)) / 3); border-radius: 1.875rem; border: 1px solid #EAEAEA; overflow: hidden;}
.main .sec1 .list li a{padding: 2.5rem 2.2rem; display: block; background: #F6F6F6; transition: all 0.3s; position: relative;}
.main .sec1 .list li a::before{content: ''; display: block; width: 4.0625rem; aspect-ratio: 1/1; background: url(/img/main/sec1_arrow.svg) no-repeat center / contain; position: absolute; top: 2.5rem; right: 1.94rem; opacity: 0; transition: all 0.3s; z-index: 2;}
.main .sec1 .list li a .txt{min-height: 15.9375rem;}
.main .sec1 .list li a .num{font-size: 1.125rem; letter-spacing: -0.0375rem; line-height: 1.55; font-weight: 600; font-family: var(--font-out);}
.main .sec1 .list li a .tit{margin: 0.9375rem 0; font-size: 2.375rem; font-weight: 600; line-height: 2.6875rem;}
.main .sec1 .list li a .desc{font-size: 1.125rem; line-height: 140%; color: rgba(0, 0, 0, 0.85); opacity: 0.85; transition: all 0.3s;}
.main .sec1 .list li a .img img{width: 100%;}
.main .sec1 .list li a:hover{background: #2266D6; color: #FFF;}
.main .sec1 .list li a:hover::before{opacity: 1;}
.main .sec1 .list li a:hover .desc{color: #FFF; opacity: 1;}

/* sec2 */
.main .sec2{position: relative; height: 100vh; display: flex; align-items: center; justify-content: center;z-index: 1;}
.main .sec2::before{content: ''; display: block; width: 60rem; aspect-ratio: 1/1; border-radius: 50%; opacity: 0.5; background: radial-gradient(50% 50% at 50% 50%, rgba(9, 219, 219, 0.30) 0%, rgba(150, 201, 203, 0.24) 50%, rgba(255, 255, 255, 0.00) 100%); position: absolute; left: -12.56rem; top: -29.38rem; z-index: -1;}
.main .sec2::after{content: ''; display: block; width: 65.1875rem; aspect-ratio: 1/1; border-radius: 50%; opacity: 0.4; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 160, 233, 0.30) 0%, rgba(73, 193, 248, 0.24) 69.5%, rgba(255, 255, 255, 0.00) 100%); position: absolute; bottom: -26.5rem; left: -23.5rem; z-index: -1;}
.main .sec2 .bg{width: 83.33%; height: 83.33%; border-radius: 1.875rem; transition: all 0.3s ease-out; overflow: hidden;}
.main .sec2 .bg img{width: 100%; height: 100%; object-fit: cover;}
.main .sec2 .inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: max-content;}
.main .sec2 .main_tit .tit2{transform: translate3d(0, 100px, 0); opacity: 0; transition: all 1s ease;}
.main .sec2 .main_tit p{opacity: 0; transform: translate3d(0, 100px, 0); transition: all 1s ease 0.1s;}
.main .sec2 .btn_wrap{margin-top: 4.06rem; justify-content: center; opacity: 0; transform: translate3d(0, 100px, 0); transition: all 1s ease 0.2s;}
.main .sec2 .inner.on .main_tit .tit2,
.main .sec2 .inner.on .main_tit p,
.main .sec2 .inner.on .btn_wrap{transform: translate3d(0, 0, 0); opacity: 1;}

/* sec3 */
.main .sec3{padding: 14.25rem 0 8.13rem; position: relative;}
.main .sec3::before{content: ''; display: block; width: 100%; aspect-ratio: 1920/121; background: url(/img/main/sec3_bg_txt.png) no-repeat center / contain; position: absolute; top: 1.94rem; left: 0;}
.main .sec3 .list li{border-bottom: 1px solid #EEE;}
.main .sec3 .list li:first-child{border-top: 1px solid #000;}
.main .sec3 .list li a{padding: 1.25rem 2.5rem;}
.main .sec3 .list li a .txt_wrap{display: flex; align-items: flex-start; gap: 1.25rem; width: calc(100% - 18.625rem);}
.main .sec3 .list li a .cate{font-size: 1rem; font-weight: 600; letter-spacing: -0.03125rem; color: #2266D6; width: 5.9375rem; padding: 0.625rem 0; text-align: center; border-radius: 16.25rem; border: 1px solid #00418E;} .main .sec3 .list li a .txt .tit{font-size: 1.625rem; font-weight: 600; line-height: 133%; transition: all 0.3s;}
.main .sec3 .list li a:hover .txt .tit{color: #2266D6;}
.main .sec3 .list li a .txt .date{margin-top: 0.625rem; font-size: 1.25rem; line-height: 150%; color: #6D6D6D;}
.main .sec3 .list li a .img{aspect-ratio: 5/3; width: 15.625rem; border-radius: 1.25rem; overflow: hidden;}
.main .sec3 .list li a .img img{width: 100%; height: 100%; object-fit: cover;}

/* sec4 */
.main .sec4{height: 38.75rem; background: url(/img/main/sec4_bg.jpg) no-repeat center / cover;}
.main .sec4 .inner{height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3.125rem;}
.main .sec4 .main_tit p{margin-top: 3.125rem;}


/* footer */
.footer{background: #000; padding: 3.70rem 0 5.2rem;}
.footer .top .logo{width: 8.44056rem;}
.footer .top .logo img{width: 100%;}
.footer .top .flex-jb{margin-top: 1.2rem; align-items: flex-start;}
.footer .top .info li{display: flex; gap: 1.25rem;}
.footer .top .info li + li{margin-top: 0.625rem;}
.footer .top .info li span{font-size: 1rem; letter-spacing: -0.025rem; line-height: 1.62; color: #BEBEBE;}
.footer .top .info li span em{font-weight: 500; color: #FFF;}
.footer .top .sns{display: flex; align-items: center; gap: 0.625rem;}
.footer .top .sns a{opacity: 0.5; width: 1.875rem;}
.footer .top .sns a img{width: 100%;}
.footer .bot{margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #555555;}
.footer .bot .copy{font-size: 0.875rem; letter-spacing: -0.05rem; color: #BEBEBE; font-family: var(--font-out );}
.footer .bot .menu{display: flex; gap: 1.625rem;}
.footer .bot .menu a{font-size: 0.875rem; letter-spacing: -0.025rem; line-height: 1.7; color: #BEBEBE;}
.footer .bot .menu a b{color: #FFF;}



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

	.all_menu_close{right: 1.62rem;}

}



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

	/* 공통 */
	.inner{padding: 0 1.25rem}
	.inner2{padding: 0 1.25rem}
	.inner_1400{padding: 0 1.25rem}

	/* HEADER */
	.header{height: 3.75rem;}
	.header h1 a img{width: 8.75rem;}
	.header .gnb{display: none;}
	.header .right {gap: 1rem;}
	.header .right .lang{width: 1.875rem;}
	.header .right .lang .lang-list{width: 3.125rem; top: calc(100% + 0.5rem);}
	.header .right .lang .lang-list a{font-size: 0.875rem; line-height: 2.5rem;}
	.header .all_menu_btn{width: 1.35rem;}

	/* all menu */
	.all_menu::after{width: 76.5625%; right: 0; bottom: 0; max-width: 18.375rem;}
	.all_menu .inner_1400{max-width: 80rem;}
	.all_menu_close{right: 1.56rem; top: 1.56rem; width: 2.5rem;}
	.all_menu .logo{padding-top: 3.57rem;}
	.all_menu .logo img{width: 7.5rem; display: block;}
	.all_menu_list{margin-top: 3.28rem; flex-direction: column;}
	.all_menu_list dl{width:100%; min-height: initial;}
	.all_menu_list dl + dl{padding-left: 0; margin-top: 2rem; border-left: none;}
	.all_menu_list dt{margin-bottom: 0;}
	.all_menu_list dt a{font-size: 1.5rem;}
	.all_menu_list dd{display: none; margin-top: 1.25rem;}
	.all_menu_list dd.on{display: block;}
	.all_menu_list dd + dd{margin-top: 0.75rem;}
	.all_menu_list dd a{font-size: 1rem;}


	/* visual */
	.main .visual .vis_slide{height: 40.625rem;}
	.main .visual .vis_slide .txt{top: 16.56rem;}
	.main .visual .vis_slide .txt h2{font-size: 2.25rem; letter-spacing: normal;}
	.main .visual .vis_slide .txt p{margin-top: 0.75rem; font-size: 1rem; letter-spacing: normal;}
	.vis_control{top: initial; bottom: 3.8625rem;}
	.vis_control .inner_1400{gap: 1.38rem;}
	.vis_control .slick-dots{gap: 0.75rem;}
	.vis_control .slick-dots li button{width: 1.375rem; height: 1.375rem;}
	.vis_control .arrow{gap: 0.35rem;}
	.vis_control .arrow div{width: 1.38rem;}

	/* quick menu */
	.quick{right: 0.625rem; bottom: 1.5rem; gap: 0.625rem;}
	.quick a{width: 3.125rem;}
	.quick a img{width: 1.5rem;}

	/* common */
	.main_tit .tit{font-size: 2rem;}
	.main_tit .tit2{font-size: 2rem;}
	.main_tit p{font-size: 0.875rem;}
	.main .btn_wrap{gap: 1.25rem;}
	.main_btn{padding: 0 1.25rem; height: 2.5rem; font-size: 0.75rem; gap: 0.75rem;}
	.main_btn img{width: 0.75rem;}
	.no_data{padding: 5.5rem 0;}
	.no_data .icon{width: 2rem;}
	.no_data p{margin-top: 0.875rem; font-size: 0.875rem;}

	/* sec1 */
	.main .sec1{padding: 3.75rem 0;}
	.main .sec1::before{width: 50rem; top: -35rem; right: -20rem;}
	.main .sec1::after{width: calc(100% - 2.5rem); bottom: 3.75rem; aspect-ratio: 881 / 79;}
	.main .sec1 .list{gap: 1.25rem; margin-right: -1.25rem; overflow-x: auto;}
	.main .sec1 .list::-webkit-scrollbar{display: none;}
	.main .sec1 .list li{width: calc((100% - (1.25rem * 2)) / 3); min-width: 18.75rem; border-radius: 1.09rem;}
	.main .sec1 .list li:last-child{margin-right: 1.25rem;}
	.main .sec1 .list li a{padding: 1.46rem 1.27rem;}
	.main .sec1 .list li a::before{width: 2.25rem; top: 1.46rem; right: 1.125rem;}
	.main .sec1 .list li a .txt{min-height: 9.28rem;}
	.main .sec1 .list li a .num{font-size: 0.75rem;}
	.main .sec1 .list li a .tit{margin: 0.55rem 0; font-size: 1.375rem; line-height: 1.45;}
	.main .sec1 .list li a .desc{font-size: 0.875rem;}

	/* sec2 */
	.main .sec2::before{width: 50rem; left: -20rem; top: -30rem;}
	.main .sec2::after{width: 65.1875rem; bottom: -26.5rem; left: -23.5rem;}
	.main .sec2 .inner{width: 100%;}
	.main .sec2 .bg{width: 85%; height: 85%; border-radius: 1.875rem;}
	.main .sec2 .btn_wrap{margin-top: 1.875rem;}

	/* sec3 */
	.main .sec3{padding: 7.44rem 0 3.75rem;}
	.main .sec3::before{top: 1.94rem;}
	.main .sec3 .list li a{padding: 1rem 1.25rem;}
	.main .sec3 .list li a .txt_wrap{gap: 0.75rem; width: calc(75% - 2rem); flex-direction: column;}
	.main .sec3 .list li a .cate{font-size: 0.75rem; width: 4rem; padding: 0.25rem 0;} 
	.main .sec3 .list li a .txt .tit{font-size: 1.125rem;}
	.main .sec3 .list li a .txt .date{margin-top: 0.625rem; font-size: 0.875rem;}
	.main .sec3 .list li a .img{width: 25%; border-radius: 1rem;}

	/* sec4 */
	.main .sec4{height: 21.875rem;}
	.main .sec4 .inner{gap: 1.25rem;}
	.main .sec4 .main_tit p{margin-top: 1.25rem;}


	/* footer */
	.footer{padding: 3rem 0;}
	.footer .top .logo{width: 6.25rem;}
	.footer .top .flex-jb{margin-top: 1.875rem;}
	.footer .top .info li{gap: 1rem;}
	.footer .top .info li + li{margin-top: 0.25rem;}
	.footer .top .info li span{font-size: 0.875rem;}
	.footer .bot{margin-top: 1.875rem; padding-top: 1.875rem;}
	.footer .bot .copy{font-size: 0.75rem;}
	.footer .bot .menu{gap: 1.25rem;}
	.footer .bot .menu a{font-size: 0.75rem;}

}



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

	/* 공통 */
	.pc{display:none !important;}
	.mob{display:block !important;}

	/* sec3 */
	.main .sec3 .main_tit{flex-direction: column; align-items: flex-start; gap: 2.5rem;}
	.main .sec3::before{content: 'JS corporation JS corporation'; font-size: 3.5625rem; letter-spacing: -0.05rem; font-weight: 700; opacity: 0.01; background: none; aspect-ratio: initial; top: 1.25rem; left: 50%; transform: translateX(-50%); font-family: var(--font-out); white-space: nowrap;}
	.main .sec3 .list li a{padding: 1.5rem 1rem; flex-direction: column; gap: 1rem;}
	.main .sec3 .list li a .txt_wrap{gap: 0.75rem; width: 100%;}
	.main .sec3 .list li a .cate{font-size: 0.75rem; width: 4rem; padding: 0.25rem 0;} 
	.main .sec3 .list li a .txt .tit{font-size: 1.125rem;}
	.main .sec3 .list li a .txt .date{margin-top: 0.625rem; font-size: 0.875rem;}
	.main .sec3 .list li a .img{width: 100%; border-radius: 1rem;}

	/* sec4 */
	.main .sec4{background-image: url(/img/main/sec4_bg_m.jpg);}


	/* footer */
	.footer .top .flex-jb{flex-direction: column; gap: 1.25rem;}
	.footer .top .info li{gap: 0.25rem 0.5rem; flex-wrap: wrap;}
	.footer .top .info li + li{margin-top: 0.25rem;}
	.footer .bot{flex-direction: column; align-items: flex-start; gap: 0.75rem;}
	.footer .bot .copy{font-size: 0.875rem;}
	.footer .bot .menu{gap: 0.5rem 1.25rem; flex-wrap: wrap;}
	.footer .bot .menu a{font-size: 0.875rem;}
	

}