/* 전체 div */
.wrap { max-width: 1920px; margin: 0 auto; overflow: hidden; min-width: 320px }

/* 전체 가운데정렬 */
.center-wrap { position:relative; max-width:1250px; margin:0 auto }

/* gnb */
.gnb-wrap {  }
.gnb-txt { float:left; font-size:15px; line-height:40px }
.gnb { float:right; margin:0; padding:0; font-size:0; text-align:right }
.gnb li { display:inline-block; padding:0 20px; line-height:40px }
.gnb li a { font-size:15px; color:#fff; font-weight:600 }

/* 로고&메뉴 */
.top-wrap { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf }

/* 로고 */
.logo { float:left; margin-top:11px; font-size:0; line-height:0 }

/* 메뉴 */
.mainMenu { float:right; position:relative }
.mainMenu ul { margin:0; padding:0; font-size:0; text-align:right }
.mainMenu ul li { display:inline-block; padding-left:40px }
.mainMenu ul li:first-child { padding-left:0 }
.mainMenu ul li a { display:block; font-size:20px; font-weight:600; letter-spacing:-1px; white-space:nowrap; line-height:70px; color:#333 }

#mmenu-icon { display: none; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: #333; }
.mm-listview > li { color: #ccc; }


/* main-contents */
.main-contents { padding:4% 0; background-color:#cce0f5 }

/* 메인이미지 */
.visual-wrap { position:relative; overflow:hidden; float:left; width:63%; height:auto }
.visual_txt { position:absolute; top:27%; width:100%; text-align:center; z-index:999 }
.slogan { font-size:25px; font-weight:500; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.7) }
.slogan2 { font-size:37px; font-weight:200; color:#fff; line-height:1.4em; text-shadow:1px 1px 2px rgba(0,0,0,0.7) }
.wrap .main-visual {
	height: auto;
	position: relative;
	z-index: 0;
}
#mainSlider { border-radius:15px }

/* 메인 컨텐츠 */
.main-contents-wrap { float:right; width:35% }

/* 메인 통합검색 */
.link-search { height:105px; padding:20px 25px; background-color:#2248bb; border-radius:15px }
.link-search ul { margin:0; padding:0; font-size:0 }
.link-search ul li { display:inline-block; line-height:1.2em }
.link-search-ti { float:left; font-size:30px; color:#fff; line-height:37px; font-weight:300; letter-spacing:-1.5px }
.link-search-btn { height:32px; margin-left:10px; padding:0 15px 0 40px; font-size:16px; line-height:32px; color:#fff; background:url(../img/icon_search.png) no-repeat, #d6073c; background-position: 10px center; border-radius:50px; border:0 }

/* 바로가기 */
.quick-wrap { height:100px; margin:20px 0}
.quick { float:left; width:50%; padding:20px 20px 20px 100px; border:1px solid #ccc }
.quick-ti { font-size:18px; font-weight:600; letter-spacing:-1.5px; line-height:1.1em }
.quick1 { background:url(../img/quick01.png) no-repeat, #fff; background-position:17px center; border-radius:15px 0 0 15px }
.quick2 { background:url(../img/quick02.png) no-repeat, #fff; background-position:17px center; border-left:0; border-radius:0 15px 15px 0 }
.quick-btn { padding:3px 15px; font-size:14px; color:#fff; background:#416bd4; border:0; border-radius:50px }

/* 공지사항 */
.notice-wrap { height:150px; padding:20px; border:1px solid #ccc; background-color:#fff; border-radius:15px }
.notice-ti { padding-left:30px; font-size:16px; font-weight:600; background:url(../img/icon_notice.png) no-repeat 0 0; }
.more { float:right; font-size:14px; color:#666 }
.notice-list { margin-top:5px }
.notice-list li { position:relative; padding-left:8px; line-height:1.4em }
.notice-list li:before { position:absolute; top:9px; left:0; content:" "; width:4px; height:4px; border-radius:50%;  background-color:#333 }
.notice-list-txt { display:inline-block; width:calc(100% - 75px); overflow:hidden; font-size:15px; white-space:nowrap; text-overflow:ellipsis }
.notice-date { float:right; font-size:14px; color:#999 }

/* 배너 */
.banner-wrap { margin-top:10px }
.bn-navi { width:100%; padding-left:10px }
.sliderControl ul.control > li a { margin:0; padding:0; font-size:0 }
.sliderControl ul.control > li a img { vertical-align:middle }
.bn-list li, .bn-list > div { float:left; width:50%; margin:0; padding:3px 2px; font-size:0 }
.bn-list div a img { border:1px solid #ccc !important; border-radius:7px !important }
.banner-wrap.pc { display: block; }
.banner-wrap.mobile { display: block; }


/* 카피라이트 */
.copy-wrap { position:relative; text-align:center }
.copy_menu { background-color:#142f5e }
.copy_menu a { padding:0 12px; font-size:15px; line-height:50px; font-weight:600; color:#add2f7 }
.copyright { padding:25px 10px; font-size:15px; color:#333 }

/* 서브이미지 */
.wrap .sub-visual-wrap {
	position: relative;
	overflow: hidden;
}
.wrap .sub-visual {
	width: 1920px;
	height: 160px;
	margin: 0 auto;
	position: relative;
	left: 50%;
	margin-left: -960px;
	z-index: 99;
}
.sub-visual-title { position:absolute; top:150px; width:100%; font-size:30px; font-weight:500; text-align:center; color:#fff; z-index:99999 }


/* 서브컨텐츠 */
.sub-contents-wrap { width:100%; margin:4% auto }


@media only screen and (max-width:1250px) {
	.gnb-wrap { padding-left:1% }
	.top-wrap, .main-contents, .sub-contents-wrap { padding-left:1%; padding-right:1% }

	/* 메인이미지 */
	.visual-wrap { overflow: visible; width:61% }

	/* 메인 컨텐츠 */
	.main-contents-wrap { width:37% }
	.wrap .main-visual {
		height: auto;
		margin: 0 auto;
		position: relative;
		z-index: 99;
	}

}

@media only screen and (max-width: 1100px) {
	/* 로고 */
	.logo { margin:17px 0 }
	.logo img { height:35px }

	/* 메인이미지 */
	.visual-wrap { width:58% }

	/* 메인 컨텐츠 */
	.main-contents-wrap { width:40% }

	.mainMenu { display:none }

	#mmenu-icon {
		display: inline-block;
		color: #fff;
		background-color: none;
		position: absolute;
		float: right;
		text-align: left;
		font-size: 1.0em;
		border-radius: 5px;
		margin: 24px 12px 0 0;
		right:0
	}
	.hamburger { padding:0 }
	.hamburger-box { width:25px; height:15px }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:25px; height:4px; background-color:#000 }
	.hamburger-inner::before { top:-8px }
	.hamburger-inner::after { bottom:-8px }

	.mm-menu.mm-theme-dark { background-color:#142f5e !important }
	.mm-menu.mm-theme-dark .mm-listview { border-color:rgba(0, 0, 0, .1) !important }
	.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after { border-color:rgba(255,255,255,.7) !important }
	.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { padding:0 !important }
	.mm-listview>li>span { color:#fff !important }
	.mm-listview>li>a { padding:7px 20px !important; color:#cae5ff !important; border-bottom:1px solid rgba(255,255,255,0.2) }
	.mm-listview>li>a:after { background:url(../img/menu_arrow.png) no-repeat right center }
}


@media only screen and (max-width:1024px) {
	/* 메인이미지 */
	.visual-wrap { width:54% }

	/* 메인 컨텐츠 */
	.main-contents-wrap { width:44% }
}


@media only screen and (max-width:768px) {
	.top-wrap, .main-contents, .sub-contents-wrap { padding-left:3%; padding-right:3% }

	/* 메인 */
	.visual-wrap, .main-contents-wrap { width:100% }
	.main-contents-wrap { margin-top:20px }

	/* 메인 통합검색 */
	.link-search, .notice-wrap, .quick-wrap { height:inherit }
	.link-search { text-align:center }
	.link-search-ti { float:none; font-size:25px }
	.link-search-btn { height:32px; margin-left:0 }

	/* 배너 */
	.bn-list li { width:25% }
	.banner-wrap.mobile .ezSliderContainer img { border:1px solid #ccc !important; border-radius:7px !important }
	.banner-wrap.pc { display: none; }
	.banner-wrap.mobile { display: block !important; }

	.wrap .sub-visual {
		width: 250vw;
		height: auto;
		margin-left: -100vw;	/* = width / 2 */
	}

	/* 서브이미지 */
	.sub-visual-title { top:8vw; font-size:3.5vw }

	.sub-contents-wrap { padding-top:3%; padding-bottom:3% }
}

@media only screen and (max-width:425px) {
	/* 상단 */
	.gnb-txt { display:none }
	.gnb li { padding:0 10px; line-height:30px }
	.gnb li a { font-size:14px; font-weight:500 }

	/* main-contents */
	.main-contents { padding:5% 3% }

	/* 메인 이미지 */
	.slogan { font-size:15px }
	.slogan2 { font-size:23px }

	/* 메인 통합검색 */
	.link-search { text-align:center }
	.link-search-ti { float:none; font-size:25px }
	.link-search-btn { height:32px; margin-left:0 }

	/* 바로가기 */
	.quick { padding:90px 20px 20px 20px; text-align:center }
	.quick-ti { font-size:18px; font-weight:500; letter-spacing:-1.5px; line-height:1.1em }
	.quick1 { background-position:center 20px }
	.quick2 { background-position:center 20px }
	.quick-btn { padding:3px 15px; font-size:14px; color:#fff; background:#416bd4; border:0; border-radius:50px }

	/* 배너 */
	.bn-list li { width:50% }

	/* 서브이미지 */
	.sub-visual-title { top:6vw; font-size:6vw }
}