/* 공통 */

.swiper .mo_ver{display: none;}

.index_wrap .padding_top{padding-top: 150px;}
.index_wrap .padding_bot{padding-bottom: 150px;}
.index_wrap .padding_tb{padding-top: 150px;padding-bottom: 150px;}

/* slide */

.swiper-slide{position: relative;border-radius: 50px; overflow: hidden}
.slide_text_box{position: absolute;z-index: 9;top: 50%;  left: 100px;transform: translateY(-50%);}
.slide img{display: block;}


/* sec01 */
.sec01{display: inline-block; position:relative;    width: 100%;}
.sec01 .list_in{text-align: center;width: 100% ;}
.sec01:last-child{margin-right:0px;}
.sec01 i{display: block; width:100%;/* height: 430px; */overflow: hidden;}
.sec01 i img{width:100%;}
.sec01 .text_box{text-align: center; padding:30px 30px 0; position:absolute; bottom:-70px; left:50%; transform: translateX(-50%);width: 83%; background-color: #fff; border-radius: 30px;}

.sec01 .event_name{font-size: 0.812rem; font-weight: bold;color:#be3434;;}
.sec01 .event_date{font-size: 1rem; font-weight: 400;color:#bbb;; margin:3px 0 5px 0;}
.sec01 .event_text{font-size: 1rem; font-weight: 400; }

/* BEST ITEMS 탭*/
.tabSet{margin-bottom:30px;}
.tabSet .sc_sec{margin-bottom:30px;}
.tabSet ul.tabs {width:100%;display: flex;justify-content: center;}
.tabSet ul.tabs li{padding:0 10px; }
.tabSet ul.tabs li a{color:#979797;display:block;font-size:1.125rem; font-weight: 400;}

.tabSet ul.tabs li a.on{color:#be3434;cursor:default; font-weight:500;}
.panel{	/* padding:30px 30px; */font-size:14px;  display:none;}





.banner .banner_con{border-radius: 30px;overflow: hidden;} 
.banner .banner_bg {background-repeat: no-repeat; background-position: right;background-size: cover;}
.banner .banner_bg img{display: block;}
.banner .banner_bg .mo_ver{display: none;}
.banner .text_box{position: absolute;left:80px;top:50%;transform: translateY(-50%);}

.banner .text_box .button{margin-top: 30px;}
.banner .text_box .button.type02 button{border-color:transparent;background: #16284d;color: #fff;}
.banner .text_box .tit{font-weight: 500;font-size: 3.2rem;}
.banner .text_box .txt{color: #666;}


/* ********************************************* *
* 1400px max
* ********************************************* */
@media (max-width:1400px){
    .slide_text_box { left: 50px;}
    .slide_text_box .font_43rem {font-size: 3.2rem;}


    .banner .text_box .tit{font-size: 2.5rem;}
    .banner .text_box .txt{margin-top: 0;}
    .banner .text_box .button {margin-top: 20px;}

}



/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px){
    
.index_wrap .padding_top{padding-top: 120px;}
.index_wrap .padding_bot{padding-bottom: 120px;}
.index_wrap .padding_tb{padding-top: 120px;padding-bottom: 120px;}


    .banner .banner_con {border-radius: 20px;}
    .banner .text_box {left: 50px;}
    .banner .text_box .tit{font-size: 2rem;}



    .banner .banner_bg .pc_ver{display: none;}
    .banner .banner_bg .mo_ver{display: block;}


 .slide .swiper i{height: 700px;    display: block;}
 .slide .swiper i img{height: 100%;}
 .slide .slide_text_box {top: auto;bottom: 50px;transform: none;}

}


/* ********************************************* *
* 789px max
* ********************************************* */
@media (max-width:789px){

    .sec_title .font_3rem{font-size: 2.5rem;}

    .banner .text_box .tit{font-size: 1.5rem;}
    .banner .text_box .button.type02 button{font-size: 0.8rem;    padding: 8px 16px;}

    .slide .swiper i{height: 550px;}
    .slide .swiper-slide{    border-radius: 20px;}
    .slide .slide_text_box {  bottom: 30px;  left: 30px;}
    .slide .slide_text_box .button.type01{margin-top: 20px;}
    .slide_text_box .font_43rem {font-size: 2.5rem;    }
    .slide_text_box .txt {width: 80%;word-break: keep-all;} 
    .slide_text_box .txt br {display: none;} 
    .slide .slide_text_box .button.type01 button {padding: 10px 20px;font-size: 0.9rem;}

}
/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){
    .slide .swiper i {height: 450px;}

    .banner .text_box {left: 40px;}
    .banner .banner_bg .mo_ver { height: 180px;}
    
.index_wrap .padding_top{padding-top: 60px;}
.index_wrap .padding_bot{padding-bottom: 60px;}
.index_wrap .padding_tb{padding-top: 60px;padding-bottom: 60px;}


}