@CHARSET "UTF-8";

/* border */

.usm-main-border2 { clear: both; height: 1px; border-top: 1px solid #ccc; margin: 0 3%; }
.usm-main-border3 { clear: both; height: 1px; border-top: 1px solid #ccc; margin: 0 3%; }
.usm-main-border4 { clear: both; height: 1px; border-top: 1px solid #ccc; margin: 0 3%; }
.usm-main-border5 { clear: both; height: 1px; border-top: 1px solid #ccc; margin: 0 3%; }
.usm-main-border6 { clear: both; height: 1px; border-top: 1px solid #ccc; margin: 0 3%; }
.usm-main-border7 { clear: both; height: 1px; border-top: 1px solid #ccc; margin: 0 3%; }
.usm-main-border8 { display: none; }
.usm-main-border9 { display: none; }
.usm-main-border10 { display: none; }
.usm-main-border11 { display: none; }
.usm-main-border12 { display: none; }

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

	#usm-top-id { width: 100%; height: 80px; position: relative; }

		#usm-menu-id { width: 100%; height: 80px; transition: top .5s ease-out; position: relative; border-bottom: 1px solid #199600; }

		#usm-logo-wrap-id { width:182px; height:50px; position: absolute; top: 10px; left: 50%; transform:translateX(-50%); }
		#usm-logo-wrap-id img { width:100%; height:100%; }

		.spinner-master { position: absolute; top: 30px; right: 0; margin: 0 15px 0 0; height:30px; width:30px; }
		.spinner-master input[type=checkbox] { display: none; }
		.spinner-master .spinner { background-color:#199600; }

		#usm-util-wrap-id { float: left; margin: 57px 0 5px 0; }
		#usm-util-wrap-id li { float: left; font-size: 12px; font-weight: bold;  padding: 0 5px; }
		#usm-util-wrap-id li a { color: #333; }
		#usm-util-wrap-id li.usm-admin { display: none; }
		#usm-util-wrap-id li.usm-top-login a { color: #2D69A7; }
		#usm-util-wrap-id li.usm-top-logout a { color: #E40000; }

		#usm-main-bg-id { width: 100%; height: 100%; line-height: 0; }
		#usm-main-bg-id img { width:100%; height: 100%; }

		#usm-main-pop-id { clear: both; width: 95%; padding: 2.5%; float: left; }
		#usm-main-pop-id .usm-cmenuWrap { width: 100%; float: left; }
		#usm-main-pop-id h3 { float: left; }
		#usm-main-pop-id h3 a { color:#199600; }
		#usm-main-pop-id .usm-main-more { float: right; margin: 3px 0 0 0; }
		#usm-main-pop-id .usm-main-more a { font-size:12px; }
		#usm-main-pop-id .usm-main-more a:after { content: '\271A'; }
		#usm-main-pop-id .usm-popup-cont { float: left; width: 100%; margin: 15px 0 0 0; }
		#usm-main-pop-id .usm-popup-wrap { float: left; width: 85%; height: 90px; overflow: hidden; position: relative; }
		#usm-main-pop-id .usm-popup-wrap a { margin-bottom: 5px; line-height: 16px; display: block; color: #000; max-width: 90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
		#usm-main-pop-id .usm-popup-wrap a:before { content: '\2023'; padding: 0 5px 0 0; font-size: 20px; }
		#usm-main-pop-id .usm-popup-wrap a.bold { color: #199600; font-weight: bold; }

		#usm-main-pop-id .usm-main-popup-list { float: left; width: 85%; height: 90px; overflow: hidden; position: relative; }
		#usm-main-pop-id .usm-main-popup-list li { padding: 0; border: none; font-size: 13px; }
		#usm-main-pop-id .usm-main-popup-list a { margin-bottom: 5px; line-height: 16px; display: block; color: #000; max-width: 90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
		#usm-main-pop-id .usm-main-popup-list a:before { content: '\2023'; padding: 0 5px 0 0; font-size: 20px; }

		.usm-popup-btn { float: right; margin: 10px 0 0 10px; }
		.usm-popup-btn button { display: block; background-repeat:no-repeat; width: 20px; height: 20px; font-size:0; cursor:pointer; margin:0; padding:0; border:0; overflow:visible; background-size: cover; }

		.usm-main-brd { clear: both; width: 94%; padding: 3%; }
		.usm-main-brd .usm-cmenuWrap { position:relative;}
		.usm-main-brd h3 a { }
		.usm-main-brd .usm-main-more { position:absolute; right: 0px; top: 3px; }
		.usm-main-brd .usm-main-more a { font-size:12px; }
		.usm-main-brd .usm-main-more a:after { content: '\271A'; }
		.usm-main-brd-cont  { margin-top: 15px; }
		.usm-main-brd-list li { margin-bottom:5px; line-height:20px; position:relative; }
		.usm-main-brd-list li > div > a:before { content: '\2023'; padding: 0 5px 0 0; font-size: 20px; }
		.usm-main-brd-list li .usm-ctitle { display:block; max-width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
		.usm-main-brd-list li .usm-ctitle img { padding: 0 5px 0 0; vertical-align: middle; }
		.usm-main-brd-list li a { display:block; }
		.usm-main-brd-list li time { position:absolute; right:3px; top:3px; display:block; }

		.usm-main-alb { clear: both; width: 94%; padding: 3%; float: left; }
		.usm-main-alb .usm-cmenuWrap { position:relative;}
		.usm-main-alb .usm-main-more { position:absolute; right:0px; top:3px; }
		.usm-main-alb .usm-main-more a { font-size:12px; color:#636363; }
		.usm-main-alb .usm-main-more a:after { content: '\271A'; }
		.usm-main-alb-cont { margin: 15px 0 0 0; }
		.usm-main-alb-list li { float:left;  padding:0 1% ; width:23%; display: table-cell; text-align:center; }
		.usm-main-alb-list .usm-cthumbnail  { width:90%; height:80px; padding:2px; border:1px solid #C5C5C5; }
		.usm-main-alb-list .usm-cthumbnail img{  width:100%; height:100%; }
		.usm-main-alb-list .usm-ctitle { text-align:center; width:90%; padding-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
		.usm-main-alb-list .usm-img-inf { display: none; }

		.usm-schedule { clear: both; width: 94%; padding: 3%; clear: both; float: left; }
		.usm-schedule .usm-cmenuWrap { position: relative; }
		.usm-schedule .usm-main-more { position: absolute; right: 0; top: 3px; }
		.usm-schedule .usm-main-more a { font-size:12px; color:#636363; }
		.usm-schedule .usm-main-more a:after { content: '\271A'; }
		.usm-schedule .usm-schedule-cont { margin: 15px 0 0 0; }
		.usm-schedule .usm-schedule-cont .usm-cheader { text-align:center; font-weight:bold; margin: 0 0 5px 0; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar { table-layout: fixed;word-wrap:break-word;word-break:break-all;  }
		.usm-schedule .usm-schedule-cont .usm-ccalendar td { text-align: center; padding:4px 0; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .week { font-weight:bold; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .week.sun { color: #DA2F1E; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .week.sat { color: #4669B7; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .sun { color: #DA2F1E; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .sat { color: #4669B7; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .sun.has { color: #DA2F1E; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .sat.has { color: #4669B7; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .has { font-weight:bold; color:#000; cursor:pointer; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .tch-cur { background-color: #E8E8E8; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .sc_cont { display:none; width:190px; margin-top:5px; border:1px solid #DEDEDE; border-top:2px solid #000000; position:absolute; right:30px; background-color:white; z-index:5; text-align:left; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .sc_cont .sc_close { line-height:24px; height:24px; text-align:right; vertical-align:middle; padding:0 5px 0 0; background-color:#EAEAEA; }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .sc_cont ul { border-top:1px solid #D7D7D7;  }
		.usm-schedule .usm-schedule-cont .usm-ccalendar .sc_cont ul li { padding:5px 8px; } 

		.usm-lunch { width: 94%; padding: 3%; clear: both; float: left; }
		.usm-lunch .usm-cmenuWrap { position: relative; }
		.usm-lunch .usm-main-more { position: absolute; right: 0; top: 3px; }
		.usm-lunch .usm-main-more a { font-size:12px; color:#636363; }
		.usm-lunch .usm-main-more a:after { content: '\271A'; }
		.usm-lunch .usm-lunch-cont { margin: 15px 0 0 0;word-wrap:break-word;word-break:break-all; overflow:auto; overflow-x:hidden; height: 270px; }
		.usm-lunch dl dt.usm-lunch-tit { font-weight:bold; margin-bottom:5px; }
		.usm-lunch li dd { padding: 0 5px; margin-bottom:10px; }
		.usm-lunch .usm-origin { color:#FF0000;  }
		.usm-lunch .usm-lunch-inf { color:#0000FF; }

		.usm-ad { clear: both; width: 94%; padding: 3%; float: left; }
		.usm-ad img{  width:100%; height:100%; }

		.usm-search { display: none; }

		.usm-imgBannerWrap { clear: both; width: 94%; padding: 3%; float: left; }
		.usm-imgBannerWrap .usm-cmenuWrap { display: none; }
		.usm-imgBannerWrap .usm-qlist { display: table; width: 100%; }
		.usm-imgBannerWrap .usm-qlist li { display: table-cell; background-color: #4cbd2d; text-align: center; padding: 10px 0; border-right: 1px solid #fff; }
		.usm-imgBannerWrap .usm-qlist li a { color: #fff; vertical-align: inherit; display: block; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
		.usm-imgBannerWrap .usm-qlist li:nth-child(4) { border: none; }
		.usm-imgBannerWrap .usm-qlist li:nth-child(5) { display: none; }
		.usm-imgBannerWrap .usm-qlist li:nth-child(6) { display: none; }
		.usm-imgBannerWrap .usm-qlist li:nth-child(7) { display: none; }
		.usm-imgBannerWrap .usm-qlist li:nth-child(8) { display: none; }
		.usm-imgBannerWrap .usm-qlist li:nth-child(9) { display: none; }
		.usm-imgBannerWrap .usm-qlist li:nth-child(10) { display: none; }

		.usm-banner { display: none; }

	#usm-bottomWrap-id { clear: both; width:100%; margin: 30px 0 0 0; }
		#usm-bottom-id { padding: 20px 0; }
		#usm-copyright-id a { color: #; }
		#usm-copyright-id a.privacy { color: #199600; font-weight: bold; }

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

@media (min-width:768px) and (max-width:1023px){

.usm-main-border2 { display: none; }
.usm-main-border3 { display: none; }
.usm-main-border4 { display: none; }
.usm-main-border5 { display: none; }
.usm-main-border6 { display: none; }
.usm-main-border7 { display: none; }
.usm-main-border8 { display: none; }
.usm-main-border9 { display: none; }
.usm-main-border10 { display: none; }
.usm-main-border11 { display: none; }
.usm-main-border12 { display: none; }

	.spinner-master input[type=checkbox] { display: none; }

	#usm-main-pop-id { clear: none; float: left; border-bottom: 1px solid #d7d7d7; }

	#usm-main-brd1-id.usm-main-brd { clear: none; float: left; width: 45%; padding: 2.5%; border-bottom: 1px solid #d7d7d7; }
	#usm-main-brd2-id.usm-main-brd { clear: none; float: left; width: 45%; padding: 2.5%; border-bottom: 1px solid #d7d7d7; }

	#usm-main-alb1-id.usm-main-alb { width: 95%; padding: 2.5%; border-bottom: 1px solid #d7d7d7; }
	.usm-main-alb-list .usm-cthumbnail  { height: 120px; }

	.usm-schedule { clear: both; float: left; width: 45%; padding: 2.5%; }

	.usm-lunch { clear: none; float: left; width: 45%; padding: 2.5%; }
	.usm-lunch .usm-cmenuWrap { }
	.usm-lunch .usm-main-more { }
	.usm-lunch .usm-lunch-cont { overflow:auto; overflow-x:hidden; height: 170px; }
	
	.usm-ad { claer: both; width: 94%; padding: 3%; border-top: 1px solid #d7d7d7; }

	.usm-search { clear: none; float: left; width: 45%; height: 70px; padding: 2.5%; border-bottom: 1px solid #d7d7d7; }

	.usm-imgBannerWrap { clear: both; width: 94%; padding: 3%; border-top: 1px solid #d7d7d7; }
	.usm-imgBannerWrap .usm-qlist li:nth-child(4) { display: table-cell; border-right: 1px solid #fff; }

}

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

	.usm-main-border2 { height: 1px; border-top: 1px solid #ccc; width: 350px; margin: 0 30px; position: absolute; top: 160px; left: 438px; }
	.usm-main-border3 { height: 1px; border-top: 1px solid #ccc; width: 350px; margin: 0 30px; position: absolute; top: 381px; left: 438px; }
	.usm-main-border4 { height: 1px; border-top: 1px solid #ccc; width: 350px; margin: 0 30px; position: absolute; top: 602px; left: 438px; }
	.usm-main-border5 { height: 1px; border-top: 1px solid #ccc; width: 290px; margin: 0 30px; position: absolute; top: 321px; left: 849px; }
	.usm-main-border6 { height: 1px; border-top: 1px solid #ccc; width: 290px; margin: 0 30px; position: absolute; top: 602px; left: 849px; }
	.usm-main-border7 { display: none;  }
	.usm-main-border8 { display: block; border-left: 1px solid #ccc; width: 1px; height: 693px; position: absolute; top: 0; left: 0; }
	.usm-main-border9 { display: block; border-left: 1px solid #ccc; width: 1px; height: 693px; position: absolute; top: 0; left: 437px; }
	.usm-main-border10 { display: block; border-left: 1px solid #ccc; width: 1px; height: 693px; position: absolute; top: 0; left: 848px; }
	.usm-main-border11 { display: block; border-left: 1px solid #ccc; width: 1px; height: 693px; position: absolute; top: 0; left: 1199px; }
	.usm-main-border12 { display: block; border-top: 1px solid #ccc; width: 1200px; height: 1px; position: absolute; top: 693px; left: 0; }

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

	#usm-wrap-id { position: relative; }

		#usm-top-id { width: 1200px; margin: 0 auto; min-height: 100px; height: auto; position: relative; background-color: rgba(255,0,0,0); }

		#usm-menu-id { width: 1200px; min-height: 100px; margin: 0 auto; border-bottom: none; }

			#usm-util-wrap-id { display: block; clear: both; width: 100%; height: 25px; margin: 0; }
			#usm-util-wrap-id ul:first-of-type { display: none; }
			#usm-util-wrap-id ul:last-of-type { height: 23px; padding: 2px 0 0 0; display: table; float: right; }
			#usm-util-wrap-id ul  li { display: table-cell; margin: 0 5px; font-size:12px; }
			#usm-util-wrap-id li.usm-admin { display: block; }
			#usm-util-wrap-id li.usm-top-login { color: red; }

			#usm-logo-wrap-id { position: static; transform: none; clear: both; float: left; margin: 0; }

			.spinner-master { display: none; }

			#usm-menu-wrap-id { display:block; float: left; width: 1018px; z-index:10; }
			#usm-menu-wrap-id > ul > li > a { padding: 15px 25px; }

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

			#usm-main-bg-id { width: 436px; height: 390px; position: absolute; top: 0; left: 1px; }

			.usm-imgBannerWrap { position: absolute; top: 390px; left: 1px; width: 436px; height: 84px; padding: 0; float: none; }
			.usm-imgBannerWrap .usm-qlist { display: block; }
			.usm-imgBannerWrap .usm-qlist li { float: left; display: block; padding: 0; width: 144px; border: none; margin: 0 0 2px 0; background-color: #6fc858; }
			.usm-imgBannerWrap .usm-qlist li a { display: block; padding: 12px 0; }
			.usm-imgBannerWrap .usm-qlist li:nth-child(2) { margin: 0 2px; }
			.usm-imgBannerWrap .usm-qlist li:nth-child(4) { display: block; margin: 0 0 0 0; background-color: #4bbe2c; }
			.usm-imgBannerWrap .usm-qlist li:nth-child(5) { display: block; margin: 0 2px 0 2px; background-color: #4bbe2c; }
			.usm-imgBannerWrap .usm-qlist li:nth-child(6) { display: block; border: none; margin: 0; background-color: #4bbe2c; }

			.usm-lunch { width: 376px; height: 151px; padding: 30px; position: absolute; top: 474px; left: 1px; }
			.usm-lunch .usm-main-more { text-align: right; }
			.usm-lunch .usm-main-more-img { display: none; }
			.usm-lunch .usm-lunch-cont { overflow:auto; overflow-x:hidden; width: 376px; height: 115px; }
			.usm-lunch .usm-lunch-cont dd { float: left; margin: 0; padding: 0; }
			.usm-lunch .usm-lunch-cont dd:first-of-type { width: 59%; padding: 0 1% 0 0; }
			.usm-lunch .usm-lunch-cont dd:last-of-type { width: 39%; padding: 0 1% 0 0; }
			.usm-lunch .usm-lunch-cont ul > li {clear: both; margin: 0 0 7px 0; }
			.usm-lunch .usm-lunch-cont .usm-originc > dl > dd { width: 100%; }
			.usm-lunch .usm-lunch-cont .usm-infc > dl > dd { width: 100%; }

			#usm-main-pop-id { width: 350px; height: 110px; padding: 30px; position: absolute; top: 0px; left: 438px; float: none; }
			#usm-main-pop-id .usm-cmenuWrap { width: 100%; float: left; }
			#usm-main-pop-id h3 { float: left; }
			#usm-main-pop-id h3 a {  }				
			#usm-main-pop-id .usm-main-more { float: right; margin: 3px 0 0 0px; }
			#usm-main-pop-id .usm-main-more a { font-size:12px; }
			#usm-main-pop-id .usm-popup-cont { float: left; width: 350px; margin: 5px 0 0 0; }
			#usm-main-pop-id .usm-popup-wrap { float: left; width: 300px; height: 85px; overflow: hidden; position: relative; }
			#usm-main-pop-id .usm-popup-wrap a { width: 300px; margin-bottom: 3px; }
			.usm-popup-btn { float: right; margin: 20px 0 0 0px; }
			.usm-popup-btn button { width: 15px; height: 15px; }

			#usm-main-brd1-id.usm-main-brd  { width: 350px; height: 160px; padding: 30px; position: absolute; top: 160px; left: 438px; }
			#usm-main-brd2-id.usm-main-brd { width: 350px; height: 160px; padding: 30px; position: absolute; top: 381px; left: 438px; }
			.usm-main-brd-list li time { top: 0; }
			.usm-main-brd-list li { margin-bottom: 3px; line-height:16px; position:relative; }

			.usm-ad { width: 350px; height: 61px; padding: 15px 30px 30px 30px; position: absolute; top: 602px; left: 438px; }
			
			.usm-main-alb { width: 290px; height: 271px; padding: 30px; position: absolute; top: 0px; left: 849px; }
			.usm-main-alb .usm-cmenuWrap { width: 100%; float: left; }
			.usm-main-alb .usm-main-more { float: right; margin: 3px 0 0 0; }
			.usm-main-alb .usm-main-more  a { font-size:12px; color:#636363; }
			.usm-main-alb .usm-main-more-img { display: none; }
			.usm-main-alb-cont { clear: both; float: left; margin: 15px 0 0 0; }
			.usm-main-alb-list li { float:left; width: 135px; height: 110px; padding: 5px; display: table-cell; text-align:center; }
			.usm-main-alb-list .usm-cthumbnail  { width: 126px; height: 72px; padding:2px; border:1px solid #C5C5C5; }
			.usm-main-alb-list .usm-cthumbnail img{  width:100%; height:100%; }
			.usm-main-alb-list .usm-ctitle { text-align:center; width:90%; padding-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
			.usm-main-alb-list .usm-img-inf { display: none; }

			.usm-schedule { width: 290px; height: 220px; padding: 30px; position: absolute; top: 321px; left: 849px; }
			.usm-schedule .usm-cmenuWrap { width: 100%; float: left; }
			.usm-schedule .usm-main-more { float: right; margin: 3px 0 0 0; }
			.usm-schedule .usm-main-more a { font-size:12px; color:#636363; }
			.usm-schedule .usm-main-more-img { display: none; }
			.usm-schedule .usm-schedule-cont { clear: both; float: left; margin: 15px 0 0 0; }

			.usm-search { display: block; width: 290px; height: 30px; padding: 30px; position: absolute; top: 602px; left: 849px; border: none; }
			.usm-search h3 { float: left; letter-spacing: -0.2em; }
			.usm-search .usm-search-cont { float: left; padding: 0 0 0 10px; }
			.usm-search .usm-search-cont input[type="text"] { width: 120px; }
			.usm-search .usm-search-cont span { margin: 0 3px 0 0; }

			.usm-banner { display: block; width: 1140px; height: 45px; padding: 15px 30px; position: absolute; top: 694px; left: 0; }
			.usm-banner .usm-cmenuWrap { float:left; position:relative; }
			.usm-banner .usm-main-more { }
			.usm-banner .usm-main-more a { font-size:12px; color:#636363; }
			.usm-banner .usm-main-more a:after { content: '\271A'; }
			.usm-banner .usm-main-more-img { display: none; }
			.usm-banner .usm-banner-cont {  float:left; padding-left:30px; position:relative; }
			.usm-banner .usm-banner-cont ul li {  float:left; }
			.usm-banner .usm-banner-cont  img { width:140px; height:36px; padding:0 10px; }
			.usm-banner .usm-banner-wrap { margin-top:3px; width:1040px; height:36px; overflow:hidden; position:relative; }
			.usm-banner .usm-banner-wrap .banner-box { width:1040px; height:36px; }
			.usm-banner .usm-banner-btn button { background-repeat: no-repeat; width: 15px; height: 15px; font-size: 0; cursor: pointer; margin: 0; padding: 0; border: 0; overflow: visible; background-size: cover; }
			.usm-banner .usm-banner-btn { position:absolute; left:100%; top:0; line-height: 0; }

	#usm-bottomWrap-id { clear:both; width: 100%; min-height:120px; margin: 770px 0 0 0; border-top: 1px solid #ccc; }
		#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; }
}