/* main_visual */
.main_visual {position:fixed;width:100%;height:100%;top:0;left:0;height:100vh;z-index: 1;}
.main_visual_wrap {height: 100%;}
.main_visual .swiper-container {height: 100%;}
.dp_table {display:table;width:100%;height:100%;}
.dp_table > div {display:table-cell;width:100%;height:100%;vertical-align: middle;text-align: center;}
.bg_wrap {height:100%;}
.main_visual .swiper-slide {overflow:hidden !important;}
.main_visual .swiper-slide-active .bg_wrap{animation: bgScale 3s 1; animation-fill-mode:forwards;-webkit-animation:bgScale 3s 1;-moz-animation:bgScale 3s 1;-o-animation:bgScale 3s 1;}
@keyframes bgScale {
    0%{-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1) translateZ(1px);}
    100%{-ms-transform: scale(1, 1);transform: scale(1, 1) translateZ(1px);}
}
.main_visual .swiper-slide h3 {font-size: 64px;font-weight: 400;color:#fff;text-align: center;filter: blur(8px);transition: 2s -webkit-filter ease-out;}
.main_visual .swiper-slide-active h3 {animation: mvText 3s 1;animation-fill-mode: forwards;}
@keyframes mvText {0%{}100%{filter: blur(0px);}}
.main_visual .swiper-pagination {bottom: 50px !important;}
.main_visual .swiper-pagination-bullet {opacity:1 !important;background:#fff !important;vertical-align: middle;}
.main_visual .swiper-pagination-bullet-active {background:none; border:1px solid #fff !important;background:none !important;}
/* main_container */
.main_container {margin-top: 100vh;position:relative;z-index: 2;background:#fff;}
.cont_exp {font-size: 0;}
.cont_exp > div {display:inline-block;width:50%;vertical-align: top;box-sizing: border-box;font-size: 0;}
.cont_exp .text_box {font-size: 0;}
.cont_exp .text_box h3 {font-weight: 700; font-size: 24px; color:#222;line-height: 34px;margin-bottom: 15px;}
.cont_exp .text_box h3:last-of-type {margin-bottom: 40px;}
.udl_btn {width: 99px;font-weight: 400;font-size: 18px;color:#222;position:relative;text-align: center;transition: all 0.5s ease; }
.udl_btn::before {content:'';display:inline-block;width:99px;height:11px;background:url('../images/main/underline.png')no-repeat;position:absolute;bottom:-10px;left:0;}
.cont_exp .img_box {position:relative;}
.cont_exp .img_box .float_box {position:absolute;top:200px;left:-340px;transition: all 1.5s ease;width:650px;height:470px;z-index: 2;}
.cont_exp .img_box .float_box, .cont_exp .img_box .fix_img {overflow:hidden;}
.cont_exp .img_box .fix_img {position:relative;width: 100%; height: 1000px;}
.cont_exp .img_box img {position:absolute;top:0;left:0;width:100%;transition: all 1.5s ease;}
.swiper-button-prev::after, .swiper-button-next::after {display:none;}
.cont_slider{position:relative;font-size: 0;}
.bg_float_img {position:absolute;bottom:190px;left:0;transition: all 1s ease; }
.cont_slider .swiper-slide {position:relative !important;}
.cont_slider .swiper-slide img {width: 100%; height:auto;}
.slider_title {margin-bottom:10px;position:relative;z-index: 2;}
.slider_title h3 {position:relative;display:inline-block;font-weight: 400; font-size: 20px; color:rgba(34,34,34,0.5);padding-right: 80px;box-sizing: border-box;}
.slider_title h3::after {content:'';display:inline-block;width:40px;height:1px;background:#818181;position:absolute;top:15px;right: 20px;}
.slider_title a {display:inline-block;font-size: 20px;font-weight: 400;color:#222;}
.cont_slider .swiper-container {padding-bottom:20px;box-sizing:border-box;}
.cont_slider .swiper-slide .info_box {position:relative;background:#fff;position:absolute;left: 30px;bottom:30px;padding: 20px;box-sizing: border-box;width: 200px;height: 200px;display:none;}
.cont_slider .swiper-slide {overflow:hidden;font-size:0;-webkit-box-shadow: 7px 7px 20px 0px rgba(45, 48, 65, 0.15);
-moz-box-shadow:    7px 7px 20px 0px rgba(45, 48, 65, 0.15);
box-shadow:         7px 7px 20px 0px rgba(45, 48, 65, 0.15);}
.cont_slider .swiper-slide .info_box h3 {font-size: 24px;font-weight: 400;color:#222;}
.cont_slider .swiper-slide .info_box span {display:inline-block;position:absolute;bottom:20px;right:20px;font-size: 18px;font-weight: 400;color:#888;}
.cont_detail {position:relative;}
.cont_detail .inner {position:absolute;top:}
.cont_detail .swiper-slide {font-size:0;overflow:hidden;}

.float_control_box {position:absolute;right:230px;top:50%;transform:translateY(-50%);display:inline-block;background:#000;padding: 30px;box-sizing: border-box;width: 300px;height:300px; z-index: 20;}
.float_control_box .swiper-container {height: 100%;}
.float_control_box .swiper-slide {position:relative !important;height: 100%;opacity:0 !important;}
.float_control_box .swiper-slide-active {opacity:1 !important;}
.float_control_box .swiper-slide .udl_btn {position:absolute;bottom:50px;right:30px;}
.float_control_box .control_box {position:relative;}
.float_control_box .control_box .swiper-pagination {text-align: right;width: 100%;font-size:0;}
.float_control_box .control_box .swiper-pagination-bullet {background:#fff !important; margin: 0 6px;opacity: 1 !important;vertical-align: middle;}
.float_control_box .control_box .swiper-pagination-bullet-active {background: none !important; border:1px solid #fff !important;}
.float_control_box .swiper-slide h3 {padding-left: 35px;padding-top: 40px;box-sizing: border-box;font-size: 48px;font-weight: 400;color:#fff;text-align: left;}
.float_control_box .swiper-slide .udl_btn {position:absolute;bottom:40px; right: 20px;color:#fff;}
.cont_detail .swiper-slide img {width:100%;}




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

}
@media screen and (max-width: 1024px){
.main_visual .swiper-slide-active .bg_wrap{background-size: auto 100% !important;background-position: center !important;}
.cont_exp .text_box {padding-top: 70px !important;padding-bottom: 60px !important;}
.cont_exp .text_box h3 {font-size: 32px;line-height: 42px;}
.cont_exp .img_box {text-align: right;}
.cont_exp .img_box .fix_img {width: 60%;height:610px;display:inline-block;}
.cont_exp .img_box .float_box {width: 400px; height: 330px;top:150px;left: 60px;}
.cont_exp > div {width: 100%;}
.bg_float_img {bottom:auto; top: -100px;}
.cont_slider .swiper-slide .info_box {bottom:10px;left:10px;width:150px;height:100px;padding: 10px;}
.float_control_box {right: 30px;}
.float_control_box {width:200px;height:200px;padding: 20px;}
.float_control_box .swiper-slide h3 {padding-top: 0;padding-left:5px;}
.float_control_box .swiper-slide .udl_btn {bottom:20px;right:10px;}
}
@media screen and (max-width: 768px){
.main_visual .swiper-slide-active h3 {font-size: 32px;line-height:40px;}
.main_visual {height: 80vw;}
.main_visual .swiper-pagination{bottom:20px !important;}
.main_container {margin-top: 80vw;}
.cont_exp .img_box .fix_img {width: 75%;height:420px;}
.cont_exp .img_box .float_box {left: 15px;height: 240px;top:70px;}
.bg_float_img {top: -55px;width: 55%;}
.bg_float_img img {width: 100%;}
.cont_exp .img_box .float_box {max-width: 280px;}
.slider_title h3 {font-size: 16px;padding-right: 60px;}
.slider_title h3::after {right: 10px;}
.slider_title a {font-size: 16px;}
.cont_detail .cont_detail_slide{padding-bottom: 150px;box-sizing:border-box;}
.float_control_box{width:150px;height:150px;padding:15px;top:auto;transform:initial;bottom:15px;right: 15px;}
.float_control_box .swiper-slide h3 {font-size: 28px;}
.float_control_box .swiper-slide .udl_btn {bottom:10px;right:0;}
.cont_slider .swiper-slide .info_box h3{font-size: 20px;}
.cont_slider .swiper-slide .info_box span{font-size: 14px;right:15px;bottom:10px;}
.icon_menu > a {margin-right: 15px;}
.member_icon_wrap {margin-right: 15px;}

#hd_pop{width:100%;}
#hd_pop > div{top:10px !important; left:10px !important; right:10px;}
.hd_pops_con{width:auto !important; height:auto !important;}
.hd_pops_con table{width:100% !important;}
.hd_pops_con img{width:100% !important; height:auto !important;}
.hd_pops_footer .hd_pops_reject{font-size:12px;}
.hd_pops_footer .hd_pops_close{font-size:12px;}
.hd_pops_con p{font-size:0;}

}











/*  */