@charset "utf-8";
#visual .visual1{background: url("/images/mdctc/main/visual-bg-01.jpg") no-repeat center center; }
#visual .visual2{background: url("/images/mdctc/main/visual-bg-02.jpg") no-repeat center center; padding: 31px 0;}
#top_layout .top_wrap.mdctc #logo a span{background-image: url(/images/mdctc/main/logo.png); background-image: url(/images/mdctc/main/logo.svg);}
/* 공지사항 */
#visual .visual2{position:relative}
#visual .visual2 .tit,#visual .visual3 .tit{font-size: 24px;}
#visual .visual2 .tit{margin-bottom: 20px;}
#visual .visual2 .inner-box{padding:0 24px}
#visual .visual2 .inner-box ul {padding: 0;}
#visual .visual2 .inner-box ul li {padding: 2px 0;}
#visual .visual2 .inner-box ul li a {display: block; text-decoration: none; position:relative}
#visual .visual2 .inner-box ul li .text.new {padding-right: 66px;}
#visual .visual2 .inner-box ul li .text.new:after {display: inline-block; content: ""; position:relative; right: 0; bottom:-4px; width: 17px; height: 17px; border-radius: 50%;background: url("/template/centerB/images/main/icon-notice-new-01.png") no-repeat center center;}
#visual .visual2 .inner-box ul li a { font-size: 16px; color: #fff;}
#visual .visual2 .inner-box ul li .text{overflow: hidden; position: relative; padding-left: 12px; min-height:28px; border-bottom: 1px solid transparent;font-size: 15px; line-height: 1.3; color: #fff;text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#visual .visual2 .inner-box ul li .text:before {display: block; content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #fff; border-radius: 50%;}
#visual .visual2 .inner-box ul li a .text .txt{font-size: 15px;}
#visual .visual2 .inner-box ul li a:hover .text .txt{ text-decoration: underline;}
#visual .visual2 .inner-box ul li a:hover .text:before {background: #fff;}
#visual .visual2 .inner-box ul li .date{font-size: 13px; color: #fff; text-align: right; position:absolute; right:0; bottom:1px;}

#visual .visual2 .inner-box .morebtn {position:absolute;right: 20px; top: 32px; z-index:10;}
#visual .visual2 .inner-box .morebtn a {display:block; position:relative; font-size: 14px;color: #fff;}
#visual .visual2 .inner-box .morebtn a .more {display:inline-block;position: relative;width: 24px; height: 24px; margin:0 19px 0 0; vertical-align: middle;}
#visual .visual2 .inner-box .morebtn a .more:before{width:100%;height: 1px;background: #fff;}
#visual .visual2 .inner-box .morebtn a .more:after{width: 1px;height:100%;background: #fff;}
#visual .visual2 .inner-box .morebtn a .more em{text-indent: -9999px;}

#visual .visual2 .reserve_btn{position: absolute; left:0; bottom:0; width: 100%; height: 114px; font-weight:bold; background-color: #005131; padding:30px 32px; font-size: 18px; color: #fff;}
#visual .visual2 .reserve_btn:before{background: url(/template/centerB/images/main/sprite.png) no-repeat -60px -436px; right:49px; width: 34px;}
 
#visual .visual2 .reserve_btn:after{display:none}
#visual .visual2 .reserve_btn span{line-height: 1.2;}
#visual .visual2 .reserve_btn strong{font-weight: bold;}
#visual .visual2 .reserve_btn .br{display:block;font-weight: bold}


#visual .visual3{padding: 31px 23px;}
#visual .visual3 .info_div{margin: 0; max-width: none; padding:20px 15px; height:215px; position:relative}
#visual .visual3 .info_div .info{margin-bottom: 4px;padding-left: 89px; min-height: 21px;font-size: 17px; white-space: nowrap; z-index: 5; font-size: 15px;}
#visual .visual3 .info_div .info span{display:block; width:auto; font-size: 15px;}
#visual .visual3 .info_div .info span:after{top:8px}
#visual .visual3 > .info_div:after{display: block; content: ""; position: absolute; bottom: 0px; right: -21px;width: 174px; height: 60px;background: url("/images/mdctc/main/use-info.png") no-repeat center -10px; z-index: 1;}
#visual .visual3 .call_div{ position:relative; height: 110px;}
#visual .visual3 .call_div .info_div{height:calc(100% - 42px); padding: 10px 15px;}
#visual .visual3 .call_div .notice__list{width:100%; height:118px; overflow: hidden; margin-top: 4;}
#visual .visual3 .call_div .notice__list .item{letter-spacing: -2px;line-height: 1.3; min-height: 40px; margin:5px 0 0}
#visual .visual3 .call_div .notice__list .item strong{font-size: 15px; position:relative; line-height: 1;letter-spacing: -1px; color:#000; display:-webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#visual .visual3 .call_div .notice__list .item strong.block{display:block}
#visual .visual3 .call_div .notice__list .item:before{display: block; content: ""; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #373636; border-radius: 50%;}
#visual .visual3 .call_div .notice__list .item .tel-num{display: block;letter-spacing:-1px; font-size: 15px;}

#visual .visual3 .slide_control{ width:100%; top:-27px; right:0; justify-content: flex-end;}
#visual .visual3 .slide_control:after{content:''; display:block; clear:both; height:20px}
#visual .visual3 .slide_control .slick-dots{}
#visual .visual3 .slide_control .slick-dots li button{background-color: #fff; width: 7px; height: 7px; border-radius: 50%;}

#visual .visual3 .slide_control  li.slick-active button{width:30px; background-color: #006940; border-radius: 4px;}
#visual .visual3 .slide_control .pause{background: url(/template/centerB/images/main/sprite.png) no-repeat -64px -156px}
#visual .visual3 .slide_control .play{background: url(/template/centerB/images/main/sprite.png) no-repeat -78px -157px}

.slide_wrap .slide_list .slide_item .slide .tit,.slide_wrap .slide_list .slide_item .slide .txt{display:-webkit-box;  -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.slide_wrap .slide_list .slide_item .slide .tit{-webkit-line-clamp: 1;}
.slide_wrap .slide_list .slide_item .slide .txt{-webkit-line-clamp: 3;}
.slide_wrap .slide_list .slide_item .slide .detail{bottom:28px}
.slide_wrap .slide_list .slide_item .slide .icon{bottom:5px}
.slide_wrap .slide_list .slide_item .slide .icon.icon1{bottom:11px}


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

    #visual .visual1{width:40%}
    #visual .visual2, #visual .visual3{width:30%}
    
    #visual .visual1, #visual .visual2, #visual .visual3{background-size: cover;}
    #visual .visual3 .call_div .notice__list .item .info{-webkit-line-clamp: 1; line-height: 1.6;}

}

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

    #visual .visual1{width:100%}
    #visual .visual2,#visual .visual3{width:50%}
    #visual .visual2{padding-top: 38px;}
    #visual .visual2 .inner-box .morebtn{top: 38px;}
    #visual .visual2 .reserve_btn{padding-right: 92px;}
    #visual .visual2 .reserve_btn .br{display: inline-block;}
    #visual .visual3{padding:38px 23px;}
   
}

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

  
    
}

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

    #visual{height:auto}
    #visual .visual2{height: 380px;}
    #visual .visual2 .inner-box{padding: 0 23px;}
    #visual .visual2, #visual .visual3{width:100%;}

    #visual .visual2 .inner-box ul li .text{-webkit-line-clamp: 1; line-height: 1.6;}
    #visual .visual2 .inner-box ul li .text.new{margin-bottom: 6px;}
    #visual .visual2 .inner-box ul li .text.new:after{bottom:auto; top:3px}
    
    #visual .visual2 .reserve_btn{ margin-top: 20px;}
    #visual .visual2 .reserve_btn strong{position:absolute; top:50%; transform: translate(0,-50%);}

    #visual .visual3{padding: 23px;}
    #visual .visual3 .call_div .notice__list{height:134px;margin-bottom: -14px; margin-top: 0;}
    #visual .visual3 .call_div .notice__list .item{margin:10px 0 7px}
 
    .slide_wrap .slide_list .slide_item .slide{padding:25px 15px}
    .slide_wrap .slide_list .slide_item .slide .detail{left:15px}
    .slide_wrap .slide_list .slide_item .slide .icon{right: 15px;}
    .slide_wrap .slide_list .slide_item .slide .detail .arrow{margin-left: 6px;}

}

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

    .slide_wrap .slide_list .slide_item .slide .txt{-webkit-line-clamp: 5;}
    .slide_wrap .slide_list .slide_item .slide .icon{display:none}
    .slide_wrap .slide_list .slide_item .slide .detail{left:auto; right:15px}
    .slide_wrap .slide_list .slide_item .slide .detail .arrow{display:none}
    
}

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

    #visual .visual3{height:410px}
    .slide_wrap .slide_list .slide_item {height: 245px;} /* 2022-04-21추가 */
    .slide_wrap .slide_list .slide_item .slide .txt{-webkit-line-clamp: 3;}
    .slide_wrap .slide_list .slide_item .slide .icon{display:block}
    .slide_wrap .slide_list .slide_item .slide .detail{left:15px; right:auto}
    .slide_wrap .slide_list .slide_item .slide .detail .arrow{display:inline-block}
    
}

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

    .slide_wrap .title,.slide_wrap .title span{font-size: 20px;}
    
}

/* 0126 */
@media (max-width:1023px) and (min-width:501px) {
#visual .visual1 {padding:50px 24px 50px 24px;}    
}

@media (max-width:500px) {
#visual .visual1 {padding-top:31px;}
#visual .visual1 .tit span {font-size:24px;}    
}

@media (max-width:400px) {
#visual .visual1 .sub_tit br {display:block;}
#visual .visual1 .sub_tit {margin-top:15px;}    
}

@media (max-width:364px) {
#visual .visual2 .reserve_btn .br {display:block;}
}