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

.myeongjo{font-family: 'Nanum Myeongjo', serif;}

#ad{display:none;}

#container{width:100%; overflow:hidden;}
	#visual{width:100%; overflow:hidden; margin:0 0 10px; height:100px;}

		.s1_title{background:#fff url("/resources/images/m/s1_title_back.jpg") no-repeat center; background-size:cover; height:100%; display:flex; justify-content:center; flex-direction:column;}
		.s2_title{background:#fff url("/resources/images/m/s2_title_back.jpg") no-repeat center; background-size:cover; height:100%; display:flex; justify-content:center; flex-direction:column;}
		.s3_title{background:#fff url("/resources/images/m/s3_title_back.jpg") no-repeat center; background-size:cover; height:100%;}
		.s4_title{background:#fff url("/resources/images/m/s4_title_back.jpg") no-repeat center; background-size:cover; height:100%;}
		.s5_title{background:#fff url("/resources/images/m/s5_title_back.jpg") no-repeat center; background-size:cover; height:100%;}
		.s6_title{background:#fff url("/resources/images/m/s6_title_back.jpg") no-repeat center; background-size:cover; height:100%;}
		.s7_title{background:#fff url("/resources/images/m/s7_title_back.jpg") no-repeat 70%; background-size:cover; height:100%; display:flex; justify-content:center; flex-direction:column;}
		.s8_title{background:#fff url("/resources/images/m/s8_title_back.jpg") no-repeat 70%; background-size:cover; height:100%; display:flex; justify-content:center; flex-direction:column;}
		.s9_title{background:#fff url("/resources/images/m/s9_title_back.jpg") no-repeat 0; background-size:cover; height:100%; display:flex; justify-content:center; flex-direction:column;}

	#visual .area{padding:50px 0; box-sizing:border-box;}
	#visual h3{font-family: 'Roboto Condensed', sans-serif; text-align:center; font-size:20px;}
		#visual p{text-align:center; font-size:12px; margin-top:5px;}
		#visual h3 span{font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-size:20px;}
		#visual h3 span.small{font-size:12px;}

	#visual .s8_title h3{color:#fff;}
		#visual .s8_title h3 span{color:#fff; font-family:'Noto Sans KR', '맑은 고딕', sans-serif;}
		#visual .s8_title p{color:#fff;}


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

.sub_nav{text-align:right; color:#666; font-size:12px;}
.sub_nav_margin{margin:10px 0 10px;}

.s_tab{width:100%; margin:20px auto 10px; overflow:hidden; border-radius:50px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box;}
	.s_tab p{float:left; text-align:center; border-right:1px solid #ccc; box-sizing:border-box; line-height:30px; font-size:1vw;}
		.s_tab_w2 p{width:50%;}
		.s_tab_w3 p{width:33%;}
			.s_tab_w3 p:last-child{width:34%;}
		.s_tab_w4 p{width:25%;}
		.s_tab_w44 p{width:24%;}
		.s_tab_w44 p:first-child{width:28%;}

		.s_tab p:last-child{border-right:0;}
		.s_tab p a{display:block; font-weight:500;}
		.s_tab a.tab_this{background-color:#6fb499; color:#fff;}
		.s_tab a.tab_this span{color:#fff;}

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


.ss_tab{text-align:center; overflow:hidden;}
	.ss_tab_w3 a{width:33.33%; box-sizing:border-box;}
	.ss_tab_w4 a{width:20%; box-sizing:border-box;}
	.ss_tab a{display:inline-block; border-right:1px solid #ccc; float:left; line-height:1em;}
	.ss_tab a:last-child{border-right:0;}
	.ss_tab a:hover,.ss_tab a:focus{text-decoration:underline;}


/* coupon(혜택) */
.couponTitle{background:#fff url("/resources/images/m/1_coupon_back.jpg") no-repeat center; position:relative; margin:0 auto;}
	.couponTitle .area div{background-color:#fff; width:50%; margin:20px 0; text-align:center; padding:3% 5%;}
	.couponTitle h3{font-size:16px; /*font-family: 'Nanum Myeongjo', serif;*/ font-family: 'Roboto Condensed', sans-serif; line-height:1.2em; font-weight:normal;}
	.couponTitle h3 span{/*font-family: 'Nanum Myeongjo', serif;*/ font-family: 'Roboto Condensed', sans-serif; font-size:16px;}
		.couponTitle h3 span.big{font-size:20px;}
		.couponTitle .sub{margin-top:5px; font-size:12px;}
.coupon_box_bg{position: relative; }
.coupon_box_bg > img {width: 100%; }
.coupon_box_h3{/*font-family: 'Nanum Myeongjo', serif;*/ text-align:center; font-size:18px; margin-bottom:20px;}
.coupon_box_h3_01 {width: 100%; color: #fff; text-align:center; font-size:18px; margin-bottom:20px;}
.coupon_box1{ position: absolute; text-align: center; left:50%; width:320px; margin-left:-160px; top: 22%; }
	.coupon_box1 ul{margin-top: 35px; width:90%; overflow:hidden; padding: 10% 5%; }
		.coupon_box1 ul li{width:100%; border-bottom: 1px solid #c9bdb1; text-align:left; padding:5% 0; overflow:hidden; box-sizing:border-box;}
			.coupon_box1 ul li p{display: inline-block; vertical-align:middle;}
			.coupon_box1 ul li p.num{width:10%; font-size:20px; color:#999;}
			.coupon_box1 ul li p.img{width:20%;}
					.coupon_box1 ul li p.img img{width:50px; margin-right:10px;}
			.coupon_box1 ul li p.text{width:75%; padding:1% 5%; box-sizing:border-box;}
			.coupon_box1 ul li p.text strong{font-size:14px; display:block; margin:2px 0 5px;}
		.coupon_box1 ul li:nth-child(2n){margin-right:0;}
		.coupon_box1 ul li:last-child {border-bottom: none;}
		.coupon_box1 ul li p span {
			font-weight: bold; color: #c9bdb1; font-size: 12px;
		}


.coupon_box2{background-color:#fafafa; padding:50px 0;}
	.coupon_box2 table{border-top: 2px solid #6fb499; width:100%; border-collapse:collapse; background-color:#fff; text-align:center; margin-bottom:20px;}
		.coupon_box2 table th, .coupon_box2 table td{border:1px solid #ccc; padding:2%; height:80px; width:20%;}
		.coupon_box2 table th{/*font-family: 'Nanum Myeongjo', serif; */font-size:14px;}
		.coupon_box2 table td img{width:30px;}
		.level1{color:#999; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:14px; font-weight:bold;}
		.level2{color:#b9dcb5; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:14px; font-weight:bold;}
		.level3{color:#9acab7; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:14px; font-weight:bold;}
		.level4{color:#6fb499; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:14px; font-weight:bold;}
		/*.level1_back{background-color:#f5f5f5;}
		.level2_back{background-color:#f1f8f0;}
		.level3_back{background-color:#ebf4f1;}
		.level4_back{background-color:#e2f0eb;}*/

		.coupon_box2 table td .big{font-weight:bold; font-size:14px;}

	.coupon_box2 .ssub{color:#666; line-height:2em;}

	.coupon_box2 table tr th {
		background: #f5f5f5;
	}

	.coupon_box2 table tr:nth-child(1) td:nth-child(2) {
		background: #f5f5f5;
	}

	.coupon_box2 table tr:nth-child(1) td:nth-child(3) {
		background: #f1f8f0;
	}

	.coupon_box2 table tr:nth-child(1) td:nth-child(4) {
		background: #ebf4f1;
	}

	.coupon_box2 table tr:nth-child(1) td:nth-child(5) {
		background: #e2f0eb;
	}

	.coupon_box2 table tr:nth-child(3) td:nth-child(2) {
		color: #999;
	}

	.coupon_box2 table tr:nth-child(3) td:nth-child(2) span{
		color: #999;
	}

	.coupon_box2 table tr:nth-child(3) td:nth-child(3) {
		color: #b9dcb5;
	}

	.coupon_box2 table tr:nth-child(3) td:nth-child(3) span{
		color: #b9dcb5;
	}

	.coupon_box2 table tr:nth-child(3) td:nth-child(4) {
		color: #9acab7;
	}

	.coupon_box2 table tr:nth-child(3) td:nth-child(4) span{
		color: #9acab7;
	}

	.coupon_box2 table tr:nth-child(3) td:nth-child(5) {
		color: #6fb499;
	}

	.coupon_box2 table tr:nth-child(3) td:nth-child(5) span{
		color: #6fb499;
	}


.coupon_box3{padding:50px 0;}
	.coupon_box3 p{border:1px solid #ccc; margin:0 auto; line-height:2em; padding:3% 5%; color:#666;}


.giftTitle{background:#fff url("/resources/images/m/1_gift_back.jpg") no-repeat center; background-size:cover;}
	/*.giftTitle div{padding:5% 7%;}*/

	.giftTitle .area div{width:70%;}

.gift_box_h3{/*font-family: 'Nanum Myeongjo', serif;*/ text-align:center; font-size:18px; margin-bottom:5px;}
.gift_sub{/*font-family: 'Nanum Myeongjo', serif;*/ text-align:center; font-size:12px;}

.gift_box1{margin:20px auto 20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.gift_titleArea{background:#fff url("/resources/images/m/gift_title_back.png") no-repeat center; background-size:cover; padding:10px 0 20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.gift_sub{text-align:center; font-size:14px;}
	.gift_sub span{padding-right:5px; margin-right:5px; border-right:1px solid #ccc; line-height:1em;}
	.gift_sub span:last-child{border-right:0;}
	.gift_sub img{width:20px; vertical-align:sub;}

.gift_ul{overflow:hidden;}
	.gift_ul li{float:left; width:49%; margin-right:2%; text-align:center; margin-bottom:25px;}
		.gift_ul li:nth-child(2n){margin-right:0;}
		.gift_ul li img{width:100%;}

		.gift_ul li .text{margin-top:5px;}
		.gift_ul li strong,.gift_ul li span{display:block; line-height:1.7em;}
		.gift_ul li strong{font-size:16px; margin-top:10px;}
		.gift_ul li span.color{color:#6fb499;}
			.gift_ul li span.small{font-size:12px;}

.gift_prev,.gift_next{width:2%; position:absolute; top:50%; margin-top:-30px; font-size:30px; cursor:pointer;}
.gift_prev{left:0;}
.gift_next{right:0; text-align:right;}


.gift_box2 ul{overflow:hidden; margin:20px 0;}
	.gift_box2 ul li{float:left; width:49%; margin-right:2%; border:1px solid #ccc; position:relative; margin-bottom:10px; box-sizing:border-box;}
	.gift_box2 ul li:nth-child(2n){margin-right:0;}
		.gift_box2 ul li .img img{width:100%; border-bottom:1px solid #ccc;}
		.gift_box2 ul li strong{font-family: 'Nanum Myeongjo', serif; padding:5%; display:block;}

		.gift_box2 ul li a{position:absolute; top:0; left:0; display:block; width:100%; height:100%; display:flex; justify-content:center; flex-direction:column;  background:rgba(255,141,77,0.95); opacity:0;}
			.gift_box2 ul li a img{width:35%; margin:0 auto;}

		.gift_box2 ul li a:hover,.gift_box2 ul li a:focus{opacity:1; transition:all .3s;}

.pro_content .gift_img{border:1px solid #ccc; box-sizing:border-box; overflow:hidden; margin-bottom:15px;}
.pro_content .gift_img img{width:100%;}


.pro_content .tt .big{font-size:20px; color:#2a9f87;}

/* s1 */
.s1_box1{background:#fff url("/resources/images/m/s1_1_back.jpg") no-repeat 65%; background-size:cover; margin:10px auto 0; width:100%; padding:5% 0 13%;}

.s1_titletitle{font-size:20px; font-weight:100; text-align:center;}
	.s1_titletitle span{font-size:20px; font-weight:bold; font-family: 'Roboto Condensed', sans-serif;}
.s1_title_sub{text-align:center; font-size:14px; margin:10px 0 0;}

.s1_box1 ul{overflow:hidden; padding-bottom:40px;}
	.s1_box1 ul li{overflow:hidden; border-bottom:1px dashed #ccc; padding:0 0 20px; margin:20px 0;}
		.s1_box1 ul li:last-child{border-bottom:0;}
	.s1_box1 ul li div{float:left; width:100%;}
	.s1_box1 ul li div.img{width:100%;}
	.s1_box1 ul li:nth-child(odd) div.img{text-align:right;}
	.s1_box1 ul li:nth-child(1) div.img img{width:60%; margin-top:0;}
	.s1_box1 ul li:nth-child(2) div.img img{width:100%; margin-top:20px;}


	.s1_box1 ul li div.text .num{font-size:30px; color:#5dae91; float:left; width:20%;}
	.s1_box1 ul li div.text .tt{float:left; width:80%; line-height:1.7em; color:#666; margin-top:10px; font-size:12px;}
	.s1_box1 ul li div.text .tt .color{color:#19a796; font-size:14px; font-weight:bold; line-height:1.5em;}


	.s1_box2{width:100%; margin:0 auto; background-color:#dff0ea; padding:5% 0;}
		.s1_box2 iframe{width:100%; min-height:200px; margin:0 auto; display:block;}

	.s1_box3{background:#fff url("/resources/images/m/s1_1_back1.jpg") no-repeat center bottom; background-size:cover; width:100%; padding:5% 0 20%;}
		.s1_box3 h3{margin-top:10px;}
	.s1_box3 ul{margin:20px 0; overflow:hidden;}
		.s1_box3 ul.tab li{width:100%; text-align:center;}
			.s1_box3 ul.tab li img{width:100%;}
			.s1_box3 ul.tab p{margin:10px 0 20px; letter-spacing:-0.5px; line-height:2em;}


.s2_box1{background:#fff url("/resources/images/m/s1_2_back.jpg") no-repeat center; background-size:cover; height:150px; display:flex; justify-content:center; flex-direction:column; text-align:center; margin:20px 0 0;}
.s2_titletitle{color:#fff; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:30px; text-shadow:2px 2px 2px rgba(0,0,0,0.5); font-weight:100;}
	.s2_titletitle span{color:#fff; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:30px;}
	.s2_title_sub{color:#fff; font-size:12px; text-shadow:2px 2px 2px rgba(0,0,0,0.5); padding:1% 5%; box-sizing:border-box;}
		.s2_title_sub span{color:#fff;}

.s2_box2{overflow:hidden;}
.s2_box2 li{text-align:center;}
.s2_box2 li.img{overflow:hidden;}
.s2_box2 li.img p{width: 100%;}
.s2_box2 li.img p:nth-child(1) {margin-bottom: 10px;}
		.s2_box2 li.img p img{width:100%;}

	.s2_box2 li.img p:last-child{margin-right:0;}

	.s2_box2 li.text{margin:30px 0 50px; line-height:1.8em; font-size:12px; letter-spacing:-0.3px;}
		.s2_box2 li.text strong{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:20px; margin-bottom:10px; display:block;}
		.s2_box2 li.text .color{color:#6fb499;}



.s3_box1{margin:20px 0 50px;}
	.s3_box1 .s1_title_sub{margin:10px 0 30px; font-size:12px; line-height:1.7em;}
	.s3_box1 .img{text-align:center;}
		.s3_box1 .img img{width:100%;}

.s3_box2{padding:30px 0; background:#fff url("/resources/images/m/s1_3_back.jpg") no-repeat center bottom;}
.s3_box2 h3{color:#6d9f30; font-weight:bold; font-family: 'Roboto Condensed', sans-serif;}
.s3_box2 .s1_title_sub{color:#777;}
	.s3_box2 ul{overflow:hidden; margin-top:20px;}
		.s3_box2 ul li{width:100%; margin-bottom:25px; overflow:hidden;}
		.s3_box2 ul li img{width:90%;}
.s3_box2 ul li div{float:left; width:60%;}
.s3_box2 ul li div.img{width:40%; text-align:left;}
		.s3_box2 ul li strong{display:inline-block; border-bottom:8px solid #d4e8e0; height:10px; font-size:12px; letter-spacing:-0.5px;}
			.s3_box2 ul li strong span{font-size:12px; color:#6fb499;}
		.s3_box2 ul li p{text-align:left; font-size:10px; line-height:1.8em; margin-top:5px;}

	.s3_box2 .area{position:relative; overflow:visible;}
/*	.s3_box2 ul li:first-child:before{content:""; background:rgba(0,0,0,0) url(/resources/images/m/s1_3_flower.png) no-repeat center; position:absolute; left:-72px; top:80px; width:470px; height:300px;}*/

.s4_box1{margin:25px 0}
	.s4_box1 .s1_title_sub{font-size:12px; line-height:1.7em;}
	.s4_box1 .s1_title_sub .big{color:#6fb499; font-size:14px; display:block; font-weight:bold; margin:20px 0 10px;}
.s1_water{display:block; margin:15px auto 30px;}

.s4_box2{margin-bottom:50px;}
.s4_box2 .title{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:20px; text-align:center; font-weight:bold;}
	.s4_box2 .img{margin:20px 0;}
		.s4_box2 .img img{width:100%;}

.s4_box2 ul {
	clear: both;
	border-bottom: 1px solid #ccc;
	height: 100px;
	padding: 30px 0;
}

.s4_box2 ul li {
	display: inline-block;
	vertical-align: middle;
}

.s4_box2 ul li:nth-child(1) p {
	text-align: center;
	font-weight: bold;
}

.s4_box2 ul li:nth-child(1) p img {
	width: 70px;
	height: auto;
	padding-bottom: 5px;
}

li.text {
	margin-left: 10px;
}

li.text p {
	display: inline-block;
	vertical-align: top;
}

li.text p:nth-child(2) {
	margin-left: 15px;
}

/*li.text span {
	padding-left: 10px;
}*/


/* s2 */
.product_list{margin-top:20px; overflow:hidden;}
	.product_list li{float:left; width:49%; margin-right:2%; padding:2%; box-sizing:border-box; position:relative; margin-bottom:10px; font-size:14px; height:260px;}
	.product_list li:nth-child(2n){margin-right:0;}

	.product_list li .img{text-align:center;}
		.product_list li .img img{width:100%;}
	.product_list li .text strong{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:12px; display:block; line-height:1.3em;}
	.product_list li .text span.price{display:block;color:#2a9f87; font-weight:bold; font-size:14px; margin-top:10px;}
	.product_list li .text span.dash{padding:0 10px; font-weight:normal;}

	.pro_content .s2_text input{width:100px; border:1px solid #ccc; padding:1%; float:left; box-sizing:border-box; height:25px; margin-top:3px; text-align:center; margin-right:1px;}
	.pro_content .s2_text input[type="button"]{background-color:#f5f5f5; width:25px;}

	.pro_content .s2_text .gray{color:#999; border-top:1px solid #ccc; margin-top:5px; padding-top:5px;}


.numArea{margin:30px auto 50px; text-align:center;}
	.numArea a{display:inline-block; width:30px; height:30px; line-height:30px; border:1px solid #ccc; margin:0 3px;}
	.numArea a.g_btn{background-color:#f5f5f5;}
	.numArea a.this_btn{background-color:#40a690; color:#fff;}

	.numArea a:hover,.numArea a:focus{background-color:#40a690; color:#fff;}


#wrap{position:relative;}
.line_right{position:absolute; right:0; top:650px;}
.line_left{position:absolute; left:0; bottom:450px;}
.line_top{top:250px;}

.pro_content{width:100%; overflow:hidden; border-bottom:1px solid #ccc;}
	.pro_content .img{width:100%; position:relative;}
	.pro_content .img .img_slide{width: 99.4%;
    border: 1px solid #ccc;
    overflow: hidden;}
		.pro_content .img .img_slide img{width:100%;}

	.pro_content .img .img_slide_nav{width:100%; padding:0 5%;}
		.s2_prev,.s2_next{border:1px solid #ccc; border-radius:50px; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:50%; margin-top:-15px; z-index:1; cursor:pointer; background-color:#fff;}
			.s2_prev{left:0;}
			.s2_next{right:0;}
		.i_big{position:absolute; right:0; top:0; cursor:pointer;}

	.pro_content .text{width:100%; margin-top:10px;}
		.pro_content h4{overflow:hidden;}
		.pro_content h4 span{font-size:16px; /*font-family: 'Nanum Myeongjo', serif;*/ float:left; width:100%;}
		.pro_content h4 span.linkArea{width:100%; margin-top:10px; display:block;}
			.pro_content h4 span.linkArea a{margin-right:5px;}
			.pro_content h4 span.linkArea img{width:25px;}

		.s2_text{margin:10px 0; border-bottom:1px solid #ccc; padding-bottom:10px;}
		.pro_content p{overflow:hidden; line-height:2em;}
			.pro_content p span{float:left;}
			.pro_content p span.t{width:100px; font-weight:bold;}

		.pro_content .total{overflow:hidden;}
			.pro_content .total p{width:100%; line-height:25px; margin-bottom:5px;}
		.pro_content .total p span{/*font-family: 'Nanum Myeongjo', serif;*/}
				.pro_content .total p span.color{font-size:16px; color:#2a9f87;}
			.pro_content .total p.right{width:100%; padding-bottom:5px;}
				.pro_content .total p.right a{line-height:25px;}

			.btnArea a,.btnArea input{display:inline-block; width:49%; line-height:25px; text-align:center; border:none; font-size:12px;}
			.btnArea a.btn_border,.btnArea input.btn_border{border:1px solid #ccc; box-sizing:border-box; background-color:#fff;}
			.btnArea a.btn_color,.btnArea input.btn_color{background-color:#2a9f87; color:#fff; border:1px solid #2a9f87; box-sizing:border-box;}
			.btnArea a.btn_color1 {background-color:#2a9f87; color:#fff; border:1px solid #2a9f87; box-sizing:border-box;}

			.btnArea a.btn_border:hover,.btnArea input.btn_border:hover{background-color:#2a9f87; color:#fff; transition:all .2s;}
			.btnArea a.btn_color:hover,.btnArea input.btn_color:hover{border:1px solid #ccc; box-sizing:border-box; background:none; color:#333; transition:all .2s;}

	.s2_tab{overflow:hidden; margin:30px 0 0; padding:0 0 10px; border-bottom:1px solid #ccc;}
	.s2_tab li{float:left; border-right:1px solid #ccc; padding:0 5px; line-height:1em;}
		.s2_tab li:first-child{padding:0; padding-right:5px;}
		a.s2_tab_this{color:#2a9f87;}

		.s2_tab li a:hover,.s2_tab li a:focus{color:#2a9f87;}


		.s2_tabContent{margin-bottom:50px;}
		.s2_tabCon1{width:100%; min-height:800px; background-color:#f5f5f5; margin-top:10px;}
			.s2_tabCon1 img{width:100%;}

		.s2_tabCon2 div{border-bottom:1px solid #ccc; overflow:hidden; padding:20px 0;}
			.s2_tabCon2 div p.left{width:100%; overflow:hidden; margin-bottom:10px;}
				.s2_tabCon2 div p.left span{float:left; font-size:12px;}
				.s2_tabCon2 div p.left span img{width:30px; margin-right:10px;}
			.s2_tabCon2 div p.right{width:100%;}
				.s2_tabCon2 div p.right span{font-size:12px; line-height:1.5em;}
				.s2_tabCon2 div p.right strong{margin:5px 0;}

			.s2_tabCon2 div p strong{display:block; font-size:14px;}
			.s2_tabCon2 div p.left strong{display:inline; margin-right:20px; font-size:14px;}

		.s2_tabContent table{width:100%; border-collapse:collapse; margin:20px 0 0;}
			.s2_tabContent table caption{text-align:left; line-height:50px; margin-bottom:10px; font-weight:bold;}
				.s2_tabContent table caption img{margin-right:10px;}

			.s2_tabContent table th{border:1px solid #ccc; text-align:center; /*font-family: 'Nanum Myeongjo', serif;*/ padding:1%; background-color:#f5f5f5; width:20%;}
			.s2_tabContent table td{border:1px solid #ccc; padding:1%; line-height:1.8em;}

	.pop{width:90%; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:5%; z-index:5; left:50%; margin-left:-45%; background-color:#fff; left:-999px; border:1px solid #ccc;}
		.pop .x{position:absolute; top:3%; right:3%; font-size:30px; z-index:6; line-height:1em; cursor:pointer;}

		.pop_slide{width:90%; margin:25px auto; display:block;}
			.pop_slide img{width:100%;}

		.s2_prev1,.s2_next1{border:1px solid #ccc; border-radius:50px; width:30px; line-height:30px; text-align:center; position:absolute; top:40%; z-index:6; cursor:pointer;}
		.s2_prev1{left:0;}
		.s2_next1{right:0;}

	.pop2{width:90%; box-sizing:border-box; padding:0 5% 5%; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:fixed; top:50%; margin-top:-25%; z-index:5; left:50%; margin-left:-45%; background-color:#fff; border:1px solid #ccc; display:none;}

	.pop2 .title{font-weight:bold; padding:3%; font-size:20px;}
		.pop2 .x{position:absolute; top:3%; right:3%; font-size:30px; z-index:6; line-height:1em; cursor:pointer;}
		.pop2 .sub{text-align:center; padding:3%;}
		.pop2 .pop2_btnArea2{text-align:center; margin-top:10px;}
			.pop2 .pop2_btnArea2 a{display:inline-block; float:left; box-sizing:border-box; width:48%; line-height:25px; border:1px solid #ccc; margin:0 1%;}
			.pop2 .pop2_btnArea2 a.btn_black{background-color:#666; color:#fff;}

			.pop2 .pop2_btnArea2 a.btn_border:hover,.pop2 .pop2_btnArea2 a.btn_border:focus{background-color:#666; color:#fff; transition:all .2s;}
			.pop2 .pop2_btnArea2 a.btn_black:hover,.pop2 .pop2_btnArea2 a.btn_black:focus{background-color:#fff; color:#333; transition:all .2s;}
			.prd_ul li:first-child {background: #ffcc2f; color: #fff; width: 46px; height: 22px; line-height: 15px; text-align: center; margin-top: 5px; border:1px solid #ffc600; font-size: 12px;}
			.prd_ul li:last-child {margin-left:5px; background: #72bb00; color: #fff; width: 46px; height: 22px; line-height: 15px; text-align: center; margin-top: 5px; border:1px solid #5ba800; font-size: 12px;}

/* s3 */
.event_list{overflow:hidden; margin-top:20px;}
	.event_list li{width:100%; margin-bottom:15px;}
		.event_list li .img{width:100%;}
			.event_list li .img img{width:100%;}

		.event_list li .text {text-align:center; padding:2% 0;}
		.event_list li .text strong{font-size:14px; display:block;}

		.event_list .video{width:100%;}
		.event_list .video iframe{width:100%; min-height:200px;}

		.event_none{font-size:14px; text-align:center; margin:50px 0; display:none;}

	.s3_detail{margin:20px 0;}
	.s3_detail .title{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:14px; font-weight:600; line-height:1.7em;}
	.s3_detail .sub{border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:2.5em; font-size:12px;}
		.s3_detail .sub p{width:100%; font-size:12px; border-top:1px solid #ccc;}
			.s3_detail .sub p span{margin-right:10px;}
		.s3_detail .sub p img{vertical-align:sub; width:15px;}

		.s3_detail .sub p.left{float:none;}
			.s3_detail .sub p.left span{margin-left:0; margin-right:10px;}

	.s3_detail .text{min-height:200px; position:relative; border-bottom:1px solid #ccc; margin-bottom:20px; padding:2%; line-height:1.8em; overflow-y:scroll;}
	.s3_detail .text .linkArea{position:absolute; right:0; bottom:2%;}
		.s3_detail .text .linkArea a{margin-left:5px;}
		.s3_detail .text .linkArea img{width:25px;}

		.s3_detail .text .video{width:100%; margin:0 auto; text-align:center;}
			.s3_detail .text .video img{width:100%;}

	.s3_detail .text p img{
		max-width: 100%;
	}
	.btnArea{width:100%; text-align:right; padding-bottom: 10px;}
	.replArea {clear: both; padding:10px 0;}
	.replArea h1 {border-bottom: 1px solid #111; font-size: 17px; padding-bottom: 5px;}
	.repl_txtarea {width: 95%; height: 80px; padding:2%; resize: none; margin:15px 0 5px;}
	.repl_btnbox {width: 100px; float: right; margin:5px 0; height: 30px;}
	.repl_btn {width: 100%; height: 100%; text-align: center; background: #999; color: #fff; border:none; font-size: 16px; outline: none;}
	.repl_btn:hover {background: #f5f5f5; color: #333; border:1px solid #999; transition-duration: .4s;}
	.repl_list {clear: both; padding-top: 10px;}
	.repl_list table {border-collapse: collapse; width: 100%; border-spacing: 10px;}
	.repl_list table tr td {border-bottom: 1px solid #ccc; padding:10px 5px;}
	.repl_list table tr td:first-child {width: 20%; font-weight: bold;}
	.repl_list table tr td:nth-child(2) {width: 58%;}
	.repl_list table tr td:last-child {width: 22%; font-size: 11px; text-align: center; color: #555;}


	.event_3_search{width:100%; overflow:hidden; margin:50px 0 0;}
		.event_3_search p{line-height:30px; float:left;}
		.event_3_search div{float:right; width:400px;}
		.event_3_search div input[type="text"]{width:350px; border:none; border-bottom:1px solid #ccc; padding:1%; float:left; height:30px;}
			.event_3_search div input[type="image"]{float:right;}

.event_list2{width:100%; border-collapse:collapse; margin:20px 0; border-top:2px solid #333;}
	.event_list2 th, .event_list2 td{border-bottom:1px solid #ccc; padding:2% 1%;}
	.event_list2 .title{width:75%; position:relative;}
			.event_list2 .title a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; line-height:30px; top:0; width:99%;}

				.event_list2 .title a:hover,	.event_list2 .title a:focus{text-decoration:underline;}
	.event_list2 .date{text-align:center;}



/* s4 */
.media_list{overflow:hidden; margin-top:20px; border-top:2px solid #333;}
	.media_list li{float:left; width:100%; padding:2% 0; border-bottom:1px solid #ccc;}
		.media_list li a{display:block; width:100%;}
		.media_list li .img{width:100%; float:left; width:20%;}
			.media_list li .img img{width:150%;}
		.media_list li .text{width:65%; float:left; padding-left: 12%;}
			.media_list li .text strong{display:block; width:100%; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
			.media_list li .text span{font-size:12px; display:block;}

				.media_list li a:hover strong,	.media_list li a:focus strong{text-decoration:underline;}


		.media_none{font-size:18px; text-align:center; margin:100px 0 100px; display:none;}



/* s5 */
.s5_box .title{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:20px; font-weight:600; line-height:2em;}
.s5_box .title span{font-weight:normal;}
.s5_box .title span.dash{padding:0 5px;}
.s5_box .map{border-top:1px solid #ccc; padding:10px 0;}
.s5_box .img{padding:10px 0; text-align: center;}
.s5_box .img img {width: 100%;}

.s5_box table{border-collapse:collapse; width:100%; border-top:1px solid #ccc;}
	.s5_box table tr{border-bottom:1px solid #ccc;}
		.s5_box table tr.gray{background-color:#f7f7f7;}
	.s5_box table th,.s5_box table td{padding:2% 0; text-align:left;}
	.s5_box table th{width:20%;}
	.s5_box table td{width:25%;}
	.s5_box table td.text{width:60%;}
	.s5_box table td input{border:1px solid #ccc; background-color:#fff; width:100%; line-height:20px;}
		.s5_box table td input:hover,.s5_box table td input:focus{background-color:#666; color:#fff; transition:all .3s;}


/* s6 */
.s6_form{width:100%; margin:20px auto 20px; background-color:#fbfbfb; border:1px solid #ccc; box-sizing:border-box;}
	.s6_form div{border-bottom:1px solid #ccc; padding:1%; box-sizing:border-box; overflow:hidden;}
	.s6_form div:last-child{border-bottom:0;}

	.s6_form div p.left{width:20%; float:left;}
	.s6_form div p.right{width:80%; float:left;}

	.s6_form input,.s6_form textarea,.s6_form select{border:1px solid #ccc; padding:1%; box-sizing:border-box;}
	.s6_form label .star{color:#40a690;}

	.s6_form .w3 input{width:30%;}
	.s6_form .name input{width:100%;}
	.s6_form select{width:100%;}
	.s6_form .email select{width:30%;}
	.s6_form .title input{width:100%;}
	.s6_form .text textarea{width:100%; height:200px; overflow-y:scroll;}
	.s6_form .file input{width:100%; background-color:#fff;}
	.s6_form .agreeArea p{float:left; line-height:30px;}
		.s6_form .agreeArea p span{font-size:10px; cursor:pointer;}
		.s6_form .agreeArea p input[type="checkbox"]{margin:0 0 0 10px; vertical-align:middle;}
		.s6_form .agreeArea p.btnArea{float:right;}
		.s6_form .agreeArea p.btnArea input{float:right; width:49%; line-height:20px; background-color:#40a690; color:#fff;}
		.s6_form .agreeArea p.btnArea input:hover{background:#fff; color:#333; border:1px solid #ccc; box-sizing:border-box; transition:all .3s;}


	.s6_pop{width:90%; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:20%; z-index:5; left:50%; margin-left:-45%; background-color:#fff; border:1px solid #ccc; padding:3%; box-sizing:border-box; display:none;}
	.s6_pop .title{font-weight:bold; font-size:14px;}
		.s6_pop .x{position:absolute; top:2%; right:2%; font-size:20px; z-index:6; line-height:1em; cursor:pointer;}

		.s6_pop .text{margin-top:10px; height:90%; overflow-y:scroll; font-size:10px; line-height:1.5em;}

	.s6_faq{width:100%; border-top:1px solid #ccc; margin:20px 0 0;}
		.s6_faq li{width:100%; overflow:hidden; border-bottom:1px solid #ccc;}
		.s6_faq li.s6_faq_title{text-align:center; font-weight:bold; padding:1% 0;}
		.s6_faq li div{overflow:hidden; padding:2% 0;}
		.s6_faq li p.num{width:10%; float:left; text-align:center; text-align:center;}
		.s6_faq li p.title{width:90%; float:left; cursor:pointer;}
		.s6_faq li.s6_faq_title .title{cursor:default;}

		.s6_faq li p.anwer{background-color:#f7f7f7; padding:1%; overflow:hidden; padding-left:10%; border-top:1px solid #ccc; display:none;}
		/* .s6_faq li p.anwer strong{display:block; float:left; width:5%; color:#666; font-size:14px;} */
		.s6_faq li p.anwer strong{display:block; float:left; color:#666; font-size:14px;}
		.s6_faq li p.anwer span{display:block; float:left; width:95%; color:#666; font-size:12px; line-height:1.8em;}


/* s7 */
.cart{width:100%; border-collapse:collapse; margin:20px 0; border-top:1px solid #ccc;}
	.cart tr.title th{background-color:#f5f5f5; font-weight:bold; padding:2% 1%; text-align:left;}
		.cart tr.title input[type="checkbox"]{vertical-align:middle;}
	.cart tr{border-bottom:1px solid #ccc;}
	.cart tr td{padding:3% 0;}
	.cart tr td.check{width:1%; text-align:center;}
			.cart tr td.check input{margin-top:-45px; vertical-align:top;}
	.cart tr td.pro_title{width:99%; overflow:hidden;}
	.cart tr td.pro_title .pro_pro{display:block; overflow:hidden; margin-bottom:5px;}
.cart tr td.pro_img img {width: 40%;}
	.cart tr td.pro_title span.img{width:17%; float:left; display:block;}
		.cart tr td.pro_title span.img img{width:100%;}
	.cart tr td.pro_title span.text{width:83%; display:block; float:left;}
	.cart tr td.pro_title span.text strong{display:block;}
	.cart tr td.pro_title span.text span{color:#999;}

	.cart tr td.pro_title span.num input[type="button"]{border:1px solid #ccc; background-color:#eee; width:30px; height:25px; float:left;}
	.cart tr td.pro_title span.num input[type="text"]{float:left; width:50px; height:25px; box-sizing:border-box; margin:0 1px; border:1px solid #ccc; text-align:center;}
	.cart tr td.pro_title span.num input.change{width:50px; margin-left:1px;}
	.cart tr td.pro_title span.num .price{font-weight:bold; font-size:14px; text-align:right; float:right;}
	.cart tr td.pro_title span.num .price .color{color:#2A9F87; font-size:16px;}

	.cart tr td.pro_title span.btnArea{margin-top:5px;}


	.cart_total{width:100%; border-collapse:collapse; border-top:3px solid #40a690; margin:20px 0;}
		.cart_total tr.color{background-color:#f5faf9;}
		.cart_total tr{border-bottom:1px solid #ccc;}
		.cart_total th{text-align:left; padding:2%;}
		.cart_total td{text-align:right; padding:2%;}
			.cart_total td.color{color:#40a690; font-size:14px;}


.cart_pop{width:90%; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:fixed; top:50%; margin-top:-25%; z-index:5; left:50%; margin-left:-45%; background-color:#fff; border:1px solid #ccc; display:none; box-sizing:border-box; padding:5%;}

	.cart_pop .title{font-weight:bold; padding:10% 0 4%; font-size:18px; text-align:center;}
		.cart_pop .x{position:absolute; top:3%; right:3%; font-size:30px; z-index:6; line-height:1em; cursor:pointer;}

		.cart_pop .pop2_btnArea2{text-align:center; margin-top:10px;}
			.cart_pop .pop2_btnArea2 a{display:inline-block; width:48%; float:left; line-height:25px; border:1px solid #ccc; margin:0 1%; box-sizing:border-box;}
			.cart_pop .pop2_btnArea2 a.btn_black{background-color:#666; color:#fff;}

			.cart_pop .pop2_btnArea2 a.btn_border:hover,.pop2 .pop2_btnArea2 a.btn_border:focus{background-color:#666; color:#fff; transition:all .2s;}
			.cart_pop .pop2_btnArea2 a.btn_black:hover,.pop2 .pop2_btnArea2 a.btn_black:focus{background-color:#fff; color:#333; transition:all .2s;}



.m_bottom{margin-bottom:50px;}

.order_1 tr.title span{font-size:10px; letter-spacing:-1px; font-weight:normal;}
.order_1 tr.title span.arrow{float:right;}
	.order_1 tr.title span img{margin-top:5px;}

/* .order_1 tr.text{display:none;} */
.order_1 tr.text strong{}
.order_1 tr.text .gray{display:block; color:#999;}
.order_1 tr.text .gray input[type="radio"]{vertical-align:middle;}
.order_1 tr.text .gray label{margin-right:5px; color:#999;}

.order_1_2 td.listWrap{overflow-y:scroll;}
.order_1_2 .list{display:block; width:200%;}
.order_1_2 .list_box{display:block; float:left; width:20%; padding:0 2%; box-sizing:border-box;}
.order_1_2 .list_box p{float:left; text-align:center;}
.order_1_2 .list_box img{display:block; margin:0 auto;}

.order_1_price1{text-align:right; font-size:14px;}
.order_1_price1 span.color{font-size:18px; color:#40a690; padding-left:10px;}
.order_1_price1 span.sub{font-size:12px; color:#666;}

.order_1_price{overflow:hidden; margin-top:40px;}
.order_1_price li{float:left; width:20%; padding:2%; box-sizing:border-box; border:1px solid #ccc; border-right:0; position:relative;}
.order_1_price li:last-child{border-right:1px solid #ccc; background-color:#f5f5f5;}
	.order_1_price li:last-child p{color:#40a690;}
.order_1_price li p{text-align:right; margin-top:10px; font-size:20px;}
.order_1_price li span{display:block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; background-color:#666; color:#fff; position:absolute; right:-15px; top:50%; margin-top:-15px; z-index:1;}

.order_1_3 tr th{width:20%; text-align:left; font-weight:normal;}
.order_1_3 tr th.t_title{font-weight:bold; line-height:40px;}
.order_1_3 tr input{width:100%; border:1px solid #ccc; padding:5px; box-sizing:border-box;}

.order_1_3 tr th.t_title span{float:right; margin-top:0; font-weight:normal;}
.order_1_3 tr th.t_title span input{width:15px; padding:0;}

.order_1_3 tr td.w3 input{width:30%;}
.order_1_3 tr td select{width:30%; padding:5px; border:1px solid #ccc;}
.order_1_3 tr td.address input{width:100%; margin-bottom:2px;}
.order_1_3 tr td.address input.post{width:70%;}
.order_1_3 tr td.address input.btn_black{width:29%; border:1px solid #ccc; background-color:#666; color:#fff; margin-left:1%;}
.order_1_3 tr td.address input.btn_black:hover,.order_1_3 tr td.address input.btn_black:focus{background-color:#fff; color:#333; transition:all .3s;}

.order_1_3 tr td.address p input[type="radio"]{width:15px; margin-right:2px;}
.order_1_3 tr td.address p label{margin-right:5px;}
.order_1_3 tr td.address p input[type="button"]{width:80px; font-size:12px; margin-right:10px; border-radius:30px;}


.order_1_3 tr td textarea{width:97%; height:100px; overflow-y:scroll; border:1px solid #ccc; padding:1%;}
.order_1_3 tr td span.gray_back{display:block; width:97%; height:100px; overflow-y:scroll; border:1px solid #ccc; padding:1%; background-color:#f7f7f7; overflow-y:scroll; font-size:10px; line-height:1.7em; margin-bottom:5px;}

.order_1_3 tr td span input{display:inline; width:15px; vertical-align:middle;}

.order_1_3 tr td.point,.order_1_3 tr td.coupon{text-align:left;}
.point input.btn_black,.coupon input.btn_black{width:25%; background-color:#666; color:#fff; padding:1%;}
.point input[type="text"],.coupon input[type="text"]{width:60%; padding:1%;}
.point input[type="text"]{margin-top:5px;}

.order_1_3 tr th img{cursor:pointer; width:20px;}
.point_popWrap{position:relative;}
.point_pop{min-width:250px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); background-color:#fff; padding:10%; display:block; position:absolute; font-size:14px; font-weight:normal; text-align:left; border:1px solid #ccc; display:none; top:70%; left:50%; margin-left:-10px;}
	.point_pop strong{display:block;}
	.point_pop .x{float:right; font-size:20px; line-height:0; cursor:pointer;}
	.point_pop span.text{font-size:12px; margin-top:10px; display:block;}


.add_pop{position:fixed; width:90%; top:50%; left:50%; margin-top:-100px; box-sizing:border-box; margin-left:-45%; background-color:#fff; padding:1%; box-shadow:2px 2px 2px rgba(0,0,0,0.2); border:1px solid #ccc; display:none;}
.add_pop p{font-weight:bold; font-size:20px;}
	.add_pop p span{cursor:pointer; float:right; font-size:30px; line-height:30px;}
.add_pop div{max-height:500px; overflow-y:scroll; margin-top:20px;}
	.add_pop div table{width:100%; border-collapse:collapse; font-size:14px;}
	.add_pop div table th,.add_pop div table td{border:1px solid #ccc; padding:1%;}
	.add_pop div input{border:none; border:1px solid #ccc; background-color:#666; color:#fff; width:80px; float:right; line-height:25px;}

	.add_pop div.none{border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; padding:5% 0; display:none;}

.coupon_pop{position:fixed; top:50%; margin-top:-100px; left:50%; width:90%; margin-left:-45%; background-color:#fff; border:1px solid #ccc;  box-shadow:2px 2px 2px rgba(0,0,0,0.2); padding:5%; display:none; box-sizing:border-box;}
	.coupon_pop strong{display:block; line-height:25p;x}
	.coupon_pop .x{float:right; cursor:pointer; font-size:30px; line-height:10px;}
	.coupon_pop table{width:100%; border-collapse:collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 10px;}
	.coupon_pop table thead tr{background-color:#fbfbfb; border-bottom:1px solid #ccc;}
	.coupon_pop table th, .coupon_pop table td{padding:1%; text-align:center;}
	.coupon_pop table td{font-size:12px;}
	.coupon_pop .btnArea input{width:49%; height:25px; line-height:25px; font-size:12px;}
	.coupon_pop .btn_border{border:1px solid #ccc; background-color:#fff;}
	.coupon_pop .btn_color{background-color:#40a690; color:#fff; border:none;}
	.coupon_pop .btn_border:hover,.coupon_pop .btn_border:focus{background-color:#40a690; color:#fff; transition:all .3s;}
	.coupon_pop .btn_color:hover,.coupon_pop .btn_color:focus{border:1px solid #ccc; background-color:#fff; color:#333; transition:all .3s;}

.coupon_pop1{position:fixed; top:50%; left:50%; width:90%; margin-left:-45%; margin-top:-50px; background-color:#fff; border:1px solid #ccc; box-shadow:2px 2px 2px rgba(0,0,0,0.2); padding:5%; display:none; box-sizing:border-box;;}
	.coupon_pop1 strong{display:block;}
	.coupon_pop1 .xx{float:right; cursor:pointer; font-size:30px; line-height:10px;}
	.coupon_pop1 span.text{font-size:12px; display:block; margin:10px 0;}
	.coupon_pop1 p input{width:75%; padding:0 1%; height:23px; border:1px solid #ccc;}
	.coupon_pop1 p input.btn_black{width:20%; background-color:#666; color:#fff; border:none; margin-left:2%; height:25px;}


.order_2 td.color{color:#40a690;}
.order_2 input[type="radio"]{width:15px; margin-right:5px;}
.order_2 label{margin-right:3px;}
.order_2 input[type="text"]{width:78%; margin-top:5px;}

.order_total{width:100%; border-collapse:collapse; border-top:3px solid #40a690; margin:20px 0 0;}
	.order_total tr{background-color:#f5faf9; border-bottom:1px solid #ccc;}
	.order_total th{text-align:left; padding:2%;}
	.order_total td{text-align:right; padding:2%;}
		.order_total td.color{color:#40a690; font-size:14px;}


	.order_total1 tr.color{background-color:#f5faf9; border-bottom:1px solid #ccc;}
	.order_total1 th{text-align:left; font-weight:normal; width:30%;}
	.order_total1 td{text-align:left;}
	.order_total1 tr.color td{text-align:right; font-weight:bold;}
		.order_total1 td.color{color:#40a690; font-size:14px;}




	.order_agree{margin:20px 0; overflow:hidden;}
		.order_agree div{float:left; width:100%;}
		.order_agree div.text{line-height:15px;}
		.order_agree div.btnArea{width:50%; float:right; text-align:right;}

.order_number{border:1px solid #ccc; text-align:center; margin:50px 0; padding:5%; line-height:1.7em;}
.order_number strong{color:#40a690; font-size:20px; display:block; margin-bottom:20px;}

.order_3 td span{float:left; line-height:55px;}

.margin_bottom{margin-bottom:50px;}



/* s8_join */
.s8_title h3 span{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:25px;}
.join_bar{border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:30px; margin:20px 0 0; letter-spacing:-0.5px; overflow:hidden; text-align:center;}
	.join_bar span.right{padding:0 2px;}
	.join_bar .join_bar_this{color:#40a690;}

	 .join_all{line-height:30px;}
		.join_all input{vertical-align:middle;}

.join_box1{overflow:hidden; margin-bottom:20px;}
	.join_box1 li{overflow:hidden; padding:3% 0;}
	.join_box1 li div{width:100%; margin-bottom:20px;}
	.join_box1 li div:last-child{margin-bottom:0;}

		.join_box1 li strong{font-size:14px; margin-bottom:5px; display:block;}
		.join_box1 li .text{width:100%; box-sizing:border-box; background-color:#fafafa; border:1px solid #ccc; height:150px; overflow-y:scroll; padding:3%; font-size:10px; line-height:1.7em;}
		.join_box1 li .agree{text-align:right; margin-top:5px;}
		.join_box1 li .agree input{margin-left:5px; vertical-align:middle;}

		.join_box1 li .text table{width:100%; border-collapse:collapse; border:1px solid #ccc; margin:10px 0;}
			.join_box1 li .text table th,.join_box1 li .text table td{border:1px solid #ccc; text-align:center; font-size:10px; line-height:1.7em;}

.f_r{float:right;}

.join_box2{padding:5% 0; overflow:hidden; border-bottom:1px solid #ccc;}
	.join_box2 li{width:50%; float:left; box-sizing:border-box; text-align:center;}
	.join_box2 li:first-child{border-right:1px solid #ccc;}
	.join_box2 li span{display:block; width:100px; height:100px; margin:0 auto; background-color:#40a690; border-radius:150px; padding:20px; box-sizing:border-box; margin-bottom:10px;}

	.join_box2 li strong{color:#666; letter-spacing:-0.5px;}

	.join_box2_text{line-height:2em; font-size:12px; margin-top:10px; color:#666;}


.join_box3{width:100%; border-collapse:collapse; border-top:1px solid #ccc; margin:20px 0 20px;}
.join_box3 tr{border-bottom:1px solid #ccc;}
.join_box3 th,.join_box3 td{padding:2%;}
.join_box3 th{width:25%; text-align:left; font-size: 12px;}
.join_box3 th .star{color:#40a690;}
.join_box3 td{font-size:10px;}
.join_box3 td input[type="text"],.join_box3 td input[type="password"]{ height: 30px;font-size: 10px;padding:3px; width:100%; font-size:10px; border:1px solid #ccc; box-sizing:border-box;}
.join_box3 td select{padding:4px; width:25%; font-size:16px; border:1px solid #ccc;}
.join_box3 .radioWrap td label{margin-left:5px; margin-right:10px;}
.join_box3 .radioWrap td input[type="text"]{width:100%; margin-top:5px;}
.join_box3 .radioWrap td input[type="radio"]{vertical-align:sub;}

.join_box3 .w3 td input{width:30.5%;}
.join_box3 .w3 td select{width:30.5%; font-size:12px; height: 29px; padding:2px; box-sizing:border-box;}

.join_box3 .address input[type="text"]{margin-top:5px; width:50%;}
.join_box3 .address input[type="text"].w100{width:100%;}
.join_box3 .address input[type="button"]{width:80px; height:30px; color:#fff; background-color:#666; border:none; font-size:12px; margin-left:1px;}

.join_box3 .address input[type="button"]:hover,.join_box3 .address input[type="button"]:focus{background-color:#fff; border:1px solid #ccc; color:#333; transition:all .3s;}

.join_box4{padding:20px 0 50px; border-bottom:1px solid #ccc; margin-bottom:50px;}
.join_box4 .title{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:25px; text-align:center;}
.join_box4 .sub{text-align:center; margin:10px 0 30px;}
.join_box4 .btnArea{width:100%; text-align:center;}

.join_box_m_2{padding:20px 0 10px; margin-bottom:50px; border-bottom:1px solid #ccc;}
.join_box_m_2 .title{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:25px; text-align:center;}
.join_box_m_2 .sub{text-align:center; margin:10px 0;}
.join_box_m_2 .boxbox{width:100%; margin:20px auto; border:1px solid #ccc; background-color:#fbfbfb; padding:5%; box-sizing:border-box;}

	.join_box_m_2 .boxbox div{overflow:hidden;}
	.join_box_m_2 .boxbox p{width:100%; margin-bottom:10px;}
	.join_box_m_2 .boxbox p strong{display:block; margin-bottom:5px;}
	.join_box_m_2 .boxbox p select{width:100%; padding:2%; border:1px solid #ccc;}
	.join_box_m_2 .boxbox div:first-child p input{width:100%; padding:2%; box-sizing:border-box; border:1px solid #ccc;}
	.join_box_m_2 .boxbox div:first-child{border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px;}

	.join_box_m_2 .boxbox div:last-child p{width:100%;}
	.join_box_m_2 .boxbox div:last-child input[type="text"]{width:35%; border:1px solid #ccc; padding:1%;}
	.join_box_m_2 .boxbox div:last-child p:last-child input[type="text"]{width:79.5%;}

	.join_box_m_2 .boxbox div:last-child input[type="button"]{float:right; width:17%; height:26px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box;}
	.join_box_m_2 .boxbox div:last-child input[type="button"].btn_border:hover,.join_box_m_2 .boxbox div:last-child input[type="button"].btn_border:focus{background-color:#40a690; color:#fff; transition:all .3s;}

	.join_box_m_2 .boxbox div:last-child input[type="button"].btn_color{background-color:#40a690; color:#fff;}

	.join_box_m_2 .boxbox div:last-child input[type="button"].btn_color:hover,.join_box_m_2 .boxbox div:last-child input[type="button"].btn_color:focus{background-color:#fff; color:#333; transition:all .3s;}

	.join_m_text{text-align:center; line-height:2em;}


/* s8_login */
.s8_login_top{background:#fff url("/resources/images/m/login_banner_back.jpg") no-repeat center; background-size:cover;}
.s8_login_top div{padding:1.2% 0; position:relative;}
.s8_login_top p{color:#23535d; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:12px; font-weight:700;}
.s8_login_top p span{color:#23535d; /*font-family: 'Nanum Myeongjo', serif;*/}
.s8_login_top p span.small{font-size:12px;}
.s8_login_top p span.underbar{border-bottom:1px solid #23535d;}
.s8_login_top a{width:120px; height:30px; line-height:30px; text-align:center; background-color:#40a690; color:#fff; border-radius:50px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; right:0; top:50%; margin-top:-15px;}
.s8_login_top a:hover,.s8_login_top a:focus{transform:translate(0,-3px); transition:all .3s;}

.loginWrap{background:#fff url("/resources/images/m/login_back.jpg") no-repeat center; background-size:cover;}

.login_1{background-color:#fff; border:1px solid #ccc; width:100%; margin:20px auto 50px; box-sizing:border-box;}
	.login_1 .tab{width:100%; overflow:hidden;}
	.login_1 .tab li{width:50%; float:left; text-align:center; font-size:18px; font-weight:bold; background-color:#fbfbfb; border-right:1px solid #ccc; box-sizing:border-box; border-bottom:1px solid #ccc;}
	.login_1 .tab li:last-child{border-right:0;}
	.login_1 .tab li.login_1_this{background-color:#fff; border-bottom:0;}
	.login_1 .tab li a{display:block; width:100%; height:100%; padding:3%;}

	.login_1 .tabContent{padding:10% 5%;}
	.login_1 .tabContent .title{text-align:center; margin-bottom:30px;}
		.login_1 .tabContent .title p{/*font-family: 'Nanum Myeongjo', serif;*/margin-bottom:10px;}

		.login_1 .tabContent .title .big{font-size:20px; font-weight:bold;}

		.login_1 .tabContent .inputArea{width:100%; margin:0 auto;}
		.login_1 .tabContent .inputArea input{width:100%; border:1px solid #ccc; padding:1%; height:30px; box-sizing:border-box; margin-bottom:10px;}
		.login_1 .tabContent .inputArea input[type="submit"]{background-color:#40a690; color:#fff; border:1px solid #40a690;}
			.login_1 .tabContent .inputArea input[type="submit"]:hover,.login_1 .tabContent .inputArea input[type="submit"]:focus{background-color:#fff; color:#333; border:1px solid #ccc; transition:all .3s;}

		.login_1 .tabContent .inputArea .sub{font-size:12px; margin-bottom:20px;}

		.login_1 .tabContent .linkArea{width:100%; margin:0 auto; font-size:14px; line-height:2.2em;}
			.login_1 .tabContent .linkArea p{letter-spacing:-1px;}
			.login_1 .tabContent .linkArea a{float:right;}
			.login_1 .tabContent .linkArea a:hover,.login_1 .tabContent .linkArea a:focus{text-decoration:underline;}

		.login_1 .tabContent .login_btnArea{width:100%; margin:0 auto; overflow:hidden; margin-top:10px;}
			.login_1 .tabContent .login_btnArea a{width:32%; float:left; margin-right:2%;}
				.login_1 .tabContent .login_btnArea a:last-child{margin-right:0;}
				.login_1 .tabContent .login_btnArea a img{width:100%;}

.login_1 .tabContent .inputArea .find{overflow:hidden;}
.login_1 .tabContent .inputArea .find input{width:80%;}
.login_1 .tabContent .inputArea .find input[type="button"]{width:19%; float:right;}

.login_1 .tabContent .inputArea .m_find{overflow:hidden;}
.login_1 .tabContent .inputArea .m_find input{width:49%; float:right;}
.login_1 .tabContent .inputArea .m_find input:first-child{width:38%; float:left;}
.login_1 .tabContent .inputArea .m_find button{border:none; float:left; border:1px solid #ccc; margin-right:1%; width:30px; height:30px; overflow:hidden;}
	.login_1 .tabContent .inputArea .m_find button img{width:100%;}


/* s9_mypage */
.sub_link{overflow:hidden; width:100%; margin:20px 0 50px; padding:1%; border-top:1px solid #ccc;}
	.sub_link li{width:100%; line-height:40px;}
	.sub_link li a{display:block; overflow:hidden; border-bottom:1px solid #ccc;}
		.sub_link li a span{float:right; margin-right:2%;}

.my_ol{overflow:hidden; margin-top:20px; border:1px solid #ccc;}
	.my_ol li{float:left; width:25%; padding:2%; box-sizing:border-box; text-align:center; border-right:1px solid #ccc;}
		.my_ol li strong{display:block; font-size:16px; color:#666;}
		.my_ol li:last-child{border-right:0}

	.order_1 caption{text-align:left; font-size:14px; margin-bottom:5px;}
	.order_1 caption a{float:right; font-size:14px; color:#666; margin-top:8px;}

	.my_table1 tr th, .my_table1 tr td{width:10%;}
	.my_table1 tr td{font-size:14px;}
	.my_table1 tr th.pro_title, .my_table1 tr td.pro_title{width:50%; font-size:16px;}
	.my_table1 tr th.num, .my_table1 tr td.num{width:5%;}

	.my_table1 .handling{text-align:center;}
	.my_table1 .none td{text-align:center; font-size:16px; padding:5%; display:none;}

	.my_table1 .inquiry_date{width:20%; text-align:center; font-size:16px;}
	.my_table1 .inquiry_title{width:60%; font-size:16px;}
	.my_table1 .inquiry_person{width:20%; text-align:center; font-size:16px;}

	.my_title{font-size:20px; text-align:center; /*font-family: 'Nanum Myeongjo', serif;*/ font-weight:bold; margin-top:20px;}
		.my_title span{/*font-family: 'Nanum Myeongjo', serif;*/font-weight:900;}

	.findWrap{overflow:hidden; margin-top:20px; width:100%; border:1px solid #ccc; background-color:#f7f7f7; padding:5%; box-sizing:border-box;}
		.findWrap div{width:100%; overflow:hidden; margin-bottom:5px;}
		.findWrap div.left{font-size:12px;}
		.findWrap div.left select{border:1px solid #ccc; width:100%; padding:1%; box-sizing:border-box;}

		.findWrap div p{width:80%; float:left;}
		.findWrap div p.title{width:20%;}

		.findWrap div.center a{font-size:12px; text-align:center; border:1px solid #ccc; padding:0 2%; width:24.2%; line-height:25px; background-color:#fff; box-sizing:border-box; display:block; float:left; margin-right:1%;}
		.findWrap div.center a:last-child{margin-right:0;}

		.findWrap div.right input[type="text"]{width:40%; padding:1%; border:1px solid #ccc;}
		.findWrap div.right input[type="image"]{height:26px; float:right;}

.order_1 tr.block{display:block;}
.order_1 .title a{float:right; font-weight:normal;}
.order_1 .text .color{color:#6fb499;}

	.my_table2 td{padding:5%; display:none;}

.btnArea2 a, .btnArea2 input{width:32.5%;}

.my_table3 tr th{background-color:#f5f5f5;}
.my_table3 tr td{padding:1%;}

.my_table4 tr td{width:10%; text-align:center;}
.my_table4 tr td.pro_title{width:40%; text-align:left;}
.my_table4 tr td.num{width:5%;}

.my_table5 tr.title{background-color:#fbfbfb;}
.my_table5 tr th{text-align:left; width:20%; padding:1%;}
.my_table5 tr td{padding:1%;}
.my_table5 tr.w3 td{width:20%;}

.my_table5 select{width:100%; padding:1%; border:1px solid #ccc;}
.my_table5 input[type="text"]{border:1px solid #ccc; padding:1%; width:100%; box-sizing:border-box;}
.my_table5 input[type="file"]{border:1px solid #ccc; background-color:#fff; padding:1%; width:100%; box-sizing:border-box;}
.my_table5 textarea{border:1px solid #ccc; padding:1%; width:100%; height:150px; overflow-y:scroll; box-sizing:border-box; overflow-y:scroll;}

.my_table6 th{background-color:#f5f5f5;}
.my_table6 tr th,.my_table6 tr td{padding:2%;}
.my_table6 .bottom th,.my_table6 .bottom td{width:10%;}
.my_table6 .bottom th{text-align:left;}
.my_table6 .bottom td.right{text-align:right;}


.my_table7 tr th,.my_table7 tr td{width:7%}
.my_table7 tr td{font-size:14px; text-align:center;}
.my_table7 tr td.pro_title{width:50%; text-align:left; font-size:16px;}
.my_table7 tr td.pro_title .text{padding-left:10px; box-sizing:border-box;}
.my_table7 tr td.price,.my_table7 tr td.num{width:1%;}

.my_table7 tr.none td{padding:5%; font-size:16px; display:none;}
.my_table7 tr.block td{padding:5%;}

.my_table8 .check{width:1%;}
.my_table8 tr.title th{text-align:center;}
.my_table8 .title1{width:69%; position:relative;}
	.my_table8 .title1 a{position:absolute; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; top:0; padding:5% 0;}
.my_table8 tr td.check input{margin:0;}

.my_table8 .date{width:30%; text-align:right;}
	.my_table8 .date img{width:100%;}


.my_table9 tr.title th{text-align:center;}
.my_table9 tr td.check{width:1%;}
	.my_table9 tr td.check input{vertical-align:middle;}
.my_table9 td.title1{width:64%; padding:0 2%; position:relative;}
	.my_table9 td.title1 a{position:absolute; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; top:0; padding:5% 0;}
.my_table9 tr .date{width:30%; text-align:center;}
.my_table9 tr td.check input{margin:0;}

.my_table10 tr th,.my_table10 tr td{padding:2%;}
.my_table10 th{text-align:left; width:20%;}
.my_table10 input,.my_table10 textarea{border:1px solid #ccc; padding:2%; box-sizing:border-box;}
.my_table10 input[type="text"],.my_table10 textarea{width:100%; box-sizing:border-box;}
.my_table10 input[type="file"]{width:100%;}
.my_table10 textarea{height:150px; overflow-y:scroll;}
.my_table10 tr.font14 td{font-size:12px; line-height:1.5em;}

.btnArea .none{display:none;}

table.center td{text-align:center;}
.my_table6 .color{font-size:16px; padding:2px 1%; color:#40a690;}
.my_table6 .padding td{padding:2% 1%;}

.btnArea3 a, .btnArea3 input{float:right; width:80px; height:25px; transform:translate(0,20px);}


.my_7_form{width:100%; margin:20px auto; border:1px solid #ccc; background-color:#fbfbfb; padding:5%; overflow:hidden; box-sizing:border-box;}
	.my_7_form .title{text-align:center; font-size:14px; font-weight:bold; color:#666;}
	.my_7_form .sub{margin:10px 0 20px; text-align:center; line-height:1.8em;}
		.my_7_form .sub .color{color:#40a690;}
	.my_7_form .box{width:80%; margin:0 auto;}
	.my_7_form .box p{margin-bottom:10px;}
	.my_7_form .box p span{display:inline-block; width:30%; font-weight:bold;}
	.my_7_form .box p input[type="text"]{padding:1%; width:65%; border:1px solid #ccc; box-sizing:border-box;}
	.my_7_form .box .btnArea{overflow:hidden; width:100%; margin:10px 0 0;}
		.my_7_form .box .btnArea .left{float:left; margin:0;}
		.my_7_form .box .btnArea .right{float:right; background-color:#666; color:#fff; border:1px solid #666; margin:0;}
		.my_7_form .box .btnArea .left:hover,.my_7_form .box .btnArea .left:focus{background-color:#666; color:#fff;}
		.my_7_form .box .btnArea .right:hover,.my_7_form .box .btnArea .right:focus{background-color:#fff; color:#333; border:1px solid #ccc; transition:all .3s;}

.margin_top{margin-top:30px;}

.my_7_form .box1{overflow:hidden; border-top:1px solid #ccc; padding-top:10px;}
	.my_7_form .box1 li{width:100%; font-size:14px; line-height:2em;}
	.my_7_form .box1 li input{vertical-align:middle;}
.margin_bottom1{margin-bottom:50px;}

.out_ok{width:100%; margin:20px auto; border:1px solid #ccc; background-color:#fbfbfb; padding:5%; overflow:hidden; box-sizing:border-box;}
.out_ok .title{text-align:center; font-size:14px; font-weight:bold; color:#666;}
.out_ok .sub{margin:15px 0 0; text-align:center; line-height:1.8em;}
	.out_ok .sub .color{color:#40a690;}

.btn_center1{float:none; margin:0 auto 50px; text-align:center;}

.gallery_wrap_s1 { overflow: hidden; position: relative; width: 80%; height: 150px; margin: 0 auto; }

.gallery_wrap_s1 > img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 0; }

.gallery_wrap_s1 > img.left { opacity: 1; z-index: 1; transform: translateX(-100%); }

.gallery_wrap_s1 > img.cur { opacity: 1; z-index: 10; }

.gallery_wrap_s1 > img.right { opacity: 1; z-index: 1; transform: translateX(100%); }

a.btn_p_n { position: absolute; display: block; margin-top: -85px; width: 20px; height: 20px; font-size: 1em; text-align: center;}
a#prev { left: 20px; z-index: 50; }
a#next { right: 20px; z-index: 50; }


.s4_box01 {
	background: url("/resources/images/m/bgbg.jpg") no-repeat;
	background-size: cover;
	width: 100%;
	height: 1000px;
	background-position: center;
}

.s4_box01 ul {
	margin-top: 50px;
}

.s4_box01 ul li {
	background: url("/resources/images/m/li_bg.jpg") no-repeat;
	background-size: cover;
	width: 100%;
	height: 400px;
	margin-bottom: 20px;
	padding: 0 3px;
}

.s4_box01 ul li:nth-child(2) div {
	float: left;
}

.s4_box01 ul li p:nth-child(1) img {
	width: 50px;
	height: auto;
}

.s4_box01 ul li:nth-child(1) p:nth-child(3) {
	margin-left: 38px;
}

.s4_box01 p:nth-child(1) {
	clear:both;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding-top: 35px;
	color: #555;
}

.s4_box01_title {
	color: #fff;
	background: #5bad6a;
	text-align: center;
	margin: 0 auto;
	width:70%;
	margin-top: 20px;
	font-size: 16px;
	padding: 5px 10px;
}

.s4_box01_title2 {
	color: #fff;
	background: #a2acb1;
	text-align: center;
	margin: 0 auto;
	width: 80%;
	margin-top: 20px;
	font-size: 14px;
	padding: 5px 10px;
}

.s4_box01 .area p:nth-child(3) {
	width: 100%;
	margin: 0 auto;
	margin-top: 15px;
	line-height: 28px;
	font-size: 14px;
	margin-left: 8px;
}

.s4_box01 .area ul li p:nth-child(4) {
	font-size: 12px;
	margin-top: 15px;
	margin-left: 10px;
	text-align: center;
}

.sk {
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	padding-top: 10px;
}

.left01 {
	width: 49%;
}

.right01 {
	width: 49%;
}


.mapcontent {width: 100%; height: 300px; overflow: hidden;}

.store_pop{width:300px; height:200px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:45%; z-index:5; left:50%; margin-left:-150px; background-color:#fff; border:1px solid #ccc; display:none;}
.store_pop .title{font-weight:bold; padding:10% 0 4%; font-size:18px; text-align:center;}
.store_pop .x{position:absolute; top:3%; right:3%; font-size:30px; z-index:6; line-height:1em; cursor:pointer;}
.store_pop img {width: 100%;}


/*pw_ch*/


.wrap{
      margin: 0 auto;
		padding: 5%
}

.title_pw_ch p{
      font-size: 30px;
      color: #383231;
      font-weight: bold;
      margin-top: 50px;
      text-align: center;
}

.txt p{
      text-align: center;
      margin-top: 10px;
}

.txt_box{
      border: 1px solid #ccc;
      text-align: center;
      width: 300px;
      margin: 30px auto;
      padding: 3% 3%;
}

.txt_box span{
      font-weight: bold;
}

.change_con{
      max-width: 300px;
      margin: 0 auto;
}

.change_con td{
      padding: 2% 2%;
}

.ch_pw{
      width: 100%;
      padding: 1% 1%;
}

.confirm_btn{
     width: 120px;
     background-color: #666;
     margin: 50px auto;
     text-align: center;
     cursor: pointer;
     padding: 1% 0;
}

.confirm_btn p{
     color: #fff;
}
#total{
	outline: none;
	border:0;
}

/*하단메뉴5개*/
.b_h3tit {
   text-align: center;
   font-size: 17px;
   padding-bottom: 10px;
   border-bottom: 1px solid #ccc;
   margin-bottom: 15px;
}
.b_divcon {
   padding-bottom: 30px;
}
.f_table {
   border-collapse: collapse;
   width: 100%;
}
.f_table tr td {
   border:1px solid #ccc;
   padding:5px;
}