/* CSS Document utf-8 */
#main {width:100%; max-width:1200px; margin:0 auto; padding:0 15px 80px 15px; overflow:hidden;}
#main section {height:300px; padding:0; overflow:hidden;}
#main section>div {width:100%; height:100%; background:#fff;}

#main .visual {height:auto !important;}
#main .visual img {width:100%; height:auto;}

#main .gallery {background:rgba(0,0,0,.9);}

#main .notice div .first {height:70px; padding:30px; background:#fff;}
#main .notice div .first h2 {font-size:20px; height:50px; position:relative;}
#main .notice div .first .more {display:block; position:absolute; width:25px; height:25px; top:0; right:0; background:url(../images/common/icon_more.png) no-repeat 100% 0;}
#main .notice div .first .subject {max-height:50px; overflow:hidden; font-size:16px; color:#dc7163; word-break:break-all; line-height:1.6;}
#main .notice div .first span {display:block; padding-top:10px; font-size:12px; color:#999;}
#main .notice div ul {height:230px; padding:10px 20px; overflow:hidden;}
#main .notice div ul li a {display:block;margin-bottom:10px;text-overflow:ellipsis;white-space: pre-wrap;line-height: 1.2;font-size:16px;}

#main .program div {text-align:center; background:#f5f5f5; padding:40px 20px;}
#main .program i {display:inline-block; width:90px; height:85px; background:url(../images/main/icon_01.png) no-repeat 50%; margin:10px 0;}
#main .program div>p {font-weight:bold; color:#000; font-size:24px;}
#main .program ul {overflow:hidden; margin-top:20px;}
#main .program ul li {padding:5px;}
#main .program ul li a {display:block; padding:5px 10px; background:#fff; font-size:13px; border-radius:40px; border:1px solid #e0e0e0;}
#main .program ul li a:hover {border:1px solid #aaa;}

#main .icon div ul li {height:150px; text-align:center; padding:0 !important;}
#main .icon div ul li:hover {background:rgba(0,0,0,.02);}
#main .icon div ul li a {display:block; padding:23px;}
#main .icon div ul li a i {display:block; width:80px; height:80px; margin:0 auto;}
#main .icon div ul li a p {font-size:14px; color:#000;}
#main .icon div ul li:nth-child(1) {border-right:1px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.5);}
#main .icon div ul li:nth-child(2) {border-bottom:1px solid rgba(255,255,255,.5);}
#main .icon div ul li:nth-child(3) {border-right:1px solid rgba(255,255,255,.5);}
#main .icon div ul li:nth-child(1) a i {background:url(../images/main/icon_02.png) no-repeat 50%;}
#main .icon div ul li:nth-child(2) a i {background:url(../images/main/icon_03.png) no-repeat 50%;}
#main .icon div ul li:nth-child(3) a i {background:url(../images/main/icon_05.png) no-repeat 50%;}
#main .icon div ul li:nth-child(4) a i {background:url(../images/main/icon_06.png) no-repeat 50%;}

#main .counsel {text-align:center;}
#main .counsel div {padding:30px 20px;}
#main .counsel i {display:inline-block; width:90px; height:85px; background:url(../images/main/icon_04.png) no-repeat 50%;}
#main .counsel div p {margin:5px 0;}
#main .counsel div p.tel {font-weight:bold; color:#000; font-size:30px;}
#main .counsel div a {margin-top:20px; display:inline-block; width:120px; height:40px; text-align:center; background:#f5f5f5; color:#000; line-height:40px; border-radius:40px;}
@media (max-width: 991px) {
	#main {padding:15px !important;}
	#main section.info {float:right !important;}
	.slider ul li span:nth-child(1) {padding-top:50px !important;}
}
@media (max-width: 767px) {
	#main section {height:250px !important;}
	#main .notice div .first {padding:15px 20px 0 20px !important;}
	#main .notice div ul {padding:15px 20px !important;}
	#main .visual img {width:100%; height:auto;}
	#main .icon div ul li {height:125px !important; padding:0 !important;}
	#main .program div {padding:20px !important;}
	#main .counsel div {padding:20px !important;}
	#main .counsel div a {margin-top:0 !important;}
	#main .notice div ul {height:180px;}
	#main .icon div ul li a {padding:10px;}
}