@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root  {
    --color-green: #36AE92;

    --font-noto: 'NotoSansKR', sans-serif;
    --font-nun: "Nunito Sans", sans-serif;

    --filter-white: brightness(0) invert(1);
}

/* 공통 */
p, dd {word-break: keep-all;}
.pc {display: block !important;}
.mob {display: none !important;}
.inner {max-width: 1600px; margin: 0 auto; width:  100%;}

.txt_center {text-align: center;}


/* HEADER */
.header {height: 100px; position: fixed; top: 0; z-index: 100; width: 100%; background: #36AE92B2; backdrop-filter: blur(7px);}
.header .inner {height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header h1 a img {width:  180px; display:  block;}
.header .gnb {display: flex; gap: 85px;}
.header .gnb > li {position: relative;}
.header .gnb > li > a {display: block; line-height: 100px; font-size:  18px; color: #FFF; font-weight:  700; letter-spacing:  -1px; font-family: var(--font-nun);}
.header .gnb_2depth_bg {position: absolute; width: 100%; height:  180px; background:  rgba(255, 255, 255, 0.95); top: 100%; left: 0; overflow:  hidden; display: none;}
.header .gnb_2depth_bg::before {content: ""; width: 350px; height: 78px; background: url('/img/main/logo_bg.svg') no-repeat center/cover; position: absolute; top: 50%; left: 110px; transform: translateY(-50%);}
.header .gnb_2depth_bg .inner {position: relative;}
.header .gnb_2depth {position: absolute; top: calc(100% + 30px); display: none;}
.header .gnb_2depth li + li {margin-top: 10px;}
.header .gnb_2depth li a {font-size: 16px; font-weight: 400; color: #6D6D6D; letter-spacing: -.4px; line-height: 1.3; min-width: 100px; display: block; font-family: var(--font-nun);}
.header .gnb_2depth li a:hover {color: #017665; font-weight: 700; text-decoration: underline; text-underline-offset: 3px;}
.all_menu_btn {width:  30px; cursor: pointer; margin-right: -13px;}
.head_mob_btn {display: none !important;}
.head_bg {display: none !important;}
.header:hover {background: linear-gradient(0deg, #017665 0%, #017665 100%), linear-gradient(0deg, #004C41 0%, #004C41 100%), #004B3A;}
.header .gnb_wrap:hover .gnb_2depth {display: block;}
.header .gnb_wrap:hover .gnb_2depth_bg {display: block;}

/* all menu */
.all_menu {display: none; padding: 60px 0 107px; position: fixed; width: 100%; height: 100%; z-index: 5000; background:  rgba(255, 255, 255, 0.97);}
.all_menu::before {content: ""; width: 100%; height: 95px; background: url(/img/main/allMenu_bg.png) no-repeat center/cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.all_menu .inner {position: relative;}
.all_menu .top {display: flex; align-items: flex-end; justify-content: space-between;}
.all_menu .top img {width: 230px;}
.all_menu_close {width: 35px; cursor: pointer;}
.all_menu_close img {width: 100%;}
.all_menu .cont {margin-top: 98px; display: flex; align-items: flex-start; justify-content: space-between;}
.all_menu .cont .img {width: 500px;}
.all_menu .cont .img img {width: 100%;}
.all_menu_list {margin-top: 45px; display: flex; width: calc(100% - 550px); flex-wrap: wrap; align-items: flex-start; gap: 72px 0;}
.all_menu_list dl {width: calc(100%/3); height: 220px; padding: 0 60px;}
.all_menu_list dl + dl {border-left: 1px solid #E3E3E3;}
.all_menu_list dl:nth-child(4) {border-left: 0;}
.all_menu_list dt {margin-bottom: 30px;}
.all_menu_list dt,
.all_menu_list dt a {font-size: 24px; font-weight: 700; letter-spacing: -.03em; font-family: var(--font-nun); line-height: 1.4;}
.all_menu_list dd + dd {margin-top: 10px;}
.all_menu_list dd a {font-size: 16px; font-weight: 400; color: #6D6D6D; letter-spacing: -.4px; line-height: 1.3;}
.all_menu_list dl:hover dt,
.all_menu_list dl:hover dt a {color: #00653F;}
.all_menu_list dd a:hover {color: #00653F; text-decoration: underline; text-underline-offset: 4px;}

/* quick */
.quick {position: fixed; right: 40px; bottom: 40px; z-index: 10;}
.quick li a {display: block; width: 65px; height: 65px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #BCC924; cursor: pointer;}
.quick li a img {width: 20px;}

/* footer */
.footer {background:  #000; padding: 60px 0 62px;}
.footer .inner {display: flex; align-items: flex-end; justify-content: space-between;}
.footer .logo {width: 180px;}
.footer .info {margin-top: 43px;}
.footer .info p {display: flex; align-items: center; gap: 20px;}
.footer .info p + p {margin-top: 5px;}
.footer .info p span {display: flex; align-items: center; gap: 10px;}
.footer .info p,
.footer .info p span {font-size: 16px; font-weight: 400; color: #BEBEBE; letter-spacing: -.4px; line-height: 1.18;}
.footer .info p strong {font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -.4px;}
.footer .info .copy {margin-top: 42px; font-size: 14px; font-weight: 6300; color: #BEBEBE; letter-spacing: -0.4px;}
.footer .use {display: flex; align-items: center; justify-content: flex-end; gap: 15px; margin-bottom: 38px;}
.footer .use a,
.footer .use strong {font-size: 16px; font-weight: 500; color: #BEBEBE; letter-spacing: -.4px;}
.footer .use strong {color: #fff; font-weight: 600;}
.footer .f_site{position: relative; width: 210px;}
.footer .f_site .tit{border: 1px solid #E3E3E3; font-size: 14px; font-weight: 500; font-family: var(--font-nun); color: rgba(255,255,255,0.7); height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; transition: all 0.3s; cursor: pointer;}
.footer .f_site .tit span{opacity: 0.7;}
.footer .f_site .tit img{width: 9px; transition: all 0.3s;}
.footer .f_site.on .tit {background: #2A2A2A; border-color: #2A2A2A;}
.footer .f_site.on .tit img{transform:rotate(-180deg);}
.footer .f_site .list{display: none; position: absolute; left: 0; bottom: calc(100% + 3px); width: 100%; border: 1px solid #505050; background: #2A2A2A; padding: 21px 20px 24px; text-align: left; z-index: 10;}
.footer .f_site .list li a{font-size: 14px; color: #D9D9D9; line-height: 2.5;}
.footer .f_site .list li a:hover{color: #FFF; font-weight: 500; text-decoration: underline; text-underline-offset:5px;}


/** main **/
/* moreBtn */
.moreBtn span {width: 167px; height: 43px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 5px; font-size: 14px; font-weight: 700; font-family: var(--font-nun); letter-spacing: -.6px;}
.moreBtn span img {width: 16px;}

/* action */
[data-act="up"] {overflow: hidden;}
[data-act="up"] > div,
[data-act="up"] > span {transform: translateY(100%); transition: all 1s; display: block;}
.section.on [data-act="up"] > div,
.section.on [data-act="up"] > span,
[data-act="up"].on > span {transform: translateY(0);}

/* title */
.main_txt h2 {font-size: 48px; line-height: 1; font-weight: 700; font-family: var(--font-nun); letter-spacing: -1px;}
.main_txt p {display: block; color: #6D6D6D; font-size: 18px; font-weight: 400; line-height: 1.3; margin-top: 20px;}

/* visual */
.main .visual .swiper-container {position: relative;}
.main .visual .swiper-slide {height: 950px;}
.main .visual .swiper-slide > img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .visual .arrow {margin: 0; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto;}
.main .visual .arrow::after {display: none;}
.main .visual .arrow_big {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;}
.main .visual .arrow_big.swiper-button-prev {left: 5px;}
.main .visual .arrow_big.swiper-button-next {right: 5px;}
.main .visual .arrow_big img {width: 80px;}
.main .visual h2[data-act="up"] > span {transition-delay: .2s;}
.main .visual .moreBtn[data-act="up"] > div {transition-delay: .5s;}
.main .visual .txt {position: absolute; bottom: 129px; left: 50%; transform: translateX(-50%); width: 100%;}
.main .visual .txt p {font-size: 22px; font-weight: 600; color: #5CBCA6; line-height: 1.18;}
.main .visual .txt h2 {margin-top: 12px; font-size: 60px; font-weight: 600; color: #fff; letter-spacing: -2px; line-height: 1.18;}
.main .visual .txt .moreBtn {margin-top: 36px; display: inline-block;}
.main .visual .txt .moreBtn span {display: flex; border: 2px solid var(--color-green); background: transparent; transition: all .3s; color: var(--color-green);}
.main .visual .txt .moreBtn img {transition: all .3s;}
.main .visual .txt .moreBtn span:hover {color: #fff; background: var(--color-green);}
.main .visual .txt .moreBtn span:hover img {filter: var(--filter-white);}
.main .visual .bot {position: absolute; left: 50%; transform: translateX(-50%); bottom: 81px; width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 0 15px; z-index: 10; padding-right: 42px;}
.main .visual .bot .arrow_cont {display: flex; align-items: center; gap: 0  15px;}
.main .visual .bot .arrow_cont .arrow {position: relative;}
.main .visual .pagination_cont {width: 202px; height: 2px; display: flex; align-items: center; gap: 24px; position: relative;}
.main .visual .swiper-pagination {position: absolute; margin: 0; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); width: auto; display: flex; align-items: center; gap: 0 10px;}
.main .visual .swiper-pagination-bullet {width: 120px; height: 2px; border-radius: 0; position: relative; overflow: hidden; margin: 0 !important; opacity: 1; background: #ffffff50; display: none;}
.main .visual .swiper-pagination-bullet::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.3s;}
.main .visual .swiper-pagination-bullet-active {background: #CDCDCD; display: block;}
.main .visual .swiper-pagination-bullet-active::before {background-color: #fff; animation: slide-progress 3.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;}
.main .visual .swiper-pagination.paused-animation .swiper-pagination-bullet-active::before {animation-play-state: paused;}
.main .visual .swiper-pagination2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: space-between; font-size: 0; width: 100%;}
.main .visual .swiper-pagination2 span {font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -.8px;}
.main .visual .pause img {width: 25px; cursor: pointer;}
@keyframes slide-progress {
    0% {  
        transform: translateX(-100%); 
    } 
    100% {  
        transform: translateX(0); 
    }
}

/* sec1 */
.main .sec1 {padding: 120px 0 130px;}
.main .sec1 .main_txt p span {transition-delay:.2s}
.main .sec1_menu {margin-top: 60px;} 
.main .sec1_menu ul {display: flex; align-items: center; gap: 51px;}
.main .sec1_menu ul li {width: calc(100%/3 - 51px); height: 450px;}
.main .sec1_inner {position: relative; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; background: #36AE92; transition: all .5s ease;}
.main .sec1_inner .txt_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; transition: all .5s ease; width: 100%;}
.main .sec1_inner .txt_wrap .img img {width: 80px;}
.main .sec1_inner .txt_wrap h2 {margin-top: 24px; color: #fff; font-size: 40px; line-height: 1; font-weight: 800; font-family: var(--font-nun); letter-spacing: -1px;}
.main .sec1_inner .txt_wrap p {color: #fff; font-size: 22px; line-height: 1.18; margin-top: 24px; letter-spacing: -.4px; display: none; font-weight: 500;}
.main .sec1_inner .txt_wrap .txt_more .more_view {margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 5px; width: 156px; height: 46px; margin-top: 60px; border-radius: 30px; font-size: 16px; font-weight: 700; color: #fff; font-family: var(--font-nun);}
.main .sec1_inner .txt_wrap .txt_more .more_view img {width: 16px;}
.main .sec1_menu li:hover .sec1_inner {background: #017665;}
.main .sec1_menu li:hover .txt_wrap {top: calc(50% - 32px);}
.main .sec1_menu li:hover .img {display: none;}
.main .sec1_menu li:hover .txt_wrap p {display: block;}
.main .sec1_menu li:hover .txt_wrap .more_view {border: 1px solid #fff;}

/* sec2 */
.main .sec2 {position: relative; background: rgba(0, 102, 79, .05); padding: 130px 0;}
.main .sec2 .inner {display: flex; align-items: flex-start; gap: 73px;}
.main .sec2 .main_txt {text-align: left; min-width: 330px;}
.main .sec2 .main_txt h2 {font-size: 48px; font-weight: 700; font-family: var(--font-nun); letter-spacing: -1px; color: #017665; line-height: 1;}
.main .sec2 .main_txt p {margin-top: 20px;}
.main .sec2 .main_txt p span {transition-delay: .2s;}
.main .sec2 .main_txt .arrow_cont {margin-left: -20px;}
.main .sec2 .main_txt .arrow {transition-delay: .4s; padding: 20px 0 40px 20px; margin-top: 40px; display: flex; align-items: center; gap: 10px;}
.main .sec2 .main_txt .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 60px; height: 60px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; transition: background .5s ease; cursor: pointer; box-shadow: 0px 7px 29px 0px #64646F33;}
.main .sec2 .main_txt .arrow > div img {width: 20px;}
.main .sec2 .main_txt .arrow > div.swiper-button-next img {margin-right: -3px;}
.main .sec2 .main_txt .arrow > div::after {display: none;}
.main .sec2 .main_txt .arrow > div:hover {background: #017665;}
.main .sec2 .main_txt .arrow > div:hover img {filter: brightness(0) invert(1);}
.main .sec2 .right {position: relative; width: 100%; height: 620px;}
.main .sec2 .mySwiper {overflow: hidden; position: absolute; top: 0; left: 0; width: calc(100% + 160px); padding-bottom: 50px; padding-left: 20px; box-sizing: border-box;}
.main .sec2 .swiper-pagination {display: none;}
/* card_slide */
.main .card_slide {width: 500px; margin-right: 55px; border-radius: 30px; overflow: hidden; box-shadow: 0px 7px 30px 0px #64646F1A;}
.main .card_slide .img {display: block; width: 100%; height: 375px; overflow: hidden;}
.main .card_slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all .5s ease;}
.main .card_slide:hover .img img {transform: scale(1.1);}
.main .card_slide .txt {position: relative; padding: 40px 40px 50px; background: #fff; min-height: 245px;}
.main .card_slide .txt .cate {display: inline-block; padding: 0 16px; height: 36px; line-height: 36px; border-radius: 5px; font-size: 14px; font-weight: 700; font-family: var(--font-nun);}
.main .card_slide .txt .cate[rel="Active"] {border: 1px solid #F27367; color: #F27367;}
.main .card_slide .txt .cate[rel="Past"] {border: 1px solid #8E8E8E; color: #8E8E8E;}
.main .card_slide .txt .tit {margin-top: 20px; font-size: 22px; font-weight: 700; letter-spacing: -0.4px; line-height: 1.2; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.main .card_slide .txt .date {margin-top: 20px; font-size: 16px; font-weight: 400; color: #6D6D6D; line-height: 1.6;}
.main .card_slide .txt .info {margin-top: 20px; font-size: 18px; font-weight: 400; color: #6D6D6D; line-height: 1.4; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

/* sec3 */
.main .sec3 {padding: 130px 0;}
.main .sec3 .main_txt p span {transition-delay:.2s}
.main .sec3 .swiper_cont {position: relative;}
.main .sec3 .mySwiper {margin: 56px -20px 0; padding: 0 20px 30px;}
.main .sec3 .arrow > div {position: absolute; top: 50%; transform: translateY(-50%); right: auto; bottom: auto; left: auto; margin: 0; width: 60px; height: 60px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; transition: background .5s ease; cursor: pointer; box-shadow: 0px 7px 29px 0px #64646F33;}
.main .sec3 .arrow > div img {width: 20px;}
.main .sec3 .arrow > div.swiper-button-next img {margin-right: -3px;}
.main .sec3 .arrow > div.swiper-button-prev {left: -36px;}
.main .sec3 .arrow > div.swiper-button-next {right: -36px;}
.main .sec3 .arrow > div::after {display: none;}
.main .sec3 .arrow > div:hover {background: #017665;}
.main .sec3 .arrow > div:hover img {filter: brightness(0) invert(1);}
.main .sec3 .card_slide .txt .tit {margin-top: 0;}
.main .sec3 .card_slide {margin-right: 50px;}

/* sec4 */
.main .sec4 {padding: 0 0 175px; position: relative;}
.main .sec4::before {content: ""; width: 100%; height: 550px; background: #015E51; position: absolute; left: 0; bottom: 0; z-index: -1;}
.main .sec4::after {content: "kangminah Listeners' Lab"; width: 100%; height: 180px; font-size: 130px; font-weight: 800; color: #ffffff05; font-family: var(--font-nun); position: absolute; left: 0; bottom: 0; z-index: -1; text-transform: uppercase; white-space: nowrap;}
.main .sec4 .top {display: flex; align-items: flex-end; justify-content: space-between;}
.main .sec4 .moreBtn span {border: 2px solid #017665; color: #017665; transition: all .5s ease;}
.main .sec4 .moreBtn span img {transition: all .5s ease;}
.main .sec4 .moreBtn span:hover {background: #017665; color: #fff;}
.main .sec4 .moreBtn span:hover img {filter: var(--filter-white);}
.main .sec4 .main_txt p span {transition-delay: .3s;}
.main .sec4 .swiper_cont {margin-top: 120px; margin-left: 150px;}
.main .sec4 .swiper-slide {position: relative; width: 800px; height: 472px; margin-right: 170px; border-radius: 30px; overflow: hidden;}
.main .sec4 .swiper-slide .img {display: block; width: 100%; height: 100%; overflow: hidden;}
.main .sec4 .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec4 .swiper-slide.swiper-slide-active {transform: scale(1.25);}
.main .sec4 .swiper-slide::after {content: ""; width: 100%; height: 321.45px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70.59%); position: absolute; left: 0; bottom: 0;}
.main .sec4 .swiper-slide .txt {position: absolute; left: 0; bottom: 0;padding: 0 50px 59px; z-index: 1;}
.main .sec4 .swiper-slide .txt .tit {font-size: 28px; font-weight: 700; color: #fff; line-height: 1.17;}
.main .sec4 .swiper-slide .txt .date {margin-top: 10px; font-size: 18px; font-weight: 400; color: #fff; line-height: 1.3;}
.main .sec4 .arrow > div {position: absolute; top: 50%; transform: translateY(-50%); right: auto; bottom: auto; left: auto; margin: 0; width: 60px; height: 60px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; transition: background .5s ease; cursor: pointer; box-shadow: 0px 7px 29px 0px #64646F33;}
.main .sec4 .arrow > div img {width: 20px;}
.main .sec4 .arrow > div.swiper-button-next img {margin-right: -3px;}
.main .sec4 .arrow > div.swiper-button-prev {left: 110px;}
.main .sec4 .arrow > div.swiper-button-next {right: 280px;}
.main .sec4 .arrow > div::after {display: none;}
.main .sec4 .arrow > div:hover {background: #017665;}
.main .sec4 .arrow > div:hover img {filter: brightness(0) invert(1);}



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

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

    /* HEADER */
    .header {height: 6.10vw;}
    .header h1 a img {width: 10.98vw;}
    .header .gnb {gap: 5.18vw;}
    .header .gnb > li > a {line-height: 6.10vw; font-size: 1.25vw; letter-spacing: -0.06vw;}
    .header .gnb_2depth_bg {height: 10.98vw;}
    .header .gnb_2depth_bg::before {width: 21.34vw; height: 4.76vw; left: 6.71vw;}
    .header .gnb_2depth {top: calc(100% + 1.83vw);}
    .header .gnb_2depth li + li {margin-top: 0.61vw;}
    .header .gnb_2depth li a {font-size: 1.15vw; letter-spacing: -0.02vw; min-width: 6.10vw;}
    .all_menu_btn {width: 1.83vw; margin-right: 0;}

    /* all menu */
    .all_menu {padding: 3.66vw 0 6.52vw;}
    .all_menu::before {height: 5.79vw;}
    .all_menu .top img {width: 14.02vw;}
    .all_menu_close {width: 2.13vw;}
    .all_menu .cont {margin-top: 3.98vw;}
    .all_menu .cont .img {width: 30.49vw;}
    .all_menu_list {margin-top: 2.74vw; width: calc(100% - 33.54vw); gap: 4.39vw 0;}
    .all_menu_list dl {width: calc(100%/3); height: 13.41vw; padding: 0 3.66vw;}
    .all_menu_list dt {margin-bottom: 1.83vw;}
    .all_menu_list dt,
    .all_menu_list dt a {font-size: 1.46vw;}
    .all_menu_list dd + dd {margin-top: 0.61vw;}
    .all_menu_list dd a {font-size: 0.98vw; letter-spacing: -0.02vw;}

    /* quick */
    .quick {right: 3.44vw; bottom: 10.44vw;}
    .quick li a {width: 3.96vw; height: 3.96vw;}
    .quick li a img {width: 1.22vw;}

    /* footer */
    .footer {padding: 3.66vw 0 3.78vw;}
    .footer .logo {width: 10.98vw;}
    .footer .info {margin-top: 2.62vw;}
    .footer .info p {gap: 1.22vw;}
    .footer .info p + p {margin-top: 0.30vw;}
    .footer .info p span {gap: 0.61vw;}
    .footer .info p,
    .footer .info p span {font-size: 0.98vw; letter-spacing: -0.02vw;}
    .footer .info p strong {font-size: 0.98vw; letter-spacing: -0.02vw;}
    .footer .info .copy {margin-top: 2.56vw; font-size: 0.85vw; letter-spacing: -0.02vw;}
    .footer .use {gap: 0.91vw; margin-bottom: 2.32vw;}
    .footer .use a,
    .footer .use strong {font-size: 0.98vw; letter-spacing: -0.02vw;}
    .footer .f_site{ width: 12.80vw;}
    .footer .f_site{ width: 12.80vw;}
    .footer .f_site .tit{font-size: 0.85vw; height: 2.74vw; padding: 0 1.22vw;}
    .footer .f_site .tit span{opacity: 0.7;}
    .footer .f_site .tit img{width: 0.55vw;}
    .footer .f_site.on .tit img{transform:rotate(-180deg);}
    .footer .f_site .list{ bottom: calc(100% + 0.18vw); padding: 1.28vw 1.22vw 1.46vw;}
    .footer .f_site .list li a{font-size: 0.85vw;}


    /** main **/
    /* moreBtn */
    .moreBtn span {width: 10.18vw; height: 2.62vw; gap: 0.49vw; border-radius: 0.30vw; font-size: 0.85vw; letter-spacing: -0.04vw;}
    .moreBtn span img {width: 0.98vw;}

    /* title */
    .main_txt h2 {font-size: 2.93vw; letter-spacing: -0.06vw;}
    .main_txt p {font-size: 1.10vw; margin-top: 1.22vw;}

    /* visual */
    .main .visual .swiper-slide {height: 57.93vw;}
    .main .visual .arrow_big.swiper-button-prev {left: 0.30vw;}
    .main .visual .arrow_big.swiper-button-next {right: 0.30vw;}
    .main .visual .arrow_big img {width: 4.88vw;}
    .main .visual .txt {bottom: 7.87vw;}
    .main .visual .txt p {font-size: 1.34vw;}
    .main .visual .txt h2 {margin-top: 0.73vw; font-size: 3.66vw; letter-spacing: -0.12vw;}
    .main .visual .txt .moreBtn {margin-top: 2.20vw;}
    .main .visual .bot {bottom: 4.94vw; gap: 0 0.91vw; padding-right: 2.56vw;}
    .main .visual .bot .arrow_cont {gap: 0 0.91vw;}
    .main .visual .pagination_cont {width: 12.32vw; height: 0.12vw; gap: 1.46vw;}
    .main .visual .swiper-pagination {gap: 0 0.61vw;}
    .main .visual .swiper-pagination-bullet {width: 7.32vw; height: 0.12vw;}
    .main .visual .swiper-pagination2 span {font-size: 0.85vw; letter-spacing: -0.05vw;}
    .main .visual .pause img {width: 1.52vw;}

    /* sec1 */
    .main .sec1 {padding: 7.32vw 0 7.93vw;}
    .main .sec1_menu {margin-top: 3.66vw;} 
    .main .sec1_menu ul {gap: 3.11vw;}
    .main .sec1_menu ul li {width: calc(100%/3 - 3.11vw); height: 27.44vw;}
    .main .sec1_inner {border-radius: 1.22vw;}
    .main .sec1_inner .txt_wrap .img img {width: 4.88vw;}
    .main .sec1_inner .txt_wrap h2 {margin-top: 1.46vw; font-size: 2.44vw; letter-spacing: -0.06vw;}
    .main .sec1_inner .txt_wrap p {font-size: 1.34vw; margin-top: 1.46vw; letter-spacing: -0.02vw;}
    .main .sec1_inner .txt_wrap .txt_more .more_view {gap: 0.30vw; width: 9.51vw; height: 2.80vw; margin-top: 3.66vw; border-radius: 1.83vw; font-size: 0.98vw;}
    .main .sec1_inner .txt_wrap .txt_more .more_view img {width: 0.98vw;}
    .main .sec1_menu li:hover .txt_wrap {top: calc(50% - 1.95vw);}

    /* sec2 */
    .main .sec2 {padding: 7.93vw 0;}
    .main .sec2 .inner {gap: 4.45vw;}
    .main .sec2 .main_txt {min-width: 20.12vw;}
    .main .sec2 .main_txt h2 {font-size: 2.93vw; letter-spacing: -0.06vw;}
    .main .sec2 .main_txt p {margin-top: 1.22vw;}
    .main .sec2 .main_txt .arrow_cont {margin-left: -1.22vw;}
    .main .sec2 .main_txt .arrow {padding: 1.22vw 0 2.44vw 1.22vw; margin-top: 2.44vw; gap: 0.61vw;}
    .main .sec2 .main_txt .arrow > div {width: 3.66vw; height: 3.66vw; box-shadow: 0.00vw 0.43vw 1.77vw 0.00vw #64646F33;}
    .main .sec2 .main_txt .arrow > div img {width: 1.22vw;}
    .main .sec2 .main_txt .arrow > div.swiper-button-next img {margin-right: -0.18vw;}
    .main .sec2 .right {height: 37.80vw;}
    .main .sec2 .mySwiper {width: calc(100% + 9.76vw); padding-bottom: 3.05vw; padding-left: 1.22vw;}
    /* card_slide */
    .main .card_slide {width: 29.65vw; margin-right: 2.1vw; border-radius: 1.83vw; box-shadow: 0.00vw 0.43vw 1.83vw 0.00vw #64646F1A;}
    .main .card_slide .img {height: 22.87vw;}
    .main .card_slide .txt {padding: 2.44vw 2.44vw 3.05vw; min-height: 14.94vw;}
    .main .card_slide .txt .cate {padding: 0 0.98vw; height: 2.20vw; line-height: 2.20vw; border-radius: 0.30vw; font-size: 0.85vw;}
    .main .card_slide .txt .tit {margin-top: 1.22vw; font-size: 1.34vw; letter-spacing: -0.02vw;}
    .main .card_slide .txt .date {margin-top: 1.22vw; font-size: 0.98vw;}
    .main .card_slide .txt .info {margin-top: 1.22vw; font-size: 1.10vw;}

    /* sec3 */
    .main .sec3 {padding: 7.93vw 0;}
    .main .sec3 .mySwiper {margin: 3.41vw -1.5vw 0; padding: 0 1.5vw 1.83vw;}
    .main .sec3 .arrow > div {width: 3.66vw; height: 3.66vw; box-shadow: 0.00vw 0.43vw 1.77vw 0.00vw #64646F33;}
    .main .sec3 .arrow > div img {width: 1.22vw;}
    .main .sec3 .arrow > div.swiper-button-next img {margin-right: -0.18vw;}
    .main .sec3 .arrow > div.swiper-button-prev {left: -1.8vw;}
    .main .sec3 .arrow > div.swiper-button-next {right: -1.6vw;}
    .main .sec3 .card_slide {margin-right: 2.1vw;}

    /* sec4 */
    .main .sec4 {padding: 0 0 10.67vw;}
    .main .sec4::before {height: 33.54vw;}
    .main .sec4::after {height: 10.98vw; font-size: 7.93vw;}
    .main .sec4 .swiper_cont {margin-top: 7.32vw; margin-left: 9.15vw;}
    .main .sec4 .swiper-slide {width: 48.78vw; height: 28.78vw; margin-right: 10.37vw; border-radius: 1.83vw;}
    .main .sec4 .swiper-slide::after {height: 19.60vw;}
    .main .sec4 .swiper-slide .txt {bottom: 0;padding: 0 3.05vw 3.60vw;}
    .main .sec4 .swiper-slide .txt .tit {font-size: 1.71vw;}
    .main .sec4 .swiper-slide .txt .date {margin-top: 0.61vw; font-size: 1.10vw;}
    .main .sec4 .arrow > div {width: 3.66vw; height: 3.66vw; box-shadow: 0.00vw 0.43vw 1.77vw 0.00vw #64646F33;}
    .main .sec4 .arrow > div img {width: 1.22vw;}
    .main .sec4 .arrow > div.swiper-button-next img {margin-right: -0.18vw;}
    .main .sec4 .arrow > div.swiper-button-prev {left: 4.71vw;}
    .main .sec4 .arrow > div.swiper-button-next {right: 15.07vw;}

}



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

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

    /* HEADER */
    .header {height: 5.47vw;}
    .header h1 a img {width: 11.80vw;}
    .header .gnb {gap: 5.47vw;}
    .header .gnb > li > a {line-height: 5.47vw; font-size: 1.56vw; letter-spacing: -0.08vw;}
    .header .gnb_2depth_bg {height: 11.56vw;}
    .header .gnb_2depth_bg::before {width: 22.50vw; height: 5.00vw; left: 7.11vw;}
    .header .gnb_2depth {top: calc(100% + 1.95vw);}
    .header .gnb_2depth li + li {margin-top: 0.63vw;}
    .header .gnb_2depth li a {font-size: 1.46vw; letter-spacing: -0.00vw; min-width: 6.41vw;}
    .all_menu_btn {width: 2.03vw; margin-right: 0;}

    /* all menu */
    .all_menu {padding: 3.83vw 0 6.88vw;}
    .all_menu::before {height: 6.09vw;}
    .all_menu .top img {width: 14.77vw;}
    .all_menu_close {width: 2.27vw;}
    .all_menu .cont {margin-top: 4.22vw;}
    .all_menu .cont .img {width: 32.19vw;}
    .all_menu_list {margin-top: 2.89vw; width: calc(100% - 35.39vw); gap: 4.61vw 0;}
    .all_menu_list dl {width: calc(100%/3); height: 14.14vw; padding: 0 3.83vw;}
    .all_menu_list dt {margin-bottom: 1.95vw;}
    .all_menu_list dt,
    .all_menu_list dt a {font-size: 1.56vw;}
    .all_menu_list dd + dd {margin-top: 0.63vw;}
    .all_menu_list dd a {font-size: 1.02vw; letter-spacing: -0.00vw;}

    /* quick */
    .quick {right: 1.56vw; bottom: 11.72vw;}
    .quick li a {width: 4.30vw; height: 4.30vw;}
    .quick li a img {width: 1.41vw;}

    /* footer */
    .footer {padding: 3.75vw 0 4.14vw;}
    .footer .logo {width: 14.06vw;}
    .footer .info {margin-top: 2.97vw;}
    .footer .info p {gap: 1.56vw;}
    .footer .info p + p {margin-top: 0.39vw;}
    .footer .info p span {gap: 0.78vw;}
    .footer .info p,
    .footer .info p span {font-size: 1.17vw; letter-spacing: -0.03vw;}
    .footer .info p strong {font-size: 1.17vw; letter-spacing: -0.03vw;}
    .footer .info .copy {margin-top: 3.44vw; font-size: 1.02vw; letter-spacing: -0.03vw;}
    .footer .use {gap: 1.17vw; margin-bottom: 3.13vw;}
    .footer .use a,
    .footer .use strong {font-size: 1.09vw; letter-spacing: -0.03vw;}
    .footer .f_site{ width: 12.50vw;}
    .footer .f_site .tit{font-size: 1.02vw; height: 3.13vw; padding: 0 1.56vw;}
    .footer .f_site .tit span{opacity: 0.7;}
    .footer .f_site .tit img{width: 0.70vw;}
    .footer .f_site.on .tit img{transform:rotate(-180deg);}
    .footer .f_site .list{ bottom: calc(100% + 0.16vw); padding: 1.33vw 1.25vw 1.56vw;}
    .footer .f_site .list li a{font-size: 1.02vw;}


    /** main **/
    /* moreBtn */
    .moreBtn span {width: 11.88vw; height: 3.13vw; gap: 0.63vw; border-radius: 0.39vw; font-size: 0.94vw; letter-spacing: -0.05vw;}
    .moreBtn span img {width: 1.09vw;}

    /* title */
    .main_txt h2 {font-size: 3.13vw; letter-spacing: -0.08vw;}
    .main_txt p {font-size: 1.25vw; margin-top: 0.78vw;}

    /* visual */
    .main .visual .swiper-slide {height: 58.59vw;}
    .main .visual .txt {bottom: 11.64vw;}
    .main .visual .txt p {font-size: 1.41vw;}
    .main .visual .txt h2 {margin-top: 0.94vw; font-size: 4.30vw; letter-spacing: -0.16vw;}
    .main .visual .txt .moreBtn {margin-top: 2.34vw;}
    .main .visual .bot {bottom: 7.81vw; gap: 0 1.17vw; padding-right: 2.34vw;}
    .main .visual .bot .arrow_cont {gap: 0 1.17vw;}
    .main .visual .pagination_cont {width: 15.78vw; height: 0.16vw; gap: 1.17vw;}
    .main .visual .swiper-pagination {gap: 0 1.17vw;}
    .main .visual .swiper-pagination-bullet {width: 9.38vw; height: 0.16vw;}
    .main .visual .swiper-pagination2 span {font-size: 1.09vw; letter-spacing: -0.06vw;}
    .main .visual .pause img {width: 1.95vw;}
    .main .visual .arrow img {width: 1.25vw;}

    /* sec1 */
    .main .sec1 {padding: 9.38vw 0 10.55vw;}
    .main .sec1_menu {margin-top: 3.91vw;} 
    .main .sec1_menu ul {gap: 2.34vw;}
    .main .sec1_menu ul li {width: calc(100%/3 - 2.34vw); height: 24.61vw;}
    .main .sec1_inner {border-radius: 1.56vw;}
    .main .sec1_inner .txt_wrap .img img {width: 5.47vw;}
    .main .sec1_inner .txt_wrap h2 {margin-top: 1.88vw; font-size: 2.34vw; letter-spacing: -0.08vw;}
    .main .sec1_inner .txt_wrap p {font-size: 1.41vw; margin-top: 1.88vw; letter-spacing: -0.00vw;}
    .main .sec1_inner .txt_wrap .txt_more .more_view {gap: 0.39vw; width: 10.00vw; height: 2.97vw; margin-top: 3.91vw; border-radius: 1.95vw; font-size: 1.09vw;}
    .main .sec1_inner .txt_wrap .txt_more .more_view img {width: 1.25vw;}
    .main .sec1_menu li:hover .txt_wrap {top: calc(50% - 1.56vw);}

    /* sec2 */
    .main .sec2 {padding: 9.38vw 0 9.92vw;}
    .main .sec2 .inner {gap: 4.69vw;}
    .main .sec2 .main_txt {min-width: 22.89vw;}
    .main .sec2 .main_txt h2 {font-size: 3.13vw; letter-spacing: -0.08vw;}
    .main .sec2 .main_txt p {margin-top: 2.34vw;}
    .main .sec2 .main_txt .arrow_cont {margin-left: -1.25vw;}
    .main .sec2 .main_txt .arrow {padding: 1.25vw 0 2.58vw 1.25vw; margin-top: 2.58vw; gap: .8vw;}
    .main .sec2 .main_txt .arrow > div {width: 3.91vw; height: 3.91vw; box-shadow: 0.00vw 0.47vw 1.88vw 0.00vw #64646F33;}
    .main .sec2 .main_txt .arrow > div img {width: 1.30vw;}
    .main .sec2 .main_txt .arrow > div.swiper-button-next img {margin-right: -0.16vw;}
    .main .sec2 .right {height: 37.38vw;}
    .main .sec2 .mySwiper {width: calc(100% + 22.89vw + 4.69vw); padding-bottom: 3.13vw; padding-left: 1.25vw;}
    /* card_slide */
    .main .card_slide {width: 28.91vw; margin-right: 2.34vw; border-radius: 2.34vw; box-shadow: 0.00vw 0.47vw 1.95vw 0.00vw #64646F1A;}
    .main .card_slide .img {height: 21.68vw;}
    .main .card_slide .txt {padding: 2.34vw 2.34vw 2.58vw; min-height: 14.92vw;}
    .main .card_slide .txt .cate {padding: 0 1.09vw; height: 2.03vw; line-height: 2.03vw; border-radius: 0.39vw; font-size: 0.86vw;}
    .main .card_slide .txt .tit {margin-top: 1.17vw; font-size: 1.56vw; letter-spacing: -0.03vw;}
    .main .card_slide .txt .date {margin-top: 1.17vw; font-size: 1.02vw;}
    .main .card_slide .txt .info {margin-top: 1.17vw; font-size: 1.09vw;}

    /* sec3 */
    .main .sec3 {padding: 9.38vw 0 10.94vw;}
    .main .sec3 .mySwiper {margin: 3.59vw -1.25vw 0; padding: 0 1.25vw 1.95vw;}
    .main .sec3 .arrow > div {width: 3.83vw; height: 3.83vw; box-shadow: 0.00vw 0.47vw 1.88vw 0.00vw #64646F33;}
    .main .sec3 .arrow > div img {width: 1.25vw;}
    .main .sec3 .arrow > div.swiper-button-next img {margin-right: -0.16vw;}
    .main .sec3 .arrow > div.swiper-button-prev {left: -1.95vw;}
    .main .sec3 .arrow > div.swiper-button-next {right: -1.95vw;}
    .main .sec3 .card_slide {margin-right: 2.34vw;}
    .main .sec3 .card_slide .txt .date {margin-top: 1.56vw;}
    .main .sec3 .card_slide .txt .info {margin-top: 1.56vw;}

    /* sec4 */
    .main .sec4 {padding: 0 0 10.94vw;}
    .main .sec4::before {height: 35.55vw;}
    .main .sec4::after {height: 9.61vw; font-size: 6.88vw;}
    .main .sec4 .swiper_cont {margin-top: 8.59vw; margin-left: 13.67vw;}
    .main .sec4 .swiper-slide {width: 59.38vw; height: 35.03vw; margin-right: 12.5vw; border-radius: 2.34vw;}
    .main .sec4 .swiper-slide::after {height: 23.86vw ;}
    .main .sec4 .swiper-slide .txt {bottom: 0;padding: 0 3.13vw 4.53vw;}
    .main .sec4 .swiper-slide .txt .tit {font-size: 1.88vw;}
    .main .sec4 .swiper-slide .txt .date {margin-top: 0.78vw; font-size: 1.25vw;}
    .main .sec4 .arrow > div {width: 3.91vw; height: 3.91vw; box-shadow: 0.00vw 0.47vw 1.88vw 0.00vw #64646F33;}
    .main .sec4 .arrow > div img {width: 1.30vw;}
    .main .sec4 .arrow > div.swiper-button-next img {margin-right: -0.16vw;}
    .main .sec4 .arrow > div.swiper-button-prev {left: -6.36vw;}
    .main .sec4 .arrow > div.swiper-button-next {right: 6vw;}

}



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

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

    /* HEADER */
    .header {height: 15.63vw;}
    .header h1 a img {width: 34.64vw;}
    .header .gnb_wrap,
    .header .gnb_2depth_bg {display: none;}
    .all_menu_btn {display: none;}
    .head_mob_btn {display: block !important;}
    .head_mob_btn img {width: 6.25vw;}

    /* all menu */
    .head_mob_overlay {display: none; position: fixed; top: 0; width: 100%; height: 100%; z-index: 700; background: rgba(0,0,0,0.6); cursor: pointer;}
    .head_bg.on + .head_mob_overlay {display: block;}
    .head_bg {display: none; position: fixed; top: 0; right: 0; height: 100%; width: 75.52vw; padding: 0 3.91vw 0; background: #fff; overflow-y: scroll; z-index: 710;}
    .head_bg.on {display: block !important;}
    .head_tp {display: flex; align-items: center; position: relative; padding: 8.72vw 0;}
    .head_tp .head_bg_logo img {width: 52.21vw;}
    .head_bg_close {position: absolute; top: 50%; transform: translateY(-50%); width: 6.51vw; height: 6.51vw; right: 0; cursor: pointer;}
    .head_bg_close:before {content: ""; position: absolute; left: 2.60vw; transform: rotate(45deg); width: 0.39vw; height: 5vw; background: #000;}
    .head_bg_close:after {content: ""; position: absolute; left: 2.60vw; transform: rotate(-45deg); width: 0.39vw; height: 5vw; background: #000;}
    .accordion {margin-top: 0;}
    .accordion li:last-child .link {border-bottom: 0.13vw solid #e1e1e1;}
    .accordion .link {border-top: 0.13vw solid #e1e1e1; padding: 0 3.91vw; height: 13.02vw; background: url("/img/main/head_mob_arrow.svg") 95% center no-repeat;}
    .accordion .link,
    .accordion .link > a {font-size: 3.91vw; line-height: 13.02vw; font-family: var(--font-nun); font-weight: 700;}
    .accordion .link > a {display: block;}
    .accordion .link.dd_none {background: none;}
    .accordion .link a {display: block;}
    .accordion .link.noChild {background: none;}
    .accordion li.on .link {background: var(--color-green) url("/img/main/head_mob_arrow_on.svg") 95% center no-repeat; background-size: 3.30vw; color: #fff;}
    .accordion li.on .link.dd_none {background: none;}
    .submenu {display: none; padding: 6.51vw 3.91vw; border-top: 0.13vw solid #e1e1e1; background: #f2f2f2;}
    .submenu li + li {margin-top: 3.52vw;}
    .submenu a {font-size: 3.26vw; font-family: var(--font-nun); font-weight: 500;}

    /* quick */
    .quick {right: 3.13vw; bottom: 22.40vw;}
    .quick li a {width: 11.72vw; height: 11.72vw;}
    .quick li a img {width: 4.56vw;}

    /* footer */
    .footer {padding: 10.42vw 0 12.89vw;}
    .footer .inner {display: revert;}
    .footer .logo {width: 32.81vw;}
    .footer .info {margin-top: 7.81vw;}
    .footer .info p {gap: 1.30vw; align-items: baseline; word-break: keep-all;}
    .footer .info p + p {margin-top: 1.95vw; gap: 2.60vw;}
    .footer .info p span {gap: 1.30vw;}
    .footer .info p,
    .footer .info p span {font-size: 3.13vw; letter-spacing: -0.05vw;}
    .footer .info p strong {font-size: 3.13vw; letter-spacing: -0.05vw;}
    .footer .info .copy {margin-top: 7.81vw; font-size: 2.86vw; letter-spacing: -0.05vw;}
    .footer .right {display: flex; align-items: center; justify-content: space-between; margin-top: 7.81vw; padding-top: 5.47vw; border-top: 0.26vw solid #ffffff50;}
    .footer .use {gap: 1.95vw; margin-bottom: 0;}
    .footer .use a,
    .footer .use strong {font-size: 3.13vw; letter-spacing: -0.05vw;}
    .footer .f_site{ width: 31.25vw;}
    .footer .f_site .tit{font-size: 2.86vw; height: 7.81vw; padding: 0 3.91vw;}
    .footer .f_site .tit span{opacity: 0.7;}
    .footer .f_site .tit img{width: 1.95vw;}
    .footer .f_site.on .tit img{transform:rotate(-180deg);}
    .footer .f_site .list{ bottom: calc(100% + 1.30vw); padding: 3.65vw 3.39vw 4.30vw;}
    .footer .f_site .list li a{font-size: 2.73vw; line-height: 1.4; display: block;}
    .footer .f_site .list li + li a {padding-top: 1.30vw;}


    /** main **/
    /* moreBtn */
    .moreBtn span {width: 29.17vw; height: 8.72vw; gap: 1.69vw; border-radius: 0.65vw; font-size: 2.60vw; letter-spacing: -0.08vw;}
    .moreBtn span img {width: 3.13vw;}

    /* title */
    .main_txt h2 {font-size: 7.81vw; letter-spacing: -0.13vw;}
    .main_txt p {font-size: 3.39vw; margin-top: 3.91vw;}

    /* visual */
    .main .visual .swiper-slide {height: 130.21vw;}
    .main .visual .txt {bottom: 43.36vw;}
    .main .visual .txt p {font-size: 3.91vw;}
    .main .visual .txt h2 {margin-top: 1.56vw; font-size: 8.46vw; letter-spacing: -0.26vw;}
    .main .visual .txt .moreBtn {margin-top: 3.91vw;}
    .main .visual .arrow img {width: 4.17vw;}
    .main .visual .bot {bottom: 10.42vw; gap: 0 1.95vw; padding-right: 0; justify-content: center;}
    .main .visual .bot .arrow_cont {gap: 0 1.95vw;}
    .main .visual .pagination_cont {width: 30.60vw; height: 0.52vw; gap: 3.26vw;}
    .main .visual .swiper-pagination {gap: 0 3.26vw;}
    .main .visual .swiper-pagination-bullet {width: 15.63vw; height: 0.52vw;}
    .main .visual .swiper-pagination2 span {font-size: 3.65vw; letter-spacing: -0.10vw;}
    .main .visual .pause img {width: 6.51vw;}

    /* sec1 */
    .main .sec1 {padding: 18.23vw 0;}
    .main .sec1_menu {margin-top: 9.77vw;} 
    .main .sec1_menu ul {gap: 3.91vw; flex-direction: column;}
    .main .sec1_menu ul li {width: 100%; height: auto; position: relative;}
    .main .sec1_menu .more_view.mob {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .main .sec1_inner {border-radius: 2.60vw; padding: 9.11vw 0 9.11vw 13.93vw;}
    .main .sec1_inner .txt_wrap { position: relative; top: auto; left: auto; transform: none; display: flex; align-items: center; gap: 5.21vw;}
    .main .sec1_inner .txt_wrap .img img {width: 13.02vw;}
    .main .sec1_inner .txt_wrap h2 {margin-top: 0; font-size: 5.21vw; letter-spacing: -0.13vw;}
    .main .sec1_inner .txt_wrap p {display: none !important;}
    .main .sec1_inner .txt_wrap .txt_more .more_view {gap: 0.65vw; width: auto; height: auto; justify-content: flex-start;  margin-top: 2.60vw; border-radius: 0; font-size: 2.86vw;}
    .main .sec1_inner .txt_wrap .txt_more .more_view img {width: 2.60vw; margin-top: 0.46vw;}
    .main .sec1_menu li:hover .sec1_inner {background: #36AE92;}
    .main .sec1_menu li:hover .img {display: block;}
    .main .sec1_menu li:hover .txt_wrap {top: calc(50% - 4.30vw);}
    .main .sec1_menu li:hover .txt_wrap .more_view {border: 0;}

    /* sec2 */
    .main .sec2 {padding: 18.23vw 0;}
    .main .sec2 .inner {display: revert;}
    .main .sec2 .main_txt {min-width: auto; text-align: center;}
    .main .sec2 .main_txt h2 {font-size: 7.81vw; letter-spacing: -0.13vw;}
    .main .sec2 .main_txt p {margin-top: 3.91vw;}
    .main .sec2 .main_txt .arrow_cont {display: none;}
    .main .sec2 .right {height: auto; margin-top: 9.77vw;}
    .main .sec2 .mySwiper {overflow: inherit; width: calc(100% + 5.21vw); margin-left: 18.23vw; padding-bottom: 6.64vw; padding-left: 0; position: relative; top: auto; left: auto;}
    .main .sec2 .swiper-pagination {display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto;}
    .main .sec2 .swiper-pagination span {margin: 0 0.98vw; width: 2.60vw; height: 2.60vw; border-radius: 100%; background: #8E8E8E; opacity: .2;}
    .main .sec2 .swiper-pagination .swiper-pagination-bullet-active {width: 9.11vw; border-radius: 13.02vw; opacity: 1 ;}
    /* card_slide */
    .main .card_slide {width: 58.59vw; margin-right: 6.51vw; border-radius: 3.91vw; box-shadow: 0.00vw 1.30vw 5.34vw 0.00vw #64646F1A;}
    .main .card_slide .img {height: 39.84vw;}
    .main .card_slide .txt {padding: 5.21vw 5.21vw 7.55vw; min-height:37.37vw}
    .main .card_slide .txt .cate {padding: 0 2.60vw; height: 5.21vw; line-height: 5.21vw; border-radius: 0.65vw; font-size: 2.34vw;}
    .main .card_slide .txt .tit {margin-top: 3.91vw; font-size: 3.91vw; letter-spacing: -0.05vw;}
    .main .card_slide .txt .date {margin-top: 2.60vw; font-size: 3.13vw; line-height: 1.1;}
    .main .card_slide .txt .info {margin-top: 2.60vw; font-size: 3.13vw;}

    /* sec3 */
    .main .sec3 {padding: 18.23vw 0 20.83vw;}
    .main .sec3 .mySwiper {overflow: inherit; width: calc(100% + 5.21vw); margin: 9.77vw 0 0 18.23vw; padding: 0 0 6.51vw;}
    .main .sec3 .card_slide {margin-right: 6.38vw;}
    .main .sec3 .card_slide .txt .date {margin-top: 2.60vw;}
    .main .sec3 .card_slide .txt .info {margin-top: 2.60vw;}
    .main .sec3 .swiper-pagination {display: block !important; position: relative; top: auto; right: auto; bottom: auto; left: auto;}
    .main .sec3 .swiper-pagination span {margin: 0 0.98vw; width: 2.60vw; height: 2.60vw; border-radius: 100%; background: #8E8E8E; opacity: .2;}
    .main .sec3 .swiper-pagination .swiper-pagination-bullet-active {width: 9.11vw; border-radius: 13.02vw; opacity: 1 ;}
    
    /* sec4 */
    .main .sec4 {padding: 0 0 18.23vw;}
    .main .sec4::before {height: 54.04vw;}
    .main .sec4::after {height: 8.46vw; font-size: 7.03vw; bottom: 12.50vw;}
    .main .sec4 .top {display: revert; position: relative;}
    .main .sec4 .top::before {content: ""; width: 51.43vw; height: 51.43vw; background: url('/img/main/sec4_bg.svg') no-repeat center/cover; position: absolute; right: -3.91vw; top: 15.89vw;}
    .main .sec4 .top .moreBtn {margin-top: 5.60vw; display: block;}
    .main .sec4 .top .moreBtn > div {transition-delay: .45s;}
    .main .sec4 .swiper_cont {margin-top: 10.42vw; margin-left: 0;}
    .main .sec4 .swiper_cont .mySwiper {overflow: hidden; width: 85.94vw; margin:0 auto;}
    .main .sec4 .swiper-slide {width: 85.94vw; height: 50.61vw; margin-right: 0; border-radius: 3.91vw; margin-right: 1vw;}
    .main .sec4 .swiper-slide::after {height: 34.38vw;}
    .main .sec4 .swiper-slide .txt {bottom: 0; padding: 0 5.34vw 5.86vw;}
    .main .sec4 .swiper-slide .txt .tit {font-size: 3.91vw;}
    .main .sec4 .swiper-slide .txt .date {margin-top: 2.60vw; font-size: 2.86vw;}
    .main .sec4 .swiper-slide.swiper-slide-active {transform: scale(1);}
    .main .sec4 .arrow > div {width: 10.42vw; height: 10.42vw; box-shadow: 0.00vw 1.30vw 5.08vw 0.00vw #64646F33;}
    .main .sec4 .arrow > div img {width: 3.52vw;}
    .main .sec4 .arrow > div.swiper-button-next img {margin-right: -0.39vw;}
    .main .sec4 .arrow > div.swiper-button-prev {left: -0.65vw;}
    .main .sec4 .arrow > div.swiper-button-next {right: -0.65vw;}

}