@charset "utf-8";

.bo-wrap {width:100%; height:auto; max-width:1280px; padding-top:14.25rem; margin:0 auto 5em;}
.bo-view-wrap {width:100%; height:auto; padding-top:14.25rem;}
.bo-lst-wrap {width:100%; height:auto; padding-top:8rem;}
.bo-wrap .num {}
.bo-wrap .num mark {font-weight:500; color:var(--main-color);}

.bo-lst-wrap p.max_no_data {width: 100%; padding:2rem 0;  text-align: center; font-size:1rem; color:#666;}

.card-lst-type {display:block; width:100%; height:21.25rem; padding:3.5rem; border:1px solid #d7d7d7; background-color:#fff;}
.card-lst-type h4 {font-size:1.5rem; line-height:1.2; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.card-lst-type span {display:block;}
.card-lst-type .cont {color:#797979; font-size:1.063rem; margin-top:2rem; line-height:1.3; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.card-lst-type .date {position:absolute; bottom:2rem; left:3.5rem; font-weight:600; font-size:14px; letter-spacing:0;}
.card-lst-type:hover {border-color:var(--main-color);}

.gall-lst-type {display:block; width:100%; height:auto;}
.gall-lst-type span {display:block;}
.gall-lst-type .photo {width:100%;display: inline-block; height:auto;  max-height:21.563rem;/* padding-bottom:56.2%; */background-repeat:no-repeat; background-position:center; background-size:cover; font-size:0; overflow:hidden;}
.gall-lst-type .photo img {max-width:100%;}
.gall-lst-type .tt-box {padding:2rem; padding-right:0; display:flex; align-items:center;}
.gall-lst-type .tt-box h4 {width:calc(100% - 6rem); padding-right:2rem; font-size:1.5rem; line-height:1.2; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; position:relative;}
.gall-lst-type .tt-box h4:after {content:''; display:block; width:1px; height:100%; background-color:#d7d7d7; position:absolute; top:0; right:0;}
.gall-lst-type .tt-box .type {display:block; width:6rem; font-weight:700; font-size:14px; color:#ccc; text-transform:uppercase; text-align:center; letter-spacing:0;}

.bo-sch {float:right; width:23rem; height:3rem; font-size:1rem;}
.bo-sch fieldset {display:flex; justify-content:space-between;}
.bo-sch .sel-box, .bo-sch .sel-ipt {border-bottom:1px solid; position:relative;}
.bo-sch .sel-box {width:6rem;}
.bo-sch .sel-box p a {display:block; padding:1rem 0;}
.bo-sch .sel-box p a .i-arrow {position:absolute; top:50%; right:0; font-size:0; transform:translateY(-50%);}
.bo-sch .sel-box select {display: inline-block;width: 100%; height: 100%;}
.bo-sch .sel-ipt {width:16rem;}
.bo-sch .sel-ipt input {padding:.85rem 0; outline:none;}
.bo-sch .sel-ipt button {position:absolute; top:50%; right:0; font-size:0; transform:translateY(-50%);}

.bo-basic {width:100%; height:auto; margin-top:2rem;}
.bo-basic ul {width:100%; height:auto; display:flex; flex-wrap:wrap; margin-top:2rem;}
.bo-basic ul li {width:31.25%; margin-bottom:3.1%; position:relative;}
.bo-basic ul li .chk-current {position:absolute; top:2px; left:0; font-size:0;}
.bo-basic ul li .bt-modify {display:inline-block; width:auto; height:auto; border:0; position:absolute; bottom:0; right:0; background-color:#181818; color:#fff !important; padding:.75rem; font-size:14px;}
.bo-basic ul li .bt-modify:hover {background-color:var(--main-color);}
.bo-basic ul li:nth-child(3n+2) {margin-right:3.1%; margin-left:3.1%;}


.bo-gallery {width:100%; height:auto; margin-top:2rem;}
.bo-gallery ul {width:100%; height:auto; display:flex; flex-wrap:wrap; margin-top:2rem;}
.bo-gallery ul li {width:48%; margin-bottom:4%; position:relative;}
.bo-gallery ul li:nth-child(2n+2) {margin-left:4%;}
.bo-gallery ul li .chk-current {position:absolute; top:-3px; left:0; z-index:1;}

.bo-view {width:100%; height:auto; margin-top:4.5rem;}
.bo-view .view-info {width:100%; height:auto; max-width:1280px; margin:0 auto; text-align:center; border-bottom:1px solid #d7d7d7;    }
.bo-view .view-info .cate {font-weight:700; font-size:1.5rem;padding-top: 3rem;display: block;}
.bo-view .view-info h3 {padding-top:3rem; font-size:2.25rem; font-family:'SHSN'; letter-spacing:-0.06em; line-height:1.3;}
.bo-view .view-info .date {display:block; padding:4rem 0; font-weight:600; font-size:1rem; color:#797979; letter-spacing:0;}
.bo-view .view-info .news_company {display: inline-block; margin-top:1rem;font-size: 1.2rem; color:#d50855;}

.bo-view .view-inner {width:100%; height:auto; max-width:1024px; margin:2rem auto 0;}
.bo-view .view-inner h4 {font-weight:500;}
.bo-view .view-inner.view-contents {margin-top:4rem;}
.bo-view .view-inner.view-contents iframe {width: 100%; height:500px;}
.bo-view .view-inner.view-contents img {max-width:100%;}

.bo-view .view-link-file {}
.bo-view .view-link-file ul {width:100%; height:auto; font-size:1rem; margin-top:1rem;}
.bo-view .view-link-file ul li {margin-top:.5rem;}
.bo-view .view-link-file ul li a {display:block; width:100%; height:auto; padding:.5rem; border:1px solid #eee; color:#797979; border-radius:.5rem; letter-spacing:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bo-view .view-link-file ul li a svg {vertical-align:middle; margin-right:.5rem;}

.bo-btn {width:100%; height:auto; margin-top:8rem;}
.bo-btn .bt-list {display:block; width:12.5rem; height:3.5rem; padding:1.2rem 1.6rem; margin:0 auto; border:1px solid; border-radius:1.25rem; position:relative; font-weight:700; font-size:.938rem; background-color:#fff;}
.bo-btn .bt-list .i-menu {position:absolute; top:.85rem; right:1.6rem;}

.view-lst {width:100%; height:auto; padding:8rem 0; margin-top:-1.75rem; background-color:#f4f4f4; overflow:hidden;}
.view-lst .view-lst-slider {width:100%; height:auto; max-width:1280px; margin:0 auto; overflow:hidden;}
.view-lst .view-lst-slider > h4 {font-weight:500; font-size:1.5rem;}
.view-lst .view-lst-slider ul {width:100%; height:auto; margin-top:1.5rem;}
.view-lst .view-lst-slider ul li {}
.view-lst .view-lst-slider ul li .max_ckit {position: absolute;}
.view-lst .view-lst-slider .gall-lst-type {height:auto; border:1px solid #d7d7d7; background-color:#fff;}
.view-lst .view-lst-slider .gall-lst-type .tt-box h4 {font-size:1.25rem;}

.view-lst .roll-bo-page {position:static; width:100%; height:auto; text-align:center; margin-top:2rem;}
.view-lst .roll-bo-page .swiper-pagination-bullet {display:inline-block; vertical-align:middle; }
.view-lst .roll-bo-page .swiper-pagination-bullet:before {content:''; display:block; width:4px; height:4px; border-radius:100%; margin-left:1.25rem; background-color:#000; opacity:.5;}
.view-lst .roll-bo-page .swiper-pagination-bullet-active {}
.view-lst .roll-bo-page .swiper-pagination-bullet-active:before {content:''; display:block; width:0; height:0; border-radius:0; border:12px transparent solid; border-top-width:0; border-bottom-color:var(--main-color); transform:rotateY(45deg); background-color:transparent; opacity:1;}

.bo-wirte {width:100%; height:auto; margin-top:2rem; border-top:1px solid #000; font-size:1rem;}
.bo-wirte li {width:100%; height:auto; padding:1rem 0;}
.bo-wirte li label {display:block; font-weight:500;}
.bo-wirte li input[type=text], .bo-wirte li input[type=url], .bo-wirte li input[type=file] {width:100%; padding:1rem 0; outline:none;}
.bo-wirte li input[type=text], .bo-wirte li input[type=url] {border-bottom:1px solid #d7d7d7;}
.bo-wirte li input[type=text]:focus, .bo-wirte li input[type=url]:focus {border-bottom:1px solid var(--main-color);}
.bo-wirte li textarea {width:100%; height:18rem; padding:1rem; border:1px solid #d7d7d7; outline:none;}
.bo-wirte li textarea:focus {border:1px solid var(--main-color);}
.bo-wirte li .adm-chk {display:inline-block; margin-top:1rem;margin-right:1rem; }
.bo-wirte li .adm-chk label {display:inline-block;    margin-left: 0.3rem;}


@media screen and (max-width: 1366px) {
	.bo-wrap {max-width:100%; padding:14.25rem 2rem 0;}
	.bo-view-wrap, .view-lst .view-lst-slider {max-width:100%;}
	.bo-view, .view-lst .view-lst-slider {padding:0 2rem;}
	.bo-basic ul li .chk-current, .bo-gallery ul li .chk-current {top:0;}
}
@media screen and (max-width: 1194px) {
	.card-lst-type {padding:2.5rem;}
	.card-lst-type .date {left:2.5rem;}
	.gall-lst-type .tt-box {padding:2rem 0;}

	.view-lst .view-lst-slider .gall-lst-type .tt-box {display:block; padding:2rem;}
	.view-lst .view-lst-slider .gall-lst-type .tt-box h4 {width:100%; padding-right:0;}
	.view-lst .view-lst-slider .gall-lst-type .tt-box h4:after {width:100%; height:1px; margin:1rem 0; position:static;}
	.view-lst .view-lst-slider .gall-lst-type .tt-box .type {width:100%; text-align:left;}
}
@media screen and (max-width: 926px) {
	.bo-wrap {padding:10.25rem 1.25rem 0;}

	.gall-lst-type .tt-box {display:block;}
	.gall-lst-type .tt-box h4 {width:100%; padding-right:0;}
	.gall-lst-type .tt-box h4:after {width:100%; height:1px; margin:1rem 0; position:static;}
	.gall-lst-type .tt-box .type {width:100%; text-align:left;}

	.bo-basic ul li {width:48%; margin-bottom:4%;}
	.bo-basic ul li:nth-child(3n+2) {margin-right:0; margin-left:0;}
	.bo-basic ul li:nth-child(2n+2) {margin-left:4%;}
	.bo-basic ul li .chk-current, .bo-gallery ul li .chk-current, .bo-basic ul li .bt-modify {display:none;}
}
@media screen and (max-width: 568px) {
	.bo-lst-wrap {padding-top:4rem;}
	.bo-sch {float:none; margin:0 auto;}
	.bo-basic ul li, .bo-gallery ul li {width:100%; margin-bottom:2rem;}
	.bo-basic ul li:nth-child(2n+2), .bo-gallery ul li:nth-child(2n+2) {margin-left:0;}
	
	.card-lst-type, .gall-lst-type {height:auto;}
	.card-lst-type .date {position:static; margin-top:2rem;}

	.bo-view .view-info h3 {padding-top:1rem; font-size:1.6rem;}
	.bo-view .view-info .date {padding:2.4rem 0;}
}