@charset "utf-8";

img { max-width: 100%; position: relative;}
p { font-size: 16px;}
h3 {font-size: 1.556em}

.cont-2 .img-area .txt { position: absolute; bottom:10%; left:12.6%; color: #fff; font-size: 1.777em; font-weight: 700; line-height: 1.6;}

@media (min-width: 768px) {
	.story-page [class^=cont-] { padding-top: 0; padding-bottom: 145px;}
	.story-page .cont-1 { padding-top:125px}
	.cont-1 h2 span { font-size: 2.2rem;}
	.cont-2 .img-area {position: relative;} 
	.cont-2 .img-area+.img-area { margin-top:200px }
	.cont-2 .image-bg { position: absolute; width: 100%; height: 100%; background: #f5f5f5; margin: -9.75%}
	.image-bg.img-bg-lt { top: 0; left: 0; }
	.image-bg.img-bg-lb { bottom: 0; left: 0; }
	.image-bg.img-bg-rb { bottom: 0; right: 0; }
	
	.ct-wrap .txt-wrap { margin-bottom: 100px; margin-left: 75px;}
    .ct-wrap h3 {margin-bottom:47px;}
	.cont-3 .title-wrap { margin-bottom: 145px;} 
	.cont-4 .row, .cont-6 .row { flex-direction: row-reverse;}
	.cont-3 .cntr-bg { position: absolute; max-width: 1480px; width: 100%; height: 86%; background: #f5f5f5; bottom:-10%; left:0; margin: 0 auto;}
	.cont-4 .txt-wrap { margin-left: 0; }
	.cont-5 .cntr-bg { position: absolute; max-width: 1480px; width: 100%; height: 86%; background: #f5f5f5; top:-10%; left:0; margin: 0 auto;}
 
    .bottom-product .d-md-block{background: url(/kr/story/only-and-best/img/air-conditioners-summer-memories/bp_bg.png) no-repeat 75% 0/auto auto; padding-top:5%; margin-bottom: 60px}
    .bottom-product .d-md-block>.cntr{width: 100%;height: 600px;display: flex;text-align: center;align-items: center}
    .bottom-product .col-4{margin-top: 10%}
    /* .tab-pane img{width: 100%;max-width: 490px}
    .tab-pane .col-xl-6{padding-left: 4%}
	
	#tab1 .col-md-6,#tab3 .col-md-6{padding-left:80px !important}
	#tab2 .col-md-6{padding-right:80px !important}
	#tab1 .img-block,#tab2 .img-block,#tab3 .img-block{width:410px}*/
} 


@media (max-width: 767.98px) {
 	.cntr { padding-left: 0; padding-right: 0;}
	.cont-1 .display-1, .txt-wrap, .bottom-product .cntr { padding-left: 16px; padding-right: 16px;}
	.cont-1 h2 span { font-size: 1.7rem;}
	.txt-wrap h3 { margin-bottom: 8%;}
	p { font-size: 14px;}
	.story-page .cont-2 { padding-bottom: 0;}
	.cont-2 .img-area .txt { bottom:7%; left:7%; }
  
	.swiper-wrp { position: relative;}
	.swiper-pagination-bullets { position: relative; margin-top: 20px; }
	.swiper-pagination-bullet { position: relative; width: 18px; height: 18px; opacity: 1; background: none; border-radius: 0; }
	.swiper-pagination-bullet::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 10px; height: 10px; background: #8f8f8f; border-radius: 50%; }
	.swiper-pagination-bullet-active { width: 32px; }
	.swiper-pagination-bullet-active::before { width: 24px; background: #000; border-radius: 6px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; }
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; }
	.swiper-wrp .swiper-button-disabled{opacity:.7}
	.swiper-wrp .swiper-button-prev{width:40px;height:40px;background:url(/kr/story/only-and-best/img/air-conditioners-summer-memories/swp_prev.png) no-repeat;background-size:100% auto}
	.swiper-wrp .swiper-button-next{width:40px;height:40px;background:url(/kr/story/only-and-best/img/air-conditioners-summer-memories/swp_next.png) no-repeat;background-size:100% auto}
}