@charset "utf-8";

/* main */
.main{padding-top: 85px;}
.wrap{max-width: 1200px;margin: 0 auto;width: 100%;}

.main_slide{width: 100%;height: calc(100vh - 85px);overflow: hidden;position: relative;}
.main_slide .wrap{position: absolute;height: 100%;z-index: 10;top: 0;left: 50%;transform: translateX(-50%);}
.swiper,.swiper-slide .box,.swiper-slide .box .video{width: 100%;height: 100%;}
.swiper-slide .box .video {filter: brightness(0.7);object-fit: cover;}

.main_txt{color: #fff;position: absolute;top: 60%;width: 100%;}
.main_txt h3,.main_txt h2{font-size: 3.4rem;line-height: 1;}
.main_txt h3{font-weight: 300;}
.main_txt h3 b{font-weight: 700;}
.main_txt h3 br, .main_txt h2 br{display: none;}

.main_slide .slide-controller{display: flex;align-items: center;gap: 20px;position: absolute;top: 90%;left: 50%;transform: translateX(-50%);}
.main_slide .slide-controller .material-icons{color: #fff;vertical-align: bottom;}
.swiper-btn-area{display: flex;align-items: center;}
.swiper-btn{cursor: pointer;}
.main_slide .swiper-pagination{position: unset;}
.main_slide .swiper-pagination-bullet {background-color: #fff;opacity: 0.3;margin: 0 5px;}
.main_slide .swiper-pagination-bullet-active{background-color: #fff;width: 30px;border-radius: 20px;opacity: 1;}

.autoplay-control {position: relative;}
.autoplay-control button {display: block; width: 20px; height: 20px; border: 0; background: transparent; cursor: pointer; }
.autoplay-control button::before {display: block; content: ''; position: absolute;}
.autoplay-control button[aria-pressed="false"]::before {top: 5px; left: 4px; width: 12px; height: 12.5px; border-left: 3px solid #fff; border-right: 3px solid #fff; box-sizing: border-box;}
.autoplay-control button[aria-pressed="true"]::before {top: 4px; left: 4px; border-top: 7px solid transparent; border-left: 10px solid #fff; border-bottom: 7px solid transparent;}

@media screen and (max-width:1600px) {
    .main{padding-top: 75px;}
    .wrap{padding: 0 10px;}
}

@media screen and (max-width:900px) {
    .main{padding-top: 65px;}
    .main_slide{height: 350px;}

    .main_txt{text-align: center;top: 25%;left: 50%;transform: translateX(-50%);}
    .main_txt h2,.main_txt h3{line-height: 1.4;font-size: 2.7rem;}
    .main_txt h3 br, .main_txt h2 br{display: block;}
}


/* main_intro */
.main_intro{background: url(../images/contents/main_bg.png) no-repeat right;padding-bottom: 11rem;position: relative;overflow: hidden;}
.main_intro .txt_area{height: 300px;display: flex;justify-content: center;align-items: center;margin-bottom: 2%;}

@media screen and (max-width:900px) {
    .main_intro{padding-bottom: 8rem;}
    .main_intro .txt_area{height: 100px;margin: 5% 0;}
}


/* magazine */
.section{width: 100%;position: relative;padding-bottom: 100px;}
.section .wrap{position: relative;}
.section .tit_area{text-align: center;margin-bottom: 4rem;}
.section .tit_area .tit{font-size: 2.5rem;color: var(--main-color);font-weight: 300;}
.section .tit_area .tit span{width: 4.5rem;height: 1px;margin: 0 2rem;background-color: #000;display: inline-block;vertical-align: super;}
.section .tit_area .txt{font-size: 1.2rem;color: var(--gray);margin-top: 20px;}

.section .swiper{overflow: hidden;}
.section .swiper .img_box{height: 400px;margin-bottom: 20px;position: relative;overflow: hidden;border-radius: 20px;}
.section .swiper .img_box img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}
.section .swiper .img_box .btn_st1{position: absolute;right: 10px;bottom: 10px;}
.section .swiper .swiper-slide:hover .img_box img{transform: scale(1.1);}
.section .swiper .swiper-slide:hover .img_box .btn_st1{background-color: var(--main-color);color: #fff;}
.section .swiper .tit{margin-bottom: 20px;}
.section .swiper .tit span{color: var(--gray);font-weight: 500;font-size: 1rem;margin-bottom: 10px;display: block;}
.section .swiper .tit h3{color: var(--main-color);font-weight: 800;font-size: 1.8rem;min-height: 100px;}
.tag{padding: 7px 35px;background-color: #e6e6e6;color: var(--gray);width: auto;display: inline-block;border-radius: 50px;margin-right: 15px;font-weight: 600;font-size: 0.9rem;margin-bottom: 10px;}
.tag:last-child{margin-right: 0;}
.tag:hover{background-color: var(--sub-01-color);color: #fff;}
.section .swiper .swiper-btn-area{justify-content: flex-end;gap: 10px;position: absolute;bottom: -70px;right: 0;}
.section .swiper .swiper-btn-area .material-icons{font-size: 2rem;}
.section .swiper .swiper-btn-prev .material-icons{color: #ddd;transform: scaleX(-1);}
.section .swiper .swiper-btn-next .material-icons{color: #000;}
.section .swiper .swiper-btn-pause .material-icons{color: #ddd;font-size: 2.5rem;}
.section .swiper .swiper-btn-area .material-icons:hover{color: var(--sub-01-color);} 
.swiper-slide:focus-within{box-shadow: 0 0 0 2px #000 inset;}

.section .swiper .autoplay-control button[aria-pressed="false"]::before {top: -2px; left: 0px; width: 15px; height: 20px; border-left: 5px solid #ddd; border-right: 5px solid #ddd;}
.section .swiper .autoplay-control button[aria-pressed="true"]::before {top: -2px; left: 0px; border-top: 10px solid transparent; border-left: 14px solid #ddd; border-bottom: 10px solid transparent;}
.section .swiper .swiper-pagination{position: static;width: auto;margin-right: 10px;margin-top: -5px;color: #ddd;font-size: 1rem;}
.section .swiper .swiper-pagination .swiper-pagination-current{color: #000;font-weight: 500;}

.section .swiper.program_slider h3{min-height: 69px;font-size: 1.3rem;}
.section .swiper.program_slider p{font-size: 0.94rem;color: #717171;margin-top: 10px;}
.section .swiper.program_slider p b{color: var(--navy);margin-right: 7px;}
.section .swiper.program_slider p:last-child{margin-top: 5px;}
.section .swiper.program_slider .img_box{height: 300px;}

.section .swiper .no_data{height: 493.5px;background: #f7f7f7;display: flex;align-items: center;justify-content: center;border-radius: 20px;}



@media screen and (max-width:1200px) {
    .section .swiper .no_data{height: 484.3px;}
}

@media screen and (max-width:900px) {
    .section .swiper .img_box{height: 300px;}
    .section .swiper.program_slider h3{min-height: auto;}
    .section .swiper .tit h3{min-height: auto;}
    .section .swiper .no_data{height: 435.28px;}
}


/* board */
.board_wrap{display: flex;justify-content: space-between;align-items: flex-start;padding: 6rem 10px;flex-wrap: wrap;position: relative;}
.wrap .board{width: 100%;}
/* .board_wrap::after{position: absolute;content: '';top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1px;height: 70%;border-right: 1px solid #000;} */
.wrap .board .tit_area{display: flex;justify-content: space-between;align-items: end;margin-bottom: 20px;}
.wrap .board .tit_area .tit{background-color: #000;color: #fff;padding: 5px 20px;font-size: 1.25rem;}
.wrap .board .con_area{background-color: #fff;}
.wrap .board .con_area .con{display: block;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #000;padding: 20px;height:95.94px}
.wrap .board .con_area .board_tag{font-weight: 700;font-size: 0.85rem;margin-bottom: 5px;display: inline-block;}
.wrap .board .con_area .board_tag ~ .board_tag::before{content:'•';display:inline-block;margin: 0 5px;}
.wrap .board .con_area .con .tit{width: 80%;font-size: 0;}
.wrap .board .con_area .con .tit p{white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;display: block;font-size: 1rem;}
.wrap .board .con_area .date{font-size: 0.9rem;color: #717171;}
.wrap .board .con_area .con:hover{box-shadow: 3px 3px 10px 0px #00000020;}
.wrap .board .con_area .con:hover .tit p, .wrap .board .con_area .con:hover .date{text-decoration: underline;}

.wrap .board .con_area .no_data{background-color: #e7e7e7;text-align: center;padding: 30px 0;}

@media screen and (max-width:1600px) {
    .wrap .board .con_area .con{height:90.39px}
}

@media screen and (max-width:900px) {
    .wrap .board{width: 100%;}
    .wrap .board:first-child{margin-bottom: 50px;}
    .board_wrap::after{display: none;}
    .wrap .board .con_area .con{height:85.95px}
}


/* support */
.support{padding: 6rem 0;}
.support .txt_area{display: flex;justify-content: center;align-items: center;margin-bottom: 6rem;}
.support_area{display: flex;flex-wrap: wrap;align-items: center;}
.support_area .box{width: 12.5%;overflow: hidden;height: 120px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;display: flex;justify-content: center;align-items: center;padding: 0 10px;}
.support_area .box:nth-child(8),.support_area .box:nth-child(16),.support_area .box:nth-child(24),.support_area .box:last-child{border-right: 1px solid #ddd;}
.support_area .box:nth-child(-n+8){border-top: 1px solid #ddd;}

@media screen and (max-width:900px) {
    .support_area .box{height: 60px;width: 25%;}
    .support_area .box:nth-child(n+5):nth-child(-n+8){border-top: none;}
    .support_area .box:nth-child(4n){border-right: 1px solid #ddd;}
}