@charset "utf-8";
/*=======================================================
  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 #ddd; border-radius:0px; background:#fff; color:#111; padding:0 15px;font-size:15px; box-sizing:border-box; display:block; width:100%; position:relative;}
.chk-input input::placeholder{color:rgba(10,10,10,0.5); font-size:14px;}

.chk-input textarea{height:140px; letter-spacing:-0.03em; border:1px solid #e2e2e2; border-radius:5px;background:#fff; color:#666; padding:15px;font-size:14px; box-sizing:border-box; display:block; width:100%; position:relative; resize:none;}
.chk-input textarea::placeholder{color:rgba(10,10,10,0.5); font-size:14px;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.chk-input input{height:40px; font-size:14px ;padding:0 10px;} 
		.chk-input textarea{height:120px;padding:10px; font-size:14px;}

		.chk-input input::placeholder{font-size:13px;}
		.chk-input textarea::placeholder{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		.chk-input input{font-size:13px}
		.chk-input textarea{font-size:13px;}
	}

	
.chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.chk-select:after{background:url(../img/sub/select-arrow02.png) no-repeat center center; position:absolute; width:20px; height:30px; margin-top:-15px; right:9px; top:50%; display:block; content:""; z-index:3}
.chk-select select{font-size:15px; border:1px solid #ddd; width:100%; border-radius:0px; height:50px; color:#000; box-sizing:border-box; padding:0 35px 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){
		
	}
	@media only screen and (max-width:680px){
		.chk-select select{height:40px; font-size:14px; padding-right:30px; padding-left:8px;}
		.chk-select:after{background-size:8px auto; right:6px;}
	}
	@media only screen and (max-width:480px){
		.chk-select select{ font-size:13px;}
	}
	

.chk-radio {display:inline-block; font-size:0px; vertical-align:top; 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;text-align:left; position: relative; padding-left:26px; font-size:15px; color:#1e1e1e; line-height:20px; letter-spacing:-0.03em;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 #757575; 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/check-on.jpg) no-repeat center center #f58220; border-color:#f58220;background-size:80% auto}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px) {
		.chk-radio input[type="radio"] + label{font-size:14px; line-height:18px;padding-left:26px;}
		.chk-radio input[type="radio"] + label:before{width:18px;height:18px;}
	}
	@media only screen and (max-width:680px) {
		.chk-radio input[type="radio"] + label{font-size:13px; line-height:16px;padding-left:24px;}
		.chk-radio input[type="radio"] + label:before{width:16px;height:16px; }
	}
	@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; text-align:left;position:relative; padding-left:28px; font-size:16px; line-height:20px; color:#666; font-weight:400; letter-spacing:-0.03em; 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;  border:1px solid #757575; border-radius:3px;  }
.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 center #6e98fa; border-color:#6e98fa;background-size:100% auto}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px) {
		.chk-check input[type="checkbox"] + label{font-size:14px;line-height:18px; padding-left:26px;}
		.chk-check input[type="checkbox"] + label:before{width:18px;height:18px;}
	}
	@media only screen and (max-width:680px) {
		.chk-check input[type="checkbox"] + label{font-size:13px;line-height:16px;padding-left:24px;}
		.chk-check input[type="checkbox"] + label:before{width:16px;height:16px;}
	}
	}
	@media only screen and (max-width:480px) {
		
	}

/*=======================================================
  paging-wrap
=========================================================*/
.paging-wrap{margin-top:67px;font-size:0px; text-align:center; display:block; position:relative;}
.paging-wrap a.ctrl{display:inline-block;vertical-align:top;text-decoration: none; width:40px; height:40px; border:1px solid #dfdfdf; border-radius:100%; box-sizing:border-box; margin:0 3px;}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap ul{padding:0 10px}
.paging-wrap li{margin:0 2px;}
.paging-wrap li a{display:block; position:relative; text-decoration: none;min-width:40px; height:40px; box-sizing:border-box ;border-radius:100%; font-size:15px; color:#999; text-align:center;line-height:40px;font-weight:400;box-sizing:border-box;}
.paging-wrap li a.active, .paging-wrap li a.active:hover{color:#000; font-weight:700}

.paging-wrap a.first{background:url(../img/sub/page-first.jpg) no-repeat center center;}
.paging-wrap a.prev{background:url(../img/sub/page-prev.jpg) no-repeat center center;}
.paging-wrap a.next{background:url(../img/sub/page-next.jpg) no-repeat center center;}
.paging-wrap a.last{background:url(../img/sub/page-last.jpg) no-repeat center center;}

.paging-wrap a.ctrl:hover{border-color:#000; opacity:0.75}
.paging-wrap a.first:hover{background-image:url(../img/sub/page-firsto.jpg)}
.paging-wrap a.prev:hover{background-image:url(../img/sub/page-prevo.jpg) }
.paging-wrap a.next:hover{background-image:url(../img/sub/page-nexto.jpg) }
.paging-wrap a.last:hover{background-image:url(../img/sub/page-lasto.jpg)}

.paging-wrap .num{display:none;vertical-align:top; padding:0 20px; color:#666; font-size:14px; line-height:30px;}
.paging-wrap .num span{font-weight:700;color:#111;}
	@media only screen and (max-width:1200px){
		.paging-wrap{margin-top:20px;}
	}
	@media only screen and (max-width:999px){
		.paging-wrap{margin-top:30px;}
		.paging-wrap a.ctrl{width:30px;height:30px;}
		.paging-wrap a.first , .paging-wrap a.last{display:none;}

		.paging-wrap ul{padding:0 7px; display:none;}
		.paging-wrap li{margin:0 1px;}
		.paging-wrap li a{min-width:30px;height:30px; line-height:30px; font-size:14px;}

		.paging-wrap .num{display:inline-block;vertical-align:top;}
	}
	@media only screen and (max-width:680px){
		.paging-wrap{margin-top:20px;}
	}
	@media only screen and (max-width:480px){
		
	}
	


/*=======================================================
  board-filter
=========================================================*/
.board-filter {text-align:center; font-size:0; margin-top:45px; margin-bottom:50px;}
.board-filter .chk-select{width:100px;}

.board-filter .chk-input{width:460px; margin-left:4px;}
.board-filter .chk-input input{height:50px;  padding:0 50px 0 20px; font-size:16px;}
.board-filter .search-btn{position:absolute; right:5px; top:50%;margin-top:-25px; width:40px;height:50px; color:#fff;background:url(../img/sub/ico-search.jpg) no-repeat center center; box-sizing:border-box;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.board-filter{margin-top:30px;}
		.board-filter .chk-select select{height:45px;}
		.board-filter .chk-input input{height:45px; font-size:15px; padding:0 50px 0 15px;}
	}
	@media only screen and (max-width:680px){
		.board-filter{margin-top:20px;}
		.board-filter .chk-select{width:25%;}
		.board-filter .chk-select select{height:40px;}
		.board-filter .chk-input{width:74%; margin-left:1%}
		.board-filter .chk-input input{height:40px; font-size:14px;padding:0 50px 0 10px;}
		.board-filter .search-btn{background-size:14px auto; right:0;}
	}
	@media only screen and (max-width:480px){
		
	}




/* =====================================
   board-wrap common
===================================== */
.board-wrap {margin-top:50px; margin-bottom:50px;}
.board-wrap .lower{font-size:0; margin-top:40px;text-align:center;}
.board-wrap .lower.r{text-align:right;}

	@media only screen and (max-width:1200px){
		.board-wrap .lower{margin-top:30px;}
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.board-wrap .lower{margin-top:20px;}

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




/* =====================================
   board-wrap.list
===================================== */
.board-wrap.list{}
.board-wrap.list table{table-layout:fixed;border-top:1px solid #000}
.board-wrap.list table thead th{text-align:center; border-bottom:1px solid #ddd; font-size:16px; color:#000; font-weight:400;padding:20px 5px;}
.board-wrap.list table tbody td{text-align:center; border-bottom:1px solid #ddd; font-size:16px; color:#666; font-weight:400;padding:20px 5px;}
.board-wrap.list table tbody tr.notice td:first-child{color:#111}
.board-wrap.list table tbody tr.notice td.l a{color:#111 !important}
.board-wrap.list table tbody tr.notice td.l a.new{padding-left:35px;background:url(../img/sub/ico-new.png) no-repeat left center; background-size:22px auto;}
.board-wrap.list table tbody td.l{text-align:left;}
.board-wrap.list table tbody td.l a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#666 }
.board-wrap.list table tbody td.l a:hover{color:#111;text-decoration:underline}


.board-wrap.list .list table .state{display:inline-block;vertical-align:top;border-radius:4px;width:62px; line-height:30px;background:#ddd; text-align:center; font-size:12px; color:#111;}
.board-wrap.list .list table .state.ready{background:#ff9053; color:#fff;}
.board-wrap.list .list table .state.ing{background:#58ecd9;color:#111;}
.board-wrap.list .list table .state.end{background:#555; color:#fff;}
.board-wrap.list .list table .state.cancel{background:#e7e7e7;  color:#111;}

	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.board-wrap.list .list.notice table{}
		.board-wrap.list .list.notice table colgroup{display:none;}
		.board-wrap.list .list.notice table thead{display:none}
		.board-wrap.list .list.notice table tbody{display:block;}
		.board-wrap.list .list.notice table tbody tr{display:block;border-bottom:1px solid #ddd; padding:15px 10px; position:relative;}
		.board-wrap.list .list.notice table tbody tr:after{display:block; content:"";clear:both;}
		.board-wrap.list .list.notice table tbody tr.notice td:nth-child(1){width:48px;height:17px; border:1px solid #000; text-align:center;font-size:13px; color:#000; display:block; line-height:17px; margin-bottom:5px;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(1){display:none;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(3){display:none;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(4){display:block; width:auto;  padding-left:90px}
		.board-wrap.list .list.notice table tbody tr td:nth-child(5){display:block; width:auto; position:absolute; left:10px; bottom:15px;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(6){display:none;}
		.board-wrap.list .list.notice table tbody td{float:left; width:100%; border:none; padding:0; font-size:14px;text-align:left;}
		.board-wrap.list .list.notice table tbody td.l a:after{width:100%;height:100%; position:Absolute; left:0; top:0; display:block; content:""}

		
	}
	@media only screen and (max-width:680px){
		.board-wrap.list .list.notice table tbody tr td:nth-child(4){font-size:13px;margin-top:15px;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(5){font-size:13px;}
	}
	@media only screen and (max-width:480px){
	
	}

/* =====================================
   board-wrap.detail
===================================== */
.board-wrap.detail .detail{border-bottom:1px solid #ddd}


.board-wrap.detail .tits{border-top:1px solid #000;padding:45px 45px;}
.board-wrap.detail .tits h3{font-size:26px; color:#000; line-height:1.3em; font-weight:400;}
.board-wrap.detail .tits ul{margin-top:20px}
.board-wrap.detail .tits ul:after{display:block; content:"";clear:both;}
.board-wrap.detail .tits li{position:relative;float:left;font-size:15px; color:#777; line-height:1.5em;}
.board-wrap.detail .tits li:nth-child(n+2){margin-left:24px;}
.board-wrap.detail .tits li:nth-child(n+2):before{width:1px;height:14px; top:50%;margin-top:-6px; background:#ddd; position:absolute; left:-13px; display:block; content:""}

.board-wrap.detail .cons{border-top:1px solid #ddd; min-height:200px; padding:45px 45px;font-size:16px; color:#666; line-height:1.5em;}
	@media only screen and (max-width:1200px){
		.board-wrap.detail .tits{padding:40px}
		.board-wrap.detail .tits h3{font-size:22px;}
		.board-wrap.detail .tits ul{margin-top:15px}
		.board-wrap.detail .tits li{font-size:14px;}
		.board-wrap.detail .cons{padding:40px; font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.board-wrap.detail .tits{padding:30px}
		.board-wrap.detail .tits h3{font-size:18px;}
		.board-wrap.detail .tits ul{margin-top:10px}
		.board-wrap.detail .tits li{font-size:13px;}
		.board-wrap.detail .tits li:nth-child(n+2){margin-left:16px;}
		.board-wrap.detail .tits li:nth-child(n+2):before{left:-9px; height:12px; margin-top:-5px;}
		.board-wrap.detail .cons{padding:30px; font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.board-wrap.detail .tits{padding:20px}
		.board-wrap.detail .tits h3{font-size:17px;}
		.board-wrap.detail .cons{padding:20px; font-size:13px; min-height:190px;}
	}
	@media only screen and (max-width:480px){
		.board-wrap.detail .tits{padding:20px 15px}
		.board-wrap.detail .cons{padding:20px 15px}
	}




.board-wrap.detail .files{border-top:1px solid #ddd; padding:25px 45px;}
.board-wrap.detail .files li {}
.board-wrap.detail .files li:nth-child(n+2){margin-top:5px;}
.board-wrap.detail .files li a{background:url(../img/sub/ico-down02.jpg) no-repeat left 4px;padding-left:50px;font-size:16px; color:#666; line-height:25px;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: background 0s ease-in-out;-moz-transition: background 0s ease-in-out;-o-transition:background 0s ease-in-out;transition:background 0s ease-in-out;}
.board-wrap.detail .files li a:hover{color:#111; text-decoration:underline}

.board-wrap.detail .others{ border-top:1px solid #ddd}
.board-wrap.detail .others li{ position:relative; padding:20px 20px 20px 145px}
.board-wrap.detail .others li:nth-child(n+2){border-top:1px solid #ddd;}
.board-wrap.detail .others li .btxt{padding-left:45px;font-size:16px; color:#666; line-height:25px; position:absolute; left:0; top:20px;}
.board-wrap.detail .others li a{font-size:16px; color:#666; line-height:25px;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-wrap.detail .others li a:hover{color:#111; text-decoration:underline}
	@media only screen and (max-width:1200px){
		.board-wrap.detail .files{padding:20px 40px;}
		.board-wrap.detail .files li a{font-size:15px; padding-left:45px;}
		
		.board-wrap.detail .others li{padding:20px 20px 20px 135px}
		.board-wrap.detail .others li .btxt{padding-left:40px; font-size:15px; top:20px;}
		.board-wrap.detail .others li a{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.board-wrap.detail .files{padding:20px 20px;}
		.board-wrap.detail .files li a{font-size:14px; padding-left:35px;background-size:17px auto;background-position:left 2px; line-height:20px;}
		
		.board-wrap.detail .others li{padding:12px 15px 12px 115px}
		.board-wrap.detail .others li .btxt{padding-left:35px;left:10px; font-size:14px;top:12px; background:url(../img/sub/mpage-prev.jpg) no-repeat 15px center;}
		.board-wrap.detail .others li:nth-child(2) .btxt{background:url(../img/sub/mpage-next.jpg) no-repeat 15px center;}
		.board-wrap.detail .others li a{font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.board-wrap.detail .files{padding:15px 20px;}
		.board-wrap.detail .files li:nth-child(n+2){margin-top:2px;}
		.board-wrap.detail .files li a{font-size:13px; padding-left:25px;background-size:13px auto;background-position:left 4px;}
		
		.board-wrap.detail .others li{padding:12px 15px 12px 95px}
		.board-wrap.detail .others li .btxt{padding-left:35px; font-size:13px; left:5px;}
		
		.board-wrap.detail .others li a{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		 .board-wrap.detail .files{padding:15px 13px;}
		
		 .board-wrap.detail .others li{}
		 .board-wrap.detail .others li .btxt{ left:0}
	}


/* =====================================
   board-wrap.write
===================================== */
.board-wrap.write{}
.board-wrap.write .nec-ex{position:absolute; right:0; top:-35px; font-size:14px; background:url(../img/sub/ico-nec.jpg) no-repeat left center; padding-left:15px; line-height:16px; color:#666; }
.board-wrap.write .write{position:relative;border-top:1px solid #000;}
.board-wrap.write .write li{padding:10px 10px 10px 300px; position:relative;border-bottom:1px solid #ddd; min-height:50px;}
.board-wrap.write .write li .btxt{font-size:17px; color:#000;line-height:50px; position:absolute;left:0 ;top:10px; padding-left:100px;}
.board-wrap.write .write li .btxt.nec span{display:inline-block;position:relative;}
.board-wrap.write .write li .btxt.nec span:after{width:11px;height:10px; position:absolute; right:-15px; top:50%;margin-top:-5px; background:url(../img/sub/ico-nec.jpg) no-repeat center center; display:block;content:""}
.board-wrap.write .write li .chk-input{width:100%;}
.board-wrap.write .write li .chk-input.w50p{width:50%}
.board-wrap.write .write li .chk-input.w30p{width:30%}

.board-wrap.write .file-info{padding-left:123px; position:relative;max-width:50%;}
.board-wrap.write .file-info input[type="file"]{display:none;}
.board-wrap.write .file-info .chk-input{display:block;width:100%; box-sizing:border-box;}
.board-wrap.write .file-info .chk-input input[type="text"]{}
.board-wrap.write .file-info .chk-input.active{ }
.board-wrap.write .file-info .chk-input.active input[type="text"]{}
.board-wrap.write .file-info.active label{display:none}
.board-wrap.write .file-info.active .file-delete{display:block;}
.board-wrap.write .file-info label{position:absolute;font-weight:400; left:0; top:0;display:block; font-size:16px; letter-spacing:-0.03em; line-height:50px;background:#888; min-width:124px; color:#fff;text-align:center;}
.board-wrap.write .file-info .file-delete{position:absolute;font-weight:400; left:0; top:0;margin-left:3px;display:none; font-size:16px; letter-spacing:-0.03em; line-height:48px; background:#fff;border:1px solid #1e1e1e; min-width:122px; color:#111;text-align:center;}
	@media only screen and (max-width:1200px){
		.board-wrap.write .write li{padding-left:185px;}
		.board-wrap.write .write li .btxt{font-size:15px;}

		.board-wrap.write .file-info label{font-size:15px; }
		.board-wrap.write .file-info .file-delete{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.board-wrap.write .write li{padding-left:145px; min-height:45px;}
		.board-wrap.write .write li .btxt{font-size:14px;line-height:45px;}

		.board-wrap.write .file-info{padding-left:103px;}
		.board-wrap.write .file-info label{font-size:14px; line-height:45px; min-width:104px;}
		.board-wrap.write .file-info .file-delete{line-height:43px; font-size:14px; min-width:102px;}
	}
	@media only screen and (max-width:680px){
		.board-wrap.write .write li{min-height:40px; padding-left:0; padding:15px 10px;}
		.board-wrap.write .write li .btxt{line-height:1.2em;margin-bottom:10px; padding-left:0; position:relative; left:auto; top:auto;}
		.board-wrap.write .write li .chk-input.w50p{width:100%}

		.board-wrap.write .file-info{padding-left:83px;max-width:none}
		.board-wrap.write .file-info label{line-height:40px;min-width:84px; font-size:13px;}
		.board-wrap.write .file-info .file-delete{line-height:38px;min-width:82px; font-size:13px;}
	}
	@media only screen and (max-width:480px){
		.board-wrap.write .file-info{padding-left:74px;}
		.board-wrap.write .file-info label{min-width:75px;}
		.board-wrap.write .file-info .file-delete{min-width:73px;}
	}

	





/*=======================================================
  btns
=========================================================*/
.bb-btn, .bw-btn{min-width:230px;box-sizing:border-box; height:60px;border:1px solid #999; line-height:58px; margin:0 3px 0 0; font-size:16px; font-weight:500;  letter-spacing:-0.03em; text-align:center; display:inline-block;vertical-align:top; border-radius: 4px;}
.bb-btn{background:#1c4d9a; color:#fff; border:1px solid #1c4d9a; }
.bb-btn:hover{background:#fff; color:#1c4d9a; border:1px solid #1c4d9a; }
.bw-btn{background:#fff; color:#666; border:1px solid #777; }
.bw-btn:hover{background:#777; color:#fff; border:1px solid #777;}



	@media only screen and (max-width:1200px){
		.bb-btn, .bw-btn {min-width:150px}
	}
	@media only screen and (max-width:999px){
		.bb-btn, .bw-btn .bg-btn02{min-width:150px; 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; padding:0 20px;}
	}
	@media only screen and (max-width:480px){
	}




/* =====================================
   gallery-wrap.list
===================================== */
.gallery-wrap.list{padding-top:50px; }
.gallery-wrap.list .list{}
.gallery-wrap.list .list ul{margin:0 -1%}
.gallery-wrap.list .list ul:after{display:block; content:"";clear:both}
.gallery-wrap.list .list li{float:left; width:31.111111%; margin:0 1%; position:relative;}
.gallery-wrap.list .list li:nth-child(n+4){margin-top:2%}
.gallery-wrap.list .list li a{height:380px; display:block}
.gallery-wrap.list .list li .img{ position:relative;overflow:hidden;  border:1px solid #ddd; }
.gallery-wrap.list .list li .img img{height:260px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}

.gallery-wrap.list .list li .movie:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block;background:url(../img/Main/movie-play.png) no-repeat center center; display:block; content:""; opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}

.gallery-wrap.list .list li .txt{border:1px solid #d0d0d0; border-top:none; height:121px; box-sizing:border-box; padding:28px 24px; position:relative;}
.gallery-wrap.list .list li .btxt{font-size:20px; color:#000; line-height:1.4em; font-weight:500;}
.gallery-wrap.list .list li .stxt{margin-top:10px;font-size:16px; color:#777; line-height:1.4em;}
.gallery-wrap.list .list li .ctxt{margin-top:20px;font-size:16px; color:#666; line-height:1.3em; padding-left: 0px; background: url(../img/content/ico-calendar.png) no-repeat left 55%;}


.gallery-wrap.list .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
.gallery-wrap.list .list li a:hover {box-shadow:0px 20px 30px rgb(0 0 0 / 5%); }

/*.gallery-wrap.list .list li a:before{width:0;height:1px; background:#000;position:absolute; z-index:5; left:0; top:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.gallery-wrap.list .list li a:after{width:0;height:1px;background:#000; position:absolute; z-index:5;right:0; bottom:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}

.gallery-wrap.list .list li:before{width:1px;height:0;background:#000; position:absolute; z-index:5;right:0; top:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}
.gallery-wrap.list .list li:after{width:1px;height:0;background:#000; position:absolute; z-index:5;left:0; bottom:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}*/

.gallery-wrap.list .list li:hover a:before{width:100%;}
.gallery-wrap.list .list li:hover a:after{width:100%;}

.gallery-wrap.list .list li:hover:before{height:100%;}
.gallery-wrap.list .list li:hover:after{height:100%;}
	@media only screen and (max-width:1200px){
		.gallery-wrap.list .list li{width:31.33333%}
		.gallery-wrap.list .list li:nth-child(n+4){margin-top:3%}
		.gallery-wrap.list .list li a{height:371px;}
		.gallery-wrap.list .list li .img img{height:200px;}
		.gallery-wrap.list .list li .txt{ padding:25px 20px}
		.gallery-wrap.list .list li .btxt{font-size:17px;}
		.gallery-wrap.list .list li .stxt{margin-top:15px;font-size:13px;}
		.gallery-wrap.list .list li .ctxt{margin-top:5px;font-size:13px; }
	}
	@media only screen and (max-width:999px){
		.gallery-wrap.list{padding-top:20px;}
		.gallery-wrap.list .list li{width:48%}
		.gallery-wrap.list .list li:nth-child(n+3){margin-top:3%}
		.gallery-wrap.list .list li a{height:auto;}
		.gallery-wrap.list .list li .img img{object-fit:fill;height:auto}

		.gallery-wrap.list .list li .txt{ padding:20px 15px; height:auto; min-height:125px;}
		.gallery-wrap.list .list li .btxt{font-size:15px;}
		.gallery-wrap.list .list li .stxt{margin-top:10px;}
	}
	@media only screen and (max-width:680px){
		.gallery-wrap.list{padding-top:10px;}
		.gallery-wrap.list .list ul{margin:0}
		.gallery-wrap.list .list li{width:auto; margin:0; float:none;}
		.gallery-wrap.list .list li:nth-child(n+2){margin-top:3%}
		.gallery-wrap.list .list li a{height:auto;}
		.gallery-wrap.list .list li .img img{object-fit:fill;height:auto}
		.gallery-wrap.list .list li .txt{ padding:20px 15px; height:auto;min-height:110px;}
		
	}
	@media only screen and (max-width:480px){
		.gallery-wrap.list{padding-top:0;}
		
	}



/* =====================================
   news-wrap.list
===================================== */
.news-wrap.list{ }
.news-wrap.list .list{}
.news-wrap.list .list ul{margin:0 0%}
.news-wrap.list .list ul:after{display:block; content:"";clear:both}
.news-wrap.list .list li{float:left; width:100%; margin:0 0%; position:relative;}
.news-wrap.list .list li:nth-child(n+2){margin-top:10%}
.news-wrap.list .list li a{height:750px; display:block}
.news-wrap.list .list li .img{ position:relative;overflow:hidden;  border:1px solid #ddd; }
.news-wrap.list .list li .img img{height:600px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}

.news-wrap.list .list li .movie:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block;background:url(../img/Main/movie-play.png) no-repeat center center; display:block; content:""; opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}

.news-wrap.list .list li .txt{border:1px solid #d0d0d0; border-top:none; height:151px; box-sizing:border-box; padding:28px 50px; position:relative;}
.news-wrap.list .list li .btxt{font-size:30px; color:#000; line-height:1.4em; font-weight:500;font-family: 'TheJamsil5Bold';}
.news-wrap.list .list li .stxt{margin-top:10px;font-size:16px; color:#777; line-height:1.4em;}
.news-wrap.list .list li .ctxt{margin-top:15px;font-size:18px; color:#111; line-height:1.4em; padding-left:40px; background: url(../img/content/ico-calendar.png) no-repeat left 40%;font-family: 'TheJamsil5Bold';}


.news-wrap.list .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
.news-wrap.list .list li a:hover {box-shadow:0px 20px 30px rgb(0 0 0 / 5%); }



.news-wrap.list .list li:hover a:before{width:100%;}
.news-wrap.list .list li:hover a:after{width:100%;}

.news-wrap.list .list li:hover:before{height:100%;}
.news-wrap.list .list li:hover:after{height:100%;}
	@media only screen and (max-width:1200px){
		.news-wrap.list .list li{width:100%}
		.news-wrap.list .list li:nth-child(n+4){margin-top:3%}
		.news-wrap.list .list li a{height501px;}
		.news-wrap.list .list li .img img{height:400px;}
		.news-wrap.list .list li .txt{ padding:25px 20px; height:100px;}
		.news-wrap.list .list li .btxt{font-size:20px;}
		.news-wrap.list .list li .stxt{margin-top:15px;font-size:13px;}
		.news-wrap.list .list li .ctxt{margin-top:5px;font-size:14px;  padding-left:35px; background: url(../img/content/ico-calendar.png) no-repeat left 100%;}

	}
	@media only screen and (max-width:999px){
		.news-wrap.list{padding-top:20px;}
		.news-wrap.list .list li{width:100%}
		.news-wrap.list .list li:nth-child(n+2){margin-top:3%}
		.news-wrap.list .list li a{height:auto;}
		.news-wrap.list .list li .img img{object-fit:fill;height:auto}

		.news-wrap.list .list li .txt{ padding:20px 15px; height:auto; min-height:125px;}
		.news-wrap.list .list li .btxt{font-size:17px;}
		.news-wrap.list .list li .stxt{margin-top:10px;}
	}
	@media only screen and (max-width:680px){
		.news-wrap.list{padding-top:10px;}
		.news-wrap.list .list ul{margin:0}
		.news-wrap.list .list li{width:auto; margin:0; float:none;}
		.news-wrap.list .list li:nth-child(n+2){margin-top:3%}
		.news-wrap.list .list li a{height:auto;}
		.news-wrap.list .list li .img img{object-fit:fill;height:auto}
		.news-wrap.list .list li .txt{ padding:20px 15px; height:auto;min-height:110px;}
		
	}
	@media only screen and (max-width:480px){
		.news-wrap.list{padding-top:0;}
		
	}

/* =====================================
   interior-wrap.list
===================================== */
.interior-wrap.list{padding-top:0px;}
.interior-wrap.list .list{}
.interior-wrap.list .list ul{margin:0 -1%}
.interior-wrap.list .list ul:after{display:block; content:"";clear:both}
.interior-wrap.list .list li{float:left; width:23%; margin:0 1%; position:relative;}
.interior-wrap.list .list li:nth-child(n+5){margin-top:2%}
.interior-wrap.list .list li a{height:340px; display:block}
.interior-wrap.list .list li .img{ position:relative;overflow:hidden}
.interior-wrap.list .list li .img img{height:230px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}

.interior-wrap.list .list li .movie:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block;background:url(../img/Main/movie-play.png) no-repeat center center; display:block; content:""; opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}

.interior-wrap.list .list li .txt{border:1px solid #d0d0d0; border-top:none; height:111px; box-sizing:border-box; padding:28px 24px; position:relative;}
.interior-wrap.list .list li .btxt{font-size:18px; color:#000; line-height:1.3em;}
.interior-wrap.list .list li .stxt{margin-top:17px;font-size:14px; color:#666; line-height:1.3em;}
.interior-wrap.list .list li .ctxt{margin-top:5px;font-size:14px; color:#666; line-height:1.3em;}

.interior-wrap.list .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.interior-wrap.list .list li a:before{width:0;height:1px; background:#000;position:absolute; z-index:5; left:0; top:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.interior-wrap.list .list li a:after{width:0;height:1px;background:#000; position:absolute; z-index:5;right:0; bottom:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}

.interior-wrap.list .list li:before{width:1px;height:0;background:#000; position:absolute; z-index:5;right:0; top:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}
.interior-wrap.list .list li:after{width:1px;height:0;background:#000; position:absolute; z-index:5;left:0; bottom:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}

.interior-wrap.list .list li:hover a:before{width:100%;}
.interior-wrap.list .list li:hover a:after{width:100%;}

.interior-wrap.list .list li:hover:before{height:100%;}
.interior-wrap.list .list li:hover:after{height:100%;}
	@media only screen and (max-width:1200px){
		.interior-wrap.list .list li{width:31.33333%}
		.interior-wrap.list .list li:nth-child(n+4){margin-top:3%}
		.interior-wrap.list .list li a{height:371px;}
		.interior-wrap.list .list li .img img{height:200px;}
		.interior-wrap.list .list li .txt{ padding:25px 20px}
		.interior-wrap.list .list li .btxt{font-size:17px;}
		.interior-wrap.list .list li .stxt{margin-top:15px;font-size:13px;}
		.interior-wrap.list .list li .ctxt{margin-top:5px;font-size:13px; }
	}
	@media only screen and (max-width:999px){
		.interior-wrap.list{padding-top:20px;}
		.interior-wrap.list .list li{width:48%}
		.interior-wrap.list .list li:nth-child(n+3){margin-top:3%}
		.interior-wrap.list .list li a{height:auto;}
		.interior-wrap.list .list li .img img{object-fit:fill;height:auto}

		.interior-wrap.list .list li .txt{ padding:20px 15px; height:auto; min-height:125px;}
		.interior-wrap.list .list li .btxt{font-size:15px;}
		.interior-wrap.list .list li .stxt{margin-top:10px;}
	}
	@media only screen and (max-width:680px){
		.interior-wrap.list{padding-top:10px;}
		.interior-wrap.list .list ul{margin:0}
		.interior-wrap.list .list li{width:auto; margin:0; float:none;}
		.interior-wrap.list .list li:nth-child(n+2){margin-top:3%}
		.interior-wrap.list .list li a{height:auto;}
		.interior-wrap.list .list li .img img{object-fit:fill;height:auto}
		.interior-wrap.list .list li .txt{ padding:20px 15px; height:auto;min-height:110px;}
		
	}
	@media only screen and (max-width:480px){
		.interior-wrap.list{padding-top:0;}
		
	}

/* =====================================
   cerfity-wrap.list
===================================== */
.cerfity-wrap.list{padding-top:0px; padding-bottom:100px;}
.cerfity-wrap.list .list{}
.cerfity-wrap.list .list ul{margin:0 -1%}
.cerfity-wrap.list .list ul:after{display:block; content:"";clear:both}
.cerfity-wrap.list .list li{float:left; width:23%; margin:0 1%; position:relative;}
.cerfity-wrap.list .list li:nth-child(n+5){margin-top:2%}
.cerfity-wrap.list .list li a{display:block}
.cerfity-wrap.list .list li .img{position:relative;border:1px solid #d0d0d0; padding:0px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)  ; }
.cerfity-wrap.list .list li .img p{border:0px solid #f0f0f0;overflow:hidden;}
.cerfity-wrap.list .list li .img img{ width:100%;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}
.cerfity-wrap.list .list li .txt{margin-top:20px; height:80px; text-align:center;}
.cerfity-wrap.list .list li .btxt{font-size:16px; color:#000; line-height:1.3em;}
.cerfity-wrap.list .list li .stxt{margin-top:5px;font-size:14px; color:#666; line-height:1.3em;}
.cerfity-wrap.list .list li a:hover .img img{transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05);}

.cerfity-wrap.list .list li .img:before{width:0;height:1px; background:#000;position:absolute; z-index:5; left:-1px; top:-1px; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.cerfity-wrap.list .list li .img:after{width:0;height:1px;background:#000; position:absolute; z-index:5;right:-1px; bottom:-1px; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}

.cerfity-wrap.list .list li .img p:before{width:1px;height:0;background:#000; position:absolute; z-index:5;right:-1px; top:-1px; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}
.cerfity-wrap.list .list li .img p:after{width:1px;height:0;background:#000; position:absolute; z-index:5;left:-1px; bottom:-1px; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}

.cerfity-wrap.list .list li a:hover .img:before{width:calc(100% + 2px); }
.cerfity-wrap.list .list li a:hover .img:after{width:calc(100% + 2px)}

.cerfity-wrap.list .list li a:hover .img p:before{height:calc(100% + 2px);}
.cerfity-wrap.list .list li a:hover .img p:after{height:calc(100% + 2px)}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.cerfity-wrap.list{padding-top:20px;  padding-bottom:20px;}
		.cerfity-wrap.list .list li{width:23%}
		.cerfity-wrap.list .list li:nth-child(n+5){margin-top:4%}
		.cerfity-wrap.list .list li .txt{margin-top:15px;}
		.cerfity-wrap.list .list li .btxt{font-size:15px}
		.cerfity-wrap.list .list li .stxt{font-size:13px}
	}
	@media only screen and (max-width:680px){
		.cerfity-wrap.list{padding-top:10px;  padding-bottom:20px;}
		.cerfity-wrap.list .list li{width:31.33333%}
		.cerfity-wrap.list .list li:nth-child(n+4){margin-top:4%}
		.cerfity-wrap.list .list li .txt{margin-top:10px;}
		.cerfity-wrap.list .list li .btxt{font-size:14px}
		.cerfity-wrap.list .list li .stxt{margin-top:2px;font-size:12px}
	}
	@media only screen and (max-width:480px){
		.cerfity-wrap.list{padding-top:0;  padding-bottom:0px;}
		.cerfity-wrap.list .list li{width:48%}
		.cerfity-wrap.list .list li:nth-child(n+3){margin-top:4%}

		.cerfity-wrap.list .list li .btxt{font-size:13px}
		.cerfity-wrap.list .list li .btxt br{display:none}
		.cerfity-wrap.list .list li .txt{ height:70px;}
	}




/* =====================================
   layer-wrap.cerfity
===================================== */
.layer-wrap.cerfity{position:fixed;width:100%; height:100%; left:-9999em !important; top:0;display:block !important;}
.layer-wrap.cerfity.active{left:0 !important;}
.layer-wrap.cerfity .is-top{position:relative; z-index:9121;}
.layer-wrap.cerfity .is-top .close{background:url(../img/layout/bt-mnclosew.png) no-repeat center center; width:24px;height:24px; position:fixed; right:25px;top:32px;}
.layer-wrap.cerfity .is-con .item{position:relative;height:100%;}
.layer-wrap.cerfity .is-con .img {width:80%;max-width:500px;  margin:0 auto;position:absolute; left:50%; top:50%;-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.cerfity .is-con .img img{width:100%;display:inline-block;vertical-align:top  }
.layer-wrap.cerfity .is-con dl{margin-top:15px; padding:22px 28px; background:#f0f0f0}
.layer-wrap.cerfity .is-con dt{font-size:16px; color:#000; font-weight:700; line-height:1.2em; margin-bottom:10px;}
.layer-wrap.cerfity .is-con dd{font-size:14px; color:#222; font-weight:400; line-height:1.2em; letter-spacing:-0.02em;}
.layer-wrap.cerfity .is-con dd:nth-child(n+3){margin-top:9px;}

.layer-wrap.cerfity .cerfity-slide{position:absolute;overflow:hidden;width:100%;height:100%;left:0; top:0;}

.layer-wrap.cerfity .slick-list{overflow:visible;height:100%;}
.layer-wrap.cerfity .slick-track{height:100%;}
.layer-wrap.cerfity .slick-prev{ z-index:4123;position:absolute; left:20px; top:50%;margin-top:-20px;width:20px;height:40px;background:url(../img/sub/slide-prev.png) no-repeat center center; background-size:100% auto;}
.layer-wrap.cerfity .slick-next{ z-index:4123;position:absolute; right:20px; top:50%;margin-top:-20px;width:20px;height:40px;background:url(../img/sub/slide-next.png) no-repeat center center; background-size:100% auto;}
.layer-wrap.cerfity .slick-disabled{display:none !Important}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.layer-wrap.cerfity .is-top .close{background-size:20px auto; right:18px; top:18px;}
		.layer-wrap.cerfity .slick-prev{background-size:12px auto; width:12px; left:10px;}
		.layer-wrap.cerfity .slick-next{background-size:12px auto; width:12px; right:10px;}
	}
	@media only screen and (max-width:480px){
		
	}


/* =====================================
   faq-wrap.list
===================================== */
.faq-wrap.list { }
.faq-wrap.list ul { border-top: 1px solid #000 }
.faq-wrap.list li { position: relative; border-bottom: 1px solid #ddd; }
.faq-wrap.list li:nth-child(n+2) { }
.faq-wrap.list li .sel { display: block; padding: 30px 75px 30px 70px; position: relative; }
.faq-wrap.list li .sel:before { position: absolute; width: 36px; height: 36px; left: 20px; top: 22px; background: #7197ff; border-radius: 100%; text-align: center; line-height: 36px; color: #fff; font-size: 14px; font-weight: 400; display: block; font-family: 'Roboto'; content: "Q" }
.faq-wrap.list li .sel:after { width: 28px; height: 14px; background: url(../img/sub/faq-off.png) no-repeat center center; display: block; content: ""; position: absolute; right: 25px; top: 32px; }
.faq-wrap.list li.active .sel:after, .faq-wrap.list li.show .sel:after { background-image: url(../img/sub/faq-on.png) }
.faq-wrap.list li .sel .btxt { font-size: 20px; font-weight: 400; color: #333; line-height: 1.2em; word-break: keep-all; }
.faq-wrap.list li .sel .stxt { margin-top: 10px; font-size: 16px; font-weight: 400; color: #333; line-height: 1.2em; }
.faq-wrap.list li .txt { display: none; position: relative; padding: 20px 70px 30px; background: #f7f7f7; border-top: 1px solid #ddd; font-size: 16px; line-height: 1.6em;}
.faq-wrap.list li .txt .stxt { margin-top: 10px; font-size: 16px; font-weight: 400; color: #333; line-height: 1.2em; }
.faq-wrap.list li .txt .btxt{ font-size: 17px; line-height: 1.5em;}
.faq-wrap.list li .txt:before { position: absolute; width: 36px; height: 36px; left: 20px; top: 22px; background: #fa7636; border-radius: 100%; text-align: center; line-height: 36px; color: #fff; font-size: 14px; font-weight: 400; display: block; font-family: 'Roboto'; content: "A" }
.faq-wrap.list li .txt ul { border: none }
.faq-wrap.list li .txt li { border-bottom: none; position: relative; padding-left: 130px; }
.faq-wrap.list li .txt li:nth-child(n+2) { margin-top: 7px; }
.faq-wrap.list li .txt li .btxt { position: absolute; left: 0; top: 0; font-size: 17px; font-weight: 400; color: #555; line-height: 1.4em; }
.faq-wrap.list li .txt li .stxt { font-size: 15px; font-weight: 400; color: #555; line-height: 1.4em; word-break: keep-all; }

@media only screen and (max-width:1368px) {
.faq-wrap.list li .sel .btxt { font-size: 17px; font-weight: 400; color: #333; line-height: 1.2em; word-break: keep-all; }
.faq-wrap.list li .sel .stxt { font-size: 14px; }
.faq-wrap.list li .txt .btxt { font-size: 15px; line-height: 1.5em;}
}

 @media only screen and (max-width:1200px) {
.faq-wrap.list li .sel .btxt { font-size: 17px; }
.faq-wrap.list li .sel .stxt { font-size: 14px; }
.faq-wrap.list li .txt .btxt{ font-size: 15px; line-height: 1.4em;}
}
 @media only screen and (max-width:999px) {
.faq-wrap.list li .sel { padding: 17px 55px 17px 50px; }
.faq-wrap.list li .sel .btxt { font-size: 17px; }
.faq-wrap.list li .sel .stxt { font-size: 14px; margin-top: 5px; }
.faq-wrap.list li .sel:after { width: 20px; right: 20px; top: 27px; }
.faq-wrap.list li .sel:before { width: 26px; height: 26px; line-height: 26px; font-size: 13px; left: 15px; top: 15px; }
.faq-wrap.list li .txt { padding: 17px 50px; }
.faq-wrap.list li .txt:before { width: 26px; height: 26px; line-height: 26px; font-size: 13px; left: 15px; top: 15px; }
.faq-wrap.list li .txt li { padding-left: 110px; }
.faq-wrap.list li .txt li .btxt { font-size: 14px; }
.faq-wrap.list li .txt li .stxt { font-size: 14px; }
}
 @media only screen and (max-width:680px) {
.faq-wrap.list li .sel { padding: 17px 45px 17px 40px; }
.faq-wrap.list li .sel .btxt { font-size: 15px; }
.faq-wrap.list li .sel .stxt { font-size: 13px; opacity: 0.75 }
.faq-wrap.list li .sel:after { width: 14px; right: 15px; top: 25px; }
.faq-wrap.list li .sel:before { width: 22px; height: 22px; line-height: 22px; font-size: 12px; left: 10px; top: 15px; }
.faq-wrap.list li .txt { padding: 17px 40px; font-size: 14px; line-height: 1.4em;}
.faq-wrap.list li .txt:before { width: 22px; height: 22px; line-height: 22px; font-size: 12px; left: 10px; top: 15px; }
.faq-wrap.list li .txt li { padding-left: 0; }
.faq-wrap.list li .txt li:nth-child(n+2) { margin-top: 10px; }
.faq-wrap.list li .txt li .btxt { font-size: 14px; position: relative; left: auto; top: auto; font-weight: 700; margin-bottom: 3px; }
.faq-wrap.list li .txt li .stxt { font-size: 14px; }
}
 @media only screen and (max-width:480px) {
.faq-wrap.list li .sel { padding: 17px 40px }
.faq-wrap.list li .sel .btxt { font-size: 14px; }
}



/* =====================================
   private
===================================== */

 .private{margin-top:55px;}
 .private .scroll{border:1px solid #d9d9d9; padding:35px; max-height:195px; box-sizing:border-box; overflow-y:auto;}
 .private .scroll p{font-size:15px; font-weight:400; line-height:1.7em; color:#666;word-break: keep-all;}
 .private .agrees{margin-top:25px; text-align:right;}
 .private .tit {font-size:21px;margin-bottom:15px; font-weight:400; color:#000;}

 @media only screen and (max-width:1200px) {
		 .private .scroll{padding:25px;}
		.private .tit {font-size:21px;margin-bottom:15px;}
	}

	@media only screen and (max-width:999px) {
	 .private .tit{font-size:18px;margin-bottom:10px;}
		 .private{margin-top:35px;}
		.private .scroll{padding:20px;}
		.private .scroll p{font-size:14px}
		.private .agrees{margin-top:15px;}

	}

	@media only screen and (max-width:680px) {
.private  .tit{font-size:16px;}
		 .private .scroll{padding:20px 15px;}
		 .private .scroll p{font-size:13px}
	}

/* =====================================
   school-wrap.list
===================================== */
.school-wrap.list{padding-top:30px; }
.school-wrap.list .list{}
.school-wrap.list .list ul{margin:0 -1%}
.school-wrap.list .list ul:after{display:block; content:"";clear:both}
.school-wrap.list .list li{float:left; width:31.111111%; margin:0 1%; position:relative; }
.school-wrap.list .list li:nth-child(n+4){margin-top:2%}
.school-wrap.list .list li a{height:480px; display:block; border-radius:15px; overflow: hidden; border: 1px solid #d0d0d0;}
.school-wrap.list .list li .img{ position:relative;overflow:hidden}
.school-wrap.list .list li .img img{height:260px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}

.school-wrap.list .list li .txt{border-top:none; height:230px; box-sizing:border-box; padding:28px 24px; position:relative;}
/*.school-wrap.list .list li .btxt{font-size:20px; color:#000; line-height:1.5em; font-weight:500;}
.school-wrap.list .list li .stxt{margin-top:15px;font-size:16px; color:#555; line-height:1.5em;}
.school-wrap.list .list li .ctxt{margin-top:20px;font-size:16px; color:#666; line-height:1.3em; padding-left: 30px; background: url(../img/content/ico-calendar.png) no-repeat left 55%; font-family:'Roboto';}*/

.school-wrap.list .list li .txt dd{position:relative; padding-left:90px;}
.school-wrap.list .list li .txt dd:nth-child(n+2){margin-top:9px;}
.school-wrap.list .list li .txt dd .btxt{font-size:16px; font-weight:700; letter-spacing:-0.03em; line-height:1.4em; color:#111; position:Absolute; left:0; top:0;}
.school-wrap.list .list li .txt dd .stxt{font-size:16px; font-weight:400; letter-spacing:-0.03em; line-height:1.4em; color:#666;}

.school-wrap.list .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.school-wrap.list .list li:hover a:before{width:100%;}
.school-wrap.list .list li:hover a:after{width:100%;}
.school-wrap.list .list li a:hover{box-shadow:2px 2px 15px rgba(0, 0, 0, 0.15) ; -webkit-box-shadow:2px 2px 15px rgba(0, 0, 0, 0.15) ;-moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15)  ; }

	@media only screen and (max-width:1200px){
		.school-wrap.list .list li{width:31.33333%}
		.school-wrap.list .list li:nth-child(n+4){margin-top:3%}
		.school-wrap.list .list li a{height:371px;}
		.school-wrap.list .list li .img img{height:200px;}
		.school-wrap.list .list li .txt{ padding:25px 20px}
		
		/*.school-wrap.list .list li .btxt{font-size:17px;}
		.school-wrap.list .list li .stxt{margin-top:15px;font-size:13px;}
		.school-wrap.list .list li .ctxt{margin-top:5px;font-size:13px; }*/
		
		.school-wrap.list .list li .txt dd{padding-left:85px;}
		.school-wrap.list .list li .txt dd:nth-child(n+2){margin-top:7px;}
		.school-wrap.list .list li .txt dd .btxt{font-size:15px;}
		.school-wrap.list .list li .txt dd .stxt{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.school-wrap.list{padding-top:20px;}
		.school-wrap.list .list li{width:48%}
		.school-wrap.list .list li:nth-child(n+3){margin-top:3%}
		.school-wrap.list .list li a{height:auto;}
		.school-wrap.list .list li .img img{object-fit:fill;height:auto}

		/*.school-wrap.list .list li .txt{ padding:20px 15px; height:auto; min-height:125px;}
		.school-wrap.list .list li .btxt{font-size:15px;}
		.school-wrap.list .list li .stxt{margin-top:10px;}*/
		
		.school-wrap.list .list li .txt dd{padding-left:80px;}
		.school-wrap.list .list li .txt dd:nth-child(n+2){margin-top:5px;}
		.school-wrap.list .list li .txt dd .btxt{font-size:14px;}
		.school-wrap.list .list li .txt dd .stxt{font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.school-wrap.list{padding-top:10px;}
		.school-wrap.list .list ul{margin:0}
		.school-wrap.list .list li{width:auto; margin:0; float:none;}
		.school-wrap.list .list li:nth-child(n+2){margin-top:3%}
		.school-wrap.list .list li a{height:auto;}
		.school-wrap.list .list li .img img{object-fit:fill;height:auto}
		.school-wrap.list .list li .txt{ padding:20px 15px; height:auto;min-height:110px;}
		
		.school-wrap.list .list li .txt dd{padding-left:70px;}
		.school-wrap.list .list li .txt dd .btxt{font-size:13px;}
		.school-wrap.list .list li .txt dd .stxt{font-size:13px;}
		
	}
	@media only screen and (max-width:480px){
		.school-wrap.list{padding-top:0;}
		
	}

/* =====================================
   program-wrap.list
===================================== */
.program-wrap.list{padding-top:10px; }
.program-wrap.list .list{}
.program-wrap.list .list ul{margin:0 -1%}
.program-wrap.list .list ul:after{display:block; content:"";clear:both}
.program-wrap.list .list li{float:left; width:31.333333%; margin:0 1%; position:relative;}
.program-wrap.list .list li:nth-child(n+4){margin-top:2%}
.program-wrap.list .list li a{height:400px; display:block;  border-radius: 15px; overflow: hidden; border:1px solid #d0d0d0;}
.program-wrap.list .list li .img{ position:relative;overflow:hidden}
.program-wrap.list .list li .img img{height:200px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}

.program-wrap.list .list li .movie:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block;background:url(../img/Main/movie-play.png) no-repeat center center; display:block; content:""; opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}

.program-wrap.list .list li .txt{ border-top:none; height:211px; box-sizing:border-box; padding:20px 24px; position:relative; }
.program-wrap.list .list li .ztxt span {display: inline-block; vertical-align: top; line-height: 32px;  padding: 0 12px; color: #fff; border-radius: 20px; background: #fe5171; font-size: 14px;}
.program-wrap.list .list li .ztxt .ing {display: inline-block; vertical-align: top; line-height: 32px;  padding: 0 12px; color: #fff; border-radius: 20px; background: #4ca33e; font-size: 14px;}
.program-wrap.list .list li .ztxt .end{display: inline-block; vertical-align: top; line-height: 32px;  padding: 0 12px; color: #555; border-radius: 20px; background: #eee; font-size: 14px;}

.program-wrap.list .list li .btxt{margin-top: 10px; font-size:18px; color:#000; line-height:1.5em; font-weight:500;  letter-spacing:-0.03em;}
.program-wrap.list .list li .stxt{margin-top:10px;font-size:15px; color:#555; line-height:1.5em; padding-left: 30px; letter-spacing:-0.03em; background: url(../img/content/ico-people.png) no-repeat left 55%;}
.program-wrap.list .list li .ctxt{margin-top:7px;font-size:15px; color:#555; line-height:1.3em; padding-left: 30px; letter-spacing:-0.03em; background: url(../img/content/ico-calendar.png) no-repeat left 55%; }


.program-wrap.list .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

/*.program-wrap.list .list li a:before{width:0;height:1px; background:#000;position:absolute; z-index:5; left:0; top:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.program-wrap.list .list li a:after{width:0;height:1px;background:#000; position:absolute; z-index:5;right:0; bottom:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}

.program-wrap.list .list li:before{width:1px;height:0;background:#000; position:absolute; z-index:5;right:0; top:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}
.program-wrap.list .list li:after{width:1px;height:0;background:#000; position:absolute; z-index:5;left:0; bottom:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}*/

.program-wrap.list .list li:hover a:before{width:100%;}
.program-wrap.list .list li:hover a:after{width:100%;}

.program-wrap.list .list li:hover:before{height:100%;}
.program-wrap.list .list li:hover:after{height:100%;}

.program-wrap.list .list li a:hover{box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.15)  ; -webkit-box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.15)  ;-moz-box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.15); }

	@media only screen and (max-width:1200px){
		.program-wrap.list .list li{width:31.33333%}
		.program-wrap.list .list li:nth-child(n+4){margin-top:3%}
		.program-wrap.list .list li a{height:371px;}
		.program-wrap.list .list li .img img{height:200px;}
		.program-wrap.list .list li .txt{ padding:25px 20px}
		.program-wrap.list .list li .btxt{font-size:17px;}
		.program-wrap.list .list li .stxt{margin-top:15px;font-size:13px;}
		.program-wrap.list .list li .ctxt{margin-top:5px;font-size:13px; }
	}
	@media only screen and (max-width:999px){
		.program-wrap.list{padding-top:20px;}
		.program-wrap.list .list li{width:48%}
		.program-wrap.list .list li:nth-child(n+3){margin-top:3%}
		.program-wrap.list .list li a{height:auto;}
		.program-wrap.list .list li .img img{object-fit:fill;height:auto}

		.program-wrap.list .list li .txt{ padding:20px 15px; height:auto; min-height:125px;}
		.program-wrap.list .list li .btxt{font-size:15px;}
		.program-wrap.list .list li .stxt{margin-top:10px;}
	}
	@media only screen and (max-width:680px){
		.program-wrap.list{padding-top:10px;}
		.program-wrap.list .list ul{margin:0}
		.program-wrap.list .list li{width:auto; margin:0; float:none;}
		.program-wrap.list .list li:nth-child(n+2){margin-top:3%}
		.program-wrap.list .list li a{height:auto;}
		.program-wrap.list .list li .img img{object-fit:fill;height:auto}
		.program-wrap.list .list li .txt{ padding:20px 15px; height:auto;min-height:110px;}
		
	}
	@media only screen and (max-width:480px){
		.program-wrap.list{padding-top:0;}
		
	}

	/* ======================================================
   .program-wrap.detail
=========================================================*/
.program-wrap.detail { }
.program-wrap.detail h3 { font-size: 25px; font-weight: 700; color: #1f1f1f; letter-spacing: -0.03em; line-height: 1.2em; margin-bottom: 25px; }
.program-wrap.detail h4 { font-size: 20px; font-weight: 500; color: #1f1f1f; letter-spacing: -0.03em; line-height: 1.2em; margin-bottom: 15px; }
 @media only screen and (max-width:1500px) {
.program-wrap.detail h3 { font-size: 23px; margin-bottom: 20px; }
.program-wrap.detail h3.line { padding-bottom: 14px; margin-bottom: 20px; }
}
 @media only screen and (max-width:1280px) {
}
 @media only screen and (max-width:999px) {
.program-wrap.detail h3 { font-size: 21px; }
}
 @media only screen and (max-width:680px) {
.program-wrap.detail h3 { font-size: 21px; margin-bottom: 15px; }
.program-wrap.detail h3.line { padding-bottom: 12px; margin-bottom: 15px; }
}
 @media only screen and (max-width:480px) {
.program-wrap.detail h3 { font-size: 18px; }
}


.program-wrap.detail .first { padding-left: 60%; position: Relative; min-height: 450px; }
.program-wrap.detail .first .vimg { position: absolute; left: 0; top: 0; width: 55% }
.program-wrap.detail .first .vimg img { width: 100%; }
 @media only screen and (max-width:1500px) {
.program-wrap.detail .first { padding-left: 700px; min-height: 420px; }
.program-wrap.detail .first .vimg { width: 650px }
}
 @media only screen and (max-width:1400px) {
.program-wrap.detail .first { padding-left: 650px; min-height: 380px; }
.program-wrap.detail .first .vimg { width: 600px }
}
 @media only screen and (max-width:1200px) {
.program-wrap.detail .first { padding-left: 600px; min-height: 350px; }
.program-wrap.detail .first .vimg { width: 550px }
}
 @media only screen and (max-width:1100px) {
.program-wrap.detail .first { padding-left: 500px; min-height: 350px; }
.program-wrap.detail .first .vimg { width: 450px }
}
 @media only screen and (max-width:999px) {
.program-wrap.detail .first { padding-left: 0; min-height: auto; }
.program-wrap.detail .first .vimg { width: auto; position: Relative; left: auto; top: auto; }
}
 @media only screen and (max-width:680px) {
}
 @media only screen and (max-width:480px) {
}




.program-wrap.detail .first .txt { margin-top: 25px; }
.program-wrap.detail .first .txt .btxt { font-size: 30px; font-weight: 700; color: #1f1f1f; letter-spacing: -0.03em; line-height: 1.35em; }

.program-wrap.detail .first .vinfo { text-align: left; box-sizing: border-box; margin-top: 40px; padding: 30px 0; border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1 }
.program-wrap.detail .first .vinfo li { position: relative; padding-left: 110px; }
.program-wrap.detail .first .vinfo li:nth-child(n+2) { margin-top: 15px; }
.program-wrap.detail .first .vinfo li .btxt { position: Absolute; left: 15px; top: 0; color: #1f1f1f; line-height: 22px; font-size: 17px; font-weight: 700; }
.program-wrap.detail .first .vinfo li .stxt { font-weight: 400; color: #1f1f1f; line-height: 22px; font-size: 15px; letter-spacing: -0.01em; }
.program-wrap.detail .first .vinfo li .stxt span { display: inline-block; vertical-align: top; border: 1px solid #aaa; font-size: 12px; line-height: 20px; color: #aaa; border-radius: 3px; margin-left: 10px; padding: 0 9px }
.program-wrap.detail .first .vinfo li .stxt span.ing { color: #8d71dd; border-color: #8d71dd }


.program-wrap.detail .fr .vinfo { text-align: left; box-sizing: border-box; margin-top: 40px; padding: 30px 0; border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1 }
.program-wrap.detail .fr .vinfo li { position: relative; padding-left: 110px; }
.program-wrap.detail .fr .vinfo li:nth-child(n+2) { margin-top: 15px; }
.program-wrap.detail .fr .vinfo li .btxt { position: Absolute; left: 15px; top: 0; color: #1f1f1f; line-height: 22px; font-size: 17px; font-weight: 700; }
.program-wrap.detail .fr .vinfo li .stxt { font-weight: 400; color: #1f1f1f; line-height: 22px; font-size: 15px; letter-spacing: -0.01em; }
.program-wrap.detail .fr .vinfo li .stxt span { display: inline-block; vertical-align: top; border: 1px solid #aaa; font-size: 12px; line-height: 20px; color: #aaa; border-radius: 3px; margin-left: 10px; padding: 0 9px }
.program-wrap.detail .fr .vinfo li .stxt span.ing { color: #8d71dd; border-color: #8d71dd }


 @media only screen and (max-width:1500px) {
.program-wrap.detail .first .txt { margin-top: 15px; }
.program-wrap.detail .first .txt .btxt { font-size: 27px; }
.program-wrap.detail .first .vinfo { margin-top: 30px; padding: 20px 0 }
.program-wrap.detail .first .vinfo li:nth-child(n+2) { margin-top: 10px; }
.program-wrap.detail .first .vinfo li .btxt { font-size: 16px; }
.program-wrap.detail .first .vinfo li .stxt { font-size: 14px; }

}
 @media only screen and (max-width:1200px) {
}
 @media only screen and (max-width:999px) {
.program-wrap.detail .first .vcon { margin-top: 30px; }
.program-wrap.detail .first .txt { margin-top: 10px; }
.program-wrap.detail .first .txt .btxt { font-size: 25px; }
.program-wrap.detail .first .vinfo { padding: 15px 0; margin-top: 20px; }
.program-wrap.detail .first .vinfo li { padding-left: 90px; }
.program-wrap.detail .first .vinfo li:nth-child(n+2) { margin-top: 7px; }
.program-wrap.detail .first .vinfo li .btxt { font-size: 15px; }
.program-wrap.detail .first .vinfo li .stxt { font-size: 13px; }
}
 @media only screen and (max-width:680px) {
.program-wrap.detail .first .txt .btxt { font-size: 22px; }
}
 @media only screen and (max-width:480px) {
.program-wrap.detail .first .txt .btxt { font-size: 19px; }
}
.program-wrap.detail .vcont { }
.program-wrap.detail .vcont.line { padding-top: 70px; border-top: 1px solid #1f1f1f; }
.program-wrap.detail .vcont:after { display: block; content: ""; clear: both }
.program-wrap.detail .vcont .fl { float: left; width: 65%; }
.program-wrap.detail .vcont .fr { float: right; width: 30%; }
 @media only screen and (max-width:1500px) {
}
 @media only screen and (max-width:1200px) {
.program-wrap.detail .vcont .fl { float: none; width: auto; }
.program-wrap.detail .vcont .fr { float: none; width: auto; margin-top: 40px; }
}
 @media only screen and (max-width:999px) {
}
 @media only screen and (max-width:680px) {
}
 @media only screen and (max-width:480px) {
}
.program-wrap.detail .fl .vimg { }
.program-wrap.detail .fl .vimg img { width: 100%;   border-radius: 4px;}
.program-wrap.detail .fl .vtxt { background: #e9efff; padding: 30px 40px; border-radius: 5px; margin-top: 30px; }
.program-wrap.detail .fl .vtxt p { font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.03em; }
.program-wrap.detail .fl .vinfo { text-align: left; box-sizing: border-box; margin-top: 30px; }
.program-wrap.detail .fl .vinfo p { font-size: 16px; line-height: 30px; font-weight: 400; }
.program-wrap.detail .fl .vinfo li { position: relative; padding-left: 90px; }
.program-wrap.detail .fl .vinfo li:nth-child(n+2) { margin-top: 10px; }
.program-wrap.detail .fl .vinfo li .btxt { position: Absolute; left: 15px; top: 0; color: #1f1f1f; line-height: 22px; font-size: 17px; font-weight: 700; }
.program-wrap.detail .fl .vinfo li .stxt { font-weight: 400; color: #1f1f1f; line-height: 22px; font-size: 15px; letter-spacing: -0.01em; }
.program-wrap.detail .fl .vinfo li .stxt span { display: inline-block; vertical-align: top; border: 1px solid #aaa; font-size: 12px; line-height: 20px; color: #aaa; border-radius: 3px; margin-left: 10px; padding: 0 9px }
.program-wrap.detail .fl .vinfo li .stxt span.ing { color: #8d71dd; border-color: #8d71dd }
 @media only screen and (max-width:1500px) {
.program-wrap.detail .fl .vtxt { padding: 25px 30px; }
.program-wrap.detail .fl .vtxt p { font-size: 15px; }
.program-wrap.detail .fl .vinfo li { padding-left: 80px; }
.program-wrap.detail .fl .vinfo li .btxt { font-size: 16px; }
.program-wrap.detail .fl .vinfo li .stxt { font-size: 14px; }
}
 @media only screen and (max-width:1200px) {
}
 @media only screen and (max-width:999px) {
.program-wrap.detail .fl .vtxt { padding: 25px 20px; }
.program-wrap.detail .fl .vtxt p { font-size: 14px; }
.program-wrap.detail .fl .vinfo li { padding-left: 70px; }
.program-wrap.detail .fl .vinfo li .btxt { font-size: 15px; }
.program-wrap.detail .fl .vinfo li .stxt { font-size: 13px; }
}
 @media only screen and (max-width:680px) {
.program-wrap.detail .fl .vtxt { padding: 20px 20px; }
.program-wrap.detail .fl .vinfo li .stxt span { display: block; width: 52px; box-sizing: border-box; margin-top: 5px; margin-left: 0; }
}
 @media only screen and (max-width:480px) {
.program-wrap.detail .fl .vtxt p { font-size: 13px; }
}
.program-wrap.detail .fl .tab { position: relative; margin-top: 40px; }
/* .program-wrap.detail .fl .tab-slide{overflow:visible !important;} */
.program-wrap.detail .fl .tab:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d1d1d1; display: block; content: ""; z-index: -1; }
.program-wrap.detail .fl .tab ul:after { display: block; content: ""; clear: both }
.program-wrap.detail .fl .tab li { float: left; margin-left: 25px }
.program-wrap.detail .fl .tab li:nth-child(1) { margin-left: 0 }
.program-wrap.detail .fl .tab li a { line-height: 50px; font-size: 20px; display: block; padding: 0 25px; position: relative; color: #555; }
.program-wrap.detail .fl .tab li a:after { width: 100%; height: 0; background: #4172f8; position: absolute; left: 0; bottom: 0; display: block; content: ""; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.program-wrap.detail .fl .tab li.active a { font-weight: 700; color: #1f1f1f; }
.program-wrap.detail .fl .tab li.active a:after { height: 3px; }
.program-wrap.detail .fl .person { }
.program-wrap.detail .fl .person ul { }
.program-wrap.detail .fl .person li { position: relative; padding-left: 172px; }
.program-wrap.detail .fl .person li:nth-child(n+2) { margin-top: 20px; }
.program-wrap.detail .fl .person li .btxt { font-size: 16px; font-weight: 500; color: #1f1f1f; position: absolute; left: 0; top: 0; line-height: 50px; }
.program-wrap.detail .fl .person li .field.phone { margin: 0 -1% }
.program-wrap.detail .fl .person li .field.phone .chk-select { width: 31.333333%; margin: 0 1% }
.program-wrap.detail .fl .person li .field.phone .chk-input { width: 31.333333%; margin: 0 1% }
.program-wrap.detail .fl .person li .field.choice { padding-top: 14px; }
 @media only screen and (max-width:1500px) {
.program-wrap.detail .fl .tab li { margin-left: 20px }
.program-wrap.detail .fl .tab li a { padding: 0 20px; }
}
 @media only screen and (max-width:1200px) {
.program-wrap.detail .fl .person li { padding-left: 150px; }
}
 @media only screen and (max-width:999px) {
.program-wrap.detail .fl .tab { margin-top: 30px; }
.program-wrap.detail .fl .tab li { margin-left: 15px }
.program-wrap.detail .fl .tab li a { padding: 0 15px; line-height: 45px; }
.program-wrap.detail .fl .person li { padding-left: 120px; }
.program-wrap.detail .fl .person li .btxt { font-size: 15px; line-height: 45px; }
.program-wrap.detail .fl .person li .field.choice { padding-top: 12px; }
}
 @media only screen and (max-width:680px) {
.program-wrap.detail .fl .tab li { margin-left: 10px }
.program-wrap.detail .fl .tab li a { padding: 0 10px; line-height: 40px; font-size: 14px; }
.program-wrap.detail .fl .person li { padding-left: 100px; }
.program-wrap.detail .fl .person li:nth-child(n+2) { margin-top: 15px; }
}
 @media only screen and (max-width:480px) {
.program-wrap.detail .fl .tab li a { padding: 0 5px; }
.program-wrap.detail .fl .person li { padding-left: 85px; }
.program-wrap.detail .fl .person li .btxt { font-size: 14px; line-height: 40px; }
.program-wrap.detail .fl .person li .field.choice { padding-top: 10px; }
}
.program-wrap.detail .fr { }
.program-wrap.detail .fr .line { height: 0; border-bottom: 1px solid #e1e1e1; margin: 15px 0; }

.program-wrap.detail .fr .txt { margin-top: 10px; margin-bottom: 40px; }
.program-wrap.detail .fr .txt .btxt { font-size: 30px; font-weight: 700; color: #1f1f1f; letter-spacing: -0.03em; line-height: 1.35em; }
.program-wrap.detail .fr .txt .stxt { margin-top: 25px; position: relative; padding-left: 45px; font-size: 16px; color: #777; font-weight: 400; line-height: 30px; }
.program-wrap.detail .fr .txt .stxt img { position: absolute; left: 0; top: 0; width: 30px; height: 30px; }


 @media only screen and (max-width:1500px) {
.program-wrap.detail .fr .txt { margin-top: 20px; }
.program-wrap.detail .fr .txt .btxt { font-size: 27px }
.program-wrap.detail .fr .txt .stxt { margin-top: 20px; line-height: 25px; font-size: 15px; padding-left: 35px; }
.program-wrap.detail .fr .txt .stxt img { width: 25px; height: 25px; }
}
 @media only screen and (max-width:1200px) {
.program-wrap.detail .fr .txt .btxt { font-size: 24px }

}
 @media only screen and (max-width:999px) {
.program-wrap.detail .fr .txt { margin-top: 15px; margin-bottom: 30px; }
.program-wrap.detail .fr .txt .btxt { font-size: 22px }
.program-wrap.detail .fr .txt .stxt { margin-top: 15px; font-size: 14px; }
}
 @media only screen and (max-width:680px) {
.program-wrap.detail .fr .txt .btxt { font-size: 20px }

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



.program-wrap.detail .fr .agrees { margin-top: 14px; }
.program-wrap.detail .fr .agrees ul { padding: px 0; }
.program-wrap.detail .fr .agrees li { position: relative; }
.program-wrap.detail .fr .agrees li:nth-child(n+2) { margin-top: 15px; }
.program-wrap.detail .fr .agrees li .chk-check { display: block; }
.program-wrap.detail .fr .agrees li .chk-check label { font-size: 13px; color: #1f1f1f; }
.program-wrap.detail .fr .agrees li .view-btn { position: Absolute; right: 0; top: 0; display: inline-block; vertical-align: top; border: 1px solid #d1d1d1; font-size: 11px; line-height: 22px; color: #aaa; border-radius: 3px; padding: 0 10px }
.program-wrap.detail .fr .agrees li .view-btn:hover { background: #1f1f1f; border-color: #1f1f1f; color: #fff; }

.program-wrap.detail .fr .btns { margin-top: 30px; }
.program-wrap.detail .fr .btns a { border-radius: 5px; line-height: 60px; display: block; text-align: center; letter-spacing: -0.02em; font-size: 18px; }
.program-wrap.detail .fr .btns a:nth-child(n+2) { margin-top: 15px; }
.program-wrap.detail .fr .btns .enter-btn { background: #4172f8; color: #fff; border: 1px solid #4172f8; }
.program-wrap.detail .fr .btns .enter-btn:hover { background: #fff; color: #4172f8; border: 1px solid #4172f8; }
.program-wrap.detail .fr .btns .end-btn { background: #f1f1f1; color: #aaa; }
.program-wrap.detail .fr .btns .payment-btn { background: #4172f8; color: #fff; border: 1px solid #4172f8; }
.program-wrap.detail .fr .btns .payment-btn:hover { background: #fff; color: #4172f8; border: 1px solid #4172f8; }
.program-wrap.detail .areas p { font-size: 15px; font-weight: 300; color: #1f1f1f; letter-spacing: -0.03em; line-height: 1.3em; position: relative; }

 @media only screen and (max-width:1500px) {
.program-wrap.detail .fr .btns a { line-height: 55px; font-size: 16px; }
}
 @media only screen and (max-width:1200px) {
}
 @media only screen and (max-width:999px) {
.program-wrap.detail .areas p { font-size: 14px; }

.program-wrap.detail .fr .btns a { line-height: 50px; font-size: 16px; }
}
 @media only screen and (max-width:680px) {
}
 @media only screen and (max-width:480px) {
.program-wrap.detail .areas p { font-size: 13px; }

}



/*=======================================================
  tbl-type01
=========================================================*/
.tbl-type01 {table-layout:fixed;font-family:'Roboto','Spoqa Han Sans', "Apple SD Gothic Neo", "Malgun Gothic",}
.tbl-type01 thead th{text-align:center; border-top:1px solid #000;border-bottom:1px solid #000;padding:22px 0;text-align:center;line-height:1.2em; font-size:16px; color:#000;}
.tbl-type01 tbody td{text-align:center; border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:20px 15px; font-size:16px; color:#666; line-height:1.4em;}
.tbl-type01 tbody tr td:first-child{border-left:0;}
.tbl-type01 tbody tr.bgf7{background:#f7f7f7}
.tbl-type01 th.line, .tbl-type01 td.line {border-right:1px solid #d5d5d5;} 
	@media only screen and (max-width:1200px) {
		.tbl-type01 thead th{font-size:15px; padding:17px 0}
		.tbl-type01 tbody td{font-size:15px; padding:17px 0;}
	}
	@media only screen and (max-width:999px) {
		.tbl-type01 thead th{font-size:14px; padding:12px 0}
		.tbl-type01 tbody td{font-size:14px; padding:12px 0;}
	}
	@media only screen and (max-width:680px) {
		.tbl-type01 thead th{font-size:13px;}
		.tbl-type01 tbody td{font-size:13px;}
	}
	@media only screen and (max-width:480px) {
		.tbl-type01 thead th{font-size:13px;padding:9px 0 10px 0px;}
		.tbl-type01 tbody td{font-size:13px;padding:9px 0 10px 0px;}
	}
	@media only screen and (max-width:400px) {
		.tbl-type01 thead th{font-size:13px;}
		.tbl-type01 tbody td{font-size:13px;}
	}


/*=======================================================
  tbl-type02
=========================================================*/
.tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #333333;}
.tbl-type02 th, .tbl-type02 td {border:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:0;padding:25px 5px;word-wrap:break-word; line-height:1.6em;  font-size:16px; }
.tbl-type02 th {background:#fafafa;color:#333;}
.tbl-type02 td {background:#fff;}
.tbl-type02 th:first-child, .tbl-type02 td:first-child {border-left:0;}
.tbl-type02 thead th {padding:14px 5px;} 
.tbl-type02 thead th.vline {border-bottom:1px solid #ccd3db;}
.tbl-type02 th.line, .tbl-type02 td.line {border-right:1px solid #d5d5d5;}
.tbl-type02 th.l, .tbl-type02 td.l, .tbl-type02 td.left {padding-left:15px;}
.tbl-type02 th.r, .tbl-type02 td.r, .tbl-type02 td.right {padding-right:15px;}
.tbl-type02 tr.bg th, .tbl-type02 tr.bg td  {background:#f0f0f0;font-weight:bold;}


@media only screen and (max-width:680px) {
		.tbl-type02 th, .tbl-type02 td {padding:15px 5px; line-height:1.4em;  font-size:14px; }
	}