@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 2017.02.10 | 김소화 | 상단 팝업존  all.css > #hpr1 로 옮김.(공통관리)
 * </pre>
 * @author 디자인팀 김소화
 * @since 2016.12.13
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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



#wrap{padding:0 0 30px;}
	#wrap>.container{max-width:none;margin:0;}
	#body{position:relative;
		min-height:0; /* ☆ 배치 후 최종화면 확인! */
		margin:0 auto;
		padding:0;
		line-height:1.333;
	}
		#body [class*='mainbody']{position:relative;}
			#body .mainbody1{padding:30px 0;}
			#body .mainbody2{position:relative;padding:40px 0;background:#def4f7}
				 #body .mainbody2>.bg1{position:absolute;left:0;top:0;width:100%;height:12px;background:url(/_res/seoul/img/main/mainbody2bg1.gif) repeat-x;}
				 #body .mainbody2>.bg2{position:absolute;left:0;bottom:0;width:100%;height:12px;background:url(/_res/seoul/img/main/mainbody2bg2.gif) repeat-x;}
				 #body .mainbody2>.bg3{position:absolute;left:0;bottom:0;width:100%;height:290px;background:url(/_res/seoul/img/main/mainbody2bg3.png) repeat-x;}
			#body .mainbody3{padding:20px 0;}


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */




#pr1{position:relative;margin:0 0 10px;overflow:hidden;}	
#pr1 .mView{z-index:10;position:relative;
	padding:0 0 63.33%;
	overflow:hidden;
}
#pr1 .mCont{position:relative;width:100%;height:100%;}
#pr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#pr1 .mContC.on{display:block;}
#pr1 .mContC>.m{display:none;} /* ☆ */
#pr1 .mContC>.c{display:block;text-decoration:none;}
#pr1 .mContC .f1{display:block;height:100%;}
#pr1 .mContC .f1p1{display:block;height:100%;}
#pr1 .mContC img{width:100%;height:auto;/*min-height:100%;*/}
#pr1 .mContC>.c:focus{border:1px dotted #000;} /* ☆ */
/* 메뉴 */
#pr1 .menu{}
#pr1 .menu .m{
	margin:0;padding:0;
	border-radius:0;border:0;
	line-height:1;vertical-align:middle;cursor:pointer;
	background-color:transparent;
	width:25px;height:25px;
	position:relative;float:left;
	margin:0 0 0 5px;
}
#pr1 .menu .m>.ic1{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() no-repeat 50% 50%;background-size:contain;}
#pr1 .mControl{z-index:11;position:absolute;right:20px;top:20px;}
#pr1 .mControl .stop>.ic1{background-image:url(/_res/portal/img/main/pr1stop1@2x.png);}
#pr1 .mControl .play>.ic1{background-image:url(/_res/portal/img/main/pr1play1@2x.png);}
#pr1 .mControl .prev>.ic1{background-image:url(/_res/portal/img/main/pr1prev1@2x.png);}
#pr1 .mControl .next>.ic1{background-image:url(/_res/portal/img/main/pr1next1@2x.png);}

#pr1 .mControl .stop2>.ic1{background-image:url(/_res/portal/img/main/pr1stop2@2x.png);}
#pr1 .mControl .prev2>.ic1{background-image:url(/_res/portal/img/main/pr1prev2@2x.png);}
#pr1 .mControl .next2>.ic1{background-image:url(/_res/portal/img/main/pr1next2@2x.png);}


/* 순번 */
#pr1 .mNum{z-index:11;position:absolute;left:0;bottom:10px;width:100%;text-align:center;}
#pr1 .mNum .m{float:none !important;display:inline-block;
	width:18px;height:18px;
	margin:0;
}
#pr1 .mNum .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:8px;height:8px;margin:-6px;
	border-radius:9999px;
	border:2px solid #fff;
}
#pr1 .mNum .m>.t1{}
#pr1 .mNum .m:first-child>.ic1{display:none;}
#pr1 .mNum .m.on:before{width:14px;height:14px;margin:-9px;background:#fff;}
#pr1 .mNum .m.on>.ic1{}



/* 순번 */
#pr1 .mNum{z-index:11;position:absolute;left:0;bottom:10px;width:100%;text-align:center;}
#pr1 .mNum .m.black{float:none !important;display:inline-block;
	width:18px;height:18px;
	margin:0;
}
#pr1 .mNum .m.black:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:8px;height:8px;margin:-6px;
	border-radius:9999px;
	border:2px solid #000;
}
#pr1 .mNum .m.black>.t1{}
#pr1 .mNum .m.black:first-child>.ic1{display:none;}
#pr1 .mNum .m.black.on:before{width:14px;height:14px;margin:-9px;background:#000;}
#pr1 .mNum .m.black.on>.ic1{}



#menu1{margin:0 0 10px;overflow:hidden;}
#menu1>.wrap1{position:relative;padding:20px;border:1px solid #ddd;}
#menu1 .h1{position:relative;font-size:23px;font-weight:bold;font-family:Helvetica, Arial, sans-serif;letter-spacing:0;}
#menu1 .mView{position:relative;
	margin:20px 0 0;width:100%;height:100px;
	overflow:hidden;
}
#menu1 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
#menu1 .mContC{display:block;float:left;width:33.333%;height:100px;}
#menu1 .mContC.on{display:block;}
#menu1 .mContC>a{display:block;}
#menu1 .mContC>a .t1{display:block;text-align:center;color:#333;margin:-3px 0 0;}
#menu1 .mContC>a .ic{display:block;width:74px;height:74px;margin:0 auto;overflow:hidden;}
#menu1 .mContC>a .ic>img{width:100%;height:100%;}
#menu1 .mContC>a .ic2{display:none;}
#menu1 .mContC>a:hover .ic1,
#menu1 .mContC>a:focus .ic1{display:none;}
#menu1 .mContC>a:hover .ic2,
#menu1 .mContC>a:focus .ic2{display:block;}
#menu1  .menu{z-index:11;position:absolute;right:10px;top:20px;}
#menu1  .menu .m{
	margin:0;padding:0;
	border-radius:0;border:0;
	line-height:1;vertical-align:middle;cursor:pointer;
	background-color:transparent;
	width:23px;height:23px;
	position:relative;float:left;
	margin:0 0 0 5px;
}
#menu1  .menu .m>.ic1{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() no-repeat 50% 50%;background-size:contain;}
#menu1  .mControl{}
#menu1  .mControl .stop>.ic1{background-image:url(/_res/portal/img/main/menu1stop1@2x.png);}
#menu1  .mControl .play>.ic1{background-image:url(/_res/portal/img/main/menu1play1@2x.png);}
#menu1  .mControl .prev>.ic1{background-image:url(/_res/portal/img/main/menu1prev1@2x.png);}
#menu1  .mControl .next>.ic1{background-image:url(/_res/portal/img/main/menu1next1@2x.png);}
#menu1  .mControl .more>.ic1{background-image:url(/_res/portal/img/main/menu1more1@2x.png);}
#menu1  .mControl .stop:hover>.ic1,
#menu1  .mControl .stop:focus>.ic1{background-image:url(/_res/portal/img/main/menu1stop1on@2x.png);}
#menu1  .mControl .prev:hover>.ic1,
#menu1  .mControl .prev:focus>.ic1{background-image:url(/_res/portal/img/main/menu1prev1on@2x.png);}
#menu1  .mControl .next:hover>.ic1,
#menu1  .mControl .next:focus>.ic1{background-image:url(/_res/portal/img/main/menu1next1on@2x.png);}
#menu1  .mControl .more:hover>.ic1,
#menu1  .mControl .more:focus>.ic1{background-image:url(/_res/portal/img/main/menu1more1on@2x.png);}


#memberId{ime-mode:inactive;}
#main1login1{display:none;background:#fff;}
#main1login1 .wrap1{position:relative;height:258px;padding:7px;border:1px solid #ddd}
#main1login1 .wrap1 .h1{position:relative;padding:0 0 15px 0;}
#main1login1 .wrap1 .h1:after{content:'';display:block;
	position:absolute;left:0;bottom:0;
	width:55px;height:0;
	border-top:2px solid #333;
}
#main1login1 .wrap1 .main1login1w1s1{position:relative;margin:20px 0 0;}
#main1login1 .wrap1 .main1login1w1s1 .text1{display:block;margin:0 0 9px 0;width:65%;height:36px;border:1px solid #ddd;background:#fff;}
#main1login1 .wrap1 .main1login1w1s1 .login{display:block;
	border:0;margin:0;padding:0;background:transparent;
	position:absolute;right:0;top:0;
	width:33%;height:82px;background:#008a3a;
}
#main1login1 .wrap1 .main1login1w1s1 .login .ic1{display:block;margin:0 auto;
	width:21px;height:21px;
	background:url(/_res/portal/img/inc/login1bg1@2x.png) no-repeat;background-size:contain;
}
#main1login1 .wrap1 .main1login1w1s1 .login .t1{display:block;text-align:center;color:#fff;}
#main1login1 .wrap1 .main1login1w1s2{margin:-.4em 0 0;}
#main1login1 .wrap1 .main1login1w1s2 .b1{display:block;height:36px;line-height:36px;text-align:center;color:#fff;background:#636c7e;border:1px solid #555e6e}
#main1login1 .wrap1 .main1login1w1s2 .b1:hover,
#main1login1 .wrap1 .main1login1w1s2 .b1:focus{background:#555}
#main1login1 .wrap1 .main1login1w1s2 .b2{display:block;float:left;
	position:relative;padding:7px 30px 7px 7px;margin:7px 0 0;
	border:1px solid #ddd;
	font-size:13px;color:#333;
}
#main1login1 .wrap1 .main1login1w1s2 .b2 .ic1{display:block;position:absolute;right:10px;top:50%;margin:-7px 0 0;width:14px;height:14px;
	background:url(/_res/portal/img/inc/login1bg2@2x.png) no-repeat;background-size:contain;
}
#main1login1 .wrap1 .main1login1w1s2 .b2:hover, 
#main1login1 .wrap1 .main1login1w1s2 .b2:focus{background:#f7f7f7}
#main1login1 .wrap1 .main1login1w1s2 p{font-size:12px;}

#main1login1 .wrap1 .main1login1w1s2 .btn2{margin-top:-5px;}
#main1login1 .wrap1 .main1login1w1s2 .btn2 .b2{display:block;
	position:relative;padding:5px 0;margin:0;
	border:1px solid #ddd;
	font-size:13px;color:#333;
}
#main1login1 .wrap1 .main1login1w1s2 .btn2 .b2>.t1{display:block;padding:0 0 0 5px;}
#main1login1 .wrap1 .main1login1w1s2 .btn2 .b2 .ic1{display:block;position:absolute;right:10px;top:50%;margin:-7px 0 0;width:14px;height:14px;
	background:url(/_res/portal/img/inc/login1bg2@2x.png) no-repeat;background-size:contain;
}
#main1login1 .wrap1 .main1login1w1s2 .btn2 .b2:hover, 
#main1login1 .wrap1 .main1login1w1s2 .btn2 .b2:focus{background:#f7f7f7}




#main1login1 .wrap2{position:relative;height:280px;padding:7px;border:2px solid #333}
#main1login1 .wrap2 .h1{position:relative;padding:0 0 15px 35px;}
#main1login1 .wrap2 .h1 .ic1{display:block;
	position:absolute;left:0;top:0;
	width:31px;height:31px;
	background:url(/_res/portal/img/inc/login1h1bg@2x.png) no-repeat;background-size:contain;
}
#main1login1 .wrap2 .h1 .t1{font-weight:normal;font-size:23px;color:#333}
#main1login1 .wrap2 .h1:after{content:'';display:block;
	position:absolute;left:0;bottom:0;
	width:55px;height:0;
	border-top:2px solid #333;
}
#main1login1 .wrap2 .logout1{display:block;
	position:absolute;right:10px;top:7px;
	color:#fff;
	padding:7px 20px;
	border:1px solid #444;background:#777;
}
#main1login1 .wrap2 .logout1:hover,
#main1login1 .wrap2 .logout1:focus{font-weight:bold;}
#main1login1 .wrap2 .memberstat1>ul>li>.ic1{display:inline-block;width:5px;height:5px;border-radius:5px;margin-right:5px;vertical-align:middle;background:#199fa2;}
#main1login1 .wrap2 .main1login1w2s1{margin:0;overflow:hidden}
#main1login1 .wrap2 .main1login1w2s1 ul>li>a{display:block;color:#fff;padding:3px 0;text-align:center;
	background:#199fa2;
	border:1px solid #0c7e81;
}

#main1login1 .wrap2 .main1login1w2s1 ul>li>a:hover,
#main1login1 .wrap2 .main1login1w2s1 ul>li>a:focus{font-weight:bold;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m2>a{background:#009442;border:1px solid #00843c;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m2>a b{color:#fffc00;font-weight:bold;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m3>a{background:#e96800;border:1px solid #bf5500;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m3>a b{color:#fffc00;font-weight:bold;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m4>a{background:#999;border:1px solid #888;font-weight:bold; font-size:13px;}
<!--#main1login1 .wrap2 .main1login1w2s1 ul>li.m4>a b{color:#333;font-weight:bold;}-->
#main1login1 .wrap2 .main1login1w2s1 ul>li.m4>a:after{content: '▶';
    display: block;
    position: absolute;
    right: 219px;
    top: 128px;
    color: #999;
    font-size: 10px;}	

#main1login1 .wrap2 .main1login1w2s1 ul>li.m5>a{background:#999;border:1px solid #888;float:clearfix;font-weight:bold; font-size:13px;}
<!--#main1login1 .wrap2 .main1login1w2s1 ul>li.m5>a b{color:#333;font-weight:bold;}-->
#main1login1 .wrap2 .main1login1w2s1 ul>li.m5>a:after{content: '▶';
    display: block;
    position: absolute;
    right: 219px;
    top: 162px;
    color: #999;
    font-size: 10px;}

#main1login1 .wrap2 .main1login1w2s1 ul>li.m6>a{background:#fff;border:1px solid #fff; color:#333; text-decoration:none;display:inline-block;float:left;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m6>span.t3{width:150px; overflwo:hidden; display:block; margin:5 12px;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m7>span.t3{width:150px; overflwo:hidden; display:block; margin:5 12px;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m6>span.t3>a span.t1{background:#fff;color:#333; text-decoration:none;float:left;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m7>span.t3>a span.t1{background:#fff;color:#333; text-decoration:none;float:left;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m6>a span.t2{background:#333;color:#333; text-decoration:none; float:right;}
#main1login1 .wrap2 .main1login1w2s1 ul>li.m6>a b{color:#fffc00;font-weight:bold; text-decoration:none;}
#main1login1 .wrap2 .main1login1w2s2{position:relative;height:100px;top:-1px; border:1px solid #ddd;overflow:hidden;}	
#main1login1 .wrap2 .main1login1w2s1 ul li .m6 .t1 a{background:#fff;border:1px solid #dadada; color:#333; text-decoration:none;display:inline-block;float:left;width:30%}
#main1login1 .wrap2 .main1login1w2s2 .tab1{float:left;width:33.333%;}
#main1login1 .wrap2 .main1login1w2s2 .tab1>a{display:block;
	text-align:center;color:#333;font-size:14px;
	height:35px;line-height:33px;
	border:solid #ddd;border-width:0 0 1px 1px;
	background:#f9f9f9;
}
#main1login1 .wrap2 .main1login1w2s2 .tab1>a .t1{display:inline-block;}
#main1login1 .wrap2 .main1login1w2s2 .tab1>a .ic1{display:inline-block;
	vertical-align:middle;
	width:20px;height:20px;
	margin:-3px 0 0 3px;
	background:url(/_res/portal/img/inc/login1tab1more@2x.png) no-repeat;background-size:contain;
	}
#main1login1 .wrap2 .main1login1w2s2 .tab1.m1>a{
	border-left:0;border-bottom:1px solid #fff;
	background:#fff;
}
#main1login1 .wrap2 .main1login1w2s2 .tab1.m1>a .ic1{display:none;}
#main1login1 .wrap2 .main1login1w2s2 .tab1cont{display:block;
	position:absolute;left:0;top:36px;
	width:100%;height:100px;
	background:#fff;
}
#main1login1 .wrap2 .main1login1w2s2 .tab1cont ul{padding:10px;}
#main1login1 .wrap2 .main1login1w2s2 .tab1cont ul>li>a{position:relative;display:inline-block;
	color:#333;
	max-width:90%;
	padding:0 0 0 10px;margin:3px 0;
}
#main1login1 .wrap2 .main1login1w2s2 .tab1cont ul>li>a:before{content:'·';display:block;position:absolute;left:0;top:0;}
#main1login1 .wrap2 .main1login1w2s2 .tab1cont ul>li>a b{color:#007a36}
#main1login1 .wrap2 .main1login1w2s2 .tab1cont ul>li>a .new{display:inline-block;
	width:16px;height:16px;
	margin:0 0 0 3px;
	border-radius:100%;
	font:normal 10px/16px Helvetica, Arial, sans-serif;color:#fff;text-transform:uppercase;vertical-align:middle;letter-spacing:16px;text-indent:4px;text-align:center;
	background:#28aa12;
	overflow:hidden;
}



.bbs1{margin:0 0 10px;}
.bbs1 .wrap1{position:relative;height:283px;border:1px solid #a9dee5;background:#f9f9f9;overflow:hidden;}
.bbs1 .tab1{display:block;float:left;width:25%;}
.bbs1 .tab1>a{display:block;
	color:#333;text-align:center;line-height:55px;font-size:14px;font-weight:normal;
	width:100%;height:55px;margin-left:-1px;
	background:#f9f9f9;border:solid #ddd;border-width:0 1px;
}
.bbs1 .tab1.on>a{position:relative;background:#fff;}
.bbs1 .tab1.on>a:before{z-index:11;content:'';display:block;position:absolute;left:0;bottom:-1px;width:100%;height:0;border-bottom:1px solid #fff;}
.bbs1 .tab1.on>a:after{z-index:11;content:'';display:block;position:absolute;left:50%;bottom:-1px;width:40px;height:0;margin-left:-20px;border-bottom:1px solid #333;}
.bbs1 .tabcont1{display:block;
	position:absolute;left:0;top:55px;
	width:100%;height:228px;
	background:#fff;border-top:1px solid #ddd;
}
.bbs1 .tabcont1 ul{padding:25px 20px;}
.bbs1 .tabcont1 li{}
.bbs1 .tabcont1 li>a{display:block;overflow:hidden;cursor:pointer;}
.bbs1 .new{float:left;
	width:16px;height:16px;margin:1px -24px 1px 0px; /* 총높이18px=:=(13*1.333)  */
	border-radius:50%;background:#005da0;color:#fff;
	font:normal 10px/16px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	vertical-align:middle;
	letter-spacing:16px;
	text-indent:4px;
	overflow:hidden;
}
.bbs1 .tabcont1 li.m1>a .t1{display:block;
	float:left;margin:0 0 10px;max-width:90%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	color:#333;font-size:16px;
}
.bbs1 .tabcont1 li.m1>a .t2{display:block;width:100%;margin:0 0 5px;color:#999;font-size:13px;
	max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.bbs1 .tabcont1 li.m1>a .t3{display:block;width:100%;margin:0 0 10px;color:#999;font:normal 13px Arial, sans-serif;}
.bbs1 .tabcont1 li.m2>a .t1,
.bbs1 .tabcont1 li.m3>a .t1{display:block;position:relative;
	float:left;margin:0 0 6px;padding:0 0 0 10px;max-width:63%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	color:#333;font-size:15px;
}
.bbs1 .tabcont1 li.m2>a .t1:before,
.bbs1 .tabcont1 li.m3>a .t1:before{content:'';display:block;
	position:absolute;left:0;top:50%;margin:-1px 0 0;
	width:3px;height:3px;background:#333;
}
.bbs1 .tabcont1 li.m2>a .t2,
.bbs1 .tabcont1 li.m3>a .t2{display:block;float:right;
	font-size:13px;color:#777;font-family:Helvetica, Arial, sans-serif;letter-spacing:0;
}
.bbs1 .tabcont1 li.notice1>a{margin-bottom:10px;}
.bbs1 .tabcont1 li.notice1>a .ic1{display:inline-block;width:15px;height:15px;vertical-align:middle;background:url(/_res/seoul/img/main/bbs1notice1.png) no-repeat;background-size:contain;}
.bbs1 .tabcont1 li.notice1>a .t1{font-weight:bold;color:#005da0;}
.bbs1 .tabcont1 .more{display:block;
	position:absolute;right:10px;top:-55px;
	height:55px;line-height:55px;
	text-align:center;color:#666;
}
.bbs1 .tabcont1 .more .t1{display:inline-block;}
.bbs1 .tabcont1 .more .ic1{display:inline-block;
	width:13px;height:13px;margin-left:5px;
	background:url(/_res/portal/img/main/more1@2x.png);}
.bbs1 .tabcont1 li.m3{display:none;}



#edu1{margin:0 0 10px;}
#edu1>.wrap1{display:block;border:1px solid #a9dee5;background:#f9f9f9;overflow:hidden;}
#edu1s1{clear:both;position:relative;overflow:hidden;}
#edu1s1 .tab1{display:block;float:left;width:50%;}
#edu1s1 .tab1>a{display:block;position:relative;
	color:#333;text-align:center;line-height:55px;font-size:14px;font-weight:normal;
	width:100%;height:55px;
	background:#fff;border:solid #ddd;border-width:0 1px 0 0;
}
#edu1s1 .tab1>a:before{z-index:11;content:'';display:block;position:absolute;left:0;bottom:-1px;width:100%;height:0;border-bottom:1px solid #fff;}
#edu1s1 .tab1>a:after{z-index:11;content:'';display:block;position:absolute;left:50%;bottom:-1px;width:40px;height:0;margin-left:-20px;border-bottom:1px solid #333;}
#edu1s1 .tabcont1{display:block;float:left;
	width:94%;height:180px;padding:0 3%;
	background:#fff;border-top:1px solid #ddd;
}

#edu1s1 .mView{position:relative;
	margin:20px 0 0;width:100%;height:180px;
	overflow:hidden;
}
#edu1s1 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
#edu1s1 .mContC{display:block;float:left;width:100%;height:90px;}
#edu1s1 .mContC.on{display:block;}
#edu1s1 .mContC>a{display:block;border-bottom:1px dotted #ddd;margin-bottom:-1px;padding-bottom:10px;}
#edu1s1 .mContC>a .t1{display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#edu1s1 .mContC>a .t1 b{color:#333;padding:3px 0 0;}
#edu1s1 .mContC>a .t1 .s{display:inline-block;text-align:center;padding:3px;margin:0 5px 0 0;width:45px;font-size:12px;color:#fff;}
#edu1s1 .mContC>a .t1 .stat1{background:#f9b610}
#edu1s1 .mContC>a .t1 .stat2{background:#ec6941}
#edu1s1 .mContC>a .t1 .stat3{background:#36a8a6}
#edu1s1 .mContC>a .t1 .stat4{background:#999}
#edu1s1 .mContC>a .t1 .stat5{background:#999}
#edu1s1 .mContC>a .t2{display:block;color:#555;font-size:13px;margin:5px 0 0;}
#edu1s1 .mContC>a .t2 em{font-weight:bold;font-family:Helvetica, Arial, sans-serif;color:#076c04;letter-spacing:0;}
#edu1s1 .mContC>a .t2 .ic{display:inline-block;vertical-align:middle;margin:0 3px 0 0;width:17px;height:17px;background:url() no-repeat;}
#edu1s1 .mContC>a .t2 .ic1{background-image:url(/_res/portal/img/main/edu1icon1@2x.png)}
#edu1s1 .mContC>a .t2 .ic2{background-image:url(/_res/portal/img/main/edu1icon2@2x.png)}
/* 메뉴 */
#edu1s1 .menu{z-index:11;position:absolute;right:10px;top:15px;}
#edu1s1 .menu .m{
	margin:0;padding:0;
	border-radius:0;border:0;
	line-height:1;vertical-align:middle;cursor:pointer;
	background-color:transparent;
	width:23px;height:23px;
	position:relative;float:left;
	margin:0 0 0 5px;
}
#edu1s1   .menu .m>.ic1{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff url() no-repeat 50% 50%;background-size:contain;}
#edu1s1   .mControl{}
#edu1s1   .mControl .stop>.ic1{background-image:url(/_res/portal/img/main/menu1stop1@2x.png);}
#edu1s1   .mControl .prev>.ic1{background-image:url(/_res/portal/img/main/menu1prev1@2x.png);}
#edu1s1   .mControl .next>.ic1{background-image:url(/_res/portal/img/main/menu1next1@2x.png);}
#edu1s1   .mControl .more>.ic1{background-image:url(/_res/portal/img/main/menu1more1@2x.png);}
#edu1s1   .mControl .stop:hover>.ic1,
#edu1s1   .mControl .stop:focus>.ic1{background-image:url(/_res/portal/img/main/menu1stop1on@2x.png);}
#edu1s1   .mControl .prev:hover>.ic1,
#edu1s1   .mControl .prev:focus>.ic1{background-image:url(/_res/portal/img/main/menu1prev1on@2x.png);}
#edu1s1   .mControl .next:hover>.ic1,
#edu1s1   .mControl .next:focus>.ic1{background-image:url(/_res/portal/img/main/menu1next1on@2x.png);}
#edu1s1   .mControl .more:hover>.ic1,
#edu1s1   .mControl .more:focus>.ic1{background-image:url(/_res/portal/img/main/menu1more1on@2x.png);}

#edu1s2{clear:both;position:relative;background:#fff;padding:5% 3%;overflow:hidden;}
#edu1s2 .wrap2{padding:5px;background:url(/_res/seoul/img/main/edu1s2bg1.gif);}
#edu1s2 .h1{padding:5px;font-size:14px;color:#005da0;background:#e9f0f8}
#edu1s2 .cont{background:#fff;padding:10px;}
#edu1s2 .mView{position:relative;width:90%;height:20px;overflow:hidden;}
#edu1s2 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
#edu1s2 .mContC{display:block;float:left;width:100%;height:20px;}
#edu1s2 .mContC.on{display:block;}
#edu1s2 .mContC>a{display:block;}
#edu1s2 .mContC>a .t1{display:block;float:left;
	color:#333;font-size:15px;
	max-width:70%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#edu1s2 .mContC>a .t2{display:block;float:right;margin:2px 0 0;color:#777;letter-spacing:0;}
/* 메뉴 */
#edu1s2 .menu{z-index:100;position:absolute;width:15px;right:25px;top:60px;}
#edu1s2 .menu:before{content:'';display:block;position:absolute;left:0;top:14px;border-top:1px solid #ddd;width:100%;height:0;}
#edu1s2 .menu .m{
	margin:0;padding:0;
	border-radius:0;border:0;
	line-height:1;vertical-align:middle;cursor:pointer;
	background-color:transparent;
	width:15px;height:15px;
	position:relative;float:left;
}
#edu1s2 .menu .m>.ic1{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() no-repeat 50% 50%;background-size:contain;}
#edu1s2 .mControl{}
#edu1s2 .mControl .prev>.ic1{background-image:url(/_res/seoul/img/main/edu1s2prev1@2x.png);}
#edu1s2 .mControl .next>.ic1{background-image:url(/_res/seoul/img/main/edu1s2next1@2x.png);}
#edu1s2 .mControl .prev:hover>.ic1,
#edu1s2 .mControl .prev:focus>.ic1{background-image:url(/_res/seoul/img/main/edu1s2prev1on@2x.png);}
#edu1s2 .mControl .next:hover>.ic1,
#edu1s2 .mControl .next:focus>.ic1{background-image:url(/_res/seoul/img/main/edu1s2next1on@2x.png);}


.banner1 .mView{position:relative;
	margin:20px 0 0;width:100%;
	overflow:hidden;
}
.banner1 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
.banner1 .mContC{display:block;float:left;width:100%;height:80px;}
.banner1 .mContC.on{display:block;}
.banner1 .mContC>a{display:block;text-align:center;}
/* basic */
.banner1 .mCont .wrap1{display:block;position:relative;
	width:100%;height:80px;max-width:230px;margin:0 auto;
	overflow:hidden;
}
.banner1 .mCont .wrap1 .f1{z-index:10;display:block;
	position:absolute;left:0;top:0;
	width:100%;height:80px;
	overflow:hidden;
}
.banner1 .mCont .wrap1 .f1 img{width:100%;height:100%;}
.banner1 .mCont .wrap1 .twrap1{z-index:20;display:table;
	position:relative;width:100%;height:100%;
	text-align:center;
}
.banner1 .mCont .wrap1 .bg.bg0+.ic1+.f1+.twrap1{display:none;}
.banner1 .mCont .wrap1 .twrap2{display:table-cell;vertical-align:middle;}
.banner1 .mCont .wrap1 .twrap3{display:inline-block;vertical-align:middle;}
.banner1 .mCont .wrap1 .t1{display:block;width:100%;color:#fff;}
.banner1 .mCont .wrap1 .t2{display:block;width:100%;color:#fff;font-size:24px;letter-spacing:-2px;font-weight:bold;font-family:'나눔고딕';vertical-align:middle;}
.banner1 .mCont .wrap1 .logo1{display:block;height:24px;padding:4px 0;}
.banner1 .mCont .wrap1 .logo1>img{width:auto;height:24px;}
.banner1 .mCont .wrap1 .bg{z-index:15;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() repeat;}
.banner1 .mCont .wrap1 .bg1{background-image:url(/_res/portal/img/main/bannerad1bg01.png)}
.banner1 .mCont .wrap1 .bg2{background-image:url(/_res/portal/img/main/bannerad1bg02.png)}
.banner1 .mCont .wrap1 .bg3{background-image:url(/_res/portal/img/main/bannerad1bg03.png)}
.banner1 .mCont .wrap1 .bg4{background-image:url(/_res/portal/img/main/bannerad1bg04.png)}
.banner1 .mCont .wrap1 .bg5{background-image:url(/_res/portal/img/main/bannerad1bg05.png)}

/* 메뉴 */
.banner1 .menu{position:absolute;}
.banner1 .menu .m{
	margin:0;padding:0;
	border-radius:0;border:0;
	line-height:1;vertical-align:middle;cursor:pointer;
	background-color:transparent;
	width:23px;height:23px;
	position:relative;float:left;
	margin:0 0 0 5px;
}
.banner1   .menu .m>.ic1{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff url() no-repeat 50% 50%;background-size:contain;}
.banner1   .mControl{}
.banner1   .mControl .stop>.ic1{background-image:url(/_res/portal/img/main/menu1stop1@2x.png);}
.banner1   .mControl .prev>.ic1{background-image:url(/_res/portal/img/main/menu1prev1@2x.png);}
.banner1   .mControl .next>.ic1{background-image:url(/_res/portal/img/main/menu1next1@2x.png);}
.banner1   .mControl .more>.ic1{background-image:url(/_res/portal/img/main/menu1more1@2x.png);}
.banner1   .mControl .stop:hover>.ic1,
.banner1   .mControl .stop:focus>.ic1{background-image:url(/_res/portal/img/main/menu1stop1on@2x.png);}
.banner1   .mControl .prev:hover>.ic1,
.banner1   .mControl .prev:focus>.ic1{background-image:url(/_res/portal/img/main/menu1prev1on@2x.png);}
.banner1   .mControl .next:hover>.ic1,
.banner1   .mControl .next:focus>.ic1{background-image:url(/_res/portal/img/main/menu1next1on@2x.png);}
.banner1   .mControl .more:hover>.ic1,
.banner1   .mControl .more:focus>.ic1{background-image:url(/_res/portal/img/main/menu1more1on@2x.png);}
/* 1 line */
.banner1.line1 .mView{height:80px;}
/* 2 line */
.banner1.line2 .mView{height:180px;}
.banner1.line2 .mContC{padding-bottom:10px;}

/* 2 line */
.banner1.line3 .mView{height:270px;}
.banner1.line3 .mContC{padding-bottom:10px;}


#bannerad1{}
#bannerad1>.wrap1{position:relative;padding:20px 19px;border:1px solid #a9dee5;background:#fff;overflow:hidden;}
#bannerad1 .mView{height:80px;}
#bannerad1 .menu{position:absolute;right:10px;top:17px;}

#bbs4{margin:0 0 10px;}
#bbs4>.wrap1{display:block;position:relative;padding:20px;border:1px solid #ddd;background:#f7f7f7;overflow:hidden;}
#bbs4 .h1{position:relative;font-size:17px;padding:0 0 0 40px;}
#bbs4 .h1 .ic1{display:block;
	position:absolute;left:0;top:-20px;
	width:28px;height:40px;
	background:url(/_res/seoul/img/main/bbs4h1bg1@2x.png) no-repeat;background-size:contain;
}
#bbs4 .mView{position:relative;
	margin:20px 0 0;width:100%;height:116px;
	overflow:hidden;
}
#bbs4 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
#bbs4 .mContC{display:block;float:left;width:100%;height:116px;overflow:hidden;}
#bbs4 .mContC.on{display:block;}
#bbs4 .mContC>a{position:relative;display:block;padding:0 0 0 200px;}
#bbs4 .mContC>a .f1{display:block;position:absolute;left:0;top:0;width:190px;height:116px;overflow:hidden;}
#bbs4 .mContC>a .f1 img{width:100%;}
#bbs4 .mContC>a .t1{display:block;font-size:15px;color:#333}
#bbs4 .mContC>a .t2{display:none;color:#777;margin:0 0 10px;max-height:60px;overflow:hidden;}
#bbs4 .mContC>a .t3{display:block;font-size:13px;color:#777;font-family:Helvetica, Arial, sans-serif;letter-spacing:0;}
/* 메뉴 */
#bbs4 .menu{z-index:11;position:absolute;right:10px;top:15px;}
#bbs4 .menu .m{
	margin:0;padding:0;
	border-radius:0;border:0;
	line-height:1;vertical-align:middle;cursor:pointer;
	background-color:transparent;
	width:23px;height:23px;
	position:relative;float:left;
	margin:0 0 0 5px;
}
#bbs4   .menu .m>.ic1{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff url() no-repeat 50% 50%;background-size:contain;}
#bbs4   .mControl{}
#bbs4   .mControl .stop>.ic1{background-image:url(/_res/portal/img/main/menu1stop1@2x.png);}
#bbs4   .mControl .prev>.ic1{background-image:url(/_res/portal/img/main/menu1prev1@2x.png);}
#bbs4   .mControl .next>.ic1{background-image:url(/_res/portal/img/main/menu1next1@2x.png);}
#bbs4   .mControl .more>.ic1{background-image:url(/_res/portal/img/main/menu1more1@2x.png);}
#bbs4   .mControl .stop:hover>.ic1,
#bbs4   .mControl .stop:focus>.ic1{background-image:url(/_res/portal/img/main/menu1stop1on@2x.png);}
#bbs4   .mControl .prev:hover>.ic1,
#bbs4   .mControl .prev:focus>.ic1{background-image:url(/_res/portal/img/main/menu1prev1on@2x.png);}
#bbs4   .mControl .next:hover>.ic1,
#bbs4   .mControl .next:focus>.ic1{background-image:url(/_res/portal/img/main/menu1next1on@2x.png);}
#bbs4   .mControl .more:hover>.ic1,
#bbs4   .mControl .more:focus>.ic1{background-image:url(/_res/portal/img/main/menu1more1on@2x.png);}





#menu2{}
#menu2 .wrap1{display:block;position:relative;width:100%;height:195px;margin:0 0 10px;}
#menu2 .wrap1 .bg{z-index:15;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() repeat;}
#menu2 .wrap1 .bg1{background-image:url(/_res/portal/img/lib/b.000000.opacity.40.png)}
#menu2 .wrap1 .bg2{background-image:url(/_res/portal/img/lib/b.000000.opacity.50.png)}
#menu2 .wrap1 .bg3{background-image:url(/_res/portal/img/lib/b.000000.opacity.40.png)}
#menu2 .wrap1 .bg4{background-image:url(/_res/portal/img/lib/b.000000.opacity.70.png)}
#menu2 .wrap1 .bg5{background-image:url(/_res/portal/img/lib/b.000000.opacity.80.png)}

#menu2 .wrap1 .bgb1{background-image:url(/_res/portal/img/lib/b_005da7_opacity_40.png)}
#menu2 .wrap1 .bgb2{background-image:url(/_res/portal/img/lib/b_005da7_opacity_40.png)}
#menu2 .wrap1 .bgb3{background-image:url(/_res/portal/img/lib/b_005da7_opacity_40.png)}
#menu2 .wrap1 .bgb4{background-image:url(/_res/portal/img/lib/b_005da7_opacity_40.png)}
#menu2 .wrap1 .bgb5{background-image:url(/_res/portal/img/lib/b_005da7_opacity_40.png)}

#menu2 .wrap1 .bgg1{background-image:url(/_res/portal/img/lib/b_008a3a_opacity_40.png)}
#menu2 .wrap1 .bgg2{background-image:url(/_res/portal/img/lib/b_008a3a_opacity_40.png)}
#menu2 .wrap1 .bgg3{background-image:url(/_res/portal/img/lib/b_008a3a_opacity_40.png)}
#menu2 .wrap1 .bgg4{background-image:url(/_res/portal/img/lib/b_008a3a_opacity_40.png)}
#menu2 .wrap1 .bgg5{background-image:url(/_res/portal/img/lib/b_008a3a_opacity_40.png)}

#menu2 .wrap1 .f1{z-index:10;display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#menu2 .wrap1 .f1>img{width:100%;height:100%;}
#menu2 .wrap1 .twrap1{z-index:15;display:table;position:relative;width:100%;height:100%;}
#menu2 .wrap1 .twrap2{display:table-cell;color:#fff;text-align:center;vertical-align:middle;width:100%;height:100%;}
#menu2 .wrap1 .twrap2>.ic1{display:inline-block;width:56px;height:56px;vertical-align:middle;}
#menu2 .wrap1 .twrap2>.tbox1{display:inline-block;text-align:center;padding:20px;vertical-align:middle;}
#menu2 .wrap1 .twrap2>.tbox1>.t1{display:block;font-size:20px;font-weight:bold;margin:0 0 5px 0;}
#menu2 .wrap1 .twrap2>.tbox1>.t2{display:block;}
#menu2 .wrap1 .twrap2>.tbox1>.a2{display:block;margin:15px auto 0;width:80px;text-align:center;border:1px solid #fff;padding:5px 10px;}
#menu2 .a1:hover .wrap1 .bg,
#menu2 .a1:focus .wrap1 .bg{background-image:url(/_res/portal/img/lib/b.000000.opacity.60.png)}
/* #menu2 banner */
#menu2s1 .mView{z-index:10;position:relative;
	padding:0 0 100%;
	overflow:hidden;
}
#menu2s1 .mCont{position:relative;width:100%;height:100%;}
#menu2s1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#menu2s1 .mContC.on{display:block;left:0 !important}
#menu2s1 .mContC>.m{display:none;} /* ☆ */
#menu2s1 .mContC>.c{display:block;text-decoration:none;}
#menu2s1 .mContC .f1{display:block;height:100%;}
#menu2s1 .mContC .f1p1{display:block;height:100%;}
#menu2s1 .mContC img{width:100%;height:auto;/*min-height:100%;*/}
#menu2s1 .mContC>.c:focus{border:1px dotted #000;} /* ☆ */
/* 메뉴 */
#menu2s1 .menu{position:relative;}
#menu2s1 .menu .m{
	margin:0;padding:0;
	border-radius:0;border:0;
	line-height:1;vertical-align:middle;cursor:pointer;
	background-color:transparent;
	width:25px;height:25px;
	position:relative;float:left;
	margin:0 0 0 5px;
}
#menu2s1 .menu .m>.ic1{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() no-repeat 50% 50%;background-size:contain;}
#menu2s1 .mControl{z-index:11;position:absolute;right:20px;top:20px;}
#menu2s1 .mControl .stop>.ic1{background-image:url(/_res/portal/img/main/pr1stop1@2x.png);}
#menu2s1 .mControl .play>.ic1{background-image:url(/_res/portal/img/main/pr1play1@2x.png);}
#menu2s1 .mControl .prev>.ic1{background-image:url(/_res/portal/img/main/pr1prev1@2x.png);}
#menu2s1 .mControl .next>.ic1{background-image:url(/_res/portal/img/main/pr1next1@2x.png);}
/* 순번 */
#menu2s1 .mNum{z-index:11;position:absolute;left:0;bottom:10px;width:100%;text-align:center;}
#menu2s1 .mNum .m{float:none !important;display:inline-block;
	width:18px;height:18px;
	margin:0;
}
#menu2s1 .mNum .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:8px;height:8px;margin:-6px;
	border-radius:9999px;
	border:2px solid #fff;
}
#menu2s1 .mNum .m>.t1{}
#menu2s1 .mNum .m:first-child>.ic1{display:none;}
#menu2s1 .mNum .m.on:before{width:14px;height:14px;margin:-9px;background:#fff;}
#menu2s1 .mNum .m.on>.ic1{}






#bannerad2{margin:0 0 10px;overflow:hidden;}
#bannerad2>.wrap1{padding:0 0 30px;}
#bannerad2 .h1{position:relative;font-size:22px;font-weight:bold;font-family:Helvetica, Arial, sans-serif;letter-spacing:0;}
#bannerad2 .h1:before{z-index:10;content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #000;}
#bannerad2 .h1>.t1{position:relative;z-index:10;display:block;background:#fff;color:#333;width:160px;margin:0 auto;text-align:center;}
#bannerad2 .menu{width:100%;left:50%;bottom:0;margin:0 0 0 -50px;}




/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */

#body .mainbody2{padding:40px 0;}
	.mainbody2s1{overflow:hidden;}
	.mainbody2s2{overflow:hidden;}



#pr1{float:left;width:48.75%;margin:0;}

#menu1{float:right;width:48.75%;}
#menu1>.wrap1{padding:20px 20px 17%;}

#bbs1, #bbs2{float:left;width:48.75%;}


#edu1{float:right;width:48.75%;}
#edu1>.wrap1{height:283px;}
#edu1s1 .tabcont1{height:110px;}
#edu1s1 .mView{height:90px;}

#bbs3{float:right;width:48.75%;}

.banner1 .mContC{width:33.333%;text-align:center;}

#bannerad1{clear:both;}
#bannerad1 .mCont{margin:0 -0.5%;}
#bannerad1 .mContC{width:32.333%;margin:0 0.5%;}

/*#menu2 li{float:left;width:32.333%;margin:0 0.5%}*/
#menu2>div{float:left;width:32.333%;margin:0 0.5%}

#bbs4 .mContC>a .t1{margin:0 0 10px}
#bbs4 .mContC>a .t2{display:block;}

} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1256px){/* xlarge ◇◆◇◆◇◆◇◆◇◆ */

/* all.css */
#login1,
#note1{display:none;}

.mainbody2s1{float:left;width:958px;}
.mainbody2s2{float:right;width:270px;}





#pr1{width:473px;}

#menu1{float:left;width:405px;margin:0 12px;}
#menu1>.wrap1{padding:20px;height:258px;}
#menu1 .mView{height:200px;}

#main1login1{display:block;float:right;width:338px;}

.bbs1 .tab1>a{font-size:17px}
#bbs1, #bbs2{width:473px}

#edu{float:left;width:473px}
#edu1s1 .tab1>a{font-size:17px}
#edu1s1 .tabcont1{height:140px;}
#edu1s1 .mView{height:140px;}
#edu1s1 .mContC{height:70px}
#edu1s1 .mContC>a{overflow:hidden;}
#edu1s1 .mContC>a .t2{float:left;width:50%;}

#edu1s2{padding:18px 3%}
#edu1s2 .wrap2{width:427px;height:40px;overflow:hidden;}
#edu1s2 .h1{float:left;width:85px;height:40px;line-height:40px;padding:0 0 0 5px;margin:0;background:url(/_res/seoul/img/main/edu1s2h1bg1.gif) no-repeat;}
#edu1s2 .cont{float:left;width:76.5%;padding:10px 10px 10px 0px;}
#edu1s2 .menu{top:28px}


.banner1 .mContC{width:20%;text-align:center;}


#bannerad1{clear:both;}
#bannerad1>.wrap1{height:537px;}
#bannerad1 .mView{height:504px;margin:10px 0 0;}
#bannerad1 .mCont{margin:0}
#bannerad1 .mContC{width:100%;margin:0 0 4px;}

#bbs4{float:left;width:405px;margin:0;}
#bbs4 .wrap1{height:153px;}
#bbs4 .mContC>a .t2{display:none;}

#menu2{float:right;width:824px;}
#menu2 .wrap1{margin:0;}

} /* /(min-width:1256px) */

/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */