@charset "utf-8";
* {box-sizing: border-box;}
h2.tit{ font-size: 36px; font-weight:700;}

/* 메인비주얼 */
.main_visual {position:relative; width:100%; height:100%;}
/* 이미지 */
.main_visual .visual{position:relative; height:100%; z-index:100; top:0; }
.main_visual .visual img{width:100%; height:100%; object-fit: cover; object-position: center top;}
.main_visual .visual .slick-list, .main_visual .visual .slick-track{height:100%;}
/* 슬로건 */
.main_visual .slogan_wrap{position:absolute; top: 220px; left:calc(50% - 700px); z-index:200; max-width:1400px;  }
.main_visual .slogan{ position:relative;}
.main_visual .slogan .item{ overflow:hidden; letter-spacing:-1px; color:#fff; padding-left: 10px; }
.main_visual .slogan .item strong{ font-size:50px; font-weight:700; line-height:1.2; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);}
.main_visual .slogan .item p{ font-size:22px; margin-top:20px; font-weight: 300; letter-spacing: 0; text-shadow: 0 0 5px rgba(0, 0, 0, 1);}
/* visual slide 버튼 */
.main_visual .control { height:45px; display: flex; align-items: center; padding:0 20px; margin-top:50px; font-size: 20px; font-weight: 400; border-radius: 20px; background:rgba(255, 255, 255, 0.75); float: left;}
.main_visual .control .page{ font-size: 16px; color:#555; margin-right: 15px;}
.main_visual .control .page strong{font-weight: 600; color:#245592; }
.main_visual .control .page strong:after{ content:"/"; display: inline-block; font-size: 12px; vertical-align: middle; margin: 0 8px;}
.main_visual .control button{color: #555; transition: all 0.15s;}
.main_visual .control button.stop,
.main_visual .control button.play{margin: 0 8px;}
.main_visual .control button.play{display: none;}
.main_visual .control button:focus,
.main_visual .control button:hover{color: #3e8fff;}
.main_visual .control .prev:focus,
.main_visual .control .prev:hover {transform: translateX(-4px); }
.main_visual .control .next:focus,
.main_visual .control .next:hover {transform: translateX(4px); }

/* 바로가기 */
.link01 ul{ text-align: right;}
.link01 ul li{ display: inline-block;}
.link01 ul li + li{ margin-left:20px;}
.link01 ul li a{ position:relative; display: flex; gap: 10px; width: 230px; height: 230px; padding:25px; color:#192E74; font-size: 20px; line-height:1.2; font-weight:700; text-align: center; align-items: center; justify-content: center; flex-direction: column; border-radius:50%; background:rgba(255, 255, 255, 0.5); box-shadow:1px 1px 10px rgba(0, 0, 0, 0.3); transition: all 0.3s;}
.link01 ul li a p{ margin-bottom: 0.5rem; word-break: keep-all; word-break: break-word;}
.link01 ul li a img{ width:87px; height: auto;}
.link01 ul li a:hover,
.link01 ul li a:focus{ background:#1C569C; color:#fff;}
.link01 ul li a:hover img,
.link01 ul li a:focus img{ filter: brightness(100);}

/* notice */
.board_wrap .titTab{ padding:10px 70px 10px 10px; margin-bottom:40px; border-radius:50px; background:#076CAF; }
.board_wrap .titTab ul{ display: flex; width:calc(100% + 50px); margin-left:-25px;}
.board_wrap .titTab li{ position:relative; padding:0 25px; }
.board_wrap .titTab li a{ min-width: 100px; height: 50px; display: flex; align-items: center; justify-content: center; padding:0 20px; color:#fff; text-align: center; border-radius:30px; transition: all 0.2s;}
.board_wrap .titTab li + li:before{ position:absolute; left:-3px; top:calc(50% - 3px); width:6px; height:6px; border-radius:50%; background:rgba(255, 255, 255, 0.5); content:"";}
.board_wrap .titTab li a.current{ background:#fff; font-weight: 700; color:#024A79}
.board_wrap .list_box{ display: none; min-height:330px; gap: 10px 40px;}
.board_wrap .list_box.on{ display: flex;}
.board_wrap .contVisual{ flex: 1; min-width: 0px;}
.board_wrap .contVisual a{ position:relative; display: flex; flex-direction: column; gap: 20px; align-items: start; padding:40px 50px; border-radius:20px; border:1px solid #0D88DA; font-size: 18px; transition: all 0.2s;}
.board_wrap .contVisual a > h4{ display:-webkit-box; -webkit-box-orient: vertical; font-size: 20px; font-weight: 600; color:#111; line-height:30px; height:60px; overflow: hidden; line-clamp: 2; -webkit-line-clamp: 2; text-overflow: ellipsis; }
.board_wrap .contVisual a > p{ max-width:100%; display:-webkit-box; -webkit-box-orient: vertical; line-height:27px; height:80px; overflow: hidden; line-clamp: 3; -webkit-line-clamp: 3; text-overflow: ellipsis; }
.board_wrap .contVisual a > span{ width: 100%; text-align: right; font-size: 17px; color:#777;}
.board_wrap .contList{ flex: 2; min-width: 0px; display: flex;}
.board_wrap .contList ul { display: flex; flex-direction: column; min-width: 0; width:100%;}
.board_wrap .contList li { flex: 1;}
.board_wrap .contList li:nth-of-type(n+6){ display: none;}
.board_wrap .contList li + li{ border-top:1px dashed #ddd;}
.board_wrap .contList a { display: flex; align-items: center; gap: 0 20px; font-size: 18px; line-height:30px; padding: 20px 0; min-width: 0; transition: all 0.2s;}
.board_wrap .contList a > p{ position:relative; flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.board_wrap .contList a > em { flex-shrink: 0;}
.board_wrap .contList a > span { flex-shrink: 0; color:#777}

.board_wrap .btn_more{ position:absolute; right:10px; top:0; width:50px; height:50px; display: flex; align-items: center; justify-content: center; font-size: 23px; color:#111; border-radius:50%; background:#fff; transition: 0.3s;}
.board_wrap .btn_more:hover,
.board_wrap .btn_more:focus{ background:#245592; color:#fff; transform: rotate(180deg); box-shadow:0 0 5px rgba(0, 0, 0, 0.6);}

/* notice : cate color */
.board_wrap em{ min-width:200px; line-height:30px; text-align: center; padding:0 10px; border-radius:20px; font-weight: 600; font-size: 15px;}
.board_wrap em.cate1{ color:#008BD2; background:#E6F4FB;}
.board_wrap em.cate2{ color:#009881; background:#E6F5F3;}
.board_wrap em.cate3{ color:#1B4E8D; background:#EAEEF5;}

/* notice : new */
.board_wrap .contVisual a.new:before,
.board_wrap .contList a.new p:before{ content:"N"; position:absolute; width:30px; height:30px; border-radius:50%; background:#F03E91; color:#fff; display:flex; align-items: center; justify-content: center; font-size: 15px; }
.board_wrap .contVisual a.new:before{ right:50px; top:40px; }
.board_wrap .contList a.new > p{ padding-left:40px;}
.board_wrap .contList a.new > p:before{ left:0; top:0; }

/* notice : no data */
.board_wrap .no_data{ width:100%; min-height:100%; display: flex; align-items: center; justify-content: center; padding:30px 20px; border: 1px solid #ddd; border-radius:20px; background:#f8f8f8;}

/* notice : active */
.board_wrap .titTab li a:not(.current):hover,
.board_wrap .titTab li a:not(.current):focus{ text-decoration: underline;}
.board_wrap .contVisual a:hover,
.board_wrap .contVisual a:focus{ box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.board_wrap .contList a:hover,
.board_wrap .contList a:focus{ font-weight: 700;}

/* popupzone */
.popup_wrap{ width: 100%;}
.popup_wrap .tit_wrap{ display: flex; align-items: center; gap: 20px; margin-bottom:30px;}
.popup_wrap .tit_wrap h2{ flex: 1; flex-shrink: 0; font-weight: 900;}
.popup_wrap .tit_wrap h2 span{ color:#1F6ACA; }

.popup_wrap .control{ display: flex; align-items: center; gap: 0 5px;}
.popup_wrap .control .page{ margin-right: 10px;}
.popup_wrap .control .page strong{ color:#1F6ACA; font-weight:700; font-size: 20px; }
.popup_wrap .control .page span{ font-size: 16px; color:#666; }
.popup_wrap .control .page span:before{ content: '/'; display: inline-block; vertical-align: bottom; font-size: 14px; margin:0 8px; }
.popup_wrap .control button{ width: 50px; height:50px; border-radius:50%; text-align: center; line-height:50px; border:1px solid #ccc; font-size: 20px; background:#fff; transition: all 0.2s;}
.popup_wrap .control button.play{ display: none;}
.popup_wrap .control button:hover,
.popup_wrap .control button:focus{ background:#1F6ACA; border-color:#1F6ACA; color:#fff;}

.popup_wrap .slider{ border-radius: 20px; overflow: hidden;}
.popup_wrap .slider .item a{ display: block; height:450px; background:#f8f8f8;}
.popup_wrap .slider .item a img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}

/* sns */
.snsLink_wrap{ height: 100%; display: flex; flex-direction: column; gap: 30px;}
.snsLink_wrap .snsLink{ display: flex; justify-content: end; align-items: center; gap: 0.5rem;}
.snsLink_wrap .snsLink a{ display: flex; align-items: center; justify-content: center; width:50px; height:50px; font-size: 22px; border-radius: 50%; border:1px solid; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); transition: background-color 0.2s;}
.snsLink_wrap .snsLink a.sns_youtube{ color:#EF3125; border-color:#DA1609; background:#FFE8E6;}
.snsLink_wrap .snsLink a.sns_insta{ color:#F6561F; border-color:#F6561F; background:#FFF0E3;}
.snsLink_wrap .snsLink a.sns_blog{ border-color:#4BCE27; background:#E7FDE1;}
.snsLink_wrap .snsLink a.sns_facebook{ color:#1873EB; border-color:#1873EB; background:#EFF6FF;}
.snsLink_wrap iframe{ flex: 1; border-radius: 20px 120px 20px 20px;}
.snsLink_wrap .snsLink a.sns_youtube:hover,
.snsLink_wrap .snsLink a.sns_youtube:focus{ background:#EF3125; color:#fff;}
.snsLink_wrap .snsLink a.sns_insta:hover,
.snsLink_wrap .snsLink a.sns_insta:focus{ background:#F6561F; color:#fff;}
.snsLink_wrap .snsLink a.sns_blog:hover,
.snsLink_wrap .snsLink a.sns_blog:focus{ background:#4BCE27 url(../../../images/template/00002/main/ico_sns_blog_on.png) no-repeat center; color:#fff;}
.snsLink_wrap .snsLink a.sns_blog:hover img,
.snsLink_wrap .snsLink a.sns_blog:focus img{ display: none;}
.snsLink_wrap .snsLink a.sns_facebook:hover,
.snsLink_wrap .snsLink a.sns_facebook:focus{ background:#1873EB; color:#fff;}

/* hot issue */
@keyframes bounce-translate {
	  0%   { transform: translateY(0); }
		20%  { transform: translateY(calc(-25px * -1)) rotate(5deg); }
		40%  { transform: translateY(0); }
		55%  { transform: translateY(calc(-25px * -0.5)) rotate(2deg); }
		70%  { transform: translateY(0); }
		100% { transform: translateY(0); }
}
.gallery_wrap{ width: 100%;}
.gallery_wrap .tit_wrap{ display: flex; align-items: center; gap: 20px; }
.gallery_wrap .tit_wrap h2{ position:relative; flex: 1; flex-shrink: 0; font-weight: 900;}
.gallery_wrap .tit_wrap h2 span{ color:#1F6ACA; }
.gallery_wrap .tit_wrap h2 img{ margin-top:-50px; margin-left:10px; animation: bounce-translate 3s infinite ease-out;}

.gallery_wrap .control{ display: flex; align-items: center; gap: 0 5px;}
.gallery_wrap .control .page{ margin-right: 20px;}
.gallery_wrap .control .page strong{ color:#1F6ACA; font-weight: 900; }
.gallery_wrap .control .page span{ font-size: 14px; color:#666; }
.gallery_wrap .control .page span:before{ content: '/'; display: inline-block; vertical-align: bottom; margin:0 10px; }
.gallery_wrap .control button,
.gallery_wrap .control a{ display: block; width: 50px; height:50px; border-radius:50%; text-align: center; line-height:50px; border:1px solid #ccc; background:#fff; font-size: 20px; transition: all 0.2s;}
.gallery_wrap .control button.play{ display: none;}
.gallery_wrap .control a.btn_more{ color:#fff; background:#245592;}
.gallery_wrap .control button:hover,
.gallery_wrap .control button:focus,
.gallery_wrap .control a:hover,
.gallery_wrap .control a:focus{ background:#1F6ACA; border-color:#1F6ACA; color:#fff;}

.gallery_wrap .slider .slick-list{ width:calc(100% + 30px); margin-left:-15px; padding-top:30px; }
.gallery_wrap .slider .item{ padding:60px 15px 0;}
.gallery_wrap .slider .item a{ position:relative; font-size: 18px; display: block;}
.gallery_wrap .slider .item .inr{display: flex; flex-direction: column; gap: 15px 0; transition:all 0.2s;}
.gallery_wrap .slider .item .inr::before,
.gallery_wrap .slider .item .inr::after{ content:""; position:absolute; background:#0087E6; transform: scale(0); transition: 0.3s; transform: rotate(0deg) scale(0);}
.gallery_wrap .slider .item .inr:before{ content:"\EA6C"; right:25px; top:-20px; width: 40px; height:40px; text-align: center; line-height:40px; border-radius:8px; color:#fff; font-size: 20px; font-family: 'remixicon'; transition-delay: 0.1s; z-index: 1;}
.gallery_wrap .slider .item .inr::after{ right:20px; top:-25px; width: 50px; height:50px; border-radius:10px; opacity: 0.2; }
.gallery_wrap .slider .item .inr > p{ height:258px; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3); border:1px solid transparent; transition: all 0.2s;}
.gallery_wrap .slider .item .inr > p img{ width: 100%; height:100%; object-fit: cover; object-position: center center;}
.gallery_wrap .slider .item .inr > strong{ display:-webkit-box; -webkit-box-orient: vertical; color:#444; line-height:25px; height:100px; overflow: hidden; line-clamp: 4; -webkit-line-clamp: 4; text-overflow: ellipsis; transition: all 0.2s;}
.gallery_wrap .slider .item .inr > span{ color:#777; font-size: 15px; }
.gallery_wrap .slider .item .inr > span:before{ content:"\F20F"; font-family: 'remixicon'; display: inline-block; margin-right: 5px; vertical-align: middle;}

.gallery_wrap .slider .item a:hover .inr,
.gallery_wrap .slider .item a:focus .inr{ transform: translateY(-60px);}
.gallery_wrap .slider .item a:hover > strong,
.gallery_wrap .slider .item a:focus > strong{ font-weight: 600; color:#000; }
.gallery_wrap .slider .item a:hover > p,
.gallery_wrap .slider .item a:focus > p{ border-color: #0087E6;}
.gallery_wrap .slider .item a:hover .inr::before,
.gallery_wrap .slider .item a:hover .inr::after,
.gallery_wrap .slider .item a:focus .inr::before,
.gallery_wrap .slider .item a:focus .inr::after{ transform: rotate(-50deg) scale(1);}

@media screen and (min-width:1201px) {
	/* 스크롤 이벤트 CSS */
	[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:1s}
	[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:1s}
	[data-aos][data-aos][data-aos-delay="10"],body[data-aos-delay="10"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="10"].aos-animate,body[data-aos-delay="10"] [data-aos].aos-animate{transition-delay:.5s}

	/* slide 종류 설정 */
	[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
	[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
	[data-aos=fade-up]{transform:translate3d(0,100px,0)}
	[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
	[data-aos=fade-down-shot]{transform:translate3d(0,-50px,0)}
	[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
	[data-aos=fade-left]{transform:translate3d(100px,0,0)}
	[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}
	[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}
	[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}
	[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}
}

@media screen and (max-width:1440px) {

	/* 메인비주얼 */
	.main_visual .slogan_wrap { left: 20px; width: calc(100% - 40px); }


}
@media screen and (max-width:1240px) {
	h2.tit{ font-size: 30px;}

	/* 메인비주얼 */
	.main_visual .slogan_wrap { top: 110px; }

	/* 바로가기 */
	/* .link01 ul{ gap:15px;}
	.link01 ul li a{ display: flex; gap: 10px; padding:25px 20px;}
	.link01 ul li a p{ flex: 1; min-width: 0px;} */

	/* 게시판 */
	.board_wrap .contVisual a{ padding:40px 20px;}
	.board_wrap .contVisual a.new:before{ right:20px; top:20px;}
	.board_wrap .contList a em{ min-width:0px; width:90px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden}

}

@media screen and (max-width:1200px) {
	/* 스크롤 이벤트 CSS - 정지 */
	[data-aos^=fade][data-aos^=fade]{opacity:1;}
}

@media screen and (max-width: 1024px) {
	h2.tit{ font-size: 28px;}

	/* control, more 버튼 */
	.board_wrap .btn_more,
	.popup_wrap .control button,
	.snsLink_wrap .snsLink a,
	.gallery_wrap .control button, .gallery_wrap .control a{ width: 40px; height: 40px; line-height: 40px; font-size: 17px;}


	/* 메인비주얼 */
	.main_visual .slogan .item strong{ font-size: 45px;}
	.main_visual .slogan .item p{ font-size: 20px;}

	.link01 ul li a{ box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);}

	/* 게시판 */
	.board_wrap .titTab{ margin-bottom: 20px;}
	.board_wrap .list_box{ flex-direction: column;}
	.board_wrap .contVisual a{ gap: 10px; padding:20px;}
	.board_wrap .contVisual a > h4{ width: 100%; height:30px; white-space: nowrap; }
	.board_wrap .contVisual a > p{ height:50px; font-size:17px; line-clamp:2; -webkit-line-clamp:2; }
	.board_wrap .contList a{ padding:10px 0;}

	/* 바로가기 */
	.link01 ul{ display: flex;}
	.link01 ul li{ flex: 1;}
	.link01 ul li a{ flex-direction: row; width: 100%; height: 100%; border-radius: 1rem; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);}
	.link01 ul li a img{ height:45px; width: auto; }
	/* .link01 ul li a{ min-height:100%; align-items: center;} */

	/* 팝업존 */
	.popup_wrap .slider .item a{ height:350px; }

	/* 갤러리 */
	.gallery_wrap .tit_wrap h2 img{ display: none;}
	.gallery_wrap .slider .item{ padding-top: 30px;}
	.gallery_wrap .slider .item .inr > p{ height:230px;}
	.gallery_wrap .slider .item .inr:hover,
	.gallery_wrap .slider .item .inr:focus{ transform: translateY(-30px) !important;}

}

@media screen and (max-width:860px) {

	/* 바로가기 */
	.link01 ul li a{ font-size: 18px; padding:20px 15px;}

	.board_wrap .titTab{ border-radius: 20px;}
	.board_wrap .titTab ul { flex-wrap: wrap;}

	.popup_wrap .tit_wrap{ margin-bottom: 20px;}
	.popup_wrap .slider .item a img{ object-fit: contain;}

	.snsLink_wrap{ gap: 20px;}
	.snsLink_wrap .snsLink{ justify-content: start;}
	.snsLink_wrap iframe{ height: 350px; flex: none; border-radius: 15px 60px 15px 15px;}

}

@media screen and (max-width: 768px) {
	h2.tit{ font-size: 25px;}

	/* 메인비주얼 */
	.main_visual .slogan .item strong{ font-size: 40px;}
	.main_visual .slogan .item p{ font-size: 18px;}
	.main_visual .control .page{ font-size: 14px;}
	.main_visual .control{ font-size: 16px; height:38px; margin-top: 30px; padding:0 15px;}

	/* 바로가기 */
	.link01 ul li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px 10px; font-weight: 600;}
	.link01 ul li a img{ margin:0 auto; order: -1; height:60px;}
	.link01 ul li a p{ text-align: center; margin:0; line-height:1.3;}

	/* 게시판 */
	.board_wrap .titTab ul{ width:calc(100% + 10px); margin-left: -5px;}
	.board_wrap .titTab li{ padding:0 5px;}
	.board_wrap .titTab li + li:before{ display: none;}
	.board_wrap .titTab li a{ height:40px; min-width: 0px; padding:0 15px;}
	.board_wrap em{ min-width: 0px; font-size: 15px; }
	.board_wrap .contVisual a,
	.board_wrap .contList a{ font-size:16px;}
	.board_wrap .contVisual a > h4{ font-size: 18px;}
	.board_wrap .contVisual a > span,
	.board_wrap .contList a > span{ font-size: 14px;}
	.board_wrap .contList a{ line-height:25px;}
	.board_wrap .contList a.new > p{ padding-left: 30px;}
	.board_wrap .contVisual a.new:before, .board_wrap .contList a.new p:before{ width: 25px; height:25px; font-size: 13px;}

	.snsLink_wrap iframe{ height:300px;}

	/* 갤러리 */
	.gallery_wrap .slider .item{ padding-top: 0;}
	.gallery_wrap .slider .item .inr > p{ height:200px;}
	.gallery_wrap .slider .item .inr > strong{ height: 50px; line-clamp: 2; -webkit-line-clamp: 2; font-size:16px;}
	.gallery_wrap .slider .item a:hover .inr,
	.gallery_wrap .slider .item a:focus .inr{ transform: translateY(0);}
}

@media screen and (max-width: 580px) {

	/* 메인비주얼 */
	.main_visual .slogan_wrap { top: 50px; }
	.main_visual .slogan .item strong{ font-size: 25px;}
	.main_visual .slogan .item p{ font-size: 16px;}

	/* 바로가기 */
	.link01 ul{flex-direction: column; gap: 20px;}
	.link01 ul li + li{ margin:0;}
	.link01 ul li a{ flex-direction: row; padding: 15px 25px; gap: 25px;}
	.link01 ul li a img{ height:50px;}
	.link01 ul li a p{ flex: 1; min-width: 0px; text-align: left;}

	/* 바로가기 */
	.link01 ul li a{ font-size: 18px; padding:20px 15px;}

	/* 게시판 */
	.board_wrap .titTab{ border-radius: 20px;}
	.board_wrap .titTab ul { flex-wrap: wrap;}

	/* 팝업존 */
	.popup_wrap .tit_wrap{ margin-bottom: 10px;}
	.popup_wrap .slider .item a { height: auto;}
	.popup_wrap .slider .item a img{ max-width: 100%; height: auto; }
	.popup_wrap .control{ position: absolute; right:0; bottom:0; justify-content: center; padding:10px 20px; z-index: 10; background:rgba(0, 0, 0, 0.6); border-radius: 20px 0; }
	.popup_wrap .control .page strong,
	.popup_wrap .control .page span{ font-size: 15px; color:#fff;}
	.popup_wrap .control button{ width: auto; height: 30px; line-height: 30px; color:#fff; background:none; border:0;}

	/* sns */
	.snsLink_wrap{ gap: 15px;}
	.snsLink_wrap iframe{ height:250px;}
}

@media screen and (max-width:480px) {

	.board_wrap .contList a > span{ display: none;}

}
@media screen and (max-width :360px) {
	h2.tit{ font-size: 22px;}

	.link01 ul li a{ padding:15px;}
	.link01 ul li a img{ height:40px; }

	.snsLink_wrap iframe{ height:200px;}
}