@charset "utf-8";
i, em{font-style:normal}
.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;}
.owl-stage-outer{overflow:hidden;}
.owl-stage:after{display:block; content:"";clear:both;}
.owl-stage-outer:after{display:block; content:"";clear:both;}
.disabled{display:none}



/*=======================================================
  skipNavi
=========================================================*/
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}




/*=======================================================
  input & select
=========================================================*/
.field{font-size:0;position:relative;}
.field:after{display:block;content:"";clear:both;}
.field.choice .chk-radio:nth-child(n+2){margin-left:24px;}
.field.choice .chk-check:nth-child(n+2){margin-left:24px;}
	@media only screen and (max-width:999px) {
		.field.choice .chk-radio:nth-child(n+2){margin-left:20px;}
		.field.choice .chk-check:nth-child(n+2){margin-left:20px;}
	}
	@media only screen and (max-width:680px) {
		.field.choice .chk-radio:nth-child(n+2){margin-left:16px;}
		.field.choice .chk-check:nth-child(n+2){margin-left:16px;}
	}
	@media only screen and (max-width:480px) {
		
	}

.chk-input {display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
.chk-input input{height:45px; letter-spacing:-0.03em; font-weight:500;background:#fff; border:none;color:#333; padding:0 15px;font-size:16px; font-family:'Pretendard'; box-sizing:border-box; display:block; width:100%;position:relative;}
.chk-input input::placeholder{color:#000; font-weight:500; opacity:1}
.chk-input.active input{color:#000;}
.chk-input input:focus{color:#000}
.chk-input textarea{height:250px; letter-spacing:-0.03em;font-weight:500; background:#fff; border:none; color:#333; padding:15px;font-size:18px; box-sizing:border-box; display:block; width:100%; position:relative; resize:none;}

.chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.chk-select:after{background:url(http://html.designcool.co.kr/404.html) no-repeat center center; position:absolute; width:14px; height:20px; margin-top:-10px; right:8px; top:50%; display:block; content:""; z-index:3}
.chk-select select{ border:none;font-size:18px; width:100%; height:58px; color:#33; box-sizing:border-box; padding:0 24px 0 15px; -webkit-appearance:none; -moz-appearance:none;  border-radius:6px;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.chk-select select::-ms-expand{display:none;}
.chk-select.active select{color:#000;}
	@media only screen and (max-width:999px) {
		.chk-input input{height:38px; font-size:14px;}
		.chk-input textarea{height:75px; }

		.chk-select select{height:38px; font-size:14px;}
	}
	@media only screen and (max-width:680px) {
		.chk-input input{height:34px; font-size:13px;}
		.chk-input textarea{height:60px; }

		.chk-select select{height:34px; font-size:13px;}
	}
	@media only screen and (max-width:480px) {
		
	}



.chk-check {display:inline-block; font-size:0px; vertical-align:top; }
.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:block; position: relative; padding-left:45px; font-size:16px; color:#fff; font-weight:300;line-height:35px; 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:0; top:0px; width:35px; height:35px; text-align:center;background:url(../img/check-off.png) no-repeat left center ;background-size:100% auto;border-radius:100%; box-sizing:border-box; }
.chk-check input[type="checkbox"] + label:after {}
.chk-check input[type="checkbox"]:checked + label:before {  background-image:url(../img/check-on.png) ;}
.chk-check input[type="checkbox"]:checked + label{}

	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
	
	}
	@media only screen and (max-width:480px) {
		
	}