@charset "utf-8"; 


@media only screen and (max-width:1470px){
    #main_container .wrap {width: 100%; padding: 140px 40px;}
    
    .main_visual .txt_box{width: 100%; padding: 0 80px}
    
    .paging {right: 50px;}
    .paging a {width: 120px; height: 90px;}
    .paging .bar {height: 90px;}
    .paging a.active:after{90px;}
    
    
    .main_expe .swiper-slide .r_box{padding-left: 8%}
}


@media only screen and (max-width:1200px){
    .paging {right: 50px;top: inherit;right: inherit;bottom: 0;border-right: 0;width: 100%;
    padding: 0 80px;}
    .paging .paging_btn:after{display: block; content: ""; clear: both;}
    .paging .paging_btn a{float: left;width: 17%; height: 80px; text-align: center; padding-right: 0;margin-left: 3%;}
    .paging .paging_btn a:first-child{margin-left: 0}
    .paging a.active{border-right: 0; border-top: 3px solid #fff;}
    
    
    #main_container .wrap {padding: 100px 40px;}
    .main_tlt div {line-height: 1.3; font-size: 2.0rem;}
    .main_sign .main_tlt div {position: relative;top: 0;}
    .main_sign .main_tlt p {padding-left: 0;padding-top: 10px;}
    
    .main_expe .l_box {width: 40%;}
    .main_expe .r_box {padding-left: 6%;width: 60%;}
    .main_expe p {width: 100%;}
    .swiper_arrow_box {padding: 10px 20px;}
    .swiper_arrow_box > div {width: 40px;height: 40px;background-size: 80px;}
    .swiper_arrow_box .swiper-button-prev {background-position: 0 7px;}
    .swiper_arrow_box .swiper-button-prev:after {top: 9px;}
    .swiper_arrow_box .swiper-button-next {background-position: -42px 7px;}
    
    .tae_list .wrap { padding-top: 0 !important;}
    .tae_list .grid li div {padding: 10px 0 7px; font-weight: 500;}
}

    
/** 모바일 **/
@media only screen and (max-width:860px){
    .main_visual .slide02 {background-position: right}
    .main_visual .slide03 {background-position: right}
    .main_visual .txt_box { padding: 0 60px;}
    .main_visual .sub_txt {font-size: 1.5rem;}
    .main_visual .big_txt {font-size: 3.2rem;}
    
    .paging {padding: 0 60px;}
    
    .main_sign li {margin-left: 2%; width: 49%; margin-bottom: 2%;}
    .main_sign li.box05{margin-left: 0}
    
    
    .main_expe .wrap {display: block;}
    .main_expe .l_box {width: 100%;}
    .main_expe p {padding-right: 0;}
    .main_expe .r_box {padding-left: 0; width: 100%; }
    .main_expe .swiper-wrapper {height: inherit;}
    
    .tae_list .wrap{padding-top: 40px !important}
    .tae_list .grid li{width: 33.33%}
    .tae_list .grid li p {max-height: 46px;}
}
    
@media only screen and (max-width:640px){
    .main_visual .txt_box {padding: 0 30px;}
    .main_visual .sub_txt { font-size: 1.2rem;}
    .main_visual .big_txt {font-size: 2.22rem; line-height: 1.4;}
    
    .paging {padding: 0 30px; bottom: -50px;}
    .paging .paging_btn a{ height: 50px;border-top: 3px solid #fff; opacity: .3;}
    .paging .paging_btn a.active{opacity: 1}
    .paging a span {opacity: 0;text-indent:-9999px}
    
    #main_container .wrap {padding: 60px 20px;}
    .main_tlt {padding-bottom: 20px;}
    .main_tlt div {font-size: 2.0rem;}
    
    .main_sign li a span {font-size: 1.2rem;}
    
    .main_expe .swiper-slide {display: block;}
    .main_expe .swiper-slide .r_box {padding-left: 0; padding-top: 20px;padding-bottom:50px}
    .main_expe .swiper_arrow_box {position: absolute; bottom: -5px; right: 0;}

    .tae_list .wrap{padding-top: 20px !important}
    .tae_list .grid li {width:50%; padding: 0; padding-bottom: 10%;}
    .tae_list .grid li:nth-child(odd){padding-right: 5%}
    .tae_list .grid li:nth-child(event){padding-left: 5%}
    .tae_list .btn_wrap { padding-top: 60px;}
}