@charset "utf-8";

#wrap{}
	#wrap>.container{max-width:none;margin:auto;}
	#body{
		z-index:0; /* ☆ */
		position:relative;
		min-height:0; /* ☆ 배치 후 최종화면 확인! */
		margin:auto;
		padding:0;
		color:#555;
		line-height:1.375;
	}
		#body [class*='mainbody']{position:relative;}
			#body .mainbody1{}
			#body .mainbody2{
				position:static; /* ☆ */
				background:rgba(0,0,0, .42);
			}
			#body .mainbody3{
				background:#c4c5c8 url(../../img/main/bg3.jpg) no-repeat center bottom;
				background-size:cover;
			}
			#body .mainbody4{
				background:#2c3039 url(../../img/main/bg4.jpg) no-repeat center center;
				background-size:cover;
			}
			#body .mainbody5{
				margin-bottom:-57px;
				padding-bottom:57px;
				background:#09a url(../../img/main/bg5.jpg) no-repeat right top;
				background-size:cover;
			}
				#body .container{
					padding:0; /* ((( all.css 에서 .container 는 margin 값으로 좌우여백 만드므로.. */
				}
					#body .mainbody1>.container{margin:auto;}
					#body .mainbody2>.container{
						position:static; /* ☆ */
					}
					#body .mainbody3>.container{padding:30px 0;}
					#body .mainbody4>.container{padding:30px 0;}
					#body .mainbody5>.container{
						padding:30px 0;
						text-align:center;
					}
						/* #body [class*='mainwrap']{} */

#wing{}

.example{
    font-size: 50px;
}

/* #body */


/* ☆감춤 20190711 */
/* none ★☆ToEdit) 나중에 작업할거 ☆  */
#go1mainsection{display:none;} /* ☆ */


/* ☆공용 20190711 */
/* none */
.init img{max-width:100%;} /* ☆ */

/* 멀티.PR로테이터. 20190711 [JS] jQmPR1(); */
#mpr1{display:block;
	z-index:0;
	position:relative;
	margin:0 auto;
}
#mpr1 .wrap1{}
#mpr1 .hg1{
	text-align:center;
	zoom:.75;
}
#mpr1 .e1{
	color:#e9debe;
	font-weight:300;
	font-size:16px;
}
#mpr1 .h1{
	margin:.125em 0 .375em;
	color:#fff;
	font-size:46px;
}
#mpr1 .t1{
	color:#a2a7b1;
	font-size:18px;
	line-height:1.5;
}
/* 내용뷰 */
#mpr1 .w1mView{
	position:relative;
	margin:0 -20px;
}
#mpr1 .mView{
	z-index:0;
	position:relative;
	width:320px;
	height:460px;
	margin:auto;
	overflow:visible;
}
#mpr1 .mCont{position:relative;width:100%;height:100%;}
#mpr1 .mContC{display:block;
	visibility:hidden; /* ☆ */
	position:absolute;left:0;
	top:0 !important; /* ☆ 창조절시 JS에서 값 변경되는거 방지 */
	width:100%;height:100%;
	overflow:hidden;
	transition:.6s;
}
#mpr1 .mContC *{
	transition:.6s;
}
/* ☆ */
#mpr1 .mContC .w1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
	text-decoration:none;
}
/* ☆ */
#mpr1 .mContC .c{}
#mpr1 .mContC .a1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 20px;
	text-decoration:none;
}
/* ☆ */
#mpr1 .mContC .g1{display:block;
	color:#e5e5e5;
	font-size:48px;
	opacity:.2;
}
#mpr1 .mContC .f1{display:block;
	z-index:10; /* z > .tg1 */
	position:relative;
	width:auto;
	height:230px;
	margin:auto;
	background:#eee;
	text-align:center;
	overflow:hidden;
	box-shadow:0 0 10px 0 rgba(0,0,0, .75);
}
#mpr1 .mContC .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
#mpr1 .mContC .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
#mpr1 .mContC .tg1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:160px;
	/* margin:-160px auto; */
	padding:20px 0;
	/* background:#f1f1f1; */
	text-align:left;
	overflow:hidden;
	/* opacity:0; */
	transition:.3s .3s; /* (화면확인) */
}
#mpr1 .mContC .t1{display:block;
	height:1.375em;
	color:#e8dac0;
	font-weight:400;
	font-size:26px;
	letter-spacing:-.09375em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#mpr1 .mContC .t2{display:block;
	display:-webkit-box;
	-webkit-line-clamp:3; /* (X) line-clamp */
	-webkit-box-orient:vertical; /* (X) box-orient */
	height:60px; /* (20*3) */
	margin:.875em 0 .5em;
	color:#fff;
	font-size:15px;
	line-height:20px;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
/* 고도화 */
/* #mpr1 .mContC .a1:focus{border:1px dotted #000;} */
/* #mpr1 .mContC .a1:focus .f1{margin:-1px;} */
#mpr1 .mContC .a1:hover .g1,
#mpr1 .mContC .a1:focus .g1{
	opacity:1;
}
/* off */
#mpr1 .mContC.off{
	visibility:hidden;
	opacity:0;
	transition:0s; /* ☆ 아래로 지나가는거 바로 감춤 */
}
#mpr1 .mContC.off .w1{}
#mpr1 .mContC.off .f1{}
#mpr1 .mContC.off .tg1{}
/* on */
/* #mpr1 .mContC[class*='-on'], */
#mpr1 .mContC.on{
	visibility:visible;
	opacity:1;
}
#mpr1 .mContC.on .m{
	visibility:hidden;
	opacity:0;
	transition:.1s; /* (먼저감춤) */
}
#mpr1 .mContC.on .tg1{
	margin:auto;
	opacity:1;
}
#mpr1 .mContC.prev-on,
#mpr1 .mContC.prev2-on,
#mpr1 .mContC.prev3-on{
	visibility:visible;
	opacity:1;
	/* margin-left:-25px; */
	transition:.6s;
}
#mpr1 .mContC.next-on,
#mpr1 .mContC.next2-on,
#mpr1 .mContC.next3-on{
	visibility:visible;
	opacity:1;
	/* margin-left:25px; */
	transition:.6s;
}
/* 흑백[Edge13+] */
#mpr1 .mContC{
  -ms-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
#mpr1 .mContC.prev-on,
#mpr1 .mContC.next-on,
#mpr1 .mContC.on{
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  filter: none;
}
/* 메뉴 */
#mpr1 .menu{}
#mpr1 .menu .w1{}
#mpr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#mpr1 .menu .m>.ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	box-sizing:border-box; /* ☆ */
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
/* 제어 */
#mpr1 .mControl{display:block;
	z-index:10;
	position:relative;
	margin:20px 0;
	font-size:0;
	text-align:center;
}
#mpr1 .mControl .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:57px;
	height:57px;
	margin:0 4px;
	padding:0;
	border:1px solid rgba(255,255,255, .8);
	border-radius:9999px;
	background:rgba(0,0,0, .0);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#mpr1 .mControl .m:hover,
#mpr1 .mControl .m:focus{
	background:rgba(0,0,0, .42);
}
#mpr1 .mControl .m>.ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:25px;height:25px;
	margin:-12.5px;
	background:url() no-repeat center center;
	background-size:contain;
	text-indent:-9999px;overflow:hidden;
}
#mpr1 .mControl .stop>.ic1{background-image:url(../../img/main/ic25a3c0pause1.png);}
#mpr1 .mControl .prev>.ic1{background-image:url(../../img/main/ic25a3c0left1.png);}
#mpr1 .mControl .next>.ic1{background-image:url(../../img/main/ic25a3c0right1.png);}
/* 고도화 */
#mpr1.nodo .menu,
#mpr1.nodo .mControl2{display:none;}


/* 링크 20190711 */
#link2{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	max-width:396px;
	margin:0 auto 30px;
}
#link2 .wrap1{}
#link2 .p1{
	display:block;
	border-radius:9999px;
	overflow:hidden;
}
#link2 .a1{display:block;
	color:#fff;
	overflow:hidden;
}
#link2 .tg1{
	position:absolute;left:0;right:0;bottom:50%;
	text-shadow:2px 2px 6px rgba(0,0,0, .42);
}
#link2 .t1{display:block;
	margin:8px;
	font-weight:600;
	font-size:36px;
	letter-spacing:-.075em;
}
#link2 .t2{display:block;
	margin:8px;
	font-size:15px;
}
#link2 .b1{display:inline-block;
	position:absolute;right:0;bottom:47px;
	padding:16px 20px 16px 32px;
	background:#692e55;
	color:inherit;
	font-weight:400;
	font-size:0;
	vertical-align:middle;
}
#link2 .b1t1{display:inline-block;
	margin:0 .5em 0 0;
	color:inherit;
	font-size:18px;
	vertical-align:middle;
}
#link2 .b1ic1{display:inline-block;
	width:32px;height:10px;
	background:url(../../img/main/icw32c0right1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}


/* 메뉴. 20190711 */
#menu2{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	max-width:500px;
	margin:0 auto;
}
#menu2 .wrap1{}
#menu2 .hg1{
	margin:0 0 40px;
	color:#fff;
	text-align:center;
	zoom:.75;
	text-shadow:2px 2px 6px rgba(0,0,0, .42);
}
#menu2 .e1{
	font-weight:300;
	font-size:16px;
}
#menu2 .h1{
	margin:.125em 0 .375em;
	font-size:46px;
}
#menu2 .t1{
	font-size:18px;
	line-height:1.5;
}
#menu2 ul{
	margin:0 -10px;
	font-size:0;
	text-align:left;
}
#menu2 li{display:inline-block;
	width:50%;
	vertical-align:top;
}
#menu2 li a{display:block;
	position:relative;
	margin:0 10px;
	padding:30px 24px;
	background:#fff;
	color:#5c636e;
	overflow:hidden;
}
#menu2 li .t1{display:block;
	color:#000;
	font-size:22px;
	text-align:center;
}
#menu2 li .t2{display:block;
	margin:1em 0 2em;
	color:#666;
	font-size:15px;
}
#menu2 li .b1{display:inline-block;
	color:#000;
	font-weight:400;
	font-size:0;
	vertical-align:middle;
}
#menu2 li .b1t1{display:inline-block;
	margin:0 .5em 0 0;
	color:inherit;
	font-size:14px;
	vertical-align:middle;
}
#menu2 li .b1ic1{display:inline-block;
	width:32px;height:10px;
	margin:10px 0;
	background:url(../../img/main/icw32c1right1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* ☆ */
#menu2 li .ic1{display:block;
	width:60px;height:60px;
	margin:0 auto 10px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu2 .m1 .ic1{background-image:url(../../img/main/menu2p01@2x.png);}
#menu2 .m2 .ic1{background-image:url(../../img/main/menu2p02@2x.png);}
/* ☆ */





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



/* ☆작업확인용 */
/*
	#body [class*='mainbody2']>.container>[id]:nth-child(1){display:none;}
 */


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


#vpr1 .mView{
	height:254px; /* >=640*(760/1920) */
}


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


#vpr1 .mView{
	height:304px; /* >=768*(760/1920) */
}


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


#body .mainbody1{}
#body .mainbody2{}
#body .mainbody3{}
#body .mainbody4{}
#body .mainbody5{}
	#body .mainbody1>.container{}
	#body .mainbody2>.container{padding:30px 0;}
	#body .mainbody3>.container{padding:30px 0;}
	#body .mainbody4>.container{padding:30px 0;}
	#body .mainbody5>.container{padding:30px 0;}


#vpr1 .mView{
	height:396px; /* >=1000*(760/1920) */
}


#weather2{
	float:left;
	width:40%;
	margin:0;
	padding:0 1px 0 0;
}
#weather2 .wrap1{
	height:204px;
	padding:30px 10px;
}
#weather2 .ic1,
#weather2 .t1,
#weather2 .t2{
	display:block;
}

#info1{
	margin:0 0 1px;
}
#info1 .wrap1{
	height:204px;
}

#notice1{
	clear:both;
	margin:0;
}
#notice1 .wrap1{
	padding:0 120px 0 0;
}
#notice1 .mControl{
	position:absolute;right:0;top:0;
}
#notice1 .mView{
	clear:none;
	margin:9px 0 11px;
}	


#menu1 li{
	width:25%;
}
#menu1 li~li a{
	border-left:1px solid #fff;
}

#link1{
	margin:0 500px -270px 0;	
}
#link1 .wrap1{
	height:270px;
}

#ppr1{
	float:right;
	width:480px;
}
#ppr1 .w1{
	float:left;
	width:200px;
}
#ppr1 .w2{
	float:right;
	width:220px;
}
#ppr1 .more{
	margin-top:1px;
}


#mpr1 .hg1{
	zoom:1;
}


#menu2 .hg1{
	zoom:1;
}
#menu2 li .t1{
	text-align:left;
}
#menu2 li .b1ic1{
	display:block;
}
#menu2 li .ic1{
	position:absolute;right:0;bottom:0;
	margin:20px;
}


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

#body .mainbody1{}
#body .mainbody2{}
#body .mainbody3{}
#body .mainbody4{}
#body .mainbody5{
		background-position:center top;
}
	#body .mainbody1>.container{
		max-width:none;
	}
	#body .mainbody2>.container{padding:0;}
	#body .mainbody3>.container{padding:50px 0;}
	#body .mainbody4>.container{padding:50px 0;}
	#body .mainbody5>.container{padding:50px 0;}


#vpr1 .mView{
	height:500px; /* >=1260*(760/1920) */
}


#weather2{
	position:absolute;left:50%;
	top:60px; /* (화면확인) */
	width:290px;
	margin:0 0 0 170px; /* ((920/2)-290) */
	padding:0;
}
#weather2 .wrap1{
	height:188px;
	padding:24px 10px;
}
#weather2 .ic1,
#weather2 .t1,
#weather2 .t2{
	display:block;
}

#info1{
	position:absolute;left:50%;
	top:248px; /* (60+188) */
	width:290px;
	margin:0 0 0 170px;
}
#info1 .wrap1{
	height:252px;
}

#notice1{
	clear:both;
	margin:0;
}

#link2{
	float:left;
}

#menu2{
	float:right;
	width:400px;
}
#menu2 .hg1{
	text-align:left;
}


} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


#wrap>.container,
	#body>.container{
		width:auto; /* ☆ */
	}
	#body .mainbody1{}
	#body .mainbody2{
		height:0;
		margin-top:-0;
	}
	#body .mainbody3{}
	#body .mainbody4{}
	#body .mainbody5{
		margin-bottom:0;
		padding-bottom:0;
	}
		#body .mainbody1>.container{
			width:auto;
			max-width:none;
			margin:auto;
		}
		#body .mainbody2>.container{padding:0;}
		#body .mainbody3>.container{padding:60px 0;}
		#body .mainbody4>.container{padding:30px 0;}
		#body .mainbody4>.container:before{content:''; /* O */
			display:inline-block;
			position:absolute;left:10px;top:-9px;
			width:27px;
			height:82px;
			background:url(../../img/main/bg4deco1.png) no-repeat center center;
		}
		#body .mainbody5>.container{padding:60px 0 80px;}


#vpr1 .mView{
	height:760px;
}


#vpr1 .mNum{
	top:127px;
	text-align:left;
}
#vpr1 .mControl{
	bottom:279px;
	text-align:left;
}


#weather2{
	top:103px; /* (design) */
	margin-left:310px; /* ((1200/2)-290) */
}

#info1{
	top:291px; /* (103+188) */
	margin-left:310px;
}

#notice1{
	margin:-84px -360px 0;
	padding:20px 360px;
	background:rgba(0,0,0, .8);
}
#notice1 .wrap1{
	width:720px;
	margin:0;
}

#menu1{
	float:left;
	width:340px;
	margin:0 45px 0 0;
}
#menu1 li{
	width:50%;
}
#menu1 li~li a{
	border:0;
}

#link1{
	float:left;
	width:235px;
	margin:0	
}
#link1 .wrap1{
	height:270px;
}

#ppr1{
	float:right;
	width:auto;
}
#ppr1 .wrap1{
	padding-left:40px;
}
#ppr1 .w1{
	float:left;
	width:220px;
}
#ppr1 .w2{
	float:right;
	width:220px;
}
#ppr1 .more{
	margin-top:1px;
}


#mpr1 .hg1{
	z-index:10;
	position:absolute;left:0;top:0;
	box-sizing:border-box; /* ☆ */
	width:365px;
	height:460px;
	padding:80px 0 0;
	background:rgba(0,0,0, 0);
	text-align:left;
}
#mpr1 .mView{
	width:440px;
	transform: translateX(-15px);
}
#mpr1 .mContC .a1{
	margin:0 45px;
}
#mpr1 .mContC .a1:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:0;
	width:0;
	height:106px;
	margin:50px -31px;
	border-left:1px solid #fff;
	opacity:.2;
}
#mpr1 .mControl{
	position:absolute;left:0;top:0;
	margin:306px 0;
}
#mpr1 .mContC .g1{
	margin:-11px 0 13px -45px;
}
#mpr1 .mContC.prev-on,
#mpr1 .mContC.prev2-on,
#mpr1 .mContC.prev3-on{
	visibility:hidden; /* ☆ 주의) [IE10,11] (#mpr1 .mContC .m) 있다면, 전환 지연 동작 결함 야기 */
	opacity:0;
}

#link2{
	margin:34px 0 0;
}

#menu2{
	width:500px;
}


/* ◇◆ Only Desktop ◇◆ */


/* 메인섹션 페이징. 20190711 */
#go1mainsection{display:block;
	z-index:50;
	position:fixed;left:0;top:50%;
	width:34px;
	margin:-82.5px 18px; /* (-165/2) */
	padding:10px 0;
	border-radius:9999px;
	background:rgba(0,0,0, .42);
	line-height:1.375;
	letter-spacing:0;
	/* box-shadow:0 0 5px 0 rgba(255, 255, 255, .25); */
}
#go1mainsection>.wrap1{}
#go1mainsection ul{}
#go1mainsection li{display:inline;}
#go1mainsection li a{display:block;
	position:relative;
	box-sizing:border-box;
	border-radius:9999px;
	width:34px;height:34px;
	margin:0 auto;
	background:transparent;
}
#go1mainsection li a>.ic1{float:left;
	z-index:10;
	position:absolute;left:50%;top:50%;
	box-sizing:border-box;
	width:16px;height:16px;
	margin:-8px;
	border-radius:9999px;
	border:3px solid #fff;
	background:url(../../img/main/b.png);
	transition:.2s;
}
#go1mainsection li~li a>.ic1:before{content:''; /*│*/
	display:block;
	position:absolute;left:50%;top:0;
	width:0;
	height:18px;
	margin:-19px -1px;
	border-left:2px dotted #fff;
	opacity:.57;
}
#go1mainsection li a>.t1{display:block;
	visibility:hidden;
	position:absolute;left:50%;top:50%;
	width:0;
	height:20px;
	margin:-13px 17px;
	padding:7px 0;
	border-radius:0 9999px 9999px 0;
	background:rgba(0,0,0, .42);
	color:#fff;
	font-size:15px;
	white-space:nowrap;
	overflow:hidden;
	opacity:0;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .25);
	transition:.2s;
}
/* #go1mainsection li a>.t1:before{content:'';display:block;
	position:absolute;left:0;top:50%;
	width:26px;height:1px;
	margin:0 -26px;
	background:#fff;
	overflow:hidden;
} */
#go1mainsection .deco1{
	display:block;
	width:22px;height:33px;
	margin:1px auto 9px;
	background:url(../../img/main/ich33a1c0mouse1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* 효과 */
#go1mainsection li a:hover>.ic1,
#go1mainsection li a:focus>.ic1, /* 하여 활성 효과 중복되면 주석처리 */
#go1mainsection li.on a>.ic1{
	background:#fff;
}
#go1mainsection li a:hover>.t1,
#go1mainsection li a:focus>.t1{
	width:5em;
	padding-left:6px;
	padding-right:1em;
	visibility:visible;
	opacity:1;
}


}

/* 글로벌내비.분리 20190711 */
#gn2{
	z-index:10;
	position:absolute;right:0;top:0;
	overflow:hidden;
}
#gn2 ul{
	font-size:0;
	text-align:center;
}
#gn2 li{display:inline-block;
	padding:0 0 0 1px;
	background:url(../../img/inc/gn2s.png) no-repeat 0 50%;
}
#gn2 li:first-child{
	background:none;
}
#gn2 a{display:block;
	position:relative;
	height:20px;
	padding:11px 14px;
	overflow:hidden;
}
#gn2 a .t1{display:inline-block;
	position:static;
	color:#000;
	font-size:14px;
	line-height:20px;
	vertical-align:middle;
}
#gn2 a .ic1{
	display:none;
}


h1#logo{
	margin-right:70px;
}


#tnb1 .b1.toggle{
	right:20px;
}


/* Add Share Contents Style ◇◆◇◆◇◆◇◆◇◆ */


/* #visual 20190711 */
#visual{display:block;
	z-index:-1; /* ☆ */
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:110px; /* >=768*(272/1920) */
}
#visual [class*='v1']{display:block;
	position:relative;
	height:100%;
	margin:0 -1000px;
	overflow:hidden;
}
#visual img{display:block;
	width:auto;
	height:100%;
	margin:auto;
}


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



/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (max-width:767px){ /* small ◇◆◇◆◇◆◇◆◇◆ */


h1#logo{
	margin-top:16px;
	margin-bottom:16px;
}


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


h1#logo{
	margin-left:70px;
	margin-right:70px;
	text-align:center;
}


#visual{
	height:180px; /* >=1260*(272/1920) */
}


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


#tnb1 .b1.toggle{
	right:0;
}


} /* /(min-width:1000px) */
@media all and (min-width:1000px) and (max-width:1259px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) and (max-width:1259px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


#head_s1{
	height:0;
}

#body_head{
	margin:-68px 0 0;
}
#body_head:before{
	bottom:auto;
	height:68px;
	background:rgba(0,0,0, .42);
}
	#body_head_s1{
		height:68px;
	}
		#body_head_s1>.container{}
	#body_head_s2{}
		#body_head_s2>.container{
			padding:22px 0 6px;
			border-bottom:1px solid #d7d7d7;
		}


#gn2{
	top:28px;
}


/* 주메뉴 20190711. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니, 스타일 분리
 * 1차 inline배치. 하위absolute배치. 2차 block배치. 3차 inline배치.
 */
#tnb1{ /* z-index:20; ☆쌓임맥락만들지마요! */
	float:left;position:absolute;
	left:-1000px;right:-1000px;
	top:0;
	width:auto;
	height:60px;
	line-height:1.375;
}
/* 데스크탑 감춤 */
#tnb1 .b1.toggle,
#tnb1c .b2,
#tnb1logo,
#tnb1head_s1,
#tnb1head_s2,
#tnb1c>div.cont>.bg,
#tnb1c>div.cont:before{display:none;}
#tnb1c{
	display:block !important; /* ☆ */
	z-index:20; /* ( z < #gn3 ) */
	position:relative; /* ☆ */
	width:100%;
	height:100%;
	background:#fff url(../../img/inc/tnb1bg2.png) center bottom;
}
#tnb1c.on{
	display:block;visibility:visible;
	right:auto; /* ☆ */
}
#tnb1c>.bg{
	z-index:0; /* ( z 최소값 ) */
	position:absolute;left:0;right:0;top:0;
	height:59px;
	background:#fff;
	border-top:1px solid #d7d7d7;
}
#tnb1c.on>.bg{}
#tnb1c>div.cont{float:none;
	position:relative;right:auto;
	width:1200px; /* ☆ */
	min-height:100%;
	margin:0 auto;
	box-shadow:none;
}
#tnb1c.on>div.cont{right:auto;
	box-sizing:border-box; /* ☆ */
}

/* depth1~depth4 */
/* depth1 */
#tnb1 div.d1{
	position:relative;
	width:100%;
	min-height:100%;
	padding:0; /* ☆ */
	background:transparent;
	overflow:visible;
}
#tnb1 div.d1>ul{width:100%;
	min-height:0; /* >=1차메뉴전체높이 */
	/* border-right:1px solid #eee; */
	/* overflow:hidden; */
}
#tnb1 div.d1>ul>li{display:inline;
	float:left;
	position:static; /* ☆ */
	width:14.285%; /* 전체메뉴폭 고려 ((100/7 */
}
/* ☆1차메뉴노출제외 )) /_res/사이트키/share/css/style.css */
#tnb1 div.d1>ul>li.m7 ~ li{display:none;} /* ☆ */

#tnb1 div.d1>ul>li>a{display:block;
	position:relative;
	height:24px;
	padding:18px 20px; /* (약간 여유) */
	border-right:1px solid #ddd; /* ☆ */
	color:#000;
	font-size:0;
	font-weight:600;
	text-align:center;
}
#tnb1 div.d1>ul>li:first-child>a{
	border-left:1px solid #ddd; /* ☆ */
}
#tnb1 div.d1>ul>li>a:before{}
#tnb1 div.d1>ul>li:first-child>a:before{
	display:none;
}
#tnb1 div.d1>ul>li>a>.ic1{display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li>a>.t1{display:inline-block;
	/* position:relative; */
	font-size:19px;
	line-height:24px;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{
	/* color:#04a; */
}

/* ★ 주메뉴 전체 오버(포커스) */
#tnb1 div.d1.over{}
#tnb1 div.d1.over>.bg{}

/* ★ 1차 메뉴별 오버(포커스) */
/* .over 우선순위는 body[data-layout*='main'] #tnb1 div.d1>ul>li.on>a{} 보다 높아야한다. */
#tnb1 div.d1>ul>li.over[class][class]>a{
	/* color:#04a; */
}
#tnb1 div.d1>ul>li.over[class][class]>a>.t1:before{}

/* depth2~3 (활성 동작만 먼저 정의) */
#tnb1 li>div[class^='d']{
	display:block;visibility:hidden;
	height:0;
	opacity:0;
	overflow:hidden;
}
#tnb1 li>div[class^='d']:after{content:'';display:table;clear:both;}
#tnb1 li.on>div[class^='d']{}
#tnb1 li>div.d3, /* ☆3차다보임추가 */
#tnb1 li.on>div.d3,
#tnb1 li.over>div[class^='d']{
	visibility:visible;
	height:auto;
	opacity:1;
}

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	z-index:20;
	position:absolute;left:0;top:0;
	width:1200px;
	height:0;
	margin:60px -360px 0; /* ☆ */
	padding:0 360px;
	background:#fff url(../../img/inc/tnb1bg2.png) center bottom;
	/* box-shadow:0 1px 0 0 rgba(0, 0, 0, .5); */
	box-shadow:inset 0 4px 4px 0 rgba(0, 0, 0, .1);
}
#tnb1 div.d2>.bg{ /* ☆ 겹치는 배경 추가 */
	height:0;
	margin:0 -360px;
	/* border-top:1px solid #f00; */
}
/* 데스크탑 only 좌 1차제목.. */
#tnb1 div.d2>.hg1{display:block;
	float:left;
	position:absolute;left:360px;top:0;bottom:0;
	box-sizing:border-box; /* ☆ */
	width:266px;
	padding:30px 12px;
	text-align:left;
}
#tnb1 div.d2>.hg1>.h1{display:block;
	z-index:10;
	position:relative;
	color:#00004c;
	font-weight:600;
	font-size:32px;
	letter-spacing:-3px;
}
#tnb1 div.d2>.hg1>.h2{display:block;
	z-index:10;
	position:relative;
	margin:10px 0 290px;
	color:#00004c;
	font-size:15px;
}
#tnb1 div.d2>.hg1>.ic1{display:block;
	position:absolute;right:0;bottom:0;
	width:230px;
	height:260px;
	background:url() no-repeat right bottom;
}
#tnb1 .m1 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p01.png);}
#tnb1 .m2 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p02.png);}
#tnb1 .m3 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p03.png);}
#tnb1 .m4 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p04.png);}
#tnb1 .m5 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p05.png);}
#tnb1 .m6 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p06.png);}
#tnb1 .m7 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p07.png);}
#tnb1 .m8 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p08.png);}
#tnb1 .m9 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p09.png);}
#tnb1 div.d2>ul{
	position:relative; /* ☆ 하위메뉴의 기준위치 */
	box-sizing:border-box; /* ☆ */
	width:934px; /* ☆ */
	min-height:268px; /* ( .hg1>.ic1{height} + box-shadow) */
	margin:0 0 0 266px; /* ☆ */
	padding:35px;
	font-size:0; /* ☆ */
	overflow:hidden;
}
#tnb1 div.d2>ul>li{
	display:inline-block;
	clear:none;
	float:none;
	position:relative;
	width:33.333%;
	vertical-align:top;
}
#tnb1 div.d2>ul>li>a{
	display:block;
	float:none;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:auto;
	min-height:43px;
	margin:8px;
	padding:11px 26px 11px 16px;
	background:#f4f4f4;
	color:#444;
	font-weight:400;
	font-size:15px;
	line-height:21px;
}
#tnb1 div.d2>ul>li:first-child>a{
	border-top-color:transparent;
}
#tnb1 div.d2>ul>li>a:before{content:''; /* > */
	display:block; /* ☆ */
	position:absolute;
	right:0;
	top:21.5px; /* (43/2) */
	width:13px;height:13px;
	margin:-6.5px 16px;
	border:0;
	background:url(../../img/inc/tnb1d2bg2.png) no-repeat;
	overflow:hidden;text-indent:100%;
}
#tnb1 div.d2>ul>li.hasSub>a{}
#tnb1 div.d2>ul>li.on>a{
	z-index:20;
	font-weight:600;
}
#tnb1 div.d2>ul>li.hasSub.on>a{
	/* background-image:url(../../img/inc/tnb1d2bg1hason.png); */
}

/* ★ 오버(포커스) */
#tnb1 li.over>div.d2{
	z-index:30;
}
#tnb1 div.d2>ul>li.over>a{}
#tnb1 div.d2>ul>li.hasSub.over>a{}
#tnb1 div.d2>ul>li.on.over>a{}
#tnb1 div.d2>ul>li.hasSub.on.over>a{}
#tnb1 div.d2>ul>li>a:hover,
#tnb1 div.d2>ul>li>a:focus,
#tnb1 div.d2>ul>li.on>a{
	border:0;
	background:#692e55;
	color:#fff;
}
#tnb1 div.d2>ul>li>a:hover:before,
#tnb1 div.d2>ul>li>a:focus:before,
#tnb1 div.d2>ul>li.on>a:before{
	display:inline-block;
	background-image:url(../../img/inc/tnb1d2bg2on.png);
}
#tnb1 div.d2>ul>li.on>a:hover,
#tnb1 div.d2>ul>li.on>a:focus{}

/* depth3 */
#tnb1 div.d3{display:none !important;}

/* depth4 */
#tnb1 div.d4{display:none !important;}

/* 서브메인링크 */
#tnb1 a.smain{display:none;} /* ☆ */

/* 20190522 새 창 */
#tnb1 div.d2>ul>li>a[target='_blank']:after,
#tnb1 div.d3>ul>li>a[target='_blank']:after{
	content:'';
	display:inline-block;
	width:12px;height:12px;
	margin:0 0 1px 4px;
	background:url(../../img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}

#gotop1 .ic1{
	background-image:url(../../img/inc/ic25a1c3up1.png);
}


#visual{
	height:272px;
}


#location1{
	margin:14px 0 0;
}
#location1:before,
#location1:after{
	display:none;
}
#location1 .breadcrumb{
	left:0;
}
#location1 a{
	color:#fff;
}
#location1 .sep{
	background:url(../../img/inc/location1sep.png) no-repeat center center;
}
#location1 .cont .home{
	margin-left:0;
}


#side_title{
	margin:-140px 0 0;
}
#side_title a{
	padding:53px 0; /* ((140-34)/2) */
	background:#461d34 url(../../img/inc/side_title_bg.png) no-repeat;
	background-size:cover;
	line-height:34px;
}
#side_title .ic1{
	display:none;
}

#snb1 div.d2>ul>li.on>a{
	background-color:#692e55;
}
#snb1 div.d2>ul>li.on>div.d3{display:block;
	border-left-color:#692e55;
}
#snb1 div.d3>ul>li.on>a{
	background-image:url(../../img/inc/snb1d3bg1on.png);
}


/* ◇◆ Only Desktop ◇◆ */


} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */