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



/*=======================================================
  title
=========================================================*/
.u-tit01{font-size:24px; color:#111; padding-left:32px; margin-bottom:17px; background:url(../img/Sub/u-tit01.png) no-repeat left 3px; line-height:36px; font-weight:400; letter-spacing:-0.03em;}
.u-tit02{font-size:24px; color:#111; padding-left:20px; margin-bottom:0px;  background:url(../img/Sub/u-tit02.png) no-repeat left 3px; line-height:36px; font-weight:600; letter-spacing:-0.03em;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.u-tit01{font-size:21px; background-size:16px auto; padding-left:26px; background-position:left 6px; margin-bottom:14px;}
		.u-tit02{font-size:21px; background-size:16px auto; padding-left:26px; background-position:left 6px; margin-bottom:14px;}
	}
	@media only screen and (max-width:680px){
		.u-tit01{font-size:19px;background-position:left 5px; margin-bottom:10px; }
		.u-tit02{font-size:20px;background-position:left 5px; margin-bottom:10px; }
	}
	@media only screen and (max-width:480px){
		.u-tit01{font-size:17px;}
		.u-tit02{font-size:20px; color:#111; padding-left:15px; margin-bottom:0px; color:#35a8df; background:url(../img/Sub/u-tit02-m.png) no-repeat left 3px; line-height:28px; font-weight:500; letter-spacing:-0.05em; padding-bottom:30px;}
	}



/*=======================================================
  input & select
=========================================================*/
.chk-input {display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
.chk-input input{height:48px; letter-spacing:-0.03em; border:1px solid #ddd; background:#fff; color:#666; padding:0 20px;font-size:15px; 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 #ddd; background:#fff; color:#666; padding:20px;font-size:15px; 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:13px; padding:0 5px; 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-arrow03.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:15px; border:1px solid #ddd; width:100%; height:48px; 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:13px; height:40px; margin-bottom:10px;}
		.chk-select:after{background:url(../img/Sub/select-arrow03.jpg) no-repeat center center; position:absolute; width:20px; height:30px; margin-top:-20px; right:5px; top:50%; display:block; content:""; z-index:3}
	}
	@media only screen and (max-width:480px){
		
	}
	

.chk-radio {display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; 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:32px; font-size:16px; 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:24px; height:24px; text-align:center; background:url(../img/Sub/radio-off.jpg) no-repeat center center #fff; border:1px solid #aaa; border-radius:100%; box-sizing:border-box; }
.chk-radio input[type="radio"] + label:after {}
.chk-radio input[type="radio"]:checked + label:before { background:url(../img/Sub/radio-on.jpg) no-repeat center center; border-color:#00abc1; }
	@media only screen and (max-width:1200px) {
		.chk-radio input[type="radio"] + label{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		.chk-radio input[type="radio"] + label{font-size:14px; padding-left:30px; }
		.chk-radio input[type="radio"] + label:before{width:22px;height:22px;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}

.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:16px; line-height:22px; color:#666; 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:22px; height:22px; text-align:center; background:#fff;  border:1px solid #333;   }
.chk-check input[type="checkbox"]:checked + label{color:#000;}
.chk-check input[type="checkbox"]:checked + label:before{background:url(../img/Sub/check-on.jpg) no-repeat center #fff;background-size:100% auto}
	@media only screen and (max-width:1200px) {
		.chk-check input[type="checkbox"] + label{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		.chk-check input[type="checkbox"] + label{font-size:14px; padding-left:30px; }
		.chk-check input[type="checkbox"] + label:before{width:22px;height:22px;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}



/*=======================================================
  u-tab
=========================================================*/
.u-tab01{position:relative}
.u-tab01:after{position:absolute; z-index:-1;left:0; top:0; width:100%;height:100%; box-sizing:border-box;border-top:0px solid #e1e1e1;border-bottom:1px solid #e1e1e1;display:block;content:"";}
.u-tab01 ul{font-size:0;text-align:center;}
.u-tab01 ul:after{display:block; content:"";clear:both;}
.u-tab01 li{display:inline-block;vertical-align:top;}
.u-tab01 li a{font-size:17px; min-width:142px; color:#666;display:block; line-height:67px; padding:0 20px;box-sizing:border-box; position:relative;}
.u-tab01 li a:hover{color:#111}
.u-tab01 li.active a{color:#111;}
.u-tab01 li.active a:after{width:100%;height:2px; position:absolute; left:0; bottom:0; background:#111; display:block;content:"";}
	@media only screen and (max-width:1440px){
		.u-tab01 li a{font-size:16px; min-width:130px; line-height:60px; padding:0 15px;}
	}
	@media only screen and (max-width:1200px){
		.u-tab01 li a{font-size:16px; min-width:110px; line-height:60px; padding:0 12px;}
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

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

.u-tab02 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-tab02 ul:before{position:Absolute; right:0; top:0; width:1px; height:100%; display:block; content:"";z-index:1; background:#ddd;}
.u-tab02 li{float:left;  position:relative; z-index:2}
.u-tab02 li:before{width:1px;height:100%; background:#ddd; right:0; top:0; display:block; content:"";z-index:-1; position:absolute;}
.u-tab02 li a{position:relative;text-align:center;box-sizing:border-box; min-width:310px; 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-tab02 li.active, .u-tab02 li.active:hover {z-index:6}
.u-tab02 li:hover {z-index:4}
/*.u-tab02 li.active a{color:#fff;font-weight:500;background:#01acc8; border:1px solid #01acc8;}
.u-tab02 li.active a:hover{color:#01acc8;font-weight:500;background:#fff; border:1px solid #01acc8;}*/

.u-tab02 li.active a{color:#fff;font-weight:500;background:#37b7b6; border:1px solid #37b7b6;}
.u-tab02 li.active a:hover{color:#37b7b6;font-weight:500;background:#fff; border:1px solid #37b7b6;}

.u-tab02 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:"";}

.u-tab02 li a .step{color:#aaa; font-size:12px; padding-right:10px; vertical-align:baseline}

	@media only screen and (max-width:1200px){
		.u-tab02{margin-bottom:40px;}
	}
	@media only screen and (max-width:1160px){
		
		.u-tab02 li{width:auto;}
		.u-tab02 li a{min-width:260px;}
	}
	@media only screen and (max-width:999px){
		
		.u-tab02{margin-bottom:20px;}
		.u-tab02 li a{font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.u-tab02 ul{display:block;}
		.u-tab02 li{width:100%}
		.u-tab02 li a{font-size:14px; line-height:45px; height:45px; min-width:auto;}
	}
	@media only screen and (max-width:480px){
		
	}


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

.u-tab03 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-tab03 ul:before{position:Absolute; right:0; top:0; width:1px; height:100%; display:block; content:"";z-index:1; background:#ddd;}
.u-tab03 li{float:left;  position:relative; z-index:2}
.u-tab03 li:before{width:1px;height:100%; background:#ddd; right:0; top:0; display:block; content:"";z-index:-1; position:absolute;}
.u-tab03 li a{position:relative;text-align:center;box-sizing:border-box; min-width:310px; 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-tab03 li.active, .u-tab02 li.active:hover {z-index:6}
.u-tab03 li:hover {z-index:4}
.u-tab03 li.active a{color:#fff;font-weight:500;background:#37b7b6; border:1px solid #37b7b6;}
.u-tab03 li.active a:hover{color:#37b7b6;font-weight:500;background:#fff; border:1px solid #37b7b6;}

.u-tab03 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:"";}

.u-tab03 li a .step{color:#aaa; font-size:12px; padding-right:10px; vertical-align:baseline}

	@media only screen and (max-width:1200px){
		.u-tab03{margin-bottom:40px;}
	}
	@media only screen and (max-width:1160px){
		
		.u-tab03 li{width:auto;}
		.u-tab03 li a{min-width:260px;}
	}
	@media only screen and (max-width:999px){
		
		.u-tab03{margin-bottom:20px;}
		.u-tab03 li a{font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.u-tab03 ul{display:block;}
		.u-tab03 li{width:100%}
		.u-tab03 li a{font-size:14px; line-height:45px; height:45px; min-width:auto;}
	}
	@media only screen and (max-width:480px){
		
	}


	
/*=======================================================
  btns
=========================================================*/
.bb-btn, .bw-btn, .bblue-btn{min-width:158px;box-sizing:border-box; height:50px;border:1px solid #393939; line-height:48px; margin:0 3px;font-size:16px; text-align:center; display:inline-block;vertical-align:top;}
.bb-btn{background:#393939; color:#fff;}
.bb-btn:hover{background:#111; border:1px solid #111}
.bw-btn{background:#fff; color:#393939;}
.bw-btn:hover{background:#f0f0f0; border-color:#444}
.bblue-btn{background:#4868e1; color:#fff; border:1px solid #4868e1}
.bblue-btn:hover{background:#fff; color:#4868e1; border:1px solid #4868e1}

	@media only screen and (max-width:1200px){
		.bb-btn, .bw-btn, .bblue-btn{min-width:140px}
	}
	@media only screen and (max-width:999px){
		.bb-btn, .bw-btn, .bblue-btn{min-width:120px; height:45px; line-height:43px; font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.bb-btn, .bw-btn, .bblue-btn{min-width:100px; height:40px; line-height:38px; font-size:14px;}
	}
	@media only screen and (max-width:480px){
		
	}



/*=======================================================
  btns
=========================================================*/
.bb-btn, .bw-btn{min-width:158px;box-sizing:border-box; height:50px;border:1px solid #393939; line-height:48px; margin:0 3px;font-size:16px; text-align:center; display:inline-block;vertical-align:top;}
.bb-btn{background:#393939; color:#fff;}
.bb-btn:hover{background:#111; border:1px solid #111}
.bw-btn{background:#fff; color:#393939;}
.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:120px; height:45px; line-height:43px; font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.bb-btn, .bw-btn{min-width:100px; height:40px; line-height:38px; font-size:14px;}
	}
	@media only screen and (max-width:480px){
		
	}
.btn-a {font-size:16px; border-radius: 0px !important; padding: 15px 50px; border: 1px solid #555; background-color: #555; color: #fff; cursor: pointer; outline: none; text-decoration: none; text-align: center; }
.btn-a:active { border: 1px solid #555; background: #555; }
.btn-a:hover { border: 1px solid #555; background-color: #fff; color:#555; }


.btn-b { font-size:16px; border-radius: 0px !important; padding:15px 50px; border: 1px solid #01acc8; background-color: #01acc8; color: #fff; cursor: pointer; outline: none; text-decoration: none; text-align: center; }
.btn-b:active { border: 1px solid #01acc8; background: #01acc8; }
.btn-b:hover { border: 1px solid #01acc8; background-color: #fff; color:#01acc8; }

.btn-c {  font-size:16px; border-radius: 0px !important; padding: 15px 50px; border: 1px solid #aaa; background-color: #fff; color: #777; cursor: pointer; outline: none; text-decoration: none; text-align: center; }
.btn-c:active { border: 1px solid #dfdfdf; background: #f2f2f2; }
.btn-c:hover { border: 1px solid #000; background-color: #fff; color:#000; }

/*=======================================================
  tbl-type
=========================================================*/
.tbl-type01{border-top:2px solid #8cc63e;table-layout:fixed}
.tbl-type01 thead th{background:#fbfbfb;border-bottom:1px solid #aaaaaa;text-align:center; font-size:16px; color:#000; border-left:1px solid #ddd; line-height:1.2em; font-weight:700; padding:17px 10px 17px 10px; }
.tbl-type01 thead th:first-child{border-left:0}

.tbl-type01 tbody th{background:#fbfbfb;font-size:15px; color:#111;line-height:1.2em;padding:19px 10px 19px 35px;font-weight:400; border-bottom:1px solid #ddd;text-align:left;word-break: keep-all;}
.tbl-type01 tbody td{font-size:16px; color:#111;line-height:1.5em;padding:19px 10px 17px 10px; border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;word-break: keep-all;}

.tbl-type01 tbody td .tit{font-size:17px; color:#111;line-height:1.7em; font-weight:500;}
.tbl-type01 tbody td .stxt{font-size:13px; color:#666;line-height:1.5em;}

.tbl-type01 tbody td.l{padding:19px 15px 19px 35px}
.tbl-type01 tbody td:first-child{border-left:0}


.tbl-type02{border-top:2px solid #8cc63e;table-layout:fixed}
.tbl-type02 thead th{background:#fbfbfb;border-bottom:1px solid #aaaaaa;text-align:center; font-size:16px; color:#111; border-left:1px solid #ddd;line-height:1.2em; font-weight:400; padding:17px 10px 17px 10px;}
.tbl-type02 thead th:first-child{border-left:0}

.tbl-type02 tbody th{background:#fbfbfb;font-size:17px; color:#000;line-height:1.6em;padding:19px 10px 17px 35px;font-weight:600; border-bottom:1px solid #ddd;text-align:left;word-break: keep-all;}
.tbl-type02 tbody td{font-size:16px; color:#555;line-height:1.6em; padding:19px 10px 19px 10px; border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;word-break: keep-all;}
.tbl-type02 tbody td.l{padding:20px 15px 20px 35px; color:#555;line-height:2.0em;}
.tbl-type02 tbody tr:last-child th,.tbl-type02 tbody tr:last-child td{border-bottom:1px solid #aaaaaa;}
.tbl-type02 tbody td:first-child{border-left:0}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.tbl-type01 thead th{font-size:15px;padding:14px 10px 14px 10px;}
		.tbl-type01 tbody th{font-size:14px;padding:14px 10px 14px 25px;}
		.tbl-type01 tbody td{font-size:14px;padding:14px 10px 14px 10px; }
		.tbl-type01 tbody td.l{padding:14px 10px 14px 25px}


		.tbl-type02 thead th{font-size:15px;padding:14px 10px 14px 10px;}
		.tbl-type02 tbody th{font-size:14px;padding:14px 10px 14px 25px;}
		.tbl-type02 tbody td{font-size:14px;padding:14px 10px 14px 10px;}
		.tbl-type02 tbody td.l{padding:14px 10px 14px 25px}
	}
	@media only screen and (max-width:680px){
		.tbl-type01 thead th{font-size:14px;padding:12px 5px 12px 5px;}
		.tbl-type01 tbody th{font-size:13px;padding:12px 15px 12px 15px;}
		.tbl-type01 tbody td{font-size:13px;padding:12px 5px 12px 5px; }
		.tbl-type01 tbody td.l{padding:12px 15px 12px 15px}

		.tbl-type02 thead th{font-size:14px;padding:12px 5px 12px 5px;}
		.tbl-type02 tbody th{font-size:13px;padding:12px 15px 12px 15px;}
		.tbl-type02 tbody td{font-size:13px;padding:12px 5px 12px 5px;}
		.tbl-type02 tbody td.l{padding:12px 15px 12px 15px}
	}
	@media only screen and (max-width:480px){
		.tbl-type01 tbody th{padding:12px 10px 12px 10px;}
		.tbl-type01 tbody td.l{padding:12px 10px 12px 10px}

		

		.tbl-type02 tbody th{padding:12px 10px 12px 10px;}
		.tbl-type02 tbody td.l{padding:12px 10px 12px 10px}

	}

	

/*=======================================================
  rspvn-box
=========================================================*/
/* rspvn-box */
.rspvn-box{position:relative;}
.rspvn-box .rspvn-tit{display:none;}
	@media all and (max-width:800px) {
		.rspvn-box{min-width:300px; overflow-x:auto}
		.rspvn-box:after{position:absolute; left:50%; top:50%;display:block;content:""; width:160px; height:100px;background:url(../img/Sub/rspvn-wheel.png) no-repeat center top;background-size:160px; margin-bottom:0;/* border:1px solid #d2d2d2; */margin-bottom:10px; opacity:1 ;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);-webkit-transition:  opacity 0.3s ease-in-out;-moz-transition:  opacity 0.3s ease-in-out;-o-transition:  opacity 0.3s ease-in-out;transition:  opacity 0.3s ease-in-out;}
		.rspvn-box.ani:after{transition-delay:3s;opacity:0;}
	
		.rspvn-box .rspvn-con{overflow-x:scroll;padding-bottom:10px; position:relative;}
		.rspvn-box .scroll{overflow-y:auto}
		.rspvn-box table{width:800px !important ;box-sizing:border-box;}
	}
	@media all and (max-width:480px) {
		.rspvn-box .rspvn-tit:after{background-size:34px auto; right:15px;}
		.rspvn-box .rspvn-tit:before{background-size:34px auto; left:15px;}
	}


/*===========================================
.layer-wrap.provision
=============================================*/
.layer-wrap.provision{min-width:320px;position:fixed; background:#fff; width:100%; max-width:640px;left:-9999em !important; top:50%  !important;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.provision.active{left:50% !important;}
.layer-wrap.provision .is-top{ padding:30px 30px 10px 30px;position:relative;}
.layer-wrap.provision .is-top h2{font-size:24px; font-weight:400; color:#333; line-height:1.2em; letter-spacing:-0.03em;}
.layer-wrap.provision .is-top .close{position:absolute;z-index:2599; width:30px; height:30px; background:url(../img/Layout/bt-mncloseo.png) no-repeat center center; background-size:24px auto;right:25px;top:25px;  -webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.layer-wrap.provision .is-top .close:hover{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }

.layer-wrap.provision .is-con{padding:0 0 0 0; position:relative;}
.layer-wrap.provision .is-con .r{padding:0 30px;margin-bottom:20px;}
.layer-wrap.provision .is-con .scrolls{ overflow-y:scroll ; height:500px; padding:30px;}
.layer-wrap.provision .is-con .scrolls h4{margin-top:50px; color:#333; ;font-size:17px;line-height:18px; }
.layer-wrap.provision .is-con .scrolls h5{margin-top:50px;font-size:17px;line-height:18px; color:#333;}
.layer-wrap.provision .is-con .scrolls p{margin:-4px 0; font-size:15px; line-height:1.5em;}
.layer-wrap.provision .is-con .scrolls li{margin:16px 0 -4px 0;}
.layer-wrap.provision .is-con .scrolls li > ul > li{margin-top:12px;}
.layer-wrap.provision .is-con .scrolls ul + p,
.layer-wrap.provision .is-con .scrolls p + p{margin-top:46px;}
.layer-wrap.provision .is-con .scrolls .table{width:100%;margin-top:10px;border-top:1px solid #ddd;}
.layer-wrap.provision .is-con .scrolls .table th,
.layer-wrap.provision .is-con .scrolls .table td{font-size:14px;font-weight:300;color:#666;border-bottom:1px solid #ddd;text-align:center;}
.layer-wrap.provision .is-con .scrolls .table th{padding:10px 10px;background-color:#f7f7f7;color:#333;}
.layer-wrap.provision .is-con .scrolls .table td{padding:10px 10px;}

.layer-wrap.provision .abr{width:200px;height:50px; display:inline-block;vertical-align:top;text-align:left; position:relative;}
.layer-wrap.provision .abr .sel{display:block; position:relative;line-height:50px; padding:0 30px 0 15px; font-size:14px; color:#333;border-bottom:1px solid #dedede;}
.layer-wrap.provision .abr .sel:after{width:11px;height:6px; position:Absolute;right:12px; top:25px; background:url(../img/Sub/sel-down.png) no-repeat center center; display:block; content:"";}
.layer-wrap.provision .abr.active .sel:after{transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0);-webkit-transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0);  }
.layer-wrap.provision .abr ul{position:absolute; right:0; top:50px; width:100%;background:#fff; border:1px solid #dedede; box-sizing:border-box;display:none;}
.layer-wrap.provision .abr li{}
.layer-wrap.provision .abr li:nth-child(n+2){margin-top:7px;}
.layer-wrap.provision .abr li a{font-size:14px; color:#666; line-height:1.2em; display:block; padding:14px 15px}
.layer-wrap.provision .abr li a:hover{color:#333;}

.layer-wrap.provision .is-btm{}
.layer-wrap.provision .is-btm a{line-height:65px; text-align:center; display:block; font-size:17px;}
.layer-wrap.provision .is-btm .enter{background:#414141;color:#fff; }
.layer-wrap.provision .is-btm .enter:hover{background:#111}
	@media all and (max-width:640px) {
		.layer-wrap.provision{width:100%; top:0 !important; height:100%;-webkit-transform: translate(0); -moz-transform: translate(0);  -ms-transform: translate(0);  -o-transform: translate(0);  transform: translate(0);}
		.layer-wrap.provision.active{left:0 !important;}
		.layer-wrap.provision .is-top{ padding:20px 20px 10px 20px;}
		.layer-wrap.provision .is-top h2{font-size:19px;font-weight:700} 
		.layer-wrap.provision .is-top .close{ background-size:20px auto; right:17px; top:17px}
		.layer-wrap.provision .is-con{padding:0 0 20px 0;}
		
		.layer-wrap.provision .is-con .scrolls{padding: 20px; }
		.layer-wrap.provision .is-con .scrolls h4{font-size:16px}
		.layer-wrap.provision .is-con .scrolls h5{font-size:16px}
		.layer-wrap.provision .is-con .scrolls p{font-size:14px;}
		.layer-wrap.provision .is-con .scrolls .table td{font-size:13px;}

		.layer-wrap.provision .is-btm{position:absolute; left:0; bottom:0; width:100%;}
		.layer-wrap.provision .is-btm a{line-height:55px; font-size:16px;}
	}


/*===========================================
   scrolls
=============================================*/
.layer-wrap .scrolls {overflow-x:hidden; box-sizing:border-box;}
.nicescroll-rails{padding-right:0px;display:block; ; border-radius:0;margin-left:-4px; opacity:1 !important}
.nicescroll-cursors {margin-right:0; border:none !important;cursor:pointer; margin-right:0;}
.nicescroll-rails .nicescroll-cursors{border:1px solid #fafafa !important; box-sizing:border-box;margin-right:-1px; }
.nicescroll-rails-hr{display:none !Important;}



/* 로딩 */
#LOADINGAREA{width:100%; height:100%; position:fixed; z-index:9999;display:none;}
.loadingbg{
	position:fixed;
	top:0; background:black;
	left:0;
	width:100%;
	height:100%;
	position:fixed; z-index:9999; opacity:0.5;}
.loadingbox{
	position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; z-index:99999;
	width:170px; height:174px;
	} 

/* -----------------------------------------
  =CSS3 Loading animations
-------------------------------------------- */

/* =Elements style
---------------------- */
.load-wrapp {
	position:fixed; z-index:99999;
	top:0; left:0; right:0; bottom:0;
    width: 100px;
    height: 100px;
    margin:auto;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}

.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;

}

.ring-1 {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    padding: 10px;
    border: 7px dashed white;
    border-radius: 100%;
}

.ring-2 {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border: 4px solid #4b9cdb;
    border-radius: 100%;
}

.ball-holder {
    position: absolute;
    width: 12px;
    height: 45px;
    left: 17px;
    top: 0px;
}

.ball {
    position: absolute;
    top: -11px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #4282B3;
}

.letter-holder {padding: 16px;}

.letter {
    float: left;
    font-size: 14px;
    color: #777;
}

.square {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background-color: #4b9cdb;
}

.spinner {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
}

.bubble-1,
.bubble-2 {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #4b9cdb;
}

.bubble-2 {
    top: auto;
    bottom: 0;
}

.bar {
    float: left;
    width: 15px;
    height: 6px;
    border-radius: 2px;
    background-color: #4b9cdb;
}

/* =Animate the stuff
------------------------ */
.load-1 .line:nth-last-child(1) {animation: loadingA 1.5s 1s infinite;}
.load-1 .line:nth-last-child(2) {animation: loadingA 1.5s .5s infinite;}
.load-1 .line:nth-last-child(3) {animation: loadingA 1.5s 0s infinite;}

.load-2 .line:nth-last-child(1) {animation: loadingB 1.5s 1s infinite;}
.load-2 .line:nth-last-child(2) {animation: loadingB 1.5s .5s infinite;}
.load-2 .line:nth-last-child(3) {animation: loadingB 1.5s 0s infinite;}

.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

.load-4 .ring-1 {animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-5 .ball-holder {animation: loadingE 1.3s linear infinite;}

.load-6 .letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

.l-1 {animation-delay: .48s;}
.l-2 {animation-delay: .6s;}
.l-3 {animation-delay: .72s;}
.l-4 {animation-delay: .84s;}
.l-5 {animation-delay: .96s;}
.l-6 {animation-delay: 1.08s;}
.l-7 {animation-delay: 1.2s;}
.l-8 {animation-delay: 1.32s;}
.l-9 {animation-delay: 1.44s;}
.l-10 {animation-delay: 1.56s;}

.load-7 .square {animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-8 .line {animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-9 .spinner {animation: loadingI 2s linear infinite;}
.load-9 .bubble-1, .load-9 .bubble-2 {animation: bounce 2s ease-in-out infinite;}
.load-9 .bubble-2 {animation-delay: -1.0s;}

.load-10 .bar {animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite;}

@keyframes loadingA {
    0 {height: 15px;}
    50% {height: 35px;}
    100% {height: 15px;}
}

@keyframes loadingB {
    0 {width: 15px;}
    50% {width: 35px;}
    100% {width: 15px;}
}

@keyframes loadingC {
    0 {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}

@keyframes loadingD {
    0 {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingE {
    0 {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes loadingG {
    0% {transform: translate(0,0) rotate(0deg);}
    50% {transform: translate(70px,0) rotate(360deg);}
    100% {transform: translate(0,0) rotate(0deg);}
}

@keyframes loadingH {
    0% {width: 15px;}
    50% {width: 35px; padding: 4px;}
    100% {width: 15px;}
}

@keyframes loadingI {
    100% {transform: rotate(360deg);}
}

@keyframes bounce  {
  0%, 100% {transform: scale(0.0);}
  50% {transform: scale(1.0);}
}

@keyframes loadingJ {
  0%,100% {transform: translate(0,0);}
  
  50% {
      transform: translate(80px,0);
      background-color: #f5634a;
      width: 25px;
  }
}