@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-util-wrap-id { clear: both; height: 29px; border-bottom: 1px solid #ccc; }
		#usm-util-wrap-id ul { text-align: right; font-size: 0; }
		#usm-util-wrap-id li { font-weight: bold; background-color: #62728c; display: inline-block; font-size: 13px; }
		#usm-util-wrap-id li:nth-child(even) { background-color: #25314b; }
		#usm-util-wrap-id li a { color: #fff; display: inline-block; padding: 5px 10px 6px 10px; }
		#usm-util-wrap-id li button { color: #fff; font-family:'SCDream4'; display: inline-block; padding: 5px 10px 6px 10px; font-size: 13px; }

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

		.usm-favorite { top: 31px; }

		.spinner-master { height: 30px; width: 40px; position: absolute; z-index: 3; right: 10px; top: 50px; border: 1px solid #2c53b0; }
		.spinner-master input[type=checkbox] { display: none; }
		.spinner-master .spinner { background-color: #2c53b0; border: 1px solid #2c53b0; }
		.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 { width: 100%; height: 310px; line-height: 0; overflow: hidden; position: relative; }

		.usm-main-bg .slider { float: left; }

		.slider .jquery-reslider .slider-block { width: 100%; height: 310px; position: absolute; z-index: 97; background-position: 50% 50%; background-size: cover; opacity: 0; }
		.slider .jquery-reslider .slider-direction { width: 30px; height: 60px; position: absolute; top: 40%; z-index: 99; cursor: pointer; }
		.slider .jquery-reslider .slider-direction.slider-direction-prev { left: 20px; width:25px; height: 45px; }
		.slider .jquery-reslider .slider-direction.slider-direction-next { right: 20px; width:25px; height: 45px; }

		.usm-main-brd-tab { clear: both; float: left; width: 100%; padding: 0 20px; box-sizing: border-box; background-color: #f6f7fb; margin: -85px 0 0 0; }
		#usm-main-brd1-id { clear: both; float: left; width: 100%; background-color: rgba(22, 34, 60, 0.6); position: relative; z-index: 99;}
		#usm-main-brd1-id.usm-main-brd .usm-cmenuWrap { float: none; position: relative; width: 100%; }
		#usm-main-brd1-id.usm-main-brd .usm-cmenuWrap.active h3 a { color: #171717; }
		#usm-main-brd1-id.usm-main-brd .usm-cmenuWrap.active h3 { background-color: #fff; }
		#usm-main-brd1-id.usm-main-brd .usm-cmenuWrap h3 { position: absolute; top: 0; background-color: rgba(22, 34, 60, 0); }
		#usm-main-brd1-id.usm-main-brd .usm-cmenuWrap h3 a { display: block; color: #fff; padding: 11px; font-size: 14px; letter-spacing: -0.1em; font-weight: normal; }

		#usm-main-brd1-id .usm-cmenuWrap > .usm-main-more { display: none; }
		#usm-main-brd1-id .usm-cmenuWrap.active > .usm-main-more { display: block; }
		#usm-main-brd1-id .usm-main-more { position: absolute; right: 10px; top: 10px; }
		#usm-main-brd1-id .usm-main-more a { font-size: 12px; color: #fff; }
		#usm-main-brd1-id .usm-main-more a:after { content: '\271A'; }

		#usm-main-brd1-id .usm-main-brd-cont  { clear: both; float: left; width: 100%; margin: 41px 0 0 0; padding: 20px 25px; box-sizing: border-box; background-color: #fff; }
		#usm-main-brd1-id .usm-main-brd-list { width: 100%; }
		#usm-main-brd1-id .usm-main-brd-list li { display: inline-block; width: 100%; height: 20px; padding: 1px 0; }
		#usm-main-brd1-id .usm-main-brd-list li div { float: left; max-width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
		#usm-main-brd1-id .usm-main-brd-list li time { float: right; }
		#usm-main-brd1-id .usm-main-brd-list li img { margin: 0 5px 0 0; }

		.usm-main-pop-tab { clear: both; float: left; width: 100%; padding: 0 20px; box-sizing: border-box; background-color: #f6f7fb; }
		#usm-main-pop-id { clear: both; float: left; width: 100%; padding: 20px 25px; box-sizing: border-box; background-color: #f1d453; }
		#usm-main-pop-id .usm-cmenuWrap { width: 100%; float: left; }
		#usm-main-pop-id h3 { float: left; }
		#usm-main-pop-id h3 a { color: #000; }
		#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; color:#000;  }
		#usm-main-pop-id .usm-main-more a:after { content: '\271A'; color: #000; }
		#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: 135px; overflow: hidden; position: relative; }
		#usm-main-pop-id .usm-popup-wrap div { width: 100%; }
		#usm-main-pop-id .usm-popup-wrap a { height: 20px; padding: 3px 0; display: block; color: #000; max-width: 90%;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
		#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: 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-img-banner { clear: both; float: left; width: 100%; padding: 45px 20px; box-sizing: border-box; background-color: #f6f7fb; }
		.usm-img-banner .imgb { clear: both; float: left; width: 100%; padding: 20px 25px; box-sizing: border-box; background-color: #2c53b0; }
		.usm-img-banner .imgb .slick-list { width: 80%; margin: 0 auto; }
		.usm-img-banner .imgb li { text-align: center; font-size: 15px; display: block; }
		.usm-img-banner .imgb li img { margin: 0 auto; }
		.usm-img-banner .imgb li a { color: #fff; display: block; }
		.usm-img-banner .imgb .slick-prev { left: 25px; width: 35px; height: 35px; }
		.usm-img-banner .imgb .slick-prev:before { content:url('../images/btn_left.png'); }
		.usm-img-banner .imgb .slick-next { right: 25px; width: 35px; height: 35px; }
		.usm-img-banner .imgb .slick-next:before { content:url('../images/btn_right.png'); }

		#usm-main-alb1-id { display: none; clear: both; float: left; width: 100%; padding: 20px; box-sizing: border-box; background-color: #ddf0ff; }
		#usm-main-alb1-id.usm-main-alb .usm-cmenuWrap { float: none; position: relative; width: 100%; }
		#usm-main-alb1-id.usm-main-alb .usm-cmenuWrap.active h3 a { color: #171717; }
		#usm-main-alb1-id.usm-main-alb .usm-cmenuWrap.active h3 { border-bottom: 3px solid #171717; }
		#usm-main-alb1-id.usm-main-alb .usm-cmenuWrap h3 { position: absolute; top: 0; padding: 10px 13px; }
		#usm-main-alb1-id.usm-main-alb .usm-cmenuWrap h3 a { display: block; color: #b5b5b5; font-size: 15px; letter-spacing: -0.1em; }

		#usm-main-alb1-id .usm-cmenuWrap > .usm-main-more { display: none; }
		#usm-main-alb1-id .usm-cmenuWrap.active > .usm-main-more { display: block; }
		#usm-main-alb1-id .usm-main-more { position: absolute; right: 10px; top: 10px; }
		#usm-main-alb1-id .usm-main-more a { font-size: 12px; color: #171717; }
		#usm-main-alb1-id .usm-main-more a:after { content: '\271A'; }

		#usm-main-alb1-id .usm-main-alb-cont { clear: both; float: left; width: 100%; margin-top: 60px; }
		#usm-main-alb1-id .usm-main-alb-list li { float:left;  padding: 0 1%; width:98%; display: table-cell; text-align:center; }
		#usm-main-alb1-id .usm-main-alb-list li:nth-child(2) { display: none; }
		#usm-main-alb1-id .usm-main-alb-list li:nth-child(3) { display: none; }
		#usm-main-alb1-id .usm-main-alb-list li:nth-child(4) { display: none; }
		#usm-main-alb1-id .usm-main-alb-list .usm-cthumbnail  { width:100%; height:200px; padding: 0; box-sizing: border-box; }
		#usm-main-alb1-id .usm-main-alb-list .usm-cthumbnail img{  width:100%; height:100%; }
		#usm-main-alb1-id .usm-main-alb-list .usm-ctitle { text-align: center; width: 100%; padding: 10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color: #fff; }
		#usm-main-alb1-id .usm-main-alb-list .usm-ctitle a { display: block; }
		#usm-main-alb1-id .usm-main-alb-list .usm-img-inf { display: none; }

		.usm-lunch { clear: both; float: left; width: 100%; padding: 20px 25px; box-sizing: border-box; border-top: 1px solid #d7d7d7; }
		.usm-lunch .usm-cmenuWrap { clear: both; width: 100%; }
		.usm-lunch .usm-cmenuWrap h3 { float: left; background: url('../images/food.png') left center no-repeat; height: 49px; line-height: 49px; padding: 0 0 0 70px; }
		.usm-lunch .usm-cmenuWrap h3 a { color: #000; }
		.usm-lunch .usm-main-more { float: right; margin: 15px 0 0 0; }
		.usm-lunch .usm-main-more a { font-size:12px; color: #000; }
		.usm-lunch .usm-main-more a:after { content: '\271A'; }
		.usm-lunch .usm-lunch-cont { clear: both; width: 100%; margin: 15px 0 0 0; line-height:160%;word-wrap:break-word;word-break:break-all; overflow:auto; overflow-x:hidden; height: 150px; }
		.usm-lunch dl dt.usm-lunch-tit { clear: both; float: left; width: 100%; font-weight:bold; margin: 5px 0; color: #000;  }
		.usm-lunch dl dt.usm-lunch-tit:before { content: '\002D'; padding: 0 5px 0 0; }
		.usm-lunch li dd:nth-child(2) { float: right; width: 100%; color: #000; padding: 0; box-sizing: border-box; }
		.usm-lunch li dd:nth-child(3) { float: left; width: 100%; }
		.usm-lunch .usm-origin { color:#FF0000;  }
		.usm-lunch .usm-lunch-inf { color:#0000FF; }

		.usm-banner { display: none; }

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

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

@media (min-width:500px) and (max-width:767px){

}

@media (min-width:768px) and (max-width:1023px){
	.spinner-master input[type=checkbox] { display: none; }

	.usm-main-brd-tab { clear: none; width: 50%; padding: 0 0 0 20px; }
	#usm-main-brd1-id.usm-main-brd .usm-cmenuWrap h3 a { padding: 11px 5px; font-size: 14px; }

	.usm-main-pop-tab { clear: none; width: 50%; padding: 0 20px 0 0; position: relative; z-index: 99; }
	#usm-main-pop-id { margin: -85px 0 0 0; padding: 26px 25px 25px 25px; }

	#usm-main-alb1-id .usm-main-alb-list li { float:left;  padding: 0 1%; width:31.333333%; display: table-cell; text-align:center; }
	#usm-main-alb1-id .usm-main-alb-list li:nth-child(2) { display: table-cell; }
	#usm-main-alb1-id .usm-main-alb-list li:nth-child(3) { display: table-cell; }
	#usm-main-alb1-id .usm-main-alb-list li:nth-child(4) { display: none; }

}

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

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

	#usm-wrap-id { }

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

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

			#usm-util-wrap-id { border-bottom: none; position: absolute; top: 41px; right: 0; }

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

			.spinner-master { display: none; }

			#usm-menu-wrap-id { display:block; clear: both; float: none; width: 1200px; height: 70px; z-index:10; }
			#usm-menu-wrap-id > ul > li > a { padding: 21px 60px; }

			.usm-main-bg { height: 690px; }
			.slider .jquery-reslider .slider-block { height: 690px; }
			.slider .jquery-reslider .slider-direction { position: absolute; top: 40%; z-index: 99; cursor: pointer; }
			.slider .jquery-reslider .slider-direction.slider-direction-prev { left: 10%; width: 45px; height: 80px; }
			.slider .jquery-reslider .slider-direction.slider-direction-next { right: 10%; width: 45px; height: 80px; }

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

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

			.usm-main-brd-tab { position: absolute; top: -90px; left: 0; width: 835px; margin: 0; padding: 0; }
			#usm-main-brd1-id.usm-main-brd .usm-cmenuWrap h3 a { padding: 11px 30px; font-size: 18px; letter-spacing: -0.1em; font-weight: bold; }
			#usm-main-brd1-id .usm-main-more { top: 15px; }
			#usm-main-brd1-id .usm-main-brd-cont { margin: 47px 0 0 0; }

			.usm-main-pop-tab { position: absolute; top: -90px; left: 835px; width: 365px; z-index: 99; padding: 0; background-color: transparent; }
			#usm-main-pop-id { padding: 12px 25px 15px 25px; }
			#usm-main-pop-id h3 { font-size: 18px; }
			#usm-main-pop-id .usm-popup-cont { margin: 28px 0 0 0; }

			.usm-img-banner { position: absolute; top: 170px; left: 0; width: 1200px; padding: 0; }
			.usm-img-banner .imgb .slick-list { width: 90%; }

			.usm-lunch { position: absolute; top: 345px; left: 0; width: 279px; border-top: none; padding: 15px 0 0 0; }
			.usm-lunch .usm-lunch-cont { clear: both; float: left; height: 240px; border: 1px solid #d7d7d7; box-sizing: border-box; padding: 15px; background-color: #fff; margin: 15px 0 0 0; }

			#usm-main-alb1-id { position: absolute; top: 345px; left: 304px;; width: 896px; padding: 0; background-color: transparent;}
			#usm-main-alb1-id.usm-main-alb .usm-cmenuWrap h3 { padding: 11px 30px; }
			#usm-main-alb1-id.usm-main-alb .usm-cmenuWrap h3 a { font-size: 18px; }
			#usm-main-alb1-id .usm-main-more { top: 25px; }
			#usm-main-alb1-id .usm-main-more a { font-size: 15px; }

			#usm-main-alb1-id .usm-main-alb-cont { clear: both; float: left; width: 100%; margin-top: 80px; }
			#usm-main-alb1-id .usm-main-alb-list li { float:left; width: 33.3333333%; padding: 0 5px; box-sizing: border-box; display: table-cell; text-align:center; }
			#usm-main-alb1-id .usm-main-alb-list li:nth-child(2) { display: table-cell; }
			#usm-main-alb1-id .usm-main-alb-list li:nth-child(3) { display: table-cell; }
			#usm-main-alb1-id .usm-main-alb-list .usm-cthumbnail  { width: 100%; height: 240px; padding: 0; box-sizing: border-box; }
			#usm-main-alb1-id .usm-main-alb-list .usm-cthumbnail img{  width:100%; height:100%; }

			.usm-banner-wrap2 { width: 100%; margin: 0 0 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0; }
			.usm-banner { display: block; width: 1200px; height: 50px; padding: 0; margin: 0 auto; position: relative; }
			.usm-banner .usm-cmenuWrap { float: left; width: 120px; margin: 5px 0 0 0; }
			.usm-banner .usm-cmenuWrap h3 { font-size: 18px; }
			.usm-banner .usm-main-more { }
			.usm-banner .usm-main-more a { font-size:12px; }
			.usm-banner .usm-main-more a:after { content: '\271A'; }
			.usm-banner .usm-main-more-img { display: none; }
			.usm-banner .usm-banner-cont { float: left; width: 1070px; padding: 2px 0 0 10px; }
			.usm-banner .usm-banner-cont ul li {  float:left; }
			.usm-banner .usm-banner-cont  img { width:170px; height:40px; padding: 0 4px; }
			.usm-banner .usm-banner-wrap { margin-top: 3px; width: 1070px; height: 40px; overflow: hidden; position: relative; }
			.usm-banner .usm-banner-wrap .banner-box { width: 1070px; height: 40px; }
			.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: 70px; top: 18px; line-height: 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; min-height: 90px;}
}