@charset "utf-8";

/* 비주얼 */
.main_visual {position:relative;background-color:#7da959;}
.main_visual .slick-prev,
.main_visual .slick-next {width:1.9rem;height:3.4rem;background-color:transparent;background-repeat:no-repeat;background-size:100% auto;}
.main_visual .slick-prev {left:12.8rem;background-image:url(../imgs/main/main_vs_prev.png);}
.main_visual .slick-next {right:12.8rem;background-image:url(../imgs/main/main_vs_next.png);}
.main_visual .main_slider {position:relative;}
.main_visual .main_slider .list {position:relative;width:100%;height:21rem;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.main_visual .main_slider .list.bg1 {background-color:#7da959;background-image:url(../imgs/main/main_vs_bg1.jpg);background-position:100% 50%;background-size:cover}
.main_visual .main_slider .list.bg2 {background-color:#7da959;background-image:url(../imgs/main/main_vs_bg2.jpg);background-position:100% 50%;background-size:cover}
.main_visual .main_slider .list.bg3 {background-color:#7da959;background-image:url(../imgs/main/main_vs_bg3.jpg);background-position:100% 50%;background-size:cover}
.main_visual .main_slider .list.bg4 {background-color:#7da959;background-image:url(../imgs/main/main_vs_bg4.jpg);background-position:100% 50%;background-size:cover}
.main_visual .main_slider .list.bg5 {background-color:#7da959;background-image:url(../imgs/main/main_vs_bg5.jpg);background-position:100% 50%;background-size:cover}


.main_visual .main_slider .list .vs_inner {display:table;width:100%;}
.main_visual .main_slider .list .vs_inner .vs_cont {display:table-cell;width:100%;height:21rem;vertical-align:middle;}
.main_visual .main_slider .list .vs_inner .vs_cont .vstxt {line-height:0;}
.main_visual .main_slider .list .vs_inner .vs_cont .vstxt img {width:100%;max-width:30.4rem;height:auto;left:0 !important;z-index: 99}
.main_visual .main_slider .list .bg_img {display:none;}
.main_visual .main_slider .list .bg_img img {width:100% !important;height:auto;left:0 !important;}
.main_visual .slick-dots {bottom:0.7rem}
.main_visual .slick-dots li {margin:0 1px}
.main_visual .slick-dots li button {padding:0;margin:0;width:0.9rem;height:0.45rem}
@media screen and (max-width:1919px){
    .main_visual .slick-prev {left:1rem}
    .main_visual .slick-next {right:1rem} 
}
@media screen and (max-width:1440px){
    .main_visual .main_slider .list {background-position:24% 100% !important;}
}
@media screen and (max-width:1336px){
    .main_visual .slick-prev {left:0}
    .main_visual .slick-next {right:0} 
}
@media screen and (max-width:1056px){
    .main_visual .main_slider .list {background-position:30% 100% !important;}
}
@media screen and (max-width:999px){
    .main_visual .main_slider .list {background-image:none !important;height:auto}
    .main_visual .main_slider .list .bg_img {display:block;}
    .main_visual .main_slider .list .vs_inner {display:block;width:100%;;}
    .main_visual .main_slider .list .vs_inner .vs_cont {display:block;position:absolute;top:0;left:0;height:auto;padding:6vw 0.9rem}
    .main_visual .main_slider .list .inner {padding-left:0;padding-right:0}
    .main_visual .main_slider .list .vs_inner .vs_cont .vstxt img {max-width:100%}
}
@media screen and (max-width:999px){
    .main_visual .main_slider .list .vs_inner .vs_cont {padding-top:7vw}
}

/* 메인 컨텐츠 */
.main_content {padding-top:3.45rem;padding-bottom:3.55rem;background:url(../imgs/main/main_cont_bg.jpg) no-repeat 50% 100%;background-size:cover}
.main_more_link {position:absolute;top:0;right:0;width:68px;height:28px;line-height:26px;text-align:center;background-color:#aaa;font-size:13px;color:#fff;border-radius:50px;}
@media screen and (max-width:960px){
    .main_content {padding:3rem 0 3rem;}
}
@media screen and (max-width:640px){
    .main_content {padding:2rem 0 3rem;}
}


/* 최근글 */
.main_post {
    position:relative;
    border:1px solid #ddd;
    box-shadow:7px 8px 10px 0px rgba(12,4,7,0.22);
    background-color:#fff;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:flex-start;
}
.main_post .post_list {
    position:relative;
    width:33.333333333%;
    padding:1.85rem 1.45rem 0;
}
.main_post .swiper-pagination {
    position:relative;
    bottom:auto;
    left:auto;
    margin-top:1rem;
}
.main_post .post_list .title {position:relative;}
.main_post .post_list .title .tit {font-size:1.15rem;line-height:1;color:#222;font-weight:500;}
.main_post .post_list.sch {background-color:#488ca5;width:28%;}
.main_post .post_list.sch .title .tit {color:#fff}
.main_post .post_list.sch .main_more_link {background-color:#3b7185}
.main_post .post_list.notice:after {
    content:"";
    position:absolute;
    top:1.85rem;
    right:0;
    width:1px;
    height:14.65rem;
    background-color:#dddddd;   
}
.main_post .notice {position: relative;}
.main_post .notice ul li {border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:1rem;padding-left:5px;padding-right:1.4rem}
.main_post .notice ul li:first-child {margin-top:1.45rem}
.main_post .notice ul li:last-child {margin-bottom:0}
.main_post .notice ul li .subject,
.main_post .notice ul li .txt {padding-left:1.15rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.main_post .notice ul li .txt {margin-top:0.5rem;font-size:0.75rem;color:#666666}
.main_post .notice ul li .subject {position:relative;color:#222222;font-size:0.9rem;font-weight:500;}
.main_post .notice ul li .subject:before {
    content:"";
    position:absolute;
    top:0.17rem;
    left:0;
    width:0.6rem;
    height:0.6rem;
    background:url(../imgs/main/list_dot.png) no-repeat 0 0;
    background-size:100% auto;
}
.main_post .notice ul li a {display:block;position:relative;}
.main_post .post_webzine {padding-top:0.7rem}
.main_post .post_webzine a {display:block;position:relative;}
.main_post .post_webzine .s_img {padding-top:46%}
.main_post .post_webzine .subject {position:relative;margin-top:0.5rem;color:#222222;font-size:0.9rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.main_post .post_webzine .txt {
    margin-top:8px;
    font-size:0.75rem;
    color:#666666;
    line-height:1.2;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_post .post_sch {position:relative;}
.main_post .post_sch ul li {position:relative;margin-bottom:0.65rem;color:#fff;}
.main_post .post_sch ul li:last-child {margin-bottom:0}
.main_post .post_sch ul li:first-child {margin-top:1.1rem}
.main_post .post_sch ul li .date {display:block;float:left;position:relative;width:3.3rem;height:2.7rem;padding:9px 0 8px;background-color:#6e6e6e;text-align:center;color:#fff;line-height:1;}
.main_post .post_sch ul li .date .day {font-size:0.9rem;color:#f6ff03;font-weight:500;}
.main_post .post_sch ul li .date .month {margin-top:2px;font-size:0.75rem;color:#fff;}
.main_post .post_sch ul li .cont {position:relative;float:right;width:calc(100% - 4rem);padding-top:6px}
.main_post .post_sch ul li .subject {font-size:0.8rem;color:#fff;font-weight:500;line-height:1.1;}
.main_post .post_sch ul li .subject,
.main_post .post_sch ul li .txt {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} 
.main_post .post_sch ul li .txt {margin-top:5px;font-size:0.7rem;color:#fff;font-weight:400;line-height:1.1;}
.main_post .post_sch ul li a {display:block;position:relative;}
@media screen and (max-width:1112px){
    .main_post .post_list {padding:1.3rem 1.3rem 0}
}
@media screen and (max-width:990px){
    .main_post .post_webzine .s_img {padding-top:50%}
}
@media screen and (max-width:960px){
    .main_post .post_list:first-child {padding-bottom:0}
    .main_post .post_list, .main_post .post_list.sch  {width:100%;height:auto;padding:1.3rem}
    .main_post .post_list.notice:after {display:none;}
    .main_post .post_list.trends:after {
        display: block;
        top: auto;
        bottom: 0px;
        width: calc(100% - 1.3rem - 1.3rem);
        height: 1px;
        right: auto;
        left:0;
        margin:0 1.3rem;
    }
}

.main_video {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    height:369px;
    margin-top:3.45rem;
    margin-bottom:3rem;
    box-shadow:7px 8px 10px 0px rgba(12,4,7,0.22);
}
@media screen and (max-width:960px) {
    .main_video {
        flex-direction:column;
        height:auto;
    }
}
.main_video__head {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:center;
    width:333px;
    height:100%;
    background-color:#E9E9E9;
}
@media screen and (max-width:960px) {
    .main_video__head {
        order:1;
        width:100%;
    }
}

.main_video__head img {width:100%;}
.main_video__body {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:calc(100% - 333px);
}
.main_video__box {
    position:relative;
    width:50%;
    height:100%;
}
@media screen and (max-width:960px) {
    .main_video__body {width:100%;}
    .main_video__box {
        width: 100%;
        height:auto;
        padding-block-end:75%;
    }
}
.main_videos__iframe {
    position: absolute;
    inset: 0;
    width:100%;
    height: 100%;
}



/* main_exp */
.main_exp {position:relative;margin-top:1.15rem;box-shadow:7px 8px 10px 0px rgba(12,4,7,0.22);background-color:#747474}
.main_exp .link {display:block;position:relative;}
.main_exp .exp_inner {position:relative;padding:1.5rem 2rem;}
.main_exp {background-image:url(../imgs/main/main_exp_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:100% 50%;}
.main_exp .tit {line-height:0;}
.main_exp .tit img {width:100%;max-width:9.45rem;height:auto;}
.main_exp .txt {margin-top:0.4rem;line-height:1.2;color:#fff;font-size:0.75rem}
.main_exp .exp_cont {position:relative;}
@media screen and (max-width:720px){
    .main_exp {background-image:url(../imgs/main/m_main_exp_bg.jpg);}
    .main_exp .exp_inner {padding-top:50%;}
    .main_exp .exp_cont {position:absolute;top:0;left:0;padding:1.5rem 1.5rem}
}
@media screen and (max-width:594px){
    .main_exp .exp_inner {padding-top:75%;}
}

/* main_photo */
.main_photo {margin-top:3.6rem}
.main_photo .tit {display:block;position:relative;padding-left:1rem;font-size:1.35rem;padding-bottom:0.6rem;border-bottom:1px solid #aaa;;color:#222222;font-weight:500;line-height:1;}
.main_photo .tit:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0.4rem;
    height:1.55rem;
    background:url(../imgs/main/photo_tit.png) no-repeat 0 0;
    background-size:100% auto;
} 
.main_photo .photo_slider {position:relative;margin-top:0.95rem;}
.main_photo .photo_slider .photo_slide {position:relative;margin:0 -0.65rem}
.main_photo .photo_slider .photo_slide .list {padding:0 0.65rem}
.main_photo .photo_slider .photo_slide .list a {display:block;position:relative;}
.main_photo .photo_slider .photo_slide .list a .photo_box {position:relative;}
.main_photo .photo_slider .photo_slide .list a .photo_box .in {position:relative;/*box-shadow:7px 8px 10px 0px rgba(12,4,7,0.22)*/;}
.main_photo .photo_slider .photo_slide .list a .photo_box .s_img {padding-top:105%}
.main_photo .slick-prev,
.main_photo .slick-next {width:1.9rem;height:3.4rem;background-color:transparent;background-repeat:no-repeat;background-size:100% auto;}
.main_photo .slick-prev {left:-3.95rem;background-image:url(../imgs/main/main_gallery_prev.png);}
.main_photo .slick-next {right:-3.95rem;background-image:url(../imgs/main/main_gallery_next.png);}
.main_photo .photo_slider .empty_li {text-align:center;font-size:1rem;color:#000}
.main_photo .slick-dots {bottom:-2rem}
.main_photo .slick-dots li {margin:0 1px}
.main_photo .slick-dots li button {padding:0;margin:0;width:0.9rem;height:0.45rem;background-color:rgba(12,4,7,0.8)}
@media screen and (max-width:1011px){
    .main_photo .photo_slider .photo_slide {margin:0 -0.5rem}
    .main_photo .photo_slider .photo_slide .list {padding:0 0.5rem}
}

/* main_banner */
.main_banner {position:relative;background-color:#9b9c9b;padding:1.2rem 0}
.main_banner .banner_slider {position:relative;}
.main_banner .banner_slider .banner_slide {position:relative;margin:0 -0.15rem}
.main_banner .banner_slider .banner_slide .list {position:relative;padding:0 0.15rem}
.main_banner .banner_slider .banner_slide .list .banner_box {position:relative;background-color:#fff;text-align:center;}
.main_banner .banner_slider .banner_slide .list .banner_box img {width:100%;max-width:100%;height:auto}
.main_banner .slick-prev,
.main_banner .slick-next {width:0.7rem;height:1.25rem;background-color:transparent;background-repeat:no-repeat;background-size:100% auto;}
.main_banner .slick-prev {left:-1.6rem;background-image:url(../imgs/main/banner_prev.png);}
.main_banner .slick-next {right:-1.6rem;background-image:url(../imgs/main/banner_next.png);}