@charset "utf-8";
#visual .visual1 {background: url("/images/kysoa/main/visual-bg-01.jpg") no-repeat center center;}
#visual .visual2 {background: url("/images/kysoa/main/visual-bg-02.jpg") no-repeat center center;}
#visual .visual3 .reserve_btn span:after{top:6px;}
#visual .visual3 .reserve_btn:after{width: 114px;height: 127px;background-position: -438px -675px;right: 10px;}
#visual .visual3 h2.tit:before{content: '';position:absolute;top: 30px;right: 40px;width: 102px;height: 82px;background: url("/template/centerB/images/main/sprite.png") no-repeat -555px -675px;}
.slide_control{display:none}

@media (min-width:1381px){
#visual .visual3 .call_div .tit {line-height:1;margin-top:10px;}
#visual .visual3 .call_div .number {line-height:1;margin-top:8px}
}

@media screen and (max-width:1380px) {
    
    #visual .visual3 .reserve_btn em br{display:none}
    
}

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

    #visual .visual3 h2.tit:before{width: 102px;height: 83px;background-position: -555px -674.5px;transform: scale(0.8);right: 19px;}
    #visual .visual2 .reserve_btn:hover:before {display:none;}
}


@media screen and (max-width:1150px) {
    
    #visual .visual3 .info_div .info{padding-top:20px; padding-left: 13px; margin: 0;}
    #visual .visual3 .info_div .info span{transform:none; top:0}
}

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

    #visual .visual3 .reserve_btn{height: 86px; padding: 18px 0 0 30px;}
 
 
}

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

    .slide_control{display:block}
    .slide_control .dots{float:left}
    .slide_control button{display: inline-block;}
    #visual .visual2 .reserve_btn:hover:before {display:block;}
    #visual .visual2 .sub_tit {margin-top: 3px;} /*2022-0124 */
    #visual .visual3 .call_div .tit {line-height:1;margin-top:15px;}
    #visual .visual3 .call_div .number {line-height:1;}
    #visual .visual3 .call_div .number {font-size:30px;margin-top:10px;}
    
}

@media (max-width:768px) {

    #container{padding-bottom: 20px;}/*2022-06-03 추가*/

}


@media (max-width:537px) {
#visual .visual2 .reserve_btn:hover:before {display:none;}  
}

@media screen and (max-width:500px) {
  #visual .visual3 h2.tit:before{top:7px}
  #visual .visual2 .reserve_btn:hover:before {display:block;}
  #visual .visual2 {height:210px;} /*2022-05-31 추가*/
  .slide_wrap{margin-top:80px;} /*2022-05-31 추가*/
  #foot_layout{margin-top:0;} /*2022-05-31 추가*/
}