@charset "utf-8";
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

i,em{font-style:normal}
.ov{overflow:hidden}
.hide{display:none;}

.break{display:block;} 
.plump{}	
.block{display:block}
	@media all and (max-width:480px) {
		.plump{display:block}
		.block{display:block}
	}
	@media all and (max-width:1000px) {
		.m-none{display:none}
		.break{display:inline}

	}


/* line */
.bd-line{height:1px; background:#e9e8e8; margin:15px 0}
.u-line{height:10px; position:Relative;}
.u-line:after{position:Absolute; background:#ebebeb; left:50%;margin-left:-1000px;width:2000px;height:100%; display:block; content:""}


/* tab type*/
#s-tab{position:relative; z-index:912;border-bottom:1px solid #c6c6c6}
#s-tab:after{position:Absolute; left:0; top:0; width:100%;height:100%;background:#fff; z-index:-1;display:block; content:""}
#s-tab ul{}
#s-tab ul:after{display:block; clear:both; content:""}
#s-tab li{float:left; width:50%;}
#s-tab li a{display:block; line-height:90px; text-align:center; position:relative; color:#000; font-size:27px; font-weight:500; letter-spacing:-0.05em}
#s-tab li.active a:after{position:Absolute; left:0; bottom:0; width:100%;height:5px; background:#f4cb01; display:block; content:""}
	@media only screen and (max-width:999px) {
		#s-tab li a{line-height:70px; font-size:19px}
	}
	@media only screen and (max-width:680px) {
		#s-tab li a{line-height:56px; font-size:16px}
		#s-tab li.active a:after{height:3px}
	}
	@media only screen and (max-width:380px) {
		#s-tab li a{line-height:44px; font-size:14px}
	}


#u-tab{position:relative; z-index:912;border-bottom:1px solid #c6c6c6; padding-right:80px;}
#u-tab:after{position:Absolute; left:0; top:0; width:100%;height:100%;background:#fff; z-index:-1;display:block; content:""}
#u-tab ul:after{display:block; clear:both; content:""}
/*#u-tab li{float:left; width:25%;}*/
#u-tab li{float:left; width:20%;} /*제주패지키 추가로 인한 넓이값 수정 20.07.15*/
#u-tab li a{display:block; position:relative; line-height:90px;height:90px; text-align:center; position:relative; color:#000; font-size:27px; font-weight:500; letter-spacing:-0.05em}
#u-tab li.active a:after{position:Absolute; left:0; bottom:0; width:100%;height:5px;  display:block; content:""}
#u-tab .arrow{background:url(../img/Sub/select-arrow2.png) no-repeat center center; background-size:16px auto; width:70px;position:absolute; right:0; top:0; height:100%;}

#u-tab li a span.lth{position:absolute; width:100%;text-align:center;line-height:120%; display:block; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
#u-tab.gofarm li.active a:after{background:#f4cb01;}
#u-tab.nhpro li.active a:after{background:#1fb25a;}
#u-tab.nhpack li.active a:after{background:#0066b3;}	

#u-tab ul li ul{position:absolute ;left:0;top:91px;border-bottom:1px solid #c6c6c6; min-width:320px; width:100%;background:#fff;}
#u-tab ul li ul li{width:50%;box-sizing:border-box;}
#u-tab ul li ul li:nth-child(2){border-left:1px solid #c6c6c6}
#u-tab ul li ul li a{display:block;background:#f2f2f2; position:relative; line-height:70px;height:70px; text-align:center; position:relative; color:#000; font-size:21px; font-weight:500; letter-spacing:-0.05em}	
#u-tab ul li ul li.active a{background:#fff}
#u-tab ul li ul li a:after{display:none !important;}


	@media only screen and (max-width:999px) {
		#u-tab{padding-right:60px}
		#u-tab li a{line-height:70px; font-size:19px;height:70px;}
		#u-tab .arrow{width:50px;background-size:16px auto}

		#u-tab ul li ul{top:71px;}
		#u-tab ul li ul li a{line-height:50px; height:50px; font-size:17px;}

	}
	@media only screen and (max-width:680px) {
		/*#u-tab{padding-right:40px}*/
		#u-tab{padding-right:5px} /*제주패키지 메뉴 추가로 인한 패딩값 수정, 20.07.15*/
		#u-tab li a{line-height:56px;height:56px; font-size:14px}
		#u-tab li.active a:after{height:3px}
		#u-tab .arrow{width:40px;background-size:14px auto}

		#u-tab ul li ul{top:57px;}
		#u-tab ul li ul li a{line-height:40px; height:40px; font-size:15px;}
	}
	@media only screen and (max-width:380px) {
		#u-tab{padding-right:30px}
		#u-tab li a{line-height:44px;height:44px; font-size:13px}
		#u-tab .arrow{width:30px; background-size:12px auto;}

		#u-tab ul li ul{top:45px;}
		#u-tab ul li ul li a{line-height:34px; height:34px; font-size:13px;}
	}






/* layer-wrap */
.layer-wrap{position:fixed;display:none; ;width:0; height:0;  left:0; top:0; z-index:9001;}
.layer-wrap .layer-ov{position:fixed;width:100%; height:100%; background:rgba(0,0,0,0.65); left:0; top:0; z-index:9001; z-index:-1;}



/* input & select */
.chk-input {display:inline-block; vertical-align:top; position:relative;}
.chk-input input[type="tel"], .chk-input input[type="text"], .chk-input input[type="password"]{height:70px; letter-spacing:-0.03em;border:none; border-bottom:1px solid #e6e6e6;background:#fff; color:#b4b4b4;padding:0 17px;  font-size:21px; box-sizing:border-box; display:block; width:100%; position:relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
.chk-input.active input[type="text"], .chk-input.active input[type="password"]{color:#666;font-weight:400 !important}
.chk-input input[type="text"]:focus, .chk-input input[type="password"]:focus{ color:#666 !important}

.chk-input.small input[type="text"], .chk-input.small input[type="password"]{height:36px;}
.join-wrap .chk-input.active input[type="text"], .join-wrap .chk-input.active input[type="password"]{border-bottom:1px solid #e6e6e6} 
.join-wrap .chk-input input[type="text"]:focus, .join-wrap .chk-input input[type="password"]:focus{border-color:#e6e6e6;} 

input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius: 0;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
	@media all and (max-width:999px) {
		.chk-input input[type="text"], .chk-input input[type="password"]{height:60px;padding:0 15px; font-size:18px; }
	}
	@media all and (max-width:680px) {
		.chk-input input[type="text"], .chk-input input[type="password"]{height:50px;padding:0 15px; font-size:16px; }
	}
	@media all and (max-width:400px) {
		.chk-input input[type="text"], .chk-input input[type="password"]{height:40px;padding:0 10px; font-size:14px; }
	}


.chk-check {display:inline-block; vertical-align:top; line-height:100%; color:#000;}
.chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.chk-check input[type="checkbox"] + label{display: inline-block; vertical-align:top;position: relative; padding-left:24px; font-size:13px; color:#666; line-height:15px; letter-spacing:-0.05em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.chk-check input[type="checkbox"] + label:before { content:''; position: absolute; left:0px; top:1px; width:15px;box-sizing:border-box; height:15px; text-align:center; background:#fff; border:1px solid #999; }
.chk-check input[type="checkbox"]:checked + label{color:#2aa76f; font-weight:400 !important;}
.chk-check input[type="checkbox"]:checked + label:before {background:url(../img/Sub/check-on.png) no-repeat center center #fff;background-size:7px auto;border-color:#2aa76f}


.select-box{position:relative; background:#fff; box-sizing:border-box;display:inline-block;vertical-align:top}
.select-box:after{background:url(../img/Sub/select-arrow.png) no-repeat center center; background-size:16px auto; position:absolute; width:20px; height:20px; position:absolute; right:5px; top:50%;margin-top:-10px; display:block; content:""; z-index:3}
.select-box select{padding:0 15px;font-size:13px; border:none;border-bottom:1px solid #e6e6e6; font-size:21px;height:70px;color:#c6c6c6; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.select-box select::-ms-expand{display:none;}
.select-box.active select,.select-box.active select{color:#666;}
	@media all and (max-width:999px) {
		.select-box select{padding:0 15px; height:60px;font-size:17px;}
		.select-box:after{background-size:14px auto; width:14px;height:14px; margin-top:-7px; top:50%; right:5px;}
	}
	@media all and (max-width:680px) {
		.select-box select{padding:0 10px; font-size:16px; height:50px;}
		.select-box:after{background-size:14px auto; width:14px;height:14px; margin-top:-7px; top:50%; right:5px;}
	}
	@media all and (max-width:400px) {
		.select-box select{padding:0 5px; height:40px; font-size:14px;}
		.select-box:after{background-size:9px auto; width:10px;height:10px; margin-top:-5px; top:50%; right:5px;}
	}


/* tbl-type01 */
.tbl-type01 {font-size:17px;border-top:1px solid #e6e6e6;width:100%;border-collapse:collapse;font-size:1em;table-layout:fixed;clear:both;color:#666;}
.tbl-type01 th {border-bottom:1px solid #e6e6e6;color:#666;text-align:center;}
.tbl-type01 thead th {vertical-align:middle;background:#f8faf8;border:1px solid #e6e6e6;letter-spacing:-0.03em;font-weight:700;line-height:120%;padding:14px 2px 12px;  color:#333}
.tbl-type01 tbody td {vertical-align:top;border:1px solid #e6e6e6;letter-spacing:-0.03em;padding:14px 2px 12px;color:#666;text-align:center;border-bottom:1px solid #e6e6e6;}
.tbl-type01 tbody tr{background:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	@media only screen and (max-width:680px) {
	   .tbl-type01 {font-size:14px;}
	   .tbl-type01 tbody th{padding:12px 12px 10px 12px;}
	   .tbl-type01 tbody td {padding:12px 12px 10px 12px;}
	}
	@media only screen and (max-width:400px) {
		.tbl-type01 {font-size:12px;}
	}
