:root {
    --font-nexon : 'NEXON Lv2 Gothic', sans-serif;
    --font-mont : 'Montserrat', sans-serif;
    --color-blue : #1E34D6;
}

/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto; width: 100%;}
body *{font-family: var(--font-nexon);}
p,a,h1,h2,h3,h4,h5,h6,span,strong,b,dt,dd,label,th *,td *{transform: skew(-0.1deg);}
.point{color: #1E34D6 !important;}


/* HEADER */
.header{position: fixed; top: 0; left: 0; height:100px; position:fixed; top:0; z-index:1000; width:100%; border-bottom: 1px solid #E3E3E3; background: #fff;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header h1 a img{width: 160px; display: block;}
.header h1 a img.logo_ov{display:none;}
.header .gnb{display:flex; gap:75px; position: relative;}
.header .gnb > li > a{display: block; line-height: 100px; font-size: 18px; color: #000; font-weight: 500; font-family: var(--font-nexon);}
.header .gnb_2depth{position:absolute; left: 0; top:100%; display:none; align-items: center; gap: 40px; height: 80px; width: 100%;}
.header .gnb_2depth::before {content: ""; width: 3000px; height: 80px; background: #F5F5F5; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.header .gnb_2depth li {position: relative; z-index: 1;}
.header .gnb_2depth li a{font-size: 16px; font-weight: 400; color: #000; font-family: var(--font-nexon);}
.header .gnb_2depth li a:hover {color: var(--color-blue); text-decoration: underline; font-weight: 500;}
.head_rt {height: 100%;}
.all_menu_btn {height: 100%; cursor:pointer; display: flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 700; font-family: var(--font-mont); letter-spacing: -1px;}
.all_menu_btn img {width: 30px; filter: invert(1);}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}

.header:hover{background: linear-gradient(90deg, #1F37E5 1.03%, #00B6FB 100%); border-bottom: 0;}
.header:hover h1 a img.logo{display:none;}
.header:hover h1 a img.logo_ov{display:block;}
.header:hover .gnb > li > a{color: #fff;}
.header:hover .gnb > li > a:hover {color: #52DAFF;}
.header:hover .all_menu_btn{color: #fff;}
.header:hover .all_menu_btn img {filter:none;}
.header .gnb > li:hover .gnb_2depth {display:flex;}

/* all menu */
.all_menu{display:none; position:fixed; width:100%; height:100%; z-index:5000; background: linear-gradient(90deg, #00B6FB 1.03%, #1F37E5 100%);}
.all_menu .bg {position: relative; height: 100vh;}
.all_menu .bg::before {content: ""; width: 500px; height: 154px; background: url('/img/main/logo_bg.svg') no-repeat center/cover; position: absolute; right: 70px; bottom: 70px;}
.all_menu .inner{position:relative; max-width: 1400px;}
.all_menu_close{position:absolute; right:0; top:107px; width:35px; cursor:pointer; z-index: 100;}
.all_menu_close img{width:100%;}
.all_menu .title{padding-top:72px; font-size:60px; font-weight:700; font-family: var(--font-mont); color: #fff; line-height: 1.16; transform: skew(-0.1deg);}
.all_menu_list{margin-top:122px;}
.all_menu_list dl{display: flex; align-items: center; gap: 60px; border-bottom: 1px solid #FFFFFF33; padding: 40px 0;}
.all_menu_list dl:first-child {padding-top: 0;}
.all_menu_list .sub {display: flex; align-items: center; gap: 80px; opacity: 0; transform: translateX(30px); transition: all .3s ease;}
.all_menu.on .all_menu_list .sub {opacity: 1; transform: translateX(0);}
.all_menu_list dt{min-height: 34px; font-size:24px; font-weight:700; letter-spacing: -.03em; color: #fff; min-width: 360px;}
.all_menu_list dt span {display: block; line-height: 0; transition: all .3s ease; overflow: hidden;}
.all_menu.on .all_menu_list dt span {line-height: 1.4;}
.all_menu_list dl:nth-child(2) dt span,
.all_menu_list dl:nth-child(2) .sub {transition-delay: .15s;}
.all_menu_list dl:nth-child(3) dt span,
.all_menu_list dl:nth-child(3) .sub {transition-delay: .3s;}
.all_menu_list dl:nth-child(4) dt span,
.all_menu_list dl:nth-child(4) .sub {transition-delay: .45s;}
.all_menu_list dl:nth-child(5) dt span,
.all_menu_list dl:nth-child(5) .sub {transition-delay: .6s;}
.all_menu_list dd a{font-size:18px; font-weight: 700; color: #fff; opacity: .5; letter-spacing: -.4px;}
.all_menu_list dd a:hover {opacity: 1; text-decoration: underline; text-underline-offset: 3px;}

/* footer */
.footer {background: #000; padding: 60px 0; margin-top: 150px;}
.footer .inner {display: flex; align-items: flex-start; justify-content: space-between;}
.footer .left {display: flex; align-items: flex-start; gap: 80px;}
.footer .left img {width: 180px;}
.footer .left .use {display: flex; align-items: center; gap: 15px;}
.footer .left .use a {font-size: 13px; font-weight: 500; color: #BFBFBF; font-family: var(--font-nexon); line-height: 1.15;}
.footer .left .use a strong {color: #fff; font-weight: 700;}
.footer .left p {margin-top: 15px; display: flex; align-items: center; gap: 10px;}
.footer .left p span {font-size: 12px; font-weight: 500; color: #BFBFBF; font-family: var(--font-nexon); line-height: 1.16;}
.footer .left .copy {font-size: 14px; font-weight: 500; color: #fff; letter-spacing: -.8px; line-height: 1.14;}
.footer .right p {font-size: 14px; font-weight: 700; color: #BFBFBF; font-family: var(--font-nexon); line-height: 1.14;}
.footer .right .img {margin-top: 15px; display: flex; align-items: flex-start; gap: 30px;}
.footer .right .img img:first-child {width: 175px;}
.footer .right .img img:last-child {width: 170px;}
 
/* quick */
.quick {position: fixed; right: 30px; bottom: 40px; border-radius: 100px; overflow: hidden; z-index: 10; text-align: center;}
.quick li {padding: 17px 12px;}
.quick li img {width: 26px;}
.quick li span {display: block; font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -.4px; line-height: 1.5;}
.quick .q_btn {background: linear-gradient(148.19deg, #1F37E5 11.96%, #00B6FB 149.76%);}
.quick .q_top_btn {background: linear-gradient(90deg, #1F37E5 1.03%, #00B6FB 100%); border-top: 1px solid #ffffff30;}
 
/* main */
.main .main_tit p {font-size: 20px; font-weight: 700; color: var(--color-blue); font-family: var(--font-nexon); letter-spacing: -.6px; line-height: 1.5;}
.main .main_tit h2 {margin-top: 15px; font-size: 60px; font-weight: 700; font-family: var(--font-nexon); letter-spacing: -2px; line-height: 1;}
.main .main_tit span {margin-top: 15px; font-size: 40px; font-weight: 500; letter-spacing: -1.5px; line-height: 1.3; display: block; color: #555;}

.main .view_btn {display: inline-flex; align-items: center; justify-content: center; height: 60px; gap: 10px; font-size: 20px; font-weight: 500; letter-spacing: -.6px; font-family: var(--font-nexon); border-radius: 30px; padding: 0 24px 0 29px; transition: all 200ms ease-in;}
.main .view_btn img {width: 18px; transition: all 200ms ease-in;}

/* visual */
.main .visual {position: relative; height: 950px; overflow: hidden;}
.main .visual .bg {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .visual .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: left; z-index: 1;}
.main .visual .count_wrap{display: flex; gap: 30px; padding: 20px 52px; border-radius: 50px; border: 1px solid #8E8E8E; width: fit-content;}
.main .visual .count_wrap .item{display: flex; align-items: flex-end; gap:4px;}
.main .visual .count_wrap .count{font-size: 40px; letter-spacing: -2px; font-family: var(--font-nexon); font-weight: 700; line-height: 1;}
.main .visual .count_wrap #second{min-width: 50px; text-align: center;}
.main .visual .count_wrap span{font-size: 16px; letter-spacing: -0.8px; font-family: var(--font-nexon); font-weight: 500;}
.main .visual .txt {margin-top: 67px; display: flex; align-items: flex-start; flex-direction: column; gap: 60px;}
.main .visual .txt .tit {width: 500px;}
.main .visual .txt .date {width: 616px;}
.main .visual .txt .view_btn {background: linear-gradient(90deg, rgba(31, 55, 229, 0.9) 1.03%, rgba(0, 182, 251, 0.9) 100%); color: #fff;}
/* sec1 */
.main .sec1 {padding: 120px 0 79px; position: relative;}
.main .sec1::before {content: ""; width: 960px; height: 960px; border-radius: 100%; background: radial-gradient(50% 50% at 50% 50%, rgba(71, 207, 196, 0.25) 0%, rgba(141, 248, 240, 0.25) 50%, rgba(255, 255, 255, 0) 100%); position: absolute; right: -303px; top: 487px; z-index: -1;}
.main .sec1 .main_tit {text-align: center;}
.main .sec1 .cont {margin-top: 82px; display: flex; align-items: flex-start; gap: 92px;}
.main .sec1 .img img {width: 630px;}
.main .sec1 .info {width: 700px;}
.main .sec1 .info .tit {font-size: 55px; font-weight: 700; letter-spacing: -2px; line-height: 1.12;transform: skew(-0.1deg);}
.main .sec1 .info ul {margin-top: 75px; padding-top: 86px; border-top: 1px solid #7A7A7A;}
.main .sec1 .info ul li {display: flex; align-items: center; gap: 45px;}
.main .sec1 .info ul li + li {margin-top: 20px;}
.main .sec1 .info ul li > strong {font-size: 20px; font-weight: 700; font-family: var(--font-nexon); letter-spacing: -.5px; line-height: 1.5; min-width: 82px; position: relative;}
.main .sec1 .info ul li:not(.none) > strong::after {content: ""; width: 1px; height: 15px; background: #9E9E9E; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -10px;}
.main .sec1 .info ul li span {font-size: 20px; font-weight: 500; font-family: var(--font-nexon); color: #6D6D6D; letter-spacing: -.5px; line-height: 1.5;}
.main .sec1 .info ul li span strong {color: #000; font-weight: 700;}
.main .sec1 .info ul li span img {/* width: 200px; */ height: 44px;}
.main .sec1 .info ul li:last-child {align-items: flex-start;}
.main .sec1 .info ul li:last-child span {display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
/* .main .sec1 .info ul li:last-child img {width: 300px;} */
.main .sec1 .info > a {gap: 8px; height: 70px; padding: 0 30px 0 40px; border-radius: 50px; margin-top: 50px; background: linear-gradient(90deg, rgba(31, 55, 229, 0.9) 1.03%, rgba(0, 182, 251, 0.9) 100%); color: #fff; font-weight: 700;}
.main .sec1 .info > a img {width: 24px;}
/* sec2 */
.main .sec2 {position: relative;}
.main .sec2::before {content: ""; width: 960px; height: 960px; border-radius: 100%; background: radial-gradient(50% 50% at 50% 50%, rgba(1, 158, 254, 0.25) 0%, rgba(150, 232, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);  position: absolute; left: -337px; top: -71px; z-index: -1;}
.main .sec2 .inner {display: flex; align-items: flex-start; gap: 93px;}
.main .sec2 .tit {text-align: left; min-width: 325px;}
.main .sec2 .tit h2 {font-size: 60px; font-weight: 700; font-family: var(--font-nexon); letter-spacing: -2px; color: #222; line-height: 1.16;}
.main .sec2 .tit p {margin-top: 30px; font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: -.8px; line-height: 1.5; font-family: var(--font-nexon);}
.main .sec2 .tit .arrow {margin-top: 32px; display: flex; align-items: center; gap: 11px;}
.main .sec2 .tit .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 50px; height: 50px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; transition: all .3s; cursor: pointer; box-shadow: 0px 6.67px 20px 0px #959DA533;}
.main .sec2 .tit .arrow > div img {width: 20px;}
.main .sec2 .tit .arrow > div.swiper-button-next img {margin-right: -3px;}
.main .sec2 .tit .arrow > div::after {display: none;}
.main .sec2 .tit .arrow > div:hover {background: var(--color-blue);}
.main .sec2 .tit .arrow > div:hover img {filter: brightness(0) invert(1);}
.main .sec2 .right {position: relative; width: 100%; height: 516px;}
.main .sec2 .swiper {position: absolute; top: 0; left: 0; width: calc(100% + 160px);}
.main .sec2 .swiper-slide {width: 300px; margin-right: 70px;}
.main .sec2 .swiper-slide:nth-child(even) {margin-top: 93px;}
.main .sec2 .swiper-slide .img {display: block; width: 100%; height: 300px; overflow: hidden; border-radius: 30px;}
.main .sec2 .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover;  object-position: center;}
.main .sec2 .swiper-slide .tit {margin-top: 35px; text-align: center; min-width: auto;}
.main .sec2 .swiper-slide .tit strong {display: block; font-size: 32px; font-weight: 500; color: #222; letter-spacing: -1px; line-height: 1.2; font-family: var(--font-nexon);}
.main .sec2 .swiper-slide .tit p {margin-top: 15px; font-size: 18px; font-weight: 500; letter-spacing: -.6px; font-family: var(--font-nexon); color: #8E8E8E;}
/* sec3 */
.main .sec3 {padding: 150px 0;}
.main .sec3 .top {display: flex; align-items: flex-end; justify-content: space-between;}
.main .sec3 .main_tit h2 {display: flex; align-items: flex-end; gap: 30px; margin-top: 20px;}
.main .sec3 .main_tit h2 span {font-size: 20px; font-weight: 500; color: #6D6D6D; letter-spacing: -.8px; font-family: var(--font-nexon);}
.main .sec3 .view_btn {background: #F1F1F1; color: #000;}
.main .sec3 .view_btn img {filter: invert(1); margin-top: 2px;}
.main .sec3 .view_btn:hover {background: var(--color-blue); color: #fff;}
.main .sec3 .view_btn:hover img {filter: none;}
.main .sec3 .cont {margin-top: 60px; position: relative;}
.main .sec3 .cont::before{content: ''; display: block; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: -100%; z-index: 5;}
.main .sec3 .swiper-slide {width: 450px; margin-right: 40px; border-radius: 20px; overflow: hidden; border: 1px solid #E7E7E7;}
.main .sec3 .swiper-slide .img {display: block; width: 100%; height: 280px; overflow: hidden;}
.main .sec3 .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec3 .swiper-slide .txt {position: relative; height: 240px; padding: 39px 40px 35px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.main .sec3 .swiper-slide .txt::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #1F37E5 1.03%, #00B6FB 100%); opacity: 0; transition: opacity 0.3s ease; z-index: 0;}
.main .sec3 .swiper-slide .txt .tit {position: relative; z-index: 1; font-size: 24px; font-weight: 500; color: #111; letter-spacing: -1px; line-height: 1.45; font-family: var(--font-nexon);  display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; transition: color 0.3s ease; transform: skew(-0.1deg);}
.main .sec3 .swiper-slide .txt .date {position: relative; z-index: 1; font-size: 18px; font-weight: 500; color: #999; letter-spacing: -.4px; line-height: 1.3; font-family: var(--font-nexon); transition: color 0.3s ease; transform: skew(-0.1deg);}
.main .sec3 .swiper-slide:hover .txt::before {opacity: 1;}
.main .sec3 .swiper-slide:hover .tit,
.main .sec3 .swiper-slide:hover .date {color: #fff;}
.main .sec3 .arrow {top: 50%; transform: translateY(-50%); right: auto; bottom: auto; left: auto; margin: 0; width: 68.18px; height: 68.18px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; transition: all .3s; cursor: pointer; box-shadow: 0px 9.09px 27.27px 0px #959DA533;}
.main .sec3 .arrow img {width: 27.27px;}
.main .sec3 .arrow.swiper-button-prev {left: -33px;}
.main .sec3 .arrow.swiper-button-next {right: 138px;}
.main .sec3 .arrow.swiper-button-next img {margin-right: -3px;}
.main .sec3 .arrow::after {display: none;}
.main .sec3 .arrow:hover {background: var(--color-blue);}
.main .sec3 .arrow:hover img {filter: brightness(0) invert(1);}
/* sec4 */
.main .sec4 {display: flex; align-items: center;}
.main .sec4 .box {width: 50%; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: flex-start; justify-content: space-between; height: 400px;}
.main .sec4 .box span {display: block; font-size: 16px; font-weight: 700; color: #fff; font-family: var(--font-nexon); letter-spacing: -.6px; line-height: 1.75;}
.main .sec4 .box h3 {margin-top: 10px; font-size: 40px; font-weight: 700; color: #fff; font-family: var(--font-nexon); letter-spacing: -1px; line-height: 1.25;}
.main .sec4 .box p {margin-top: 10px; font-size: 20px; font-weight: 500; color: #ffffff80; font-family: var(--font-nexon); letter-spacing: -0.8px; line-height: 1.5;}
.main .sec4 .box a {margin-top: 25px; border: 1px solid #fff; color: #fff; height: 52px; opacity: .8; padding: 0 25px 0 32px;}
.main .sec4 .box a img {filter: brightness(0) invert(1)}
.main .sec4 .box .img img {width: 100px;}
.main .sec4 .box a:hover {background: #fff; opacity: 1;}
.main .sec4 .box a:hover img {filter: none;}
.main .sec4 .left a:hover {color: var(--color-blue);}
.main .sec4 .right a:hover {color: #5CB9AF;}
.main .sec4 .left {background-image: url('/img/main/sec4_bg01.jpg'); padding: 90px 100px 0 159px;}
.main .sec4 .right {background-image: url('/img/main/sec4_bg02.jpg'); padding: 90px 220px 0 80px;}
/* sec5 */
.main .sec5 {padding-top: 150px;}
.main .sec5 .tit_wrap{display: flex; justify-content: space-between; align-items: flex-start;}
.main .sec5 .tit_wrap .icon{display: flex; gap:15px;}
.main .sec5 .tit_wrap .icon a img{width: 40px;}
.main .sec5 .tit {display: flex; align-items: center; gap: 20px;}
.main .sec5 .tit h2 {font-size: 40px; font-weight: 700; font-family: var(--font-nexon); color: #222; letter-spacing: -2px; line-height: 1.25;}
.main .sec5 .tit span {font-size: 18px; font-weight: 500; color: #222; letter-spacing: -.4px; font-family: var(--font-nexon);}
.main .sec5 ul {margin-top: 40px; display: flex; align-items: center; gap: 25px;}
.main .sec5 ul li {width: 300px; height: 300px; overflow: hidden; border-radius: 20px;}
.main .sec5 ul li img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec5 .sns{display: flex; gap:40px;}
.main .sec5 .sns a{width: 680px; height: 220px; display: flex; align-items: center; justify-content: center; border-radius: 20px; background: #FAFAFA;}
.main .sec5 .sns a img{height: 64px;}



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

    /* 공통 */
    .inner{max-width:95.12vw;}


    /* HEADER */
    .header {height:6.10vw;}
    .header h1 a img{width: 9.76vw;}
    .header .gnb {gap:4.57vw;}
    .header .gnb > li > a {line-height: 6.10vw; font-size: 1.10vw;}
    .header .gnb_2depth {gap: 2.44vw; height: 4.88vw;}
    .header .gnb_2depth::before {width: 182.93vw; height: 4.88vw;}
    .header .gnb_2depth li a{font-size: 0.98vw;}
    .all_menu_btn {gap: 0.85vw; font-size: 0.85vw; letter-spacing: -0.06vw;}
    .all_menu_btn img {width: 1.83vw;}

    /* all menu */
    .all_menu .bg::before {width: 30.49vw; height: 9.39vw; right: 4.27vw; bottom: 4.27vw;}
    .all_menu .inner {max-width: 85.37vw;}
    .all_menu_close {right:0; top:6.52vw; width:2.13vw;}
    .all_menu_close img{width:100%;}
    .all_menu .title{padding-top:4.39vw; font-size:3.66vw;}
    .all_menu_list{margin-top:7.44vw;}
    .all_menu_list dl {gap: 3.66vw; padding: 2.44vw 0;}
    .all_menu_list .sub {gap: 4.88vw; transform: translateX(1.83vw);}
    .all_menu_list dt{min-height: 2.07vw; font-size:1.46vw; min-width: 21.95vw;}
    .all_menu_list dd a{font-size:1.10vw; letter-spacing: -0.02vw;}

    /* footer */
    .footer {padding: 3.66vw 0; margin-top: 9.15vw;}
    .footer .left {gap: 4.88vw;}
    .footer .left img {width: 10.98vw;}
    .footer .left .use {gap: 0.91vw;}
    .footer .left .use a {font-size: 0.79vw;}
    .footer .left p {margin-top: 0.91vw; gap: 0.61vw;}
    .footer .left p span {font-size: 0.73vw;}
    .footer .left .copy {font-size: 0.85vw; letter-spacing: -0.05vw;}
    .footer .right p {font-size: 0.85vw;}
    .footer .right .img {margin-top: 0.91vw; gap: 1.83vw;}
    .footer .right .img img:first-child {width: 10.67vw;}
    .footer .right .img img:last-child {width: 10.37vw;}
    
    /* quick */
    .quick {right: 1.83vw; bottom: 2.44vw;}
    .quick li {padding: 1.04vw 0.73vw;}
    .quick li img {width: 1.59vw;}
    .quick li span {font-size: 0.85vw; letter-spacing: -0.02vw;}
    
    /* main */
    .main .main_tit p {font-size: 1.22vw; letter-spacing: -0.04vw;}
    .main .main_tit h2 {margin-top: 0.91vw; font-size: 3.66vw; letter-spacing: -0.12vw;}
	.main .main_tit span {margin-top: 0.91vw; font-size: 2.44vw; letter-spacing: -0.09vw;}

    .main .view_btn {height: 3.66vw; gap: 0.61vw; font-size: 1.22vw; letter-spacing: -0.04vw; padding: 0 1.46vw 0 1.77vw;}
    .main .view_btn img {width: 1.10vw;}

    /* visual */
    .main .visual {height: 57.93vw;}
    .main .visual .count_wrap {gap: 1.83vw; padding: 1.22vw 3.17vw;}
    .main .visual .count_wrap .item {gap:0.24vw;}
    .main .visual .count_wrap .count{font-size: 2.44vw; letter-spacing: -0.12vw;}
    .main .visual .count_wrap #second{min-width: 3.05vw;}
    .main .visual .count_wrap span{font-size: 0.98vw; letter-spacing: -0.05vw;}
    .main .visual .txt {margin-top: 4.09vw; gap: 3.66vw;}
    .main .visual .txt .tit {width: 30.49vw;}
    .main .visual .txt .date {width: 37.56vw;}
    /* sec1 */
    .main .sec1 {padding: 7.32vw 0 4.82vw;}
    .main .sec1::before {width: 58.54vw; height: 58.54vw; right: -18.48vw; top: 29.70vw;}
    .main .sec1 .cont {margin-top: 5.00vw; gap: 5.61vw;}
    .main .sec1 .img img {width: 38.41vw;}
    .main .sec1 .info {width: 42.68vw;}
    .main .sec1 .info .tit {font-size: 3.35vw; letter-spacing: -0.12vw;}
    .main .sec1 .info ul {margin-top: 4.57vw; padding-top: 5.24vw;}
    .main .sec1 .info ul li {gap: 2.74vw;}
    .main .sec1 .info ul li + li {margin-top: 1.22vw;}
    .main .sec1 .info ul li > strong {font-size: 1.22vw; letter-spacing: -0.03vw; min-width: 5.00vw;}
    .main .sec1 .info ul li:not(.none) > strong::after {width: 0.06vw; height: 0.91vw; right: -0.61vw;}
    .main .sec1 .info ul li span {font-size: 1.22vw; letter-spacing: -0.03vw;}
    .main .sec1 .info ul li span img {height: 2.68vw;}
    /* .main .sec1 .info ul li span img {width: 12.20vw;} */
    .main .sec1 .info ul li:last-child span {gap: 1.22vw;}
    /* .main .sec1 .info ul li:last-child img {width: 18.29vw;} */
    .main .sec1 .info > a {gap: 0.49vw; height: 4.27vw; padding: 0 1.83vw 0 2.44vw; margin-top: 3.05vw;}
    .main .sec1 .info > a img {width: 1.46vw;}
    /* sec2 */
    .main .sec2::before {width: 58.54vw; height: 58.54vw; left: -20.55vw; top: -4.33vw;}
    .main .sec2 .inner {gap: 5.67vw;}
    .main .sec2 .tit {min-width: 19.82vw;}
    .main .sec2 .tit h2 {font-size: 3.66vw; letter-spacing: -0.12vw;}
    .main .sec2 .tit p {margin-top: 1.83vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    .main .sec2 .tit .arrow {margin-top: 1.95vw; gap: 0.67vw;}
    .main .sec2 .tit .arrow > div {width: 3.05vw; height: 3.05vw;}
    .main .sec2 .tit .arrow > div img {width: 1.22vw;}
    .main .sec2 .tit .arrow > div.swiper-button-next img {margin-right: -0.18vw;}
    .main .sec2 .right {height: 31.46vw;}
    .main .sec2 .swiper {width: calc(100% + 9.76vw);}
    .main .sec2 .swiper-slide {width: 18.29vw; margin-right: 4.27vw;}
    .main .sec2 .swiper-slide:nth-child(even) {margin-top: 5.67vw;}
    .main .sec2 .swiper-slide .img {height: 18.29vw;}
    .main .sec2 .swiper-slide .tit {margin-top: 2.13vw;}
    .main .sec2 .swiper-slide .tit strong {font-size: 1.95vw; letter-spacing: -0.06vw;}
    .main .sec2 .swiper-slide .tit p {margin-top: 0.91vw; font-size: 1.10vw; letter-spacing: -0.04vw;}
    /* sec3 */
    .main .sec3 {padding: 9.15vw 0;}
    .main .sec3 .main_tit h2 {gap: 1.83vw; margin-top: 1.22vw;}
    .main .sec3 .main_tit h2 span {font-size: 1.22vw; letter-spacing: -0.05vw;}
    .main .sec3 .view_btn img {margin-top: 0.12vw;}
    .main .sec3 .cont {margin-top: 3.66vw;}
    .main .sec3 .swiper-slide {width: 27.44vw; margin-right: 2.44vw;}
    .main .sec3 .swiper-slide .img {height: 17.07vw;}
    .main .sec3 .swiper-slide .txt {height: 14.63vw; padding: 2.38vw 2.44vw 2.13vw;}
    .main .sec3 .swiper-slide .txt .tit {font-size: 1.46vw; letter-spacing: -0.06vw;}
    .main .sec3 .swiper-slide .txt .date {font-size: 1.10vw; letter-spacing: -0.02vw;}
    .main .sec3 .arrow {width: 4.16vw; height: 4.16vw;}
    .main .sec3 .arrow img {width: 1.66vw;}
    .main .sec3 .arrow.swiper-button-prev {left: -1.5vw;}
    .main .sec3 .arrow.swiper-button-next {right: 8.41vw;}
    .main .sec3 .arrow.swiper-button-next img {margin-right: -0.18vw;}
    /* sec4 */
    .main .sec4 .box {height: 24.39vw;}
    .main .sec4 .box span {font-size: 0.98vw; letter-spacing: -0.04vw;}
    .main .sec4 .box h3 {margin-top: 0.61vw; font-size: 2.44vw; letter-spacing: -0.06vw;}
    .main .sec4 .box p {margin-top: 0.61vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    .main .sec4 .box a {margin-top: 1.52vw; height: 3.17vw; padding: 0 1.52vw 0 1.95vw;}
    .main .sec4 .box .img img {width: 6.10vw;}
    .main .sec4 .left {padding: 5.49vw 6.10vw 0 9.70vw;}
    .main .sec4 .right {padding: 5.49vw 13.41vw 0 4.88vw;}
    /* sec5 */
    .main .sec5 {padding-top: 9.15vw;}
	.main .sec5 .tit_wrap .icon{gap:0.91vw;}
	.main .sec5 .tit_wrap .icon a img{width: 2.44vw;}
    .main .sec5 .tit {gap: 1.22vw;}
    .main .sec5 .tit h2 {font-size: 2.44vw; letter-spacing: -0.12vw;}
    .main .sec5 .tit span {font-size: 1.10vw; letter-spacing: -0.02vw;}
    .main .sec5 ul {margin-top: 2.44vw; gap: 1.52vw;}
    .main .sec5 ul li {width: 18.29vw; height: 18.29vw;}
	.main .sec5 .sns{gap:2.44vw;}
	.main .sec5 .sns a{width: 39.46vw; height: 13.41vw; border-radius: 1.22vw;}
	.main .sec5 .sns a img{height: 3.90vw;}

}



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

    /* 공통 */
    .inner{max-width:93.75vw;}

    /* HEADER */
    .header {height:5.08vw;}
    .header h1 a img{width: 8.59vw;}
    .header .gnb {gap:3.91vw;}
    .header .gnb > li > a {line-height: 5.08vw; font-size: 1.09vw;}
    .header .gnb_2depth {gap: 2.42vw; height: 4.84vw;}
    .header .gnb_2depth::before {width: 182.97vw; height: 4.84vw;}
    .header .gnb_2depth li a{font-size: 1.02vw;}
    .all_menu_btn {gap: 0.78vw; font-size: 0.94vw; letter-spacing: -0.05vw;}
    .all_menu_btn img {width: 1.95vw;}

    /* all menu */
    .all_menu .bg::before {width: 30.47vw; height: 9.38vw; right: 4.30vw; bottom: 4.30vw;}
    .all_menu .inner {max-width: 85.39vw;}
    .all_menu_close {right:0; top:6.48vw; width:2.11vw;}
    .all_menu_close img{width:100%;}
    .all_menu .title{padding-top:4.38vw; font-size:3.67vw;}
    .all_menu_list{margin-top:7.42vw;}
    .all_menu_list dl {gap: 3.67vw; padding: 2.42vw 0;}
    .all_menu_list .sub {gap: 4.84vw; transform: translateX(1.80vw);}
    .all_menu_list dt{min-height: 2.03vw; font-size:1.48vw; min-width: 21.95vw;}
    .all_menu_list dd a{font-size:1.09vw; letter-spacing: -0.00vw;}

    /* footer */
    .footer {padding: 3.13vw 0; margin-top: 7.81vw;}
    .footer .left {gap: 4.30vw;}
    .footer .left img {width: 10.16vw;}
    .footer .left .use {gap: 0.78vw;}
    .footer .left .use a {font-size: 0.94vw;}
    .footer .left p {margin-top: 0.78vw; gap: 0.55vw;}
    .footer .left p span {font-size: 0.78vw;}
    .footer .left .copy {font-size: 1.02vw; letter-spacing: -0.04vw;}
    .footer .right p {font-size: 1.02vw;}
    .footer .right .img {margin-top: 0.78vw; gap: 1.56vw;}
    .footer .right .img img:first-child {width: 10.16vw;}
    .footer .right .img img:last-child {width: 10.00vw;}
    
    /* quick */
    .quick {right: 3.13vw; bottom: 5.08vw;}
    .quick li {padding: 0.78vw 0.55vw;}
    .quick li img {width: 1.41vw;}
    .quick li span {font-size: 0.94vw; letter-spacing: -0.02vw;}
    
    /* main */
    .main .main_tit p {font-size: 1.09vw; letter-spacing: -0.03vw;}
    .main .main_tit h2 {margin-top: 0.78vw; font-size: 3.13vw; letter-spacing: -0.10vw;}
	.main .main_tit span {margin-top: 0.91vw; font-size: 2.44vw; letter-spacing: -0.09vw;}

    .main .view_btn {height: 3.67vw; gap: 0.63vw; font-size: 1.25vw; letter-spacing: -0.08vw; padding: 0 1.48vw 0 1.80vw;}
    .main .view_btn img {width: 1.09vw;}

    /* visual */
    .main .visual {height: 49.22vw;}
    .main .visual .count_wrap {gap: 1.80vw; padding: 1.17vw 2.73vw;}
    .main .visual .count_wrap .item {gap:0.23vw;}
    .main .visual .count_wrap .count{font-size: 2.42vw; letter-spacing: -0.16vw;}
    .main .visual .count_wrap #second{min-width: 3.05vw;}
    .main .visual .count_wrap span{font-size: 1.09vw; letter-spacing: -0.04vw;}
    .main .visual .txt {margin-top: 4.06vw; gap: 3.28vw;}
    .main .visual .txt .tit {width: 27.34vw;}
    .main .visual .txt .date {width: 33.59vw;}
    /* sec1 */
    .main .sec1 {padding: 6.25vw 0 8.36vw;}
    .main .sec1::before {width: 58.52vw; height: 58.52vw; right: -18.52vw; top: 29.69vw;}
    .main .sec1 .cont {margin-top: 5.00vw; gap: 6.25vw;}
    .main .sec1 .img img {width: 35.16vw;}
    .main .sec1 .info {width: 41.41vw;}
    .main .sec1 .info .tit {font-size: 2.81vw; letter-spacing: -0.10vw;}
    .main .sec1 .info ul {margin-top: 3.91vw; padding-top: 5.23vw;}
    .main .sec1 .info ul li {gap: 2.73vw;}
    .main .sec1 .info ul li + li {margin-top: 1.25vw;}
    .main .sec1 .info ul li > strong {font-size: 1.25vw; letter-spacing: -0.00vw; min-width: 5.00vw;}
    .main .sec1 .info ul li:not(.none) > strong::after {width: 0.08vw; height: 0.94vw; right: -0.63vw;}
    .main .sec1 .info ul li span {font-size: 1.25vw; letter-spacing: -0.00vw;}
    .main .sec1 .info ul li span img {height: 2.66vw;}
    /* .main .sec1 .info ul li span img {width: 12.19vw;} */
    .main .sec1 .info ul li:last-child span {gap: 1.25vw;}
    /* .main .sec1 .info ul li:last-child img {width: 18.28vw;} */
    .main .sec1 .info > a {gap: 0.47vw; height: 4.30vw; padding: 0 1.80vw 0 2.42vw; margin-top: 3.05vw;}
    .main .sec1 .info > a img {width: 1.48vw;}
    /* sec2 */
    .main .sec2::before {width: 58.52vw; height: 58.52vw; left: -20.55vw; top: -4.30vw;}
    .main .sec2 .inner {gap: 5.70vw;}
    .main .sec2 .tit {min-width: 19.84vw;}
    .main .sec2 .tit h2 {font-size: 3.67vw; letter-spacing: -0.16vw;}
    .main .sec2 .tit p {margin-top: 1.56vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    .main .sec2 .tit .arrow {margin-top: 1.95vw; gap: 0.70vw;}
    .main .sec2 .tit .arrow > div {width: 3.05vw; height: 3.05vw;}
    .main .sec2 .tit .arrow > div img {width: 1.25vw;}
    .main .sec2 .tit .arrow > div.swiper-button-next img {margin-right: -0.16vw;}
    .main .sec2 .right {height: 31.48vw;}
    .main .sec2 .swiper {width: calc(100% + 9.77vw);}
    .main .sec2 .swiper-slide {width: 15.63vw; margin-right: 3.91vw;}
    .main .sec2 .swiper-slide:nth-child(even) {margin-top: 4.84vw;}
    .main .sec2 .swiper-slide .img {height: 15.63vw;}
    .main .sec2 .swiper-slide .tit {margin-top: 2.11vw;}
    .main .sec2 .swiper-slide .tit strong {font-size: 1.72vw; letter-spacing: -0.05vw;}
    .main .sec2 .swiper-slide .tit p {margin-top: 0.78vw; font-size: 1.09vw; letter-spacing: -0.03vw;}
    /* sec3 */
    .main .sec3 {padding: 7.42vw 0 7.81vw;}
    .main .sec3 .main_tit h2 {gap: 1.80vw; margin-top: 1.25vw;}
    .main .sec3 .main_tit h2 span {font-size: 1.25vw; letter-spacing: -0.08vw;}
    .main .sec3 .view_btn img {margin-top: 0.16vw;}
    .main .sec3 .cont {margin-top: 3.67vw;}
    .main .sec3 .swiper-slide {width: 25.00vw; margin-right: 2.03vw;}
    .main .sec3 .swiper-slide .img {height: 15.63vw;}
    .main .sec3 .swiper-slide .txt {height: 12.89vw; padding: 1.56vw 2.03vw 1.95vw;}
    .main .sec3 .swiper-slide .txt .tit {font-size: 1.41vw; letter-spacing: -0.05vw;}
    .main .sec3 .swiper-slide .txt .date {font-size: 1.09vw; letter-spacing: -0.02vw;}
    .main .sec3 .arrow {width: 3.52vw; height: 3.52vw;}
    .main .sec3 .arrow img {width: 1.42vw;}
    .main .sec3 .arrow.swiper-button-prev {left: -2.03vw;}
    .main .sec3 .arrow.swiper-button-next {right: 8.44vw;}
    .main .sec3 .arrow.swiper-button-next img {margin-right: -0.16vw;}
    /* sec4 */
    .main .sec4 .box {height: 23.98vw;}
    .main .sec4 .box span {font-size: 1.09vw; letter-spacing: -0.03vw;}
    .main .sec4 .box h3 {margin-top: 0.63vw; font-size: 2.34vw; letter-spacing: -0.05vw;}
    .main .sec4 .box p {margin-top: 0.63vw; font-size: 1.25vw; letter-spacing: -0.04vw;}
    .main .sec4 .box a {margin-top: 1.56vw; height: 3.83vw; padding: 0 1.48vw 0 1.95vw;}
    .main .sec4 .box .img img {width: 5.47vw;}
    .main .sec4 .left {padding: 4.69vw 3.13vw;}
    .main .sec4 .right {padding: 4.69vw 3.13vw;}
    /* sec5 */
    .main .sec5 {padding-top: 7.81vw;}
    .main .sec5 .tit {gap: 1.17vw;}
    .main .sec5 .tit h2 {font-size: 2.34vw; letter-spacing: -0.10vw;}
    .main .sec5 .tit span {font-size: 1.09vw; letter-spacing: -0.02vw;}
    .main .sec5 ul {margin-top: 2.34vw; gap: 1.95vw;}
    .main .sec5 ul li {width: 17.19vw; height: 17.19vw;}
	.main .sec5 .sns{gap:2.42vw;}
	.main .sec5 .sns a{width: 38.48vw; height: 13.44vw; border-radius: 1.25vw;}
	.main .sec5 .sns a img{height: 3.91vw;}


}



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


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

    /* HEADER */
    .header {height:16.93vw;}
    .header h1 a img{width: 28.65vw;}
    .header .gnb {display: none;}
    .all_menu_btn {display: none;}
    .head_mob_btn {display: flex !important; align-items: center; gap: 2.60vw; font-size: 3.13vw; letter-spacing: -0.13vw; height: 100%;}
    .head_mob_btn img {width: 6.51vw; filter: invert(1);}
    .header:hover {background: #fff; border-bottom: 0.26vw solid #E3E3E3;}
    .header:hover  h1 a img.logo {display: block;}
    .header:hover  h1 a img.logo_ov {display: none;}

    /* sideMenu */
    .head_bg {position: fixed; right: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; text-align: right;}
    .head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #fff; padding: 19.01vw 5.21vw; width: 87.24vw; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 5.21vw; right: 1.82vw; cursor: pointer;}
    .head_bg .head_bg_close img {width: 6.25vw;}
    .head_bg .head_bg_logo a{display: block;}
    .head_bg .head_bg_logo img {width:28.65vw;}
    .head_bg .accordion_wrap{margin-top: 7.81vw; max-height: 90%; overflow-y: auto; padding-right: 1.95vw; margin-right: -1.95vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar {width: 0.52vw; /* 스크롤바의 너비 */ border-radius:0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius:0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius:0.65vw;}
    .head_bg #accordion {border-top: 0.26vw solid #E7E7E7;}
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; padding: 5.73vw 0; border-bottom: 0.13vw solid #E7E7E7; cursor: pointer; font-weight: 700; letter-spacing: -0.13vw; font-family: var(--font-nexon);}
    .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: 0; width: 2.73vw; height: 2.73vw; transition:all 0.3s; filter:brightness(0);}
    .head_bg #accordion li > div.no_child::after{transform: rotate(-90deg); transform-origin: top;}
    .head_bg .submenu {display: none; padding: 5.73vw 5.47vw; border-bottom: 0.26vw solid #E7E7E7; background: #F1F6FF;}
    .head_bg .submenu li + li{margin-top: 2.60vw;}
    .head_bg .submenu a {display: block; font-size: 3.65vw; font-weight: 700; line-height: 1.7; letter-spacing: -0.13vw; font-family: var(--font-nexon );}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 0.65vw; text-decoration-thickness: 0.13vw; color: var(--color-blue);}
    .head_bg #accordion li.on > div{color: var(--color-blue);}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg); filter:brightness(1);}


    /* footer */
    .footer {padding: 11.20vw 0; margin-top: 26.04vw;}
    .footer .inner {flex-direction: column; align-items: flex-start; gap: 9.11vw;}
    .footer .left {gap: 9.11vw; flex-direction: column; align-items: flex-start;}
    .footer .left img {width: 33.85vw;}
    .footer .left .use {gap: 2.60vw;}
    .footer .left .use a {font-size: 3.39vw;}
    .footer .left p {margin-top: 2.60vw; gap: 1.30vw; flex-direction: column; align-items: flex-start;}
    .footer .left p span {font-size: 3.39vw;}
    .footer .left .copy {font-size: 3.39vw; letter-spacing: -0.13vw;}
    .footer .right p {font-size: 3.39vw;}
    .footer .right .img {margin-top: 2.60vw; gap: 5.21vw;}
    .footer .right .img img:first-child {width: 36.46vw;}
    .footer .right .img img:last-child {width: 36.46vw;}
    
    /* quick */
    .quick {right: 5.21vw; bottom: 10.42vw;}
    .quick li {padding: 2.86vw 1.82vw;}
    .quick li img {width: 4.69vw;}
    .quick li span {font-size: 3.13vw; letter-spacing: -0.13vw;}
    
    /* main */
    .main .main_tit p {font-size: 3.65vw; letter-spacing: -0.13vw;}
    .main .main_tit h2 {margin-top: 2.60vw; font-size: 9.11vw; letter-spacing: -0.39vw; line-height: 1.2;}
	.main .main_tit span {margin-top: 2.60vw; font-size: 5.21vw; letter-spacing: -0.20vw;}

    .main .view_btn {height: 11.98vw; gap: 1.30vw; font-size: 3.65vw; letter-spacing: -0.13vw; padding: 0 5.21vw 0 6.25vw; border-radius: 6.51vw;}
    .main .view_btn img {width: 3.65vw;}

    /* visual */
    .main .visual {height: 244.28vw;}
    .main .visual .bg{object-fit: contain; object-position: center bottom;}
    .main .visual .count_wrap {gap: 5.21vw; padding: 3.13vw 6.77vw 4.17vw;}
    .main .visual .count_wrap .item {gap:0.78vw;}
    .main .visual .count_wrap .count{font-size: 5.73vw; letter-spacing: -0.39vw;}
    .main .visual .count_wrap #second{min-width: 7.03vw;}
    .main .visual .count_wrap span{font-size: 3.13vw; letter-spacing: -0.13vw;}
    .main .visual .inner {top: 32.55vw; left: 0; transform: none;}
    .main .visual .txt {margin-top: 10.42vw; gap: 9.72vw;}
    .main .visual .txt .tit {width: 72.92vw;}
    .main .visual .txt .date {width: 89.58vw;}
    /* sec1 */
    .main .sec1 {padding: 26.04vw 0;}
    .main .sec1::before {width: 130.21vw; height: 130.21vw; right: -80.99vw; top: auto; bottom: -4.43vw;}
    .main .sec1 .cont {margin-top: 13.02vw; gap: 0;}
    .main .sec1 .img {display: none;}
    .main .sec1 .info {width: 100%;}
    .main .sec1 .info .tit {font-size: 7.81vw; letter-spacing: -0.39vw;}
    .main .sec1 .info ul {margin-top: 10.42vw; padding-top: 10.42vw;}
    .main .sec1 .info ul li {gap: 6.25vw;}
    .main .sec1 .info ul li + li {margin-top: 3.65vw;}
    .main .sec1 .info ul li > strong {font-size: 3.65vw; letter-spacing: -0.13vw; min-width: 14.32vw;}
    .main .sec1 .info ul li:not(.none) > strong::after {width: 0.26vw; height: 2.60vw; right: 0;}
    .main .sec1 .info ul li span {font-size: 3.65vw; letter-spacing: -0.13vw; word-break: keep-all;}
    .main .sec1 .info ul li span img {height: 8.73vw;}
    /* .main .sec1 .info ul li span img {width: 39.06vw;} */
    .main .sec1 .info ul li:last-child span {gap: 3.91vw;}
    /* .main .sec1 .info ul li:last-child img {width: 39.06vw;} */
    .main .sec1 .info > a {gap: 1.30vw; height: 11.98vw; padding: 0 5.21vw 0 6.25vw; margin-top: 10.42vw;}
    .main .sec1 .info > a img {width: 3.65vw; margin-top: .8vw;}
    /* sec2 */
    .main .sec2::before {width: 130.21vw; height: 130.21vw; left: -58.59vw; top: 56.25vw;}
    .main .sec2 .inner {display: revert;}
    .main .sec2 .tit {min-width: 100%;}
    .main .sec2 .tit h2 {font-size: 9.11vw; letter-spacing: -0.39vw;}
    .main .sec2 .tit p {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    .main .sec2 .tit .arrow {margin-top: 8.33vw; gap: 1.82vw;}
    .main .sec2 .tit .arrow > div {width: 9.11vw; height: 9.11vw;}
    .main .sec2 .tit .arrow > div img {width: 3.52vw;}
    .main .sec2 .tit .arrow > div.swiper-button-next img {margin-right: -0.6vw;}
    .main .sec2 .right {height: auto; margin-top: 13.02vw; width: calc(100% + 5.21vw);}
    .main .sec2 .swiper {width: 100%; position: relative; top: auto; left: auto;}
    .main .sec2 .swiper-slide {width: 52.08vw; margin-right: 10.42vw;}
    .main .sec2 .swiper-slide:nth-child(even) {margin-top: 16.15vw;}
    .main .sec2 .swiper-slide .img {height: 52.08vw;}
    .main .sec2 .swiper-slide .tit {margin-top: 6.51vw;}
    .main .sec2 .swiper-slide .tit strong {font-size: 5.73vw; letter-spacing: -0.13vw;}
    .main .sec2 .swiper-slide .tit p {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    /* sec3 */
    .main .sec3 {padding: 26.04vw 0 48.18vw;}
    .main .sec3 .main_tit {gap: 9.64vw;}
    .main .sec3 .main_tit h2 {gap: 5.21vw; flex-direction: column; align-items: flex-start; margin-top: 3.91vw;}
    .main .sec3 .main_tit h2 span {font-size: 3.65vw; letter-spacing: -0.13vw;}
    .main .sec3 .view_btn img {margin-top: 0.52vw;}
    .main .sec3 .cont {margin-top: 10.42vw;}
    .main .sec3 .swiper-slide {width: 72.92vw; margin-right: 6.77vw;}
    .main .sec3 .swiper-slide .img {height: 45.57vw;}
    .main .sec3 .swiper-slide .txt {height: 42.97vw; padding: 7.81vw 6.51vw 7.03vw;}
    .main .sec3 .swiper-slide .txt .tit {font-size: 4.69vw; letter-spacing: -0.13vw;}
    .main .sec3 .swiper-slide .txt .date {font-size: 3.65vw; letter-spacing: -0.13vw;}
    .main .sec3 .arrow {width: 11.72vw; height: 11.72vw; top: auto; transform: none; bottom: -22.14vw;}
    .main .sec3 .arrow img {width: 4.69vw;}
    .main .sec3 .arrow.swiper-button-prev {left: calc(50% - 13.28vw);}
    .main .sec3 .arrow.swiper-button-next {right: calc(50% - 13.28vw);}
    .main .sec3 .arrow.swiper-button-next img {margin-right: -0.52vw;}
    /* sec4 */
    .main .sec4 {display: revert; font-size: 0;}
    .main .sec4 .box {height: auto; width: 100%; display: revert;}
    .main .sec4 .box span {font-size: 3.65vw; letter-spacing: -0.13vw;}
    .main .sec4 .box h3 {margin-top: 2.08vw; font-size: 7.81vw; letter-spacing: -0.13vw;}
    .main .sec4 .box p {margin-top: 2.08vw; font-size: 4.17vw; letter-spacing: -0.13vw;}
    .main .sec4 .box a {margin-top: 5.21vw; height: 11.98vw; padding: 0 5.21vw 0 6.25vw;}
    .main .sec4 .box a img {margin-top: .7vw;}
    .main .sec4 .box .img {text-align: right; display: block; width: 100%; margin-top: -8.33vw;}
    .main .sec4 .box .img img {width: 18.23vw;}
    .main .sec4 .left {background-image: url('/img/main/sec4_bg01_m.jpg');}
    .main .sec4 .right {background-image: url('/img/main/sec4_bg02_m.jpg');}
    .main .sec4 .left,
    .main .sec4 .right {padding: 15.63vw 5.21vw 6.51vw; background-size: cover;}
    /* sec5 */
    .main .sec5 {padding-top: 26.04vw;}
	.main .sec5 .tit_wrap{flex-direction: column; gap: 5.21vw;}
	.main .sec5 .tit_wrap .icon{gap:3.26vw; margin-top: 0.5vw;}
	.main .sec5 .tit_wrap .icon a img{width: 8.21vw;}
    .main .sec5 .tit {gap: 1.3vw; flex-direction: column; align-items: flex-start;}
    .main .sec5 .tit h2 {font-size: 7.81vw; letter-spacing: -0.39vw;}
    .main .sec5 .tit span {font-size: 3.65vw; letter-spacing: -0.13vw;}
    .main .sec5 ul {margin-top: 7.81vw; gap: 3.64vw; flex-wrap: wrap;}
    .main .sec5 ul li {width: calc(50% - 1.89vw); height: auto; /* height: 42.97vw; */ border-radius: 3.52vw;}
	.main .sec5 .sns{gap:5.21vw; flex-direction: column; width: 100%;}
	.main .sec5 .sns a{width: 100%; height: 30.65vw; border-radius: 3.91vw;}
	.main .sec5 .sns a img{height: 10.24vw;}

}