@charset "utf-8";

/* main slider */
.slider { max-height:100%; position:relative;}
.slider .main-slider {
	position:relative;
	width:100%;
}

.slider .main-slider .slider-img {
	background:url('../img/img_slider_bg.png') 0px 0px no-repeat;
	background-size:cover;
	background-attachment:fixed;
	max-width:100%;
	height:500px;
}

.slider .main-slider .slider-txt {
	position:absolute;
	top:30%;
	width:100%;
}
.slider-txt .slider-txt-box {
	position:relative;
	width:100%;
	max-width:1520px;
	margin:0 auto;
	color:#fff;
	text-align:left;
}

.slider-txt-box p {position:relative; font-size:3rem; font-weight:600; text-shadow: 0px 0px 4px #000; }
.slider-txt-box p span {text-shadow: 0 0 2px #000;}
.slider-txt-box h1 {position:relative; font-size:4.6rem; font-weight:600; text-shadow:0px 0px 4px #000; margin-bottom:10px; }
.slider-txt-box h1 span.img-linc {display:inline-block; width:115px; height:40px; background:url('../img/img_linc.png') 0 0 no-repeat;}
/*
.slider-txt-box a {margin-top:20px; position:relative; color:#fff; font-weight:400; display:inline-block; height:50px; line-height:50px; padding:0 20px; border:1px solid #fff; border-bottom:0;}
.slider-txt-box a span {position:absolute; left:50px; bottom:0; background:url('../img/img_arrow2_w.png') no-repeat; width:40px; height:5px; vertical-align:middle; margin-top:-5px; transition:all .5s;}
.slider-txt-box a:after {content:""; position:absolute; left:0; bottom:0; width:50px; height:1px; background-color:#fff; transition:all .5s; }
.slider-txt-box a:hover:after {width:90px;}
.slider-txt-box a:hover span {left:90px;}
*/

/* slide-quick-icon */
.round-quick-wrap {position:absolute; top:-110px; right:20px; text-align:center;}
.round-quick-icon {background-color:#d31045; width:180px; height:180px; border-radius:90px 90px; text-align:center; box-shadow:2px 2px 2px 2px rgb(0 0 0 / 50%);}
.round-quick-icon .vertical-container {width:100%; height:100%; display:table;}
.round-quick-icon .vertical-container .vertical-wrap {vertical-align:middle; display:table-cell;}
.round-quick-icon img {margin-bottom:10px;}
.round-quick-icon p.type-1 {color:#fbd5df; font-size:1.4rem; text-shadow: none;}
.round-quick-icon p.type-2 {font-size:1.7rem; color:#fff; margin-bottom:5px;}
.round-quick-icon p.number {font-size:1.5rem; color:#fff;}
.round-quick-icon:hover {background-color:#c40f41;}

.slider-list {position:relative; margin-top:10px;}
.slider-list:after {content:""; position:absolute; top:0; left:50%; margin-top:-14px; margin-left:-2px; width:4px; height:14px; background-color:#d31045;}
.slider-list li{margin-bottom:4px;}
.slider-list li a {display:block; font-weight:400; padding:10px 20px; color:#fff; background-color:#d31045; box-shadow:2px 2px 2px 2px rgb(0 0 0 / 50%); text-align:center;}

@media screen and (max-width:1520px) {
	.slider .main-slider .slider-img:before, .slider .main-slider .slider-img {height:400px;}
	.slider-txt .slider-txt-box {padding:0 40px;}
	.slider-txt-box p {font-size:2.9rem;}
	.slider-txt-box h1 {font-size:4.4rem;}

	.round-quick-icon {top:-20px; right:40px;}
	.round-quick-wrap {top:-80px;}
}

@media screen and (max-width:1280px) {
	.slider .main-slider .slider-img {background-position:-900px;}
	.slider .main-slider .slider-txt  {top:34%;}
	.slider-txt-box p {font-size:2.6rem;}
	.slider-txt-box h1 {font-size:4.0rem;}

	.round-quick-icon {width:150px; height:150px; border-radius:75px 75px;}
	.round-quick-icon img {width:40px;}
	.round-quick-icon p.type-1 {font-size:1.3rem;}
	.round-quick-icon p.type-2 {font-size:1.6rem;}
	.round-quick-icon p.number {font-size:1.4rem;}
}

@media screen and (max-width:600px) {
	.slider .main-slider .slider-txt {top:20%;}
	.slider .main-slider .slider-img:before, .slider .main-slider .slider-img {height:300px;}
	.slider-txt .slider-txt-box {padding:0 15px; text-align:center;}
	.slider-txt-box p {font-size:2.2rem;}
	.slider-txt-box h1 {font-size:3.4rem;}
	.slider-txt-box h1 span.img-linc {height:34px; width:96px; background-size:auto 34px;}
	
	.round-quick-wrap {position:relative; margin-top:20px; top:unset; right:unset;}
	.round-quick-icon {width:auto; height:60px; border-radius:10px 10px; padding:0 20px;}
	.round-quick-icon img {display:none;}
	.round-quick-icon p.type-1 {font-size:1.2rem;}
	.round-quick-icon p.type-2 {font-size:1.5rem; margin-bottom:0;}
	.round-quick-icon p.number {display:none;}

	.slider-list{display:none;}
}

@media screen and (max-width:450px) {
	.slider .main-slider .slider-img:before, .slider .main-slider .slider-img {height:260px;}
	.slider-txt-box p {font-size:2rem;}
	.slider-txt-box h1 {font-size:3rem;}
	.slider-txt-box h1 span.img-linc {height:28px; width:76px; background-size:auto 28px;}
}

/* main wrap */
.main-content-wrap {position:relative; width:100%; height:auto; z-index:100;}
.main-content-title {position:relative; margin-bottom:30px;}
.main-content-title h2 {font-size:2.4rem;}

/* quick menu */
.main-quick-wrap {position:relative; width:100%; margin-top:-106px;}
.main-quick-wrap .main-quick-box {position:relative; width:100%; height:auto; z-index:1;}
.main-quick-box .quick-list {position:relative; width:100%; height:auto;}
.main-quick-box .quick-list li {position:relative; float:left; width:20%; box-shadow:0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 50%); background-color:#43464d; border-bottom:1px solid #333; border-right:1px solid #333;}
.main-quick-box .quick-list li a {display:block; color:#fff;}
.main-quick-box .quick-list li a dl {position:relative; display:inline-block; width:100%; overflow:hidden; height:100px; padding:26px 16px 0 25px; box-sizing:border-box;}
.main-quick-box .quick-list li a dl dt{float:left; color:#fff; font-size:1.8rem;}
.main-quick-box .quick-list li a dl dt.blink {color:#f5a941;}
.main-quick-box .quick-list li a dl dt span{display:block; font-size:1.4rem; color:#828795; margin-bottom:8px;}
.main-quick-box .quick-list li a dl dd {height:100%; margin-left:80%; }
.main-quick-box .quick-list li a dl dd img {vertical-align:middle; width:40px; height:40px; margin-top:10px;}
.main-quick-box .quick-list li a:hover dl dt{color:#c9c9c9;}
.main-quick-box .quick-list li a:hover dl dt.blink{color:#f3981e;}

@media screen and (max-width:1520px) {
	.main-quick-wrap {height:auto; margin-top:0;}
	.main-quick-wrap.inner {padding-left:0px !important; padding-right:0px !important;}
	.main-quick-wrap .main-quick-box {top:0; position:relative;}
	
	.main-quick-box .quick-list li a dl {height:auto; padding:21px 16px 14px 20px; }
	.main-quick-box .quick-list li a dl dt {font-size:1.7rem;}
	.main-quick-box .quick-list li a dl dd {position:absolute; right:15px; top:15px; width:30px; height:30px;}
	.main-quick-box .quick-list li a dl dd img {width:30px; height:30px; margin-top:0;}
}

@media screen and (min-width:1281px) {
	.main-quick-box .quick-list li:nth-child(-n + 5) {border-top:1px solid #333;}
	.main-quick-box .quick-list li:nth-child(5n) {border-left:1px solid #333;}
}

@media screen and (max-width:1280px) {
	.main-quick-box .quick-list li {width:33.33333%;}
	.main-quick-box .quick-list li a dl dt {font-size:1.6rem;}
	.main-quick-box .quick-list li a dl dt span {font-size:1.35rem;}
	.main-quick-box .quick-list li a dl dd {top:34px;}
}

@media screen and (max-width:600px) {
	.main-quick-box .quick-list li {width:50%;}
	
	.main-quick-box .quick-list li a dl {padding:16px 15px 10px 15px;}
	.main-quick-box .quick-list li a dl dt {font-size:1.45rem;}
	.main-quick-box .quick-list li a dl dt span {font-size:1.25rem; margin-bottom:4px;}
	.main-quick-box .quick-list li a dl dd {top:40px; right:-10px; width:40px; height:40px;}
	.main-quick-box .quick-list li a dl dd img {width:40px; height:40px; margin-top:0;}
}

/* board */
.main-board-wrap {position:relative; padding:80px 0; background-color:#fff;}
.main-board-wrap .main-board-box {position:relative; width:100%; height:auto;}

.main-board-wrap .board-nav-list {position:absolute; top:0; left:0; width:20%; min-height:700px; z-index:1;}
.main-board-wrap .board-content-list {position:relative; margin:0 0 0 20%; width:80%; min-height:700px; background-color:#f9f9f9;}

.main-board-wrap .board-nav-list h2 {color:#222; font-size:3rem; font-weight:600; padding:40px 0 0 0;}
.main-board-wrap .board-nav-list h2 span {color:#d31045;}
.main-board-wrap .board-nav-list ul {margin:100px 0 0 0; float:right; margin-right:-20px;}
.main-board-wrap .board-nav-list ul li {width:200px; border-bottom:1px solid #c9c9c9; transition:margin .5s ease-in-out;}
.main-board-wrap .board-nav-list ul li a {color:#696969;}
.main-board-wrap .board-nav-list ul li.active {margin-left:20px; box-shadow:4px 5px 6px 2px rgb(0 0 0 / 50%); background-color:#d31045; border-bottom:0;}
.main-board-wrap .board-nav-list ul li.active a {color:#fff; font-size:2rem; font-weight:600; }
.main-board-wrap .board-nav-list ul li a {font-size:1.8rem; display:block; font-weight:400; padding:16px 30px;}
.main-board-wrap .board-nav-list a.btn-arrow {display:inline-block; margin-top:30px; font-size:2rem; background:url('../img/img_arrow.png') 15px 22.5px no-repeat; width:50px; height:50px; border:1px solid #000000;}
.main-board-wrap .board-nav-list a.btn-arrow:hover {background:url('../img/img_arrow_w.png') 15px 22.5px no-repeat; background-color:#d31045; border:1px solid #d31045;}

.main-board-wrap .board-content-list .board-list-wrap {position:relative; width:100%; padding:60px 80px;}
.main-board-wrap .board-content-list ul li{float:left; width:33.33333333%; margin-bottom:60px;}
.main-board-wrap .board-content-list ul li:nth-child(3n - 2) {padding:0 40px 0 0;}
.main-board-wrap .board-content-list ul li:nth-child(3n - 1) {padding:0 20px 0 20px;}
.main-board-wrap .board-content-list ul li:nth-child(3n) {padding:0 0 0 40px;}
.main-board-wrap .board-content-list ul li:nth-child(n+4) {margin-bottom:0;}

.main-board-wrap .board-content-list ul li a {position:relative; display:block; width:100%; height:260px; background-color:#fff; padding:30px 30px; box-shadow:2px 2px 5px rgb(0 0 0 / 20%);}
.main-board-wrap .board-content-list ul li a:hover .title{color:#d31045;}

.main-board-wrap .board-content-list ul li a .category {color:#056224; font-weight:600; font-size:1.4rem;}
.main-board-wrap .board-content-list ul li a .title {height:78px; margin-bottom:12px; line-height:140%; color:#222; font-size:1.7rem; font-weight:400; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.main-board-wrap .board-content-list ul li a .txt {height:66px; margin-bottom:10px; line-height:22px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; color:#898989; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} 
.main-board-wrap .board-content-list ul li a .date {line-height:20px; left:30px; color:#565656;}

.main-board-wrap .board-content-list .board-list-wrap li.not-board {position:relative; float:unset; line-height:350px; width:100%; height:auto; text-align:center; margin-bottom:0;}

@media screen and (max-width:1520px) {
	.main-board-wrap .board-nav-list, .main-board-wrap .board-content-list {min-height:540px;}
	.main-board-wrap .board-content-list .board-list-wrap {padding:40px 60px;}

	.main-board-wrap .board-nav-list h2 {font-size:2.8rem;}
	.main-board-wrap .board-nav-list ul li a {font-size:1.7rem;}
	.main-board-wrap .board-nav-list ul li.active a {font-size: 1.9rem;}

	.main-board-wrap .board-nav-list ul {margin:60px -20px 0 0;}
	
	.main-board-wrap .board-content-list ul li {margin-bottom:45px;}
	.main-board-wrap .board-content-list ul li:nth-child(3n - 2) {padding:0 30px 0 0;}
	.main-board-wrap .board-content-list ul li:nth-child(3n - 1) {padding:0 15px 0 15px;}
	.main-board-wrap .board-content-list ul li:nth-child(3n) {padding:0 0 0 30px;}

	.main-board-wrap .board-content-list ul li a {height:200px;}
	.main-board-wrap .board-content-list ul li a .title, .main-board-wrap .board-content-list ul li a .txt{-webkit-line-clamp:2;}
	.main-board-wrap .board-content-list ul li a .title {height:50px;}
	.main-board-wrap .board-content-list ul li a .txt {height:44px;}
}


@media screen and (max-width:1280px) {
	.main-board-wrap .board-nav-list {position:relative; width:100%;}
	.main-board-wrap .board-nav-list ul {margin:30px 0 0 0;}
	.main-board-wrap .board-nav-list a.btn-arrow {position:absolute; top:0; right:15px;}
	
	.main-board-wrap .board-nav-list h2 {font-size:2.6rem;}
	.main-board-wrap .board-nav-list ul li a {font-size:1.5rem;}
	.main-board-wrap .board-nav-list ul li.active a {font-size: 1.7rem;}

	.main-board-wrap .board-nav-list ul {float:unset; width:100%; position:absolute;}
	.main-board-wrap .board-nav-list ul li {float:left; width:150px;  margin-bottom:0px; border-bottom:0; text-align:center;}
	.main-board-wrap .board-nav-list ul li.active {margin-left:0; margin-top:10px;}
	
	.main-board-wrap .board-nav-list, .main-board-wrap .board-content-list {min-height:auto;}
	.main-board-wrap .board-content-list {position:relative; width:100%; margin:90px 0 0 0;}

	.main-board-wrap .board-content-list .board-list-wrap {position:relative; padding:60px 30px; min-height:350px;}
	.main-board-wrap .board-list-wrap:before {content:""; position:absolute; top:0; left:-15px; width:15px; height:100%; background-color:#f9f9f9;}
	.main-board-wrap .board-list-wrap:after {content:""; position:absolute; top:0; right:-15px; width:15px; height:100%; background-color:#f9f9f9;}
	
	.main-board-wrap .board-content-list ul li {width:50%; margin-bottom:30px;}
	.main-board-wrap .board-content-list ul li:nth-child(3n - 2) {padding:unset;}
	.main-board-wrap .board-content-list ul li:nth-child(3n - 1) {padding:unset;}
	.main-board-wrap .board-content-list ul li:nth-child(3n) {padding:unset;}

	.main-board-wrap .board-content-list ul li:nth-child(n+4) {margin-bottom:30px;}
	.main-board-wrap .board-content-list ul li:nth-child(n+5) {margin-bottom:0;}
	.main-board-wrap .board-content-list ul li:nth-child(2n - 1) {padding:0 20px 0 0;}
	.main-board-wrap .board-content-list ul li:nth-child(2n) {padding:0 0 0 20px;}

	.main-board-wrap .board-content-list ul li a .title {font-size:1.6rem; height:46px;}
	.main-board-wrap .board-content-list ul li a .txt {font-size:1.4rem;}

	.main-board-wrap .board-content-list .board-list-wrap li.not-board {line-height:230px;}
}

@media screen and (max-width:600px) {
	.main-board-wrap .board-nav-list a.btn-arrow {top:5px; width:40px; height:40px; background-position:10px 17.5px; border:1px solid #222; right:0;}
	.main-board-wrap .board-nav-list a.btn-arrow:hover {width:40px; height:40px; background-position:10px 17.5px;}

	.main-board-wrap .board-nav-list h2 {font-size:2.5rem;}
	.main-board-wrap .board-nav-list ul li {width:120px;}
	.main-board-wrap .board-nav-list ul li a {font-size:1.4rem; padding:12px 10px;}
	.main-board-wrap .board-nav-list ul li.active a {font-size: 1.6rem;}
	
	.main-board-wrap .board-content-list {margin:74px 0 0 0;}
	.main-board-wrap .board-content-list .board-list-wrap {padding:40px 0; min-height:350px;}
	.main-board-wrap .board-content-list ul li {width:100%; margin-bottom:0; border-bottom:1px solid #f1f1f1;}
	.main-board-wrap .board-content-list ul li:last-child {border-bottom:0;}

	.main-board-wrap .board-content-list ul li:nth-child(n+4) {margin-bottom:0;}
	.main-board-wrap .board-content-list ul li:nth-child(n+5) {margin-bottom:0;}
	.main-board-wrap .board-content-list ul li:nth-child(2n - 1) {padding:0 0 0 0;}
	.main-board-wrap .board-content-list ul li:nth-child(2n) {padding:0 0 0 0;}

	.main-board-wrap .board-content-list ul li a {box-shadow:0; padding:20px 20px; box-shadow:unset; height:auto; }
	.main-board-wrap .board-content-list ul li a .title {width:100%; height:auto; font-size:1.5rem;}
	.main-board-wrap .board-content-list ul li a .txt  {display:none;}
	.main-board-wrap .board-content-list ul li a .date {padding:0 0 0 60px; font-size:1.3rem;}
	.main-board-wrap .board-content-list ul li a .category {position:absolute; bottom:22px; left:20px; font-size:1.3rem;}

	.main-board-wrap .board-content-list .board-list-wrap li.not-board {line-height:270px;}
}

@media screen and (max-width:450px) {
	.main-board-wrap .board-nav-list ul li {width:100px;}
}

/* calender */
.main-calender-wrap {position:relative; width:100%; height:auto; padding-bottom:80px; background-color:#f1f1f1;}
.main-calender-wrap .bg-wrap {position:absolute; top:0; left:0; z-index:1; width:100%; height:400px; background:url('../img/bg_calender.png') 0px 0px no-repeat; background-size:100% 100%;}
.main-calender-wrap .bg-wrap h2 {position:absolute; top:100px; left:0; width:100%; text-align:center; color:#fff; font-size:3rem; font-weight:600;}
.main-calender-wrap .bg-wrap h2 span {color:#92d395;}
.main-calender-wrap .main-calender-box {position:relative; z-index:2; background-color:#fff; width:100%; margin-top:180px; height:auto; box-shadow:2px 2px 5px rgb(0 0 0 / 20%)}
.main-calender-box ul {position:relative; width:100%;}
.main-calender-box ul > li {float:left; position:relative; padding:30px;}
.main-calender-box ul li.calender-wrap {width:50%; border-right:1px dotted #696969;}
.main-calender-box ul li.list {width:50%; max-height:415px; overflow:hidden;}

.main-calender-box ul li.calender-wrap h2 {margin-bottom:40px; font-weight:500; color:#43464d; padding-left:10px;}
li.calender-wrap .btn-left {position:absolute; right:84px; top:40px; padding:6px 8px; font-size:2rem; background-color:#898989; color:#fff; cursor:pointer;}
li.calender-wrap .btn-right {position:absolute; right:40px; top:40px; padding:6px 8px; font-size:2rem; background-color:#898989; color:#fff; cursor:pointer;}

.calender-box {position:relative; width:100%; margin:20px 0;}
.calender-box h2 {text-align:center; font-weight:600;}
.calender-box .basic-header {position:relative; width:100%;}
.calender-box ul.calender {position:relative; margin:20px 0;}
.calender-box ul.calender > li {position:relative; width:14.28571428571429%; cursor:pointer; float:left; padding:6px 0; margin:0;}

.calender-box ul.calender > li.head .calender-item {position:relative; width:100%; padding:0; text-align:center; font-weight:400;}
.calender-box ul.calender > li:nth-child(7n-6) {color:#d31045;}
.calender-box ul.calender > li:nth-child(7n) {color:#106dba;}

.calender-box ul.calender > li.body .calender-item {position:relative; width:100%; height:30px; text-align:center;}
.calender-box ul.calender > li.body .calender-item > span.num {position:relative; z-index:1; display:inline-block; margin:0 auto; line-height:36px; width:36px; height:36px; border-radius:18px 18px; text-align:center; font-size:1.4rem;}
.calender-box ul.calender > li.body .calender-item > span.week {display:none;}
.calender-box ul.calender > li.body.event .calender-item > span.num {background-color:#fdf4f8;}
.calender-box ul.calender > li.body.current .calender-item > span.num {background-color:#eaf2ef;}

@media only screen and (max-width:650px){
	.calender-box h2 {text-align:left;}
	.calender-box ul.calender {overflow-x:auto; white-space:nowrap; border-bottom:0;}
	.calender-box ul.calender > li {border-top:0; border-right:0; text-align:center; background-color:#fafafa;}
	.calender-box ul.calender > li.body .calender-item > span.num {position:relative; top:unset; left:unset; padding:14px 0 6px 0; display:block; font-weight:600;}
	.calender-box ul.calender > li.body .calender-item > span.week {display:block; padding:4px 0 14px 0;  display:block; font-weight:400;}
	.calender-box ul.calender > li.head, .calender-box ul.calender > li.nbsp {display:none;}
	.calender-box ul.calender > li {width:60px; float:unset; display:inline-block;}
	.calender-box ul.calender > li.body .calender-item {height:auto;}
	.calender-box ul.calender > li:nth-child(7n-6){border-left:0;}
}

li.list .list-scroll {position:relative; width:100%; height:335px; overflow:hidden; overflow-y:scroll;}
li.list dl {position:relative; border-bottom:1px solid #e9e9e9; padding:30px 30px; height:112px; }
li.list dl:last-child {border-bottom:0px;}
li.list dl dt {position:absolute; top:30px; left:30px;}
li.list dl dd {position:relative; padding:0 0 0 120px; display:table; width:100%; height:100%;}
li.list dl dt span {display:block; font-size:2.4rem; width:52px; height:52px; background-color:#43464d; color:#fff; text-align:center; line-height:52px;}
li.list dl dd .info {display:table-cell; vertical-align:middle;}
li.list dl dd .title {font-size:1.8rem; color:#222; font-weight:400; margin-bottom:10px;}
li.list dl dd .date {font-size:1.5rem;}

@media screen and (max-width:1520px) {
	.main-calender-wrap .bg-wrap h2 {font-size:2.8rem;}
	li.list dl dt span {font-size:2.2rem;}
	li.list dl dd .title {font-size:1.7rem;}
}

@media screen and (max-width:1280px) {
	.main-calender-wrap .bg-wrap h2 {font-size:2.6rem;}
	.main-calender-box ul li {padding:30px 20px 20px 20px;}
	li.calender-wrap .btn-left, li.calender-wrap .btn-right {top:30px;}
	.main-calender-box ul li.calender-wrap h2 {margin-bottom:30px;}
	li.list dl dt span {font-size:2.0rem;}
	li.list dl dd {padding:0 0 0 90px}
	li.list dl dd .title {font-size:1.6rem;}
	li.list dl dd .date {font-size:1.4rem;}
}

@media screen and (max-width:768px) {
	.main-calender-wrap .bg-wrap {height:200px;}
	.main-calender-box ul li.calender-wrap {display:none;}
	.main-calender-box ul li.list {width:100%;}
	.main-calender-box ul li {padding:30px 0 20px 0;}
}

@media screen and (max-width:600px) {
	.main-calender-wrap .bg-wrap {height:170px;}
	.main-calender-wrap .main-calender-box {margin-top:140px;}
	.main-calender-wrap .bg-wrap h2 {font-size:2.5rem; top:70px;}
	li.list dl dt span {font-size:1.8rem;}
	li.list dl dd .title {font-size:1.5rem;}
	li.list dl dd .date {font-size:1.3rem;}
	li.list dl {padding:15px 20px 15px 0;}
	li.list dl dt {left:5px;}
	li.list dl dd {padding:0 0 0 80px;}
}