@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.04.06 | 김소화 | 최초 등록
 * 2020.04.09 | 김소화 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 디자인팀 김소화
 * @since 2020.04.02
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */


/* html,
body,
#container, #wrap, #body,
.container{
	height:100%;
} */

/* 배치.메인 20200407 */


@font-face {
    font-family: 'Tenada';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

#head{border-bottom:0}

#wrap{}
	#wrap>.container{
		width:auto; /* ☆ */
		max-width:none;
		margin:auto;
	}
	#body{
		/* z-index:0; ☆ z ( #go1mainbody > #foot ) */
		position:relative;
		margin:auto;
		padding:0;
		line-height:1.375;
	}
		/* #body>.container{} 없음. mainbody 있으므로 */
			[id^='mainbody']{
				position:relative;
				background:url() no-repeat center top;
				background-size:cover;
			}
			#mainbody1{}
			#mainbody2{background:#f5f5f5}
			#mainbody3{background:#fff url(../../img/main/mainbody3_bg3.png) no-repeat 100% 50%}
				[id^='mainbody']>.container{padding:80px 0;}
				#mainbody1>.container{padding:0}
				#mainbody3>.container{overflow:visible}
					#mainbody3>.container:before{content:'';
						display:block;position:absolute;right:-80px;top:-350px;
						width:610px;height:610px;
						background:url(../../img/main/mainbody3_bg2.png) no-repeat;
					}
					#mainbody3>.container:after{content:'';
						display:block;position:absolute;right:-60px;top:72px;
						width:392px;height:259px;
						background:url(../../img/main/mainbody3_bg1.png) no-repeat;
					}
					#mainbody4>.container:before{content:'';
						display:block;position:absolute;left:-400px;top:-350px;
						width:684px;height:684px;
						background:url(../../img/main/mainbody4_bg1.png) no-repeat;
					}
				@media all and (max-width:999px){
					#mainbody3>.container:before,
					#mainbody3>.container:after,
					#mainbody4>.container:before{display:none}	
				}
					

		#foot_s1{border-top:0}

#wing{}


/* ◇◆ 공통 조정 ◇◆ */
/* none  */


/* ☆감춤 20200407 */
/* none ★☆ToEdit) 나중에 작업할거 ☆  */


/* ☆공용 20200407 */
/* none */
.init img{max-width:100%;} /* ☆ */


#mainbody1{height:570px;background:#0686b5 url(../../img/main/mainbody1_bg1.gif) no-repeat 50% 0;}
#mainbody1 .tg1{display:block;
	text-align:center;
	padding:70px 0 0;
}
#mainbody1 .tg1 .t1{color:#fff;
	font-weight:600;
	font-size:62px;
	line-height:100%;
}
#mainbody1 .tg1 .t1 b{
    font-family: 'Tenada';
	font-size:65px;
	display:inline-block;
	vertical-align:top;
	margin:10px 0 0
}
#mainbody1 .tg1 .t2{color:#fdff7b;
	font-weight:600;
	font-size:62px;
	margin-top:-10px;
}
#mainbody1 .tg1 .t3{color:#fff;
	font-size:22px;
}

@media all and (max-width:1259px){
	#mainbody1{height:540px;}
	#mainbody1 .tg1 .t1{font-size:55px;}
	#mainbody1 .tg1 .t1 b{font-size:58px;margin-top:7px;}
	#mainbody1 .tg1 .t2{font-size:55px;}
}
@media all and (max-width:767px){
	#mainbody1{height:480px;}
	#mainbody1 .tg1 .t1{font-size:40px;}
	#mainbody1 .tg1 .t1 b{font-size:43px;margin-top:7px;}
	#mainbody1 .tg1 .t2{font-size:40px;}
	#mainbody1 .tg1 .t3{font-size:17px;word-break:keep-all;}
}
@media all and (max-width:479px){
	#mainbody1 .tg1 .t1{font-size:32px;}
	#mainbody1 .tg1 .t2{font-size:32px;}
}

#mainbody2{background:#f8fafc;}

#bbs1{float:left;
	position:relative;
	width:760px;
	height:400px;
	background:#fff;
	border-radius:20px 0 0 50px;
	margin:-340px 0 0 0;
}
#bbs1:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;height:56px;
	background:#363940;
	border-radius:20px 0 0 0;
	z-index:5;
}
#bbs1:after{content:'';
	display:block;
	position:absolute;left:53px;top:-220px;
	width:262px;
	height:239px;
	background:url(../../img/main/mainbody1_bg2.png) no-repeat 0 0 / contain;
	z-index:0;	
}
#bbs1 .tab{position:absolute;left:0;top:0;
	width:180px;height:56px;
	z-index:10;
}
#bbs1 .tab a{display:block;
	color:#d4d4d4;
	width:100%;
	height:100%;
	line-height:56px;
	font-size:18px;
	text-align:center;
}
#bbs1 .tab:nth-of-type(2){left:180px;}
#bbs1 .tab.on{background:#fff;
	border-radius:20px 20px 0 0;
	height:70px;
	top:-14px;
	box-shadow: 0px -10px 5px 0px rgba(0,0,0,0.1);
}
#bbs1 .tab.on a{
	color:#3185a7;
	font-size:20px;
	line-height:70px;
}
#bbs1 .cont{position:relative;
	padding:0 50px 50px;
	margin-top:120px;
}
#bbs1 .cont li{margin:10px 0;}
#bbs1 .cont li>a{display:block;position:relative;}
#bbs1 .cont li>a .t1{display:block;
	font-weight:600;
	color:#555;
	padding:0 120px 0 0;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
#bbs1 .cont li>a .t2{display:none}
#bbs1 .cont li>a .date{position:absolute;right:0;top:2px;
	color:#a1a1a1;
	font-size:14px;
}
#bbs1 .cont li>a .new{position:absolute;left:0;top:0;text-indent:-9999px;
	width:24px;height:24px;
	border-radius:10px;
	background:#ef1539;
}
#bbs1 .cont li>a .new:before{content:'N';
	text-indent:0;
	color:#fff;
	font-weight:bold;
	position:absolute;left:0;right:0;top:0;
	font-size:10px;
	text-align:center;
	line-height:24px;
}
#bbs1 .cont li:first-child{margin:0 0 20px}
#bbs1 .cont li:first-child>a{
	border-bottom:1px solid #ddd;
	padding:0 0 20px;
}
#bbs1 .cont li:first-child>a:before{content:'';
	display:block;
	position:absolute;left:0;top:-30px;
	width:30px;height:18px;
	background:url(../../img/main/ic60a1quotes.png) no-repeat 0 0 / contain
}
#bbs1 .cont li:first-child>a .t1{
	color:#000;
	font-size:22px;
	margin-bottom:10px;
	padding:0 0 0 35px;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
	width:calc(100% - 35px);
}
#bbs1 .cont li:first-child>a .t2{display:block;
	height:40px;
	color:#333;
	overflow:hidden;
	margin-bottom:20px;
}
#bbs1 .cont li:first-child>a .date{position:static;display:block;}
#bbs1 .cont li>a .new + .t1{padding-left:30px}


#bbs1 .cont a.more{display:block;
	position:absolute;right:50px;top:-100px;
	color:#fff;
	font-size:15px;
	opacity:0.7;
	z-index:10
}
#bbs1 .cont a.more:after{content:'';
	display:inline-block;
	width:18px;height:15px;
	margin:2px 0 0 5px;
	vertical-align:top;
	background:url(../../img/main/arrow3.png) no-repeat;
}

#pr1{float:right;
	position:relative;
	background:#fff;
	width:600px;
	height:400px;
	border-radius:0 50px 0 0;
	margin:-340px 0 80px 0;
	overflow:hidden;
	font-size:0;
}
#pr1 .menu{position:absolute;right:0;bottom:0;
	padding:10px 20px;
	border-radius:20px 0 0 0;
	background:rgba(0,0,0,0.8);
}
#pr1 .menu *{display:inline-block;vertical-align:middle;font-size:0}
#pr1 .menu button{border:0;background:transparent;}
#pr1 .menu .m{width:30px;height:30px;background:url() no-repeat 50% 50% / contain;}
#pr1 .menu .m.prev{background-image:url(../../img/main/ic40a1prev1.png)}
#pr1 .menu .m.next{background-image:url(../../img/main/ic40a1next1.png)}
#pr1 .menu .m.play,
#pr1 .menu .m.stop{background-color:#3185a7;
	border-radius:100%;
	background-size:20px 20px;
}
#pr1 .menu .m.play{background-image:url(../../img/main/ic40a1play1.png)}
#pr1 .menu .m.stop{background-image:url(../../img/main/ic40a1pause1.png)}

#pr1 .mCounter{margin-right:10px;color:#fff;}
#pr1 .mCounter .on,
#pr1 .mCounter .total{font-size:16px;s}
#pr1 .menu .mNum{margin:0 10px;width:70px;}
#pr1 .menu .mNum li{position:relative;}
#pr1 .menu .mNum li button{display:none}
#pr1 .menu .mNum li:after{content:'';
	display:block;
	position:absolute;left:0;top:50%;
	width:0;height:3px;
	margin-top:-1.5px;
	background:#3185a7;
}
@keyframes width1 {
	100% {width:70px}
}
#pr1 .menu .mNum li button{}
#pr1 .menu .mNum li.slick-active{padding-right:80px;}
#pr1 .menu .mNum li.slick-active:before{content:'';
	display:block;
	position:absolute;left:0;top:50%;
	width:70px;height:3px;
	margin-top:-1.5px;
	background:#ccc
}
#pr1 .menu .mNum li.slick-active:after{animation:width1 4.3s forwards ease-out;}
#pr1 .menu .mNum li.slick-active button{}



@media all and (max-width:1459px){
	#bbs1{width:calc(100% - 630px);margin-right:30px;}
	#bbs1:after{left:20px;}
}
@media all and (max-width:1259px){
	#pr1{width:500px;height:333px;}
	
	#bbs1{width:calc(100% - 530px);height:333px}
	#bbs1 .cont{margin-top:80px;padding:0 30px 50px}
	#bbs1 .cont li:first-child>a:before{display:none;}
	#bbs1 .cont li:nth-child(4){display:none;}
	#bbs1 .cont a.more{top:-63px;right:30px}
	#bbs1:after{width:200px;height:182px;top:-160px}
}
@media all and (max-width:1054px){

	#pr1{float:none;margin:30px auto 50px;}

	#bbs1{clear:both;float:none;width:100%;padding:80px 0 0;height:auto;}
	#bbs1 .cont{padding:0 30px 30px;margin:0}
	#bbs1:after{display:none;}
}
@media all and (max-width:539px){
	#pr1{width:100%;height:auto;}
}
@media all and (max-width:479px){
	#bbs1 .cont a.more{position:static;
		display:block;
		background:#0988b8;
		text-align:center;
		width:100px;
		padding:5px 0;
		margin:20px auto 0;
		border-radius:20px;
		opacity:1
	}
	#bbs1 .tab{width:140px;}
	#bbs1 .tab:nth-of-type(2){left:140px;}
	#bbs1 .tab.on{height:60px;top:-4px;}
	#bbs1 .tab.on a{font-size:18px;line-height:60px;}
	#bbs1 .cont li:first-child>a .t2{margin-bottom:10px;}
	#bbs1 .cont li>a .t1{padding:0}
	#bbs1 .cont li>a .date{display:none;}

	#pr1 .menu{position:static;border-radius:0;text-align:center;}
}



#reservation1{z-index:100;clear:both;float:none;position:relative;}
#reservation1 h2.h1{font-weight:400;color:#000;font-size:42px;line-height:120%;margin-bottom:40px;}
#reservation1 h2.h1 b{font-weight:600;color:#1987ad;}
#reservation1 .search1select3{
	background:#363940;
	border-radius:30px;
	height:60px;
	overflow:hidden;
	padding:0 30px;
	position:absolute;right:0;top:20px;
}
#reservation1 .search1select3 select{float:left;
	width:140px;
	height:60px;
	margin:0;
	border:0;
	background:#363940;
	color:#fff;
}
#reservation1 .datalist{margin:0 -20px 30px;}
#reservation1 .item a{display:block;
	position:relative;
	border-radius:40px 0 40px;
	overflow:hidden;
	transition:.2s ease-out;
	margin:20px 20px 0;
}
#reservation1 .item a .f1{width:100%;height:260px;background:#eee;}
#reservation1 .item a .f1 img{width:100%}
#reservation1 .item a .tg1{position:absolute;left:0;right:100px;bottom:0;
	border-radius:0 40px 0 0;
	background:rgba(255,255,255,0.8);
	padding:25px 30px 20px;
	transition:.2s ease-out;
}
#reservation1 .item a .tg1 .cate{position:absolute;left:30px;top:-15px;
	text-align:center;
	font-size:14px;
	color:#fff;
	background:#000;
	border-radius:20px;
	padding:5px 20px
}
#reservation1 .item a .tg1 .cate[data-gubun='체육시설']{background:#10739a}
#reservation1 .item a .tg1 .cate[data-gubun='시설대관']{background:#089791}
#reservation1 .item a .tg1 .cate[data-gubun='문화시설']{background:#f04b42}
#reservation1 .item a .tg1 .t1{color:#000;font-size:22px;font-weight:600;margin:0 0 5px}
#reservation1 .item a .tg1 .date{color:#555;font-size:15px}
#reservation1 .item a .tg1 .date:before{content:'';
	display:inline-block;
	width:17px;height:17px;
	background:url(../../img/main/ic34a1setting.png) no-repeat 0 0 / contain;
	vertical-align:middle;
	margin:0 5px 0 0;
}
#reservation1 .item a:hover,
#reservation1 .item a:focus{margin-top:0;
	box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.35);	
}
#reservation1 .item a:hover .tg1,
#reservation1 .item a :focus .tg1{background:#fff}
#reservation1 .menu{text-align:center;}
#reservation1 .menu .mNum{display:inline-block;}
#reservation1 .menu .mNum li{display:inline-block;}
#reservation1 .menu .mNum li button{border:0;margin:0;
	background:#aaa;
	width:20px;height:5px;
	box-sizing:border-box;
	text-indent:-9999px;
}
#reservation1 .menu .mNum li.slick-active button{background:#fff;border:5px solid #10739a;width:20px;height:20px;border-radius:100%;margin-top:-1px;}
#reservation1 .menu .m{display:inline-block;
	position:relative;
	width:35px;height:35px;
	border-radius:100%;
	background:#363940;
	border:0;
	margin-left:5px;
}
#reservation1 .menu .m:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	background:url() no-repeat 0 0 / contain;
	width:20px;height:20px;
	margin:-10px;
}
#reservation1 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause2.png)}
#reservation1 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play2.png)}
#reservation1 .menu .mCounter{display:inline-block;background:#363940;height:35px;line-height:35px;text-align:center;
	padding:0 20px;
	border-radius:30px;
	color:#fff;
	margin-left:10px;
}
#reservation1 .menu .mCounter .on{color:#fff}
#reservation1 .mControl .m{position:absolute;top:50%;
	border:0;
	margin:0;
	width:60px;height:60px;
	border-radius:100%;
	background:#fff url() no-repeat 50% 50% / 18px 15px;
}
#reservation1 .mControl .m.prev{left:-80px;background-image:url(../../img/main/arrow2.png)}
#reservation1 .mControl .m.next{right:-80px;background-image:url(../../img/main/arrow1.png)}


@media all and (max-width:1459px){
	#reservation1 .item a .tg1{right:50px;}
}
@media all and (max-width:999px){
	#reservation1 h2.h1{text-align:center;font-size:32px;margin-bottom:20px}
	#reservation1 h2.h1 br{display:none}
	#reservation1 .search1select3{position:static;max-width:500px;margin:0 auto 20px}
	#reservation1 .search1select3 select{width:33.333%}
	#reservation1 .datalist{margin:0 -10px 30px}
	#reservation1 .item a{margin:20px 10px 0}
}
@media all and (max-width:767px){
	#reservation1 .item a .f1 img{width:100%;height:100%}
	#reservation1 .item a .tg1{right:30px;padding:25px 20px 20px}
	#reservation1 .item a .tg1 .t1{font-size:18px;}
}
@media all and (max-width:639px){
	#reservation1 .item a .f1{height:110px;overflow:hidden}
	#reservation1 .item a .f1 img{height:auto}
	#reservation1 .item a .tg1{position:static;border-radius:0;background:#fff}
	#reservation1 .item a .tg1 .cate{display:inline-block;position:static;width:auto;margin:0 0 10px}
}
@media all and (max-width:479px){
	#reservation1 h2.h1{font-size:23px}
	#reservation1 .item a .tg1 .date{font-size:13px;}
	#reservation1 .datalist{margin:0 -5px 30px}
	#reservation1 .item a{margin:20px 5px 0}
	#reservation1 .item a .f1{height:170px;}
	#reservation1 .item a .tg1{padding:20px 15px;}
	#reservation1 .item a .tg1 .t1{font-size:16px;}
	#reservation1 .menu .mNum li button{width:15px;}	
	#reservation1 .menu .mNum li.slick-active button{width:15px;height:15px;border-width:3px;}
}



#facility1{z-index:100;position:relative;}
#facility1 h2.h1{font-weight:400;color:#000;font-size:42px;line-height:120%;margin-bottom:40px}
#facility1 h2.h1 b{font-weight:600;color:#1987ad;}
#facility1 #tabs1{margin-bottom:30px}
#facility1 #tabs1 ul{display:inline-block;
	background:#363940;
	border-radius:30px;
	height:60px;
	overflow:hidden
}
#facility1 #tabs1 li{float:left;width:180px;height:100%;}
#facility1 #tabs1 li a{display:block;
	width:100%;height:100%;
	line-height:60px;
	text-align:center;
	color:#fff;
}
#facility1 #tabs1 li.on a{background:#3185a7;border-radius:30px;}
#facility1 .datalist{margin:0 -20px 30px;}
#facility1 .item{position:relative;}
#facility1 .item .a1{display:block;
	position:relative;
	border-radius:0 0 0 40px;
	overflow:hidden;
	transition:.2s ease-out;
	margin:20px 20px 0;
	background:#f4f9fb;
}
#facility1 .item .a1 .f1{width:100%;height:170px;background:#eee;border-radius:0 0 40px 0;overflow:hidden;}
#facility1 .item .a1 .f1 img{width:100%}
#facility1 .item .a1 .tg1{padding:30px;}
#facility1 .item .a1 .tg1 .t1{color:#000;font-size:24px;font-weight:600;margin-bottom:15px;}
#facility1 .item .a1 .tg1 .t2{position:relative;color:#555;padding:0 0 0 17px;margin-bottom:3px;}
#facility1 .item .a1 .tg1 .t2:before{content:'';
	position:absolute;left:0;top:3px;
	display:block;
	width:12px;height:15px;
	background:url() no-repeat 0 0 / contain;
	vertical-align:middle;
	margin:0;
}
#facility1 .item .a1 .tg1 .t2.address:before{background-image:url(../../img/main/ic24a1pointer.png)}
#facility1 .item .a1 .tg1 .t2.phone:before{background-image:url(../../img/main/ic24a1phone.png)}
#facility1 .item .a1 .tg1 .t3{display:inline-block;
	color:#10739a;
	font-size:14px;
	padding:2px 0;
	border-top:1px solid #10739a;
	border-bottom:1px solid #10739a;
	margin:0 0 10px;
}
#facility1 #tabCont2 .item .a1 .tg1 .t3{color:#f04b42;border-color:#f04b42;}
#facility1 #tabCont3 .item .a1 .tg1 .t3{color:#089791;border-color:#089791;}

#facility1 .item:hover .a1,
#facility1 .item:focus .a1{margin-top:0;
	box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.35);	
	background:#fff;
}
#facility1 .item .btns{
	position:absolute;right:40px;top:180px;
	opacity:0;
	transition:.2s ease-out;
}
#facility1 .item .btns .m{display:inline-block;
	background:#000;
	border-radius:100%;
	color:#fff;
	text-align:center;
	width:70px;height:70px;
	box-sizing:border-box;
	padding:17px 0 0;
	line-height:120%;
	font-size:15px;
}
#facility1 .item .btns .m1{background:#2c99cd}
#facility1 .item .btns .m2{background:#ff5a37}
#facility1 .item:hover .btns,
#facility1 .item:focus .btns{top:150px;opacity:1}
#facility1 .menu{text-align:center;}
#facility1 .menu .mNum{display:inline-block;}
#facility1 .menu .mNum li{display:inline-block;}
#facility1 .menu .mNum li button{border:0;margin:0;
	background:#aaa;
	width:20px;height:5px;
	box-sizing:border-box;
	text-indent:-9999px;
}
#facility1 .menu .mNum li.slick-active button{background:#fff;border:5px solid #10739a;width:20px;height:20px;border-radius:100%;margin-top:-1px;}
#facility1 .menu .m{display:inline-block;
	position:relative;
	width:35px;height:35px;
	border-radius:100%;
	background:#363940;
	border:0;
	margin-left:5px;
}
#facility1 .menu .m:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	background:url() no-repeat 0 0 / contain;
	width:20px;height:20px;
	margin:-10px;
}
#facility1 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause2.png)}
#facility1 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play2.png)}
#facility1 .menu .mCounter{display:inline-block;background:#363940;height:35px;line-height:35px;text-align:center;
	padding:0 20px;
	border-radius:30px;
	color:#fff;
	margin-left:10px;
}
#facility1 .menu .mCounter .on{color:#fff}
#facility1 .mControl .m{position:absolute;top:50%;
	border:0;
	margin:0;
	width:60px;height:60px;
	border-radius:100%;
	background:#f5f8f8 url() no-repeat 50% 50% / 18px 15px;
}
#facility1 .mControl .m.prev{left:-80px;background-image:url(../../img/main/arrow2.png)}
#facility1 .mControl .m.next{right:-80px;background-image:url(../../img/main/arrow1.png)}

@media all and (max-width:1459px){
	#facility1 .item .btns{top:200px}
	#facility1 .item:hover .btns,
	#facility1 .item:focus .btns{top:180px;}
}
@media all and (max-width:999px){
	#facility1 h2.h1{text-align:center;font-size:32px;margin-bottom:20px;word-break:keep-all;}
	#facility1 h2.h1 br{display:none}
	#facility1 .datalist{margin:0 -10px 30px}
	#facility1 .item .a1{margin:20px 10px 0}
	#facility1 .item .btns{display:none}
	#facility1 #tabs1 ul{width:100%;max-width:500px;margin:auto}
	#facility1 #tabs1 li{width:33.333%}
}
@media all and (max-width:767px){
	#facility1 .item .a1 .f1 .f1p1{height:100%}
	#facility1 .item .a1 .f1 img{height:100%}
	#facility1 .item .a1 .tg1{padding:18px}
	#facility1 .item .a1 .tg1 .t1{font-size:20px}
}
@media all and (max-width:479px){
	#facility1 h2.h1{font-size:22px}
	#facility1 #tabs1 ul{height:50px;}
	#facility1 #tabs1 li a{line-height:50px;}
	#facility1 .item .a1 .f1 img{height:auto}
	#facility1 .item .a1 .tg1{padding:20px 25px}
	#facility1 .item .a1 .tg1 .t1{font-size:20px;margin-bottom:10px}
	#facility1 .item .a1 .tg1 .t2{font-size:13px}
	#facility1 .item .a1 .tg1 .t2:before{top:0}
	#facility1 .menu .mNum li button{width:15px;}	
	#facility1 .menu .mNum li.slick-active button{width:15px;height:15px;border-width:3px;}
}

#mainbody4{background:#e9f3f7;}

#menu1{}
#menu1 h2.h1{
	text-align:center;
	font-weight:400;
	color:#000;
	font-size:42px;
	line-height:120%;
	margin:0 0 40px;
}
#menu1 h2.h1 b{font-weight:600;color:#1987ad;}
#menu1 a{display:block;background:#fff;
	padding:40px;
	border-radius:0 0 40px 0;
	text-align:center;
	transition:.2s ease-out;
}
#menu1 a .t1{display:block;color:#999;margin:0 0 5px}
#menu1 a .t2{display:block;color:#000;font-size:20px;font-weight:600;}
#menu1 a:before{content:'';
	display:block;
	width:75px;height:75px;
	margin:0 auto 10px;
	background:url() no-repeat 0 0 / contain;
}
#menu1 li:nth-child(1) a:before{background-image:url(../../img/main/menu1p01.png)}
#menu1 li:nth-child(2) a:before{background-image:url(../../img/main/menu1p02.png)}
#menu1 li:nth-child(3) a:before{background-image:url(../../img/main/menu1p03.png)}
#menu1 li:nth-child(4) a:before{background-image:url(../../img/main/menu1p04.png)}
#menu1 a:hover,
#menu1 a:focus{background:#10739a;}
#menu1 a:hover .t1,
#menu1 a:focus .t1,
#menu1 a:hover .t2,
#menu1 a:focus .t2{color:#fff;}

@media all and (max-width:999px){
	#menu1 h2.h1{text-align:center;font-size:32px;margin-bottom:20px;word-break:keep-all;}
	#menu1 h2.h1 br{display:none}
	#menu1 .column{width:50% !important}
}
@media all and (max-width:479px){
	#menu1 h2.h1{font-size:22px}
	#menu1 a{padding:40px 0}
	#menu1 a .t2{font-size:18px}
}