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


/* line */
.bd-line{height:1px; background:#dae2ed; margin:25px 0}



/* 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{position:relative;font-size:0;}
.field:after{display:block;content:"";clear:both;}
.field .chk-check:nth-child(n+2){margin-left:5vw;}
.field .chk-radio:nth-child(n+2){margin-left:5vw;}
	@media only screen and (max-width:500px) {
		.field .chk-check:nth-child(n+2){margin-left:25px;}
		.field .chk-radio:nth-child(n+2){margin-left:25px;}
	}

.chk-input {display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
.chk-input input{height:10vw; border:1px solid #3f3b3a; background:#fff; color:#3f3b3a; padding:0 2vw;font-size:3.4vw; box-sizing:border-box; display:block; width:100%; font-weight:400; position:relative; letter-spacing:-0.03em;}
.chk-input input::placeholder{padding:0;font-family:'NanumSquare' !important;color:#3f3b3a !important; font-weight:400; opacity:1 !important; }
.chk-input textarea{height:190px;  border:1px solid #cccccc; background:#fff; color:#3f3b3a; padding:2vw;font-size:3.4vw; box-sizing:border-box; display:block; width:100%; font-weight:400; position:relative; resize:none; letter-spacing:-0.03em;}
	@media only screen and (max-width:500px) {
		.chk-input input{height:50px; padding:0 10px; font-size:17px;}
		.chk-input input::placeholder{}
	}	
	
.chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.chk-select:after{background:url(../Images/Sub/select-arrow.jpg) no-repeat center center; position:absolute; width:20px; height:30px; margin-top:-15px; right:5px; top:50%; display:block; content:""; z-index:3}
.chk-select select{font-size:16px; border:1px solid #cccccc; width:100%; height:50px; color:#666; box-sizing:border-box; padding:0 30px 0 10px; -webkit-appearance:none; -moz-appearance:none;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;}


.chk-radio {display:inline-block; font-size:0px; vertical-align:middle; line-height:120%; color:#000;}
.chk-radio input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }
.chk-radio input[type="radio"] + label{display:block; position: relative; padding-left:27px; font-size:13px; color:#1e1e1e; line-height:20px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.chk-radio input[type="radio"] + label:before { content:''; position: absolute; left:0; top:0px; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #c2c2c2; border-radius:100%; box-sizing:border-box; }
.chk-radio input[type="radio"] + label:after {}
.chk-radio input[type="radio"]:checked + label:after { content:''; position:absolute; top:4px; left:4px; width:12px; height:12px; background:#3d93e8; border-radius:100%; }
	@media only screen and (max-width:500px) {
		
	}


.chk-check{display:inline-block; font-size:0; 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:6.8vw; font-size:3.6vw; line-height:4.8vw; color:#fff; font-weight:400; letter-spacing:-0.03em; cursor:pointer;}
.chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:-0.2vw; box-sizing:border-box;width:4.8vw; height:4.8vw; text-align:center; border:0.2vw solid #fff;   }
.chk-check input[type="checkbox"]:checked + label{}
.chk-check input[type="checkbox"]:checked + label:before{background:url(../Images/Sub/check-on.png) no-repeat center;background-size:80% auto}
	@media only screen and (max-width:500px) {
		.chk-check input[type="checkbox"] + label{padding-left:34px; font-size:18px; line-height:24px;}
		.chk-check input[type="checkbox"] + label:before{width:24px;height:24px; border-width:1px; top:-1px;}
	}