@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap&subset=korean');


#container{overflow:hidden;}
	#visual{width:100%;}

	.slide img{width:100%;}

	.slide_1{position:relative;}
	.slide_1 .area{position:absolute; width:51.5%; padding-right:5%; right:0; height:39%; top:23%; overflow:visible;}
	.slide_1 .video{position:absolute; width:78%; height:87%; right:7%; top:14%; background-color:#000;}
		.slide_1 .video iframe{width:100%; height:100%;}
	.slide_1 p{position:absolute; width:10%; right:1%; bottom:-5%;}
		.slide_1 p img{width:100%;}

	section{width:100%;}
		.area{width:90%; margin:0 auto; overflow:hidden;}

	.sec1{margin:0px 0 20px;}
	.sec1 ul.tab1{overflow:hidden;}
		.sec1 ul.tab1 li{float:left; width:33.33%;}
		.sec1 ul.tab1 li a{display:block; width:100%; text-align:center; padding:5% 0;}
			.sec1 ul.tab1 li:nth-child(1) a{background-color:#eedee8;}
			.sec1 ul.tab1 li:nth-child(2) a{background-color:#DEEAE6;}
			.sec1 ul.tab1 li:nth-child(3) a{background-color:#F9E4C9;}

			.sec1 ul.tab1 li a.eee{background-color:#eee;}

	.sec1 ul.tab1_content{overflow:hidden;}
		.sec1 ul.tab1_content li:nth-child(1) a{background:#fff url("/resources/images/m/m_s1.jpg") no-repeat center; background-size:cover;}
		.sec1 ul.tab1_content li:nth-child(2) a{background:#fff url("/resources/images/m/m_s2.jpg") no-repeat center; background-size:cover;}
		.sec1 ul.tab1_content li:nth-child(3) a{background:#fff url("/resources/images/m/m_s3.jpg") no-repeat center; background-size:cover;}

		.sec1 ul.tab1_content li{width:100%; position:relative;}
		.sec1 ul.tab1_content li:last-child{margin-right:0;}
		.sec1 ul.tab1_content li img{width:100%;}

		.sec1 ul.tab1_content li .title{font-size:20px; font-family: 'Nanum Myeongjo', serif; line-height:1.2em; color:#af665c; font-weight:bold; letter-spacing:-1px;}
		.sec1 ul.tab1_content li:nth-child(2) .title{color:#37593b;}
		.sec1 ul.tab1_content li .title:after{content:""; display:block; width:30%; height:1px; margin:15px 0; background-color:#af665c;}
		.sec1 ul.tab1_content li:nth-child(2) .title:after{background-color:#37593b;}
		.sec1 ul.tab1_content li .sub{color:#af665c;}
		.sec1 ul.tab1_content li:nth-child(2) .sub{color:#333;}

		.sec1 ul.tab1_content li a{display:block; width:100%; height:100%; padding:7%; box-sizing:border-box;}
		.sec1 ul.tab1_content li span{display:block; text-align:center; width:130px; line-height:2em; border-radius:100px; margin-top:15px; background-color:#af665c; color:#fff;}
		.sec1 ul.tab1_content li:nth-child(2) span{background-color:#37593b;}

		.sec1 ul.tab1_content li .s2_slide{position:absolute; width:60%; bottom:0; right:0;}

		.v_prev,.v_next{width:60px; height:120px; cursor:pointer; position:absolute; top:50%; margin-top:-80px; z-index:5;}

		.v_prev{left:100px;}
		.v_next{right:100px;}

		.prev_view, .next_view{width:30px; height:30px; line-height:30px; background-color:#fff; border-radius:50px; text-align:center; cursor:pointer; position:absolute; bottom:25px; color:#999;}
		.prev_view{left:-115px;}
		.next_view{left:-75px;}


.sec2{background-color:#f7f7f7; padding:20px 0 70px;}
	.sec2 .tab{width:100%; margin:0 auto; overflow:hidden; border-radius:50px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box;}
		.sec2 .tab li{float:left; text-align:center; width:33%; border-right:1px solid #ccc; box-sizing:border-box; line-height:1.5em; font-size:20px;}
			.sec2 .tab li:last-child{border-right:0; width:34%;}
		.sec2 .tab li a{display:block; font-family: 'Roboto Condensed', sans-serif;}
		.sec2 .tab li a span{font-family: 'Roboto Condensed', sans-serif;}
		.sec2 .tab li.tab_this a{background-color:#6fb499; color:#fff;}
		.sec2 .tab li.tab_this a span{color:#fff;}

		.sec2 .tab li a:hover,.sec2 .tab li a:focus{background-color:#6fb499; color:#fff; transition:all .5s;}
		.sec2 .tab li a:hover span,.sec2 .tab li a:focus span{color:#fff; transition:all .5s;}

	.tabContent{margin-top:20px; overflow:hidden; min-height:230px; position:relative;}

	.tab_index ul{position:absolute; opacity:0; z-index:0;}
	.tab_index ul.tab_index_show{opacity:1; z-index:1;}

.slide_best{width:100%; padding:0 5%; min-height:200px;}
	.slide_best li{min-height:200px; background-color:#fff; padding:1%; margin:0 0.5%; box-sizing:border-box;}
	.slide_best li .img img{width:100%;}
	.slide_best li strong,.slide_best li span{display:block;}
		.slide_best li  span.price{display:block;color:#2a9f87; font-weight:bold; font-size:14px; margin-top:10px;}

	.best_prev,.best_next{cursor:pointer; position:absolute; top:50%; margin-top:-10px; z-index:5;}

	.best_prev{left:0px;}
	.best_next{right:0px;}


.sec3{background:#dff0ea; padding:30px 0;}
	.h3{font-size:25px; font-family: 'Roboto Condensed',sans-serif; text-align:center; font-weight:normal;}
		.h3 span{font-weight:900; font-family: 'Roboto Condensed',sans-serif; font-size:25px;}

		.h3_sub{font-size:12px; text-align:center; margin:5px 0;}

		.sec3 .video{width:320px; height:180px; margin:30px auto 0;}
			.sec3 .video iframe{width:100%; height: 100%;}
.sec3 .video img{width: 100%; height: 100%; object-fit: cover;}


.sec4{background:#fff url("/resources/images/m/back2.jpg") no-repeat center; background-size:cover; padding:30px 0; }

.insta_slide{width:100%; padding:0 4%; margin:20px auto 0; box-sizing:border-box;}
	.insta_slide li{margin:0 0.2%;}
	.insta_slide img{width:100%;}
.prev_view1{position:absolute; left:0; line-height:3.25em; top:50%; font-size:20px; cursor:pointer;     transform: translateY(-50%);
}
.next_view1{position:absolute; right:0; line-height:3.25em; top:50%; text-align:right; font-size:20px; cursor:pointer;     transform: translateY(-50%);
}