@charset "utf-8";
.style-banner-section {margin-top:-160px}
.style-banner-section ~ .style-banner-section {margin-top:0}
.style-banner-section .img { width: 100%; } 
.style-banner-section .img > div,
.style-banner-section .img > a > div { position: absolute; } 
.style-banner-section .img > .p1,
.style-banner-section .img > a > .p1 { left: 138px; top: 333px;width:1640px } 
.style-banner-section .img > .p1 .c,
.style-banner-section .img > a > .p1 .c { margin-top: 57px } 
.style-banner-section .img > .p1 .visual-txt03,
.style-banner-section .img > a > .p1 .visual-txt03{position:relative;width:400px}
.style-banner-section .swiper-slide {overflow:hidden; height:980px;}
.style-banner-section .swiper-button-next { right: 60px !important; } 
.style-banner-section .swiper-button-prev { left: 60px !important; } 
.style-top{display: inline-block;background-color: #fff;position:absolute;right:-60px;top:0}
.style-top img{box-shadow: 3px 3px 3px #eee;width:51px;height:68px;}
.style-top em{position:absolute;background:#ff5b37;display: inline-block;z-index: 10;color: #fff;font-size: 10px;height: 18px;line-height: 18px;padding: 0 5px;border-radius: 53px;right: -5px;top: -5px;}

#styleTag .wrap-holder {background-color: #fff; text-align:center;} 
#styleTag .img .sub-tit {margin:0 auto} 
#styleTag .img .nav .flex {justify-content:center; margin-top:50px;}
#styleTag .img .left-txt {position:absolute; left:0; top:250px; text-align:left;} 
#styleTag .lists {display:flex; align-items:flex-end; width:1715px; margin:30px 0 0 -45px;}
#styleTag .lists .s8 {display:flex; flex-wrap:wrap; min-width:492px;}
#styleTag .lists .s8 a {overflow:hidden; width:216px; height:288px; margin:30px 0 0 30px;}
#styleTag .lists .s8 a img {width:100%; height:100%;}
#styleTag .lists .s8.bigger {min-width:auto;}
#styleTag .lists .s8.bigger a {width:455px; height:606px;}
.prd-zoom {position:relative;}
.prd-zoom a img { transition: transform .3s } 
.prd-zoom a:hover img { transform: scale(1.1); } 
.ico-golink-bl i { width: 100px; height: 20px; background:url(../images/common/ico-golink-bl.svg) no-repeat center center; } 

#stylePlan .wrap-holder {padding: 120px 0}
#stylePlan .visual-txt03 {color: #888!important}
#stylePlan .left-img {width: calc(100% - 1000px);}
#stylePlan .left-img img {width:100%;}
#stylePlan .swiper .swiper-pagination { position: static!important; margin-top:50px;}
#stylePlan .swiper-button-next,
#stylePlan .swiper-button-prev {width: 60px !important; height: 60px !important; background:rgba(0,0,0,0.4) url(../images/common/ico_arrow_left.svg) center center no-repeat !important; margin-top: -100px!important; } 
#stylePlan .swiper-button-next:hover,
#stylePlan .swiper-button-prev:hover { background-image: url(../images/common/ico_arrow_left.svg) !important; }
#styleMagazine .wrap-holder { background-color: #fff;position: relative; }
#styleMagazine .img .p1 { width:64%; } 
#styleMagazine .img .p1 img { width:100%; } 
#styleMagazine .img .p2 { position: absolute; left: 67%; top: 40%; transform: translateY(-50%); } 
#styleMagazine .swiper .swiper-pagination { position: absolute!important; bottom:14%; left:67%; text-align: left;} 
#swiperPlan {width:970px;margin-top:100px;}
#swiperPlan .thumb-img img {width:300px;height:400px}
#styleLists .wrap-holder {padding: 120px 0 150px;}

.swiper-button-next, .swiper-button-prev {width: 42px !important; height: 82px !important; background: url(../images/common/ico_chevron-left.svg) center center no-repeat !important; margin-top: -40px!important; z-index:1;} 
.swiper-button-next:hover, .swiper-button-prev:hover { background-image: url(../images/common/ico_chevron-left.svg) !important; } 
.swiper-button-prev { transform: rotate(180deg); } 
.swiper-button-next:after, .swiper-button-prev:after { content: ''; display:none } 
.event-bnr .swiper-button-next:hover, .swiper-button-prev:hover { background-image: url(../images/main/chevron-left.png) !important; } 

.style-banner-section .swiper-pagination.swiper-pagination-fraction { width: 110px; font-size: 20px; color: #fff; left: 120px; bottom: 62px; position: absolute; height: 42px; line-height:42px; margin:0; }
.style-banner-section .swiper-pagination.swiper-pagination-fraction:before {width: 100%; height: 100%; top:0;}
.style-banner-section .swiper-pagination.swiper-pagination-fraction span {font-size:inherit;}

.style-modal.modal{padding:0}
.style-modal .left-img img{height:90vh;max-height:940px}
.style-modal .right-txt .st-m-h3{font-size:35px;line-height: 60px;color:#000;text-align: left;margin:0 0 0 50px;}
.style-modal .right-txt .st-m-h4{font-size:20px;margin:150px 0 0 20px}
.style-modal .right-txt .st-m-p{font-size:18px;line-height: 30px;color:#888;text-align: left;margin: 20px 0 0 50px}
#swiperSTModal {width:600px;margin: 20px 0 0 20px}
#swiperSTModal .thumb-img img{width:185px;height:247px}

.style-local-nav.local-nav > ul > li > a { font-size: 16px;} 
.style-local-nav.local-nav h2{font-size:27px;border-width:3px;}