@charset "utf-8";

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* Sub Contents (서브 콘텐츠 영역)
----------------------------------------------------------------------------------------------------------- */
	#subContainer{width:100%;}
	#subContainer .sub_title{font-family:'GmarketSans';margin-bottom:60px;}
	#subContainer .sub_title h2{font-size:50px;font-weight:600;color:#000;}
	#subContainer .sub_title p{font-size:25px;font-weight:300;color:#0f75bc;margin-top:15px;}	
	#subContainer .sub_title h2 span{font-size:27px;font-size:300;}
	
	h3.title_h3{position:relative;font-family:'GmarketSans';font-size:27px;font-weight:600;padding:0 0 30px 0;color:#222; letter-spacing:-0.02rem;text-align:center;}
	h3.title_h3:after{content:'';display:block;width:1px;height:20px;background:#777;margin:25px auto;display:none;}

	@media only screen and (max-width:1200px) {
		#subContainer .sub_title h2{font-size:45px;}
		#subContainer .sub_title p{font-size:22px;}
		#subContainer .sub_title h2 span{font-size:25px;}
	}

	@media only screen and (max-width:980px) {
		#subContainer{}
		#subContainer .sub_title h2{font-size:42px;}

		h3.title_h3{font-size:26px;}
		h3.title_h3:after{}
	
	}
	@media only screen and (max-width:780px) {
		#subContainer{}
		#subContainer .sub_title{padding:0 30px;}
		#subContainer .sub_title h2{font-size:36px;}
		#subContainer .sub_title p{font-size:20px;}
		#subContainer .sub_title h2 span{font-size:23px;}

		h3.title_h3{font-size:24px;padding:0 0 30px 0;}
		h3.title_h3:after{}
	}

	@media only screen and (max-width:500px) {
		#subContainer{}
		#subContainer .sub_title{margin:0 auto;padding:0;}
		#subContainer .sub_title h2{font-size:28px;}
		#subContainer .sub_title p{font-size:16px;margin-top:10px;}
		#subContainer .sub_title h2 span{font-size:20px;}
		
		h3.title_h3{font-size:22px;}
		h3.title_h3:after{width:15px;left:52%;}
	}





/* 쿨랑 */
.coolang_wrap .cool_con01{position:relative;background:url('/images/mtl01r-20-0043/sub/01/sub01_box01_01_1.jpg') no-repeat top center/cover;height:80vh;text-align:center;}

.coolang_wrap .cool_con01:after{position:absolute;top:0;left:0;width:100%;height:80vh;background:rgba(0,0,0,0.1);display:block;content:'';z-index:0;}
.coolang_wrap .cool_con01 .txt_box{position:absolute;left:0px;top:30vh;width:100%;text-align:center;color:#fff;font-size:65px;font-weight:600;text-shadow:0px 5px 10px rgba(0, 0, 0,.3);z-index:10;}/*font-family: 'Koh Santepheap', cursive;*/
.coolang_wrap .cool_con01 .top_logo{position:absolute;top:39vh;left:0;background:url('/images/mtl01r-20-0043/sub/01/sub01_box01_logo.png') no-repeat center top;width:100%;height:250px;margin:0 auto;text-shadow:0px 5px 10px rgba(0,0,0,2);background-size:230px;z-index:10;}

/*쿨랑비타*/
.coolang_wrap .cool_con01.bg02{background:url('/images/mtl01r-20-0043/sub/02/sub02_box01_01.jpg') no-repeat 35% top/cover;}
.coolang_wrap .cool_con01.bg02 .txt_box{top:30vh;}
.coolang_wrap .cool_con01 .top_logo.vita_logo{background:url('/images/mtl01r-20-0043/sub/01/sub01_box01_logo.png') no-repeat center top;text-shadow:0px 5px 10px rgba(0,0,0, 0);background-size:230px;top:40vh;}
.coolang_wrap .cool_con01 .top_logo.vita_logo span{position:absolute;left:51.5%;top:23%;font-size:27px;font-weight:700;color:#fff;text-shadow:0px 2px 5px rgba(255,255,255,0.8);}

/*쿨랑호스*/
.coolang_wrap .cool_con01.bg03{background:url('/images/mtl01r-20-0043/sub/03/sub03_box01.jpg') no-repeat 35% top/cover;}
.coolang_wrap .cool_con01.bg03 .txt_box{top:30vh;}
.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo{background:url('/images/mtl01r-20-0043/sub/01/sub01_box01_logo.png') no-repeat center 0%;text-shadow:0px 5px 10px rgba(0,0,0, 0);background-size:180px;top:40vh;}
.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo span{position:absolute;left:42%;top:25%;font-size:43px;font-weight:700;color:#2670bf;text-shadow:0px 2px 5px rgba(255,255,255,0.8);}


	@media only screen and (max-width:1200px) {
		.coolang_wrap .cool_con01, .coolang_wrap .cool_con01:after{height:70vh;}
		.coolang_wrap .cool_con01 .txt_box{font-size:55px;}
		.coolang_wrap .cool_con01 .top_logo{background-size:200px;}
		.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo{background-size:160px;background-position:center 0%;top:38vh;}
		.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo span{left:38%;top:49px;;font-size:39px;}

	}

	@media only screen and (max-width:980px) {
		.coolang_wrap .cool_con01, .coolang_wrap .cool_con01:after{height:60vh;}
		.coolang_wrap .cool_con01 .txt_box{top:20vh;font-size:40px;}
		.coolang_wrap .cool_con01 .top_logo{top:26vh;background-size:130px;}

	.coolang_wrap .cool_con01.bg02 .txt_box{top:20vh;}
	.coolang_wrap .cool_con01 .top_logo.vita_logo{top:26vh;background-size:130px;}
	.coolang_wrap .cool_con01 .top_logo.vita_logo span{left:52%;top:14%;font-size:13px;}
		
	.coolang_wrap .cool_con01.bg03 .txt_box{top:20vh;}
	.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo{background-size:110px;background-position:center 0%;top:28vh;}
	.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo span{left:37%;top:43px;font-size:33px;}
	}

	@media only screen and (max-width:768px) {
		.coolang_wrap .cool_con01, .coolang_wrap .cool_con01:after{height:400px;}
		.coolang_wrap .cool_con01 .txt_box{top:130px;font-size:35px;line-height:32px;}
		.coolang_wrap .cool_con01 .txt_box span{display:block;}
		.coolang_wrap .cool_con01 .top_logo{top:220px;background-size:100px;height:70px;}

		.coolang_wrap .cool_con01.bg02 .txt_box{top:130px;font-size:35px;line-height:32px;}
		.coolang_wrap .cool_con01 .top_logo.vita_logo{top:220px;background-size:100px;}
		.coolang_wrap .cool_con01 .top_logo.vita_logo span{left:52%;top:33%;font-size:10px;}

		.coolang_wrap .cool_con01.bg03 .txt_box{top:130px;}
		.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo{background-size:90px;background-position:center 0%;top:25vh;}
		.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo span{left:38%;top:35px;font-size:23px;}
	}

	@media only screen and (max-width:500px) {
		.coolang_wrap .cool_con01{background:url('/images/mtl01r-20-0043/sub/01/sub01_box01_01_m.jpg') no-repeat 49% top/cover;}
		.coolang_wrap .cool_con01, .coolang_wrap .cool_con01:after{height:330px;}
		.coolang_wrap .cool_con01 .txt_box{top:115px;font-size:30px;line-height:28px;}
		.coolang_wrap .cool_con01 .top_logo{top:190px;}

		.coolang_wrap .cool_con01.bg02 .txt_box{top:115px;font-size:30px;line-height:28px;}
		.coolang_wrap .cool_con01 .top_logo.vita_logo{top:190px;}
		.coolang_wrap .cool_con01 .top_logo.vita_logo span{left:53%;top:35%;}

		.coolang_wrap .cool_con01.bg03 .txt_box{top:115px;}
		.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo{background-size:80px;top:190px;}
		.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo span{left:35%;font-size:20px;top:33px;}
	}


	@media only screen and (max-width:300px) {
		.coolang_wrap .cool_con01, .coolang_wrap .cool_con01:after{height:280px;}
		.coolang_wrap .cool_con01 .txt_box{top:100px;font-size:27px;line-height:25px;}
		.coolang_wrap .cool_con01 .top_logo{top:170px;}

		.coolang_wrap .cool_con01.bg02 .txt_box{top:100px;font-size:27px;line-height:25px;}
		.coolang_wrap .cool_con01 .top_logo.vita_logo{top:170px;}
		.coolang_wrap .cool_con01 .top_logo.vita_logo span{left:57%;top:32%;}

		.coolang_wrap .cool_con01.bg03 .txt_box{top:110px;}
		.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo{background-size:70px;top:175px;background-position:center 0%;}
		.coolang_wrap .cool_con01.bg03 .top_logo.vita_logo span{left:30%;font-size:18px;}
	}


/* Main Visual (메인이미지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.cool_con02{margin:50px 0;}
.cool_con02 .coolang_imgbox{width:1200px;height:460px;margin:0 auto;background:url('/images/mtl01r-20-0043/sub/01/sub01_box02.png')no-repeat center;background-size:100%;}
.cool_con02 .coolang_imgbox .box_01{position:relative;width:100%;font-size:20px;color:#005f95;font-weight:500;}
.cool_con02 .coolang_imgbox .box_01 p{position:absolute;display:block;}
.cool_con02 .coolang_imgbox .box_01 p.po01{left:270px;top:70px;}
.cool_con02 .coolang_imgbox .box_01 p.po02{left:400px;top:350px;}
.cool_con02 .coolang_imgbox .box_01 p.po03{right:200px;top:50px;}

.main-visual {position: relative;overflow: hidden;}

.carousel-caption {position: absolute;width: 1200px;top:55%;left: 50%;margin-left: -600px;z-index: 99;text-align:center;text-shadow:0 5px 15px rgba(0,0,0,0.4);}
.carousel-caption p {color: #0066cc;font-family:'GmarketSans', sans-serif;font-size:40px; font-weight:100;}

#main_slide.owl-carousel {display: block;height:480px;}
#main_slide.owl-carousel .owl-item .item {height: 480px;}
#main_slide.owl-carousel .owl-item .main-img01 {background: url('/images/mtl01r-20-0043/sub/01/sub01_box02_01.png') no-repeat center top;background-size:1300px;}
#main_slide.owl-carousel .owl-item .main-img02 {background: url('/images/mtl01r-20-0043/sub/01/sub01_box02_02_1.png') no-repeat center top;background-size:1300px;}
#main_slide.owl-carousel .owl-item .main-img03 {background: url('/images/mtl01r-20-0043/sub/01/sub01_box02_03.png') no-repeat center top;background-size:1300px;}

#main_slide.owl-carousel .owl-dots {position: absolute;bottom:20px;right: 0px;width: 100%;text-align: center;}
#main_slide.owl-carousel .owl-dots .owl-dot {background: none;border: none;display: inline-block;}
#main_slide.owl-carousel .owl-dots .owl-dot span {display:inline-block;width:10px;height:10px;border-radius:10px;background:#222;margin:0px 5px;}
#main_slide.owl-carousel .owl-dots .owl-dot.active span {display:inline-block;width:25px;height:10px;border-radius:10px;background:#222;}

#main_slide.owl-carousel .owl-nav{position:absolute;top:85%;left:50%;width:110px;margin-left:-60px;display:none;}
#main_slide.owl-carousel .owl-nav button.owl-next, #main_slide.owl-carousel .owl-nav button.owl-prev{background: 0 0;color: inherit;border: none;padding: 0!important;font: inherit;width:50px;height:50px;cursor: pointer;font-size:0;-webkit-transition: all .2s ease-out -moz-transition: all .2s ease-out;transition: all .2s ease-out;border-radius:50%;}
#main_slide.owl-carousel .owl-nav button.owl-prev{background:rgba(0,0,0, .2) url('/images/mtl01r-20-0043/sub/01/product_prev.png') no-repeat  center;position:absolute;left:-5%;}
#main_slide.owl-carousel .owl-nav button.owl-next{background:rgba(0,0,0, .2) url('/images/mtl01r-20-0043/sub/01/product_next.png') no-repeat center;position:absolute;right:-5%;}
#main_slide.owl-carousel .owl-nav button.owl-prev:hover{background:rgba(0,0,0, .7)url('/images/mtl01r-20-0043/sub/01/product_prev.png') no-repeat  center;}
#main_slide.owl-carousel .owl-nav button.owl-next:hover{background:rgba(0,0,0, .7) url('/images/mtl01r-20-0043/sub/01/product_next.png') no-repeat center;}


@media only screen and (max-width: 1300px) {
	#main_slide.owl-carousel .owl-item .main-img01, #main_slide.owl-carousel .owl-item .main-img02, #main_slide.owl-carousel .owl-item .main-img03{background-size:980px;}
	#main_slide.owl-carousel {height:370px;}
	#main_slide.owl-carousel .owl-item .item {height:370px;}
	.carousel-caption p {font-size:35px;}
}


@media only screen and (max-width: 1200px) {
	.cool_con02{margin:30px 0;}

	.cool_con02 .coolang_imgbox{width:980px;height:400px;}
	.cool_con02 .coolang_imgbox .box_01{font-size:18px;}
	.cool_con02 .coolang_imgbox .box_01 p.po01{left:210px;top:60px;}
	.cool_con02 .coolang_imgbox .box_01 p.po02{left:330px;top:330px;}
	.cool_con02 .coolang_imgbox .box_01 p.po03{right:160px;top:60px;}

	.carousel-caption {width: 100%;left: 0%;margin-left: 0px;padding:0px 20px;}
	.carousel-caption .slogan {font-size:70px;}
	.carousel-caption p {font-size:30px;}

	#main_slide.owl-carousel .owl-nav{position:absolute;left:calc(50%);width:80%;margin-left:-40%;}
}

@media only screen and (max-width: 980px) {
	.cool_con02 .coolang_imgbox{width:780px;height:350px;}
	.cool_con02 .coolang_imgbox .box_01{font-size:16px;}
	.cool_con02 .coolang_imgbox .box_01 p.po01{left:160px;top:50px;}
	.cool_con02 .coolang_imgbox .box_01 p.po02{left:240px;top:270px;}
	.cool_con02 .coolang_imgbox .box_01 p.po03{right:120px;top:40px;}

	#main_slide.owl-carousel .owl-item .main-img01, #main_slide.owl-carousel .owl-item .main-img02, #main_slide.owl-carousel .owl-item .main-img03{background-size:100%;}
	#main_slide.owl-carousel {height:350px;}
	#main_slide.owl-carousel .owl-item .item {height:350px;}
	.carousel-caption{}
	.carousel-caption p {font-size:30px;}

}

@media only screen and (max-width: 768px) {
	.cool_con02 .coolang_imgbox{width:100%;height:auto;background:none;}
	.cool_con02 .coolang_imgbox .box_01{width:500px;margin:0 auto;}
	.cool_con02 .coolang_imgbox .box_01:after, .cool_con02 .coolang_imgbox .box_01:before{display:block;content:'';margin:0 auto;}
	.cool_con02 .coolang_imgbox .box_01:before{width:460px;height:260px;background:url('/images/mtl01r-20-0043/sub/01/sub01_box02_1.png') no-repeat;background-size:100%;}
	.cool_con02 .coolang_imgbox .box_01:after{width:460px;height:350px;background:url('/images/mtl01r-20-0043/sub/01/sub01_box02_2.png') no-repeat;background-size:100%;}
	.cool_con02 .coolang_imgbox .box_01{font-size:15px;}
	.cool_con02 .coolang_imgbox .box_01 p.po01{left:230px;top:30px;}
	.cool_con02 .coolang_imgbox .box_01 p.po02{left:40px;top:220px;}
	.cool_con02 .coolang_imgbox .box_01 p.po03{right:280px;top:530px;}

	#main_slide.owl-carousel {height:270px;}
	#main_slide.owl-carousel .owl-item .item {height:270px;}
	#main_slide.owl-carousel .owl-dots {bottom:0px;}
	.carousel-caption p {font-size:23px;}
}

@media only screen and (max-width:500px) {
	.cool_con02 .coolang_imgbox .box_01{width:350px;margin:0 auto;}
	.cool_con02 .coolang_imgbox .box_01:before{width:300px;height:220px;}
	.cool_con02 .coolang_imgbox .box_01:after{width:300px;height:280px;}
	.cool_con02 .coolang_imgbox .box_01 p.po01{left:140px;top:10px;}
	.cool_con02 .coolang_imgbox .box_01 p.po02{left:15px;top:160px;}
	.cool_con02 .coolang_imgbox .box_01 p.po03{right:0px;left:20px;top:420px;}

	#main_slide.owl-carousel {height:230px;}
	#main_slide.owl-carousel .owl-item .item {height:230px;}
	.carousel-caption p {font-size:16px;}
}

@media only screen and (max-width:490px) {
	#main_slide.owl-carousel {height:200px;}
	#main_slide.owl-carousel .owl-item .item {height:200px;}
	.carousel-caption p {font-size:15px;}
}


@media only screen and (max-width:300px) {
	.carousel-caption{top:43%;}
}


/* ----------------------------- 피부 ---------------------------- */

.cool_con03{background:#f8f8f8;padding:100px 0;text-align:center;}
.cool_con03 ul{position:relative;background:url('/images/mtl01r-20-0043/sub/01/sub01_box03_01.png') no-repeat center 0;height:440px;width:500px;margin: 0 auto;}
.cool_con03 ul li{position:absolute;width:120px;height:120px;text-align:center;}
.cool_con03 ul li span{background:#dfdfdf;font-size:15px;font-weight:600;font-family:'Montserrat';padding:5px 10px;border-radius:50px;}
.cool_con03 ul li:nth-child(1){background:url('/images/mtl01r-20-0043/sub/01/sub01_box03_02.png') no-repeat left top;top:0;right:0;}
.cool_con03 ul li:nth-child(2){background:url('/images/mtl01r-20-0043/sub/01/sub01_box03_03.png') no-repeat left top;top:170px;right:0;}
.cool_con03 ul li:nth-child(3){background:url('/images/mtl01r-20-0043/sub/01/sub01_box03_04.png') no-repeat left top;bottom:0px;right:0;}
.cool_con03 ul li:nth-child(4){background:url('/images/mtl01r-20-0043/sub/01/sub01_box03_05.png') no-repeat left top;top:0;left:0;}
.cool_con03 ul li:nth-child(5){background:url('/images/mtl01r-20-0043/sub/01/sub01_box03_06.png') no-repeat left top;top:170px;left:0;}
.cool_con03 ul li:nth-child(6){background:url('/images/mtl01r-20-0043/sub/01/sub01_box03_07.png') no-repeat left top;bottom:0;left:0;}


@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:980px) {
	.cool_con03{padding:80px 0;}
}

@media only screen and (max-width:780px) {
}

@media only screen and (max-width:500px) {
	.cool_con03{padding:60px 0;}
	#subContainer .cool_con03 .sub_title{margin-bottom:30px;}
	#subContainer .cool_con03 .sub_title p{width:90%;margin:10px auto 0px auto;}
}



.cool_con04{padding:100px 0;background:url('/images/mtl01r-20-0043/sub/01/sub01_box04_01.jpg') no-repeat center 0 / cover;height:650px;text-align:center;}

@media only screen and (max-width:1200px) {
}


@media only screen and (max-width:980px) {
	.cool_con04{padding:80px 0;height:530px;}
}

@media only screen and (max-width:780px) {
	#subContainer .cool_con04 .sub_title p{width:90%;margin:10px auto 0px auto;}
}

@media only screen and (max-width:500px) {
	.cool_con04{padding:60px 0;height:400px;}
}


.cool_con05{position:relative;padding:100px 0 250px 0;background:url('/images/mtl01r-20-0043/sub/01/sub01_box05_01.jpg') no-repeat center 0 / cover;height:650px;}
.cool_con05.bg02{background:url('/images/mtl01r-20-0043/sub/02/sub02_box05_01.jpg') no-repeat center 0 / cover}

.cool_con05 > div{width:1200px;margin:0 auto;}
#subContainer .cool_con05 .sub_title{width:60%;margin-top:30px;padding-left:0;}
.cool_con05:after{display:block;content:'';position:absolute;left:0;bottom:-150px;width:1150px;height:410px;background:url('/images/mtl01r-20-0043/sub/01/sub01_box05_02.png') no-repeat;background-size:100%;opacity:0.8;}
.cool_con05.bg02:after{opacity:0.4;}
.cool_con05 ul{width:60%;margin-top:0px;text-align:left;background:rgba(255,255,255,0);font-family:'GmarketSans';}
.cool_con05 ul li{}
.cool_con05 ul li:nth-child(1){color:#0f75bc;font-weight:300;font-size:22px;line-height:32px;}
.cool_con05 ul li:nth-child(2){margin-top:50px;color:#000;font-size:30px;font-weight:600;line-height:30px;}
.cool_con05 ul li:nth-child(2) img{width:170px;margin-top:10px;}
.cool_con05 ul li span{font-weight:600;font-size:40px;display:block;}
.cool_con05 ul li .vita_logo_bg{display:inline;background:url('/images/mtl01r-20-0043/common/logo_coolang_blue.png') no-repeat 0 10px;width:170px;height:73px;background-size:100%;}
.cool_con05 ul li .vita_logo_bg span{position:absolute;left:51.5%;top:23%;font-size:25px;font-weight:700;color:#fff;text-shadow:0px 2px 5px rgba(255,255,255,0.8);}



@media only screen and (max-width:1200px) {
.cool_con05 > div{width:90%;}
.cool_con05 ul{width:70%;}
}


@media only screen and (max-width:980px) {
	.cool_con05{padding:80px 0;height:530px;background-position:60% 0; }
	.cool_con05:after{bottom:-110px;width:780px;height:280px;}
	#subContainer .cool_con05 .sub_title{width:80%;margin-bottom:30px;}
	.cool_con05 ul{width:60%;}
	.cool_con05 ul li:nth-child(1){font-size:20px;line-height:32px;}
	.cool_con05 ul li:nth-child(2){margin-top:40px;font-size:26px;line-height:26px;}
	.cool_con05 ul li:nth-child(2) img{width:150px;}
	}

@media only screen and (max-width:780px) {
	.cool_con05{background:url('/images/mtl01r-20-0043/sub/01/sub01_box05_01_mobile.jpg') no-repeat 60% 0 / cover}
	.cool_con05:after{bottom:-120px;width:95%;height:250px;}
	.cool_con05.bg02{background-position:60% 0;}
	.cool_con05 ul{width:75%;}
	.cool_con05 ul li:nth-child(1){font-size:18px;line-height:32px;}
	.cool_con05 ul li:nth-child(2){margin-top:40px;font-size:23px;line-height:20px;}
	.cool_con05 ul li:nth-child(2) img{width:130px;}
}

@media only screen and (max-width:500px) {
	.cool_con05{padding:60px 0;height:400px;background-position:64% 0; }
	.cool_con05.bg02{background-position:64% 0; }
	.cool_con05:after{bottom:-100px;width:90%;height:200px;}
	#subContainer .cool_con05 .sub_title{width:95%;margin-bottom:30px;}
	.cool_con05 ul{width:90%;}
	.cool_con05 ul li:nth-child(1){font-size:15px;line-height:22px;}
	.cool_con05 ul li:nth-child(2){margin-top:35px;font-size:20px;line-height:15px;letter-spacing:-1.1px;}
	.cool_con05 ul li:nth-child(2) img{width:110px;}
}




/* 스펙 내용*/
.cool_con06{position:relative;padding:150px 0 0 0;background:url('/images/mtl01r-20-0043/sub/01/sub01_box06_bg.jpg') no-repeat 60% 0 ;text-align:center;}
#subContainer .cool_con06 .sub_title p{color:#fff;}
#vita_filter{position:absolute;top:-100px;width:100%;}
.vita_wrap{}

#product_wrap{width:1200px;margin:0px auto;position: relative;padding:80px 0 0;background:#fff;border-radius:30px 30px 0 0px;font-family:'Montserrat';}
/*#product_wrap:before{position:absolute;top:-180px;left:-200px;display:block;content:'';width:520px;height:520px;background:url('/images/mtl01r-20-0043/sub/01/sub01_box06_02_00.png') no-repeat;}*/
.box_width{position: relative;width:90%;margin:0 auto;}

#product_wrap .sub_tabs{position:absolute;width:100%;z-index:10;border-radius:20px;background:#0f75bc;box-shadow: 2px 10px 10px rgba(0,0,0,0.2);}
#product_wrap .sub_tabs ul.tabs{text-align: center;z-index:10;display:flex;flex-wrap: wrap;}
#product_wrap .sub_tabs ul.tabs:after {content:''; display:block; clear:both;}
#product_wrap .sub_tabs ul.tabs li{display:block;width:calc(100%/3);height:60px;line-height:60px;font-size:18px;margin:0px;color:#fff;cursor:pointer;}
#product_wrap .sub_tabs ul.tabs li.active{background:#05263d;color:#fff;font-weight:600;border-radius:20px;}
#product_wrap .sub_tabs ul.tabs.col4 li{width:calc(100%/4);letter-spacing:}

#product_wrap .tab_container {width:100%;min-height:300px;}
#product_wrap .tab_container .tab_content{width:100%;display:flex;flex-wrap: wrap; justify-content: space-between;}

#product_wrap .tab_container .tab_content:after {content:''; display:block; clear:both;}
#product_wrap .tab_container .tab_content > div{}

#product_wrap .tab_container .tab_content .item {margin-top:130px;}
#product_wrap .tab_container .tab_content .item p.title_s{font-size:35px;font-weight:600;margin-bottom:60px;}
#product_wrap .tab_container .tab_content .item p.title_s:after{display:block;content:'';background:#222;width:30px;height:3px;margin:15px auto 30px auto;border-radius:3px;}
#product_wrap .tab_container .tab_content .item .text_wrap, #product_wrap.vita_wrap .tab_container .tab_content .item .text_wrap{position:relative;width:100%;}

#product_wrap .tab_container .tab_content .item .text_wrap:after{position:absolute;top:-580px;left:-250px;display:block;content:'';width:520px;height:520px;background-size:100%;}

#product_wrap .tab_container .tab_content .item.info01 .text_wrap:after{background:url('/images/mtl01r-20-0043/sub/01/sub01_box06_01_01.png') no-repeat;}

#product_wrap .tab_container .tab_content .item .text_wrap .text_img{background:#f0f0f0;}
#product_wrap .tab_container .tab_content .item.info01 .text_wrap .text_img:before{}
#product_wrap .tab_container .tab_content .item.info01 .text_wrap .text_img{position:relative;display:flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;flex-direction: row;}

#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul{width:70%;padding:50px 80px;}
#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul li{font-size:24px;border-bottom:1px solid #ccc;text-align:left;padding-bottom:15px;margin-bottom:20px;}
#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul li:last-child{margin-bottom:0px;}

#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box{position:relative;width:30%;padding:200px 60px 0 0;}
#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box img{padding:5px;background:#fff;border-radius:10px;margin:0 5px;}
#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box:before{position:absolute;top:-90px;right:20px;display:block;content:'';width:340px;height:290px;background:url('/images/mtl01r-20-0043/sub/01/sub01_box06_01_02.png') no-repeat;}

#product_wrap .tab_container .tab_content .item.info01 .text_line{background:url('/images/mtl01r-20-0043/sub/01/sub01_box06_01_05.jpg') no-repeat 50% center;width:100%;height:300px;padding:80px 450px 50px 80px;margin-top:30px;text-align:left;}
#product_wrap .tab_container .tab_content .item.info01 .text_line p{color:#fff;font-size:24px;line-height:33px;}

#product_wrap .tab_container .tab_content .item.info02 .img_boxs{width:100%;padding:20px 0;background:#fff;text-align:center;margin:20px 0;border-radius:20px;}

#product_wrap .tab_container .tab_content .item.info02 .text_wrap:after{background:url('/images/mtl01r-20-0043/sub/01/sub01_box06_02_01.png') no-repeat;}
#product_wrap .tab_container .tab_content .item.info02 .text_wrap{background:#f0f0f0;}
#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul{width:100%;padding:50px 80px 0 ;}
#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul:before{position:absolute;top:-90px;right:20px;display:block;content:'';width:290px;height:285px;background:url('/images/mtl01r-20-0043/sub/01/sub01_box06_02_02.png') no-repeat;}

#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul li{font-size:22px;border-bottom:1px solid #ccc;text-align:left;padding-bottom:15px;margin-bottom:20px;}
#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul li:nth-child(1){padding-right:250px;}

#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul.info02_2 {padding:0 80px 50px;}
#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul.info02_2 li:nth-child(1){padding-right:0;}

#product_wrap .tab_container .tab_content .item.info03 .text_wrap{position:relative;background:#f0f0f0;}
#product_wrap .tab_container .tab_content .item.info03 .text_wrap .img_in{position:absolute;bottom:20px;right:200px;}
#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul{width:80%;padding:50px 80px;}
#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul:before{position:absolute;top:-20px;right:40px;display:block;content:'';width:260px;height:440px;background:url('/images/mtl01r-20-0043/sub/01/sub01_box06_03_02.png') no-repeat;}

#product_wrap .tab_container .tab_content .item.info03 .text_wrap:after{background:url('/images/mtl01r-20-0043/sub/01/sub01_box06_03_01.png') no-repeat;}
#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul li{font-size:22px;border-bottom:1px solid #ccc;text-align:left;padding-bottom:15px;margin-bottom:20px;}

#product_wrap .tab_container .tab_content .item.info03 .step_list{margin:70px 0 0px 0;}
#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit{}
#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit .title_s2{font-size:25px;font-weight:600;margin-bottom:30px;}
#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit .sub_txt{width:80%;font-size:22px;margin:0 auto 50px auto;}

#product_wrap .tab_container .tab_content .item.info03 .step_list ul{display:flex;justify-content: space-around;width:100%;margin:0 auto;border:1px solid #eee;padding:30px 0;}
#product_wrap .tab_container .tab_content .item.info03 .step_list ul li{position:relative;}
#product_wrap .tab_container .tab_content .item.info03 .step_list ul li:after{position:absolute;right:-65%;top:40%;display:block;content:'\f054';font-family:'FontAwesome';font-size:20px;font-weight:100;color:#b2b2b2;margin-left:30px;background:#c0c0c0;border-radius:70px;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;}
#product_wrap .tab_container .tab_content .item.info03 .step_list ul li:last-child:after{display:none;}



/* 쿨랑비타 */
#product_wrap.vita_wrap .tab_container .tab_content .item .text_wrap:after{width:470px;height:520px;background-size:100%;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_wrap:after{background:url('/images/mtl01r-20-0043/sub/02/sub02_box06_03_01.png') no-repeat;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_wrap ul{width:100%;padding:50px 80px;}

#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line{background:url('/images/mtl01r-20-0043/sub/02/sub02_box06_01_02_1.jpg') no-repeat 50% top / cover;width:100%;height:460px;padding:80px 450px 50px 80px;margin-top:0;margin-bottom:30px;text-align:left;color:#222;font-size:24px;line-height:33px;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line p{background:rgba(255,255,255,0.8);color:#222;font-size:15px;margin-top:20px;border-radius:10px;line-height:20px;padding:20px;width:80%;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line p span{color:#4490d2;}


#product_wrap.vita_wrap .tab_container .tab_content .item.info04 .text_wrap:after{top:-1010px;width:470px;height:520px;background-size:100%;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info04 .text_wrap:after{background:url('/images/mtl01r-20-0043/sub/02/sub02_box06_03_01.png') no-repeat;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .text_wrap:after{width:470px;height:520px;background-size:100%;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .text_wrap:after{background:url('/images/mtl01r-20-0043/sub/02/sub02_box06_01_01.png') no-repeat;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info02 .text_wrap:after{width:470px;height:520px;background-size:100%;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info02 .text_wrap:after{background:url('/images/mtl01r-20-0043/sub/02/sub02_box06_02_01.png') no-repeat;}

#product_wrap .tab_container .tab_content .item.info04 .perfume_list{background:#f0f0f0;border-bottom:1px solid #d3d3d3;padding-bottom:20px;}
#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul{display:flex;flex-wrap: wrap;width:95%;margin:0px auto;}
#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li{width:32.333%;background:#fff;border-radius:20px;margin:20px .5%;}
#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li dl{width:80%;margin:0 auto;padding:250px 0  20px 0;}
#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:nth-child(1) dl{background:url('/images/mtl01r-20-0043/sub/02/sub02_box06_03_07.png') no-repeat 55% 10px;background-size:220px;}
#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:nth-child(2) dl{background:url('/images/mtl01r-20-0043/sub/02/sub02_box06_03_08.png') no-repeat 55% 10px;background-size:220px;}
#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:nth-child(3) dl{background:url('/images/mtl01r-20-0043/sub/02/sub02_box06_03_09.png') no-repeat 55% 10px;background-size:220px;}
#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li dl dt{background:#0063aa;color:#fff;font-size:17px;font-weight:500;border-radius:20px;padding:5px 0;margin:0 auto 10px auto;}
#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li dl dd{font-size:16px;line-height:20px;}
#product_wrap .tab_container .tab_content .item.info04 .perfume_list p{font-weight:500;}

#product_wrap .tab_container .tab_content .item.info04 .text_wrap{background:#f0f0f0;}
#product_wrap .tab_container .tab_content .item.info04 .text_wrap ul{width:100%;padding:50px 80px;text-align:left;}
#product_wrap .tab_container .tab_content .item.info04 .text_wrap ul li{font-size:22px;border-bottom:1px solid #ccc;text-align:left;padding-bottom:15px;margin-bottom:20px;}
#product_wrap .tab_container .tab_content .item.info04 .text_wrap ul li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}


#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit .sub_txt span{display:block;margin-bottom:5px;}

#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul{display:flex;flex-wrap: wrap;justify-content: center;width:100%;margin:0 auto;border:1px solid #eee;padding:20px 0 10px 0;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li{width:18%;margin:0 1%;position:relative;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li img{background:#f8f8f8;border-radius:10px;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li:after{position:absolute;top:-40px;left:50%;display:block;content:'';font-size:20px;font-weight:500;color:#fff;background:#0063aa;border-radius:70px;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;margin-left:-20px;}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li:nth-child(1):after{content:'1';}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li:nth-child(2):after{content:'2';}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li:nth-child(3):after{content:'3';}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li:nth-child(4):after{content:'4';}
#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li:nth-child(5):after{content:'5';}


@media only screen and (max-width: 1200px) {
	.cool_con06{padding:100px 0 0 0;}
	#product_wrap{width:95%;padding:50px 0 0;}
	#product_wrap .tab_container {}

	#product_wrap .tab_container .tab_content .item p.title_s{font-size:32px;margin-bottom:50px;}
	#product_wrap .tab_container .tab_content .item p.title_s:after{display:block;content:'';background:#222;width:30px;height:3px;margin:15px auto 30px auto;border-radius:3px;}
	

	#product_wrap .tab_container .tab_content .item .text_wrap:after{top:-520px;left:-130px;width:380px;height:380px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap:after, #product_wrap .tab_container .tab_content .item.info02 .text_wrap:after, #product_wrap .tab_container .tab_content .item.info03 .text_wrap:after{background-size:100%;}

	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_wrap:after, #product_wrap.vita_wrap .tab_container .tab_content .item.info02 .text_wrap:after, #product_wrap.vita_wrap .tab_container .tab_content .item.info03 .text_wrap:after, #product_wrap.vita_wrap .tab_container .tab_content .item.info04 .text_wrap:after{background-size:100%;}

	#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul{padding:30px 50px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul li{font-size:22px;padding-bottom:15px;margin-bottom:25px;}

	#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box:before{top:-30px;width:250px;height:290px;background-size:100%;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box img{padding:5px;margin:0 3px;height:50px;}

	#product_wrap .tab_container .tab_content .item.info01 .text_line{height:250px;padding:60px 380px 50px 80px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_line p{font-size:22px;line-height:30px;}


	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul{padding:30px 50px 0;}
	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul:before{top:-90px;width:250px;height:255px;background-size:100%;}
	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul.info02_2 {padding:0 50px 30px;}

	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul li{font-size:22px;}
	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul li:nth-child(1){padding-right:240px;}


	#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul{width:80%;padding:30px 50px;}
	#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul:before{top:-40px;right:40px;width:240px;height:400px;background-size:100%;}

	#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul li{font-size:20px;}
	#product_wrap .tab_container .tab_content .item.info03 .text_wrap .img_in{bottom:20px;right:170px;}
	#product_wrap .tab_container .tab_content .item.info03 .text_wrap .img_in img{width:40px;}

	#product_wrap .tab_container .tab_content .item.info03 .step_list{margin:70px 0 0px 0;}
	#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit{}
	#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit .title_s2{font-size:23px;}
	#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit .sub_txt{width:90%;font-size:20px;margin:0 auto 30px auto;}
	
	#product_wrap .tab_container .tab_content .item.info03 .step_list ul li img{height:350px;}
	#product_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li img{height:auto;}
	
	
	/* 쿨랑비타 */
	#product_wrap.vita_wrap .tab_container .tab_content .item .text_wrap:after{top:-500px;width:380px;height:420px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_wrap ul{padding:30px 50px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line{height:460px;padding:60px 380px 50px 80px;font-size:22px;line-height:30px;}


	#product_wrap.vita_wrap .tab_container .tab_content .item.info04 .text_wrap:after{top:-920px;width:380px;height:420px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .text_wrap:after{width:380px;height:420px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info02 .text_wrap:after{width:380px;height:420px;}


	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li dl{padding:220px 0  20px 0;}
	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:nth-child(1) dl{background-size:180px;background-position:60% 20px;}
	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:nth-child(2) dl{background-size:180px;background-position:60% 20px;}
	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:nth-child(3) dl{background-size:180px;background-position:60% 20px;}


}


@media only screen and (max-width: 980px) {
	#product_wrap .sub_tabs ul.tabs{}
	#product_wrap .sub_tabs ul.tabs li{height:50px;line-height:50px;font-size:15px;}
	#product_wrap .sub_tabs ul.tabs li.active{font-weight:500;}
	#product_wrap .sub_tabs ul.tabs.col4 li{letter-spacing:-1px;}

	#product_wrap .tab_container {}
	#product_wrap .tab_container .tab_content .item {margin-top:100px;}
	#product_wrap .tab_container .tab_content .item .text_wrap:after{top:-450px;left:-100px;width:280px;height:280px;}

	#product_wrap .tab_container .tab_content .item p.title_s{font-size:28px;margin-bottom:30px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul li{font-size:18px;padding-bottom:10px;margin-bottom:20px;}

	#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box:before{top:10px;width:200px;height:200px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box img{height:40px;}

	#product_wrap .tab_container .tab_content .item.info01 .text_line{height:200px;padding:40px 200px 0px 50px;background-size:cover;}
	#product_wrap .tab_container .tab_content .item.info01 .text_line p{font-size:18px;}

	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul:before{top:-60px;width:200px;height:200px;}

	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul li{font-size:18px;}
	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul li:nth-child(1){padding-right:180px;}

	#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul:before{top:10px;right:20px;width:200px;height:360px;}

	#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul li{font-size:18px;}
	#product_wrap .tab_container .tab_content .item.info03 .text_wrap .img_in{right:140px;}

	#product_wrap .tab_container .tab_content .item.info03 .step_list{margin:50px 0 0px 0;}
	#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit{}
	#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit .sub_txt{font-size:18px;margin:0 auto 20px auto;}
	
	#product_wrap .tab_container .tab_content .item.info03 .step_list ul{padding:20px 0;}
	#product_wrap .tab_container .tab_content .item.info03 .step_list ul li img{height:300px;}


	/* 쿨랑비타 */
	#product_wrap.vita_wrap .tab_container .tab_content .item .text_wrap:after{top:-420px;width:280px;height:380px;}	
	#product_wrap.vita_wrap .tab_container .tab_content .item.info04 .text_wrap:after{top:-840px;width:280px;height:380px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .text_wrap:after{width:280px;height:380px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info02 .text_wrap:after{width:280px;height:380px;}

	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_wrap ul{padding:30px 50px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line{height:460px;padding:70px 320px 0px 50px;font-size:18px;line-height:28px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line p{font-size:14px;padding:10px;}



	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li dl{width:80%;margin:0 auto;padding:200px 0  20px 0;}
	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:nth-child(1) dl{background-size:160px;}
	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:nth-child(2) dl{background-size:160px;}
	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:nth-child(3) dl{background-size:160px;}

	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li dl dt{font-size:16px;border-radius:20px;}
	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li dl dd{font-size:15px;line-height:18px;}
	#product_wrap .tab_container .tab_content .item.info04 .perfume_list p{width:90%;margin:0 auto;}

	#product_wrap .tab_container .tab_content .item.info04 .text_wrap ul{padding:30px 50px;}
	#product_wrap .tab_container .tab_content .item.info04 .text_wrap ul li{font-size:18px;padding-bottom:10px;}

	#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li{width:31.333%;margin:20px 1%;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li:after{top:-20px;}
}


@media only screen and (max-width: 780px) {
	.box_width{width:95%;}

	.cool_con06{padding:80px 0 0 0;}
	#subContainer .cool_con06 .sub_title{margin-bottom:40px;}
	#product_wrap{width:100%;padding:25px 0 0;}
	#product_wrap .tab_container {}
	#product_wrap .sub_tabs ul.tabs li span{display:none;}

	#product_wrap .tab_container .tab_content .item p.title_s{font-size:25px;margin-bottom:20px;}

	#product_wrap .tab_container .tab_content .item .text_wrap:after{display:none;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul{width:100%;margin-top:230px;padding:20px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul li{font-size:16px;padding-bottom:5px;margin-bottom:10px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box{position:absolute;width:100%;padding:200px 0px 0 -20px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box:before{top:15px;left:50%;width:200px;height:200px;margin-left:-100px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap .img_box img{height:40px;}

	#product_wrap .tab_container .tab_content .item.info01 .text_line{height:200px;padding:40px 200px 0px 50px;background-size:cover;}
	#product_wrap .tab_container .tab_content .item.info01 .text_line p{font-size:16px;}


	#product_wrap .tab_container .tab_content .item.info02 .text_wrap{padding-top:230px;}
	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul{width:100%;padding:0 20px 0px;}
	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul:before{top:15px;left:50%;width:200px;height:200px;margin-left:-100px;}

	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul li{font-size:16px;}
	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul li:nth-child(1){padding-right:0px;}
	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul.info02_2 {padding:0 20px 20px;}

	#product_wrap .tab_container .tab_content .item.info03 .text_wrap{padding-top:280px;}
	#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul{width:100%;padding:0 20px 20px;}
	#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul:before{top:15px;left:45%;width:160px;height:250px;margin-left:-80px;}
	#product_wrap .tab_container .tab_content .item.info03 .text_wrap .img_in{bottom:0px;top:230px;right:0px;left:100px;}

	#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul li{font-size:16px;}

	#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit{}
	#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit .title_s2{margin:0 auto 20px;width:90%;}
	#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit .sub_txt{font-size:16px;margin:0 auto 30px auto;}
	
	#product_wrap .tab_container .tab_content .item.info03 .step_list ul li:after{font-size:15px;width:40px;height:40px;line-height:40px;}
	#product_wrap .tab_container .tab_content .item.info03 .step_list ul li img{height:250px;}


	/* 쿨랑비타 */
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_wrap ul{padding:30px;margin-top:0;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line{height:450px;padding:30px 50px 50px 50px;background:#f8fcff url('/images/mtl01r-20-0043/sub/02/sub02_box06_01_02_1.jpg') no-repeat 50% bottom;background-size:100%;font-size:16px;line-height:20px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line p{width:100%;font-size:14px;}

	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li{width:100%;margin:10px .5%;}
	#product_wrap .tab_container .tab_content .item.info04 .perfume_list ul li:last-child{margin-bottom:20px;}

	#product_wrap .tab_container .tab_content .item.info04 .text_wrap ul{padding:30px;}
	#product_wrap .tab_container .tab_content .item.info04 .text_wrap ul li{font-size:16px;padding-bottom:10px;}

	#vita_filter{top:-150px;}


}

@media only screen and (max-width: 500px) {
	.cool_con06{padding:60px 0 0 0;}
	#product_wrap{padding:25px 0 0;}
	#product_wrap .sub_tabs{border-radius:10px;}
	#product_wrap .sub_tabs ul.tabs li{height:45px;line-height:45px;}
	#product_wrap .sub_tabs ul.tabs li.active{font-weight:400;border-radius:10px;}

	#product_wrap .tab_container .tab_content .item p.title_s{font-size:23px;margin-bottom:20px;}

	#product_wrap .tab_container .tab_content .item {margin-top:80px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul{padding:20px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_wrap ul li{font-size:15px;}
	#product_wrap .tab_container .tab_content .item.info01 .text_line{height:180px;padding:40px ;background-size:cover;}
	#product_wrap .tab_container .tab_content .item.info01 .text_line p{font-size:15px;line-height:20px;}


	/* 쿨랑비타 */
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_wrap ul{padding:20x;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line{height:450px;padding:30px 30px 50px 30px;font-size:15px;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info01 .text_line p{font-size:13px;}

	#product_wrap .tab_container .tab_content .item.info02 .text_wrap ul li{font-size:15px;}

	#product_wrap .tab_container .tab_content .item.info03 .text_wrap ul li{font-size:15px;}
	#product_wrap .tab_container .tab_content .item.info03 .step_list .sub_tit .sub_txt{font-size:15px;}

	#product_wrap .tab_container .tab_content .item.info03 .step_list ul li:after{right:-45%;font-size:15px;width:30px;height:30px;line-height:30px;}

	#product_wrap .tab_container .tab_content .item.info04 .text_wrap ul li{font-size:15px;}

	#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li{width:48%;margin:20px 1%;}
	#product_wrap.vita_wrap .tab_container .tab_content .item.info03 .step_list.filter_step2 ul li:after{position:absolute;top:-20px;left:50%;display:block;content:'';font-size:20px;font-weight:500;color:#fff;background:#0063aa;border-radius:70px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;margin-left:-15px;}
}
}

@media only screen and (max-width: 480px) {
	#product_wrap .sub_tabs ul.tabs li.line-2{padding:7px 0 0 0;line-height:20px;}
}


.cool_con07{padding:100px 0;text-align:center;}
.cool_con07 .table_box{width:1200px;margin:0 auto;}


/* table */
.table01{position:relative; table-layout:fixed; width:100%; background:#fff; box-shadow:4px 5px 20px rgba(0,0,0,.1);}
.table01 th,
.table01 td{padding:20px;font-family:'Montserrat', sans-serif;}
.table01 th{background:#1e1d1b; font-weight:300; color:#fff;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);}
.table01 td{border-top:1px solid #ececec; background:#fff;text-align:left;font-weight:400;}
.table01 tr:first-child td{border-top:0;}


@media only screen and (max-width:1200px) {
.cool_con07 .table_box{width:95%;}
}


@media only screen and (max-width:980px) {
	.cool_con07{padding:80px 0;}
}

@media only screen and (max-width:780px) {

	#subContainer .cool_con07 .sub_title{margin-bottom:40px;}
	.table01 th,
	.table01 td{padding:10px;}
}

@media only screen and (max-width:500px) {
	.cool_con07{padding:60px 0;}
}


/* 가로로 돌렸을때 */

@media only screen and (max-height:500px){
	.coolang_wrap .cool_con01, .coolang_wrap .cool_con01:after{height:300px;}
	.coolang_wrap .cool_con01 .txt_box{top:120px;}
	.coolang_wrap .cool_con01 .top_logo{top:200px;}

	.coolang_wrap .cool_con01.bg02 .txt_box{top:120px;}
	.coolang_wrap .cool_con01 .top_logo.vita_logo{top:200px;}

	.coolang_wrap .cool_con01.bg03 .txt_box{top:120px;}
}



/* 쿨랑 호스 */
.cool_hose .cool_con02{width:100%;position:relative;text-align:center;margin:0 0 15vh 0;}
.cool_hose .cool_con02 .top_box{width:1200px;margin:0 auto;text-align:center;padding:8vh 0 5vh 0;}
.cool_hose .cool_con02 .top_box .img_box{margin-bottom:20px;}
.cool_hose .cool_con02 .top_box .txt_box{background:#79b6e4;font-size:25pt;color:#fff;padding:15px 0;border-radius:10px;font-family:'GmarketSans';font-weight:300;width:500px;margin:0 auto;}
.cool_hose .cool_con02 .top_box .txt_box sup{font-size:16px;}

.cool_hose .cool_con02 .txt_wrap{background:url('/images/mtl01r-20-0043/sub/03/bg_section01_01.png') no-repeat;background-position:right 10%;padding:15vh 0 50px 0;border-top:1px solid #e7e7e7;}

#subContainer .sub_title p.txt_black{color:#222;margin:30px auto;width:1200px;font-size:18px;}

.cool_hose .cool_con02 .zero_box{position:relative;background:url('/images/mtl01r-20-0043/sub/03/bg_section01_03.jpg') no-repeat 12% top;text-align:center;margin:0;padding:0vh 0 150px 0;background-size:550px;}
.cool_hose .cool_con02 .zero_box > div{width:1200px;margin:0 auto;display:flex;align-items: center;justify-content: flex-end;}
.cool_hose .cool_con02 .zero_box > div .z_box{background:#f4f4f4;border:1px solid #dadada;border-radius:20px;padding:50px;margin:15vh 0 10vh 0;}
.cool_hose .cool_con02 .zero_box ul{display:flex;justify-content: center;}
.cool_hose .cool_con02 .zero_box ul li{margin:0 20px;}
.cool_hose .cool_con02 .zero_box > div p{font-size:25px;color:#0f75bc;background:#fff;padding:15px 0;border-radius:30px;margin-top:30px;font-family:'GmarketSans';font-weight:300;}


.cool_hose .cool_con02 .speac_wrap{width:1300px;display:flex;justify-content: space-between;flex-wrap: wrap;margin:0 auto;}
.cool_hose .cool_con02 .speac_wrap .speac_box{width:48%;margin-bottom:80px;font-family:'GmarketSans';}
.cool_hose .cool_con02 .speac_wrap .t_box{display:flex;border:1px solid #c6c6c6;flex-direction: column;align-items: stretch;align-items: center;justify-content: center;flex-wrap: wrap;border-radius:10px;padding:30px 20px;min-height:250px;}
.cool_hose .cool_con02 .speac_wrap .t_box ul{width: 100%;}
.cool_hose .cool_con02 .speac_wrap .t_box ul li{text-align:left;margin:10px 0;font-weight:300;}
.cool_hose .cool_con02 .speac_wrap .t_box ul li span{font-weight:500;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.low_line{display:flex;flex-wrap: wrap;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.low_line li{width:calc(50% - 40px);text-align:center;margin:0 20px;}

.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_line_100{display:flex;flex-wrap: wrap;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_line_100 li{width:calc(20% - 20px);text-align:center;margin:0 10px;}


.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li{padding:10px 10px 10px 80px;width:30%;background-size:60px !important;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li:nth-child(1){background:url('/images/mtl01r-20-0043/sub/03/info_box5_01.gif')no-repeat;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li:nth-child(2){background:url('/images/mtl01r-20-0043/sub/03/info_box5_02.gif')no-repeat;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li:nth-child(3){background:url('/images/mtl01r-20-0043/sub/03/info_box5_03.gif')no-repeat;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li:nth-child(4){background:url('/images/mtl01r-20-0043/sub/03/info_box5_04.gif')no-repeat;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li:nth-child(5){background:url('/images/mtl01r-20-0043/sub/03/info_box5_05.gif')no-repeat;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li:nth-child(6){background:url('/images/mtl01r-20-0043/sub/03/info_box5_06.gif')no-repeat;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li:nth-child(7){background:url('/images/mtl01r-20-0043/sub/03/info_box5_07.gif')no-repeat;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li:nth-child(8){background:url('/images/mtl01r-20-0043/sub/03/info_box5_08.gif')no-repeat;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li:nth-child(9){background:url('/images/mtl01r-20-0043/sub/03/info_box5_09.gif')no-repeat;}


.cool_hose .cool_con02 .speac_wrap .t_box ul.img_line_30{display:flex;flex-wrap: wrap;}
.cool_hose .cool_con02 .speac_wrap .t_box ul.img_line_30 li{width:calc(33.333% - 20px);text-align:center;margin:0 10px;}
.cool_hose .cool_con02 .speac_wrap .t_box .bg_box2{width:90%;background:#f3f3f3;padding:20px 30px;border-radius:10px;margin-top:20px;}

@media only screen and (max-width:1850px) {
	.cool_hose .cool_con02 .zero_box {padding:0vh 0 130px 0;background-size: 500px;}

}

@media only screen and (max-width:1700px) {
	.cool_hose .cool_con02 .txt_wrap{}


}

@media only screen and (max-width:1500px) {
	.cool_hose .cool_con02 .txt_wrap{}
	.cool_hose .cool_con02 .zero_box{background-size:430px;background-position:5% top;}
	.cool_hose .cool_con02 .zero_box > div .z_box{margin:5vh 0 10vh 0;}
}

@media only screen and (max-width:1300px) {
	.cool_hose .cool_con02 .speac_wrap{width:95%;}
	.cool_hose .cool_con02 .speac_wrap .speac_box{width:100%;margin-bottom:80px;}
	.cool_hose .cool_con02 .speac_wrap .t_box ul{width: 90%;}
	.cool_hose .cool_con02 .zero_box{}
}


@media only screen and (max-width:1200px) {
	.cool_hose .cool_con02 .top_box{width:100%;}
	.cool_hose .cool_con02 .txt_wrap{background-size:450px;background-position: right 3%;}
	#subContainer .sub_title p.txt_black{margin:30px auto;width:95%;}

	.cool_hose .cool_con02 .zero_box{padding:50px 0 550px 0;background-size:450px;background-position:center bottom;}
	.cool_hose .cool_con02 .zero_box > div{width:95%;justify-content: center;}
	.cool_hose .cool_con02 .zero_box > div .z_box{margin:0vh 0 10vh 0;padding:40px;}
	.cool_hose .cool_con02 .zero_box ul li{margin:0 15px;}
	.cool_hose .cool_con02 .zero_box > div p{font-size:23px;}

	.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li{padding:5px 5px 5px 60px;width:calc(50% - 10px);background-size:50px !important; font-size:15px;}
	}
	
	
	@media only screen and (max-width:980px) {
		.cool_hose .cool_con02 .top_box{padding:8vh 0 5vh 0;}
		.cool_hose .cool_con02 .top_box .img_box{margin-bottom:15px;}
		.cool_hose .cool_con02 .top_box .img_box img{width:550px;}
		.cool_hose .cool_con02 .top_box .txt_box{font-size:23pt;padding:13px 0;width:500px;}
		.cool_hose .cool_con02 .top_box .txt_box sup{font-size:15px;}

		.cool_hose .cool_con02 .txt_wrap{background-position:110% 50px;background-size:350px;padding:50px 0;}

		#subContainer .sub_title p.txt_black{margin:20px auto;font-size:16px;}


		.cool_hose .cool_con02 .zero_box{padding:30px 0 530px 0;}
		.cool_hose .cool_con02 .zero_box ul li{margin:0 10px;}
		.cool_hose .cool_con02 .zero_box ul li img{width:110px;}
		.cool_hose .cool_con02 .zero_box > div p{font-size:20px;}
		
		.cool_hose .cool_con02 .speac_wrap .t_box .bg_box2{width:95%;font-size:14px;}

		.cool_hose .cool_con02 .speac_wrap .t_box{padding:30px 20px;min-height:auto;}
	}
	
	@media only screen and (max-width:780px) {
		.cool_hose .cool_con02 .top_box{padding:8vh 0;}
		.cool_hose .cool_con02 .top_box .img_box img{width:490px;}
		.cool_hose .cool_con02 .top_box .txt_box{font-size:20px;width:450px;}
		.cool_hose .cool_con02 .top_box .txt_box sup{font-size:13px;}
		#subContainer .sub_title p.txt_black{margin:15px auto 20px auto;font-size:14px;}

		.cool_hose .cool_con02 .txt_wrap{background-position:120% 30px;background-size:300px;}

		.cool_hose .cool_con02 .zero_box{}
		.cool_hose .cool_con02 .zero_box > div .z_box{padding:35px;}
		.cool_hose .cool_con02 .zero_box > div p{font-size:18px;}

		.cool_hose .cool_con02 .speac_wrap .speac_box{margin-bottom:50px;}
	}
	
	@media only screen and (max-width:500px) {
		.cool_hose .cool_con02{margin:0 0 15vh 0;}
		.cool_hose .cool_con02 .top_box{padding:8vh 0;}
		.cool_hose .cool_con02 .top_box .img_box img{width:90%;}
		.cool_hose .cool_con02 .top_box .txt_box{font-size:18px;width:80%;}
		.cool_hose .cool_con02 .top_box .txt_box sup{font-size:11px;}

		.cool_hose .cool_con02 .txt_wrap{background-position:120% 10px;background-size:250px;padding:8vh 0 8vh 0;}

		.cool_hose .cool_con02 .zero_box{padding:1vh 0 330px 0;background-size:300px;}
		.cool_hose .cool_con02 .zero_box > div .z_box{padding:25px;}
		.cool_hose .cool_con02 .zero_box ul li{margin:0 5px;}
		.cool_hose .cool_con02 .zero_box > div p{font-size:15px;}
		
		.cool_hose .cool_con02 .speac_wrap .t_box ul.icon_box li{padding:0 5px 10px 60px;width:calc(100% - 10px);background-size:45px !important; font-size:14px;border-bottom:1px solid #eee;}

		.cool_hose .cool_con02 .speac_wrap .t_box{padding:20px 15px;}
	}