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

/* 공지사항 */
#visual .visual2{position:relative;padding: 55px 34px 0;}
#visual .visual2 .tit,#visual .visual3 .tit{/* font-size: 24px; */}
#visual .visual2 .tit{margin-bottom: 0;}
#visual .visual2 .sub_tit{margin-top:0;letter-spacing: -1px;}
#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 .visual2 .reserve_btn{position: absolute; left:0; bottom:0; width: 100%; height: 114px; font-weight:bold; background-color: #005131; padding:30px 37px; 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: block; content: ""; position: absolute; right: 0; top: 0; width: 51px; height: 51px; background: #7dc242;}
/* #visual .visual2 .reserve_btn span{line-height: 1.2;} */
#visual .visual2 .reserve_btn .br{display:block}


#visual .visual3{padding: 55px 34px 0 34px;/* height: 410px; */}
#visual .visual3 .info_div{margin: 0;position:relative;padding: 18px 15px;}
#visual .visual3 .info_div .info{margin: 2px 0;padding-left: 70px;min-height: 22px;font-size: 16px;white-space: nowrap;z-index: 5;}
#visual .visual3 .info_div .info:after{left:55px}
#visual .visual3 .info_div .info span{display:block;top:11px;}

/*#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 .tit{margin-bottom: 0;}
#visual .visual3 .call_div .number2 span{width:57px; font-size: 16px; padding-left:9px; position:relative}
#visual .visual3 .call_div .number2 span:before{content:''; display:block; position:absolute; left:0; top:10px; width:5px; height:5px; background-color:#fff; }
#visual .visual3 .call_div .number2 i{display:block; text-indent: -9999px; line-height: 0;}

#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 (max-width:2524px) and (min-width:1381px) {
    #visual .visual3 .info_div {max-width: 249px;padding: 18px 15px;}
}

@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 (max-width:1117px) and (min-width:1024px) {
    #visual .visual3 .info_div>p:nth-child(3) span {top: 11px;}
    #visual .visual3 .info_div .info {white-space:normal}
}

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

    #visual .visual1{width:100%;background-size:cover !important;}
    #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;}


    .slide_control{display: flex;}
}

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

    #visual .visual3{/* min-height: 360px; */}

}

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

    #visual .visual3 .reserve_btn{height: 114px; padding:24px 0 0 30px}

}

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

    #visual{height:auto}
    #visual .visual2{height: auto;padding-bottom: 40px;}
    #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 .select_div{margin-top:22px;}
    #visual .visual2 .reserve_btn{position:relative;margin-top: 10px;}
    #visual .visual2 .reserve_btn strong{position:absolute; top:50%; transform: translate(0,-50%);}
    #visual .visual3 {height: 287px !important;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{
        height: 90px;
        width: 50%;
        left: auto;
        right: 0;
        padding: 19px 0 0 27px;
    }
    #visual .visual3 .call_div{padding: 13px 0 0 24px;}



}

@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: 347px !important;/* padding: 23px; */}
    .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}
    #visual .visual2 {height: auto;padding: 23px;}
    #visual .visual3 .call_div{padding-left:0;display: flex;justify-content: space-between;align-items: center;}
    #visual .visual3 .call_div .tit,
    #visual .visual3 .call_div .number{font-size: 20px !important;margin-top: 0 !important;}

    #visual .visual3 .reserve_btn{position: absolute;width:100%;left: 0;right: auto;}

}

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

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

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

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

}

/* 0121 */
@media (max-width:1380px) {
    #visual .visual3 .info_div {margin-top: 6px;height: 136px;}
    #visual .visual3 .call_div .tit {margin-top: 10px;font-size: 18px;letter-spacing: 0;}
    #visual .visual3 .call_div .number {/* font-size:30px; *//* margin-top: 8px; */}
}

@media (max-width:1023px) {
    #visual .visual2 .tit{/* margin-bottom: 2.5px; */}
    #visual .visual2 .sub_tit {margin-top:2.5px}
}

@media (max-width:640px) {

}