.clsmain{
	width:100%;
	position:relative;
}
.clsmain .clsquick{
	position:fixed;
	right:2%;
	top:50%;
	transform:translateY(-50%);
	z-index:51;
	margin-top:80px;
}
.clsmain .clsquick li:last-child::before{display:none;}
.clsmain .clsquick li a{
	display:block;
	width:90px;
	height:90px;
	background:#2275a1;
	font-size:14px;
	color:#fff;
	font-weight:800;
	text-align:center;
	padding-top:55px;
	box-sizing:border-box;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	opacity:0.9;
}
.clsmain .clsquick li a.qik1{
	background:#2275a1 url(../img/main/eiq1.png) center top 22px no-repeat;
}
.clsmain .clsquick li a.qik2{
	background:#316284 url(../img/main/eiq2.png) center top 22px no-repeat;
}
.clsmain .clsquick li a.qik3{
	background:#334f63 url(../img/main/eiq3.png) center top 22px no-repeat;
}
.clsmain .clsquick li a.qik1:hover{background:#6d4f99 url(../img/main/eiq1.png) center top 22px no-repeat;opacity:1;}
.clsmain .clsquick li a.qik2:hover{background:#6d4f99 url(../img/main/eiq2.png) center top 22px no-repeat;opacity:1;}
.clsmain .clsquick li a.qik3:hover{background:#6d4f99 url(../img/main/eiq3.png) center top 22px no-repeat;opacity:1;}
.clsmain .clsvisual .clsvsltxt{
	width:100%;
	position:relative;
	z-index:50;
}
.clsmain .clsvisual .clsvsltxt .wrap1400{
	position:relative;
}
.clsmain .clsvisual .cls_scr{
	width:8px;
	height:167px;
	background:url(../img/main/ei_scr.png) center no-repeat;
	position:absolute;
	left:5px;
	top:400px;
	display: block;
    animation-name: cls_scr;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
    opacity: 1;
}
@keyframes cls_scr {
	0% {
		opacity: 0.2;
		top:380px;
	}
	50% {
		opacity: 1;
		top:390px;
	}
	100% {
		opacity: 0.2;
		top:380px;
	}
}
.clsmain .clsvisual .clsvsltxt{
	position:absolute;
	left:0;
	top:300px;
	
}
.clsmain .clsvisual .clsvsltxt p{
	display:block;
	width:100%;
	padding:30px 0;
	font-size:28px;
	color:#d9ebff;
	font-weight:400;
	line-height:1.9em;
}
.clsmain .clsvisual .clsvsltxt p b{
	font-family: 'cbnu_bold';
	font-size:48px;
	color:#fff;
}
.clsmain .clsvisual .clsvsltxt ul.cvquick {
	margin-top:40px;
}
.clsmain .clsvisual .clsvsltxt ul.cvquick li{
	float:left;
	margin-right:70px;
}
.clsmain .clsvisual .clsvsltxt ul.cvquick li a{
	font-size:16px;
	color:#fff;
	font-weight:400;
	padding-right:30px;
	background:url(../img/main/cbqarrow.png) right 3px center no-repeat;
	transition:all 0.1s;
	-webkit-transition:all 0.1s;
}
.clsmain .clsvisual .clsvsltxt ul.cvquick li a:hover{
	background:url(../img/main/cbqarrow.png) right center no-repeat;
}

.clsmain h3{
	position:relative;
	display:block;
	width:120px;
	height:36px;
	margin:0 auto;
	font-size:30px;
	color:#000;
	font-weight:900;
	text-align:center;
}
.clsmain h3.cgh3{
	width:140px;
}
.clsmain h3.cch3{
	width:120px;
}
.clsmain h3 b{
	color:#2275a1;
	font-weight:900;
}
.clsmain .clsboard{
	padding:100px 0;
	background-size:cover;
}
.clsmain #cbtab {
	position:relative;
	display:table;
	width:100%;
	margin:0 auto;
	margin-top:30px;
	z-index:20;
	height:81px;
}
.clsmain #cbtab>li {
	float:left;
	height:75px;
	font-size:20px;
	color:#024467;
	font-weight:500;
	line-height:75px;
	text-align:center;
	width:45%;
	background:#f6f7f9;
	border-top:3px solid #024467;
	border-bottom:1px solid #024467;
	cursor:pointer;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.clsmain #cbtab>li:hover{
	border-top:3px solid #6d4f99;
	border-bottom:1px solid #6d4f99;
	color:#6d4f99
}
.clsmain #cbtab>li.on {
	width:55%;
	background:#fff;
	border-top:3px solid #2275a1;
	border-bottom:1px solid #2275a1;
	color:#2275a1;
	font-size:22px;
	font-weight:800;
	line-height:75px;
}
.clsmain #cbtab_contents {
	position:relative;
	width:100%;
	min-height:475px;
	padding:20px 30px;
	background:#fff;
	border-bottom:1px solid #e3e3e3;
	box-sizing:border-box;
	z-index:19;
}
.clsmain #cbtab_contents a.cgmore {
    display: block;
    background: url(../img/main/cgmore.png) center no-repeat;
    position: absolute;
    right: 0;
    top: -152px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
	font-size:36px;
	color:#c1c1c1;
	font-weight:900;
}
.clsmain #cbtab_contents a.cgmore:hover{
	color:#6d4f99;
}
.clsmain #cbtab_contents>li { display:none }
.clsmain #cbtab_contents>li:first-child { display:block; }

.clsmain .clsboard .clsnews{
	float:left;
	width:60%;
}
.clsmain .clsboard .cblatest{
	width:100%;
	padding-bottom:22px;
	padding-top:12px;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
}
.clsmain .clsboard .cblatest a:hover{
	text-decoration:none;
}
.clsmain .clsboard span.cbnew{
	display:inline-block;
	background:#6d4f99;
	font-size:12px;
	color:#fff;
	font-weight:900;
	text-align:center;
	padding:0 5px;
	vertical-align:top;
	margin:8px 0 0 5px;
	line-height:16px;
}
.clsmain .clsboard .cblatest p.cbtit{
	width:100%;
	font-size:24px;
	color:#000;
	font-weight:600;
	letter-spacing:-0.02em;
	margin:5px 0 10px 0;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.clsmain .clsboard .cblatest p.cbtit:hover{
	color:#6d4f99;
}
.clsmain .clsboard .cblatest p.cbtxt{
	font-size:16px;
	color:#000;
	font-weight:400;
	letter-spacing:-0.02em;
	line-height:1.6em;
	margin-bottom:20px;
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 70px; 
}
.clsmain .clsboard .cblatest p.cbdate{
	font-size:14px;
	color:#666;
	font-weight:400;
}
.clsmain .clsboard ul.cblist{
	width:100%;
	box-sizing:border-box;
	padding-top:18px;
}
.clsmain .clsboard ul.cblist li{
	margin-bottom:15px;
}
.clsmain .clsboard ul.cblist li:last-child{
	margin-bottom:0;
}
.clsmain .clsboard ul.cblist li p.cbtit{
	float:left;
	font-size:16px;
	color:#000;
	font-weight:400;
	letter-spacing:-0.02em;
	line-height:34px;
	width:calc(100% - 50px - 20%);
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.clsmain .clsboard ul.cblist li p.cbtit:hover{
	color:#6d4f99;
}
.clsmain .clsboard ul.cblist li p.cbdate{
	float:right;
	font-size:12px;
	color:#666;
	font-weight:400;
	letter-spacing:-0.02em;
	line-height:24px;
	width:20%;
	text-align:right;
}
.clsmain .clsboard ul.ptlist{
	position:relative;
	width:100%;
	height:100%;
	padding-top:8px;
}
.clsmain .clsboard ul.ptlist li{
	float:left;
	width:380px;
	height:200px;
	background:#000;
	overflow:hidden;
}
.clsmain .clsboard ul.ptlist li:nth-child(even),
.clsmain .clsboard ul.ptlist li:nth-child(even){
	margin-left:18px;
}
.clsmain .clsboard ul.ptlist li:first-child,
.clsmain .clsboard ul.ptlist li:nth-child(2){
	margin-bottom:18px;
}
.clsmain .clsboard ul.ptlist li a{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.clsmain .clsboard ul.ptlist li a img{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:100%;
	z-index:10;
}
.clsmain .clsboard ul.ptlist li a::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	position:absolute;
	left:0;
	top:0;
	z-index:11;
	opacity:0;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.clsmain .clsboard ul.ptlist li a p{
	font-size:18px;
	color:#fff;
	font-weight:500;
	text-align:center;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	display:inline-block;
	width:90%;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.clsmain .clsboard ul.ptlist li a p.pt_tit{
	position:absolute;
	left:5%;
	bottom:-30px;
	width:90%;
	z-index:12;
}
.clsmain .clsboard ul.ptlist li a p.pt_date{
	font-size:13px;
	font-weight:300;
	position:absolute;
	left:5%;
	bottom:-40px;
	z-index:12;
}
.clsmain .clsboard ul.ptlist li a:hover::before{
	opacity:1;
}
.clsmain .clsboard ul.ptlist li a:hover p.pt_tit{
	bottom:90px;
}
.clsmain .clsboard ul.ptlist li a:hover p.pt_date{
	bottom:70px;
}
.clsmain .clscalendar{
	float:right;
	width:35%;
}
.clsmain .clscalendar .ccbox{
	width:100%;
	min-height:500px;
	background:#fff;
	border-top: 3px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
	box-sizing:border-box;
	padding:18px 20px;
	margin-top:30px;
}
.clsmain .clscalendar .calyear {
	width:100%;
	text-align:center;
	padding:20px 0;
}
.clsmain .clscalendar .calyear p.ccyear{
	position:relative;
	padding-top:80px;
	background:url(../img/main/cyicon.png) center top 10px no-repeat;
}
.clsmain .clscalendar .calyear p.ccyear a.cyprev{
	display:block;
	width:21px;
	height:33px;
	position:absolute;
	left:130px;
	top:65px;
	background:url(../img/main/ccyprev.png) center top no-repeat;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.clsmain .clscalendar .calyear p.ccyear a.cynext{
	display:block;
	width:21px;
	height:33px;
	position:absolute;
	right:130px;
	top:65px;
	background:url(../img/main/ccynext.png) center top no-repeat;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.clsmain .clscalendar .calyear p.ccyear a.cyprev:hover{
	background:url(../img/main/ccyprevon.png) center top no-repeat;
}
.clsmain .clscalendar .calyear p.ccyear a.cynext:hover{
	background:url(../img/main/ccynexton.png) center top no-repeat;
}
.clsmain .clscalendar .calyear span.cynum{
	font-family:'Titillium Web', sans-serif;
	font-size:30px;
	color:#2275a1;
	font-weight:700;
}
.clsmain .clscalendar .calyear a.ccymore{
	font-size:15px;
	color:#fff;
	font-weight:400;
	display:inline-block;
	padding:5px 15px;
	background:#889da9;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.clsmain .clscalendar .calyear a.ccymore:hover{
	background:#2275a1;
}
.clsmain .clscalendar .cclist {
	width:100%;
}
/* MEDIA */
@media screen and (max-width: 1500px) {
	.clsmain .clscalendar .calyear p.ccyear a.cyprev{
		left:100px;
	}
	.clsmain .clscalendar .calyear p.ccyear a.cynext{
		right:100px;
	}
}
@media screen and (max-width: 1400px) {
	.clsmain .clsvisual .clsvsltxt p{
		width:90%;
		padding:30px 5%;
	}
	.clsmain .clsvisual .clsvsltxt ul.cvquick{
		padding-left:5%;
	}
	.clsmain .clsvisual .cls_scr{
		left:5%;
	}
	.clsmain h3{
		margin:auto;
		text-align:left;
		margin-left:1%;
	}
	.clsmain h3::before{
		display:none;
	}
	.clsmain h3::after{
		display:none;
	}
	.clsmain .clsquick{
		display:none;
	}
	.clsmain .clscalendar{
		margin-left:1%;
	}
	.clsmain .clsboard .clsnews{
		margin-right:1%;
	}
}
@media all and (max-width: 1200px) {
	.clsmain .clscalendar .calyear p.ccyear a.cyprev{
		left:50px;
	}
	.clsmain .clscalendar .calyear p.ccyear a.cynext{
		right:50px;
	}
}
@media all and (max-width: 1024px) {
	.clsmain .clsvisual .clsvsltxt p{
		line-height:1.3em;
	}
	.clsmain .clsvisual .clsvsltxt p b{
		display:block;
		padding-top:20px;
		line-height:1.3em;
	}
	.clsmain .clscalendar{
		float:none;
		margin-left:5%;
		width:90%;
	}
	.clsmain .clsboard .clsnews{
		float:none;
		margin-right:0;
		margin-left:5%;
		width:90%;
		margin-bottom:80px;
	}
}

@media all and (max-width: 750px) {
	.clsmain .clsvisual .clsvsltxt{
		top:250px;
		min-height:auto;
	}
	.clsmain #cbtab>li{
		font-size:16px;
	}
	.clsmain #cbtab>li.on{
		font-size:18px;
	}
	.clsmain h3.cgh3::after{
		display:none;
	}
	.clsmain .clscalendar .calyear p.ccyear a.cyprev{
		left:0;
	}
	.clsmain .clscalendar .calyear p.ccyear a.cynext{
		right:0;
	}
	.clsmain .clsboard ul.cblist li p.cbtit{
		width: calc(100% - 80px);
	}
	.clsmain .clsboard ul.cblist li p.cbdate{
		width:80px;
	}
}

@media all and (max-width: 550px) {
	.clsmain h3.cgh3,
	.clsmain h3.cch3{
		font-size:26px;
	}
	.clsmain h3::after{
		display:none;
	}
	.clsmain .clsvisual .clsvsltxt p{
		font-size:20px;
	}
	.clsmain .clsvisual .clsvsltxt p b{
		font-size:30px;
	}
	.clsmain .clsvisual .clsvsltxt ul.cvquick li{
		float:none;
		margin-right:0;
		margin-bottom:15px;
	}
	.clsmain .clsboard{
		background:none;
	}
	.clsmain .clscalendar .ccbox{
		padding:40px 20px;
		margin-top:10px;
	}
	.clsmain .clscalendar .calyear{
		padding:30px 0;
	}
	.clsmain #cbtab_contents{
		border:20px solid #f8f9fa;
	}
	.clsmain #cbtab_contents a.cgmore{
		right:-20px
	}
}
@media all and (max-width: 460px) {
	.clsmain #cbtab{
		margin-top:10px;
	}
	.clsmain #cbtab_contents{
		padding:50px 20px 40px 20px;
	}
	.clsmain .clsboard .cblatest p.cbtit{
		white-space:pre-wrap;
	}
}
@media all and (max-width: 365px) {
	.clsmain #cbtab>li,
	.clsmain #cbtab>li.on{
		font-size:16px;
	}
	
}