@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2016.09.29 | 문영신 | 최초 등록
 * 2016.10.06 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2016.10.26 | 문영신 | 순수 IE8. 결함 수정.
 * 2016.11.22 | 양미정 | 비주얼부분 수정
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2016.09.05
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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

#head_s2{border:0;}

#wrap{}
	#wrap>.container{max-width:none;margin:0;}
	#body{position:relative;
		min-height:0; /* ☆ 배치 후 최종화면 확인! */
		margin:0 auto;
		padding:0;
		background:#fff;
		border-top:1px solid #ddd;
		line-height:1.333;
	}
		#body [class*='mainbody']{position:relative;}
			#body .mainbody1{}
			#body .mainbody2{padding:30px 0;background:#1e204d;}
			#body .mainbody3{padding:30px 0;text-align:center;}
			#body .mainbody4{}
				#body .container{
					padding:0; /* ((( all.css 에서 .container 는 margin 값을 가지므로.. */
				}
					#body .mainbody1 .container{padding:0;}
						/* #body [class*='mainwrap']{} */


/* #body */


/* 비쥬얼PR로테이터. 20160930 [JS] $('#vpr1').jQmPR1({interval:6666, mTabindex:'-1'}); */
#vpr1{display:block;position:relative;
	height:463px;
	margin:0 0 -463px;
	overflow:hidden;
}
#vpr1>.wrap1{position:absolute;left:50%;bottom:0;
	width:1200px;height:463px;
	margin:0 0 0 -600px;
}
#vpr1 .mView{z-index:auto;
	position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;height:100%;
	overflow:hidden;
}
#vpr1 .mCont{position:relative;width:100%;height:100%;}
#vpr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#vpr1 .mContC.on{display:block;}
#vpr1 .mContC>.m{display:none;} /* ☆ */
#vpr1 .mContC>.c{display:block;height:100%;text-decoration:none;}
#vpr1 .mContC .f1{display:block;height:100%;}
#vpr1 .mContC .f1p1{display:block;height:100%;}
#vpr1 .mContC img{width:100%;height:auto;min-height:100%;}
#vpr1 .mContC>.c:focus{border:1px dotted #000;} /* ☆ */
/* 메뉴 */
#vpr1 .menu{z-index:20;position:absolute;left:0;right:0;top:370px;text-align:center;}
#vpr1 .menu .m{display:inline-block;position:relative;
	width:40px;height:40px;
	margin:0;padding:0;
	border-radius:0;border:0;
	background:transparent;line-height:1;vertical-align:middle;cursor:pointer;
}
#vpr1 .menu .m>.ic1{}
/* 제어 */
#vpr1 .mControl{}
#vpr1 .mControl .m{position:absolute;left:50%;top:50%;margin:-20px;}
#vpr1 .mControl .m>.ic1{float:left;position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
#vpr1 .mControl .prev{margin-left:-800px;} /* =(1200/2)+(2000-1200)/4 */
#vpr1 .mControl .next{margin-left:760px;} /* =800-40 */
#vpr1 .mControl .stop>.ic1{}
#vpr1 .mControl .play>.ic1{}
#vpr1 .mControl .prev>.ic1{background-image:url(../../img/main/ic80a1left@2x.png);}
#vpr1 .mControl .next>.ic1{background-image:url(../../img/main/ic80a1right@2x.png);}


/* 개발계획PR로테이터. 20161005 [JS] $('#vpr1').jQmPR1({interval:6666, mTabindex:'-1'}); */
#vpr2{display:block;position:relative;margin:0 -10px;}
#vpr2>.wrap1{}
#vpr2 .mView{
	z-index:10;
	/* position:relative; */
	height:463px;
	/* overflow:hidden; */
}
#vpr2 .mCont{position:relative;width:100%;height:100%;}
#vpr2 .mContC{display:block;
	position:absolute;left:0;
	top:0 !important; /* ☆ 창조절시 JS에서 값 변경되는거 방지 */
	width:100%;height:100%;
}
#vpr2 .mContC.on{display:block;}
#vpr2 .mContC>.m{display:none;} /* ☆ */
#vpr2 .mContC>.c{display:block;
	position:relative; /* ☆ */
	height:100%;text-decoration:none;
}
#vpr2 .mContC .text{display:block;
	height:200px;
	padding:0 10px;
	line-height:1.166;
	text-align:center;
}
#vpr2 .mContC .t1{display:block;padding:1em 0 0;color:#3c4048;font-weight:500;font-size:18px;letter-spacing:-1px;}
#vpr2 .mContC .t1t1{color:#876730;font-size:20px;letter-spacing:0;}
#vpr2 .mContC .t2{display:block;margin:.333em 0;color:#101231;font-weight:800;font-size:24px;letter-spacing:-1px;}
#vpr2 .mContC .t3{display:block;max-width:40em;margin:0 auto;color:#4b4b4b;font-size:13px;line-height:1.5;}
#vpr2 .mContC .f1{display:block;position:relative;
	width:180px;
	height:180px; /* (( padding-bottom:89.685%; (=313/349) 하면 부모 폭 기준 계산되어 틀린 결과 나오므로 */
	margin:0 auto;
	border-radius:9999px;
	border:2px solid #101231;
	background:#fff;
	text-align:center;
	box-shadow:5px 5px 7px 0 rgba(0, 0, 0, .2);
}
#vpr2 .mContC .f2{
    display: none;
    position: absolute;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border-radius: 9999px;
    border: 2px solid #101231;
    background: #fff;
    text-align: center;
    box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, .2);
    top: -59%;
    left: 66%;
}
#vpr2 .mContC .f1p1{
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:6px;
	border-radius:9999px;
	overflow:hidden;
}

#vpr2 .mContC .f1p2{
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:6px;
	border-radius:9999px;
	overflow:hidden;
}



#vpr2 .mContC img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:0 auto;}




/* 이벤트 */
#vpr2 .mContC>.c:focus{border:1px dotted #000;} /* ☆ */
#vpr2 .mContC a.f1{cursor:default;}
#vpr2 .mContC a.f1:after{
	content:'more';
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:-2px;
	border-radius:9999px;
	background:url(../../img/main/vpr2/mask1.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
	overflow:hidden;
	transition:.2s;
	opacity:0;
}
#vpr2 .mContC.on a.f1{cursor:pointer;}
#vpr2 .mContC.on a.f1:hover:after,
#vpr2 .mContC.on a.f1:focus:after{opacity:1;}
html.IE8 #vpr2 .mContC a.f1:after{display:none;}
html.IE8 #vpr2 .mContC.on a.f1:hover:after,
html.IE8 #vpr2 .mContC.on a.f1:focus:after{display:block;}


/* 이벤트2 */
.imgswap {position:absolute; display:none;;left:63%;z-index:20;}
.imgswap img:last-child{display:none}
.imgswap:hover img:first-child{display:none}
.imgswap:hover img:last-child{display:inline-block}

/* 이벤트2 끝 */


/* 메뉴 */
#vpr2 .menu{z-index:20;position:absolute;left:0;right:0;top:90px;text-align:center;}
#vpr2 .menu .m{display:inline-block;position:relative;
	width:20px;height:20px;
	margin:0;padding:0;
	border-radius:0;border:0;
	background:transparent;line-height:1;vertical-align:middle;cursor:pointer;
}
#vpr2 .menu .m>.ic1{}
/* 제어 */
#vpr2 .mControl{position:relative;height:auto;margin:0}
#vpr2 .mControl .m{width:33px;height:33px;}
#vpr2 .mControl .m>.ic1{float:left;position:absolute;left:50%;top:50%;width:100%;height:100%;margin:-50%;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
#vpr2 .mControl .stop{}
#vpr2 .mControl .play{}
#vpr2 .mControl .prev{float:left;}
#vpr2 .mControl .next{float:right;}
#vpr2 .mControl .stop>.ic1{}
#vpr2 .mControl .play>.ic1{}
#vpr2 .mControl .prev>.ic1{background-image:url(../../img/main/ic132a1left1@2x.png);}
#vpr2 .mControl .next>.ic1{background-image:url(../../img/main/ic132a1right1@2x.png);}
/* 순번 */
#vpr2 .mNum{clear:both;position:relative;height:30px;margin:60px auto 0;text-align:center;}
#vpr2 .mNum .m{width:auto;height:24px;
	padding:.75em .383em;
	border-radius:9999px;
	color:#1e204d;font-size:11px;text-align:center;
	transition:.2s;
}
#vpr2 .mNum .m>.t1{}
#vpr2 .mNum .m>.ic1{}
#vpr2 .mNum .m.on{background:#1e204d;color:#fff;}


/* 포커스.픽1글3.더보기 20161004 */
#focus1{display:block;position:relative;margin:0 auto 10px;line-height:1.333;letter-spacing:-1px;}
#focus1>.wrap1{position:relative;overflow:hidden;}
#focus1>.wrap1>.h1{display:block;padding:.666em 0;color:#fff;font-size:20px;text-align:left;}
#focus1 ul{}
#focus1 li{display:inline;}
#focus1 li>a{display:block;	color:#fff;}
#focus1 li>a .f1{display:block;position:relative;width:100%;height:auto;margin:0 auto;
	padding:0 0 43.103%; /* =125/290 */
	text-align:center;
}
#focus1 li>a .f1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
#focus1 li>a .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:0 auto;}
#focus1 li .t1{display:block;position:relative;max-height:2.666em;margin:.833em 0 .666em;font-size:16px;overflow:hidden;}
#focus1 li .t1:after{/* 말줄임.끝줄우끝 */
	content:'…';display:block;position:absolute;right:0;bottom:0;width:3em;height:1.333em;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(30,32,77, 0) 0, #1e204d 100%);
}
#focus1 li .t2{display:block;margin:.666em 0;color:#c5d1df;font-size:13px;letter-spacing:0;text-align:right;}
#focus1 p{padding:.5em 0;}
#focus1 .more{z-index:20;float:left;
	position:absolute;right:0;top:0;
	width:20%;height:50px;
	margin:1px;
	overflow:hidden;text-indent:-9999px;
}
#focus1 .more:focus{outline:1px dotted #fff;}
#focus1 .more>.ic1{float:left;position:absolute;right:10%;top:50%;width:21px;height:5px;margin:-2px 0 0;
	background:url(../../img/main/more2.png) no-repeat center center;background-size:contain;
}
#focus1 .more>.t1{}


/* 뉴스.픽1.더보기 20161004 */
#news1{display:block;position:relative;margin:0 auto 10px;line-height:1.333;letter-spacing:-1px;}
#news1>.wrap1{position:relative;overflow:hidden;}
#news1>.wrap1>.h1{display:block;padding:.666em 0;color:#fff;font-size:20px;text-align:left;}
#news1 ul{}
#news1 li{display:inline;}
#news1 li>a{display:block;	color:#fff;}
#news1 li>a:focus{outline:1px dotted #fff;}
#news1 li>a .f1{display:block;position:relative;width:100%;height:auto;margin:0 auto;
	padding:0 0 68.333%; /* =205/300 */
	text-align:center;
}
#news1 li>a .f1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
#news1 li>a .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:0 auto;}
#news1 p{padding:.5em 0;}


/* IR DATA. 픽1.더보기 20161004 */
#irdata1{display:block;position:relative;margin:0 auto 10px;line-height:1.333;letter-spacing:-1px;}
#irdata1>.wrap1{position:relative;overflow:hidden;}
#irdata1>.wrap1>.h1{display:block;padding:.666em 0;color:#fff;font-size:20px;text-align:left;}
#irdata1 ul{}
#irdata1 li{display:inline;}
#irdata1 li>a{display:block;}
#irdata1 li>a:focus{outline:1px dotted #fff;}
#irdata1 li>a .f1{display:block;position:relative;width:100%;height:auto;margin:0 auto;
	padding:0 0 136.667%; /* =205/150 */
	text-align:center;
}
#irdata1 li>a .f1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
#irdata1 li>a .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:0 auto;}
#irdata1 p{padding:.5em 0;}


/* 비디오.픽1.더보기 20161004 */
#video1{display:block;position:relative;margin:0 auto 10px;line-height:1.333;letter-spacing:-1px;}
#video1>.wrap1{position:relative;overflow:hidden;}
#video1>.wrap1>.h1{display:block;padding:.666em 0;color:#fff;font-size:20px;text-align:left;}
#video1 ul{}
#video1 li{display:inline;}
#video1 li>a{display:block;position:relative;
	width:100%;height:205px;
	margin:0 auto;
	background:#fff;
	text-align:center;
	overflow:hidden;
}
#video1 li>a .f1{display:block;position:relative;width:100%;height:159px;margin:23px auto;overflow:hidden;}
#video1 li>a .f1 .f1p1{display:inline;}
#video1 li>a .f1 img{display:block;position:relative;width:auto;height:100%;margin:0 auto;}
#video1 li>a .b1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:96px;height:96px;
	margin:-48px;
	background:url(../../img/main/ic192c1play1@2x.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#video1 p{padding:.5em 0;}


/* 알림판.PR로테이터. 20161004 [JS] $('#pr1').jQmPR1({interval:6666, mTabindex:'-1'}); */
#pr1{display:block;position:relative;margin:0 auto 20px;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
#pr1>.wrap1{}
#pr1 .h1{display:block;margin:.333em 0;color:#000;font-size:20px;text-align:center}
#pr1 .h2{display:block;margin:.333em 0 1em;font-size:16px;text-align:center}
#pr1 .mView{z-index:10;
	position:relative;
	width:100%; /* ☆ */
	padding:0 0 51.829%; /* =170/328 */
	overflow:hidden;
}
#pr1 .mCont{position:absolute;left:0;top:0;width:100%;height:100%;}
#pr1 .mContC{display:block/* why?키보드운용 */;position:absolute;left:0;top:0;width:100%;height:100%;}
#pr1 .mContC.on{display:block;}
#pr1 .mContC>.a1{float:left;position:relative;width:100%;height:100%;text-align:center;}
#pr1 .mContC .f1{display:block;position:relative;width:100%;height:100%;overflow:hidden;}
#pr1 .mContC .f1p1{position:absolute;left:0;top:0;width:100%;height:100%;}
#pr1 .mContC .f1 img{position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;}
#pr1 .mContC>.a1:focus:after{content:'';display:block;
	z-index:20;position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #000;
}
/* 메뉴 */
#pr1 .menu{}
#pr1 .menu .m{display:inline-block;
	z-index:20;
	position:relative;
	width:40px;height:40px;
	margin:0;padding:0;
	border-radius:0;border:0;
	background:transparent;
	line-height:1;vertical-align:middle;cursor:pointer;
}
#pr1 .menu .m>.ic1{float:left;position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
	opacity:.6;
}
/* 제어 */
#pr1 .mControl{ /* 쌓임맥락없어야함 */
	position:absolute;left:0;right:0;
	top:77px; /* 화면확인.제목들높이고려 */
	bottom:0;
}
#pr1 .mControl .prev{position:absolute;left:0;top:50%;margin:-20px 0;background:rgba(255,255,255, .3);}
#pr1 .mControl .next{position:absolute;right:0;top:50%;margin:-20px 0;background:rgba(255,255,255, .3);}
#pr1 .mControl .prev>.ic1{background-image:url(../../img/main/ic80a1left1@2x.png);}
#pr1 .mControl .next>.ic1{background-image:url(../../img/main/ic80a1right1@2x.png);}
/* 순번 */
#pr1 .mNum{z-index:20;position:absolute;left:0;right:0;bottom:0;overflow:hidden;text-align:center;}
#pr1 .mNum .m{width:14px;height:17px;border-top:2px solid #fff;vertical-align:bottom;
	transition:.2s;
}
#pr1 .mNum .m>.ic1{display:none;}
#pr1 .mNum .m.on{border-top:5px solid #fff;}


/* 메뉴.제2더보기1.픽1글1. 20161004 */
#menu1{display:block;position:relative;margin:0 auto 10px;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
#menu1>.wrap1{}
#menu1 .h1{display:block;margin:.333em 0;color:#000;font-size:20px;text-align:center}
#menu1 .h2{display:block;margin:.333em 0;font-size:16px;text-align:center}
#menu1 .more{display:block;position:relative;width:100%;height:20px;margin:10px auto 15px;overflow:hidden;text-indent:-9999px;}
#menu1 .more:focus{outline:1px dotted #000;}
#menu1 .more>.ic1{float:left;position:absolute;left:50%;top:50%;width:21px;height:5px;margin:-2px 0 0 -10px;
	background:url(../../img/main/more1.png) no-repeat center center;background-size:contain;
}
#menu1 .more>.t1{}
#menu1 ul{text-align:center;}
#menu1 li{display:inline;}
#menu1 li>a{display:inline-block;width:146px;height:156px;color:#000;}
#menu1 li>a .t1{display:block;}
#menu1 li>a .f1{display:inline-block;
	position:relative;
	box-sizing:border-box;
	width:100px;height:100px;
	border-radius:9999px;
	border:1px solid #ddd;
	transition:.2s;
}
#menu1 li>a .ic1{display:inline-block;position:absolute;left:50%;top:50%;
	width:100px;height:100px;margin:-50px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	transition:.2s;
}
#menu1 li.m1>a .ic1{background-image:url(../../img/main/menu1p01@2x.png);}
#menu1 li.m2>a .ic1{background-image:url(../../img/main/menu1p02@2x.png);}
#menu1 li.m3>a .ic1{background-image:url(../../img/main/menu1p03@2x.png);}
#menu1 li.m4>a .ic1{background-image:url(../../img/main/menu1p04@2x.png);}
#menu1 li.m5>a .ic1{background-image:url(../../img/main/menu1p05@2x.png);}
/* 이벤트 */
#menu1 li>a:hover .f1,
#menu1 li>a:focus .f1{
	background:#012c61;
	border:1px solid #012c61;
}
#menu1 li.m1>a:hover .ic1,
#menu1 li.m1>a:focus .ic1{background-image:url(../../img/main/menu1p01on@2x.png);}
#menu1 li.m2>a:hover .ic1,
#menu1 li.m2>a:focus .ic1{background-image:url(../../img/main/menu1p02on@2x.png);}
#menu1 li.m3>a:hover .ic1,
#menu1 li.m3>a:focus .ic1{background-image:url(../../img/main/menu1p03on@2x.png);}
#menu1 li.m4>a:hover .ic1,
#menu1 li.m4>a:focus .ic1{background-image:url(../../img/main/menu1p04on@2x.png);}
#menu1 li.m5>a:hover .ic1,
#menu1 li.m5>a:focus .ic1{background-image:url(../../img/main/menu1p05on@2x.png);}
html.IE8 #menu1 li>a:hover .f1,
html.IE8 #menu1 li>a:focus .f1{background:transparent;}


/* 메뉴.픽2글1. 20161026 */
#menu2{display:block;position:relative;margin:0 auto 10px;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
#menu2>.wrap1{}
#menu2 ul{}
#menu2 li{}
#menu2 li>a{display:block;margin:0 auto 10px;color:#333;text-align:center;}
#menu2 li>a:hover,
#menu2 li>a:focus{color:#06c;}
#menu2 li>a .t1{display:block;position:relative;padding:30px 0 0;font-size:18px;}
#menu2 li>a .f1{display:block;position:relative;width:100%;height:auto;margin:0 auto;
	padding:0 0 68.772%; /* =196/285 */
	background:#fff;text-align:center;
}
#menu2 li>a .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	overflow:hidden;
}
#menu2 li.m1>a .f1p1{background-image:url(../../img/main/menu2p01@2x.jpg);}
#menu2 li.m2>a .f1p1{background-image:url(../../img/main/menu2p02@2x.jpg);}
#menu2 li.m3>a .f1p1{background-image:url(../../img/main/menu2p03@2x.jpg);}
#menu2 li.m4>a .f1p1{background-image:url(../../img/main/menu2p04@2x.jpg);}
#menu2 li.m5>a .f1p2{display:block;width:100%;height:180px;margin:0;padding:0;background:url(../../img/main/menu2p05@2x.jpg) no-repeat 50% 50%;}
#menu2 li>a .ic1{display:inline-block;position:absolute;left:50%;bottom:0;
	width:72px;height:72px;margin:-36px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}
#menu2 li.m1>a .ic1{background-image:url(../../img/main/menu2ic01@2x.png);}
#menu2 li.m2>a .ic1{background-image:url(../../img/main/menu2ic02@2x.png);}
#menu2 li.m3>a .ic1{background-image:url(../../img/main/menu2ic03@2x.png);}
#menu2 li.m4>a .ic1{background-image:url(../../img/main/menu2ic04@2x.png);}


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


/* ☆확인용 */
/* 
#body #vpr1{display:none;}
#body [class*='mainbody1']{display:none;}
#body [class*='mainbody2']{display:none;}
#body [class*='mainbody3']{display:none;}
#body [class*='mainbody4']{display:none;}
#body [class*='mainbody4']>.container>[id]:nth-child(2){display:none;}
 */


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

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


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


#body .container{padding:0 50px;}


#vpr2{margin:0 -20px;}
#vpr2 .mContC .c{min-width:768px;max-width:836px;margin:0 auto;}
#vpr2 .mContC .text{height:auto;margin:0 auto;padding:40px 15px;text-align:left;}
#vpr2 .mContC .t1{padding:.333em 0 .666em;font-size:28px;letter-spacing:-3px;}
#vpr2 .mContC .t1t1{font-size:32px;}

#vpr2 .mContC .t1t2{margin:0 0 0 30px;}
#vpr2 .mContC .t2{margin-left:30px;font-size:38px;}
#vpr2 .mContC .t3{margin-left:30px;font-size:19px;}
#vpr2 .mContC .f1{
	position:absolute;
	left:50%;
	top:50%;
	width: 150px;
	height: 150px;
	margin: -63px 0 0 94px;
}


#vpr2 .menu{left:0;right:0;top:50%;margin:0;padding:0 30px;height:0;}
#vpr2 .mControl{position:absolute;left:0;right:0;height:auto;margin:0 -130px;}
#vpr2 .mControl .m{width:66px;height:66px;margin:-33px 0;}
#vpr2 .mControl .m>.ic1{width:100%;height:100%;margin:-50%;}
#vpr2 .mControl .prev{float:left;}
#vpr2 .mControl .next{float:right;}
#vpr2 .mNum{clear:both;position:relative;
	width:768px; /* ☆ */
	height:0;margin:107px auto 0;text-align:left;
}
#vpr2 .mNum .m{padding:.833em;height:28px;font-size:14px;}

#focus1{float:left;width:48%;}

#news1{float:right;width:48%;}

#irdata1{clear:both;float:left;width:25%;}
#irdata1 li>a{background:#fff;}
#irdata1 li>a .f1{width:150px;height:205px;padding:0;}

#video1{float:right;width:71%;}

#pr1{display:inline-block;width:510px;padding:0 51px;vertical-align:top;}

#menu1{display:inline-block;vertical-align:top;}


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

.imgswap {position:absolute; display:block;left:63%;z-index:20;}
} /* /(min-width:1000px) */
@media all and (min-width:1256px){/* xlarge ◇◆◇◆◇◆◇◆◇◆ */


#body{margin:0 auto;border-bottom:0;}
	#body .container{padding:0;}


#vpr2{width:1200px;margin:0 auto;}
#vpr2 .mContC .c{min-width:0;max-width:none;
	width:1020px; /* ☆ */
	margin:0 auto;
}
#vpr2 .mContC .text{height:auto;margin:0 auto;/* padding:40px 0; */text-align:left;}
#vpr2 .mContC .t1{padding:.333em 0 .666em;font-size:36px;letter-spacing:-2px;}
#vpr2 .mContC .t1t1{font-size:38px;}
#vpr2 .mContC .t1t2{margin:0 0 0 30px;}
#vpr2 .mContC .t2{margin-left:60px;font-size:38px;}
#vpr2 .mContC .t3{margin-left:60px;font-size:19px;}
#vpr2 .mContC .f1{
	position:absolute;
	left:50%;
	top: 50%;
	width: 220px;
	height: 220px;
	margin: -27px 0 0 78px;
}

	
#vpr2 .menu{left:0;right:0;top:50%;margin:0;padding:0 30px;height:0;}
#vpr2 .mControl{position:absolute;left:0;right:0;height:auto;margin:0 0px;}
#vpr2 .mControl .m{width:66px;height:132px;margin:-33px 0;}
#vpr2 .mControl .m>.ic1{width:100%;height:100%;margin:-50%;}
#vpr2 .mControl .prev{float:left;}
#vpr2 .mControl .next{float:right;}
#vpr2 .mNum{clear:both;position:relative;
	width:920px; /* ☆ */
	height:0;margin:107px auto 0;text-align:left;
}
#vpr2 .mNum .m{padding:.833em;font-size:14px;}
/* [IE8]fix) :not(.on) 》.off [JS] 클래스 생성 */
/* #vpr2 .mContC.off{opacity:.5;} ☆ 이러면 키보드 운용 결함 */
/* #vpr2 .mContC.off{width:320px;} ☆ 이러면 창크기 조절 후 결함 */
#vpr2 .mContC.off .c{width:320px;}
#vpr2 .mContC.off .text{display:none;}
#vpr2 .mContC.off .f1{
	width: 200px;
	height: 200px;
	margin:-120px;
	border:2px solid #fff;
	opacity: 0;
}
/* #vpr2 .mContC.on ~ .mContC.off ☆ 이건 코드와 물리적 위치랑 다르면 안되므로.. [JS] 클래스 생성 후 아래 방법으로 보정 */
#vpr2 .mContC.prev-on .c{
	margin-left:880px; /* =1200-320 */
}
#vpr2 .mContC.next-on .c{
	margin-left:0;
}

#focus1{float:left;width:290px;margin:0 60px 10px 0;}

#news1{float:left;width:300px;margin:0 60px 10px 0;}

#irdata1{clear:none;float:left;width:150px;margin:0 0 10px;}
#irdata1 li>a{background:#fff;}
#irdata1 li>a .f1{width:150px;height:205px;padding:0;}

#video1{float:right;width:277px;margin:0 0 10px;}

#pr1{display:inline-block;float:left;width:328px;padding:0 51px;vertical-align:top;}

#menu1{display:inline-block;float:right;vertical-align:top;}

#menu2{clear:both;}
#menu2 li.m5>a .f1p2{display:block;width:100%;height:261px;margin:0;padding:0;background:url(../../img/main/menu2p05_01@2x.jpg) no-repeat 50% 50%;}

.imgswap {position:absolute; display:block;left:63%;z-index:20;}


/* ◇◆ Only Desktop ◇◆ */



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

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