@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.09.20 | 문영신 | 최초 등록
 * 2019.09.27 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2021.06.24 | 양미정 | [id*="mainbody"] h2.h1에 font-weight:normal;추가 / mainbody7에 bg이미지 위치조정

 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.09.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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


/* 배치.메인 20190829 */
#wrap{}
	#wrap>.container{
		max-width:none;
		margin:auto;
		width:auto;
	}
	#body{
		z-index:0; /* ☆ */
		position:relative;
		min-height:0; /* ☆ 배치 후 최종화면 확인! */
		margin:auto;
		padding:0;
		color:#555;
		line-height:1.375;
	}
		#body [id*='mainbody']{position:relative;}
				#body .container{
					padding:0; /* ((( all.css 에서 .container 는 margin 값으로 좌우여백 만드므로.. */
					max-width:none;
					width:1200px;
				}

#wing{}

#foot{background:#444;padding-bottom:120px}

@media all and (max-width:1259px){
	#body .container {margin-left:15px;margin-right:15px;width:auto;}
}

[id*="mainbody"]>.container{padding:70px 0 !important;}
#mainbody10 >.container{padding: 70px 0 20px 0!important;}
[id*="mainbody"] h2.h1{padding:0;margin:0 0 40px;
	color:#003f97;
	font-family:"timonsori", sans-serif;
	text-align:center;
	font-size:52px;
	vertical-align:middle;
	font-weight:normal;/*20210624 추가 */
}
[id*="mainbody"] h2.h1:after{content:'';
	display:inline-block;
	background:url() no-repeat 0 0 / contain;
	margin-left:10px;
	vertical-align:middle;
}

@media all and (max-width:479px){
	[id*="mainbody"]>.container{padding:40px 0 !important;}
	[id*="mainbody"] h2.h1{font-size:40px;margin-bottom:20px;}
	[id*="mainbody"] h2.h1:after{display:none;}
}
#go1mainbody,
#fixmenu1{display:none;}


#mainbody1{width:100%;height:100vh}
#vpr1 {position:relative;width:100%;height:100%}
#vpr1 .datalist{width:100%;height:100%;}
#vpr1 .datalist div{width:100%;height:100%;}
#vpr1 .datalist .item{background:url() no-repeat 50% 0 / cover; }
#vpr1 .datalist .item.m1{background-image:url(../../img/main2021/vpr1001_bg1.jpg)}
#vpr1 .datalist .item.m2{background-image:url(../../img/main2021/vpr1002_bg1.jpg);}
#vpr1 .datalist .item.m3{background-image:url(../../img/main2021/vpr1003_bg1.jpg);}
#vpr1 .datalist .item .f1{padding-top:80px;width:1200px;margin:0 auto;}
#vpr1 .datalist .item img{display:inline-block;width:auto !important;height:auto !important;margin:0 !important}
#vpr1 .menu{z-index:5;position:absolute;left:0;right:0;top:420px;width:1200px;margin:0 auto;}
#vpr1 .menu .m{display:inline-block;
	position:relative;
	width:42px;height:42px;
	border:2px solid #fff;
	border-radius:100%;
	background:transparent;
	margin:0 5px 0 0;
}
#vpr1 .menu .m:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	margin:-10px;
	width:20px;height:20px;
	background:url() no-repeat 0 0 / contain;
}
#vpr1 .menu .m.prev:before{background-image:url(../../img/lib/ic40a2left2.png)}
#vpr1 .menu .m.next:before{background-image:url(../../img/lib/ic40a2right2.png)}
#vpr1 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play.png)}
#vpr1 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause2.png)}
#vpr1 .menu .mPage{display:inline-block;
	color:#fff;
	font-style:italic;
	font-size:20px;
	margin:5px 0 0 5px;
	vertical-align:top;
}

#menu1{z-index:1;position:absolute;left:0;right:0;top:540px;
	width:1200px;margin:0 auto;
}
#menu1>ul {float:left;}
#menu1>ul>li{/* position:relative; */display:inline-block;margin-right:10px;vertical-align:top;}
#menu1>ul>li>a{display:block;position:relative;z-index:1;
	box-sizing:border-box;
	width:160px;height:140px;
	border-radius:20px;
	color:#fff;text-align:left;
	/* padding:15px 20px 0; */
	line-height:120%;
	background: linear-gradient(to bottom, rgba(250,124,22,1) 0%, rgba(222,73,10,1) 44%, rgba(222,73,10,1) 100%);
}
#menu1>ul>li#m2>a{background: linear-gradient(to bottom, rgba(255,179,0,1) 0%, rgba(233,140,0,1) 47%, rgba(233,140,0,1) 100%);}
#menu1>ul>li>a>span:before{content:'';
	display:block;
	width:50px;height:50px;
	margin:0 0 15px;
	background:url(../../img/main2021/menu1_p1.png) no-repeat 0 0 / contain;
}
#menu1>ul>li#m2>a>span:before{background-image:url(../../img/main2021/menu1_p2.png);}
#menu1>ul>li>a>span:after{content:'';
	display:block;position:absolute;right:15px;bottom:25px;
	width:20px;height:20px;
	background:url(../../img/lib/ic20a1c0right1.png) no-repeat 0 0 / contain;
	transition:.3s ease;
}
#menu1>ul>li>a>span {position:relative;display:block;padding:15px 20px 0;}
#menu1>ul>li div{display:block !important;float:left;position:absolute;left:-40px;
	box-sizing:border-box;	
	visibility:visible;
	width:0;height:140px;
	background:#fff;
	border-radius:0 20px 20px 0;
	transition:.3s ease;
	overflow:hidden;
}
#menu1>ul>li div li{display:inline-block;margin:0 10px;vertical-align:top;}
#menu1>ul>li div li a{display:block;
	color:#000;
	text-align:center;
	font-size:15px;
}
#menu1>ul>li div li a:before{content:'';
	display:block;
	width:50px;height:50px;
	margin:0 auto 10px;
	background:url() no-repeat 0 0 / contain;
}
#menu1>ul>li#m1 div li:nth-child(1) a:before{background-image:url(../../img/main2021/menu1_m1_p1.png)}
#menu1>ul>li#m1 div li:nth-child(2) a:before{background-image:url(../../img/main2021/menu1_m1_p2.png)}
#menu1>ul>li#m2 div li:nth-child(1) a:before{background-image:url(../../img/main2021/menu1_m2_p1.png)}
#menu1>ul>li#m2 div li:nth-child(2) a:before{background-image:url(../../img/main2021/menu1_m2_p2.png)}
#menu1>ul>li#m2 div li:nth-child(3) a:before{background-image:url(../../img/main2021/menu1_m2_p3.png)}
#menu1>ul>li#m2 div li:nth-child(4) a:before{background-image:url(../../img/main2021/menu1_m2_p4.png)}
#menu1>ul>li div ul{padding:20px;}
#menu1>ul>li div .close{display:none;}
#menu1>ul>li a.toggle.on{float:left;border-radius:20px 0 0 20px}
#menu1>ul>li a.toggle.on:after{transform:rotate(-180deg)}
#menu1>ul>li div.on{position:relative;left:0;width:auto;}
#menu1 .msppr1 {float:left;}
#menu1 .msppr1 img {border-radius:20px;overflow:hidden}
@media all and (max-width:1259px){
	#mainbody1{height:680px;}
	#vpr1 .datalist .item .f1{width:auto;height:auto;padding:30px 20px}
	#vpr1 .menu{top:360px;left:20px;width:auto;}

	#menu1{top:auto;left:20px;bottom:30px;width:auto;}
}
@media all and (max-width:1219px){
	#menu1 {text-align:center;}
	#menu1 > ul, #menu1 .msppr1 {float:none;}
	#menu1 .msppr1 {display:inline-block;margin-top:10px;}
}
@media all and (max-width:899px){
	#vpr1 .datalist .item.m3{background-position:50% 50%}
	#vpr1 .datalist .item .f1 img{width:70% !important;}
}
@media all and (max-width:767px){
	#menu1>ul>li div{display:none !important;transition:0s;}
	#menu1>ul>li a.toggle.on{border-radius:20px}
	#menu1>ul>li div.on{display:block !important;
		position:absolute;left:0;bottom:0;
		border-radius:20px;width:calc(100% - 20px);
		z-index:10;
		text-align:center;
	}
	#menu1>ul>li div .close{display:block;
		position:absolute;right:10px;top:10px;
		width:40px;height:40px;
		background:url(../../img/inc/ic80a1c1close@2x.png) no-repeat 0 0 / contain;
	}
}
@media all and (max-width:699px){
	#mainbody1 {height:auto;}
	#vpr1 {height:480px}
	#menu1{position:static;text-align:center;/* overflow:hidden; */left:auto;bottom:auto;right:auto}
	#menu1>ul {position:relative;}
	#menu1>ul:after {content:"";display:block;clear:both;}
	#menu1>ul>li{position:static;float:left;width:50%;margin:0;}
	#menu1>ul>li:before{display:none;}
	#menu1>ul>li>a{width:100%;height:56px;border-radius:0;font-size:15px;}
	#menu1>ul>li>a>span {padding:10px 20px}
	#menu1>ul>li a.toggle.on{border-radius:0;}
	#menu1>ul>li>a>span:before{display:none;}
	#menu1>ul>li div.on{
		border:1px solid #ddd;
		background:#f7f7f7;
		left:0;right:0;top:auto;bottom:0;width:100%;
		border-radius:0;
	}
	#menu1>ul>li>a>span:after{bottom:20px}
	#menu1>ul>li div li{margin:0 10px;}
	#menu1>ul>li div li a{font-size:13px;}
	#menu1 > ul > li div ul {padding:20px 0}
	#menu1>ul>li div .close {top:0;right:0}
	#menu1 .msppr1 {margin-top:0;background:linear-gradient(to left, #4149a4, #2f5b96);display:block;}
	#menu1 .msppr1 img {border-radius:0;max-width:505px;width:100%}
}
@media all and (max-width:639px){
	#vpr1 .datalist .item .f1 img{width:65% !important;}
	#vpr1 .menu{top:250px;left:20px}
}
@media all and (max-width:479px){
	#vpr1{height:210px;}
	#vpr1 .datalist .item.m3 .f1 img{width:50% !important}
	#vpr1 .menu{top:160px;left:20px}
	#vpr1 .menu .m{width:30px;height:30px;}
	#vpr1 .menu .mPage{font-size:15px;}

}

#mainbody2 .h1:after{margin-top:-10px;width:77px;height:86px;background-image:url(../../img/main2021/mainbody2_h1.png)}

#ppr1 .item a{display:block;}
#ppr1 .menu{display:block;
	text-align:center;
	margin-top:30px;
}
#ppr1 .menu .goPage{display:inline-block;}
#ppr1 .menu .goPage a{display:inline-block;
	width:20px;height:20px;
	background:#ccc;
	border-radius:100%;
	text-indent:-99999px;
	vertical-align:middle;
	margin:0 3px
}
#ppr1 .menu .goPage a.on{background:transparent;width:12px;height:12px;border:4px solid #1f56a4}
#ppr1 .menu .m{display:inline-block;
	width:20px;height:20px;
	border:0;
	background:url() no-repeat 0 0 / contain;
}
#ppr1 .menu .m:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	margin:-10px;
	width:20px;height:20px;
	background:url() no-repeat 0 0 / contain;
}
#ppr1 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play1.png)}
#ppr1 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause1.png)}
#ppr1 .mControl{position:absolute;left:0;right:0;top:50%;margin:-125px 0 0;}
#ppr1 .mControl .m{display:block;position:absolute;top:0;width:34px;height:64px;}
#ppr1 .mControl .m:before{
	position:absolute;left:0;top:0;
	margin:0;
	width:100%;height:100%;
}
#ppr1 .mControl .m.prev{left:-70px;}
#ppr1 .mControl .m.next{right:-70px;}
#ppr1 .mControl .m.prev:before{background-image:url(../../img/main2021/arrow_prev.png)}
#ppr1 .mControl .m.next:before{background-image:url(../../img/main2021/arrow_next.png)}

#bbs1{display:block;position:relative;margin-top:40px;height:200px;
	text-align:center;
}
#bbs1 .tab1{display:inline-block;}
#bbs1 .tab1>a{z-index:1;display:block;position:relative;
	color:#fff;
	background:#3a3a3a;
	width:150px;height:55px;
	line-height:55px;
	font-size:18px;
	font-weight:normal;
}
#bbs1 .tab1.on>a{font-weight:600;background:#003f97}
#bbs1 .tab1.on>a:before{content:'';
	display:block;
	position:absolute;left:50%;top:-16px;
	width:28px;height:28px;
	margin:0 0 0 -14px;
	background:url(../../img/main2021/bbs1_tab_bg.png) no-repeat 0 0 / contain;
}
#bbs1 .cont{z-index:0;position:absolute;left:0;right:0;top:25px;
	background:#f1f1f1;
	border-radius:40px 0 40px 0;
	padding:55px 40px 30px;
}
#bbs1 .cont .w1{position:relative;
	padding:0 190px 0 220px;
	height:85px;
	overflow:hidden;
}
#bbs1 .cont .h1{
	position:absolute;left:0;top:20px;
	font-family:"timonsori", sans-serif;
	font-size:36px;
	color:#000;	
}
#bbs1 .cont .h1:before{content:'';
	display:inline-block;
	width:55px;height:55px;
	vertical-align:top;
	margin:-8px 5px 0 0;
	background:url(../../img/main2021/bbs1_h1_bg.png) no-repeat;
}
#bbs1 .owl-item{opacity:0}
#bbs1 .owl-item.active{opacity:1}
#bbs1 .item{overflow:hidden;}
#bbs1 .item a{display:block;position:relative;
	height:85px;
	text-align:left;
	padding-left:100px;
}
#bbs1 .item a .date1{display:block;
	position:absolute;left:0;top:0;
	width:85px;height:85px;
	border-radius:100%;
	box-sizing:border-box;
	background:#3375be;
	color:#fff;
	padding:8px 0 0 0;
	text-align:center;
	vertical-align:middle;
}
#bbs1 .item a .date1>span{display:block;line-height:130%}
#bbs1 .item a .date1 .dd{font-size:36px;}
#bbs1 .item a .date1 .yymm{margin-top:-5px;font-size:15px;}
#bbs1 .item a .date1 .new{
	position:absolute;right:-4px;top:3px;
	width:26px;height:26px;background:#ff6c00;
	border-radius:100%;
}
#bbs1 .item a .date1 .new:before{content:'N';font-weight:600;line-height:26px;font-size:14px}
#bbs1 .item a .t1{display:table-cell;
	vertical-align:middle;
	color:#000;
	font-size:20px;
	height:85px;
	overflow:hidden;
}
#bbs1 .menu{z-index:5;position:absolute;right:0;top:50%;margin-top:-21px;}
#bbs1 .menu .m{display:inline-block;position:relative;
	width:42px;height:42px;
	border:2px solid #000;
	background:transparent;
	vertical-align:top;
	box-sizing:border-box;
	border-radius:100%;
}
#bbs1 .menu .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat 0 0 / contain;
}
#bbs1 .menu .m.prev:before{background-image:url(../../img/lib/ic40a2left1.png)}
#bbs1 .menu .m.next:before{background-image:url(../../img/lib/ic40a2right1.png)}
#bbs1 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play1.png)}
#bbs1 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause1.png)}
#bbs1 .menu .m.more:before{background-image:url(../../img/lib/ic40a3c1plus1.png)}
@media all and (max-width:899px){
	#bbs1 .cont .w1{padding:0 190px 0 0}
	#bbs1 .cont .h1{display:none;}
}
@media all and (max-width:679px){
	#bbs1{height:248px;}
	#bbs1 .cont .w1{height:140px;padding:0}
	#bbs1 .menu{position:static;margin-top:10px;}
}
@media all and (max-width:545px){
	#bbs1 .tab1>a{width:110px}
}
@media all and (max-width:479px){
	#mainbody2 .container{padding-top:10px !important;}
	#mainbody2 h2.h1{margin-bottom:10px;}
	#ppr1{}
	#ppr1 .menu{margin-top:10px;}

	#bbs1{height:205px;margin-top:20px;}
	#bbs1 .tab1>a{font-size:15px;line-height:50px;height:45px;}
	#bbs1 .cont{padding:30px 15px 20px}
	#bbs1 .cont .w1{height:auto;}
	#bbs1 .item a .t1{font-size:16px;overflow:hidden;}
	#bbs1 .menu{margin:0}
	#bbs1 .menu .m{width:30px;height:30px;}
}

#bbs2{display:block;
	position:relative;
	background:#fff;
	padding:20px 30px;
	margin-top:20px;
	border:1px solid #ddd;
	min-height:25px;
}
#bbs2 .h2 {position:absolute;left:30px;top:17px;
	color:#000;
	font-size:22px;
}
#bbs2 ul {padding:0 0 0 140px}
#bbs2 ul li a{display:block;color:#000;font-size:18px;}
@media all and (max-width:767px){
	#bbs2 {padding:15px 20px}
	#bbs2 .h2 {position:relative;top:auto;left:auto;font-size:20px;text-align:center;padding-bottom:10px}
	#bbs2 ul {padding-left:0}
	#bbs2 ul li a {font-size:16px}
}
@media all and (max-width:599px){
	#bbs2 .h2 {font-size:18px}
	#bbs2 ul li a {font-size:14px}
}

.bbs2 {position:relative;background:#fff;padding:20px 30px;margin-top:20px;border:1px solid #ddd;min-height:25px}
.bbs2 .h2 {position:absolute;top:17px;left:30px;color:#000;font-size:22px;}
.bbs2 .datalist {width:auto;margin-left:140px;margin-right:140px;display:block;box-sizing:border-box}
.bbs2 .datalist .item a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#555;}
.bbs2 .menu {position:absolute;top:50%;right:20px;margin-top:-16px}
.bbs2 .menu .m {position:relative;width:32px;height:32px;vertical-align:top;border-radius:50%;background:#fff;border:3px solid #222;box-sizing:border-box;}
.bbs2 .menu .m:before, .bbs2 .menu .stop:after {position:absolute;content:"";display:block;}
.bbs2 .menu .prev:before, .bbs2 .menu .next:before {top:7px;width:0;border-style:solid;border-width:6px 8px}
.bbs2 .menu .prev:before {left:0;border-color:transparent #000 transparent transparent;}
.bbs2 .menu .next:before {right:0;border-color:transparent transparent transparent #000;}
.bbs2 .menu .play:before {top:8px;right:9px;transform:rotate(-45deg);width:10px;height:10px;border:4px solid #000;box-sizing:border-box;border-top:0;border-left:0}
.bbs2 .menu .stop:before, .bbs2 .menu .stop:after {top:7px;width:4px;height:12px;background:#000} 
.bbs2 .menu .stop:before {left:8px;}
.bbs2 .menu .stop:after {right:8px}
@media all and (max-width:999px){
	.bbs2 .h2 {position:relative;top:auto;left:auto;text-align:center;margin-bottom:10px;}
	.bbs2 .datalist {margin:0}
	.bbs2 .menu {top:20px;margin:0}
}
@media all and (max-width:599px){
	.bbs2 {padding:15px 20px}
	.bbs2 .h2 {text-align:left;font-size:20px}
	.bbs2 .datalist .item a {font-size:15px}
	.bbs2 .menu {top:13px;right:10px;}
}

#mainbody3{background:#104177 url(../../img/main2021/mainbody3_bg.gif) no-repeat 50% 50% / cover;}
#mainbody3 .h1{color:#fff;}
#mainbody3 .h1:after{margin-top:-15px;width:95px;height:113px;background-image:url(../../img/main2021/mainbody3_h1.png)}
#mainbody3 .owl-stage-outer{padding-bottom:15px;}
#mainbody3 .item{position:relative;}
#mainbody3 .item:before{content:'';
	display:block;position:absolute;left:-10px;right:-10px;bottom:-15px;
	background:rgba(0,0,0,.2);
	height:30px;
	border-radius:100%
}
#mainbody3 .item a{position:relative;display:block;height:430px;background:#fff;}
#mainbody3 .item a span{display:block;color:#000}
#mainbody3 .item a .f1{width:100%;height:220px;overflow:hidden;}
#mainbody3 .item a .tg1{
	box-sizing:border-box;
	height:190px;
	padding:40px 25px 0;
	overflow:hidden;
	word-break:keep-all;
}
#mainbody3 .item a .tg1 .t1{margin-bottom:30px;font-weight:500;font-size:30px;line-height:120%}
#mainbody3 .item a .tg1 .t2{max-height:70px;overflow:hidden}
#mainbody3 .menu{display:block;
	text-align:center;
	margin-top:30px;
}
#mainbody3 .item .ic1{display:block;
	position:absolute;right:20px;top:50%;
	width:74px;height:74px;
	margin:-37px 0 0;
	background:#3399ff;
	border-radius:100%;
}
#mainbody3 .item .ic1:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	margin:-15px;
	width:30px;height:30px;
	background:url(../../img/main2021/more.png) no-repeat 0 0 / contain;
}
#mainbody3 .menu .goPage{display:inline-block;}
#mainbody3 .menu .goPage a{display:inline-block;
	width:20px;height:20px;
	background:#fff;
	border-radius:100%;
	text-indent:-99999px;
	vertical-align:middle;
	margin:0 3px
}
#mainbody3 .menu .goPage a.on{background:transparent;width:12px;height:12px;border:4px solid #f97105}
#mainbody3 .menu .m{display:inline-block;
	width:20px;height:20px;
	border:0;
	background:url() no-repeat 0 0 / contain;
}
#mainbody3 .menu .m:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	margin:-10px;
	width:20px;height:20px;
	background:url() no-repeat 0 0 / contain;
}
#mainbody3 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play2.png)}
#mainbody3 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause2.png)}
#mainbody3 .mControl{position:absolute;left:0;right:0;top:50%;margin:15px 0 0;}
#mainbody3 .mControl .m{display:block;position:absolute;top:0;width:34px;height:64px;}
#mainbody3 .mControl .m:before{
	position:absolute;left:0;top:0;
	margin:0;
	width:100%;height:100%;
}
#mainbody3 .mControl .m.prev{left:-70px;}
#mainbody3 .mControl .m.next{right:-70px;}
#mainbody3 .mControl .m.prev:before{background-image:url(../../img/main2021/arrow_prev2.png)}
#mainbody3 .mControl .m.next:before{background-image:url(../../img/main2021/arrow_next2.png)}

/*
@keyframes zoom-a {
	0% { background-size: 100% auto; }
	100% { background-size: 110% auto; }
}*/


#mainbody4{background:#f1f1f1 url(../../img/main2021/mainbody4_bg.gif) no-repeat 50% 50% / cover;}
#mainbody4 .h1:after{margin-top:-25px;width:88px;height:114px;background-image:url(../../img/main2021/mainbody4_h1.png)}
#mainbody4 .item{position:relative;}
#mainbody4 .item a{position:relative;display:block;}
#mainbody4 .item a span{display:block;color:#000}
#mainbody4 .item a .tg1{
	box-sizing:border-box;
	height:210px;
	padding:40px 25px 25px;
	overflow:hidden;
	word-break:keep-all;
	transition:.3s ease;
}
#mainbody4 .item a .tg1 .t1{margin-bottom:30px;font-weight:500;font-size:30px;}
#mainbody4 .menu{display:block;
	text-align:center;
	margin-top:30px;
}
#mainbody4 .item .ic1{display:block;
	position:absolute;right:20px;top:50%;
	width:74px;height:74px;
	margin:-15px 0 0;
	background:#ebebeb;
	border-radius:100%;
	transition:.3s ease;
}
#mainbody4 .item .ic1:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	margin:-15px;
	width:30px;height:30px;
	background:url(../../img/main2021/more.png) no-repeat 0 0 / contain;
}
#mainbody4 .item a:focus .tg1,
#mainbody4 .item a:hover .tg1{background:#fff;}
#mainbody4 .item a:focus .ic1,
#mainbody4 .item a:hover .ic1{background:#13b285}
#mainbody4 .menu .goPage{display:inline-block;}
#mainbody4 .menu .goPage a{display:inline-block;
	width:20px;height:20px;
	background:#ccc;
	border-radius:100%;
	text-indent:-99999px;
	vertical-align:middle;
	margin:0 3px
}
#mainbody4 .menu .goPage a.on{background:transparent;width:12px;height:12px;border:4px solid #1f56a4}
#mainbody4 .menu .m{display:inline-block;
	width:20px;height:20px;
	border:0; 
	background:url() no-repeat 0 0 / contain;
}
#mainbody4 .menu .m:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	margin:-10px;
	width:20px;height:20px;
	background:url() no-repeat 0 0 / contain;
}
#mainbody4 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play1.png)}
#mainbody4 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause1.png)}
#mainbody4 .mControl{position:absolute;left:0;right:0;top:50%;margin:15px 0 0;}
#mainbody4 .mControl .m{display:block;position:absolute;top:0;width:34px;height:64px;}
#mainbody4 .mControl .m:before{
	position:absolute;left:0;top:0;
	margin:0;
	width:100%;height:100%;
}
#mainbody4 .mControl .m.prev{left:-70px;}
#mainbody4 .mControl .m.next{right:-70px;}
#mainbody4 .mControl .m.prev:before{background-image:url(../../img/main2021/arrow_prev.png)}
#mainbody4 .mControl .m.next:before{background-image:url(../../img/main2021/arrow_next.png)}



#mainbody5{background:url(../../img/main2021/mainbody5_bg.gif) no-repeat 0 0 / 100% 100%; }
#mainbody5 .h1:after{margin-top:-25px;width:102px;height:104px;background-image:url(../../img/main2021/mainbody5_h1.png)}
#mainbody5 .item{position:relative;}
#mainbody5 .item .f1 img{width:100%;}
#mainbody5 .item  .tg1{display:block;
	position:absolute;left:0;top:0;right:0;bottom:0;
	color:#fff;
	box-sizing:border-box;
	padding:60px 25px;
	word-break:keep-all;
	transition:.3s ease;
	text-align:center;
}
#mainbody5 .item .tg1 .t1{display:inline-block;font-size:20px;border-bottom:1px solid #fff;}
#mainbody5 .item .tg1 .t2{
	font-size:30px;
	font-weight:500;
	margin:50px 0 20px;
}
#mainbody5 .item .tg1 .t3{font-size:18px;line-height:130%;}
#mainbody5 .item .tg1 .more{display:inline-block;
	border:1px solid #fff;
	padding:5px 25px;
	margin-top:55px;
}
#mainbody5 .item  .tg1:hover,
#mainbody5 .item  .tg1:focus{background:#003f97}
#mainbody5 .menu{display:block;
	text-align:center;
	margin-top:30px;
}
#mainbody5 .item a:focus .tg1,
#mainbody5 .item a:hover .tg1{background:#fff;}
#mainbody5 .item a:focus .ic1,
#mainbody5 .item a:hover .ic1{background:#13b285}
#mainbody5 .menu .goPage{display:inline-block;}
#mainbody5 .menu .goPage a{display:inline-block;
	width:20px;height:20px;
	background:#ccc;
	border-radius:100%;
	text-indent:-99999px;
	vertical-align:middle;
	margin:0 3px
}
#mainbody5 .menu .goPage a.on{background:transparent;width:12px;height:12px;border:4px solid #1f56a4}
#mainbody5 .menu .m{display:inline-block;
	width:20px;height:20px;
	border:0; 
	background:url() no-repeat 0 0 / contain;
}
#mainbody5 .menu .m:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	margin:-10px;
	width:20px;height:20px;
	background:url() no-repeat 0 0 / contain;
}
#mainbody5 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play1.png)}
#mainbody5 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause1.png)}
#mainbody5 .mControl{position:absolute;left:0;right:0;top:50%;margin:15px 0 0;}
#mainbody5 .mControl .m{display:block;position:absolute;top:0;width:34px;height:64px;}
#mainbody5 .mControl .m:before{
	position:absolute;left:0;top:0;
	margin:0;
	width:100%;height:100%;
}
#mainbody5 .mControl .m.prev{left:-70px;}
#mainbody5 .mControl .m.next{right:-70px;}
#mainbody5 .mControl .m.prev:before{background-image:url(../../img/main2021/arrow_prev.png)}
#mainbody5 .mControl .m.next:before{background-image:url(../../img/main2021/arrow_next.png)}




#mainbody6{background:#072f4b}
#mainbody6:before{content:'';
	display:block;
	position:absolute;left:0;right:0;bottom:0;top:70%;
	background:#27455e
}
#mainbody6>.container {max-width:1400px;width:100%;}
#mainbody6 .h1{color:#fff;}
#mainbody6 .h1:after{margin-top:-25px;width:118px;height:94px;background-image:url(../../img/main2021/mainbody6_h1.png)}
#mainbody6 li{float:left;position:relative;width:calc(33.333% - 26.666px);margin-left:40px;padding-bottom:15px;}
#mainbody6 li:before{content:'';
	z-index:0;
	display:block;position:absolute;left:-10px;right:-10px;bottom:5px;
	background:rgba(0,0,0,.5);
	height:20px;
	border-radius:100%
}
#mainbody6 li:first-child {margin-left:0}
#mainbody6 li .tg1{display:block;
	position:relative;
	z-index:1;
	box-sizing:border-box;
	height:430px;
	margin:0 auto;
	border-radius:20px;
	text-align:center;
	color:#fff;
	padding:40px 0 0;
	font-family:'Gmarket Sans';
	font-weight:500;
	overflow:hidden;
	background:url() no-repeat 50% 0 / cover;
	box-shadow: 10px 10px 26px -1px rgba(0,0,0,0.3);
}
#mainbody6 li.m1 .tg1{background-image:url(../../img/main2021/mainbody6_bg1.gif)}
#mainbody6 li.m2 .tg1{background-image:url(../../img/main2021/mainbody6_bg2.gif)}
#mainbody6 li.m3 .tg1{background-image:url(../../img/main2021/mainbody6_bg3.jpg);color:#432a2a;}
#mainbody6 .t1{display:inline-block;font-size:18px;border-bottom:1px solid #fff;}
#mainbody6 .t2{
	font-size:36px;
	font-weight:700;
	margin:20px 0 15px;
}
#mainbody6 .t3{line-height:130%;font-size:16px;}
#mainbody6 .more{display:inline-block;
	padding:7px 25px 3px;
	font-size:18px;
	margin-top:140px;
	border-radius:20px;
	background:#0c2840
}
#mainbody6 li.m2 .more{background:#ed3967}
#mainbody6 li.m3 .tg1 .t1 {border-color:#432a2a;}
#mainbody6 li.m3 .tg1 a {position:absolute;bottom:45px;width:130px;height:130px;border-radius:50%;color:#fff;font-size:18px;padding-top:35px;box-sizing:border-box;overflow:hidden}
#mainbody6 li.m3 .tg1 a.b1.post {left:15px;background:#da2917}
#mainbody6 li.m3 .tg1 a.b1.naver {right:15px;background:#00b335;}
#mainbody6 li.m3 .tg1 a.b1:before {content:"";display:block;width:113px;height:44px;background-repeat:no-repeat;margin:auto auto 5px;}
#mainbody6 li.m3 .tg1 a.b1.post:before {background-image:url(../../img/main2021/mainbody6_btxt1.jpg)}
#mainbody6 li.m3 .tg1 a.b1.naver:before {background-image:url(../../img/main2021/mainbody6_btxt2.jpg)}
@media all and (max-width:1399px){
	#mainbody6 {padding-left:15px;padding-right:15px;}
	#mainbody6 > .container {width:auto;}
	#mainbody6 li {margin-left:20px;width:calc(33.333% - 13.33px)}
}
@media all and (max-width:1259px){
	#mainbody6 {padding:0}
	#mainbody6 li:before {display:none}
	#mainbody6 li, #mainbody6 li:first-child {float:none;width:440px;margin:10px auto;}
}
@media all and (max-width:649px){
	#mainbody6 li{padding:0 0 15px}
}
@media all and (max-width:574px){
	#mainbody6 li, #mainbody6 li:first-child {width:100%;}
	#mainbody6 li .tg1{height:264px;}
	#mainbody6 .t2{font-size:28px}
	#mainbody6 .t3{display:none;}
	#mainbody6 .more{margin-top:30px;}
	#mainbody6 li.m3 .tg1 a {width:90px;height:90px;padding-top:20px;font-size:14px}
	#mainbody6 li.m3 .tg1 a.b1:before {width:80px;height:31px;background-size:contain;}
}


/* #mainbody7{background:#e5e9ef url(../../img/main2021/mainbody7_bg.png) no-repeat 85% 100%;} */
#mainbody7 {background:#e5e9ef url(../../img/main2021/mainbody7_bg.png) no-repeat 95% 100%;}
#mainbody7>.container{padding:50px 0 100px !important;}
#mainbody7 .h1:after{margin-top:-25px;width:129px;height:91px;background-image:url(../../img/main2021/mainbody7_h1.png)}
#mainbody7 .b1.more {position:absolute;top:60px;right:0;width:50px;height:50px;border:1px solid #222;box-sizing:border-box;border-radius:50%;}
#mainbody7 .b1.more:before, #mainbody7 .b1.more:after {position:absolute;top:50%;left:50%;margin:-13px -2px;content:"";display:block;width:4px;height:26px;background:#000;}
#mainbody7 .b1.more:before {transform:rotate(90deg)}
#schedule1{position:relative;/* padding-top:75px; */}
#schedule1 .tab1{display:none;margin:0;padding:0;position:absolute;left:0;top:0;width:20%;}
#schedule1 .tab1>a{z-index:1;display:block;
	color:#fff;
	height:55px;	line-height:55px;
	font-size:18px;
	font-weight:normal;
	background:#3a3a3a;
	text-align:center;
	box-sizing:border-box;
	margin-left:2px;
}
#schedule1 .tab1>a br{display:none;}
#schedule1 .tab1.on>a{font-weight:600;background:#003f97}
#schedule1 .tab1.on>a:before{content:'';
	display:block;
	position:absolute;left:50%;top:-16px;
	width:28px;height:28px;
	margin:0 0 0 -14px;
	background:url(../../img/main2021/bbs1_tab_bg.png) no-repeat 0 0 / contain;
}
#schedule1 .tab1:nth-of-type(1){left:0;}
#schedule1 .tab1:nth-of-type(2){left:20%;}
#schedule1 .tab1:nth-of-type(3){left:40%;}
#schedule1 .tab1:nth-of-type(4){left:60%;}
#schedule1 .tab1:nth-of-type(5){left:80%;}
#schedule1 .tab1:nth-of-type(1)>a{margin-left:0}
#schedule1 .cont table{width:100%;background:#fff;border:0}
#schedule1 .cont table th, 
#schedule1 .cont table td {padding:10px;text-align:center;border:1px solid #d0d8e3;color:#000;font-weight:normal;vertical-align:top;}
#schedule1 .cont table th{background:#0180a0;color:#fff;border:0;border-left:1px solid #036c87;}
#schedule1 .cont table th:first-child{border-left:0}
/* #schedule1 .cont table tbody th{background:#f5f8fb;border-left:0;} */
#schedule1 .cont table th.hol, #schedule1 .cont table th.sun {background:#de3333}
#schedule1 .cont table tbody td:last-child{border-right:0;}
#schedule1 .cont table td ul {text-align:left;}
#schedule1 .cont table td ul li {display:inline-block;vertical-align:top;width:33.333%;box-sizing:border-box;text-align:left;/* border-top:1px dashed #ddd; */margin:4px 0;padding-top:5px}
#schedule1 .cont table td ul li:nth-child(-n+3) {border-top:0;margin-top:0;padding-top:0}
#schedule1 .cont table td ul li:nth-child(3n+1) {position:relative;}
#schedule1 .cont table td ul li:nth-child(3n+1):after {position:absolute;top: -1px;left:0;content:"";display:block;width:300%;height:1px;border-top:1px dashed #ddd;}
#schedule1 .cont table td ul li:nth-child(-n+3):after {display:none}
#schedule1 .cont table td ul li a {position:relative;display:block;}
#schedule1 .cont table td ul li .t1 {display:block;background:#DEF7FF;font-size:13px;color:#222;padding:2px 5px;width:80px;box-sizing:border-box;margin-bottom:3px;text-align:center;}
#schedule1 .cont table td ul li .t2 {font-size:18px;color:#333;}
#schedule1 .cont table td ul li .t3 {font-size:14px;margin-left:3px}
#schedule1 .cont table td ul li a .t1 {background-color:#ffe4e4}
#schedule1 .cont table td ul li a .t2, #schedule1 .cont table td ul li a .t3 {display:inline-block;color:#de3333}
#schedule1 .cont table td ul li a .t2:after {content:"";display:inline-block;vertical-align:middle;width:30px;height:18px;background:url(../../img/main2021/ic30a1online.png) no-repeat;margin:-4px 0 0 3px}
#schedule1 .cont table td .date {display:none}
@media all and (max-width:999px){
	#schedule1 .tab1>a{font-size:16px;}
	#schedule1 .cont table {font-size:14px;}
	#schedule1 .cont table colgroup {display:none}
	#schedule1 .cont table tr, #schedule1 .cont table th, #schedule1 .cont table td {display:block;width:100%;box-sizing:border-box;}
	#schedule1 .cont table th {display:none}
	#schedule1 .cont table td.null {display:none;}
	#schedule1 .cont table td {padding:0;border:0;display:table;width:100%;border-top:1px solid #eee;}
	#schedule1 .cont table td .date {display:block;background:#0180a0;color:#fff;padding:10px 0}
	#schedule1 .cont table td.sun .date, #schedule1 .cont table td.hol .date {background-color:#de3333}
	#schedule1 .cont table td ul {padding:5px 10px;box-sizing:border-box;}
	#schedule1 .cont table td ul li {width:50%}
	#schedule1 .cont table td ul li:nth-child(3n+1) {position:static}
	#schedule1 .cont table td ul li:nth-child(odd) {position:relative;}
	#schedule1 .cont table td ul li:nth-child(-n+3) {margin-top:4px;padding-top:5px;}
	#schedule1 .cont table td ul li:nth-child(-n+2) {margin-top:0;padding-top:0;border-top:0}
	#schedule1 .cont table td ul li:nth-child(-n+3):after {display:block}
 	#schedule1 .cont table td ul li:nth-child(3n+1):after {display:none}
	#schedule1 .cont table td ul li:nth-child(odd):after {position:absolute;content:"";display:block;top:-1px;left:0;width:200%;height:1px;border-top:1px dashed #ddd}
	#schedule1 .cont table td ul li:nth-child(-n+2):after {display:none} 
	#schedule1 .cont table td ul li .t1 {display:block;width:75px;text-align:center;box-sizing:border-box;}
	#schedule1 .cont table td ul li .t2, #schedule1 .cont table td ul li .t3 {display:inline-block;}
	#schedule1 .cont table td ul li a .t2:after {margin-right:3px}
}
@media all and (max-width:845px){
	#schedule1 .tab1>a{font-size:14px;}
}
@media all and (max-width:768px){
	#schedule1 .cont table td ul li .t2 {font-size:16px}
}
@media all and (max-width:729px){
	#schedule1 .tab1>a{height:70px;padding:15px 0 0;line-height:100%}
	#schedule1 .tab1>a br{display:block;}
}
@media all and (max-width:699px){
	#schedule1 .cont table td ul li {position:relative;float:none;width:100%;}
	#schedule1 .cont table td ul li:nth-child(3n+1) {position:relative;}
	#schedule1 .cont table td ul li:nth-child(2) {margin-top:4px;padding-top:5px}
	#schedule1 .cont table td ul li:nth-child(even):after {position:absolute;top:-1px;left:0;content:"";display:block;width:100%;height:1px;border-top:1px dashed #ddd}
}
@media all and (max-width:499px){
	#mainbody7 .b1.more {top:55px;width:40px;height:40px;}
	#schedule1 .cont table td ul li .t3 {display:block;margin-left:0}
}


#mainbody8{background:url(../../img/main2021/mainbody8_bg.gif) no-repeat 0 0 / cover}
#mainbody8>.container{padding:100px 0 140px !important;}
#mainbody8 .h1:after{margin-top:-25px;width:86px;height:95px;background-image:url(../../img/main2021/mainbody8_h1.png)}
#mainbody8 .youtube1{position:relative;
	width:1230px;height:586px;
	margin:0 auto;
	box-sizing:border-box;
	background:url(../../img/main2021/youtube1_bg.png) no-repeat;
}
#mainbody8 .youtube1:before{content:'';
	display:block;position:absolute;left:100px;top:-105px;
	width:186px;height:124px;
	background:url(../../img/main2021/mainbody8_bg2.png) no-repeat;
}
#mainbody8 .youtube1>.wrap1{
	box-sizing:border-box;
	width:1000px;height:586px;
	margin:0 auto;
	padding:55px 0 0;
	overflow:hidden;
}
#mainbody8 .youtube1 .link1{z-index:1;display:block;
	position:absolute;right:100px;bottom:-30px;
	box-sizing:border-box;
	padding:20px 0;
	background:#c60000;
	width:120px;height:120px;
	border-radius:100%;
	color:#fff;
	text-align:center;
	font-family:"timonsori", sans-serif;
	font-size:22px;
}
#mainbody8 .youtube1 .link1:after{content:'';
	display:block;
	width:30px;height:30px;
	margin:0 auto;
	background:url(../../img/main2021/arrow1.png) no-repeat;
}
#mainbody8 .youtube1 .link1 .ic1{display:block;
	margin:0 auto 5px;
	width:52px;height:23px;
	background:url(../../img/main2021/youtube.png) no-repeat;
}
#mainbody8 .youtube1 .movie1{float:left;width:730px;height:420px;margin:15px 0;overflow:hidden;}
#mainbody8 .youtube1 .movie1 iframe{width:100%;height:100%;overflow:hidden;}
#mainbody8 .youtube1 .lst1{float:right;width:245px;height:440px;overflow:hidden;}
#mainbody8 .youtube1 .lst1>li{margin:10px 0;width:100%;height:65px;overflow:hidden;}
#mainbody8 .youtube1 .lst1>li a{display:block;width:100%;height:100%;overflow:hidden;}
#mainbody8 .youtube1 .lst1>li a .f1{float:left;width:90px;height:65px;}
#mainbody8 .youtube1 .lst1>li a .f1 img{width:100%;height:65px;}
#mainbody8 .youtube1 .lst1>li a .t1{float:left;display:block;
	width:calc(100% - 90px);
	box-sizing:border-box;
	padding:5px 0 5px 5px;
	color:#fff;
	font-size:13px;
	overflow:hidden;
}
#mainbody8 .hashtag1{margin-top:50px;text-align:center;}
#mainbody8 .hashtag1 a{display:inline-block;
	border-radius:20px;
	font-size:20px;
	color:#fff;
	text-decoration:none !important;
	background:rgba(0, 86, 64, 0.5);
	padding:7px 20px; 
	margin:5px
}
@media all and (max-width:1259px){
	#mainbody8 .youtube1{transform: scale(0.8, 0.8);}
	#mainbody8 .hashtag1{margin-top:0;}
}
@media all and (max-width:1129px){
	#mainbody8 .youtube1{transform-origin:0 0}
}
@media all and (max-width:979px){
	#mainbody8 .youtube1{width:auto;height:auto;background:none;transform: scale(1, 1);}
	#mainbody8 .youtube1:before{display:none;}
	#mainbody8 .youtube1>.wrap1{width:auto;height:auto;padding:0;}
	#mainbody8 .youtube1 .movie1{float:none;margin:0 auto;}
	#mainbody8 .youtube1 .lst1{display:none;}
	#mainbody8 .hashtag1{margin-top:50px;}
}
@media all and (max-width:729px){
	#mainbody8 .youtube1 .link1{right:20px;}
}
@media all and (max-width:479px){
	#mainbody8>.container{padding:40px 0 !important}
	#mainbody8 .youtube1 .movie1{width:100%;height:240px;}
	#mainbody8 .youtube1 .link1{position:static;
		border-radius:0;
		margin-top:10px;
		width:100%;height:70px;
		text-align:center;
	}
	#mainbody8 .youtube1 .link1 .ic1,
	#mainbody8 .youtube1 .link1:after{display:inline-block;vertical-align:middle;margin:0 5px}
	#mainbody8 .hashtag1{margin-top:10px}
	#mainbody8 .hashtag1 a{font-size:14px;}
}



#mainbody9{background:#315273}
#mainbody9 .h1{color:#fff;}
#mainbody9 .h1:after{margin-top:-30px;width:85px;height:96px;background-image:url(../../img/main2021/mainbody9_h1.png)}
#mainbody9 .lst {overflow:hidden;}
#mainbody9 .lst>li{box-sizing:border-box;margin-bottom:30px;}
#mainbody9 .lst>li>.a1{display:block;
	position:relative;
	background:#fff;
	width:100%;height:100%;
	overflow:hidden;
	transition:.2s ease;
}
/* #mainbody9 .f1{display:block;float:left;width:520px;height:380px;} */
#mainbody9 .tg1{display:block;position: absolute;float:left;
	width: 100%;
	box-sizing:border-box;
	padding:0;
	font-size:23px;
	left: 165px; top: 161px;
}
#mainbody9 .tg1 .c{display:inline-block;
	color:#fff;
	border-radius:50px;
	padding:35px 32px;
	line-height:100%;
}
#mainbody9 .tg1 .c1{background:#ed3967}
#mainbody9 .tg1 .c2{background:#2b2f38}
#mainbody9 .tg1 .t1{display:block;
	color:#000;
	font-weight:600;
	font-size:38px;
	margin:20px 0;
}
#mainbody9 .tg1 .t2{display:block;color:#000;margin-bottom:10px;}
#mainbody9 .tg1 .exp1{}
#mainbody9 .tg1 .exp1>li{position:relative;color:#000;padding-left:10px;margin:3px 0;}
#mainbody9 .tg1 .exp1>li:before{content:'';
	display:block;position:absolute;left:0;top:10px;
	width:4px;height:4px;border-radius:100%;
	background:#000;
}
#mainbody9 .more1{display:block;
	position:absolute;right:0;bottom:0;
	background:#1f364c;
	width:80px;height:80px;
}
#mainbody9 .more1:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	margin:-16.5px;
	width:33px;height:33px;
	background:url(../../img/main2021/mainbody9_ic1.png) no-repeat;
}
#mainbody9 .lst>li>a:hover .more1{background:#333;}
#mainbody9 .lst{position: relative;max-width:1400px;margin:0 -100px;width:auto;text-align:center;}
#mainbody9 .lst>li {/* display:inline-block;vertical-align:top; */float:left;width:calc(33.333% - 16.666px);margin-left:25px}
#mainbody9 .lst>li a img {width:100%}
#mainbody9 .lst>li:first-child {margin-left:0}
@media all and (max-width:1399px){
	#mainbody9 .lst {margin:auto;}
}
@media all and (max-width:1259px){
	#mainbody9 .lst>li, #mainbody9 .lst>li:first-child {float:none;max-width:450px;width:100%;margin-left:auto;margin-right:auto;}
	#mainbody9 .lst>li>a{height:auto;}
	#mainbody9 .f1{float:none;width:auto;height:auto;}
	#mainbody9 .f1 img{width:100%}
	#mainbody9 .tg1{float:none;width:auto;height:auto;padding:25px;font-size:20px; left: 28%; top: 150px;}
	#mainbody9 .tg1 .t1{font-size:25px;margin:15px 0;}
	#mainbody9 .more1{width:60px;height:60px;}
}
@media all and (max-width:767px){
	#mainbody9 .tg1{left: 59px; top: 86px;font-size:18px;}
	#mainbody9 .tg1 .c{padding: 22px 32px;}
}



#mainbody10{}
#mainbody10 .h1{display:block;
	font-family:'Noto Sans','본고딕','Noto Sans KR','Noto Sans CJK KR',NotoSans;
	text-transform:uppercase;
	color:#000;
	position:absolute;left:0;top:100px;
	font-weight:500;
	font-size:30px
}
#mainbody10 .h1 span{color:#003f97;}
#mainbody10 .h1:after{margin:-5px 0 0 20px;width:100px;height:0;border-top:1px solid #000;background:none;vertical-align:middle;}
#mainbody10 ul{padding-left:300px;}
#mainbody10 li{float:left;margin:10px 0 10px 24px;}
#mainbody10 li a{display:block;
	width:88px;height:88px;
	background:url() no-repeat 0 0 /contain;
}
#mainbody10 .halfli_02 li.m1 a{background-image:url(../../img/main2021/ic88_youtube.png)}
#mainbody10 .halfli_02 li.m2 a{background-image:url(../../img/main2021/ic88_instagram.png)}
#mainbody10 .halfli_02 li.m3 a{background-image:url(../../img/main2021/ic88_naverblog.png)}
#mainbody10 .halfli_02 li.m4 a{background-image:url(../../img/main2021/ic88_naverband.png)}
#mainbody10 .halfli_02 li.m5 a{background-image:url(../../img/main2021/ic88_facebook.png)}
#mainbody10 .halfli_02 li.m6 a{background-image:url(../../img/main2021/ic88_facebook2.png)}
#mainbody10 .halfli_02 li.m7 a{background-image:url(../../img/main2021/ic88_googleblog.png)}
#mainbody10 .halfli_02 li.m8 a{background-image:url(../../img/main2021/ic88_waibo.png)}

#mainbody10 .halfli_01 li.m1 a{background-image:url(../../img/main2021/mainbanner2021_01.png)}
#mainbody10 .halfli_01 li.m2 a{background-image:url(../../img/main2021/mainbanner2021_02.png)}
#mainbody10 .halfli_01 li.m3 a{background-image:url(../../img/main2021/mainbanner2021_03.png)}
#mainbody10 .halfli_01 li.m4 a{background-image:url(../../img/main2021/mainbanner2021_04.png)}
#mainbody10 .halfli_01 li.m5 a{background-image:url(../../img/main2021/mainbanner2021_05.png)}
#mainbody10 .halfli_01 li.m6 a{background-image:url(../../img/main2021/mainbanner2021_06.png)}
#mainbody10 .halfli_01 li.m7 a{background-image:url(../../img/main2021/mainbanner2021_07.png)}
#mainbody10 .halfli_01 li.m8 a{background-image:url(../../img/main2021/mainbanner2021_08.png)}
#mainbody10 .halfli_01 li.m9 a{background-image:url(../../img/main2021/mainbanner2021_09.png)}

@media all and (max-width:799px){
	#mainbody10 .h1{position:static;text-align:center;margin-bottom:20px}
	#mainbody10 .h1:after{display:none;}
	#mainbody10 ul{padding:0;text-align:center;}
	#mainbody10 li{float:none;display:inline-block;margin:5px;}
}
@media all and (max-width:500px){
	#mainbody10 li a{width:44px;height:44px;}	
}

@media all and (min-width:500px) and (max-width:1259px){
	#mainbody10 .m10h1{top: 30px;}
	#mainbody10 .m10h2{top: 237px;}
	#mainbody10 ul{padding-left:0;}
	#mainbody10 .halfli_01,  .halfli_02{width:100%;}
	#mainbody10 .halfli_02{margin-top:3em;}
	#mainbody10 .halfli_01 li a{width:160px; height:54px;}
	#mainbody10 .halfli_02 li a{width:70px; height:70px;}
}

@media all and (min-width:1260px){

	/* mainbody10 하위 레이아웃 개편(0830박다희) */
	#mainbody10 .halfli_01{width:49%; float:left; margin:10px 0 10px 6px;}
	#mainbody10 .halfli_02{width:49%; float:left; margin:10px 0 10px 6px;}
	#mainbody10 .halfli_01 li{margin: 8px 0 10px 6px;}
	#mainbody10 .halfli_02 li{margin: 10px 0 10px 3px;}
	#mainbody10 .m10h1{top: 30px;}
	#mainbody10 .m10h2{margin-left: 50%; top: 30px;}
	#mainbody10 ul{padding-left:0;}
	#mainbody10 .halfli_01 li a{width:160px; height:54px;}
	#mainbody10 .halfli_02 li a{width:70px; height:70px;}

	#go1mainbody{z-index:100;
		display:block;
		position:fixed !important;left:25px;top:50%;
		margin-top:-10%
	}
	#go1mainbody a{display:block;position:relative;
		margin:15px 0;
	}
	#go1mainbody .t1{display:none;}
	#go1mainbody a:before{content:'';
		display:block;
		width:12px;height:12px;
		background:#f1f1f1;
		border-radius:100%;
	}
	#go1mainbody .on a:before{width:10px;height:10px;
		border:4px solid #2067c3;
		background:transparent;
		margin:0 0 0 -2.5px
	}
	#go1mainbody .on .t1{display:block;
		position:absolute;left:25px;top:-6px;
		background:#2067c3;
		font-size:14px;
		color:#fff;
		padding:5px 15px;
		border-radius:15px;
		white-space:nowrap
	}
	#go1mainbody .on .t1:before{content:'';
		display:block;position:absolute;left:-5px;top:50%;
		width:0;height:0;
		margin:-8px 0 0;
		border-top: 8px solid transparent;
		border-right: 10px solid #2067c3;
		border-bottom: 8px solid transparent;
	}



	#fixmenu1{z-index:100;
		display:block;
		position:fixed;left:0;right:0;bottom:0;
		background:#0080bf;
		height:97px;
		box-sizing:border-box;
		padding:25px 0 0;
	}
	#fixmenu1>.container{max-width:none;}
	#fixmenu1:before{content:'';
		z-index:0;
		position:absolute;left:0;bottom:0;
		display:block;
		width:416px;height:223px;
		background:url(../../img/main2021/fixmenu1_bg1.png) no-repeat;
	}
	#fixmenu1:after{content:'';
		z-index:0;
		position:absolute;right:0;bottom:0;
		display:block;
		width:300px;height:198px;
		background:url(../../img/main2021/fixmenu1_bg2.png) no-repeat;
	}
	#fixmenu1 ul{z-index:10;position:relative;text-align:center;}
	#fixmenu1 li{display:inline-block;}
	#fixmenu1 li a{position:relative;display:block;padding:0 35px;color:#fff;text-align:left;}
	#fixmenu1 li:first-child a{padding-left:0}
	#fixmenu1 li a:before{content:'';
		display:inline-block;
		width:55px;height:55px;
		vertical-align:middle;
		background:url() no-repeat 0 0 / contain;
	}
	#fixmenu1 li.m1 a:before{background-image:url(../../img/main2021/fixmenu1_p1.png)}
	#fixmenu1 li.m2 a:before{background-image:url(../../img/main2021/fixmenu1_p2.png)}
	#fixmenu1 li.m3 a:before{background-image:url(../../img/main2021/fixmenu1_p3.png)}
	#fixmenu1 li.m4 a:before{background-image:url(../../img/main2021/fixmenu1_p4.png)}
	#fixmenu1 li.m5 a:before{background-image:url(../../img/main2021/fixmenu1_p5.png)}
	#fixmenu1 li.m6 a:before{background-image:url(../../img/main2021/fixmenu1_p6.png)}
	#fixmenu1 li.m7 a:before{background-image:url(../../img/main2021/fixmenu1_p7.png)}
	#fixmenu1 li a:after{content:'';
		display:block;
		position:absolute;left:0;top:50%;
		border-left:1px solid #0071a9;
		width:0;height:25px;
		margin-top:-17.5px;
	}
	#fixmenu1 li:first-child a:after{border:0;}
}


/*배너마당추가*/
/* banner.Image.배너크기다변형.세로정렬중앙.뷰배너수고도화. [JS] $('#banner1').jQmTicker1(); // 20160531 */
#banner1{display:block;
	clear:both;
	position:relative;
	/*min-height:50px;
	margin:5px auto 10px;*/
}
#banner1 .mControl{float:left;
	width:124px; /* [Android4.1~4.3]fix) =31*4 */
	margin:18px -12px 0px;
}
#banner1 .mControl .b1{float:left;position:relative;
	width:27px;height:27px;
	box-sizing:border-box; /* for a and button */
	margin:0 0 0 4px;
	padding:0;
	border-radius:50%;
	border:0;
	background:#fff;
	font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;
}
*+html #banner1 .mControl .b1.more{}
#banner1 .mControl .b1.more{}
#banner1 .mControl .b1.stop{margin-left:35px;}
#banner1 .mControl .b1.prev{margin-left:-58px;}
#banner1 .mControl .b1.next{}
#banner1 .mControl .b1>.ic1{float:left;width:27px;height:27px;background:url() no-repeat center center;background-size:contain;}
#banner1 .mControl .b1.more>.ic1{background-image:url(http://www.hygn.go.kr/portal/img/main/ic54a1more@2x.png);}
#banner1 .mControl .b1.stop>.ic1{background-image:url(http://www.hygn.go.kr/portal/img/main/ic54a1pause@2x.png);}
#banner1 .mControl .b1.play>.ic1{}
#banner1 .mControl .b1.prev>.ic1{margin-left:0;background-image:url(http://www.hygn.go.kr/portal/img/main/ic54a1left@2x.png);}
#banner1 .mControl .b1.next>.ic1{margin-left:0;background-image:url(http://www.hygn.go.kr/portal/img/main/ic54a1right@2x.png);}
#banner1 .mView{/*clear:both;*/position:relative;height:67px;margin: 5px 0 0 0;overflow:hidden;}
#banner1 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;
	text-align:center; /* ☆ */
	transition:.2s ease-out;
}
#banner1 .mContC>img{width: 70%; margin: 0 0 0 8px;}
#banner1 .mContC{float:left;display:table;}
#mainbody10 .halfli_01 #banner1 .mContC>a{display:table-cell;width:100%;
	width:180px; /* =((360-(10*2)-(25*2))/2) */
	height:49px;
	text-align:center;vertical-align:middle;
}
#mainbody10 .halfli_01 #banner1 .mControl .pxmr{margin-right: 258px!important;}
*+html #banner1 .mContC>a{display:block;}
#banner1 .mContC>a>img{width:auto;height:auto;max-height:40px;max-width:100%;}


/* 뷰배너수 (첫번째 팝업존 고정) 

@media all and (max-width:359px){
	
	#pr1 .pr_fix{display:block; width:100%; height:100%; padding-bottom:100%;}	
	#pr1 .pr_fix a{float:left; text-align:center; position:relative; width:100%; height:100%;}	
	#pr1 .pr_fix a img{text-align:center; width:100%; height:100%;}
	#banner1 .mContC{width:50%;}
	#banner1 .mContC>a{max-width:150px;} /* =((320-(10*2)-(0*2))/2) 
	#banner1 .banner20170324{float:left;margin:-47px 0 0 200px;}
}
@media all and (min-width:360px) and (max-width:479px){ /* 배너2개씩 

	#pr1 .pr_fix a img{text-align:center; width:100%; height:100%;}
	
	#banner1 .mContC{width:50%;}
	#banner1 .mContC>a{min-width:0;max-width:170px;} /* =((360-(10*2)-(0*2))/2) 
	#banner1 .banner20170324{float:left;margin:-47px 0 0 200px;}
}
@media all and (min-width:480px) and (max-width:639px){ /* 배너3개씩 

	#pr1 .pr_fix a img{text-align:center; width:100%; height:100%;}
	#banner1 .mContC{width:33.333%;}
	#banner1 .mContC>a{min-width:0;max-width:153px;} /* =((480-(10*2)-(0*2))/3) 
	#banner1 .banner20170324{float:left;margin:-4px 0 0 14px;}
}
@media all and (min-width:640px) and (max-width:767px){ /* 배너4개씩 
	#banner1 .mContC{width:25%;}
	#banner1 .mContC>a{max-width:155px;} /* =((640-(10*2)-(0*2))/4) 
	#banner1 .banner20170324{float:left;margin:-4px 0 0 14px;}


}*/


/* 뷰배너수 (첫번째 팝업존 고정하지않을 때)*/
#banner1 .mContC .h4{font-size: 1.2em; font-weight: bold; margin: 0 11px 0 0;
position: absolute; top: 15px; left: 1px;}
#banner1 .mContC .h5{font-size: 1.2em; font-weight: bold; margin: 0 11px 0 0;
position: absolute; top: 15px; left: 226px;}

@media all and (min-width:360px) and (max-width:479px){ /* 배너2개씩*/
	#banner1{ width: 100%;}
	#banner1 .mView{width: 200px;height: 60px; margin: -9px auto 0;}
	#banner1 .mControl{margin:12px 0 0 0px;width: 94px;}
	#banner1 .mContC{width:100%; margin: 10px!important;}
	#mainbody10 .halfli_01 #banner1 .mContC>a{max-width:129px;height: 40px;} /* =((360-(10*2)-(0*2))/2)*/
	#banner1 .banner20170324{float:left;margin:-47px 0 0 200px;}
	#banner1 .mContC .h4{font-size: 0.9em; font-weight: bold; }
	#banner1 .mContC .h5{font-size: 0.9em; font-weight: bold; top:75px; left:1px; }
	#banner1 .mContC>img{width: 74%;}
	.pxmr{margin-right: 0;}
}
@media all and (min-width:480px) and (max-width:639px){ /* 배너3개씩*/
	#banner1 .mContC{width:33.333%;}
	#banner1 .mContC>a{min-width:0;max-width:153px;} /* =((480-(10*2)-(0*2))/3)*/
	#banner1 .banner20170324{float:left;margin:-4px 0 0 14px;}
}
@media all and (min-width:640px) and (max-width:767px){ /* 배너4개씩*/
	#banner1 .mContC{width:25%;}
	#banner1 .mContC>a{max-width:155px;} /* =((640-(10*2)-(0*2))/4)*/
	#banner1 .banner20170324{float:left;margin:-4px 0 0 14px;}

}

/* 레이어팝업 */
.layerpopup1 {position:absolute;z-index:10;top:100px;left:0;}
.layerpopup1>div {display:inline-block;}
.layerpopup1 .popup1cont {display:inline-block;vertical-align:top;}
.layerpopup1 .popup1cont a {display:inline-block;}
.layerpopup1 .popbtn {clear:both;float:none;position:relative;background:#000;color:#fff;height:30px;}
.layerpopup1 .popbtn .t1 a {display:inline-block;vertical-align:top;color:#fff;font-size:14px;padding:2px 10px 0px}
.layerpopup1 .popbtn .close1 {position:absolute;top:calc(50% - 9px);right:10px;}
@media all and (max-width:1259px){
	.layerpopup1 {top:129px}
}
@media all and (max-width:999px){
	.layerpopup1>div {float:none;}	
}
@media all and (max-width:500px){
	#pop20210903 .popup1cont img {width:100%;height:auto !important}
}