@charset "utf-8";

.extend-sec1 {position:relative;}
.extend-sec1 .img {position:relative;}
.extend-sec1 .img:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.extend-sec1 .txt {position:absolute; left:0; top:0; width:100%; height:100%;}
.extend-sec1 .vertical-box {width:100%; height:100%; text-align:center;}
.extend-sec1 strong {font-family:"Baloo Thambi 2",sans-serif; color:#fff; font-size:5em; letter-spacing:0.01em; line-height:1.150em}

.extend-sec2 {margin:110px 0;}
.extend-sec2 ul {margin:50px 0 0; *zoom:1;}
.extend-sec2 ul:after {content:""; display:block; visibility:hidden; clear:both;}
.extend-sec2 li {float:left; width:33.333%; text-align:center;}
.extend-sec2 li .cont {margin:1.8em 10px 0;}
.extend-sec2 li b {display:block; font-size:1.875em;}
.extend-sec2 li p {max-width:260px; margin:0.778em auto 0; font-size:1.125em; letter-spacing:-0.02em; line-height:1.778em;}
.extend-sec2 li .br1 {display:none;}

.extend-sec3 {overflow:hidden; background:url("../../img/product/product1_sec3_bg.png") no-repeat center top; background-size:100% auto;}
.extend-sec3 .sec3-slide {margin:50px -20px 0;}
.extend-sec3 .swiper-container {overflow:visible;}
.extend-sec3 .swiper-slide {width:50%;}
.extend-sec3 .dream {position:relative; margin:0 20px;}
.extend-sec3 .dream .img {border-radius:30px; overflow:hidden;}
.extend-sec3 .dream .img img {width:100%;}
.extend-sec3 .swiper-pagination {position:static; width:auto; margin:80px 20px 0; font-size:0; line-height:1;}
.extend-sec3 .swiper-pagination-bullet {width:20%; height:4px; margin:0 !important; vertical-align:top; opacity:1; border-radius:0; background:#fff;}
.extend-sec3 .swiper-pagination-bullet-active {background:#333;}
.extend-sec3 .slide-count {display:none;}

body.product-detail #bo_gall {background:#fafafa;}


@media screen and (max-width:1023px){
.extend-sec1 strong {font-size:3.6em;}

.extend-sec2 {margin:16% 0;}
.extend-sec2 li .icon img {width:70%;}
.extend-sec2 li b {font-size:1.333em;}

.extend-sec3 .sec3-slide {margin:35px -10px 0;}
.extend-sec3 .dream {margin:0 10px;}
.extend-sec3 .dream .img {border-radius:22px;}
}


@media screen and (max-width:767px){
.extend-sec1 strong {font-size:2.917em;}

.extend-sec2 ul {max-width:500px; margin:0 auto;}
.extend-sec2 li {float:none; width:auto; margin:35px 0 0; text-align:left;}
.extend-sec2 li .icon {display:inline-block; width:45%; text-align:center; vertical-align:middle;}
.extend-sec2 li .icon img {width:100%; max-width:145px;}
.extend-sec2 li .cont {display:inline-block; width:54%; margin:0; padding:0 0 0 10px; vertical-align:middle;}
.extend-sec2 li p {font-size:1.167em;}
.extend-sec2 li .br1 {display:block;}
.extend-sec2 li .br2 {display:none;}

.extend-sec3 {background-image:url("../../img/product/m/product_detail_bg_btm.png"); background-position:center 15px;}
.extend-sec3 .sec3-slide {margin:25px 10px;}
.extend-sec3 .swiper-slide {width:100%;}
.extend-sec3 .dream .img {border-radius:15px;}
.extend-sec3 .swiper-pagination {margin:35px -10px;}
.extend-sec3 .slide-count {display:block; position:absolute; right:-10px; bottom:13px; letter-spacing:-0.05em; line-height:1;}
.extend-sec3 .slide-count span {color:#777;}

.related-prd {padding:20% 0 0;}
}


@media screen and (max-width:359px){
.extend-sec2 li .icon {width:40%;}
.extend-sec2 li .cont {width:59%;}
.extend-sec2 li p {font-size:1em;}
}