@charset "utf-8";
#visual .visual1 {background: url("/images/ocs/main/visual-bg-01.jpg") no-repeat center center;}
#visual .visual2 {background: url("/images/ocs/main/visual-bg-02.jpg") no-repeat center center;}
#visual .visual3 .call_div .number{font-size: 13px;letter-spacing: -1px;}
#visual .visual3 .call_div .tit{line-height:1.2; margin-top: 8px;}
#visual .visual3 .call_div .number{font-weight: 400; line-height:1; font-size: 14px; margin-top: 3px;}
#visual .visual3 .call_div .number2 span{line-height: 1.2;}
#visual .visual2 .tit,#visual .visual3 .tit{line-height: 1;}
#visual .visual3 .tit{letter-spacing: normal;}

#visual .visual3 .info_div{padding:10px 20px; margin: 10px 0;}
#visual .visual3 .info_div .info{ padding:22px 0 0 14px; line-height: 1.3; margin: 0; }
#visual .visual3 .info_div .info:after{display:none}
#visual .visual3 .info_div .info span{top:0; transform: none;}

#visual .visual3 .reserve_btn:after{}

.slide_wrap{padding-top: 31px;}

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

    #visual .visual3 .reserve_btn{height:89px; padding-top:15px}
    
}

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

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

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

    #visual .visual3 .reserve_btn{height:114px; padding: 30px 0 0 12%}
    #visual .visual3 .call_div .tit{/*font-size: 22px;*/}
    #visual .visual3 .call_div .number{font-size: 20px ;}
}

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

    #container .inner{padding: 0;}
    
}

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

    #visual .visual3 .reserve_btn{height: 86px; padding: 15px 0 0 30px;}
    #visual .visual3 .reserve_btn:after{width:176px; height: 116px; transform:scale(0.7); right:-28px; bottom: -18px;}
    #visual .visual3 .call_div .tit{font-size: 17px;}
    #visual .visual3 .call_div .number{font-size: 15px ;}
}

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

    #visual .visual3 .call_div{height:auto}
    #visual .visual3 .reserve_btn{padding-top: 31px;}
    #visual .visual3 .reserve_btn:after{display:none}
    #visual .visual3 .reserve_btn span{font-size: 16px; padding-right: 48px;}
    #visual .visual3 .reserve_btn span br{display:none}
    #visual .visual3 .reserve_btn span:after{right:14px; transform: scale(0.7); top:8px}
    
}

@media screen and (max-width:500px) {
	
    #visual .visual3 .reserve_btn{height:114px; padding: 30px 0 0 30px}
    #visual .visual3 .reserve_btn:after{display:block; }
    #visual .visual3 .reserve_btn span{font-size: 18px;}
    #visual .visual3 .reserve_btn span br{display:block;}
    #visual .visual3 .reserve_btn span:after{transform: scale(1);}
    #visual .visual2 {height:224px;}/*2022-03-11 추가*/
    #visual .visual3 {height: 400px;}/*2022-03-11 추가*/
    .slide_wrap{margin:94px auto -86px;}/*2022-03-11 추가*/
 

}

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

   /* #visual .visual3 .reserve_btn:after{display:none} 2022-03-11 수정 */

}

/* 0126 */
#visual .visual3 .call_div .tit {line-height:1;}
#visual .visual3 .call_div .number2 {line-height:1;}
#visual .visual3 .call_div .number2 span {line-height:1;}

@media (max-width:1105px) and (min-width:1024px) {
#visual .visual2 .tit {white-space:nowrap;}    
}

@media (max-width:1090px) {
#visual .visual3 .info_div .info {white-space:nowrap;}
}

@media (max-width:700px) {
#visual .visual3 .call_div .tit {margin-bottom:8px;}
#visual .visual3 .call_div .number2 span {display:block;font-size:16px;margin-bottom:5px;}    
}

@media (max-width:595px) and (min-width:501px) {
#visual .visual2 {padding-top:35px;}
#visual .visual3 {padding-top:35px;}    
}

@media (max-width:500px) {
#visual .visual3 .call_div .tit {margin-bottom:5px}
#visual .visual3 .call_div .number2 span {display:inline-block;}
}

@media (max-width:353px) {
#visual .visual3 {height:390px;}    
#visual .visual3 .reserve_btn {height:100px;padding:20px 0 0 30px;}
#visual .visual3 .reserve_btn span:after {right:10%;top:50%;}    
#visual .visual3 .reserve_btn span {width:100%;display:block;}
}