@charset "utf-8";
#container {background-color:#f5f5f5; }

#pzone { background:#f4f5fc url('/se/images/main/pzone_bg.gif') center top no-repeat; }
#pzone>div { position:relative; display:block; padding-top:60px; padding-bottom:120px; margin:auto; max-width:1360px; }
#pzone .control a { display:inline-block; font-size:0; text-indent:-5000px; }
#pzone .control .prev { position:absolute; top:40%; width:51px; height:51px; background:url(/se/images/main/pzone_prev.png) center no-repeat; }
#pzone .control .next { position:absolute; top:40%; right:0; width:51px; height:51px; background:url(/se/images/main/pzone_next.png) center no-repeat; } 
#pzone .control .btm_control { position:absolute; left:0; right:0; bottom:50px; display:inline-block; text-align:center;}
#pzone .control .btm_control a { position:relative; display:inline-block; width:20px; height:20px; margin:7px; }
#pzone .control .btm_control .stop:after,
#pzone .control .btm_control .stop:before { content:''; position:absolute; top:0; width:5px; height:100%; border-radius:30px; background-color:#6968f9; } 
#pzone .control .btm_control .stop:after { left:3px; }
#pzone .control .btm_control .stop:before { right:3px; }
#pzone .control .btm_control .num { border-radius:100%; background-color:#cbcaf6; }
#pzone .control .btm_control .num.select { background-color:#6968f9; }
#pzone .list { font-size:0; white-space:nowrap; }
#pzone .list li { overflow:hidden; display:inline-block; width:100%; }
#pzone .list li p { float:right; width:49%; max-width:580px; height:360px; }
#pzone .list li p:first-child { float:left; margin-right:2%; }
#pzone .list li p a { overflow:hidden; display:block; text-align:center; border-radius:15px; max-height:360px; }
#pzone .list li p a img { max-width:100%; height:100%; }

.link { background:linear-gradient(to right, #6968f9, #4c53e2); }
.link li { display:inline-block; text-align:center; margin-top:40px; margin-bottom:40px; width:16%; }
.link li a { position:relative; display:block; padding-top:85px; color:#fff; font-size:18px; text-shadow:0 0 1px rgba(0,0,0,.7); }
.link li a:after { content:''; position:absolute; left:50%; top:0; margin-left:-32px; width:64px; height:62px; background:url('/se/images/main/link.png') no-repeat; transition:.3s; }
.link li a:hover:after { top:10px; transition:.3s; }
.link li:nth-child(2) a:after { background-position-x:-64px; }
.link li:nth-child(3) a:after { background-position-x:-128px; }
.link li:nth-child(4) a:after { background-position-x:-192px; }
.link li:nth-child(5) a:after { background-position-x:-256px; }
.link li:nth-child(6) a:after { background-position-x:-320px; }

.btmCon>div { height:360px; margin-top:20px; margin-bottom:20px; border-radius:15px; background-color:#fff; box-sizing:border-box; }
#notice { position:relative; padding:30px 40px 20px 40px; }
#notice h3 { margin-bottom:20px; color:#000; font-size:25px; font-weight:400; }
#notice .more { position:absolute; right:40px; top:47px; width:22px; height:22px; }
#notice .more:after,
#notice .more:before { content:''; position:absolute; background-color:#4c53e2; }
#notice .more:after { top:0; left:50%; margin-left:-1px; width:2px; height:100%; }
#notice .more:before { top:50%; left:0; margin-top:-1px; width:100%; height:2px; }
#notice ul li { position:relative; overflow:hidden; border-top:1px dashed #ddd; }
#notice ul li:first-child { border-top:none; }
#notice ul li a { font-weight:300; }
#notice ul li .tit { overflow:hidden; display:block; width:100%; padding-top:10px; padding-bottom:10px; background-color:#FFF; white-space:nowrap; text-overflow:ellipsis; transition:.3s; }
#notice ul li .tit.on { padding-bottom:80px; color:#4c53e2; font-size:18px; font-weight:400;  transition:.3s; }
#notice ul li .txt { position:absolute; bottom:-100%; display:none; width:100%; opacity:0; transition:1s; z-index:1; }
#notice ul li .txt.on { left:0; top:50px; bottom:auto; display:block; opacity:1; transition:1s; }

#calender { overflow:hidden; display:table; }
#calender .tit { position:relative; display:table-cell; padding:35px; width:45%; height:100%; background-color:#e2574c; box-sizing:border-box; border-radius:15px 0 0 15px }
#calender .month { text-align:center; color:#fff; font-size:25px; font-weight:300; letter-spacing:0; }
#calender .month span { display:inline-block; }
#calender .month a { display:inline-block; vertical-align:top; width:30px; height:30px; font-size:0; text-indent:-5000px; line-height:0; }
#calender .month .prev { margin-right:15px; background:url(/se/images/main/calender_prev.gif) center no-repeat; }
#calender .month .next { margin-left:15px; background:url(/se/images/main/calender_next.gif) center no-repeat; }
#calender .day { text-align:center; margin-top:10px; margin-bottom:35px; color:#fff; font-size:60px; letter-spacing:0; line-height:60px; }
#calender .tit ul { width:100%; }
#calender .tit ul li { position:relative; padding-left:13px; margin-top:10px; color:#fff; line-height:140%; }
#calender .tit ul li:after { content:''; position:absolute; left:0; top:7px; width:4px; height:4px; border-radius:100%; background-color:#fff; }
#calender .tit ul li a { display:inline-block; color:#fff; font-weight:400; word-break:keep-all; }
#calender .con { display:table-cell; width:55%; padding:0 20px; box-sizing:border-box; }
#calender table { text-align:center; width:100%; }
#calender table th, #calender table td { width:14.2%; letter-spacing:0; }
#calender table thead th { padding-bottom:20px; font-weight:400; }
#calender table tbody td { position:relative; padding-top:13px; padding-bottom:13px; font-weight:300; }
#calender table thead th:nth-of-type(1),
#calender table tbody tr td:nth-of-type(1) { color:#c63328; }
#calender table thead th:nth-of-type(7),
#calender table tbody tr td:nth-of-type(7) { color:#004192; }
#calender table tbody tr td.pass { color:#c1c1c1; }
#calender table a { position:relative; display:block; }
#calender table a:before { content:''; position:absolute; left:80%; top:0; width:4.5px; height:4.5px; border-radius:100%; background-color:#4c53e2; }
#calender table a.on { color:#333; font-weight:500; }
#calender table a.on:after { content:''; position:absolute; left:50%; bottom:0; margin-left:-9px; width:18px; height:2px; background-color:#333; }
#calender table td.today, #calender table td.today a{ color:#fff !important; font-weight:500; line-height:30px; z-index:1; }
#calender table td.today:before { content:''; position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-16px; width:30px; height:30px; border-radius:100%; background-color:#e2574c; z-index:-1; }

/*****************************************************************************************************************************************************************************************/ 

@media all and (max-width:1300px) {
	#pzone .list { padding-left:80px; padding-right:80px; width:auto; }
	#notice { height:auto; }
}

@media all and (min-width:769px) {
	.btmCon { overflow:hidden; padding-top:60px; padding-bottom:60px; }
	.btmCon>div { float:left; }
	#notice { width:42%; margin-right:3%; }
	#calender { width:55%;}
}

@media all and (max-width:768px) {
	#container { padding-bottom:20px; }
	#pzone>div { padding:20px; }
	#pzone .list { padding:0; }
	#pzone .list ul { overflow-x:auto; text-align:left; white-space:nowrap; font-size:0px; }
	#pzone .list li { display:inline-block !important; padding-right:4%; width:200%; max-width:1160px; }
	#pzone .list li p { float:none !important; display:inline-block; height:auto; }
	#pzone .list li p a img { height:auto; }
	#pzone .control, #pzone .control .btm_control { display:none; }
	.link { padding:20px; }
	.link li { margin-top:10px; margin-bottom:10px; width:32.3%; }
	.link li a { font-size:15px; }
	#notice, #calender { width:96%; margin:2%; }
}

@media all and (max-width:640px) {
	.btmCon>#calender { height:auto; }
	#calender .tit {border-radius:15px 15px 0 0;}
	#calender .tit, #calender .con { display:block; width:100%; }
	#calender .tit, #calender .con { padding-top:15px; }
}

@media all and (max-width:480px) {
	#notice ul li .tit.on { padding-bottom:100px; }
}