@charset "UTF-8";
body { font-family:'SCDream4'; }

#usm-wrap-id { width:100%; height:auto; position:relative; }
#usm-wrap-id h2.hidden { position: absolute; top:-999px; left:-9999px; }

	#usm-top-id { width: 100%; position: relative; }
	.usm-top2 { display: none; }

		.usm-topg1 { width: 100%; box-sizing: border-box; padding: 15px; }

		.usm-menu { float: left; width: 30px; height: 24px; cursor: pointer; }
		.usm-menu li { border-top: 3px solid #4e4d4d; height: 5px; line-height: 160%; }

		.usm-util { float: right; }
		.usm-util li { display: inline-block; float: left; }
		.usm-util li a { display: inline-block; font-size: 14px; color: #9c8a7f; font-weight: bold; padding: 5px 10px; }
		.usm-util li:nth-child(1) { border: 1px solid #513d34; color: #513d34; border-radius: 15px; box-sizing: border-box; }
		.usm-util li:nth-child(1) a { color: #513d34; }
		.usm-util li:nth-child(4) { background-color: #9c8a7f; color: #fff; border-radius: 15px; }
		.usm-util li:nth-child(4) a { color: #fff; }

		#usm-logo { clear: both; width: 258px; height: 59px; margin: 50px auto; }

		.usm-menu-con { width: 100%; position: absolute; top: 54px; background-color: rgba(255, 255, 255, 0.7); z-index: 10; }
		.usm-menu-con li { display: inline-block; width: 100%; padding: 15px; border-bottom: 1px solid #d7d7d7; box-sizing: border-box; }
		.usm-menu-con li a { display: inline-block; width: 100%; font-size: 15px; font-weight: bold; }

		#usm-left-id { display: none; }

		#usm-center-id { width: 100%; background-color: #fff; }
			#usm-content-top-nav-id { padding: 15px ; border-bottom: 1px solid #D7D7D7; }
			#usm-content-top-nav-id h4 { font-size: 20px; color: #000; text-align: center; }
			#usm-content-top-nav-id h4 span.usm-mdl-admin { display: none; }
		
		#usm-content-id { width: 100%; box-sizing: border-box; padding: 0 15px 40px 15px; }
			#usm-content-head-id { clear:both; padding: 10px 0; }
			#usm-content-body-id { }

		.AllTop { display: scroll; position: fixed; bottom: 10px; right: 10px; }

		.btm_copy_wrap { clear: both; display: block; width: 100%; background-color: #262626; padding: 15px; }
		.btm_copy2 li { color: #b4b4b4; }

		#usm-bottomWrap-id { display: none; clear: both; width:100%; background-color: #262626; }
			#usm-bottom-id { padding:30px 0 0 0;  }

/* 모바일 메뉴는 skin/style.css 에서 제어함 */

@media (min-width:768px) and (max-width:1023px){
	#usm-middle-id { background: none; }
	#usm-left-id { display: none; }
	#usm-center-id { width: 100%; }
}

/* PC용 CSS */
@media all and (min-width:1024px){

	body { background: url('../images/top_bg.gif') repeat-x; }

	#usm-wrap-id { }

	#usm-top-id {  width: 1400px; height: 200px; margin: 0 auto; }
	.usm-top1 { display: none; }
	.usm-top2 { display: block; }
	.usm-top2 #usm-logo { clear: none; float: left; margin: 30px 0 0 0; }
	.usm-top2 .usm-menu-con2 { float: left; width: 1024px; margin: 55px 0 0 0; }
	.usm-top2 .usm-menu-con2 li { float: left; text-align: center; }
	.usm-top2 .usm-menu-con2 li a { padding: 20px 40px; font-size: 24px; font-weight: bold; width: 100%; letter-spacing: -0.1em; }
	.usm-top2 .usm-menu-con2 li a:hover { color: #6e593b; border-bottom: 2px solid #6e593b; }
	.usm-top2 .usm-util { float: right; margin: 55px 0 0 0; }

	.usm-menu-con { clear: both; float: left; }
	.usm-menu-con li { float: left; width: 20%; border-bottom: none; text-align: center; }
	.usm-menu-con li a:hover { color: #412814; transition: 0.4s; }

		#usm-centerWrap-id { width: 1400px; margin: 0 auto; position: relative; }

			#usm-middle-id { float: left; background-color: #fff; box-shadow: inset 0px 10px 16px -5px #e7e7e7;}

				#usm-left-id.M0101 { display: block; width: 1400px; margin: 0 auto; height: auto; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
				#usm-subTitle-id { display: none; }
				#usm-subMenuListBg-id ul { width: 1400px; margin: 0 auto; text-align: center; display: table; }
				#usm-subMenuListBg-id li { display: table-cell; height: 30px; font-size: 18px; padding: 10px; font-weight: bold; }

				#usm-center-id { clear: both; width: 1400px; }

				#usm-content-top-nav-id { border-bottom: none; }
				#usm-content-top-nav-id h4 { font-size: 41px; }
				#usm-content-top-nav-id h4 span.usm-mdl-admin { display: inline-block; width: 16px; height: 16px; position: relative; top: 3px; }

				#usm-content-id { width: 100%; padding: 0 0 40px 0; }
				#usm-content-footer-id { clear: both; width: 100%; }

	.btm_copy_wrap { clear: both; display: block; width: 100%; background-color: #262626; padding: 10px 0; }
	.btm_copy2 { width: 1400px; height: 100px; margin: 10px auto 0 auto; }
	.btm_copy2 li { font-size: 16px; color: #b4b4b4; }

	#usm-bottomWrap-id { border: none; }
		#usm-bottom-id { width:1200px; margin:0 auto; padding:30px 0 0 0px; }
			#usm-copyright-id { width:100%; padding:0; line-height:130%; text-align:center; font-family:'SCDream4'; }
}