@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%; height: 115px; }

		#usm-menu-id { width: 100%; height: 115px; transition: top .5s ease-out; position: relative; }

		#usm-menu-wrap-id > ul > li.pc_hide.M0111 { display: block; }
		#usm-menu-wrap-id > ul > li.pc_hide.M0112 { display: block; }
		#usm-menu-wrap-id > ul > li.pc_hide.M0113 { display: block; }

		#usm-logo-wrap-id { display: block; width: 230px; height: 70px; padding: 0; margin: 2px auto 0 auto; }
		#usm-logo-wrap-id img { width:100%; height:100%; }

		#usm-util-wrap-id { clear: both; width: 100%; height: 40px; box-sizing: border-box; background-color: #6c8da0; }
		#usm-util-wrap-id ul { width: 100%; text-align: right; font-size: 0; }
		#usm-util-wrap-id li { font-weight: bold; display: inline-block; font-size: 13px; }
		#usm-util-wrap-id li a { color: #fff; display: inline-block; padding: 11px 10px; }
		#usm-util-wrap-id li button { color: #fff; font-family:'SCDream4'; display: inline-block; padding: 11px 10px; font-size: 13px; }

		.usm-favorite { top: 31px; }

		.spinner-master { height: 30px; width: 40px; position: absolute; z-index: 3; left: 10px; top: 5px; }
		.spinner-master input[type=checkbox] { display: none; }
		.spinner-master .spinner { background-color: #fff; }
		.spinner-master .spinner-spin { padding: 5px; top: 0; }
		.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { margin-top: 8px; }

		#usm-menu-wrap-id > ul.active { position: relative; top: -73px; }

		#usm-sub-bg-id { display: none; }

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

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

		.usm-gov-link { clear: both; float: left; width: 100%; }

			#s_site { position: relative; }
			#s_site .siteicon { clear: both; padding: 0; margin: 0; font-size: 0; }
			#s_site .siteicon a { clear: both; width: 100%; box-sizing: border-box; padding: 14px 20px; display: inline-block; font-size: 15px; color: #54656e; background-color: #eff1f3; border-top: 1px solid #b0c0c8; border-bottom: 1px solid #b0c0c8; }
			#s_site .siteicon a:after { content: '\2227'; color: #000; float: right; }
		 	#cwrap1 { position: absolute; overflow: hidden; left: 0; bottom: 150px; background-color: #fff; border:1px solid #5A5A5A; width: 100%; padding: 10px; opacity: 0.95; box-sizing: border-box; }
		 	#cwrap2 { position: absolute; overflow: hidden; left: 0; bottom: 100px; background-color: #fff; border:1px solid #5A5A5A; width: 100%; padding: 10px; opacity: 0.95; box-sizing: border-box; }
		 	#cwrap3 { position: absolute; overflow: hidden; left: 0; bottom: 50px; background-color: #fff; border:1px solid #5A5A5A; width: 100%; padding: 10px; opacity: 0.95; box-sizing: border-box; }
	
				#cwrap01_1 { clear: both; float: left; width: 100%; }
					#cwrap01_1 li { float:left; width: 50%; padding: 10px; box-sizing: border-box; }
					#cwrap01_1 li a { color:#5A5A5A; }
					#cwrap01_1 li a:hover { text-decoration:none; color:#0868D8; }
				
				#cwrap02_1 { clear: both; float: left; width: 100%; }
					#cwrap02_1 li { float:left; width: 50%; padding: 10px; box-sizing: border-box; }
					#cwrap02_1 li a { color:#5A5A5A; }
					#cwrap02_1 li a:hover { text-decoration:none; color:#0868D8; }
					
				#cwrap03_1 { clear: both; float: left; width: 100%; }
					#cwrap03_1 li { float:left; width: 50%; padding: 10px; box-sizing: border-box; }
					#cwrap03_1 li a { color:#5A5A5A; }
					#cwrap03_1 li a:hover { text-decoration:none; color:#0868D8; }

					.cwrap03 a { font-size: 15px; font-weight: bold; padding:0; margin:0; position: absolute; top: 10px; right: 10px; color: red; }

		.usm-banner { display: none; }

	#usm-bottomWrap-id { clear: both; width:100%; background-color: #eff1f3; }
		#usm-bottom-id { padding: 20px 0; }
		#usm-copyright-id a.privacy { color: #c74658; font-weight: bold; }
/* 모바일 메뉴는 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%; }
	#cwrap01_1 li { float:left; width: 33.333333%; }
	#cwrap02_1 li { float:left; width: 33.333333%; }
	#cwrap03_1 li { float:left; width: 33.333333%; }
	}

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

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

	#usm-wrap-id { }

		#usm-top-id { width: 1200px; margin: 0 auto; height: 115px; height: auto; position: relative; }

		#usm-menu-id { width: 1200px; height: 115px; margin: 0 auto; }

		#usm-menu-wrap-id > ul > li.pc_hide.M0111 { display: none; }
		#usm-menu-wrap-id > ul > li.pc_hide.M0112 { display: none; }
		#usm-menu-wrap-id > ul > li.pc_hide.M0113 { display: none; }

			#usm-util-wrap-id { border-bottom: none; position: absolute; top: 0; right: 0; }

			#usm-logo-wrap-id { position: static; transform: none; clear: none; float: left; margin: 42px 0 0 0; padding: 0; }
			#usm-logo-wrap-id a { margin: 0; }

			.spinner-master { display: none; }

			#usm-menu-wrap-id { display:block; clear: none; float: left; width: 970px; height: 75px; margin: 40px 0 0 0; z-index:10; }
			#usm-menu-wrap-id > ul > li > a { padding: 23.5px 20px; }

			.usm-sub-bg { display: block; width: 1200px; height: 185px; margin: 0 auto; clear:both; line-height: 0; background: url('../images/sub_img.jpg') no-repeat; }
			.usm-sub-bg img { width:100%; height:100%; }

		#usm-centerWrap-id { width: 100%; min-height: 600px; }

			#usm-middle-id { width: 1200px; margin: 0 auto; }

				#usm-left-id { display: block; float: left; width: 240px; min-height: 600px; margin: 0 40px 40px 0; }

					#usm-subTitle-id { width: 240px; height: 105px; padding:0; background-color: #006abe; margin: -55px 0 3px 0; }
					#usm-subTitle-id h3 { font-size: 24px; width: 240px; height: 105px; vertical-align: middle; text-align:center; display: table-cell; }
					#usm-subTitle-id a { display: block; color:#fff; }
						
					#usm-subMenuListTop-id { }
					#usm-subMenuListBg-id { }
					#usm-subMenuListBtm-id { }
					
					#usm-subMenuListBg-id a { color:#000; display:block; }
					#usm-subMenuListBg-id a.selectMenu { font-weight: bold; }

					#usm-subMenuListBg-id > ul > li {  margin: 0 0 3px 0; }
					#usm-subMenuListBg-id > ul > li > a { width: 240px; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; font-size: 16px; border: 1px solid #d0d0d0; }
					#usm-subMenuListBg-id > ul > li > a:after { content: '\2795'; float: right; color: #5a5a5a; }
					#usm-subMenuListBg-id > ul > li > a.selectMenu { color: #fff; font-size: 16px; background-color: #018997; }
					#usm-subMenuListBg-id > ul > li > a.selectMenu:after { content: '\2501'; float: right; color: #fff; }
					#usm-subMenuListBg-id > ul > li > ul { display: none; box-sizing: border-box; background-color: #f5f5f5; margin: 3px 0 0 0; }
					#usm-subMenuListBg-id > ul > li > a.selectMenu + ul { display: block; }
					#usm-subMenuListBg-id > ul > li > ul > li > a { width: 240px; height: 30px; line-height: 30px; padding: 0 0 0 20px; box-sizing: border-box; font-size: 15px; }
					#usm-subMenuListBg-id > ul > li > ul > li > a:before { content: '- '; }
					#usm-subMenuListBg-id > ul > li > ul > li > a.selectMenu { color: #018997; }
					#usm-subMenuListBg-id > ul > li > ul > li > ul { background-color: #f5f5f5; }
					#usm-subMenuListBg-id > ul > li > ul > li > ul > li > a { width: 240px; height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 0 0 25px; font-size: 14px; }
					#usm-subMenuListBg-id > ul > li > ul > li > ul > li > a:before { content: '\00B7'; padding: 0 5px 0 0; font-weight: bold; color: #000; }
					#usm-subMenuListBg-id > ul > li > ul > li > ul > li > a.selectMenu { color: #018997; }

					#usm-subMenuListBg-id li a[target="_blank"]:after { display: inline; float: none; padding: 5px; }

				#usm-center-id { float: left; width: 900px; margin: 0 20px 0 0; }

					#usm-content-top-nav-id { width: 100%; border: none; padding: 0; }
					.usm-menuNavigation-id { margin: 15px 0; }
					.usm-menuNavigation-id span.usm-mdl-admin { display: inline-block; width: 16px; height: 16px; position: relative; top: 3px; }
					#usm-content-top-nav-id h4 { height: 60px; line-height: 60px; font-size: 22px; color: #000; border-bottom: 1px solid #b9b9b9; }

					#usm-content-id { width: 100%; }
					#usm-content-footer-id { clear: both; width: 100%; }

			.usm-gov-link { width: 100%; margin: 0; padding: 35px 0 0 0; background-color: #eff1f3; }
			.usm-gov-link #s_site { width: 1200px; margin: 0 auto; }
			.usm-gov-link #s_site .siteicon a { clear: none; float: left; width: 33.33333333%; border-right: 1px solid #ccc; }
			.usm-gov-link #s_site .siteicon a:first-child { border-left: 1px solid #ccc; }
			#cwrap1 { bottom: 0; }
			#cwrap01_1 li { width: 20%; }
			#cwrap2 { bottom: 0; }
			#cwrap02_1 li { width: 20%; }
			#cwrap3 { bottom: 0; }
			#cwrap03_1 li { width: 20%; }

	#usm-bottomWrap-id { clear:both; min-height:120px; margin: 0; }
		#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; min-height: 80px; }
}