.m_wrap{display: flex;}

/*메인비주얼*/
.inner{max-width:1400px; margin: 0 auto; }
.main_slide .inner {position: relative; height: 100%; padding-left: 6%;}
.main_slide .slide {background-image: url("../images/bg/main_01.jpg"); background-size: cover; background-position: center center;}
.main_slide .slide_txt { position: absolute; top: 40%; transform: translateY(-80%); color: #fff;}
.main_slide .slide_txt small{font-size: 1.4rem; letter-spacing: 3px; opacity: .6; display: block; margin-bottom: .7rem; font-weight: 300;}
.main_slide .slide_txt p {font-size: 1.5rem; line-height: 1.4;margin-bottom: .5rem; letter-spacing: 2px;}
.main_slide .slide_txt strong {font-size: 3rem; letter-spacing: 3px;}
.main_slide .slick-dots li{width: 10px;height: 10px;}
.main_slide .slick-dots li button:before {content: '' !important;}
.main_slide .slick-dots li button {background: rgba(255,255,255,.35); width: 10px; height: 10px; border-radius: 50px;}
.main_slide .slick-dots li.slick-active button{background: #fff;}
.main_slide .slick-dots {bottom: 10%; position: relative; max-width: 1400px; margin: 0 auto; text-align: left; padding: 0 6%;}
.main_slide .slick-dotted.slick-slider {margin-bottom: 0;}
.main_slide.slick-slider,.main_slide .slick-list, .main_slide .slick-track {height: 100%; margin-bottom: 0;}

.m_top {display: flex; width: calc(47% - 100px);}
.m_top .visual {width: 100%;}
.m_board_wrap{width: 53%;}

/*공지사항*/
.m_notice {padding: 30px 50px 195px;}
.m_notice .inner{position: relative; padding: 0;}
.notice_item {display: inline-block;}
.notice_item dt  { font-size: 1.4rem;  display: inline-block; padding-left: 15px; }
.notice_item dt a{color: #C5C5C5;  ; }
.notice_item:first-child dt{padding-left: 0;}
.notice_item dd{width: 100%; position: absolute; left: 0; top:45px;}
.notice_item ul {padding-left: 50%;}
.notice_item ul li{width: 100%; background: #fff; transition: all .3s;position: relative; margin-bottom: 15px; min-height: 62px;}
.notice_item ul li:first-child{position: absolute;top: 0;left: 0; width: calc(50% - 25px); margin-bottom: 0;}
.notice_item ul li:first-child a{display: flex; flex-wrap: wrap;}
.notice_item ul li .subject{ padding: 6px 0 6px 80px;}
.notice_item ul li .subject span{font-size: 1.1rem; transition: all .5s;font-weight: 400; color: #666; box-sizing: content-box; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.notice_item ul li .txt { padding-left: 80px; color: #999;   overflow: hidden; text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.notice_item ul li:first-child .subject{padding:0 0 10px; width:100%;}
.notice_item ul li:first-child .subject span{font-size: 1.3rem; transition: all .5s;font-weight: 600; color: #333; order: 2;}
.notice_item ul li:first-child .txt {display:block; padding-left: 0; color: #555; max-height:62px; min-height: 62px; order: 1;  border-top: 1px solid #eee; padding-top: 15px; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.notice_item ul li+li .date{display: flex; flex-wrap: wrap; max-width: 70px; background: #F2F0EE; color: #A39890; padding: 7px 0; font-size: .95rem; position: absolute; left: 0; top: 0;}
.notice_item ul li+li .date i{font-style: normal; width: 100%; text-align: center; }
.notice_item ul li+li .date i:first-child{font-size: .9rem; }
.notice_item ul li+li .date i:last-child{font-size: 1.5rem; font-weight: 800; line-height: 1.2;}
.notice_item ul li:first-child .date{color: #999; padding-bottom: 15px;}
.notice_item ul li:first-child .date i{font-style: normal; position: relative;}
.notice_item ul li:first-child .date i:last-child:before{content: '.'; display: inline-block;}
.notice_item ul li:hover .subject span{text-decoration: underline;}
.notice_item ul li:hover .subject span{text-decoration: underline;}
.notice_item .more {position: absolute; top: -50px; right: 0;   width: 35px; height: 35px; border-radius: 30px; vertical-align: sub;transition: all 0.3s;}
.notice_item .more:before,
.notice_item .more:after{content: "";position: absolute;top: 18px; left: 12px; display: block;width: 20px;height: 2px;background: #5C5047; }
.notice_item .more:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.notice_item .more:hover{transform: translateY(-3px); }
.notice_item .active {color: #333; font-weight: 600;}
.notice_item .more{display: inline-block; margin-left: 10px;}

/*뉴스*/
.m_news {width: 100%;  position: relative; padding: 30px 50px; background:#fafafa;}
.m_news_cont{position: relative;}
.m_news .tit{margin-bottom: 20px; }
.m_news .tit h2{font-size: 1.4rem; font-weight:600; color: #333;}
.m_news ul {display: flex;}
.m_news li{width: calc(100% / 3);}.m_news li+li{margin-left:20px;}
.m_news li a{display: inline-block; width: 100%; height: 100%;}
.m_news li .thumb{ position: relative;height: 170px; overflow: hidden;}
.m_news li img{position: absolute;top: 50%;left: 50%;width: 100%!important;height: 100%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); transition: all .3s; object-fit: cover;}
.m_news li .subject{font-size: 1.1rem; padding: 20px 15px; background: #fff; font-weight: 500;text-align: center; }
.m_news li .subject p{min-height: 56px; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m_news li:hover img{transform: translate(-50%,-50%) scale(1.1);}
.m_news li:hover .subject p{text-decoration: underline;}
.m_news .more{display: inline-block; position: absolute; right:0; top: 0; width: 20px; height: 20px; transition: all .3s}
.m_news .more:before,
.m_news .more:after{content: "";position: absolute;top: 18px; left: 0; display: block;width: 20px;height: 2px;background: #5C5047; }
.m_news .more:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.m_news .more:hover{transform: translateY(-3px); } .no_img{width:100% !important; height:auto !important;}

/*갤러리*/
.m_public {display: flex; padding: 30px 50px; justify-content: space-between;}
.m_gallery{width: 40%; position: relative;}
.m_gallery .tit h2{font-size: 1.4rem; font-weight:600; color: #333; margin-bottom: 20px;}
.m_gallery li{position: relative;}
.m_gallery li a:after{  content: ''; display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(100, 100, 100, 0.53) 100%);}
.m_gallery li .thumb{ position: relative;height: 190px; overflow: hidden; }
.m_gallery li img{position: absolute;top: 50%;left: 50%;width: 100%!important; height: 100%!important; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); transition: all .3s;    object-fit: cover;} .m_gallery li .no_img{transform: translate(-50%,-50%) scale(1.4);}
.m_gallery li:hover img{transform: translate(-50%,-50%) scale(1.1);} .m_gallery li:hover .no_img{transform: translate(-50%,-50%) scale(1.4);}
.m_gallery li .txt{ position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; color: #fff; padding:10px; font-weight: 500; text-align: center;transition: all .3s ease;}
.m_gallery li .txt p{ overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
/*.m_gallery li:hover .txt{background: #F29300;}*/
.m_gallery .more{display: inline-block; position: absolute; right: 0; top: 0; width: 20px; height: 20px; transition: all .3s}
.m_gallery .more:before,
.m_gallery .more:after{content: "";position: absolute;top: 18px; left: 0; display: block;width: 20px;height: 2px;background: #5C5047; }
.m_gallery .more:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.m_gallery .more:hover{transform: translateY(-3px); }
.m_gallery .slick-dots li{width: 5px;height: 5px; }
.m_gallery .slick-dots li button:before {content: '' !important;}
.m_gallery .slick-dots li button {background: rgba(0,0,0,.1); width: 8px; height: 8px; border-radius: 50px;padding: 0;}
.m_gallery .slick-dots li.slick-active button{background: #F29300;}
.m_gallery .slick-dots {top: 0; right: 0; bottom: initial; position: absolute; width: auto; text-align: right; padding-right: 40px; }
.m_gallery .slick-dotted.slick-slider {margin-bottom: 0; position: static;}

/*비디오*/
.m_video {width: calc(60% - 30px)}

/*퀵메뉴*/
.m_quick {width: 100px; border-left: 1px solid #ddd;}
.quick_list li{position: relative; border-bottom: 1px solid #eee; text-align: center; padding:20px 10px; }
.quick_list li span{color: #555; font-size: .95rem; line-height: 2;}
.quick_list li a:before{content: ''; display: block; margin: 0 auto;width: 30px; height: 30px; transition: all .3s;}
.quick_list li:nth-child(1) a:before {background: url("../images/layout/main/quick_01.svg") center no-repeat;}
.quick_list li:nth-child(2) a:before {background: url("../images/layout/main/quick_02.svg") center no-repeat;}
.quick_list li:nth-child(3) a:before {background: url("../images/layout/main/quick_03.svg") center no-repeat;}
.m_quick .sns{padding-top: 50px;}
.m_quick .sns li{position:relative; padding: 20px;}
.m_quick .sns li+li:before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 15px; height: 1px; background: #D4D4D4;}
.m_quick .sns li a:before{content: ''; display: block; margin: 0 auto;width: 30px; height: 30px;}
.m_quick .sns .youtube a:before{background: url("../images/layout/main/youtube.svg") center no-repeat;}
.m_quick .sns .twitter a:before{background: url("../images/layout/main/twitter.svg") center no-repeat;}
.m_quick .sns .facebook a:before{background: url("../images/layout/main/facebook.svg") center no-repeat;}
.m_quick .sns .blog a:before{background: url("../images/layout/main/blog.svg") center no-repeat;}
.m_quick .sns .instagram a:before{background: url("../images/layout/main/instagram.svg") center no-repeat;}
.quick_list li:hover a:before{transform: translateY(-5px);} .ft_sns{display:none;} img.landscape {max-height: 100% !important;height: 100% !important;width: auto !important;max-width: none;} img.portrait {max-width: 100% !important;width: 100% !important; height:auto !important;max-height: none;}


@media all and (max-width:1400px){
    .m_notice{padding: 30px 30px 195px;}
    .m_news{padding: 30px;}
    .m_public{padding: 30px;}
}
@media all and (max-width:1200px) {
    .m_wrap {flex-wrap: wrap;}
    .m_top{width: 100%}
    .main_slide.slick-slider,.main_slide .slick-list, .main_slide .slick-track {height: 50vh; margin-bottom: 0;}
    .main_slide .slide_txt{top: 50%;}
    .m_board_wrap{width: 100%;} .m_news li .thumb{height: 240px;}
    .m_quick{width: 100%; display: flex; align-items: center; flex-wrap: wrap; border-top: 1px solid #eee;}
    .quick_list{display: flex; width: 100%; border-bottom: 1px solid #eee;}
    .quick_list li{display: inline-block;width: 100%; border-bottom: 0; padding: 15px 10px;}
    .quick_list li+li{border-left: 1px solid #eee;}
    .m_quick .sns{padding-top: 0; display: flex; width: 100%;}
    .m_quick .sns li{display: inline-block; width: 100%;}
    .m_quick .sns li a:before{width: 25px; height: 25px; background-size: contain !important;}
    .m_quick .sns li+li:before{width: 1px; height: 15px; left: 0; top: 50%; transform: translateY(-50%); background: #eee;}
}

@media (max-width: 992px) {
    .m_notice{padding: 30px 15px 195px;}
    .m_news{padding: 30px 15px; }
    .m_public{padding: 30px 15px;}

}

@media all and (max-width:768px) {
    /*메인비주얼*/
    .main_slide .slide_txt small{font-size: 1.2rem;}
    .main_slide .slide_txt p{font-size: 1.4rem;}
    .main_slide .slide_txt strong {font-size: 2.5rem;}
  
    /*공지사항*/
    .m_notice{padding: 30px 15px 325px;}
    .notice_item ul{padding-left: 0;}
    .notice_item ul li:first-child {position: static; width: 100%; margin-bottom: 10px;}
    .notice_item ul li:first-child subject{padding-bottom: 5px;} .notice_item ul li:first-child .date{width: 100%; padding-bottom: 10px;}
    .notice_item ul li:first-child .txt{padding-top: 10px; min-height: 56px; max-height: 56px;}
    
    /*뉴스*/
    .m_news li{width: calc(50% - 15px)}
    .m_news li:last-child {display: none;}
    .m_news li .thumb {height: 250px;}
    
    /*갤러리*/
    .m_public{flex-wrap: wrap;}
    .m_gallery li .thumb{height: 230px;}
    .m_gallery{width: 100%; margin-bottom: 15px;}
    
    /*비디오*/
    .m_video{width: 100%; height: 300px;}
}


@media all and (max-width:566px) {
    
    /*뉴스*/
    .m_news ul{flex-wrap: wrap;}
    .m_news li {width: 100%; margin-bottom: 20px;}
    .m_news li .subject p{max-height: 25px;-webkit-line-clamp: 2;min-height: 42px;}
    
    /*갤러리*/
    .m_gallery li .thumb{height: 200px;}
    /*비디오*/
    .m_video{width: 100%; height: 230px;}
    
   
}