@charset "UTF-8";

body { font-size: 1.6rem; }
#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: 12rem; }

		#usm-logo-wrap-id { width: 32rem; height: 7rem; margin: 0 auto; }
		#usm-logo-wrap-id a { width: 32rem; height: 7rem; }

		.usm-util-menu { width: 100%; height: 5rem; box-sizing: border-box; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; }

		#usm-util-wrap-id { float: left; margin: 1rem 0 0 0.5rem; }
		#usm-util-wrap-id ul:first-child { display: none; }
		#usm-util-wrap-id ul { }
		#usm-util-wrap-id li { float: left; margin: 0 0.5rem 0 0; }
		#usm-util-wrap-id li:before { content: '\2022'; font-size: 2rem; color: #505050; margin: 0 0.5rem 0 0; display: inline-block; vertical-align: middle; }
		#usm-util-wrap-id li.usm-top-login { margin: 0.2rem 0.5rem 0 0; }
		#usm-util-wrap-id li:first-child:before { content: ''; }
		#usm-util-wrap-id li:last-child { margin: 0; }
		#usm-util-wrap-id li button { font-size: 1.6rem; font-family: 'Pretendard'; padding: 0.3rem 0 0 0; letter-spacing: -0.1rem; }
		#usm-util-wrap-id li button:hover { color: #0083ff; }
		#usm-util-wrap-id li a { font-size: 1.6rem; padding: 0.2rem 0 0 0; letter-spacing: -0.1rem; }
		#usm-util-wrap-id li a:hover { color: #0083ff; }
		#usm-util-wrap-id li.usm-admin { display: none; }

		.spinner-master { float: right; background-color: #0083ff; border-radius: 5px; }
		.spinner-master .bar { background-color: #fff; }

			.content01-wrap { background: linear-gradient(0deg,rgba(224, 255, 244, 1) 0%, rgba(214, 243, 255, 1) 100%); padding: 1rem 0 0 0; }

				.content01 { }

					.usm-main-bg { width: calc(100% - 2rem); height: 100%; line-height: 0; overflow: hidden; position: relative; box-sizing: border-box; margin: 0 1rem 4rem 1rem;}
					.usm-main-bg img { width:100%; height: 100%; display: block; }
					.usm-main-bg .swiper-slide { transition-property: opacity; transform: none; }
					.usm-main-bg .swiper-controls { position: absolute; bottom: 0.5rem; right: 0.5rem; z-index: 1; width: auto; display: flow-root; background-color: #fff; box-sizing: border-box; padding: 1.5rem 2rem; border-radius: 2rem; text-align: center; }
					.usm-main-bg .swiper-controls button { float: left; display: inline-block; vertical-align: middle; width: 1.1rem; height: 2.1rem; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; text-indent: -9999px; margin: 0 1rem; }
			       	.usm-main-bg .swiper-controls button.playing { background:url('../images/banner_button_break.png') no-repeat center; font-size: inherit; }
			       	.usm-main-bg .swiper-controls button.paused { background:url('../images/banner_button_play.png') no-repeat center; font-size: inherit; }
			       	.usm-main-bg .swiper-controls button.prev { background:url('../images/banner_button_back.png') no-repeat center; font-size: inherit; }
			       	.usm-main-bg .swiper-controls button.next { background:url('../images/banner_button_forward.png')no-repeat center; font-size: inherit; }
					.usm-main-bg .swiper-controls #swiper-status { float: left; display: inline-block; vertical-align: middle; font-size: 1.8rem; margin: 1.2rem 0 0 1.5rem; }

					#usm-main-brd1-id { clear: both; float: left; width: calc(100% - 2rem); box-sizing: border-box; margin: 0rem 1rem 5rem 1rem; position: relative; padding: 0; }
			
					#usm-main-brd1-id.ui-widget { font-family: 'Pretendard'; }
					#usm-main-brd1-id.ui-widget.ui-widget-content { border: none; background: transparent; }
					#usm-main-brd1-id .ui-widget-header { border: none; background: transparent; font-weight: normal; }
					#usm-main-brd1-id.ui-tabs .ui-tabs-nav { margin: 0 0 1rem 0; padding: 0; display: flow-root; }
					#usm-main-brd1-id.ui-tabs .ui-tabs-nav li { font-size: 2.4rem; color: #505050; margin: 0 0.5rem 0 0; padding: 0; border: none; background: transparent; }
					#usm-main-brd1-id.ui-tabs .ui-tabs-nav li:last-child { margin: 0; }
					#usm-main-brd1-id.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0.2rem 1rem; }
					#usm-main-brd1-id.ui-tabs .ui-tabs-nav { padding: 0; }
					#usm-main-brd1-id .ui-state-default a { height: 4rem; line-height: 4rem; color: #505050; }
					#usm-main-brd1-id .ui-state-active:not(.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited) a {
						font-weight: 900;
						color: #0052b6;
						height: 4rem;
						line-height: 4rem;
					}
			
					#usm-main-brd1-id .ui-state-active:not(.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited) a:after {
						content: url('../images/notice_icon.png'); display: inline-block; margin: 0 0 0 0.5rem;  
					}
					.usm-main-brd .ui-widget-content { width: 100%; box-sizing: border-box; padding: 0; border-radius: 0 0 20px 20px; }
					.usm-main-brd .ui-widget-content .tab-more { position: absolute; top: 0.8rem; right: 0; }
					.usm-main-brd .ui-widget-content .tab-more a:before { content: url('../images/notice_more.png'); display: block; width: 2.9rem; height: 2.9rem; }
					.usm-main-brd .ui-widget-content > div:not(.tab-more) { font-size: 1.6rem; color: #505050; margin: 0 0 1rem 0; position: relative; box-sizing: border-box; padding: 2rem; border-radius: 3rem; background-color: #fff; -webkit-box-shadow: 5px 5px 15px 5px #f0f0f0; box-shadow: 0px 0px 15px 1px #f0f0f0; }
					.usm-main-brd .ui-widget-content > div:not(.tab-more):hover div:nth-child(2) a { color: #00a56c; }
					.usm-main-brd .ui-widget-content > div .usm-cthumbnail { display: none; }
					.usm-main-brd .ui-widget-content > div div:nth-child(2) a { display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 145%; height: 5rem; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.8rem; font-weight: bold; }
					.usm-main-brd .ui-widget-content > div div:nth-child(3) { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 145%; height: 4.5rem; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.6rem; font-weight: normal; margin: 1rem 0; }
					.usm-main-brd .ui-widget-content > div .usm-img-inf { margin: 0.5rem 0 0 0; }
					.usm-main-brd .ui-widget-content > div .usm-img-inf li:nth-child(2) { display: none; }
					.usm-main-brd .ui-widget-content > div .usm-img-inf time span:before { content: '.'; }

					.usm-imgBannerWrap { clear: both; width: 100%; box-sizing: border-box; margin: 0; padding: 5rem 1rem; background-color: #fff; }
					.usm-imgBannerWrap .usm-cmenuWrap { display: none; }
					.usm-imgBannerWrap .usm-quickLink-cont { display: flow-root; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist { display: flow-root; width: 100%; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li { float: left; width: 50%; margin: 0 0 1rem 0; text-align: center; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li a { color: #222; text-align: center; padding: 0 2rem; font-size: 2.2rem; box-sizing: border-box; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:hover a { color: #009d67; font-weight: bold; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(1) a:before { content: url('../images/btn_icon1.png'); display: block; margin: 0 0.5rem 0 0; vertical-align: middle; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(2) a:before { content: url('../images/btn_icon2.png'); display: block; margin: 0 0.5rem 0 0; vertical-align: middle; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(3) a:before { content: url('../images/btn_icon3.png'); display: block; margin: 0 0.5rem 0 0; vertical-align: middle; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(4) a:before { content: url('../images/btn_icon4.png'); display: block; margin: 0 0.5rem 0 0; vertical-align: middle; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(5) a:before { content: url('../images/btn_icon5.png'); display: block; margin: 0 0.5rem 0 0; vertical-align: middle; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(6) a:before { content: url('../images/btn_icon6.png'); display: block; margin: 0 0.5rem 0 0; vertical-align: middle; }

			.content02 {  }

				.usm-popup { clear: both; width: calc(100% - 2rem); height: 31rem; margin: 0 1rem 4rem 1rem; box-sizing: border-box; position: relative; }
				.usm-popup .usm-popup-top { float: left; width: 100%; margin: 0 0 1rem 0; }
				.usm-popup .usm-popup-top h3 { float: left; font-size: 2.4rem; color: #00316d; }
				.usm-popup .usm-popup-top .popup-btns { float: right; margin: 0.3rem 0 0 0; }
				.usm-popup .usm-popup-top .popup-btns .pbtns { margin: 0.3rem 0 0 0; }
				.usm-popup .popup-pagination { display: inline-block; position: static; font-size: 2rem; margin: 0 2rem; letter-spacing: 0.3rem; }
				.usm-popup .popup-btns { float: right; display: flow-root; margin: 0; }
				.usm-popup .popup-btns div { float: left; width: auto; height: 2.1rem; }
				.usm-popup .popup-btns div button { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; text-indent: -9999px; margin: 0 1rem; width: 1.4rem; height: 1.8rem; }
				.usm-popup .usm-popup-prev { background: url('../images/button_back.png') no-repeat center; }
		       	.usm-popup .play-pause-btn { margin: 0 2rem; }
		       	.usm-popup .play-pause-btn.playing { background: url('../images/button_break.png') no-repeat center; }
		       	.usm-popup .play-pause-btn.paused { background: url('../images/button_play.png') no-repeat center; }
		       	.usm-popup .usm-popup-next { background: url('../images/button_forward.png') no-repeat center; }
		       	.usm-popup .popup-container { width: 100%; margin: 0 auto; overflow: hidden; }
				.usm-popup .con { width: 100%; height: 26rem; text-align: center; z-index: 0; margin: 1rem 0 0 0; }
				.usm-popup .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
				.usm-popup .swiper-slide a { display: block; width: 100%; height: 26rem; }
				.usm-popup .swiper-slide img { display: block; width: 100%; height: 26rem; border-radius: 30px; }

				.usm-lunch { clear: both; width: calc(100% - 2rem); margin: 0 1rem 5rem 1rem; box-sizing: border-box; }
				.usm-lunch .usm-cmenuWrap { display: flow-root; width: 100%; margin: 0 0 2rem 0; position: relative; }
				.usm-lunch .usm-cmenuWrap h3 { float: left; font-size: 2.4rem; width: 100%; }
				.usm-lunch .usm-cmenuWrap h3 a { color: #000; }
				.usm-lunch .usm-cmenuWrap .usm-main-more { float: right; margin: 0; position: relative; }
				.usm-lunch .usm-cmenuWrap .usm-main-more a { position: relative; }
				.usm-lunch .usm-cmenuWrap .usm-main-more span.hidden { position: static; }
				.usm-lunch .usm-cmenuWrap .usm-main-more span.hidden:before { visibility: visible; content: url('../images/food_more.png'); display: block; width: 2.9rem; height: 2.9rem; top: 0rem; right: 0; position: absolute; }
				.usm-lunch .usm-lunch-cont { width: 100%; height: 20rem; box-sizing: border-box; border-radius: 3rem; background: url('../images/food_icon.png') 90% 20% no-repeat #fff; padding: 2rem; border: 1px solid #00cb85; }
				.usm-lunch .usm-lunch-cont > ul { width: 100%; height: 15rem; overflow-y: auto; box-sizing: border-box; padding: 0 1rem; }
				.usm-lunch .usm-lunch-cont ul li dl .usm-lunch-tit { width: 70%; box-sizing: border-box; display: inline-block; margin: 0 0 1rem 0; background-color: #00cb85; color: #fff; font-size: 2.2rem; text-align: center; font-weight: bold; border-radius: 1rem; padding: 0.5rem 1rem; }
				.usm-lunch .usm-lunch-cont ul li dl dd { float: none; margin: 0 0 2rem 0; width: 100%; box-sizing: border-box; line-height: 180%; color: #505050; }
				.usm-lunch .usm-lunch-cont ul li dl dd img { width: 70%; height: auto; }
				.usm-lunch .usm-lunch-cont ul li dl .usm-origin { width: 70%; display: inline-block; margin: 0 0 1rem 0; background-color: #00cb85; padding: 1rem; color: #fff; font-size: 2.2rem; text-align: center; font-weight: bold; border-radius: 1rem; box-sizing: border-box; }
				.usm-lunch .usm-lunch-cont ul li dl .usm-lunch-inf { width: 100%; display: inline-block; margin: 0 0 1rem 0; background-color: #00cb85; padding: 1rem; color: #fff; font-size: 2.2rem; text-align: center; font-weight: bold; border-radius: 1rem; box-sizing: border-box; }
				.usm-lunch .usm-lunch-cont > ul::-webkit-scrollbar { width: 0.5rem; }
				.usm-lunch .usm-lunch-cont > ul::-webkit-scrollbar-thumb { background-color: RGB(0,203,133); border-radius: 15px; }
				.usm-lunch .usm-lunch-cont > ul::-webkit-scrollbar-track { background-color: RGB(231,231,231); border-radius: 15px; }

				.usm-schedule { clear: both; width: calc(100% - 2rem); box-sizing: border-box; margin: 0 1rem 5rem 1rem; background-color: #fff; border-radius: 3rem; position: relative; }
				.usm-schedule .usm-cmenuWrap { display: flow-root; width: 100%; position: relative; box-sizing: border-box; margin: 0 0 1rem 0; }
				.usm-schedule .usm-cmenuWrap h3 { font-size: 2.4rem; }
				.usm-schedule .usm-cmenuWrap h3 a { color: #000; }
				.usm-schedule .usm-cmenuWrap .usm-main-more { margin: 0; position: absolute; top: 0rem; right: 0rem; }
				.usm-schedule .usm-cmenuWrap .usm-main-more a { position: relative; }
				.usm-schedule .usm-cmenuWrap .usm-main-more span.hidden { position: static; }
				.usm-schedule .usm-cmenuWrap .usm-main-more span.hidden:before { visibility: visible; content: url('../images/calendar_more.png'); display: block; width: 2.9rem; height: 2.9rem; top: 0rem; right: 0; position: absolute; }
				.usm-schedule .usm-schedule-cont { width: 100%; margin: 0; box-sizing: border-box; padding: 0; border-radius: 3rem 3rem 0 0 ; background: url('../images/calendar_bg.jpg') repeat; }
				.usm-schedule .usm-schedule-cont .usm-cheader { text-align: center; display: inline-block; padding: 1rem; }
				.usm-schedule .usm-schedule-cont .usm-cheader a { color: #000; font-weight: bold; font-size: 1.8rem; width: 15rem; height: 10rem; background-color: #fff; border-radius: 2rem; box-sizing: border-box; padding: 2rem 1rem 1rem 1rem; }
				.usm-schedule .usm-schedule-cont .usm-cheader a strong { font-size: 3rem; display: block; }
				.usm-schedule .usm-schedule-cont .usm-cheader:after { content: url('../images/calendar_icon.png'); display: inline-block; margin: 0 0 0 1rem; vertical-align: bottom; }
				.usm-schedule .usm-schedule-cont .usm-ccalendar { display: none; }
				.usm-schedule .usm-day { width: 100%; box-sizing: border-box; padding: 2rem 1.5rem; background: url('../images/calendar_bg.jpg') repeat; border-radius: 0 0 3rem 3rem; }
				.usm-schedule .usm-day ul { overflow-y: auto; height: 10rem; }
				.usm-schedule .usm-day li { line-height: 180%; font-size: 1.8rem; margin: 0 0 1rem 0; display: flow-root; box-sizing: border-box; padding: 0 1rem 0 0; }
				.usm-schedule .usm-day li span { display: inline-block; float: left; }
				.usm-schedule .usm-day li span:nth-child(1) { background-color: #00a260; font-size: 2rem; margin: 0 1rem 0 0; padding: 0; text-align: center; border-radius: 100%; width: 3.2rem; color: #fff; }
				.usm-schedule .usm-day li span:nth-child(2) { width: calc(100% - 9.5rem); text-align: left; } 
				.usm-schedule .usm-day ul::-webkit-scrollbar { width: 0.5rem; }
				.usm-schedule .usm-day ul::-webkit-scrollbar-thumb { background: RGB(0,203,133); border-radius: 10px; }
				.usm-schedule .usm-day ul::-webkit-scrollbar-track { background: RGB(231,231,231); border-radius: 10px; }

				#usm-main-alb1-id { clear: both; float: left; width: calc(100% - 1rem); box-sizing: border-box; padding: 7rem 1rem 2rem 1rem; margin: 0 0 0 1rem; position: relative; background-color: #e2fbff; border-radius: 7rem 0 0 0; }

				/* no-tab */
				#usm-main-alb1-id > ul { position: relative; }
				#usm-main-alb1-id > ul > li { position: relative; margin: 0 1rem 3rem 1rem; }
				#usm-main-alb1-id > ul > li > h3 { font-weight: bold; font-size: 2.4rem; }
				#usm-main-alb1-id > ul > li > h3 a { color: #222; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab .tab-more { position: absolute; top: 2rem; right: 1rem; width: 2.9rem; height: 2.9rem; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab .tab-more a:before { content: url('../images/notice_more.png'); display: block; width: 2.9rem; height: 2.9rem; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div:not(.tab-more) { width: 100%; height: 27rem; margin: 0 0 2rem 0; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div:not(.tab-more):hover div:nth-child(2) { background-color: #0078f5; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div:not(.tab-more):hover div:nth-child(2) a { color: #fff; font-weight: bold; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div:not(.tab-more):hover .usm-cthumbnail a img { transform: scale(1.2); }
				#usm-main-alb1-id #tabs-alb1-1.no-tab .usm-cthumbnail { width: 100%; height: 22rem; box-sizing: border-box; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab .usm-cthumbnail a { width: 100%; height: 100%; overflow: hidden; border-radius: 1.9rem 1.9rem 0 0; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab .usm-cthumbnail img { width: 100%; height: 100%; border-radius: 1.7rem 1.7rem 0 0; transition: 0.5s; position: relative; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div div:nth-child(2) { display: block; text-align: center; width: 100%; height: 5rem; padding: 1.5rem 1rem; font-size: 2rem; box-sizing: border-box; background-color: #fff; border-radius: 0 0 2rem 2rem; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div div:nth-child(2) a { display: block; text-align: center; width: 100%; height: 3.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 2rem; box-sizing: border-box; color: #000; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div div:nth-child(3) { display: none; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab .usm-img-inf { display: none; }
				/* no-tab */
				/* tab */
				#usm-main-alb1-id.ui-widget { font-family: 'Pretendard'; }
				#usm-main-alb1-id.ui-widget.ui-widget-content { border: none; }
				#usm-main-alb1-id .ui-widget-header { border: none; background: transparent; font-weight: normal; }
				#usm-main-alb1-id .ui-state-default a { color: #3d3d3d; height: 4rem; line-height: 4rem; }
				#usm-main-alb1-id .ui-state-active:not(.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited) a:after {
					content: url('../images/notice_icon.png'); display: inline-block; margin: 0 0 0 0.5rem;  
				}

				/* 세로형 탭 기본 */
				.ui-tabs-vertical { width: 55em; padding: 0; }
				.ui-tabs-vertical .ui-tabs-nav { position: relative;  width: 10rem; text-align: center; left: 50%; transform: translate(-50%, 0); margin: 0 0 3rem 0; padding: 0; }
				.ui-tabs-vertical .ui-tabs-nav li { position: relative; font-size: 2.3rem; float: none; clear: both; display: block; text-align: center; margin: 0 0 1rem 0; background: transparent; border: none; }
				.ui-tabs-vertical .ui-tabs-nav li:not(.ui-tabs .ui-tabs-nav .ui-tabs-anchor) a { display:block; padding: 0; text-align: center; }
				.ui-tabs-vertical .ui-state-active:not(.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited) a {
					font-weight: 900;
					color: #0052b6;
					height: 4rem;
					line-height: 4rem;
				}
				.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; }
				.ui-tabs-vertical .ui-tabs-nav li.ui-state-default.ui-tabs-active a { color: #0052b6; }
				/* 세로형 탭 종료 */

				#usm-main-alb1-id .ui-widget-content .tab-more { position: absolute; top: 2rem; right: 1rem; width: 2.9rem; height: 2.9rem; }
				#usm-main-alb1-id .ui-widget-content .tab-more a:before { content: url('../images/notice_more.png'); display: block; width: 2.9rem; height: 2.9rem; }
				#usm-main-alb1-id .ui-widget-content { width: 100%; box-sizing: border-box; padding: 0; margin: 1rem 0 0 0; }
				#usm-main-alb1-id .ui-widget-content > div:not(.tab-more) { width: 100%; height: 27rem; margin: 0 0 2rem 0; }
				#usm-main-alb1-id .ui-widget-content > div:not(.tab-more):hover div:nth-child(2) { background-color: #0078f5; }
				#usm-main-alb1-id .ui-widget-content > div:not(.tab-more):hover div:nth-child(2) a { color: #fff; font-weight: bold; }
				#usm-main-alb1-id .ui-widget-content > div:not(.tab-more):hover .usm-cthumbnail a img { transform: scale(1.2); }
				#usm-main-alb1-id .ui-widget-content .usm-cthumbnail { width: 100%; height: 22rem; box-sizing: border-box; }
				#usm-main-alb1-id .ui-widget-content .usm-cthumbnail a { width: 100%; height: 100%; overflow: hidden; border-radius: 1.9rem 1.9rem 0 0; }
				#usm-main-alb1-id .ui-widget-content .usm-cthumbnail img { width: 100%; height: 100%; border-radius: 1.7rem 1.7rem 0 0; transition: 0.5s; position: relative; }
				#usm-main-alb1-id .ui-widget-content > div div:nth-child(2) { display: block; text-align: center; width: 100%; height: 5rem; padding: 1.5rem 1rem; font-size: 2rem; box-sizing: border-box; background-color: #fff; border-radius: 0 0 2rem 2rem; }
				#usm-main-alb1-id .ui-widget-content > div div:nth-child(2) a { display: block; text-align: center; width: 100%; height: 3.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 2rem; box-sizing: border-box; color: #000; }
				#usm-main-alb1-id .ui-widget-content > div div:nth-child(3) { display: none; }
				#usm-main-alb1-id .ui-widget-content .usm-img-inf { display: none; }
				/* tab */

		.banner-wrap { clear: both; border-top: 1px solid #ddd; box-sizing: border-box; }
		.usm-banner { clear: both; width: calc(100% - 2rem); margin: 0 1rem; box-sizing: border-box; padding: 2rem 0; position: relative; overflow: hidden; background-color: #fff; display: flex; }
		.usm-banner .usm-banner-top { width: 11rem; background-color: #fff; position: relative; z-index: 2; padding: 0 1rem; flex: none; }
		.usm-banner h3 { font-size: 2.3rem; display: inline-block; position: relative; text-align: center; width: 100%; }
		.usm-banner .banner-btns { display: inline-block; display: flow-root; }
		.usm-banner .banner-btns button { display: inline-block; float: left; border: 1px solid #505050; margin: 0.2rem; cursor: pointer; text-indent: -9999px; width: 2.3rem; height: 2.3rem; }
		.usm-banner .banner-btns button:hover { border: 2px solid #000; }
		.usm-banner .banner-btns .usm-banner-prev { background: url('../images/banner_button_back.png') no-repeat center; }
       	.usm-banner .banner-btns .play-pause-btn2 { cursor: pointer; }
       	.usm-banner .banner-btns .play-pause-btn2.playing { background: url('../images/banner_button_break.png')no-repeat center; }
       	.usm-banner .banner-btns .play-pause-btn2.paused { background: url('../images/banner_button_play.png')no-repeat center; }
		.usm-banner .banner-btns .usm-banner-next { background: url('../images/banner_button_forward.png') no-repeat center; }
		.usm-banner .banner-btns .usm-banner-all { background: url('../images/banner_button_full.png') no-repeat center; }
		.usm-banner .banner-container { width: calc(100% - 13rem); margin: 0; flex: none; }
		.usm-banner .con { clear: both; width: 100%; position: relative; overflow: visible; z-index: 1; height: 6rem; }
		.usm-banner .swiper-slide { display: inline-block; width: 14rem; height: 6rem; overflow: hidden; box-sizing: border-box; margin: 0 0 0 0; }
		.usm-banner .swiper-slide a { height: 5rem; margin: 0.5rem; } 
		.usm-banner .swiper-slide img { width: 18rem; height: 5rem; max-width: 100%; box-sizing: border-box; }

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

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

	#usm-main-brd1-id.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0.5rem 1rem; }
	.usm-main-brd .ui-widget-content > div:not(.tab-more) { float: left; width: calc(50% - 0.5rem); margin: 0 1rem 2rem 0; }
	.usm-main-brd .ui-widget-content > div:nth-child(odd) { margin: 0 0 2rem 0; }
	
	.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li { float: left; width: 33.33333%; }

	.usm-lunch .usm-lunch-cont { height: 25rem; }
	.usm-lunch .usm-lunch-cont > ul { height: 20rem; }

	.usm-schedule .usm-day { display: flow-root; }
	.usm-schedule .usm-day ul { height: 12rem; }
	.usm-schedule .usm-day li { float: left; width: 50%; }

	.usm-popup { height: 35rem; }
	.usm-popup .popup-container { width: 50%; }
	.usm-popup .con { height: 30rem; }
	.usm-popup .swiper-slide a { height: 30rem; }
	.usm-popup .swiper-slide img { height: 30rem; }

	/* no-tab */
	#usm-main-alb1-id #tabs-alb1-1.no-tab > div:not(.tab-more) { float: left; width: calc(50% - 0.5rem); height: 35rem; margin: 0 1rem 2rem 0; }
	#usm-main-alb1-id #tabs-alb1-1.no-tab > div:nth-child(even) { margin: 0 0 2rem 0; }
	#usm-main-alb1-id #tabs-alb1-1.no-tab .usm-cthumbnail { height: 30rem; }
	/* no-tab */

	/* tab */
	#usm-main-alb1-id .ui-widget-content > div:not(.tab-more) { float: left; width: calc(50% - 0.5rem); height: 35rem; margin: 0 1rem 2rem 0; }
	#usm-main-alb1-id .ui-widget-content > div:nth-child(odd) { margin: 0 0 2rem 0; }
	#usm-main-alb1-id .ui-widget-content .usm-cthumbnail { height: 30rem; }
	/* tab */

}

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

		#usm-top-id { clear: both; width: 100%; min-height: 12rem; height: auto; position: relative; }

			.top-wrap { width: 140rem; height: 7rem; margin: 0 auto; position: relative; }

			#usm-logo-wrap-id { text-align: center; margin: 0;}

			.usm-util-menu { border: none; position: absolute; right: 0; top: 2rem; width: 36rem; height: 2.1rem; }
			#usm-util-wrap-id { display: block; margin: 0; float: right; }
			#usm-util-wrap-id li.usm-admin { display: inline-block; }
			.spinner-master { display: none; }

			.menu-wrap { clear: both; width: 100%; height: 5rem; background-color: #0083ff; position: relative; }
			#usm-menu-wrap-id { display: block; width: 140rem; height: 5rem; z-index:10; margin: 0 auto; }
			#usm-menu-wrap-id > ul > li > a { padding: 1rem 2.5rem 0.9rem 2.5rem; }

		#usm-middle-id { width: 100%; margin: 0 auto; }

				.content01-wrap { clear: none; width: 100%; display: flow-root; background: url('../images/main_bg.jpg') center top no-repeat; }

				.content01 { width: 140rem; margin: 0 auto; display: flow-root;  }

					.usm-main-bg { float: right; overflow: hidden; width: 74rem; height: 49rem; margin: 5rem 0; }
					.usm-main-bg .swiper-controls { left: 50%; right: auto; transform: translate(-50%, 0); }

					#usm-main-brd1-id { clear: none; float: right; width: 61rem; margin: 5rem 5rem 0 0; padding: 0; display: flow-root; }
					#usm-main-brd1-id.ui-tabs .ui-tabs-nav li { margin: 0 1rem 0 0; }
					.usm-main-brd .ui-widget-content > div:not(.tab-more) { float: left; width: calc(50% - 1rem); margin: 0 2rem 2rem 0; padding: 1rem 2rem; }
					.usm-main-brd .ui-widget-content > div:nth-child(odd) { margin: 0 0 1rem 0; }

					.usm-imgBannerWrap { clear: both; display: flow-root; width: 140rem; margin: 0 auto; padding: 0; }
					.usm-imgBannerWrap .usm-quickLink-cont { padding: 0; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li { float: left; width: 16.666666%; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(1) a:before { display: inline-block; margin: 0 1rem 0 0; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(2) a:before { display: inline-block; margin: 0 1rem 0 0; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(3) a:before { display: inline-block; margin: 0 1rem 0 0; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(4) a:before { display: inline-block; margin: 0 1rem 0 0; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(5) a:before { display: inline-block; margin: 0 1rem 0 0; }
					.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(6) a:before { display: inline-block; margin: 0 1rem 0 0; }

				.content02 { width: 140rem; margin: 9rem auto 0 auto; display: flow-root; }

					.usm-popup { clear: none; float: left; width: 39rem; height: 30rem; margin: 0; }
					.usm-popup .usm-popup-top { margin: 0 0 1rem 0; }
					.usm-popup .con { width: 39rem; height: 25rem; }
					.usm-popup .swiper-slide a { width: 39rem; height: 25rem; }
					.usm-popup .swiper-slide img { width: 39rem; height: 25rem; }

					.usm-lunch { clear: none; float: left; width: 44rem; height: 30rem; margin: 0 0 0 6rem; box-sizing: border-box; display: flow-root; }
					.usm-lunch .usm-cmenuWrap { margin: 0 0 1.7rem 0; }
					.usm-lunch .usm-lunch-cont { height: 25rem; }
					.usm-lunch .usm-lunch-cont > ul { height: 20rem; }

					.usm-schedule { clear: none; float: left; width: 45rem; height: 19rem; margin: 0 0 0 6rem; padding: 0; display: flow-root; }
					.usm-schedule .usm-cmenuWrap { margin: 0 0 1.7rem 0; }
					.usm-schedule .usm-schedule-cont { float: left; width: 15rem; height: 25rem; border-radius: 2rem 0 0 2rem; }
					.usm-schedule .usm-schedule-cont .usm-cheader a { width: 12rem; }
					.usm-schedule .usm-schedule-cont .usm-cheader:after { margin: 3rem 0 0 0; }
					.usm-schedule .usm-day { float: left; width: 30rem; height: 25rem; border-radius: 0 2rem 2rem 0; }
					.usm-schedule .usm-day ul { height: 21rem; }

				.usm-main-alb-wrap { background: url('../images/photo_bg.jpg') top center no-repeat; }
				#usm-main-alb1-id { clear: both; float: none; width: 140rem; margin: 7rem auto 0 auto; padding: 6rem 0 7.5rem 0; display: flow-root; background: transparent; border-radius: 0; }

				/* no-tab */
				#usm-main-alb1-id > ul { float: left; width: 15rem; margin: 0; position: static; left: auto; transform: none; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab { float: left; width: 125rem; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab .tab-more { top: 12rem; left: 3.5rem; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div:not(.tab-more) { float: left; width: calc(25% - 2.3rem); height: 23.5rem; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div:nth-child(1) { margin: -1.5rem 0 0 0; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div:nth-child(2) { margin: 0 3rem; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab > div:nth-child(3) { margin: -1.5rem 3rem 0 0; }
				#usm-main-alb1-id #tabs-alb1-1.no-tab .usm-cthumbnail { height: 20rem; }
				/* no-tab */
				/* tab */
				#usm-main-alb1-id.ui-tabs .ui-tabs-nav { float: left; width: 15rem; margin: 0; position: static; left: auto; transform: none; }
				#usm-main-alb1-id.ui-tabs .ui-tabs-nav li { margin: 0 1.5rem 0 0; }
				#usm-main-alb1-id .ui-widget-content { float: left; width: 125rem; }
				#usm-main-alb1-id .ui-widget-content .tab-more { top: 15rem; left: 3rem; }
				#usm-main-alb1-id .ui-widget-content > div:not(.tab-more) { float: left; width: calc(25% - 2.3rem); height: 23.5rem; }
				#usm-main-alb1-id .ui-widget-content > div:nth-child(2) { margin: -1.5rem 0 0 0; }
				#usm-main-alb1-id .ui-widget-content > div:nth-child(3) { margin: 0 3rem; }
				#usm-main-alb1-id .ui-widget-content > div:nth-child(4) { margin: -1.5rem 3rem 0 0; }
				#usm-main-alb1-id .ui-widget-content .usm-cthumbnail { height: 20rem; }
				/* tab */

			.banner-wrap { clear: both; width: 100%; height: 8.2rem; box-sizing: border-box; background-color: #fff; }
			.usm-banner { float: none; width: 140rem; height: 8.1rem; padding: 1.2rem 0; margin: 0 auto; }
			.usm-banner .usm-banner-top { height: 5.5rem; }
			.usm-banner .banner-container { width: 1265px; }
			.usm-banner .con { margin: 0; }

}