@CHARSET "UTF-8";

body { }
.pc_hide { display: none; }
#usm-top-id { height: 108px; }
#usm-menu-id { height: 108px; }
#usm-logo-wrap-id { background: transparent; border-bottom: none; }
#usm-logo-wrap-id a { width: 151px; height: 78px; }
#usm-util-wrap-id { background-color: transparent; }
#usm-util-wrap-id li { background-color: transparent; border-right: none; }

.spinner-master { height: 20px; width: 35px; position: absolute; z-index: 3; left: 0px; top: 0px; border: none; }
.spinner-master .spinner { background-color: #fff; border: 1px solid #fff; }

#usm-menu-wrap-id { top: -78px; }

#usm-sub-bg-id { position: relative; display: block; background: url('../images/sub/sub_img.jpg') center center no-repeat; height: 130px; top: -108px; }

#usm-centerWrap-id { position: relative; top: -108px; }

.usm-gov-link { display: none; }

/* 태블릿용 CSS */
@media (min-width:768px) and (max-width:1023px){
	
}

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

	#usm-wrap-id { background: transparent; }

	#usm-logo-wrap-id { clear: none; float: left; margin: 0 auto; }

	#usm-menu-wrap-id { clear: none; float: left; width: 1049px; height: 78px; }
	#usm-menu-wrap-id > ul > li > a { padding: 25px 30px; color: #fff; }
	#usm-menu-wrap-id > ul > li.active > a { color: #fbe02e; }
	#usm_top_menu_bg { background-color: #46c9f9; }
	#usm-menu-wrap-id > ul > li > .depth2 { border-right: none; }
	#usm-menu-wrap-id > ul > li > .depth2.active { background-color: #08aae6; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li a { word-break: keep-all; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li a:hover { background-color: #0196ce; color: #fbe02e; }

	/* 서브 이미지 전체 변경 */
	#usm-sub-bg-id { background: url('../images/sub/sub_img.jpg') no-repeat; height: 280px; width: 1920px; margin: 0 auto; }

	#usm-centerWrap-id { background: transparent; }

	#usm-left-id { width: 270px; margin: 40px 30px 40px 0; } 

	#usm-subTitle-id { width: 270px; height: 105px; margin: 0 0 5px 0; padding:0; background-color: #07aae5; border-radius: 0; }
	#usm-subTitle-id h3 { font-size: 26px; width: 270px; 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 { border: none; border-radius: 0; }
	#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; border-bottom: none; }
	#usm-subMenuListBg-id > ul > li:last-child { border-bottom: none; }
	#usm-subMenuListBg-id > ul > li:first-child a { border-radius: 0; }
	#usm-subMenuListBg-id > ul > li:last-child a { border-radius: 0; border-bottom: none; }
	#usm-subMenuListBg-id > ul > li:last-child > a { border-bottom: 1px solid #d0d0d0; }
	#usm-subMenuListBg-id > ul > li > a { width: 270px; height: 55px; line-height: 55px; padding: 0 15px; border: 1px solid #d0d0d0; box-sizing: border-box; font-size: 16px; }
	#usm-subMenuListBg-id > ul > li > a.selectMenu { color: #fff; font-size: 16px; background-color: #07ab82; border: none; }
	#usm-subMenuListBg-id > ul > li > a.selectMenu:after { content: '\2014'; float: right; margin: -3px 0 0 0; }
	#usm-subMenuListBg-id > ul > li > ul { padding: 10px 0; background-color: #f5f5f5; border: none; box-sizing: border-box; }
	#usm-subMenuListBg-id > ul > li > ul > li > a { width: 270px; height: 30px; line-height: 30px; padding: 0 0 0 20px; box-sizing: border-box; font-size: 14px; }
	#usm-subMenuListBg-id > ul > li > ul > li > a:before { content: '\2022'; padding: 0 5px 0 0; color: #000; font-size: 10px; vertical-align: top; }
	#usm-subMenuListBg-id > ul > li > ul > li > a.selectMenu { color: #3baceb; }
	#usm-subMenuListBg-id > ul > li > ul > li > a.selectMenu:before { color: #08aae6; }
	#usm-subMenuListBg-id > ul > li > ul > li > ul { background-color: #f6f7fb; }
	#usm-subMenuListBg-id > ul > li > ul > li > ul > li > a { width: 270px; height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 0 0 35px; font-size: 13px; }
	#usm-subMenuListBg-id > ul > li > ul > li > ul > li > a:before { content: '- '; padding: 0 5px 0 0; font-weight: bold; color: #000; }
	#usm-subMenuListBg-id > ul > li > ul > li > ul > li > a.selectMenu { color: #08b68c; }
	#usm-centerWrap-id { padding: 30px 0 0 0; }

	.usm-menuNavigation-id { margin: 0 0 20px 0; }

	/* 서브 이미지 대메뉴별 변경 대메뉴코드 반드시 확인
	#usm-sub-bg-id.M0101 { background: url('../images/sub/sub_img01.png') no-repeat; }
	#usm-sub-bg-id.M0102 { background: url('../images/sub/sub_img02.png') no-repeat; }
	#usm-sub-bg-id.M0103 { background: url('../images/sub/sub_img03.png') no-repeat; }
	#usm-sub-bg-id.M0104 { background: url('../images/sub/sub_img04.png') no-repeat; }
	#usm-sub-bg-id.M0105 { background: url('../images/sub/sub_img05.png') no-repeat; }
	#usm-sub-bg-id.M0106 { background: url('../images/sub/sub_img06.png') no-repeat; }
	#usm-sub-bg-id.M0107 { background: url('../images/sub/sub_img07.png') no-repeat; }
	#usm-sub-bg-id.M0108 { background: url('../images/sub/sub_img08.png') no-repeat; }
	#usm-sub-bg-id.M0109 { background: url('../images/sub/sub_img09.png') no-repeat; }
	#usm-sub-bg-id.M0110 { background: url('../images/sub/sub_img10.png') no-repeat; }
	#usm-sub-bg-id.M0111 { background: url('../images/sub/sub_img11.png') no-repeat; }
	*/
		
}