@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-quickMenuWrap-id { position: fixed; right: 5px; top: 180px; z-index: 2; }
		.usm-quick-icon { font-size: 1.8rem; width: 5rem; height: 11rem; padding: 1rem 1.7rem; border-radius: 25px; box-sizing: border-box; background-color: #575757; color: #fff; cursor: pointer; border: none; font-family: 'Pretendard'; }
		.usm-quick-icon:before { content: '\276E'; display: block; width: 100%; text-align: center; margin: 0 0 0.3rem 0; }
		.usm-quick-icon.active:before { content: '\276F'; display: block; width: 100%; text-align: center; margin: 0 0 0.3rem 0; }
		.usm-quickMenu { width: 13rem; height: auto; padding: 2rem 0.5rem; border-radius: 25px; border: 1px solid #444444; box-sizing: border-box; background-color: #fff; position: fixed; top: 180px; right: 65px; }
		.usm-quickMenu li { margin: 0 0 0.8rem 0; text-align: center; }
		.usm-quickMenu li:last-child { margin: 0; }
		.usm-quickMenu li a { font-size: 1.6rem; color: #505050; }
		.usm-quickMenu li a:hover { font-weight: bold; }
		.usm-quickMenu li a:before { content: '\2022'; display: block; width: 100%; text-align: center; font-size: 2rem; font-weight: bold; }

	#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-logo-wrap-id img { width: 100%; height: 100%; }

		.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: #0168b7; }
		#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: #0168b7; }
		#usm-util-wrap-id li.usm-admin { display: none; }

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

		.content01-wrap { width: 100%; background-color: #01cd90; }
			#usm-main-bg-id { width: 100%; height: 100%; line-height: 0; overflow: hidden; }
			#usm-main-bg-id img { width:100%; height: 100%; }

			.usm-schedule { width: calc(100% - 2rem); box-sizing: border-box; margin: 0 1rem 2rem 1rem; background-color: #fff; border-radius: 20px; position: relative; }
			.usm-schedule .usm-cmenuWrap { display: flow-root; width: 100%; height: 6rem; position: relative; background-color: #00a674; border-radius: 20px 20px 0 0; box-sizing: border-box; padding: 1rem 2rem; }
			.usm-schedule .usm-cmenuWrap h3 { float: left; color: #fff; font-size: 2.6rem; }
			.usm-schedule .usm-cmenuWrap h3 a { color: #fff; }
			.usm-schedule .usm-cmenuWrap .usm-main-more { float: right; margin: 0.4rem 0 0 0; position: relative; }
			.usm-schedule .usm-cmenuWrap .usm-main-more a { position: relative; }
			.usm-schedule .usm-cmenuWrap .usm-main-more span.hidden:before { visibility: visible; content: url('../images/notice_more.png'); display: block; width: 4rem; height: 4rem; top: -1.5rem; right: 0; position: absolute; }
			.usm-schedule .usm-schedule-cont { width: 100%; margin: 0; background-color: #00a674; box-sizing: border-box; padding: 1rem; border-radius: 0 0 20px 20px; }
			.usm-schedule .usm-schedule-cont .usm-cheader { text-align: center; margin: 0 0 1rem 0; }
			.usm-schedule .usm-schedule-cont .usm-cheader a { color: #fff; font-weight: bold; font-size: 1.8rem; }
			.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 tr:nth-child(1) { background-color: #00875e; border-radius: 15px; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar tr:nth-child(1) th { padding: 1rem 0; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar td { text-align: center; padding: 1rem 0; color: #fff;  }
			.usm-schedule .usm-schedule-cont .usm-ccalendar .week { color: #fff; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar .week.sun { color: #ff9393; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar .week.sat { color: #73c3ff; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar .sun { color: #ff9393; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar .sat { color: #73c3ff; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar .sun.has { color: #ff9393; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar .sat.has { color: #73c3ff; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar .has { font-weight:bold; color:#fff; cursor:pointer; }
			.usm-schedule .usm-schedule-cont .usm-ccalendar .tch-cur { background-color: #00875e; border-radius: 100%; }
			.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; color: #222; }
			.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; color: #222; }
			.usm-schedule .usm-day { width: 100%; box-sizing: border-box; padding: 1rem 2rem; }
			.usm-schedule .usm-day  ul { overflow-y: auto; height: 10rem; }
			.usm-schedule .usm-day li { line-height: 180%; font-size: 1.8rem; }
			.usm-schedule .usm-day li span { display: inline-block; text-align: center; }
			.usm-schedule .usm-day li span:nth-child(1) { background-color: #00a674; border-radius: 100%; margin: 0 1rem 0 0; width: 3rem; height: 3rem; color: #fff; } 

			.usm-class { width: calc(100% - 2rem); box-sizing: border-box; padding: 2rem; margin: 0 1rem; border: 2px dashed #fff; border-radius: 15px; display: flow-root; }
			.usm-class h3 { color: #fff; font-size: 2.6rem; margin: 0 0 1rem 0; }
			.usm-class .usm-class-cont { display: flow-root; }
			.usm-class .usm-class-cont dl { float: left; display: flow-root; }
			.usm-class .usm-class-cont dl dt, dd { float: left; }
			.usm-class .usm-class-cont dl dt { margin: 1rem 0.5rem 0 0; color: #fff; }
			.usm-class .usm-class-cont dl dd select { background-color: #00875e; border: 1px solid #00875e; border-radius: 2.5rem; color: #fff; box-sizing: border-box; padding: 0 1rem; margin: 0 0.5rem 0 0; }
			.usm-class .usm-class-cont div { float: left; }
			.usm-class .usm-class-cont .cls-btn input[type="submit"] { background-color: #00875e; border: 1px solid #00875e; color: #fff; border-radius: 2.5rem; height: 4rem; line-height: 4rem; padding: 0 1rem; }

		.usm-imgBannerWrap { clear: both; width: 100%; box-sizing: border-box; padding: 2rem 1rem 0 1rem; margin: 0 0 2rem 0; background-color: #01cd90; }
		.usm-imgBannerWrap .usm-cmenuWrap { display: none; }
		.usm-imgBannerWrap .usm-quickLink-cont { background-color: #fff; border-radius: 25px 25px 0 0; box-sizing: border-box; padding: 2rem 1rem 0 1rem; 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: calc(50% - 1rem); text-align: center; margin: 0 0 2rem 0; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(even) { margin: 0 0 2rem 2rem; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li a { color: #222; text-align: center; font-size: 2rem; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li a:hover { color: #00875e; font-weight: bold; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li a:before { background-color: #fff9a8; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li a:hover:before { background-color: #defbf2; border: 3px dashed #00875e; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(1) a:before { content: url('../images/go_icon1.png'); display: block; margin: 0 auto 1rem auto; width: 11rem; height: 11rem; border-radius: 100%; box-sizing: border-box; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(2) a:before { content: url('../images/go1_icon2.png'); display: block; margin: 0 auto 1rem auto; width: 11rem; height: 11rem; border-radius: 100%; box-sizing: border-box; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(3) a:before { content: url('../images/go1_icon3.png'); display: block; margin: 0 auto 1rem auto; width: 11rem; height: 11rem; border-radius: 100%; box-sizing: border-box; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(4) a:before { content: url('../images/go1_icon4.png'); display: block; margin: 0 auto 1rem auto; width: 11rem; height: 11rem; border-radius: 100%; box-sizing: border-box; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(5) a:before { content: url('../images/go1_icon5.png'); display: block; margin: 0 auto 1rem auto; width: 11rem; height: 11rem;  border-radius: 100%; box-sizing: border-box; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(6) a:before { content: url('../images/go1_icon6.png'); display: block; margin: 0 auto 1rem auto; width: 11rem; height: 11rem; border-radius: 100%; box-sizing: border-box; }
		.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(7) a:before { content: url('../images/go1_icon7.png'); display: block; margin: 0 auto 1rem auto; width: 11rem; height: 11rem; border-radius: 100%; box-sizing: border-box; }

			#usm-main-brd1-id { clear: both; float: left; width: 100%; box-sizing: border-box; margin: 0 0 2rem 0; position: relative; padding: 0 1rem; }

			#usm-main-brd1-id.ui-widget { font-family: 'Pretendard'; }
			#usm-main-brd1-id.ui-widget.ui-widget-content { border: none; }
			#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 2rem 0; padding: 0; display: flow-root; }
			#usm-main-brd1-id.ui-tabs .ui-tabs-nav li { font-size: 2.6rem; color: #3d3d3d; margin: 0 1.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 1rem; }
			#usm-main-brd1-id.ui-tabs .ui-tabs-nav { }
			#usm-main-brd1-id .ui-state-default a { color: #00cd8f; height: 4rem; line-height: 4rem; border: 3px solid #00cd8f; border-radius: 2.5rem; }
			#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: bold;
				color: #fff;
				height: 4rem;
				line-height: 4rem;
				background-color: #00cd8f;
			}
	
			.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; right: 1rem; }
			.usm-main-brd .ui-widget-content .tab-more a:before { content: url('../images/notice_more.png'); display: block; width: 4rem; height: 4rem; }
			.usm-main-brd .ui-widget-content > div:not(.tab-more) { font-size: 1.6rem; color: #222; margin: 0 0 1.5rem 0; position: relative; box-sizing: border-box; border: 3px solid #d6d6d6; padding: 2rem; border-radius: 15px; }
			.usm-main-brd .ui-widget-content > div:hover { border: 3px solid #00cd8f; }
			.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; 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: 9rem; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 1.6rem; font-weight: normal; margin: 2rem 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-popup { clear: both; width: calc(100% - 2rem); height: 31rem; margin: 1rem; box-sizing: border-box; position: relative; overflow: hidden; }
			.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.6rem; }
			.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: 1.8rem; }
			.usm-popup .usm-popup-prev { position: static; margin: 0; display: inherit; clear: none; cursor: pointer; }
	       	.usm-popup .usm-popup-prev:after { content:url('../images/button_back.png'); font-size: inherit; }
	       	.usm-popup .play-pause-btn { margin: 0 2rem; cursor: pointer; }
	       	.usm-popup .play-pause-btn.playing { content:url('../images/button_break.png'); font-size: inherit; }
	       	.usm-popup .play-pause-btn.paused { content:url('../images/button_play.png'); font-size: inherit; }
	       	.usm-popup .usm-popup-next { position: static; margin: 0; display: inherit; clear: none; cursor: pointer; }
	       	.usm-popup .usm-popup-next:after { content:url('../images/button_forward.png'); font-size: inherit; }
	       	.usm-popup .popup-container { width: 100%; margin: 0 auto; overflow: hidden; }
			.usm-popup .con { width: 100%; height: 215px; 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: 21.5rem; }
			.usm-popup .swiper-slide img { display: block; width: 100%; height: 21.5rem; border-radius: 30px; }

		.content03-wrap { background:url('../images/mobile_bg.jpg') repeat; width: 100%; box-sizing: border-box; padding: 2rem 0; }

			#usm-main-alb1-id { clear: both; float: left; width: calc(100% - 2rem); box-sizing: border-box; margin: 0 1rem 2rem 1rem; background: transparent; }
			#usm-main-alb1-id h3 { font-size: 2.3rem; width: 22rem; height: 70px; padding: 1.7rem 0; text-align: center; color: #fff; box-sizing: border-box; }
			#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-tabs .ui-tabs-nav { margin: 0 0 2rem 0; padding: 0 1rem; display: flow-root; }
			#usm-main-alb1-id.ui-tabs .ui-tabs-nav li { font-size: 2.6rem; color: #626262; margin: 0 1.5rem 0 0; padding: 0; border: none; background: transparent; }
			#usm-main-alb1-id.ui-tabs .ui-tabs-nav li:last-child { margin: 0; }
			#usm-main-alb1-id.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0; }
			#usm-main-alb1-id .ui-state-default a { color: #3d3d3d; height: 3rem; line-height: 3rem; }
			#usm-main-alb1-id .ui-state-active:not(.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited) a {
				font-weight: bold;
				color: #000;
				height: 3rem;
				line-height: 3rem;
			}
			#usm-main-alb1-id .ui-widget-content .tab-more { position: absolute; top: 0; right: 1rem; }
			#usm-main-alb1-id .ui-widget-content .tab-more a:before { content: url('../images/notice_more.png'); display: block; width: 4rem; height: 4rem; }
			#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:hover div:nth-child(2) a { font-weight: bold; }
			#usm-main-alb1-id .ui-widget-content > div: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; border-radius: 1.9rem; }
			#usm-main-alb1-id .ui-widget-content .usm-cthumbnail a { width: 100%; height: 100%; overflow: hidden; border-radius: 1.9rem; }
			#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; border-radius: 1.9rem; }
			#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; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 2rem; box-sizing: border-box; }
			#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; }
			#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; }

			.usm-lunch { clear: both; width: calc(100% - 2rem); margin: 0 1rem; }
			.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.6rem; }
			.usm-lunch .usm-cmenuWrap .usm-main-more { float: right; margin: 0.4rem 0 0 0; position: relative; }
			.usm-lunch .usm-cmenuWrap .usm-main-more a { position: relative; }
			.usm-lunch .usm-cmenuWrap .usm-main-more span.hidden:before { visibility: visible; content: url('../images/notice_more.png'); display: block; width: 4rem; height: 4rem; top: -1.5rem; right: 0; position: absolute; }
			.usm-lunch .usm-lunch-cont { width: 100%; height: 20rem; box-sizing: border-box; padding: 1.5rem; border-radius: 20px 20px 0 0; background: url('../images/food_bg.png') right bottom no-repeat #fff; }
			.usm-lunch .usm-lunch-cont > ul { height: 17rem; overflow-y: auto; }
			.usm-lunch .usm-lunch-cont ul { width: 100%;  }
			.usm-lunch .usm-lunch-cont ul li dl .usm-lunch-tit { width: 100%; margin: 0 0 1rem 0; background-color: #eb6877; color: #fff; font-size: 1.8rem; text-align: center; border-radius: 15px; box-sizing: border-box; padding: 0.5rem 0; }
			.usm-lunch .usm-lunch-cont ul li dl dd { float: none; margin: 0 0 2rem 0; width: 100%; box-sizing: border-box; padding: 0 2rem; line-height: 180%; }
			.usm-lunch .usm-lunch-cont ul li dl dd img { width: 100%; height: auto; }
			.usm-lunch .usm-lunch-cont ul li dl .usm-origin { width: 100%; margin: 0 0 1rem 0; background-color: #eb6877; color: #fff; font-size: 1.8rem; text-align: center; border-radius: 15px; box-sizing: border-box; padding: 0.5rem 0; }
			.usm-lunch .usm-lunch-cont ul li dl .usm-lunch-inf { width: 100%; margin: 0 0 1rem 0; background-color: #eb6877; color: #fff; font-size: 1.8rem; text-align: center; border-radius: 15px; box-sizing: border-box; padding: 0.5rem 0; }

		.banner-wrap { clear: both; border-top: 1px solid #ddd; box-sizing: border-box; }
		.usm-banner { clear: both; float: left; width: calc(100% - 2rem); margin: 0 1rem; box-sizing: border-box; padding: 2rem 0; position: relative; overflow: hidden; background-color: #fff; }
		.usm-banner .usm-banner-top { display: flow-root; width: 11rem; float: left; background-color: #fff; position: relative; z-index: 2; padding: 0.5rem 1rem 0 1rem; }
		.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 div { display: inline-block; float: left; width: 1.3rem; height: 1.4rem; transform: none; padding: 0.4rem; border: 1px solid #505050; margin: 0.2rem; }
		.usm-banner .banner-btns div:last-child { border-right: 1px solid #505050; }
		.usm-banner .banner-btns div a { display: block; line-height: 0; }
		.usm-banner .banner-btns .usm-banner-prev { position: static; background:url('../images/banner_button_back.png') center center no-repeat; cursor: pointer; }
       	.usm-banner .banner-btns .play-pause-btn2 { cursor: pointer; }
       	.usm-banner .banner-btns .play-pause-btn2.playing { content:url('../images/banner_button_break.png'); font-size: inherit; }
       	.usm-banner .banner-btns .play-pause-btn2.paused { content:url('../images/banner_button_play.png'); font-size: inherit; }
		.usm-banner .banner-btns .usm-banner-next { position: static; background:url('../images/banner_button_forward.png') center center no-repeat; cursor: pointer; }
		.usm-banner .banner-container { float: right; width: calc(100% - 13rem); margin: 0; display: flex; }
		.usm-banner .con { clear: both; width: 100%; position: relative; overflow: visible; z-index: 1; height: 6rem; }
		.usm-banner .swiper-slide { display: inline-block; width: 18rem; 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 에서 제어함 */

/*메인 슬라이드*/
.bx-wrapper { position: relative; padding: 0;*zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; }
.bx-wrapper img { max-width: 100%; display: block; }
.bxslider { margin: 0; padding: 0; -webkit-perspective: 1000; }
ul.bxslider { list-style: none; }
.bx-viewport { -webkit-transform: translateZ(0); }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; }

.bx-wrapper .bx-loading { min-height: 50px; background: url('../images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; bottom: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #056567; }
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }

.bx-wrapper .bx-prev { left: 10px; background: url('../images/controls.png') no-repeat 0 -32px; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus { background-position: 0 0; }
.bx-wrapper .bx-next { right: 10px; background: url('../images/controls.png') no-repeat -43px -32px; }
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('../images/controls.png') -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('../images/controls.png') -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

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

	.usm-schedule .usm-schedule-cont .usm-ccalendar .tch-cur { border-radius: 0; }
	.usm-schedule .usm-day { display: flow-root; }
	.usm-schedule .usm-day li { float: left; width: 50%; }
	
	.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li { width: 25%; margin: 0 0 2rem 0; }
	.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(even) { margin: 0 0 2rem 0; }	

	.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(even) { margin: 0 0 2rem 0; }

	.usm-popup { height: 37rem; }
	.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; }

	#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(even) { margin: 0 0 2rem 0; }
	#usm-main-alb1-id .ui-widget-content .usm-cthumbnail { height: 30rem; }

}

/* 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: 32rem; 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: #0168b7; position: relative; }
			#usm-menu-wrap-id { display: block; width: 140rem; height: 5rem; z-index:10; margin: 0 auto; }

		#usm-middle-id { width: 100%; margin: 0 auto; background: url('../images/main_bg.jpg') top center no-repeat; }

			.content01-wrap { clear: both; width: 140rem; height: 70rem; margin: 0 auto;display: flow-root; background: transparent; }

				#usm-main-bg-id { overflow: hidden; width: 96rem; height: 70rem; float: right; }
				.vui-slider .vui-item { width: 96rem; height: 70rem; }

				.content01 { float: right; width: 35rem; margin: 4.1rem 9rem 0 0; }
					.usm-schedule { margin: 0 0 2.5rem 0; }

					.usm-class { margin: 0; }

			.usm-imgBannerWrap { width: 140rem; margin: 0 auto; padding: 5.6rem 3rem; background: transparent; }
			.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li { width: calc(100% / 7); }
			.usm-imgBannerWrap .usm-quickLink-cont .usm-qlist li:nth-child(even) { margin: 0; }

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

				#usm-main-brd1-id { float: left; width: 80rem; margin: 0 6rem 0 8rem; padding: 0; }
				#usm-main-brd1-id.ui-tabs .ui-tabs-nav li { margin: 0 1rem 0 0; }
				.usm-main-brd .ui-widget-content .tab-more { top: 0; }
				.usm-main-brd .ui-widget-content > div:not(.tab-more) { float: left; width: calc(33.3333333% - 1rem); }
				.usm-main-brd .ui-widget-content > div:nth-child(2) { margin: 0 1rem; }
				.usm-main-brd .ui-widget-content > div:nth-child(3) { display: block; margin: 0; }

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

			.content03-wrap { clear: both; width: 100%; background: transparent; padding: 0; }

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

					#usm-main-alb1-id { float: left; width: 80rem; margin: 0 6rem 0 8rem; padding: 0; }
					#usm-main-alb1-id.ui-tabs .ui-tabs-nav li { margin: 0 3rem 0 0; }
					#usm-main-alb1-id .ui-widget-content > div:not(.tab-more) { float: left; width: calc(33.3333333% - 1rem); }
					#usm-main-alb1-id .ui-widget-content > div:nth-child(2) { margin: 0 1rem; }
					#usm-main-alb1-id .ui-widget-content > div:nth-child(3) { display: block; margin: 0; }

					.usm-lunch { clear: none; float: left; width: 35rem; padding: 0; margin: 0; }
					.usm-lunch .usm-lunch-cont { height: 30.6rem; }
					.usm-lunch .usm-lunch-cont > ul { height: 20rem; }

			.banner-wrap { clear: both; width: 100%; height: 8.2rem; box-sizing: border-box; }
			.usm-banner { float: none; width: 140rem; height: 8.1rem; padding: 1.5rem 0; margin: 0 auto; }
			.usm-banner .con { width: calc(100% - 19rem); margin: 0; }

}