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


/*=======================================================
  layer-wrwap
=========================================================*/
.layer-wrap.ab{position:absolute !important; top:0 !important;-webkit-transform: translate(-50%, 0)  !important; -moz-transform: translate(-50%, 0)  !important;  -ms-transform: translate(-50%, 0)  !important;  -o-transform: translate(-50%, 0)  !important;  transform: translate(-50%, 0)  !important; width:100% !important;}


/*=======================================================
  bottom fix
=========================================================*/
.lower{position:relative;z-index:8999;}
.lower.no-mgt{margin-top:0 !important}
.lower .fix{}
.lower .fix:after{display:block; content:"";clear:both;}
	
.lower.fix{}
.lower.fix .fix{position:fixed;padding:4.6vw 3.2vw 8vw 3.2vw; width:100%; box-sizing:border-box; left:0; bottom:0;min-width:360px;background:#fff; }
	@media only screen and (max-width:500px){
		.lower.fix .fix{padding:23px 16px 40px 16px;}
	}

/*=======================================================
  input & select
=========================================================*/
.field{font-size:0;position:Relative;}
.field:after{display:block;content:"";clear:both;}

.chk-input {display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
.chk-input.readonly input{background:#f4f4f4;}
.chk-input input{height:12vw; padding:0 4vw;font-size:3.2vw;letter-spacing:0; color:#212121;border:1px solid #DFDFDF;background:#fff; font-weight:400; box-sizing:border-box; display:block; width:100%; position:relative;}
.chk-input input:focus{border:1px solid #212121}
.chk-input.readonly input{color:#bebebe}
.focused .chk-input input, .chk-input.focused input, .chk-input.active input{border-color:#121212}
.chk-input input::placeholder{opacity:1; color:#BEBEBE;}
.chk-input textarea{height:30vw; letter-spacing:0; border:1px solid #DFDFDF;font-weight:400; background:#fff; color:#121212; padding:2.4vw 4vw;font-size:3.2vw;box-sizing:border-box; display:block; width:100%; position:relative; resize:none;}
.chk-input textarea::placeholder{opacity:1; color:#bfbfbf}
.chk-input textarea:focus{border:1px solid #212121}
	@media only screen and (max-width:500px){
		.chk-input input{height:60px; padding:0 20px; font-size:16px;}	
		.chk-input textarea{height:150px; padding:12px 20px; font-size:16px;}
		
	}
	
.chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top; background:#fff;}
.chk-select .arrow{background:url(../img/sub/select-arrow.svg) no-repeat center center;background-size:100% auto; position:absolute; width:4.8vw; height:4.8vw; margin-top:-2.4vw; right:2.4vw; top:50%; display:block; content:""; z-index:3}
.chk-select select{ width:100%; font-size:3.2vw;height:12vw; color:#bebebe;border:1px solid #DFDFDF;background:none;box-sizing:border-box; padding:0 7vw 0 3vw; -webkit-appearance:none; -moz-appearance: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:#121212; border:1px solid #212121}
.focused .chk-select select{border-color:#121212}
	@media only screen and (max-width:500px){
		.chk-select{}
		.chk-select .arrow{width:24px; height:24px; margin-top:-12px; right:12px; }
		.chk-select select{font-size:16px; height:60px; padding:0 35px 0 10px;  padding:0 35px 0 15px; }
	}


.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:4.8vw; font-size:2.4vw; line-height:3.2vw; color:#525252; font-weight:400; letter-spacing:-0.03em; cursor:pointer;}
.chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0; top:0; box-sizing:border-box;width:3.2vw; height:3.2vw;text-align:center; background:#fff url(../img/sub/check-on.svg) no-repeat center;background-size:75% auto;  border:1px solid #bdbdbd;  }
.chk-check input[type="checkbox"]:checked + label{color:#000;}
.chk-check input[type="checkbox"]:checked + label:before{background:url(../img/sub/check-on.svg) no-repeat center #212121;background-size:75% auto; border-color:#212121;}
	@media only screen and (max-width:500px){
		.chk-check input[type="checkbox"] + label{font-size:12px; line-height:16px; padding-left:24px;}
		.chk-check input[type="checkbox"] + label:before{width:16px;height:16px; top:0;}
	}


.chk-soket{display:inline-block;vertical-align:top;}
.chk-soket input[type="checkbox"]{display:none;}
.chk-soket input[type="checkbox"] + label{position:relative; width:12vw; height:4.8vw; background:#DFDFDF; border-radius:4.8vw; display:block;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
.chk-soket input[type="checkbox"] + label .rtxt{line-height:4.4vw; position:Absolute; right:11vw; top:0; font-size:2.8vw; color:#9f9f9f; width:20vw;text-align:right;}
.chk-soket input[type="checkbox"]:checked +  label{background-color:#BD0738}
.chk-soket input[type="checkbox"] + label .dotv{ width:3.6vw; height:3.6vw; position:absolute;background:#fff; border-radius:100%;display:block; content:""; position:absolute; left:0.6vw; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);-webkit-transition: left 0.3s ease-out;-moz-transition: left 0.3s ease-out;-o-transition: left 0.3s ease-out;transition: left 0.3s ease-out; z-index:912;}
.chk-soket input[type="checkbox"]:checked +  label .dotv{left:7.6vw}
.chk-soket input[type="checkbox"]:checked +  label .rtxt{color:#BD0738}
	
.chk-soket.small input[type="checkbox"] + label{background:#DFDFDF; width:8vw; height:3.2vw}
.chk-soket.small input[type="checkbox"] + label .rtxt{right:9vw; line-height:3.2vw;}
.chk-soket.small input[type="checkbox"] + label .dotv{width:2.4vw;height:2.4vw;}
.chk-soket.small input[type="checkbox"]:checked +  label{background-color:#BD0738}
.chk-soket.small input[type="checkbox"]:checked +  label .dotv{left:5vw}
	@media only screen and (max-width:500px){
		.chk-soket input[type="checkbox"] + label{width:60px;height:24px; border-radius:24px}
		.chk-soket input[type="checkbox"] + label .dotv{ width:18px; height:18px; left:3px;}
		.chk-soket input[type="checkbox"] + label .rtxt{font-size:14px; line-height:22px; right:55px; width:100px;}
		.chk-soket input[type="checkbox"]:checked +  label .dotv{left:38px}

		.chk-soket.small input[type="checkbox"] + label{width:40px; height:16px;}
		.chk-soket.small input[type="checkbox"] + label .rtxt{font-size:12px; line-height:16px; right:45px; width:100px; white-space: nowrap;}
		.chk-soket.small input[type="checkbox"] + label .dotv{width:12px;height:12px;}
		.chk-soket.small input[type="checkbox"]:checked +  label .dotv{left:25px}
	}

/*=======================================================
  paging-wrap
=========================================================*/
.paging-wrap{margin-top:4vw;font-size:0px; text-align:center; display:block; position:relative; padding:0 16vw;}
.paging-wrap a.ctrl{display:inline-block;vertical-align:top;text-decoration: none; height:7vw; font-size:2.6vw; background:#b8b8b8; color:#fff; line-height:7vw; border-radius:2vw; box-sizing:border-box; padding:0 3vw }
.paging-wrap a.ctrl:before{width:4vw;height:4vw; position:Absolute; top:50%; display:block;content:"";-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap ul{padding:0 2vw}
.paging-wrap li{margin:0 0.6vw;}
.paging-wrap li a{display:block; position:relative; text-decoration: none;min-width:4vw; height:7vw;line-height:7vw; box-sizing:border-box ;border-radius:100%; font-size:2.8vw; color:#000; text-align:center;font-weight:400;box-sizing:border-box;}
.paging-wrap li a.active, .paging-wrap li a.active:hover{color:#2764b6; font-weight:700;text-decoration:underline}

.paging-wrap a.ctrl.prev{padding-left:6vw; position:absolute; left:0; top:0; border-top-left-radius:0;}
.paging-wrap a.ctrl.prev:before{left:1.6vw; background:url(../img/sub/page-prev.png) no-repeat left center; background-size:70% auto;}
.paging-wrap a.ctrl.next{padding-right:6vw; position:absolute; right:0; top:0;border-top-right-radius:0; }
.paging-wrap a.ctrl.next:before{right:1.6vw; background:url(../img/sub/page-next.png) no-repeat right center; background-size:70% auto;}
	@media only screen and (max-width:500px){
		.paging-wrap{margin-top:20px; padding:0 80px;}
		.paging-wrap a.ctrl{line-height:35px; font-size:13px; border-radius:10px ;height:35px; padding:0 15px}
		.paging-wrap a.ctrl:before{width:20px;height:20px;}
		.paging-wrap a.ctrl.prev{padding-left:30px;}
		.paging-wrap a.ctrl.next{padding-right:30px;}
		
		.paging-wrap ul{padding:0 10px}
		.paging-wrap li{margin:0 3px;}
		.paging-wrap li a{font-size:14px;min-width:20px; height:35px; line-height:35px;}

		.paging-wrap a.ctrl.prev:before{left:8px;}
		.paging-wrap a.ctrl.next:before{right:8px;} 
	}	


/*=======================================================
  u-list01
=========================================================*/
.u-list01 ul{}
.u-list01 li{color:#212121; font-size:2.8vw; font-weight:400;position:relative;padding-left:2vw;letter-spacing:0em; line-height:4.4vw;}
.u-list01 li:nth-child(n+2){margin-top:0;}
.u-list01 li:before{width:0.6vw;height:0.6vw; border-radius:100%; position:absolute; left:0; top:1.6vw; display:block; background:#121212;content:""}
.u-list01 li.opa{opacity:0.4}
.u-list01 li span.small{display:block; font-size:2.4vw;}
	@media only screen and (max-width:500px){
		.u-list01 li{ font-size:14px;padding-left:10px;line-height:22px;}
		.u-list01 li:before{width:3px;height:3px; top:8px;}
		.u-list01 li span.small{font-size:12px;}
	}

.u-list02 ul{}
.u-list02 li{color:#9f9f9f; font-size:2.8vw; font-weight:400;position:relative;padding-left:1.6vw;letter-spacing:0em; line-height:3.6vw;}
.u-list02 li:nth-child(n+2){margin-top:0.8vw;}
.u-list02 li:before{width:0.8vw;height:1px; border-radius:100%; position:absolute; left:0; top:1.8vw; display:block; background:#9f9f9f;content:""}
.u-list02 li.opa{opacity:0.4}
.u-list02 li span.small{display:block; font-size:2.4vw;}
	@media only screen and (max-width:500px){
		.u-list02 li{ font-size:14px;padding-left:8px;line-height:18px;}
		.u-list02 li:nth-child(n+2){margin-top:4px}
		.u-list02 li:before{width:4px;top:9px;}
		.u-list02 li span.small{font-size:12px;}
	}



.sel-box{position:relative;}
.sel-box .sel-btn{display:block;;font-size:3.2vw; width:100%; height:12vw; line-height:12vw;color:#212121;border:1px solid #dfdfdf;box-sizing:border-box; padding:0 7vw 0 3vw;}
.sel-box .sel-btn:after{background:url(../img/sub/select-arrow.svg) no-repeat center center;background-size:100% auto; position:absolute; width:4.8vw; height:4.8vw; margin-top:-2.4vw; right:2.4vw; top:50%; display:block; content:""; z-index:3}
.sel-box .sel-btn i{font-size:2.4vw; color:#9f9f9f;margin-left:1vw;}
.sel-box.active .sel-btn{border-color:#212121}
	@media only screen and (max-width:500px){
		.sel-box .sel-btn{font-size:16px; line-height:60px;height:60px; padding:0 35px 0 15px;}
		.sel-box .sel-btn:after{width:24px; height:24px; margin-top:-12px; right:12px; }
		.sel-box .sel-btn i{font-size:12px; margin-left:5px;}
	}	



/*=======================================================
	.layer-sel
=========================================================*/
.layer-sel{position:absolute; margin-top:2px;overflow:hidden;z-index:912;left:-9999rem;top:9.6vw; width:100%; box-sizing:border-box;background:#fff;border:1px solid #dfdfdf; }
.sel-box.active .layer-sel{left:0; }
.layer-sel.foot{bottom:9.6vw; top:auto;}
.layer-sel .vscrolls-box{z-index:12;}
.layer-sel.active .over-bg{position:fixed; left:0; bottom:0; width:100%; height:100%; z-index:-1; }
.layer-sel ul{max-height:38.4vw; overflow-y:auto;}
.layer-sel li{float:none !important; width:auto;}
.layer-sel li:nth-child(n+2){margin-top:0 !important}
.layer-sel li a{display:block; padding:0 3.2vw;font-size:2.8vw; line-height:9.6vw;color:#212121;text-align:left;}
.layer-sel li.active a{font-weight:400; background:#f6f6f6;}
.layer-sel li a i{font-size:2.4vw; color:#9f9f9f;margin-left:1vw;}

	@media only screen and (max-width:500px){
		.layer-sel{top:48px;}
		.layer-sel.foot{bottom:48px}
		.layer-sel ul{max-height:192px;}
		.layer-sel li a{ padding:0 16px; font-size:14px; padding:0 16px; line-height:48px;}
		.layer-sel li a i{font-size:12px; margin-left:5px;}
	}