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




/*=======================================================
  u-title
=========================================================*/
.u-tit01{font-size:30px; font-weight:700; line-height:1.2em; margin-bottom:17px; color:#000; letter-spacing:-0.02em;}
	@media only screen and (max-width:1200px){
		.u-tit01{font-size:25px;}
	}
	@media only screen and (max-width:999px){
		.u-tit01{font-size:21px; margin-bottom:12px;}
	}
	@media only screen and (max-width:680px){
		.u-tit01{font-size:18px;}
	}
	@media only screen and (max-width:480px){
		
		
	}


/*=======================================================
  u-tab
=========================================================*/
.u-tab01{margin-bottom:55px;position:relative; z-index:922;text-align:center;}
.u-tab01 ul{overflow:hidden;position:relative; display:inline-block;vertical-align:top;}

.u-tab01 ul:after{position:absolute;left:0; top:0; width:100%;z-index:-1;box-sizing:border-box;height:100%;border:1px solid #ddd;  display:block; content:"";z-index:-1;}
.u-tab01 ul:before{position:Absolute; right:0; top:0; width:1px; height:100%; display:block; content:"";z-index:1; background:#ddd;}
.u-tab01 li{float:left;  position:relative; z-index:2}
.u-tab01 li:before{width:1px;height:100%; background:#ddd; right:0; top:0; display:block; content:"";z-index:-1; position:absolute;}
.u-tab01 li a{position:relative;text-align:center;box-sizing:border-box; min-width:240px; display:block; font-weight:400; font-size:16px; letter-spacing:-0.025em; line-height:50px;height:50px; padding:0 19px;font-family:'Roboto','Spoqa Han Sans', "Apple SD Gothic Neo", "Malgun Gothic",}
.u-tab01 li.active, .u-tab01 li.active:hover {z-index:6}
.u-tab01 li:hover {z-index:4}
.u-tab01 li.active a{color:#fff;font-weight:500;background:#0c4ca3;}
.u-tab01 li a:before{position:absolute;left:0; bottom:-1px; width:100%;z-index:-1;box-sizing:border-box;height:1px ;background:#ddd;display:block; content:"";}
	@media only screen and (max-width:1200px){
		.u-tab01{margin-bottom:40px;}
	}
	@media only screen and (max-width:1160px){
		.u-tab01 ul{display:block;}
		.u-tab01 li{width:25%}
		.u-tab01 li a{min-width:auto;}
	}
	@media only screen and (max-width:999px){
		.u-tab01{margin-bottom:20px;}
		.u-tab01 li a{font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.u-tab01 li{width:50%}
		.u-tab01 li a{font-size:14px; line-height:45px; height:45px;}
	}
	@media only screen and (max-width:480px){
		
	}



/*=======================================================
  input & select
=========================================================*/
.chk-input {display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
.chk-input input{height:50px; letter-spacing:-0.03em; border:1px solid #cccccc; background:#fff; color:#666; padding:0 20px;font-size:16px; box-sizing:border-box; display:block; width:100%; position:relative;}
.chk-input.active input{color:#000;}
.chk-input input:focus{color:#000}
.chk-input textarea{height:190px; letter-spacing:-0.03em; border:1px solid #cccccc; background:#fff; color:#666; padding:20px;font-size:16px; box-sizing:border-box; display:block; width:100%; position:relative; resize:none;}
	@media only screen and (max-width:1200px){
		.chk-input input{font-size:15px;}
		.chk-input textarea{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.chk-input input{font-size:14px; padding:0 15px; height:45px;}
		.chk-input textarea{font-size:14px; padding:15px;}
	}
	@media only screen and (max-width:680px){
		.chk-input input{height:40px}
	}
	@media only screen and (max-width:480px){
		
	}

	
.chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.chk-select:after{background:url(../img/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;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.chk-select select{font-size:15px; height:45px;}
	}
	@media only screen and (max-width:680px){
		.chk-select select{font-size:14px; height:40px;}
	}
	@media only screen and (max-width:480px){
		
	}
	

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

.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:32px; font-size:14px; line-height:22px; color:#333; font-weight:400; letter-spacing:-0.02em; cursor:pointer;}
.chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:20px; height:20px; text-align:center; background:#fff;    }
.chk-check input[type="checkbox"]:checked + label{color:#1e1e1e;}
.chk-check input[type="checkbox"]:checked + label:before{background:url(../img/Sub/check-on.png) no-repeat center #fff;background-size:70% auto}
	




/*=======================================================
  btns
=========================================================*/

.bb-btn, .bw-btn{min-width:158px;box-sizing:border-box; height:50px;border:1px solid #626262; line-height:48px; margin:0 3px;font-size:16px; text-align:center; display:inline-block;vertical-align:top;}
.bb-btn{background:#626262; color:#fff;}
.bb-btn:hover{background:#111; border:1px solid #111}
.bw-btn{background:#fff; color:#666;}
.bw-btn:hover{background:#f0f0f0; border-color:#444}
	@media only screen and (max-width:1200px){
		.bb-btn, .bw-btn{min-width:140px}
	}
	@media only screen and (max-width:999px){
		.bb-btn, .bw-btn{min-width:100px; height:45px; line-height:43px; font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.bb-btn, .bw-btn{min-width:80px; height:40px; line-height:38px; font-size:14px;}
	}
	@media only screen and (max-width:480px){
		
	}