@CHARSET "UTF-8";
body { font-family:'HarmonyOSSansSCMedium', 'SCDream4'; background: url('../images/m_full_bg.jpg') repeat; overflow: hidden; }

#usm-wrap-id h2.hidden { position: absolute; top:-999px; left:-9999px; }

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

		.usm-topg1 { width: 100%; box-sizing: border-box; padding: 15px; }

		.usm-menu { float: left; width: 30px; height: 24px; cursor: pointer; }
		.usm-menu li { border-top: 3px solid #4e4d4d; height: 5px; line-height: 160%; }

		.usm-util { float: right; }
		.usm-util li { display: inline-block; float: left; }
		.usm-util li a { display: inline-block; font-size: 14px; color: #9c8a7f; font-weight: bold; padding: 5px 10px; }
		.usm-util li a:hover { color: #513d34; }
		.usm-util li:nth-child(3) { border: 1px solid #513d34; color: #513d34; border-radius: 15px; box-sizing: border-box; }
		.usm-util li:nth-child(3) a { color: #513d34; }
		.usm-util li:nth-child(4) { background-color: #9c8a7f; border-radius: 15px; }
		.usm-util li:nth-child(4) a { color: #fff; }

		.usm-topg1 ul:nth-child(5) { float: right; }
		.usm-topg1 ul:nth-child(5) .usm-fabtn { display: none; }
		.usm-topg1 ul:nth-child(5) li:nth-child(3) { display: none; }
		.usm-topg1 ul:nth-child(5) li { display: inline-block; float: left; }
		.usm-topg1 ul:nth-child(5) li a { display: inline-block; font-size: 14px; color: #9c8a7f; font-weight: bold; padding: 5px 10px; }
		.usm-topg1 ul:nth-child(5) li a:hover { color: #513d34; }
		.usm-topg1 ul:nth-child(5) .usm-top-login { background-color: #9c8a7f; border-radius: 15px; }
		.usm-topg1 ul:nth-child(5) .usm-top-login a { color: #fff; }
		.usm-topg1 ul:nth-child(5) .usm-top-logout { background-color: #9c8a7f; border-radius: 15px; }
		.usm-topg1 ul:nth-child(5) .usm-top-logout a { color: #fff; }

		#usm-logo { clear: both; width: 124px; height: 49px; margin: 50px auto; }

		.usm-menu-con { width: 100%; position: absolute; top: 54px; background-color: rgba(255, 255, 255, 0.7); z-index: 10; }
		.usm-menu-con li { display: inline-block; width: 100%; padding: 15px; border-bottom: 1px solid #d7d7d7; box-sizing: border-box; }
		.usm-menu-con li a { display: inline-block; width: 100%; font-size: 20px; font-weight: bold; }

		#usm-main-bg-id { display: none; }

		.clr2 a { font-weight: bold; background-color: #bba58e; color: #fff; box-sizing: border-box; padding: 5px 15px; }
		.clr2 a:after { display: inline-block; content: '\21C0'; padding: 0 0 0 10px; font-size: 16px; }

		.pro01 { }
		.pro01con { width: 100%; box-sizing: border-box; padding: 20px; }
		.pro01con li:nth-child(1) { font-weight: bold; font-size: 14px; color: #a08569; margin: 0 0 10px 0; }
		.pro01con li:nth-child(1) .clr1:after { display: inline-block; content: '\0020'; border-bottom: 1px solid #a08569; width: 50px; padding: 0 5px; }
		.pro01con li:nth-child(2) { font-weight: bold; font-size: 31px; color: #513d34; margin: 0 0 15px 0; }
		.pro01con li:nth-child(3) { color: #513d34; line-height: 19px; margin: 0 0 20px 0; }

		.pro02 { margin: 20px 0 0 0; }
		.pro02con { width: 100%; box-sizing: border-box; padding: 20px; }
		.pro02con li:nth-child(1) { font-weight: bold; font-size: 14px; color: #a08569; margin: 0 0 10px 0; }
		.pro02con li:nth-child(1) .clr1:after { display: inline-block; content: '\0020'; border-bottom: 1px solid #a08569; width: 50px; padding: 0 5px; }
		.pro02con li:nth-child(2) { font-weight: bold; font-size: 31px; color: #513d34; margin: 0 0 15px 0; }
		.pro02con li:nth-child(3) { color: #513d34; line-height: 19px; margin: 0 0 20px 0; }

		.content01 { display: none; }
		.content02 { display: none; }
		.content03 { display: none; }
		.content04 { display: none; }
		.content05 { display: none; }
		.content06 { display: none; }

		.AllTop { display: scroll; position: fixed; bottom: 10px; right: 10px; }

		.btm_copy_wrap { clear: both; display: block; width: 100%; background-color: #262626; padding: 15px; }
		.btm_copy { display: none; }
		.btm_copy2 li { color: #b4b4b4; }

	#usm-bottomWrap-id { display: none; clear: both; width:100%; background-color: #262626; }
		#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 { display: none; text-align: center; 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:768px) and (max-width:1023px){
.product01 { float: left; width: 50%; box-sizing: border-box; padding: 0 10px; }
.product02 { float: left; width: 50%; box-sizing: border-box; padding: 0 10px; margin: 0; }
}

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

	body { background: url(../images/main_full_bg.jpg) top center no-repeat; }

	#usm-main-bg-id { display: block; width: 1920px; height: 900px; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); z-index: 0; }

	#usm-top-id { width: 1400px; height: 150px; margin: 0 auto; }
	.usm-menu-con { clear: both; float: left; }
	.usm-menu-con li { float: left; width: 33.33333%; border-bottom: none; text-align: center; }
	.usm-menu-con li a:hover { color: #412814; transition: 0.4s; }

	#usm-middle-id { width: 1400px; margin: 900px auto 0 auto; }

	.product01 { display: none; }
	.product02 { display: none; }

	.content01 { display: block; width: 1400px; margin: 140px 0 55px 0; text-align: center; }
	.content01 li:nth-child(1) { font-size: 40px; font-weight: bold; color: #000; margin: 0 0 55px 0; }
	.content01 li:nth-child(2) { font-size: 26px; color: #525252; }

	.content02 { display: block; width: 1400px; height: 400px; margin: 55px auto 0 auto; }

	.content03 { display: block; clear: both; float: left; width: 1400px; margin: 265px auto 0 auto; }
	.content03 .con1 { float: left; width: 285px; }
	.content03 .con1 li:nth-child(1) { font-size: 40px; font-weight: bold; color: #000; margin: 0 0 20px 0; }
	.content03 .con1 li:nth-child(2) { font-size: 18px; font-weight: bold; color: #393939; margin: 0 0 20px 0; }
	.content03 .con2 { float: left; width: 520px; }
	.content03 .con2 li:nth-child(2) { font-size: 22px; font-weight: bold; color: #000; margin: 20px 0 0 0; }
	.content03 .con2 li:nth-child(3) { font-size: 16px; color: #000; }
	.content03 .con3 { float: left; width: 520px; margin: -120px 0 0 75px; }
	.content03 .con3 li:nth-child(2) { font-size: 22px; font-weight: bold; color: #000; margin: 20px 0 0 0; }
	.content03 .con3 li:nth-child(3) { font-size: 16px; color: #000; }

	.content04 { display: block; clear: both; float: left; width: 1400px; margin: 160px 0 0 0; }
	.content04 .tit { width: 1400px; text-align: center; font-size: 40px; font-weight: bold; color: #000; margin: 0 0 60px 0; }
	.content04 .con { width: 1400px; clear: both; float: left; box-sizing: border-box; }
	.content04 .con li { float: left; width: 33.333333%; height: 282px; box-sizing: border-box; padding: 30px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 30px; font-weight: bold; }
	.content04 .con li:nth-child(1) { border-left: 1px solid #ddd; }
	.content04 .con li:nth-child(2) strong { color: #6a3808; }
	.content04 .con li > div:nth-child(1) { height: 168px; margin: 0 0 10px 0; }
	.content04 .con li .date { font-size: 18px; color: #868686; }

	.content05 { display: none; clear: both; float: left; width: 1400px; margin: 107px 0 0 0; }
	.content05 .usm-cmenuWrap { float: left; width: 225px; height: 75px; line-height: 75px; background-color: #513d34; }
	.content05 .usm-cmenuWrap h3 a { display: block; text-align: center; font-size: 18px; color: #fff; vertical-align: middle; }
	.content05 .usm-cmenuWrap .usm-main-more { display: none; }
	.content05 .usm-main-brd-cont { float: left; width: 1175px; height: 75px; padding: 20px 40px; box-sizing: border-box; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; }
	.content05 .usm-main-brd-cont li { width: 100%; float: left; font-size: 18px; }
	.content05 .usm-main-brd-cont li .usm-ctitle { display: inline-block; float: left; }
	.content05 .usm-main-brd-cont li .usm-ctitle:before { display: inline-block; content: '\00B7'; padding: 0 5px 0 0; vertical-align: middle; font-weight: bold; }
	.content05 .usm-main-brd-cont li time { display: inline-block; float: right; }

	.content06 { display: block; clear: both; float: left; width: 1400px; margin: 220px 0 98px 0; }
	.content06 .tit { width: 1400px; text-align: center; font-size: 40px; font-weight: bold; color: #fff; margin: 0 0 45px 0; }
	.content06 > ul { float: left; width: 310px; height: 185px; box-sizing: border-box; padding: 20px; background-color: #fff; border: 1px solid #ddd; }
	.content06 > ul:nth-child(2) { margin: 0 0 0 160px; }
	.content06 > ul:nth-child(3) { margin: 0 65px; }
	.content06 > ul li:nth-child(2) { margin: 15px 0 8px 0; font-size: 20px; font-weight: bold; }
	.content06 > ul li:nth-child(3) { font-size: 16px; }

	.btm_copy_wrap { clear: both; display: block; width: 100%; background-color: #262626; padding: 0; }
	.btm_copy { display: block; width: 1400px; height: 100px; margin: 0 auto; padding: 35px 0; box-sizing: border-box; border-bottom: 1px solid #3b3c3c; }
	.btm_copy li { display: inline; color: #b4b4b4; font-size: 18px; padding: 0 40px; }
	.btm_copy li:nth-child(1) { padding: 0 20px 0 0; }
	.btm_copy li:nth-child(6) { padding: 0 0 0 45px; }
	.btm_copy li a { color: #b4b4b4; font-size: 17px; }
	.btm_copy2 { width: 1400px; height: 100px; margin: 10px auto 0 auto; }
	.btm_copy2 li { font-size: 16px; color: #b4b4b4; }

	#usm-bottomWrap-id { clear: both; margin: 0; background-color: #262626; }
		#usm-bottom-id { width: 1400px; margin: 0 auto; padding: 15px 0; }
			#usm-copyright-id { width: 100%; padding: 0; line-height: 130%; text-align: left; }
}