@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] ◇◆◇◆◇◆◇◆◇◆ */

/* all.css */
#head_s2{border-color:transparent;}
#head_s2.fixed{border-bottom:1px solid #ddd;}



#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{position:relative;padding:30px 0;background:url(/_res/portal/img/main/mainbody1bg3.gif)}
				 #body .mainbody1 .bg1{position:absolute;left:0;top:0;width:100%;height:9px;background:url(/_res/portal/img/main/mainbody1bg1.gif) repeat-x;}
				 #body .mainbody1 .bg2{position:absolute;left:0;bottom:0;width:100%;height:9px;background:url(/_res/portal/img/main/mainbody1bg2.gif) repeat-x;}
			#body .mainbody2{padding:20px 0;}






#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 .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{}

#bbs1{}
#bbs1 .wrap1{position:relative;height:300px;border:1px solid #ddd;background:#f9f9f9}
#bbs1 .tab1{display:block;float:left;width:29.5%;}
#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:244px;
	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 8px; /* 총높이18px=:=(13*1.333)  */
	border-radius:50%;background:#28aa12;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 .stat2{background:#f9b610; font-size:13px;color:#fff; }	
	
#bbs1 .tabcont1 li.m1>a .t2{display:block;width:100%;margin:0 0 5px;color:#999;font-size:13px;height:34px;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 5px;padding:0 0 0 10px;max-width:85%;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 .more{display:block;
	position:absolute;right:10px;top:-55px;
	height:55px;line-height:55px;
	text-align:center;color:#666;
}
#bbs1 .tabcont1 .more .t1{display:none;}
#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;}



#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: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: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:27px;
	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:30px;
	width:110%;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;
}

.


/* CSS Document */




#bbs2{margin:0 0 10px;}
#bbs2 .wrap1{position:relative;height:300px;border:1px solid #ddd;background:#f9f9f9}
#bbs2 .tab1{display:block;float:left;width:29.5%;}
#bbs2 .tab1>a{display:block;
	color:#333;text-align:center;font-size:15px;font-weight:normal;
	width:100%;height:50px;padding:5px 0 0;margin-left:-1px;
	background:#f9f9f9;border:solid #ddd;border-width:0 1px;
}
#bbs2 .tab1.on>a{position:relative;background:#fff;}
#bbs2 .tab1.on>a:before{z-index:10;content:'';display:block;position:absolute;left:0;bottom:-1px;width:100%;height:0;border-bottom:1px solid #fff;}
#bbs2 .tab1.on>a:after{z-index:10;content:'';display:block;position:absolute;left:50%;bottom:0;width:40px;height:0;margin-left:-20px;border-bottom:1px solid #333;}
#bbs2 .tabcont1{display:block;
	position:absolute;left:0;top:55px;
	width:100%;height:244px;
	background:#fff;border-top:1px solid #ddd;
}
#bbs2 .tabcont1 ul{padding:25px 20px;}
#bbs2 .tabcont1 .more{display:block;
	position:absolute;right:10px;top:-55px;
	height:55px;line-height:55px;
	text-align:center;color:#666;
}
#bbs2 .tabcont1 .more .t1{display:none;}
#bbs2 .tabcont1 .more .ic1{display:inline-block;
	width:13px;height:13px;margin-left:5px;
	background:url(/_res/portal/img/main/more1@2x.png);}
#bbs2 .tabcont1 li.m3{display:none;}
/* #bbs2 #bbs2s3 */
#bbs2 .tabcont1 li>a{display:block;overflow:hidden;cursor:pointer;}
#bbs2 .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;
	}
#bbs2 .tabcont1 li.m1>a .t2{display:block;width:100%;margin:0 0 5px;color:#999;font-size:13px;height:34px;overflow:hidden;}
#bbs2 .tabcont1 li.m1>a .t3{display:block;width:100%;margin:0 0 10px;color:#999;font:normal 13px Arial, sans-serif;}
#bbs2 .tabcont1 li.m2>a .t1,
#bbs2 .tabcont1 li.m3>a .t1{display:block;position:relative;
	float:left;margin:0 0 5px;padding:0 0 0 10px;max-width:85%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	color:#333;font-size:15px;
	}
#bbs2 .tabcont1 li.m2>a .t1:before,
#bbs2 .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;
	}

#bbs2 .tabcont1 .new{float:left;
	width:16px;height:16px;margin:1px -24px 1px 8px; /* 총높이18px=:=(13*1.333)  */
	border-radius:50%;background:#28aa12;color:#fff;
	font:normal 10px/16px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	vertical-align:middle;
	letter-spacing:16px;
	text-indent:4px;
	overflow:hidden;
}

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



#menu1{margin:0 0 10px;overflow:hidden;}

#menu1 .wrap1{position:relative;padding:20px;border:1px solid #ddd;}
#menu1 .wrap101{position:relative;padding:5px;border:1px solid #ddd;} /*20250214 이서연추가*/
#menu1 .h1{position:relative;font-size:17px;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 .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);}



#menu2{}
#menu2 .wrap1{display:block;position:relative;width:100%;height:110px;margin:0 0 8px;overflow:hidden;}
#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:left;max-width:220px;vertical-align:middle;}
#menu2 .wrap1 .twrap2>.tbox1>.t1{display:block;font-size:18px;margin:0 0 5px 0;}
#menu2 .a1:hover .wrap1 .bg,
#menu2 .a1:focus .wrap1 .bg{background-image:url(/_res/portal/img/lib/b.000000.opacity.60.png)}


<!---2020.09.04.이서연 추가-->
#menu4{}
#menu4 .wrap1{display:block;position:relative;width:100%;height:95px;margin:0 0 8px;overflow:hidden;}
#menu4 .wrap1 .bg{z-index:15;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() repeat;}
#menu4 .wrap1 .bg1{background-image:url(/_res/portal/img/lib/b.000000.opacity.40.png)}
#menu4 .wrap1 .bg2{background-image:url(/_res/portal/img/lib/b.000000.opacity.50.png)}
#menu4 .wrap1 .bg3{background-image:url(/_res/portal/img/lib/b.000000.opacity.40.png)}
#menu4 .wrap1 .bg4{background-image:url(/_res/portal/img/lib/b.000000.opacity.70.png)}
#menu4 .wrap1 .bg5{background-image:url(/_res/portal/img/lib/b.000000.opacity.80.png)}

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

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

#menu4 .wrap1 .f1{z-index:10;display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#menu4 .wrap1 .f1>img{width:100%;height:100%;}
#menu4 .wrap1 .twrap1{z-index:15;display:table;position:relative;width:100%;height:100%;}
#menu4 .wrap1 .twrap2{display:table-cell;color:#fff;text-align:center;vertical-align:middle;width:100%;height:100%;}
#menu4 .wrap1 .twrap2>.ic1{display:inline-block;width:56px;height:56px;vertical-align:middle;}
#menu4 .wrap1 .twrap2>.tbox1{display:inline-block;text-align:left;max-width:220px;vertical-align:middle;}
#menu4 .wrap1 .twrap2>.tbox1>.t1{display:block;font-size:18px;margin:0 0 5px 0;}
#menu4 .a1:hover .wrap1 .bg,
#menu4 .a1:focus .wrap1 .bg{background-image:url(/_res/portal/img/lib/b.000000.opacity.60.png)}
<!---//2020.09.04.이서연 추가-->


#bannerad1{margin:0 0 10px;overflow:hidden;}
#bannerad1 .wrap{position:relative;width:100%;padding:0 0 30px;}
#bannerad1 .h1{position:relative;font-size:22px;font-weight:bold;font-family:Helvetica, Arial, sans-serif;letter-spacing:0;}
#bannerad1 .h1:before{z-index:10;content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #000;}
#bannerad1 .h1>.t1{position:relative;z-index:10;display:block;background:#fff;color:#333;width:160px;margin:0 auto;text-align:center;}
#bannerad1 .mView{position:relative;
	margin:20px 0 0;width:100%;height:210px;
	overflow:hidden;
}
#bannerad1 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
#bannerad1 .mContC{display:block;float:left;width:100%;margin:0;height:210px;}
#bannerad1 .mContC.on{display:block;}
#bannerad1 .mContC>a{display:block;position:relative;
	width:170px;height:170px;margin:0 auto;
	text-decoration:none;overflow:hidden;
}
/* basic .wrap1 */
#bannerad1 .mContC>a .wrap1{display:block;
	position:absolute;left:0;top:0;
	width:170px;height:170px;
	border-radius:100%;overflow:hidden;
	opacity:1;transition:.2s ease-out;
}
#bannerad1 .mContC>a .wrap1 .f1{z-index:10;display:block;
	position:absolute;left:0;top:0;
	width:100%;height:100%;border-radius:100%;
	overflow:hidden;
}
#bannerad1 .mContC>a .wrap1 .f1>img{width:100%;height:100%;border-radius:100%;}
#bannerad1 .mContC>a .wrap1 .twrap1{z-index:20;display:table;
	position:relative;
	width:150px;height:150px;padding:10px;
	text-align:center;
}
#bannerad1 .mContC>a .wrap1 .twrap2{display:table-cell;vertical-align:middle;}
#bannerad1 .mContC>a .wrap1 .logo1{display:block;margin:0 auto 5px;width:90%;}
#bannerad1 .mContC>a .wrap1 .logo1>img{width:100%;max-height:38px;}
#bannerad1 .mContC>a .wrap1 .t1{display:block;width:100%;color:#fff;}
#bannerad1 .mContC>a .wrap1 .t2{display:block;width:100%;color:#fff;font-size:24px;font-weight:bold;letter-spacing:-4px;}
#bannerad1 .mContC>a .wrap1 .bg{z-index:15;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() repeat;border-radius:100%;}
#bannerad1 .mContC>a .wrap1 .bg1{background-image:url(/_res/portal/img/main/bannerad1bg01.png)}
#bannerad1 .mContC>a .wrap1 .bg2{background-image:url(/_res/portal/img/main/bannerad1bg02.png)}
#bannerad1 .mContC>a .wrap1 .bg3{background-image:url(/_res/portal/img/main/bannerad1bg03.png)}
#bannerad1 .mContC>a .wrap1 .bg4{background-image:url(/_res/portal/img/main/bannerad1bg04.png)}
#bannerad1 .mContC>a .wrap1 .bg5{background-image:url(/_res/portal/img/main/bannerad1bg05.png)}
/* :hover, :focus .wrap2 */
#bannerad1 .mContC>a .wrap2{visibility:hidden;display:none;
	position:absolute;left:50%;top:50%;margin:-105px;
	width:204px;height:204px;
	background:#fff url(/_res/portal/img/main/bannerad1wrap2bg1.png) no-repeat 50% 0;border:3px solid #333;
	visibility:hidden;opacity:0;transition:.2s ease-out;
}
#bannerad1 .mContC>a .wrap2 .bg{z-index:15;display:block;position:absolute;left:0;top:0;width:100%;height:120px;background:url(/_res/portal/img/lib/b.000000.opacity.20.png);}
#bannerad1 .mContC>a .wrap2 .f1{float:left;width:100%;height:120px;overflow:hidden;}
#bannerad1 .mContC>a .wrap2 .f1>img{width:100%;height:auto;}
#bannerad1 .mContC>a .wrap2 .twrap1{float:left;position:relative;display:table;width:184px;height:74px;padding:5px 10px;}
#bannerad1 .mContC>a .wrap2 .twrap1:before{content:'';z-index:15;display:block;
	position: absolute;left:50%;top:-20px;margin-left:-10px;
	width:0;height:0;border:10px solid transparent;border-bottom-color:#fff;
}
#bannerad1 .mContC>a .wrap2 .twrap1{}
#bannerad1 .mContC>a .wrap2 .twrap2{display:table-cell;vertical-align:middle;}
#bannerad1 .mContC>a .wrap2 .twrap1 .t1{display:block;color:#777;font-size:13px;}
#bannerad1 .mContC>a .wrap2 .twrap1 .t2{display:block;color:#333;font-size:18px;}

/* 메뉴 */
#bannerad1 .menu{z-index:10;position:absolute;width:100%;left:50%;bottom:0;margin:0 0 0 -50px;}
#bannerad1 .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;
}
#bannerad1 .menu .m>.ic1{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() no-repeat 50% 50%;background-size:contain;}
#bannerad1 .mControl{}
#bannerad1  .mControl .stop>.ic1{background-image:url(/_res/portal/img/main/menu1stop1@2x.png);}
#bannerad1  .mControl .prev>.ic1{background-image:url(/_res/portal/img/main/menu1prev1@2x.png);}
#bannerad1  .mControl .next>.ic1{background-image:url(/_res/portal/img/main/menu1next1@2x.png);}
#bannerad1  .mControl .more>.ic1{background-image:url(/_res/portal/img/main/menu1more1@2x.png);}
#bannerad1  .mControl .stop:hover>.ic1,
#bannerad1  .mControl .stop:focus>.ic1{background-image:url(/_res/portal/img/main/menu1stop1on@2x.png);}
#bannerad1  .mControl .prev:hover>.ic1,
#bannerad1  .mControl .prev:focus>.ic1{background-image:url(/_res/portal/img/main/menu1prev1on@2x.png);}
#bannerad1  .mControl .next:hover>.ic1,
#bannerad1  .mControl .next:focus>.ic1{background-image:url(/_res/portal/img/main/menu1next1on@2x.png);}
#bannerad1 .mControl .more:hover>.ic1,
#bannerad1  .mControl .more:focus>.ic1{background-image:url(/_res/portal/img/main/menu1more1on@2x.png);}



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

#banner1 .mView{position:relative;
	margin:20px 0 0;width:100%;height:60px;
	overflow:hidden;
}
#banner1 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
#banner1 .mContC{display:block;float:left;width:100%;height:60px;}
#banner1 .mContC.on{display:block;}
#banner1 .mContC>a{display:block;text-align:center;border:1px solid #ddd;color:#333;font-size:1.125em;background:#fff;}
#banner1 .mContC>a .wrap1{display:table;width:100%;height:50px;} 
#banner1 .mContC>a .wrap1 .t1{display:table-cell;vertical-align:middle;}
#banner1 .mContC>a:hover, 
#banner1 .mContC>a:focus{border-color:#39b54a;background:#39b54a;color:#fff;}

/* 메뉴 */
#banner1 .menu{z-index:10;position:absolute;width:100%;left:50%;bottom:0;margin:0 0 0 -50px;}
#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: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);}

#bannerdiary{position:relative;margin:30px 0 0 0px; overflow:hidden; background-color:#69F; }
#bannerdiary>.wrap1{padding:0 0 0px;}
#bannerdiary .h1{position:relative; float:left; font-size:20px;font-weight:bold;font-family:Helvetica, Arial, sans-serif;letter-spacing:0;}
#bannerdiary .h1>.t1{position:relative;z-index:10;display:block;background:#fff;color:#333;width:160px;margin:-20px 0 0 0; auto;text-align:center;}
#bannerdiary .menu{position:absolute;width:100%;left:50%;bottom:0;margin:0 0 0 50px;}

#bannerdiary .mView{position:relative; top:0px; left:15%; margin:30px 0 0 0;width:80%;height:380px; overflow:hidden;}
#bannerdiary .mCont{position:absolute;left:0%;top:20px;width:100%;overflow:hidden;hight:100%; }
#bannerdiary .mContC{float:left;width:40%;height:60px; text-decoration:underline;}
#bannerdiary .mContC>a{text-decoration:underline !important;text-align:center;color:#333;font-size:1.125em;}
#bannerdiary .mContC>a .wrap1{display:table;width:100%;height:50px;} 
#bannerdiary .mContC>a .wrap1 .t1{display:table-cell;vertical-align:middle; padding:10px 0 0 10%; text-decoration:underline;}

/* 메뉴 */
#bannerdiary .menu{z-index:10;position:absolute;width:100%;left:50%;bottom:0;margin:0 0 0 -50px;}
#bannerdiary .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; }

/*메인 갤러리*/
#main_con1 {background:#f9f9f9;overflow:hidden;}
#main_con1 .size {width:100%; margin:38px;position:relative;overflow:hidden;}
#main_con1 .title {float:left;width:250px; font-size:25px;color:#000;line-height:30px;}
#main_con1 .title p {font-size:15px;color:rgba(0,0,0,0.7);line-height:24px;padding-top:28px; text-align:justify; margin-right:8px;}

#main_roll {float:left; width:73%; }
#main_roll li {float:left; list-style:none; position:relative;width:290px;height:280px;background:#fff;  margin-top:6px;}
#main_roll li .img {width:290px;height:195px;}
#main_roll li .img img {width:290px;height:195px;}
#main_roll li .txt {padding:18px; }
#main_roll li .txt p {font-size:0.125em; color:#8d8d8d;line-height:17px;font-weight:500;height:17px;}
#main_roll li .txt h3 {font-size:17px;color:#000;line-height:24px;font-weight:500;height:48px;overflow:hidden;margin-top:4px;}
#main_roll .swiper {overflow: hidden; display: block;}
#main_roll .swiper-wrapper {display: flex; transition-property: transform;	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);}
#main_roll .swiper-slide {flex-shrink: 0; width: 295px; height:280px; transition-property: transform; display: block; }

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

#body .mainbody2{padding:40px 0;}



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

#bbs1{float:right;width:48.75%;}
#bbs1 .wrap1{padding:0 0 63.33%;height:0;overflow:hidden;}
#bbs1 .tabcont1{height:100%;}
#bbs1 .tabcont1 li.m1{display:none;}
#bbs1 .tabcont1 li.m3{display:block;}

#bbs2{float:left;width:48.75%;}
#bbs2 .tab1{width:25%}
#bbs2 .tab1>a{padding:0;height:55px;line-height:55px;}
#bbs2 .tab1>a>br{display:none}
#bbs2 .tabcont1 ul{margin:0 -1%;}


#edu1{clear:both;width:48.75%;}

#menu1{float:right;width:48.75%;margin:-476px 0 0;}
#menu1 .wrap1{padding:20px 20px 10px;}
 /*#menu1 .wrap101{padding:20px 20px 10px;}20250214 이서연추가*/
#menu1 .mView{margin:10px 0 0;}
#menu1 .mContC{width:25%;}

#menu2{float:right;width:48.75%;margin:-302px 0 0;}
#menu2 .wrap1{height:92px;}

#bannerad1 .mContC{width:25%}


#banner1 .mContC{width:25%;}
#banner1 .mContC>a{margin:1%;}





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

#bannerdiary .mView{height:180px; left:-2%; top:-60px;}
#bannerdiary .mContC{width:20%;margin:0;}
#bannerdiary .mContC>a{margin:0 1%;padding:0 1%}
#bannerdiary .menu{display:none;}
}

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

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



#pr1{width:473px;}

#bbs1{float:left;width:405px;margin:0 12px;}
#bbs1 .wrap1{height:300px;padding:0;}
#bbs1 .tab1{width:25%;}
#bbs1 .tab1>a{font-size:17px;}
#bbs1 .tabcont1 li.m1{display:block;}
#bbs1 .tabcont1 li.m3{display:none;}
#bbs1 .tabcont1 .more .t1{display:inline-block;}

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

#bbs2{width:473px;}
#bbs2 .wrap1{height:298px;}
#bbs2 .tabcont1{height:242px;}
#bbs2 .tabcont1 .more .t1{display:inline-block;}


#edu1{clear:none;float:left;width:405px;margin:0 12px 11px;}
#edu1 .wrap1{height:97px;}
#edu1 .mView{margin:15px 0 0;}

#menu1{float:left;width:405px;margin:0 12px;}
#menu1 .wrap1{padding:20px 15px;height:108px;}
 /*#menu1 .wrap101{padding:20px 15px;height:108px;}20250214 이서연추가*/
#menu1 .mView{margin:5px 0 0;}
#menu1 .mContC{width:25%;}


#menu2{float:right;width:338px;margin:-150px 0 0;}
#menu2 li{float:left;width:100%;margin:0;}
#menu2 li.m1 .wrap1{height:95px;}
#menu2 li.m2 .wrap1{height:95px;}
#menu2 li.m3 .wrap1{height:94px;}


<!---2020.09.04.이서연 추가-->
#menu4 ul{float:left;width:100%; margin-bottom:50px;}
#menu4 ul li{float:left;width:400px}
#menu4 ul li.m1 .wrap1{height:95px;}
#menu4 ul li.m2 .wrap1{height:95px; margin-left:20px;}
#menu4 ul li.m3 .wrap1{height:95px; margin-left:40px;}


.mp4{float:right; width:340px;}
.margin1 {text-align:center; height:116px; background-image:url(http://www.khma.org/_res/portal/img/content/main_02_03.gif);}
.margin2{text-align:center; margin-bottom:20px; height:184px ;background-color:#f9f9f9;}
.margin20 {margin-right:20px;}
<!---//2020.09.04.이서연 추가-->



#bannerad1 .mView{width:85%;margin:20px auto 0;}
#bannerad1 .mContC{width:20%}
#bannerad1 .menu{position:absolute;left:0;margin:0;top:0;width:auto;}
#bannerad1 .menu .m{position:absolute;}
#bannerad1 .menu .prev{position:absolute;left:0;top:50%;width:44px;height:44px;}
#bannerad1 .menu .next{position:absolute;left:1190px;top:50%;width:44px;height:44px;}
#bannerad1 .mControl .prev>.ic1{background-image:url(/_res/portal/img/main/bannerad1prev1.png);}
#bannerad1 .mControl .next>.ic1{background-image:url(/_res/portal/img/main/bannerad1next1.png);}
#bannerad1 .mControl .stop{left:630px;bottom:0;}
#bannerad1 .mControl .more{left:600px;bottom:0;}

#bannerad1 .mContC>a{top:50%;margin-top:-85px;}
#bannerad1 .mContC>a:hover .wrap1,
#bannerad1 .mContC>a:focus .wrap1{opacity:0;margin:0;visibility:hidden;display:none;opacity:0;}
#bannerad1 .mContC>a:hover, 
#bannerad1 .mContC>a:focus{top:0;margin:0;width:210px;height:210px;}
#bannerad1 .mContC>a:hover .wrap2, 
#bannerad1 .mContC>a:focus .wrap2{visibility:visible;display:block;opacity:1;}


#banner1 .mView{height:180px;}
#banner1 .mContC{width:16.666%;margin:0;}
#banner1 .mContC>a{margin:0 1%;padding:0 2%}
#banner1 .menu{display:none;}

#bannerdiary .mView{height:180px; top:-60px;}
#bannerdiary .mContC{width:20%;margin:0;}
#bannerdiary .mContC>a{margin:0 1%;padding:0 1%}
#bannerdiary .menu{display:none;}

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

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