/* ********************************************* *
 * 1440px
 * ********************************************* */
 @media screen and (max-width: 1440px){

    .bd{padding-left: 24px; padding-right:24px;}
    .page-container .bd{overflow: hidden;}
}

/* ********************************************* *
 * 1200px min
 * ********************************************* */
 @media screen and (min-width: 1200px){

}

/* ********************************************* *
 * 1200px
 * ********************************************* */
@media screen and (max-width: 1200px){


}

/* ********************************************* *
 * 1024px min 부터 mobile ver.
 * ********************************************* */
@media screen and (min-width: 1024px){

    

}

/* ********************************************* *
 * 1024px max
 * ********************************************* */
@media screen and (max-width: 1024px){

    .main_container .sct1 ul li:first-child, .main_container .sct1 ul li:nth-child(2){border-bottom:1px solid rgba(255,255,255,.3);}
    .main_container .sct1 ul li:first-child, .main_container .sct1 ul li:nth-child(3){border-left:0;}
    .main_container .sct1 ul li{width:50%; height:360px;  border-left:1px solid rgba(255,255,255,.3);}

    .main_container .sct3 .left, .main_container .sct3 .right{width:100%;}
    .main_container .sct3 .left{height:200px;}
    .main_container .sct3 .right{height:360px;}
    .main_container .sct3 .left .thumb{width:25%;  padding:20px;}
    .main_container .sct3 .left .thumb img{width:56px;}





}
/* ********************************************* *
 * 960px min
 * ********************************************* */
 @media screen and (min-width: 960px){
    
    

}

/* ********************************************* *
 * 960px max
 * ********************************************* */
@media screen and (max-width: 960px){


}


/* ********************************************* *
 * 768px min
 * ********************************************* */
@media screen and (min-width: 768px){
    

}

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

s.single-item  .slick-slide{height:740px !important;}

.single-item ul.inner li.left{position: unset; transform: unset;}
.slick-slide ul li{float:unset; width:100% !important; text-align: center;}
.slick-slide ul li.right img{max-width:200px; margin:0 auto;}

.single-item ul.inner li.left h2{font-size:28px;}
.single-item ul.inner li.left h3{font-size:20px; margin-top:10px;}
.single-item ul.inner li.left p{font-size:15px;}
.single-item ul.inner li.left p br{display: none;}


.slick-slide ul li.left .link_btn{margin:40px auto 0;}
.main_container .sct1 ul li:first-child{height:360px;}
.main_container .sct1 ul li{width:100%; height:320px; border-bottom:1px solid rgba(255,255,255,.3);border-left:0;}
.main_container .sct1 ul li:last-child{border-bottom:0;}
.main_container .sct1 ul li.fixed h4{font-size:22px;}
.main_container .sct1 ul li:hover .overlay h4{font-size:22px;}
.main_container .sct1 ul li .overlay, .main_container .sct1 ul li:hover .overlay{bottom:unset; top:0; padding:24px 16px; border-bottom:0px solid rgba(0,0,0,.12);}
.main_container .sct1 ul li .overlay h4, .main_container .sct1 ul li:hover .overlay h4{font-size:22px; line-height: 1.6;}
.main_container .sct1 ul li .overlay p, .main_container .sct1 ul li:hover .overlay p{font-size:16px;}
.main_container .sct1 ul li .overlay h4 br{display:block;}


.main_container .sct3 .left{height:360px;}
.main_container .sct3 .left .thumb{width:50%; padding:20px;}
.main_container .sct3 .left .thumb img{width:56px;}



} 

/* ********************************************* *
 * 600px
 * ********************************************* */
@media screen and (max-width: 600px){

    .main_container .sct3 .right{height:500px;}
    .main_container .sct3 .right ul li{width:100%;}
    .main_container .sct3 .left .thumb img{width:50px;}




}

/* ********************************************* *
 * 480px
 * ********************************************* */
@media screen and (max-width: 480px){

    .main_container .sct3 .left .thumb img{width:40px;}
    .online-half-box{width: 100%;}


    

}

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

  
}