@CHARSET "UTF-8";
@import url(../../../../../www/css/slick.css);
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-wrap-id h3 { font-size:16px; }

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

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

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

		#usm-util-wrap-id { clear: both; width: 100%; height: 30px; padding: 0 50px 0 0; box-sizing: border-box; }
		#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: #000; display: inline-block; padding: 5px 10px 6px 10px; }
		#usm-util-wrap-id li > button { color: #6355CE; font-family:'SCDream4'; display: inline-block; padding: 5px 10px 6px 10px; font-size: 13px; }

		.usm-favorite { top: 31px; }

		.spinner-master { height: 30px; width: 40px; position: absolute; z-index: 3; right: 0px; top: 70px; background-color: #c5c5c5; }
		.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-main-bg-id { width: 100%; height: 100%; line-height: 0; overflow: hidden; background-color: #6355CE; }
		#usm-main-bg-id img { width:100%; height: 100%; }

		.usm-img-banner { clear: both; float: left; width: calc(100% - 60px); height: 165px; margin: 30px 30px 10px 30px; box-sizing: border-box; padding: 20px; background: url('../images/rent_bg.png') right bottom no-repeat #fedc00; border-radius: 25px; }
		.usm-img-banner a { display: inline-block; color: #00ab55; font-size: 24px; font-weight: bold; width: 100%; height: 100%; }
		.usm-img-banner a:hover span { color: #6355CE; transition: 0.5s; }
		.usm-img-banner a span { display: block; }
		.usm-img-banner a img { display: block; margin: 27px 0 0 0; }

		#usm-main-pop-id { clear: both; float: left; width: calc(100% - 60px); height: 165px; margin: 10px 30px; box-sizing: border-box; padding: 20px; background-color: #00ab55; border-radius: 25px; }
		#usm-main-pop-id .usm-cmenuWrap { width: 100%; float: left; }
		#usm-main-pop-id h3 { float: left; font-size: 24px; }
		#usm-main-pop-id h3 a { color: #fff; }
		#usm-main-pop-id h3 a:hover { color: yellow; transition: 0.5s; }
		#usm-main-pop-id .usm-main-more { float: right; margin: 3px 0 0 0; }
		#usm-main-pop-id .usm-main-more a { font-size: 20px; color:#fff;  }
		#usm-main-pop-id .usm-main-more a:after { content: '+'; color: #fff; }
		#usm-main-pop-id .usm-main-more a:hover { color: yellow; transition: 0.5s; }
		#usm-main-pop-id .usm-popup-cont { clear: both; float: left; width: 100%; box-sizing: border-box; color: #fff; margin: 5px 0 0 0; }
		#usm-main-pop-id .usm-popup-wrap { float: left; width: 85%; height: 100px; overflow: hidden; position: relative; }
		#usm-main-pop-id .usm-popup-wrap div { width: 100%; }
		#usm-main-pop-id .usm-popup-wrap a { height: 18px; padding: 3px 0; display: block; color: #fff; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
		#usm-main-pop-id .usm-popup-wrap a:hover { color: yellow; transition: 0.5s; }
		#usm-main-pop-id .usm-popup-wrap a:before { content: '\002D'; padding: 0 5px 0 0; }
		#usm-main-pop-id .usm-popup-wrap a.bold { color: red; font-weight: bold; }

		#usm-main-pop-id .usm-main-popup-list { float: left; width: 85%; height: 120px; 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: 20px; 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: '\002D'; padding: 0 5px 0 0; }

		.usm-popup-btn { float: right; margin: 20px 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; float: left; width: calc(100% - 60px); margin: 10px 30px; box-sizing: border-box; padding: 20px; border: 1px solid #00ab55; border-radius: 25px; }
		.usm-main-brd .usm-cmenuWrap { position: relative; clear: both; float: left; width: 100%; border-bottom: 1px solid #EAEAEA; padding: 0 0 17px 0; }
		.usm-main-brd h3 { float: left; }
		.usm-main-brd h3:before { content:url('../images/notice_icon.png'); display: inline-block; vertical-align: text-top; margin: 0 10px 0 0; }
		.usm-main-brd h3 a { font-size: 24px; }
		.usm-main-brd h3 a:hover { color: #00ab55; transition: 0.5s; }
		.usm-main-brd .usm-main-more { float: right; margin: 3px 0 0 0; }
		.usm-main-brd .usm-main-more a { font-size:20px; }
		.usm-main-brd .usm-main-more a:after { content: '+'; }
		.usm-main-brd .usm-main-more a:hover { color: #00ab55; transition: 0.5s; }
		.usm-main-brd-cont  { clear: both; float: left; width: 100%; margin: 17px 0 0 0; }
		.usm-main-brd-list li { margin-bottom: 14px; line-height: 20px; position: relative; font-size: 16px; }
		.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; color: #565656; font-size: 16px; }
		.usm-main-brd-list li time { position: absolute; right: 3px; top: 0; display: block; color: #565656; }
		.usm-main-brd-list li:hover { font-weight: bold; }

		.usm-schedule { clear: both; float: left; width: calc(100% - 60px); margin: 10px 30px 30px 30px; box-sizing: border-box; padding: 20px; border: 1px solid #00ab55; border-radius: 25px; }
		.usm-schedule .usm-cmenuWrap { position: relative; clear: both; float: left; width: 100%; border-bottom: 1px solid #EAEAEA; padding: 0 0 17px 0; }
		.usm-schedule h3 { float: left; }
		.usm-schedule h3:before { content:url('../images/calendar_icon.png'); display: inline-block; vertical-align: text-top; margin: 0 10px 0 0; }
		.usm-schedule h3 a { font-size: 24px; }
		.usm-schedule h3 a:hover { color: #00ab55; transition: 0.5s; }
		.usm-schedule .usm-main-more { float: right; margin: 3px 0 0 0; }
		.usm-schedule .usm-main-more a { font-size: 20px; }
		.usm-schedule .usm-main-more a:after { content: '+'; }
		.usm-schedule .usm-main-more a:hover { color: #00ab55; transition: 0.5s; }
		.usm-schedule .usm-schedule-cont { clear: both; float: left; width: 100%; margin: 17px 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-cheader a { font-size: 18px; }
		.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: 8px 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-bottomWrap-id { clear: both; width:100%; background-color: #393939; }
		#usm-bottom-id { padding: 20px 0; }
		#usm-copyright-id a.privacy { color: #f0ce8f; font-weight: bold; }

/* 모바일, 테블릿 메뉴는 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: left; font-size: .85em; font-family: Arial; font-weight: bold; padding-top: 20px; bottom: 20px; left: 20px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.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: #00ab55; }
.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:500px) and (max-width:767px){
	.spinner-master input[type=checkbox] { display: none; }
	.usm-img-banner { clear: none; width: calc(50% - 45px); }
	#usm-main-pop-id { clear: none; width: calc(50% - 45px); margin: 30px 30px 10px 0; }
}

@media (min-width:768px) and (max-width:1023px){
	.spinner-master input[type=checkbox] { display: none; }
	.usm-img-banner { clear: none; width: calc(50% - 45px); }
	#usm-main-pop-id { clear: none; width: calc(50% - 45px); margin: 30px 30px 10px 0; }
}

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

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

	#usm-wrap-id { }

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

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

			#usm-util-wrap-id { border-bottom: none; position: absolute; top: 0; right: 0; height: 30px; }
			#usm-util-wrap-id li a { color: #fff; }
			#usm-util-wrap-id li > button { color: yellow; }

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

			.spinner-master { display: none; }

			#usm-menu-wrap-id { display:block; clear: none; float: left; width: 950px; height: 70px; margin: 30px 0 0 0; z-index:10; }
			#usm-menu-wrap-id > ul > li > a { padding: 21px 29px; }

		#usm-middle-wrap-id { width: 100%; height: 980px; margin: 0 auto; position: relative; }

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

			#usm-main-bg-id { width: 1200px; height: 472px; overflow: hidden; position: absolute; top: 0; left: 0; }
			.vui-slider .vui-item { width: 1200px; height: 472px; }

			#usm-main-brd1-id { position: absolute; top: 537px; left: 0; width: 430px; height: 373px; margin: 0; }

			.usm-schedule { position: absolute; top: 537px; left: 437px; width: 430px; height: 373px; margin: 0; }

			.usm-img-banner { position: absolute; top: 537px; left: 874px; width: 312px; height: 180px; margin: 0; }

			#usm-main-pop-id { position: absolute; top: 730px; left: 874px; width: 312px; height: 180px; margin: 0; }

	#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; }
}