@charset "utf-8";
#visual .visual1{background: url("/images/nerve/main/visual-bg-01.jpg") no-repeat center center !important;}
#visual .visual2{background: url("/images/nerve/main/visual-bg-02.jpg") no-repeat center center; }

/* 공지사항 */
#visual .visual2{position:relative}
#visual .visual2 .tit{font-size: 24px;}
#visual .visual3 .tit{color: #fff;}
#visual .visual2 .tit{margin-bottom: 20px;}

#visual .visual2 .inner-box{padding:0 40px}
#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;}
#visual .visual2 .inner-box ul li .text.new {padding-right: 28px;}
#visual .visual2 .inner-box ul li .text.new:after {display: block; content: ""; position: absolute; right: 0; bottom:0; 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;}

#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 .visual3 .info_div{margin: 0; position:relative;}
#visual .visual3 .info_div .info{margin-bottom: 4px;padding-left: 98px; 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:after{display: block; content: ""; position: absolute; bottom: 0px; right: -34px;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; }
#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}



.slide_control{display:none;}

@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) {


    .slide_control{display:flex;}
    #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:700px) {

    #visual .visual3 .reserve_btn{height:114px; padding-top: 24px;}

}

@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{position:relative; 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;}
    #visual .visual3 .reserve_btn{padding-top: 30px;}

}

@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 .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;}

}

/* 01 11 */
#top_layout .top_wrap .utile_wrap .n {display:none;}
#mobile-menu .modal-dialog .topUtile .utile.utile1 ul li:nth-child(2) {display:none;}
#mobile-menu .modal-dialog .topUtile .utile.utile1 ul li:nth-child(3) {display:none;}

/* 0121 */
#visual .visual3 .call_div .tit {line-height:1;margin-top:15px;}
#visual .visual3 .call_div .number2 {;color:#fff;font-size:18px;line-height:1.1;}
#visual .visual3 .call_div .number2 em {display:none;}
@media (max-width:1380px) {
#visual .visual3 .call_div .number2 {font-size:20px;line-height:1.2;}    
}
@media (max-width:640px) {
#visual .visual3 .call_div .number2 {font-size:20px;}
#visual .visual3 {height:360px;}
#visual .visual3 .call_div .number2 br {display:none;}    
}
@media (max-width:500px) {
#visual .visual2 {height:280px;}    
}

@media (max-width:418px) {
#visual .visual3 .call_div .number2 br {display:block}
#visual .visual3 {height:380px;}    
}

@media (max-width:385px) {
#visual .visual2 .reserve_btn span {padding-right:10%;}    
}

/* 0124 */
#visual .visual2 .tit {margin-bottom:0px}
#visual .visual2 .sub_tit {margin-top:0px}
#visual .visual3 .info_div .info span {top:49%}