@charset "utf-8";


/*=======================================================
  paging-wrap
=========================================================*/
.paging-wrap{margin-top:50px;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;background-size:100% auto !important}
.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:30px; 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: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:30px;}
.board-filter .chk-select{width:100px;}
.board-filter .chk-select select{height:40px; padding-left:10px;}

.board-filter .chk-input{width:350px; margin-left:4px;}
.board-filter .chk-input input{height:40px;  padding:0 50px 0 10px; font-size:15px;}
.board-filter .search-btn{position:absolute; right:0; top:50%;margin-top:-20px; width:40px;height:40px; color:#fff;background:url(../_Img/sub/filter-search.svg) no-repeat center center; border:none;}
	@media only screen and (max-width:999px){
		.board-filter{margin-top:30px;}
		.board-filter .chk-select select{height:40px;}
		.board-filter .chk-input input{height:40px; font-size:15px; padding:0 50px 0 10px;}
	}
	@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.list
===================================== */
.board-wrap.list{}
.board-wrap.list table{table-layout:fixed;border-top:2px solid #000}
.board-wrap.list table thead th{text-align:center; border-bottom:1px solid #ddd; font-size:18px; color:#333; font-weight:400;padding:15px 5px; line-height:1.2em;background:#fafafa;}
.board-wrap.list table tbody td{text-align:center; border-bottom:1px solid #ddd; font-size:17px; color:#666; font-weight:500;padding:15px 5px; line-height:1.2em;}
.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 td.l{text-align:left;}
.board-wrap.list table tbody td.l a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#111 }
.board-wrap.list table tbody td.l a:hover{color:#111;text-decoration:underline}
.board-wrap.list table tbody td.b{text-align:left; font-size:18px; color:#111; font-weight:500;padding:10px 5px; line-height:1.2em;}
.board-wrap.list table tbody td.b a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#111 }
.board-wrap.list table tbody td.b a:hover{color:#111;text-decoration:underline}
.board-wrap.list table tbody td.d{text-align:center; border-bottom:1px solid #ddd; font-size:16px; color:#333; font-weight:300;padding:15px 5px; line-height:1.2em;}

	@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:40px;height:17px; border:1px solid #000; text-align:center;font-size:12px; color:#000; display:block; line-height:18px; 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(2){margin-bottom:5px;  width:100%; font-size:16px ;font-weight:500;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(2) a{color:#111;}
		.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:100px; position:relative;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(4):before{width:1px; height:12px;border-left:1px solid #aaa; position:absolute ;display:block; content:"";top:3px; 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:""}


		.board-wrap.list .list.stress table{}
		.board-wrap.list .list.stress table colgroup{display:none;}
		.board-wrap.list .list.stress table thead{display:none}
		.board-wrap.list .list.stress table tbody{display:block;}
		.board-wrap.list .list.stress table tbody tr{display:block;border-bottom:1px solid #ddd; padding:15px 10px; position:relative;}
		.board-wrap.list .list.stress table tbody tr:after{display:block; content:"";clear:both;}
		.board-wrap.list .list.stress table tbody td{float:left; width:100%; border:none; padding:0; font-size:14px;text-align:left;}
		.board-wrap.list .list.stress table tbody tr td:nth-child(1){display:none;}
		.board-wrap.list .list.stress table tbody tr td:nth-child(2){margin-bottom:5px; width:100%; font-size:16px ;font-weight:500; }
		.board-wrap.list .list.stress table tbody tr td:nth-child(2) a{color:#111;}
		.board-wrap.list .list.stress table tbody tr td:nth-child(3){display:block; width:auto;  font-size:13px;}
		.board-wrap.list .list.stress table tbody tr td:nth-child(4){display:block; width:auto; margin-left:20px;font-size:13px; position:Relative;}
		.board-wrap.list .list.stress table tbody tr td:nth-child(4):before{width:1px; height:12px;border-left:1px solid #aaa; position:absolute ;display:block; content:"";top:3px; left:-10px;}
	}
	@media only screen and (max-width:680px){
		.board-wrap.list .list.notice table tbody tr td:nth-child(4){font-size:13px; padding-left:90px;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(4):before{left:82px; top:2px;}
		.board-wrap.list .list.notice table tbody tr td:nth-child(5){font-size:13px;}

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


/* =====================================
   board-wrap common
===================================== */
.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.detail
===================================== */
.board-wrap.detail .detail{border-bottom:1px solid #ddd}

.board-wrap.detail .periods{border-top:1px solid #000;}
.board-wrap.detail .periods .ov{padding:25px 225px 25px 45px; position:relative;}
.board-wrap.detail .periods h3{font-size:20px; color:#000; line-height:1.3em; font-weight:400;}
.board-wrap.detail .periods .date{position:absolute; right:45px; top:25px; font-size:16px; color:#000; line-height:1.5em;font-weight:400}
.board-wrap.detail .periods ul{border-top:1px solid #ddd;font-size:0;text-align:right; padding:25px 45px; position:relative;}
.board-wrap.detail .periods ul:after{display:block; content:"";clear:both;}
.board-wrap.detail .periods li{position:relative;display:inline-block;vertical-align:top;font-size:15px; color:#777; line-height:1.5em;}
.board-wrap.detail .periods li:first-child{position:absolute; left:45px; top:25px;}
.board-wrap.detail .periods li:nth-child(n+3){margin-left:24px;}
.board-wrap.detail .periods li:nth-child(n+3):before{width:1px;height:14px; top:50%;margin-top:-6px; background:#ddd; position:absolute; left:-13px; display:block; content:""}
	@media only screen and (max-width:1200px){
		.board-wrap.detail .periods .ov{padding:25px 225px 25px 40px}
		.board-wrap.detail .periods h3{font-size:18px;} 
		.board-wrap.detail .periods .date{font-size:15px;}
		.board-wrap.detail .periods ul{padding:25px 40px;}
		.board-wrap.detail .periods li{font-size:14px;}
		.board-wrap.detail .periods li:first-child{left:40px;}
	}
	@media only screen and (max-width:999px){
		.board-wrap.detail .periods .ov{padding:25px 30px 15px 30px}
		.board-wrap.detail .periods h3{font-size:17px;}
		.board-wrap.detail .periods .date{font-size:14px; color:#777; position:relative; right:auto; top:auto; margin-top:5px;}
		.board-wrap.detail .periods ul{ border-top:0;padding:20px 30px; padding-top:0;text-align:left;}
		.board-wrap.detail .periods li{font-size:13px;}
		.board-wrap.detail .periods li:first-child{float:left;left:auto; position:relative; top:auto; display:block;;}
		.board-wrap.detail .periods li:nth-child(n+2){margin-left:20px;}
		.board-wrap.detail .periods li:nth-child(n+2):before{width:1px;height:11px; top:50%;margin-top:-4px; background:#ddd; position:absolute; left:-7px; display:none; content:""}
	}
	@media only screen and (max-width:680px){
		.board-wrap.detail .periods .ov{padding:20px 20px 10px 20px}
		.board-wrap.detail .periods ul{padding:15px 20px; padding-top:0;}
	}
	@media only screen and (max-width:480px){
		.board-wrap.detail .periods .ov{padding:20px 15px 10px 15px}
		.board-wrap.detail .periods ul{padding:15px 15px; padding-top:0;}
		.board-wrap.detail .periods li{}
	}

.board-wrap.detail .tits{margin-top: 54px; border-top:2px solid #000;padding:30px 35px; background:#fafafa;}
.board-wrap.detail .tits h3{font-size:22px; color:#000; line-height:1.3em; font-weight:600;}
.board-wrap.detail .tits ul{margin-top:15px}
.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:50px;font-size:18px; color:#666; line-height:1.5em;}
	@media only screen and (max-width:1200px){
		.board-wrap.detail .tits{padding:30px}
		.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:35px 30px; 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 .tits li{font-size:12px;}
		.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;background:url(../_Img/sub/mpage-prev.jpg) no-repeat 21px center;}
.board-wrap.detail .others li:nth-child(2) .btxt{background:url(../_Img/sub/mpage-next.jpg) no-repeat 21px center;}
.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-position:15px center !important }
		
		.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:2px solid #000;}
.board-wrap.write .write li{padding:10px 10px 10px 205px; position:relative;border-bottom:1px solid #ddd; min-height:50px;}
.board-wrap.write .write li .btxt{font-size:16px; color:#000;line-height:50px; position:absolute;left:0 ;top:10px; padding-left:30px;}
.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.w250{width:250px}

.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 .write li .chk-input.w250{width:100%}

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

	

/* =====================================
   gallery-wrap.list
===================================== */
.gallery-wrap.list{}
.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:23%; margin:0 1%; position:relative;}
/* .gallery-wrap.list .list li:nth-child(n+4){margin-top:2%} */
.gallery-wrap.list .list li a{height:350px; display:block}
.gallery-wrap.list .list li .img{overflow:hidden}
.gallery-wrap.list .list li .img img{height:220px; 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 .txt{border:1px solid #d0d0d0; border-top:none; height:120px; box-sizing:border-box; padding:20px 24px; position:relative;}
.gallery-wrap.list .list li .btxt{font-size:18px; color:#000; line-height:1.3em;}
.gallery-wrap.list .list li .stxt{margin-top:17px;font-size:14px; color:#666; line-height:1.3em;}
.gallery-wrap.list .list li .ctxt{margin-top:5px;font-size:13px; color:#aaa; line-height:1.3em;}

.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:before{width:0;height:1px; background:#000;position:absolute; z-index:5; left:0; top:0; display:none; 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:none; 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:none; 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:none; 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:20px 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:12px; }
	}
	@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;}
		
	}
	
	
	/* agree */
#member_join01 form { }
	.sec_member .tit { padding:0 0 10px 0; color:#000; border-bottom:1px solid #aaa;}
	.sec_member .inner { display:inline-block; width:100%; vertical-align:top; }	
	.sec_member .box { background:#f4f4f4; padding:5%;}	
	.sec_member .box .cont {height:270px;padding:25px; }
	
	.sec_member .inner .box {  background:#f4f4f4; padding:3%;}
	.sec_member .inner .box .cont {height:200px; overflow:auto; padding:15px 15px 15px 2px; margin-bottom:10px; line-height:1.4; background:#f4f4f4; color:#6e6e6e;}
	.sec_member .inner .box .cont p { padding:3px 0;}
	.sec_member .inner p.agree {padding:20px 0 10px; text-align:left;}	
		
	.agree input { vertical-align:middle;}	
	.agree_all { padding:10px; text-align:left;}
	

/*=======================================================
  btns
=========================================================*/
.bb-btn, .bw-btn{min-width:100px;box-sizing:border-box; height:50px;border:1px solid #555; line-height:48px; margin:0 3px;font-size:16px; text-align:center; display:inline-block;vertical-align:top;}
.bb-btn {background:#2ba6e1; color:#fff;border:1px solid #2ba6e1;}
.bb-btn01 {position: relative; width: 100px; }
.bb-btn:hover {background:#111; border:1px solid #111}
.bw-btn {background:#fff; color:#666;}
.btn_ok {background: #2ba6e1; color: #fff; border: 1px solid #2ba6e1; min-width: 158px; box-sizing: border-box; height: 50px; line-height: 48px; margin: 0 3px; font-size: 16px; text-align: center; display: inline-block; vertical-align: top; margin-top: 30px;}
.btn_ok:hover{background:#111; border-color:#444}
.bw-btn:hover{background:#f0f0f0; border-color:#444}
.btn_list {min-width:100px;box-sizing:border-box; height:50px;border:1px solid #555; line-height:48px; margin:0 3px;font-size:16px; text-align:center; display:inline-block;vertical-align:top;background:#2ba6e1; color:#fff;border:1px solid #2ba6e1;}
	@media only screen and (max-width:1200px){
		.bb-btn, .bw-btn{min-width:100px}
		
	}
	@media only screen and (max-width:999px){
		.bb-btn, .bw-btn{min-width:100px; height:45px; line-height:43px; font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.bb-btn, .bw-btn{min-width:80px; height:40px; line-height:38px; font-size:14px;}		
	}
	@media only screen and (max-width:480px){
		
	}
	
	
.pagenum {padding:10px 5px 30px 5px; text-align:center;}
.pagenum a:link, .pagenum a:visited, .pagenum a:active, .pagenum a:focus {width:34px; height:33px; margin:1px; line-height:30px; display:inline-block; font-weight:bold; white-space:nowrap; border:1px solid #d6d6d6; cursor:pointer;}
.pagenum a.on{width:34px; height:33px; line-height:30px; display:inline-block; border:1px solid #34a1d6; background:#34a1d6; color:#fff; font-size:1em; text-align:center;}
.pagenum a:hover { text-decoration:none; color: #FFFFFF; border:1px solid #218fc5; background:#218fc5;}
.pagenum .prev { padding-left:20px; padding-right:10px; background:url('../_Img/sub/arrow.gif') no-repeat left 0;}
.pagenum .next { padding-left:9px; padding-right:21px; background:url('../_Img/sub/arrow.gif') no-repeat right -23px;}