#wrap{
    position: relative;
}

.header{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    z-index:10;
    background:transparent;
    transition:  all 0.3s;
}

header.header:hover{
    background:#fff;
    transition:  all 0.3s;
}


.content{
    width: 1440px;
    margin:auto;
}

.header_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_wrap .logo a{
    display: block;
    width:193px;
    height:52px;
    background: url(../../basic/img/logo.png) center no-repeat;
    text-indent: -999999px;
}

.header_wrap .nav{
    display: flex;
}


.header_wrap .nav > li + li{
    margin-left:24px;
}
.header_wrap .nav > li{
    display: flex;
    justify-content: center;
    align-items: center;
    height:80px;
}

.header_wrap .nav > li:last-child{
    margin-right:0px;
}

.header_wrap .nav > li > a{
    position: relative;
    color:#282828;
    font-weight: 300;
    font-size:20px;
    letter-spacing: -0.6px;
    padding-bottom:10px;
}

.header_wrap .nav > li .sub{
    position: absolute;
    top:80px;
    left:0px;
    width:100%;
    background: rgba(255,255,255, 0.8);
    box-sizing: border-box;
    border-top:1px solid rgba(204,204,204, 0.8);
    border-bottom:1px solid rgba(204,204,204, 0.8);
}

.header_wrap .nav > li .sub ul{
    display: flex;
    width:1440px;
    margin:auto;
}

.header_wrap .nav > li .sub ul > li{
    margin-left:16px;
}

.header_wrap .nav > li .sub ul > li > a{
    font-size:16px;
    color:#333;
    line-height: 60px;
    display: flex;
    align-items: center;

}

.header_wrap .nav > li .sub ul > li > a::before{
    content:">";
    font-family: 'Dotum';
    font-size:12px;
    margin-top:4px;
    color:#ccc;
    transition:  all 0.3s;
    margin-right:4px;
}

.header_wrap .nav > li .sub ul > li > a:hover{
    color:#f59a9f;
    transition:  all 0.3s;
}

.header_wrap .nav > li .sub ul > li > a:hover::before{
    content:">";
    font-family: 'Dotum';
    font-size:12px;
    margin-top:4px;
    color:#f59a9f;
    transition:  all 0.3s;
}


.header_wrap .nav > li > a::before{
    content:"";
    width: 0%;
    position: absolute;
    bottom:0px;
    height:2px;
    background: #f59a9f;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    transition: all 0.3s;
}


.header_wrap .nav > li:hover > a::before{
    content:"";
    width: 100%;
    position: absolute;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    bottom:0px;
    height:2px;
    background: #f59a9f;
    transition: all 0.3s;
}


.header_wrap .member_box{
    display: flex;
}

.header_wrap .member_box .login_box{
    display: flex;
    margin-right:25px;
}

.header_wrap .member_box .login_box a{
    margin-left:16px;
    font-size:15px;
    color:#7d7d7d;
    font-weight: 100;
}


.header_wrap .member_box .login_box a:first-child{
    margin-left:0px;
}

.main_visual_slide{
    width:100%;
    height:997px;
    background:#bdd8f2;
    overflow: hidden;
}

.main_visual_slide .main_vusla_img01{
    background: url(../../basic/img/main_visual01.jpg) center no-repeat;

}

.main_visual_slide .main_vusla_img02{
    background: url(../../basic/img/main_visual02.jpg) center no-repeat;

}


.swiper-slide .main_text_box{
    position: relative;
    width:1440px;
    margin:350px auto 0 auto;
}

.main_text_box .main_visual_title.title01{
    position:absolute;
    top:-30px;
    width: 508px;
    height:136px;
    background: url(../../basic/img/visual01_title.png) left center no-repeat;
}


.main_text_box .main_visual_title.title02{
    position:absolute;
    top:-30px;
    width: 508px;
    height:136px;
    background: url(../../basic/img/visual02_title.png) left center no-repeat;
}




.main_text_box .main_visual_sub_text{
    position:absolute;
    top:176px;
    width: 315px;
    height:20px;
    background: url(../../basic/img/visual01_text.png) center no-repeat;
}

.main_text_box .main_visual_text{
    position:absolute;
    top:250px;
    letter-spacing: -0.6px;
    font-size:18px;
    font-weight: 300;
    color:#282828;
    line-height:24pt;
}

.main_text_box .main_visual_title, .main_text_box .main_visual_sub_text, .main_text_box .main_visual_text{
    opacity: 0;
    transition: all 1s;
}

.swiper-slide.swiper-slide-active .main_text_box .main_visual_title{
    top:0px;
    transition: all 1.4s;
    transition-delay: 0.5s;
    opacity: 1;
}

.swiper-slide.swiper-slide-active .main_text_box .main_visual_sub_text{
    top:176px;
    transition: all 2s;
    transition-delay: 0.7s;
    opacity: 1;
}

.swiper-slide.swiper-slide-active .main_text_box .main_visual_text{
    top:230px;
    transition: all 1s;
    transition-delay: 1s;
    opacity: 1;
}

.global_box a{
    display: inline-block;
    text-indent:-99999px;
    width:21px;
    height:21px;
    margin-left:7px;
}


.global_box a:first-child{
    margin-left:0px;
}

.global_box a.global_en{
    background: url(../../basic/img/global_en.png) center no-repeat;
}

.global_box a.global_jp{
    background: url(../../basic/img/global_jp.png) center no-repeat;
}


.content.bg{
}

h2.main_title{
    margin-bottom:45px;
    width:100%;
    height:103px;
    text-indent:-99999px;
}

h2.main_title.title01{
    background: url(../../basic/img/main_title01.png) center no-repeat;
}

h2.main_title.title02{
    background: url(../../basic/img/main_title02.png) center no-repeat;
}

h2.main_title.title03{
    background: url(../../basic/img/main_title03.png) center no-repeat;
}

h2.main_title.title04{
    background: url(../../basic/img/main_title04.png) center no-repeat;
}

.content_h_pading {
    padding:104px 0;
}

.content_h_pading.main_bg{
    background:#fafafa;
}


.tv_content{
    display: flex;
    justify-content: space-between;
    margin:auto;
    width:1440px;
}

.tv_content .tv_video{
    width:812px;
    height:462px;
    background:#abc;
}

.tv_content .tv_item{
    width:572px;
    display:flex;
    flex-direction: column;
}

.tv_content .tv_item p.text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:22px;
    color:#5f5f5f;
    margin-bottom:4px;
}

.tv_content .tv_item h3.title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:32px;
    margin-bottom:25px;
}

.tv_content .tv_item .more_bt{
    width: 211px;
    height:46px;
    background: url(../../basic/img/latest_more.png) center no-repeat;
    text-indent:-999999px;
    margin-top:20px;
}
.tv_content .tv_item .tv_slide{
    margin-left:-20px;
    margin-top:30px;
    width:592px;
    height:260px;
}

.tv_slide .swiper-wrapper .swiper-slide{
    text-align: center;
    height: calc((100% - 30px) / 2) !important;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.tv_slide .swiper-wrapper .swiper-slide a img{
    width:100%;
}

.tv_content .tv_item .tv_slide .tv_slide_control{
    width: 76px;
    height:24px;
    margin-left:auto;
    margin-bottom:7px;
}

.tv_slide_control{
    display:flex;
    justify-content: space-between;
}

.tv_slide_control .next{
    width:20px;
    height:20px;
    box-sizing: border-box;
    cursor: pointer;
    background: url(../../basic/img/tv_slide_next.jpg) center no-repeat;
}

.tv_slide_control .prve{
    width:20px;
    height:20px;
    box-sizing: border-box;
    cursor: pointer;
    background: url(../../basic/img/tv_slide_peve.jpg) center no-repeat;
}

.story_list{
	display: grid;
    grid: '. . . . .';
    gap:5px;
    margin:auto;
    width:1440px;
}

.story_list li{
    width:280px;
    height:280px;
    overflow: hidden;
}

.story_list li:hover a img{
    transform: scale(1.1);
}

.story_list li a{
    display: flex;
    flex-direction: column;
}

.story_list li a img{
    margin-bottom:7px;
    transition: all 0.2s linear;
}

.story_list li a strong{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom:5px;
    font-size:18px;
    color:#222;

}

.story_list li a p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:15px;
    color:#545561;
}

.story_box .more_button{
    display:block;
    margin:auto;
    margin:35px auto 0 auto;
    width: 211px;
    height:46px;
    background: url(../../basic/img/latest_more.png) center no-repeat;
    text-indent:-999999px;
}

.real_box{}

.real_box .real_list{
    margin:auto;
    width: 1440px;
    column-count: 5;
}

.real_box .real_list li{
    margin-bottom:16px;
    overflow: hidden;
}

.real_box .real_list li:hover a img{
    transform: scale(1.1);
}

.real_box .real_list li a img{
    display: block;
    width:100%;
    transition: all 0.2s linear;
}

.real_box .real_list li:nth-child(2n){
    margin-bottom:0px;
}


.banner_box{
    display: flex;
    justify-content: space-between;
    margin:auto;
    padding-bottom:110px;
    width: 1440px;

}


.event_box .event_slide{
    position: relative;
    width: 1440px;
    height: 340px;
    overflow:hidden;
    margin:auto;
    display: flex;
    flex-direction: column;
}

.event_box .event_slide .event_list{
    width: 1440px;
    margin:auto;
}


.event_box .event_slide .event_list li{
    overflow:hidden;
    width: 272px;
    height:272px;
}


.event_box .event_slide .event_list li a img{
    transition: all 0.2s linear;
}


.event_box .event_slide .event_list li:hover a img{
    transform: scale(1.1);
}


.event_paging_box{
    display: flex;
    margin-top:10px;
    margin-left:auto;
    margin-right:10px;
}

.event_box .event_slide .event_control{
position:relative;
}

.event_box .event_slide .event_control span{
    width: 14px;
    height: 14px;
    background: #d9d9d9;
    opacity: 1;
}

.event_box .event_slide .event_control span.swiper-pagination-bullet-active{
    background: #969696;
}
.event_box .event_slide .event_control span:last-child{
    margin-right:0px;
}

.event_list .swiper-slide a img{
    display: block;
    width: 100%;
    height:auto;
}


.main_text_line{
    text-indent: -99999px;
    height:44px;
    background: url(../../basic/img/line_text.png) center no-repeat #535353;
}

.footer_content{
    display: flex;
    justify-content: space-between;
    margin:auto;
    padding:75px 0;
    width: 1440px;
}

.footer_content .customer_box{
    display: flex;
    flex-direction: column;
}

.footer_content .custommer_text{
    width: 260px;
    height: 310px;
    background: url(../../basic/img/footer_customer.jpg) center top no-repeat;
    text-indent: -99999px;
}

.footer_content .sns_box{
    display: flex;
    margin-top:40px;
}
.footer_content .sns_box li{
    margin-left:22px;
}
.footer_content .sns_box li:first-child{
    margin-left:0px;
}

.footer_content .sns_box li a{
    display: block;
    width: 48px;
    height:38px;
}

.footer_content .sns_box li a.main_sns01{
    text-indent: -99999px;
    background: url(../../basic/img/main_sns01.png) center no-repeat;
}

.footer_content .sns_box li a.main_sns02{
    text-indent: -99999px;
    background: url(../../basic/img/main_sns02.png) center no-repeat;
}

.footer_content .sns_box li a.main_sns03{
    text-indent: -99999px;
    background: url(../../basic/img/main_sns03.png) center no-repeat;
}

.footer_content .sns_box li a.main_sns04{
    text-indent: -99999px;
    background: url(../../basic/img/main_sns04.png) center no-repeat;
}

.footer_content .location_box{
    width: 955px;
}

.footer_content .location_box .location_title{
    margin-bottom:22px;
    width:757px;
    height:61px;
    text-indent: -99999px;
    background: url(../../basic/img/location.jpg) center no-repeat;
}

.footer_content .location_box .location_map{
    width:716px;
    height:234px;
}


.footer_address{
    width: 100%;
    border-top:2px solid #f3f3f3;
    box-sizing: border-box;
}

.footer_address .address_content{
    display: flex;
    flex-direction: column;
    align-items: center;
    width:1440px;
    margin:auto;
}

.footer_address .address_content .footer_logo{
    margin-top:57px;
    width:286px;
    height:76px;
    background: url(../../basic/img/footer_logo.jpg) center no-repeat;
}    

.footer_address .address_content .address{
    margin:30px 0 16px 0;
    color:#6d6d6d;
    font-size:13px;
    text-align: center;
    }

.footer_address .address_content .capyright{
    position:relative;
    display: flex;
    justify-content: center;
    width:100%;
    font-size:12px;
    color:#6d6d6d;
}


.footer_address .address_content .capyright .policy{
    display: flex;
    position: absolute;
    right:0px;
    margin-left:auto;
    padding-bottom:70px;
    font-size:16px;
}

.footer_address .address_content .capyright .policy li{
    display: flex;
    align-items: center;
    
}

.footer_address .address_content .capyright .policy li span{
    font-size:12px;
    width:16px;
    text-align: center;
}

.footer_address .address_content .capyright .policy li a{
    color:#6d6d6d;
}



#tube_content{
    width:100%;
    display:flex;
    justify-content: space-between;
}

.tube_video{
    width:956px;
    height: 550px;
    margin-left:0px !important;
    margin-right:0px !important;
}


.tube_video .swiper-wrapper .swiper-slide img{
    display: block;
    width: 100%;
}

.tuebe_content{
    width:464px;
    height:550px;
    overflow: hidden !important;
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{
right: none !important;
top: none !important;
transform: none !important;
}


.tuebe_content .swiper-wrapper{
    height:auto !important;
}

.tuebe_content .swiper-wrapper .swiper-slide{
    display:flex;
    height:112px !important;
    overflow:hidden;
    cursor: pointer;

}

.tuebe_content .swiper-wrapper .swiper-slide .img{
    position:relative;
    width: 160px;
    height:102px;
    flex-shrink: 0;
    margin-right:12px;
}



.tuebe_content .swiper-wrapper .swiper-slide .text_box{
    color:#6d6d6d;
    font-size:14px;
}

.tuebe_content .swiper-wrapper .swiper-slide .title{
    line-height: 21px;
    color:#333;
    display: block;
    margin-bottom:7px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}

.tuebe_content .swiper-wrapper .swiper-slide p{
    font-size:14px;
    color:#6d6d6d;
}


.tuebe_content .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .title{
    color:#f5989d;
    

}


.tuebe_content .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .img::before{
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    border:solid 2px #f5989d;
    
}


.tube_itmes_box{
    position:relative;
}

.tube_paging{
    position:absolute !important;
    right:0px !important;
    top:-36px !important;
    display: flex;
    width: 100%;
    margin-bottom:20px;
    
}

.tube_paging span{
width:14px;
height:14px;
margin:0px 4px !important;
background:#d9d9d9 !important;
opacity: 1;
}

.tube_paging span:first-child{
    margin-left:auto !important;
}

.tube_paging span.swiper-pagination-bullet-active{
    background:#969696 !important;
}




.tuebe_content .img img{
    display:block;
    width:150px;
    height:60px;
}



.quick_menu a img{
display: block;
}


#popup-1908 {position:fixed; top:0; left:0; z-index:999; width:100%; height: 100%; background:rgba(0,0,0,0.8); display:flex; flex-direction: column; align-items: center; justify-content: center;}
#popup-1908 .popup-inner { width:800px; overflow:hidden;}
#popup-1908 .popup-inner .img {display:block; width: 100%; }

#popup-1908 .popup-inner .swiper-pagination-bullets { display: flex; justify-content: space-between; width: 100%; font-size: 15px; }
#popup-1908 .popup-inner .swiper-pagination-bullet { width: 100%; height: auto; display: block; border-radius: 0; background: #fff; opacity: 1; padding: 10px 0; outline: none; }
#popup-1908 .popup-inner .swiper-pagination-bullet-active { background: #007aff; color: #fff; }
#popup-1908 .popup-inner .swiper-pagination{position:static;}

#popup-1908 .swiper-pagination span{margin:0px;}

.pop_close_box{
    display: flex;
    width:800px;
    margin-bottom:20px;
}
#popup-1908 .btn-close {cursor: pointer; margin-left:auto;}
#bo_v_share{display: none !important;}
#bo_w .bo_w_tit #btn_autosave{
    display: none !important;
}