html, body { background-color: white; }
.wrap { max-width: 1920px; margin: 0 auto; overflow: hidden; min-width: 320px; }
.wrap .center-wrap { max-width: 1200px; margin: 0 auto; }	/* 가운데 고정폭 영역 */
.wrap .sub-left-wrap { width: 18.75%; }	/* sub 왼쪽 영역 */
.wrap .sub-right-wrap { width: 76.25%; }	/* sub 오른쪽 영역 */

.wrap .mainMenuWrap {  background:#3e5094; }
.wrap .mainLogo { width: 28%;  padding: 20px 0;}
.wrap .mainMenu { width: 71%;   padding-top: 20px;}

.wrap .bannerWrap {
	height: auto;
	position: relative;
	overflow: hidden;
}

.wrap .mainBanner {
	width: 1920px;
	height: 390px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	z-index: 0;
}

.wrap .contentsWrap {
	margin-top: 40px;
}

.wrap .contentsLeft {
width: 39%;
}
.wrap .contentsCenter {
width: 23%;
margin:0 2%;
}
.wrap .contentsRight {
width: 33%;
}
	/* contentsBoard.html */
	.boardWrap{ min-height:230px; }
	.boardWrap .tit {   position: relative;  }
	.boardWrap .tit .board_tit { font-size:20px;  background-color:#ee2052; width:140px; height:40px;  line-height:40px; color:#fff; text-align:center; font-weight:600; display:block; }
	.btn-more { position: absolute; right:0px; top:5px; }	
	.data-list {  padding-top:25px; }
	.data-list li { background:url('/img/board_dot.jpg') no-repeat 0px 12px; margin: 12px 0; padding-bottom: 25px; position:relative;height:22px; line-height:25px; }
	.data-list li a { display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#333; padding-left:10px;}
	.data-list li a:hover {  text-decoration:none;}
	.data-list span {color:#333;} 
	.data-list .date {position:absolute; right:0px;top:0;;font-size:90%; color:#555; }

	/* contentsSupport.html */
	.support { background:#3e5094; text-align:center; color:#fff;  min-height:230px; cursor:pointer; }
	.support img { margin-top:45px; }
	.support h2 { font-size:20px; font-weight:600; margin:20px 0 10px; color:#fff;}
	.support p {color:#cfd9fd; letter-spacing:-0.9px;}

.wrap > .contentsGallery { margin-top: 40px; background:#ededed; padding:3% 0; }
			/* contentsGallery.html */
			 .photo .title  { font-size:28px; text-align:center;}
			 .photo .title::after {content:" "; display: block; border-bottom:2px solid #ee2052;  width:64px; height:2px; padding-bottom:10px; margin:0 auto;}
			 .photo .title a { color:#000; text-decoration:none; font-weight:600; }
			 .photo ul {  padding-top:4%;}
			 .photo ul li {float:left; width:23.5%; margin-left:2%;}
			 .photo ul li:first-child { margin-left:0%;}

.wrap > .copyright {background:#333; padding:25px 0;}
			.copy_add { float:left; color:#fff;}
			.copy_add a{ color:#aabcfe;}
			.copy_bn { float:right }

.wrap .subBannerWrap {
	position: relative;
	overflow: hidden;
}
.wrap .subBanner {
	width: 1920px;
	height: 270px;
	margin: 0 auto;
	position: relative;
	left: 50%;
	margin-left: -960px;
	z-index: 99;
}

.wrap .contentsSubWrap {  margin-top: 20px; min-height: 450px; }
.wrap .contentsSubLeft { margin-top: 20px; }
.wrap .contentsSub { margin: 4% 0; }

.wrap .contentsSubTop2 {  text-align:center;  border-bottom:1px solid #bcbcbc; padding-bottom: 8px;}
	/* contentsSubTop2.html */
	.contents-title { margin-top:10px; text-align:center;  font-size:32px; font-weight:600}
	.contents-navi { text-align:right;}
	.contents-navi img { vertical-align:middle; margin-bottom:3px; }

#mmenu-icon { display: none; }

/* center-wrap width */
@media only screen and (max-width: 1200px) {
	.wrap .bannerWrap { overflow: visible; }
	.wrap .mainBanner {
		width: 160vw;			/* = 1920(image width) * 100 / 1024(site width) */
		height: auto;
		margin: 0 auto;
		position: relative;
		left: 50%;
		margin-left: -80vw;	/* = width / 2 */
		z-index: 99;
	}

	.wrap .subBanner {
		width: 160vw;			/* = 1920(image width) * 100 / 1024(site width) */
		height: auto;
		margin-left: -80vw;	/* = width / 2 */
	}
}

/* Laptop */
@media only screen and (max-width: 1024px) {
	.wrap .center-wrap { padding:0 2%; }	/* 가운데 고정폭 영역 */
	.wrap .contentsLeft {
	width: 100%;
	}
	.wrap .contentsCenter {
	width: 42%;
	margin:2% 2% 0 0;
	}
	.wrap .contentsRight {
	width: 56%;
	margin-top:2%;
	}
	.wrap .contentsSubWrap {  margin-top: 0px;  }
	.wrap .sub-left-wrap{ display: none; }
	.wrap .contentsSubLeft { display: none; }
	.wrap .sub-right-wrap { width: 100%; }

	#mmenu-icon {
		display: inline-block;
		color: #fff;
		background-color: none;
		position: relative;
		float: right;
		text-align: left;
		font-size: 1.0em;
		border-radius: 5px;
		margin: 10px 10px 0 0;
	}
	#mainMenu { display: none !important; }

	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:27px; height:3px; }
	.mm-panels>.mm-panel.mm-hasnavbar  { background:#fff;}
	.mm-panel.mm-hasnavbar .mm-navbar { background:#032171; }
	.mm-panel.mm-hasnavbar .mm-navbar a { color:#fff !important; }
	.mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span { color:#032171; font-weight:600; }
	.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after { color:#000 !important;  }

	#subMenuMobile { display: block !important; }
	#subMenu { display: none !important; }
}

/* UIKit m-size */
@media only screen and (max-width: 960px) {
			.copy_add, .copy_bn { width:100%}
			.copy_bn { margin-top:15px }
}

/* Tablet */
@media only screen and (max-width: 768px) {

}

/* Mobile */
@media only screen and (max-width: 425px) {
	.wrap .mainLogo { width: 41%;  }
	.wrap .mainMenu { width: 52%;  padding-top: 10px;}

	.wrap .contentsCenter { width: 100%;	margin:2% 0% 0 0;	}
	.wrap .contentsRight {width: 100%;	margin-top:2%;	}

	/* contentsGallery.html */
   .photo ul {  padding-top:4%;}
    .photo ul li {float:left; width:49%; margin:0 0 2% 2%;}
    .photo ul li:nth-child(3) { margin-left:0%;}

	/* contentsSubTop2.html */
	.contents-title { margin:10px 0;  }
	.contents-navi { text-align:center; }


}