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

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

.hr{width:100%; border:none; border-top:1px solid #ccc; position:absolute; top:110px;}

#container{width:100%; overflow:hidden; margin-top:31px; border-top:1px solid #ccc;}
	#visual{width:100%; height:300px; overflow:hidden; margin:0 0 10px;}

		.s1_title{background:#fff url("../img/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("../img/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("../img/s3_title_back.jpg") no-repeat center; background-size:cover; height:100%;}
		.s4_title{background:#fff url("../img/s4_title_back.jpg") no-repeat center; background-size:cover; height:100%;}
		.s5_title{background:#fff url("../img/s5_title_back.jpg") no-repeat center; background-size:cover; height:100%;}
		.s6_title{background:#fff url("../img/s6_title_back.jpg") no-repeat center; background-size:cover; height:100%;}
		.s7_title{background:#fff url("../img/s7_title_back.jpg") no-repeat center; background-size:cover; height:100%; display:flex; justify-content:center; flex-direction:column;}
		.s8_title{background:#fff url("../img/s8_title_back.jpg") no-repeat center; background-size:cover; height:100%; display:flex; justify-content:center; flex-direction:column;}
		.s9_title{background:#fff url("../img/s9_title_back.jpg") no-repeat center; 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:60px;}
		#visual p{text-align:center; font-size:18px; margin-top:20px;}
		#visual h3 span{font-family: 'Roboto Condensed', sans-serif; font-weight:bold;}

	#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:1200px; margin:0 auto; overflow:hidden;}
	.padding{padding:100px 0 150px;}

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

.s_tab{width:800px; margin:50px auto 20px; overflow:hidden; border-radius:50px; border:1px solid #ccc; background-color:#fff;}
	.s_tab p{float:left; text-align:center; border-right:1px solid #ccc; box-sizing:border-box; line-height:1.8em; font-size:20px;}
		.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 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;}
	.ss_tab a{ display:inline-block; width:150px; border-right:1px solid #ccc; 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("../img/1_coupon_back.jpg") no-repeat center; background-size:cover; position:relative; height:300px; margin:0 auto;}
	.couponTitle .area div{background-color:#fff; width:400px; margin:50px 0 50px 100px; text-align:center; padding:3% 8%;}
	.couponTitle h3{font-size:40px; /*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;}
		.couponTitle h3 span.big{font-size:45px;}
		.couponTitle .sub{margin-top:10px; font-size:20px;}

.coupon_box_bg {
	background: url("../img/coupon_bg.jpg") no-repeat;
	background-size: cover;
	width: 100%;
	height: 1412px;
}

.coupon_box_h3{/*font-family: 'Nanum Myeongjo', serif;*/ text-align:center; font-size:40px; margin-bottom:60px;}
.coupon_box_h3_01 {color: #fff; margin-top: 240px; text-align:center; font-size:40px; margin-bottom:60px;}
.coupon_box1{padding:160px 0;}
	.coupon_box1 ul{overflow:hidden; width:95%; margin: 80px auto 0 auto;}
		.coupon_box1 ul li{ float:left; width:50%; text-align:left; padding: 2% 0 3% 2%; overflow:hidden; box-sizing:border-box;}
			.coupon_box1 ul li:nth-child(1) {border-bottom: 1px solid #c9bdb1;}
			.coupon_box1 ul li:nth-child(2) {border-bottom: 1px solid #c9bdb1;}
			.coupon_box1 ul li:nth-child(3) {border-bottom: 1px solid #c9bdb1;}
			.coupon_box1 ul li:nth-child(4) {border-bottom: 1px solid #c9bdb1;}
			.coupon_box1 ul li:nth-child(odd) {border-right: 1px solid #c9bdb1;}
			.coupon_box1 ul li p{display: inline-block; vertical-align: middle;}
			.coupon_box1 ul li p.num{width:10%; font-size:45px; color:#999;}
			.coupon_box1 ul li p.img{width:30%; text-align:center;}
			.coupon_box1 ul li p span {font-weight: bold; color: #c9bdb1; font-size: 18px;}
					.coupon_box1 ul li p.img img{margin-top:-10px;}
			.coupon_box1 ul li p.text{width:60%; box-sizing:border-box;}
			.coupon_box1 ul li p.text strong{font-size:20px; display:block; margin:10px 0 5px;}
		.coupon_box1 ul li:nth-child(2n){margin-right:0;}


.coupon_box2{background-color:#fafafa; padding:150px 0 100px;}
	.coupon_box2 table{border-top: 2px solid #6fb499; width:100%; border-collapse:collapse; background-color:#fff; text-align:center; margin-bottom:50px;}
		.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:20px;}

		.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;
		}
		.level1{color:#999; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:20px; font-weight:bold;}
		.level2{color:#b9dcb5; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:20px; font-weight:bold;}
		.level3{color:#9acab7; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:20px; font-weight:bold;}
		.level4{color:#6fb499; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:20px; 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:20px;}

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


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


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

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

.gift_box1{margin:100px auto 120px; padding-bottom:40px; border-bottom:1px solid #ccc;}
.gift_titleArea{background:#fff url("../img/gift_title_back.png") no-repeat center; background-size:cover; padding:40px 0 30px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.gift_sub{text-align:center; font-size:20px;}
	.gift_sub span{padding-right:30px; margin-right:20px; border-right:1px solid #ccc; line-height:1em;}
	.gift_sub img{width:30px; vertical-align:sub;}

.gift_ul{overflow:hidden;}
	.gift_ul li{float:left; width:23.85%; margin-right:1.5%; text-align:center;}
		.gift_ul li:last-child{margin-right:0;}
		.gift_ul li img{width:100%;}

		.gift_ul li .text{margin-top:20px;}
		.gift_ul li strong,.gift_ul li span{display:block; line-height:2em;}
		.gift_ul li strong{font-size:22px;}
		.gift_ul li span.color{color:#6fb499;}
			.gift_ul li span.small{font-size:14px;}

.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:50px 0;}
	.gift_box2 ul li{float:left; width:24%; margin-right:1.11%; border:1px solid #ccc; position:relative; margin-bottom:15px;}
	.gift_box2 ul li:nth-child(4n){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; height:285px; 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("../img/s1_1_back.jpg") no-repeat center; background-size:cover; margin:50px auto 0; width:100%; padding:5% 0 13%;}

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

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


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

	.s1_box1 ul li:nth-child(even) div.text{text-align:right;}
	.s1_box1 ul li:nth-child(even) div.text .num{float:right;}
	.s1_box1 ul li:nth-child(even) div.text .tt{float:right; margin-right:30px;}

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

	.s1_box3{background:#fff url("../img/s1_1_back1.jpg") no-repeat center bottom; background-size:cover; width:100%; padding:5% 0 12%;}
		.s1_box3 h3{margin-top:30px;}
	.s1_box3 ul{margin:50px 0; overflow:hidden;}
		.s1_box3 ul.tab li{float:left; width:31.33%; margin:0 1%; position:relative; cursor:pointer; text-align:center}
			.s1_box3 ul.tab li img{width:100%;}
			.s1_box3 ul.tab p{margin-top:20px; letter-spacing:-0.5px; line-height:2em;}


.s2_box1{background:#fff url("../img/s1_2_back.jpg") no-repeat center; background-size:cover; height:600px; display:flex; justify-content:center; flex-direction:column; text-align:center; margin:80px 0 0;}
.s2_titletitle{color:#fff; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:50px; text-shadow:2px 2px 2px rgba(0,0,0,0.5); font-weight:100;}
	.s2_titletitle span{color:#fff; /*font-family: 'Nanum Myeongjo', serif;*/}
	.s2_title_sub{color:#fff; font-size:25px; text-shadow:2px 2px 2px rgba(0,0,0,0.5); margin-top:10px;}
		.s2_title_sub span{color:#fff;}

.s2_box2{overflow:hidden; margin-bottom:150px;}
.s2_box2 li{text-align:center;}
.s2_box2 li.img{overflow:hidden;}
	.s2_box2 li.img p{float:left;}
		.s2_box2 li.img p img{width:100%;}
	.s2_box2 li.w2 p{width:49%; margin-right:2%;}
	.s2_box2 li.w3 p{width:32%; margin-right:2%;}

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

	.s2_box2 li.text{margin:90px 0 150px; line-height:2em; font-size:18px; letter-spacing:-0.3px;}
		.s2_box2 li.text strong{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:35px; margin-bottom:50px; display:block;}
		.s2_box2 li.text .color{color:#6fb499;}

.s3_box1{margin:100px 0 150px;}
	.s3_box1 .s1_title_sub{margin:30px 0 80px; font-size:16px; line-height:2em;}
	.s3_box1 .img{text-align:center;}

.s3_box2{padding-bottom:200px; background:#fff url("../img/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:70px;}
		.s3_box2 ul li{float:left; width:32%; margin-right:2%; text-align:center;}
		.s3_box2 ul li:last-child{margin-right:0;}
		.s3_box2 ul li img{width:100%;}
.s3_box2 ul li div{margin-top:10px;}
		.s3_box2 ul li strong{margin-top:20px; display:inline-block; border-bottom:8px solid #d4e8e0; height:15px; font-size:20px; letter-spacing:-0.5px;}
			.s3_box2 ul li strong span{color:#6fb499;}
		.s3_box2 ul li p{text-align:left; font-size:14px; line-height:1.8em; margin-top:20px;}

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

.s4_box1{margin: 50px 0;}
	.s4_box1 .s1_title_sub{font-size:16px; line-height:2em;}
	.s4_box1 .s1_title_sub .big{color:#6fb499; font-size:22px; display:block; font-weight:bold; margin:50px 0 20px;}
.s1_water{display:block; margin:50px auto 0;}

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

	.s4_box2 ul{overflow:hidden; width:100%; margin:0 auto;}
		.s4_box2 ul li{float:left; width:25%; text-align:center; font-size:25px; font-weight:bold; color:#666;}
		.s4_box2 ul li img{display:block; margin:20px auto;}

	.s4_box3{overflow:hidden;}
		.s4_box3 div{float:left;}
		.s4_box3 div.img{width:00%; margin:0;}
			.s4_box3 div.img img{width:100%;}
		.s4_box3 div.text{width:100%;}
			.s4_box3 div.text p{float:left; width:25%; margin:4.4% 0; padding:0 2%; box-sizing:border-box; font-size:14px; line-height:2em; border-right:1px solid #ccc; height:260px;}
				.s4_box3 div.text p:last-child{border-right:0;}
			.s4_box3 div.text p strong{display:block; margin-bottom:10px; font-size:18px;}
				.s4_box3 div.text img{vertical-align:middle;}

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

		.product_list li .img img {width: 250px; height: auto;}

	.product_list li .img{text-align:center; margin-bottom:30px;}
	.product_list li .text strong{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:18px; display:block; line-height:1.3em;}
	.product_list li .text span.price{display:block; /*font-family: 'Nanum Myeongjo', serif;*/ color:#2a9f87; font-weight:bold; font-size:18px; margin-top:10px;}

	.product_list li:hover a{opacity:1; transition:all .5s;}

	.product_list li a{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,141,77,0.95); padding:8%; box-sizing:border-box; opacity:0;}
	.product_list li a img{display:block; margin:80px auto 100px;}
	.product_list li a strong{/*font-family: 'Nanum Myeongjo', serif;*/ color:#fff; font-size:18px; display:block; line-height:1.3em;}
	.product_list li a span{color:#fff;}
	.product_list li a span.price{display:block; font-size:18px; margin-top:10px;}
	.product_list li span.price .dash{padding:0 10px; font-weight:100; color:#2a9f87;}
	.product_list li a span.price .dash{color:#fff;}

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

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


.numArea{margin:50px auto 150px; text-align:center;}
	.numArea a{display:inline-block; width:40px; height:40px; line-height:40px; border:1px solid #ccc; margin:0 10px;}
	.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_right01{position:absolute; right:0; top:1650px;}
.line_left01{position:absolute; left:0; bottom:450px;}
.line_top{top:250px;}

.pro_content{width:100%; overflow:hidden; border-bottom:1px solid #ccc;}
	.pro_content .img{float:left; width:40%; position:relative;}
	.pro_content .img .img_slide{width:100%; 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;}
			.s2_prev{left:0;}
			.s2_next{right:0;}
		.i_big{position:absolute; right:0; bottom:67px; cursor:pointer;}

	.pro_content .text{float:left; width:58%; margin-left:2%;}
		.pro_content h4{overflow:hidden;}
		.pro_content h4 span{font-size:25px; /*font-family: 'Nanum Myeongjo', serif;*/ float:left; width:78.5%;}
		.pro_content h4 span.linkArea{width:21.5%;}

		.s2_text{margin:30px 0 13px; border-bottom:1px solid #ccc; padding-bottom:15px;}
		.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{float:left; width:50%; line-height:30px;}
		.pro_content .total p span{/*font-family: 'Nanum Myeongjo', serif;*/}
				.pro_content .total p span.color{font-size:25px; color:#2a9f87; margin-right:10px;}
			.pro_content .total p.right{width:50%; text-align:right;}
				.pro_content .total p.right a{line-height:30px;}

			.btnArea a,.btnArea input{display:inline-block; width:150px; line-height:40px; text-align:center; margin-left:10px; border:none; font-size:16px;}
			.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_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:50px 0 0; padding:0 0 10px; border-bottom:1px solid #ccc;}
	.s2_tab li{float:left; border-right:1px solid #ccc; padding:0 20px; line-height:1em;}
		.s2_tab li:first-child{padding:0; padding-right:20px;}
		a.s2_tab_this{color:#2a9f87;}

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


		.s2_tabContent{margin-bottom:150px;}
		.s2_tabCon1{width:100%; height:1200px; background-color:#f5f5f5; margin-top:20px;}
			.s2_tabCon1 img{width:100%;}

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

			.s2_tabCon2 div p strong{display:block; font-size:16px;}

		.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:800px; height:500px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:10%; z-index:5; left:50%; margin-left:-400px; 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:50px; line-height:50px; text-align:center; position:absolute; top:50%; z-index:6; cursor:pointer;}
		.s2_prev1{left:0;}
		.s2_next1{right:0;}

	.pop2{width:500px; height:200px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:15%; z-index:5; left:50%; margin-left:-250px; 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; width:150px; line-height:40px; border:1px solid #ccc; margin:0 5px;}
			.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;}


/* s3 */
.event_list{overflow:hidden; margin-top:50px;}
	.event_list li{float:left; width:49%; margin-right:2%; position:relative; margin-bottom:25px;}
		.event_list li:nth-child(2n){margin-right:0;}

		.event_list li .img{width:100%;}
			.event_list li .img img{width:100%;}

		.event_list li a{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); display:flex; justify-content:center; flex-direction:column; box-sizing:border-box; text-align:center; color:#fff; opacity:0; color:#fff;}
			.event_list li a .text strong{font-size:20px; display:block; color:#fff;}
			.event_list li a .text span{font-size:14px; margin-top:5px; color:#fff;}

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

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

	.s3_detail{margin:50px 0 150px;}
	.s3_detail .title{/*font-family: 'Nanum Myeongjo', serif;*/ font-size:25px; font-weight:600; line-height:2em;}
	.s3_detail .sub{border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:2.5em; font-size:18px;}
		.s3_detail .sub p{float:right; font-size:14px;}
			.s3_detail .sub p span{margin-left:10px;}
		.s3_detail .sub p img{vertical-align:sub;}

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

	.s3_detail .text{height:500px; 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 .video{width:65%; margin:0 auto; text-align:center;}
			.s3_detail .text .video img{width:100%;}


	.btnArea{float:right;}


	.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:50px 0 50px; border-top:2px solid #333;}
	.event_list2 th, .event_list2 td{border-bottom:1px solid #ccc; padding:1%;}
	.event_list2 .title{width:90%; position:relative;}
			.event_list2 .title a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; line-height:50px; 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:50px; border-top:2px solid #333;}
	.media_list li{float:left; width:100%; padding:1% 0; border-bottom:1px solid #ccc;}
		.media_list li a{display:block; width:100%;}
		.media_list li .img{width:100%; float:left; width:10%;}
			.media_list li .img img{width:180%;}
		.media_list li .text{width:70%; float:left; padding:0 10%;}
			.media_list li .text strong{display:block; width:100%; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
			.media_list li .text span{font-size:14px; margin-top:5px; 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:25px; font-weight:600; line-height:2em;}
.s5_box .title span{font-weight:normal;}
.s5_box .title span.dash{padding:0 10px;}
.s5_box .map{border-top:1px solid #ccc; margin:20px 0;}
.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 th,.s5_box table td{padding:1% 0; text-align:left;}
	.s5_box table th{width:20%;}
	.s5_box table td{width:10%;}
	.s5_box table td.text{width:60%;}
	.s5_box table td input{border:1px solid #ccc; background-color:#fff; width:100%; line-height:30px;}
		.s5_box table td input:hover,.s5_box table td input:focus{background-color:#666; color:#fff; transition:all .3s;}


/* s6 */
.s6_form{width:70%; margin:50px auto 150px; background-color:#fbfbfb; border:1px solid #ccc;}
	.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:40px;}
		.s6_form .agreeArea p span{font-size:14px; cursor:pointer;}
		.s6_form .agreeArea p input[type="checkbox"]{margin:0 0 0 10px;}
		.s6_form .agreeArea p.btnArea{float:right;}
		.s6_form .agreeArea p.btnArea input{float:right; width:150px; line-height:30px; 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:800px; height:500px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:30%; z-index:5; left:50%; margin-left:-400px; background-color:#fff; border:1px solid #ccc; padding:1.5%; box-sizing:border-box; display:none;}
	.s6_pop .title{font-weight:bold; font-size:20px;}
		.s6_pop .x{position:absolute; top:4%; right:3%; font-size:30px; z-index:6; line-height:1em; cursor:pointer;}

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

	.s6_faq{width:100%; border-top:1px solid #ccc; margin:50px 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:1% 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 span{display:block; float:left; width:95%; color:#666; font-size:14px; line-height:1.8em;}

		.notice li a .text2 {padding: 0;}

/* s7 */
.cart{width:100%; border-collapse:collapse; margin:50px 0 20px; border-top:1px solid #ccc;}
	.cart tr.title th{background-color:#f5f5f5; text-align:center; font-weight:bold; padding:1% 0;}
	.cart tr{border-bottom:1px solid #ccc;}
	.cart tr td{padding:1% 0;}
	.cart tr td.check{width:5%; text-align:center;}
	.cart tr td.pro_title{width:60%;}
	.cart tr td.num{width:15%; text-align:center;}
	.cart tr td.price{width:10%; text-align:center;}
	.cart tr td.date{width:10%; text-align:center;}

	.cart tr td.pro_title span.img{width:10%; float:left;}
		.cart li p.pro_title span.img img{width:100%;}
	.cart tr td.pro_title span.text{width:90%; float:left;}
	.cart tr td.pro_title span.text strong{display:block;}
	.cart tr td.pro_title span.text span{color:#666;}

	.cart tr td.num input[type="button"]{border:1px solid #ccc; background-color:#eee; width:30px; height:30px; float:left;}
	.cart tr td.num input[type="text"]{float:left; width:50px; height:30px; box-sizing:border-box; margin:0 1px; border:1px solid #ccc; text-align:center;}
	.cart tr td.num input.change{width:50px; margin-left:5px;}

.cart_pop{width:500px; height:200px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:15%; z-index:5; left:50%; margin-left:-250px; background-color:#fff; border:1px solid #ccc; display:none;}

	.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:150px; line-height:40px; border:1px solid #ccc; margin:0 5px;}
			.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;}


.pw_pop{width:500px; height:230px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:60%; z-index:5; left:50%; margin-left:-250px; background-color:#fff; border:1px solid #ccc; display:none;}
.pw_pop .title{font-weight:bold; padding:10% 0 4%; font-size:18px; text-align:center;}
.pw_pop .x{position:absolute; top:3%; right:3%; font-size:30px; z-index:6; line-height:1em; cursor:pointer;}
.pw_pop .pop2_btnArea2{text-align:center; margin-top:10px;}
.pw_pop .pop2_btnArea2 input {width: 60%; height: 30px; text-align: center;}
.ok {display: inline-block; margin-top: 20px; background: #40a690; padding: 5px 50px; color: #fff; }
.ok:hover {background: #fff; border: 1px solid #ccc; color: #333; transition: 0.5s;}


.store_pop{width:800px; height:500px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:45%; z-index:5; left:50%; margin-left:-400px; 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%;}



.m_bottom{margin-bottom:150px;}


.order_1 tr td.point{text-align:center;}
.order_1 caption{text-align:left; font-size:20px; margin-bottom:10px;}
	.order_1 caption span{font-size:14px;}
.order_1 tr td.pro_title span label{margin:0 5px 0 5px; color:#666;}
.order_1 tr td.pro_title span input{vertical-align:middle; margin-left:10px;}

.order_1_2 td span{float:left; font-size:14px;}
.order_1_2 td span:first-child{padding-right:13%;}
.order_1_2 img{display:block; margin:0 auto;}

.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{background-color:#fbfbfb;}
.order_1_3 tr th{width:10%;}
.order_1_3 tr input{width:94%; border:1px solid #ccc; padding:5px;}
.order_1_3 tr td.w3 input{width:28%;}
.order_1_3 tr td select{width:30%; padding:5px; border:1px solid #ccc;}
.order_1_3 tr td.address input{width:80%; margin-bottom:10px;}
.order_1_3 tr td.address input.post{width:20%;}
.order_1_3 tr td.address input.btn_black{width:10%; 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.w33 input{width:27%;}
.order_1_3 tr td textarea{width:97%; height:50px; overflow-y:scroll; border:1px solid #ccc; padding:1%;}
.order_1_3 tr td span input{display:inline; width:15px; margin-left:20px;}

.order_1_3 tr td.point,.order_1_3 tr td.coupon{text-align:left;}
.point input.btn_black,.coupon input.btn_black{width:100px; background-color:#666; color:#fff; margin-right:10px;}
.point input[type="text"],.coupon input[type="text"]{width:20%;}
.point input[type="text"]{margin-top:10px;}

.order_1_3 tr th img{cursor:pointer;}
.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:60%;}
	.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:absolute; width:800px; top:50%; left:50%; margin-top:-100px; box-sizing:border-box; margin-left:-400px; 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:absolute; bottom:25%; left:50%; width:800px; margin-left:-400px; background-color:#fff; border:1px solid #ccc;  box-shadow:2px 2px 2px rgba(0,0,0,0.2); padding:1%; display:none;}
	.coupon_pop strong{display:block;}
	.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:20px 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:14px;}
	.coupon_pop .btnArea input{width:150px; height:30px; margin-left:5px; line-height:30px; font-size:14px;}
	.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:absolute; bottom:26%; left:50%; width:400px; margin-left:-200px; background-color:#fff; border:1px solid #ccc;  box-shadow:2px 2px 2px rgba(0,0,0,0.2); padding:1%; display:none;}
	.coupon_pop1 strong{display:block;}
	.coupon_pop1 .xx{float:right; cursor:pointer; font-size:30px; line-height:10px;}
	.coupon_pop1 span.text{font-size:14px; display:block; margin:10px 0;}
	.coupon_pop1 p input{width:75%; padding:0 1%; height:28px; border:1px solid #ccc;}
	.coupon_pop1 p input.btn_black{width:20%; background-color:#666; color:#fff; border:none; margin-left:2%; height:30px;}


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

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

	.order_agree{margin:15px 0 150px; overflow:hidden;}
		.order_agree div{float:left; width:50%;}
		.order_agree div.text{line-height:40px;}
		.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:150px;}



/* 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:50px; margin:50px 0 0;}
	.join_bar img{vertical-align:middle;}
	.join_bar span.right{margin:0 20px;}
	.join_bar .join_bar_this{color:#40a690;}

	.join_bar p{float:right;}

.join_box1{overflow:hidden; margin-bottom:30px;}
	.join_box1 li{border-bottom:1px solid #ccc; overflow:hidden; padding:3% 0;}
	.join_box1 li div{width:49%; float:left; margin-right:2%;}
		.join_box1 li div:last-child{margin-right:0;}

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

		.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:12px; line-height:1.7em;}


.join_box2{padding:3%; 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:150px; height:150px; margin:0 auto; background-color:#40a690; border-radius:150px; padding:45px; box-sizing:border-box; margin-bottom:10px;}
	.join_box2 li strong{color:#666;}

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

.join_box3 tbody {
	width: 100%;
}
.join_box3{width:78%; border-collapse:collapse; border-top:1px solid #ccc; margin:50px 0;}
.join_box3 tr{background-color:#fbfbfb; border-bottom:1px solid #ccc;}
.join_box3 th{padding:1.5% 2%;}
.join_box3 th{width: 18%; text-align:left;}
.join_box3 th .star{color:#40a690;}
.join_box3 td{width: 100%;font-size:14px; padding-top: 1.5%; padding-bottom: 1.5%; padding-right: 152px;}
.join_box3 td input[type="text"],.join_box3 td input[type="password"]{padding:5px; width:60%; border:1px solid #ccc;}
.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:72%;}

.join_box3 .address input[type="text"]{margin-top:5px;}
.join_box3 .address input[type="text"].w100{width:90%;}
.join_box3 .address input[type="button"]{width:150px; height:36px; color:#fff; background-color:#666; border:none; font-size:16px; margin-left:5px;}

.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;}

#user_tell {width: 25%;}
#user_tell1 {width: 25%;}
#email {width: 25%;}
#email2 {width: 25%;}
#emailSelect {width: 26.2%; font-size: 14px;}

.sec01 .area table {
	display: inline-block;
	vertical-align: top;
}

.join_box3_1  {
	position: relative;
	width:20%;
	margin: 50px 0 50px 1.5%;
	font-size: 14px;
}

.join_box3_1 thead tr th {
	text-align: left;
	font-size: 16px;
	padding-bottom: 5px;
}

.join_box3_1 tbody {
	display: inline-block;
	border: 1px solid #ccc;
	border-top: 2px solid #333;
}

.join_box3_1 tbody tr td {
	padding: 6%;
}

.join_box3_1 tbody tr:nth-child(1) td{
	text-align: center;
	padding: 30px 6%;
}

.join_box3_1 tbody tr:nth-child(1) td p:nth-child(1) {
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}

.join_box3_1 tbody tr:nth-child(2) td {
	padding: 0 6% 8% 6%;
}

.join_box3_1 tbody tr:nth-child(3) td {
	padding: 6% 6%;
}

.join_box3_1 tbody tr:nth-child(4) td {
	padding: 6% 6% 15% 6%;
}

.join_box3_1 tbody tr:nth-child(5) td {
	background: #f5f5f5;
	line-height: 30px;
}

.join_box3_1 tbody tr:nth-child(4) td label {
	margin-right: 8px;
}

.join_box3_1 tbody tr:nth-child(3) td input {
 width: 98%;
}

.join_box3_1 tbody tr:nth-child(2) td p {
	font-weight: bold;
	margin-bottom: 5px;
}
.join_box3_1 tbody tr:nth-child(3) td p {
	font-weight: bold;
	margin-bottom: 5px;
}
.join_box3_1 tbody tr:nth-child(4) td p {
	font-weight: bold;
	margin-bottom: 5px;
}


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

.join_box_m_2{padding:50px 0; margin-bottom:150px; border-bottom:1px solid #ccc;}
.join_box_m_2 .title{font-family: 'Nanum Myeongjo', serif; font-size:40px; text-align:center;}
.join_box_m_2 .sub{text-align:center; margin:10px 0;}
.join_box_m_2 .boxbox{width:700px; margin:50px auto; border:1px solid #ccc; background-color:#fbfbfb; padding:3%;}

	.join_box_m_2 .boxbox div{overflow:hidden;}
	.join_box_m_2 .boxbox p{width:49%; float:left; margin-right:2%; margin-bottom:20px;}
	.join_box_m_2 .boxbox p.right{margin-right:0;}
	.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:30px; margin-bottom:30px;}

	.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:75%;}

	.join_box_m_2 .boxbox div:last-child input[type="button"]{float:right; width:20%; height:37px; 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("../img/login_banner_back.jpg") no-repeat center; background-size:cover; height:100px;}
.s8_login_top div{padding:1.2% 0; position:relative;}
.s8_login_top p{color:#23535d; /*font-family: 'Nanum Myeongjo', serif;*/ font-size:20px; font-weight:700;}
.s8_login_top p span{color:#23535d; /*font-family: 'Nanum Myeongjo', serif;*/}
.s8_login_top p span.small{font-size:18px;}
.s8_login_top p span.underbar{border-bottom:1px solid #23535d;}
.s8_login_top a{width:200px; height:40px; line-height:40px; 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:50px; 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("../img/login_back.jpg") no-repeat center; background-size:cover;}

.login_1{background-color:#fff; border:1px solid #ccc; width:800px; margin:100px auto 150px;}
	.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:30px; font-weight:bold;}

		.login_1 .tabContent .inputArea{width:50%; margin:0 auto;}
		.login_1 .tabContent .inputArea input{width:100%; border:1px solid #ccc; padding:2%; 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:14px; margin-bottom:20px;}

		.login_1 .tabContent .linkArea{width:50%; margin:0 auto; font-size:14px; line-height:2.2em;}
			.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:50%; 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:36px; height:36px; overflow:hidden;}
	.login_1 .tabContent .inputArea .m_find button img{width:100%;}


/* s9_mypage */
.sub_link{overflow:hidden; width:1000px; margin:40px auto 0; padding:1%;}
	.sub_link li{float:left; width:16.5%; height:30px; line-height:30px;}
	.sub_link li a{display:block; border-radius:50px; border:1px solid #ccc; text-align:center; width:92%; margin:0 auto; font-size:14px; background-color:#fff;}
	.sub_link li.sub_link_this a{background-color:#40a690; color:#fff;}

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


.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:25px; color:#666;}
		.my_ol li:last-child{border-right:0}

	.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:30px; text-align:center; /*font-family: 'Nanum Myeongjo', serif;*/ font-weight:bold; margin-top:50px;}
		.my_title span{/*font-family: 'Nanum Myeongjo', serif;*/font-weight:900;}

	.findWrap{overflow:hidden; margin-top:50px;}
		.findWrap div{float:left; width:33.33%;}
		.findWrap div.left{font-size:18px;}
		.findWrap div.left select{border:1px solid #ccc; width:80%; padding:1%; margin-left:2%;}

		.findWrap div.center{text-align:center;}
			.findWrap div.center a{border-right:1px solid #ccc; display:inline-block; width:19%; line-height:1em; font-size:18px;}
				.findWrap div.center a:last-child{border-right:0;}
				.findWrap div.center a:hover,.findWrap div.center a:focus{color:#40a690;}

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


	.my_table2 tr td{font-size:14px; width:5%; text-align:center;}
	.my_table2 tr td.pro_title{text-align:left; width:50%; font-size:16px;}
		.my_table2 tr td.pro_title a{display:block;}
	.my_table2 tr td.numnum,.my_table2 tr td.num{width:3%;}

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

.btnArea2{transform:translate(0,45px);}
.btnArea2 a, .btnArea2 input{line-height:30px;}

.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{background-color:#fbfbfb;}
.my_table5 tr th{text-align:left; width:10%; padding:1%;}
.my_table5 tr td{padding:1%;}
.my_table5 tr.w3 td{width:20%;}

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

.my_table6 .back{background-color:#f5f5f5;}
.my_table6 tr th,.my_table6 tr td{padding:1%;}
.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 .title1{width:50%;}
	.my_table8 td.title2{font-size:14px;}
	.my_table8 a:hover,.my_table8 a:focus{text-decoration:underline;}

.my_table9 tr th,.my_table9 tr td{width:10%;}
.my_table9 tr td.num{width:5%}
.my_table9 tr .title1{width:60%;}
.my_table9 tr .person{text-align:center;}
.my_table9 a:hover,.my_table9:focus{text-decoration:underline;}

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

.btnArea .none{display:none;}

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

.btnArea3 a, .btnArea3 input{line-height:30px; transform:translate(0,33px);}

.s9_coupon_pop{bottom:inherit; top:50%; margin-top:-200px;}

.my_7_form{width:650px; margin:50px auto 150px; border:1px solid #ccc; background-color:#fbfbfb; padding:5%; overflow:hidden;}
	.my_7_form .title{text-align:center; font-size:20px; font-weight:bold; color:#666;}
	.my_7_form .sub{margin:10px 0 30px; text-align:center; line-height:1.8em;}
		.my_7_form .sub .color{color:#40a690;}
	.my_7_form .box{width:51%; margin:0 auto;}
	.my_7_form .box p{margin-bottom:20px;}
	.my_7_form .box p span{display:inline-block; width:90px; font-weight:bold;}
	.my_7_form .box p input[type="text"]{padding:1%; width:50%;}
	.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:70px;}

.my_7_form .box1{overflow:hidden; border-top:1px solid #ccc; padding-top:30px;}
	.my_7_form .box1 li{width:33.33%; float:left; font-size:14px; line-height:3em;}
.margin_bottom1{margin-bottom:50px;}
.btn_center{float:none; width:330px; margin:0 auto 150px;}

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

.btn_center1{float:none; width:165px; margin:0 auto 150px;}




.s4_box01 {
	background: url("../img/bgbg.jpg") no-repeat;
	background-size: cover;
	width: 100%;
	height: 700px;
}

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

.s4_box01 ul li {
	background: url("../img/li_bg.jpg") no-repeat;
	background-size: cover;
	width: 375px;
	height: 440px;
	float: left;
	margin-right: 20px;
}

.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: 50%;
	margin-top: 20px;
	font-size: 20px;
	padding: 5px 10px;
}

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

.s4_box01 .area p:nth-child(3) {
	width: 80%;
	margin: 0 auto;
	margin-top: 15px;
	line-height: 40px;
}

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

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



.join_box5 tbody {
	width: 100%;
}
.join_box5{width:100%; border-collapse:collapse; border-top:1px solid #ccc; margin:50px 0;}
.join_box5 tr{background-color:#fbfbfb; border-bottom:1px solid #ccc;}
.join_box5 th{padding:1.5% 2%;}
.join_box5 th{width: 20%; text-align:left;}
.join_box5 th .star{color:#40a690;}
.join_box5 td{font-size:14px; padding-top: 1.5%; padding-bottom: 1.5%; padding-right: 152px;}
.join_box5 td input[type="text"],.join_box3 td input[type="password"]{padding:5px; border:1px solid #ccc;}
.join_box5 td select{padding:4px; width:25%; font-size:16px; border:1px solid #ccc;}
.join_box5 .radioWrap td label{margin-left:5px; margin-right:10px;}
.join_box5 .radioWrap td input[type="text"]{width:72%;}

.join_box5 .address input[type="text"]{margin-top:5px;}
.join_box5 .address input[type="text"].w100{width:90%;}
.join_box5 .address input[type="button"]{width:150px; height:36px; color:#fff; background-color:#666; border:none; font-size:16px; margin-left:5px;}

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

#user_tell {width: 25%;}
#user_tell1 {width: 25%;}
#email {width: 25%;}
#email2 {width: 25%;}
#emailSelect {width: 26.2%; font-size: 14px;}

.mapcontent {width: 1200px; height: 500px; overflow: hidden;}