.story-page { overflow: visible;}
img { max-width: 100%;}
section { position: relative;}
.font-weight-400 { font-weight: 400;}
.font-weight-700 { font-weight: 700;}
.row-reverse { flex-direction: row-reverse;}
.text-danger{color: #e83d52 !important}
.text-light { color: #767676 !important; font-size: 0.875em;}

.hl { padding:3px 10px}
.hl>* { font-weight: normal;}
.hl span { display: flex; align-items: center;}
.hl>i { top:50%; background: #e1f0f9;}
.btn-collapse img { margin-right: 20px;}

.collapse { line-height: 1.643;}
.cont-3 .collapse { margin-top:1em;}
.cont-2 .collapse ul li { display: flex; margin:1.875rem 0; line-height: 1.5;}
.collapse ul li b { display: inline-block; width: 1.5rem; height: 1.5rem; margin-right: 10px; margin-top:2px; border-radius: 50%; background: #000; font-size: 0.875em; color: #fff; text-align: center; line-height: 1.5;}

.cont-2 { width:100%; max-width: 1620px; margin:0 auto; padding-left:8.85%; padding-right: 8.85%; background:#f5feff;}
.cont-2 .title-label { position: absolute; border-radius: 0 0 61px 61px; background: #e81953; color: #fff; font-weight: 700; font-size: 1.7em; text-align: center; line-height: 1.5;}
/* .cont-2 .menu-label { position: absolute; width: 13%; max-width: 92px; padding:4% 3%; background: #486884; color: #fff; word-wrap: break-word; text-align: center; font-size: 3em; animation: rolling .8s .5s both !important;}  */
.cont-2 .menu-label { position: absolute; width: 13%; overflow: hidden; animation: rolling .8s .5s both !important;}

.cont-3 h3 { font-size: 2em; line-height: 1.6;} 
.cont-3 .txt-wrap { margin-top:15px}
.refrige { text-align: center;}

.bottom-product { position: relative;}
.bg-sky { position: relative; width:98%; max-width: 1626px; margin:0 auto; background: #f0f8ff; padding:24px 0;}
.bg-sky li { margin:25px 0; display: flex; line-height: 1.5; }
.bg-sky li img { margin-right: 15px; }




@media (min-width: 768px) {
	.cont-1 .txt-wrap { margin-top:4.1rem;}

	.cont-2 { padding-top:80px !important }
	/* .cont-2::before{content:"";position:absolute;left:8%;bottom:0%;width:84%;height:100%;background:#f5feff;} */
	.cont-2 .title-label { top:0px; left:17.22%; width: 123px; padding:2.5% 0 3%;}
	.cont-2>.row { margin:12% 0 6.5%;}
	.cont-2>.row:last-child { margin-bottom: 6%;}
	.cont-2 strong { font-size: 1.25em;}
	.cont-2 .menu-label {top:-12%; right:9%;}
	.label-left { left:9% !important; }
	.cont-2 .txt-wrap { margin-bottom: 40px;}

	.cont-3 { padding-top:160px !important; padding-bottom: 30px !important;}
	.cont-3 .row { padding:135px 0 32%;}
	.cont-3 .refrige { position: absolute; top:0%;left:5%}
	.cont-3 .refrige.two { top:19%;left:67%;padding-top:8%} 
	.cont-3 .refrige.three { top:57%;left:14%}

	.cont-3 .refrige.one img { margin-left: 17%;}
	.cont-3 .refrige.three img { margin-left: 6%;}
	
	.bottom-product a { position: absolute; bottom:-95%; right:8%;}
	.bg-sky li { font-size: 1.11em; }
	.bg-sky li img { height: 17px; margin-top:7px;}
	.bg-sky a { width: 20%;}
	.bottom-product .list-bull { margin-top:18.75rem;}
}

@media (min-width:768px) and (max-width: 1199.98px){
    .cont-2 { padding-left: 3%; padding-right: 3%;}
	.cont-3 .refrige.one img {margin-left: 0;}
	.cont-3 .refrige.three img { margin-left: 0;}
}

@media (min-width: 1200px) {
	/* .story-page { font-size: 16px;} */
}

@media (max-width: 767.98px) {
	.cont-1 .cntr { padding-left: 0; padding-right: 0;}
	.cont-1 h2, .cont-1 .txt-wrap { padding-left: 16px; padding-right: 16px;}
	
	.cont-2 { text-align: center; padding-left: 16px; padding-right: 16px; padding-bottom: 25px !important; } 
	.cont-2 h2 { padding-top:3.14rem;}
	.cont-2 .title-label { top:-10px; right:5%; width: 61px; padding:6% 0 7%; font-size: 1.14em;}
	.cont-2 .menu-label {top:-12%; left:4%; font-size: 1.14em;}
	.cont-2 strong { display: inline-block; font-size: 1.14em;}
	.cont-2>.row { position: relative; margin:20% 0 8%;}
	.collapse { text-align: justify;}
	.collapse ul li b { width: 1.14rem; height: 1.14rem; margin-right: 5px; font-size: 0.714em; line-height: 1.8; }
	.collapse strong { margin-bottom: 10px;}
	.collapse .text-light { font-size: 0.928em;}

	.cont-3 h3 { font-size: 1.71rem; line-height: 1.375; padding:70px 0 40px}
	.cont-3 .refrige { margin-top:65px;}
	.cont-3 .refrige img { width: 40%; }
	.cont-3 .refrige.two img { width: 80%; }

	.bg-sky { width: auto; margin:0 16px 70px 16px; padding:15px 0}
	.bg-sky li { margin:15px 0;}
	.bg-sky li img { height: 10px; margin-top:6px; margin-right: 5px;}
		
}


@keyframes rolling {
    0% {
		height: 0;
		opacity: 0;
    }

    100% {
		height: 70%;
		opacity: 1;
    }
}


.bg-sky li {position: relative; padding-left:30px;}
.bg-sky li::before { display: block; content: ""; position: absolute; left: 0; top: 7px; background: url(/kr/story/trend/img/refrigerators-cold-noodles/circle.png) no-repeat 0 0; width: 1rem; height: 1rem; background-size: 1rem;}

@media screen and (max-width: 768px) {
.bg-sky li {position: relative; padding-left:1rem;}
.bg-sky li::before {width: 0.7rem; height: 0.7rem; background-size: 0.7rem;}
}