@charset "utf-8";
* { padding: 0; margin: 0; list-style: none; }
#bo_list_total,
#bo_v_share { display: none; }
.td_name { text-align: center !important; }

body{ background: #fff; }

.pc { display: block; }
.mo { display: none; }
.mo img { max-width: 100%; }
.eng { transform: skew(-0.03deg); }
.ff-nm { font-family: 'Nanum Myeongjo', serif; }
.ff-bask { font-family: 'Baskervville', serif; }
.fc-ab9372 { color: #ab9372 !important; }
.fw700 { font-weight: 700 !important; }
.fw900 { font-weight: 900 !important; }
.inner-wrap { width: 100%; padding: 0 9.375%; box-sizing: border-box; }
.w100 { width: 100%; }
.w100 img { width: 100%; }
.lh10 { line-height: 1; }
.lh15 { line-height: 1.5; }
.lh13 { line-height: 1.3; }
@media screen and (max-width: 960px) {
	.inner-wrap { padding: 0 6.25%; }
	.pc { display: none; }
	.mo { display: block; }
	html.scroll { overflow: hidden; }
}

#wrap { display: flex; flex-wrap: wrap; width: 100%; max-width: 1920px; min-height: 100vh; margin: 0 auto; overflow: hidden; background: #fff; flex-direction: column; justify-content: flex-start; position: relative; }
#header { z-index: 10; width: 100%; font-family: 'NanumSquare'; border-bottom: 1px solid rgba(255,255,255,0.3); position: absolute; top: 0; left: 0; }
#header .layer { display: none; background: transparent; }
#header .inner-wrap { display: flex; height: 96px; box-sizing: border-box; justify-content: space-between; align-items: center; }
#header .inner-wrap .logo { width: 10%; height: 73px; }
#header .inner-wrap .logo img { max-width: 100%; }
#header .inner-wrap #nav { display: flex; height: inherit; align-items: center; }
#header .inner-wrap #nav > ul { display: flex; font-size: 20px; height: inherit; }
#header .inner-wrap #nav > ul > li { padding: 0 54px; color: #fff; letter-spacing: 0px; position: relative; }
#header .inner-wrap #nav > ul > li > a { color: inherit; width: 100%; height: 100%; display: block; display: flex; align-items: center; }
#header .inner-wrap #nav > ul > li > dl { position: absolute; left: 50%; top: 97px; padding-top: 20px; width: 200px; margin-left: -100px; display: none; }
#header .inner-wrap #nav > ul > li > dl > dd { text-align: center; }
#header .inner-wrap #nav > ul > li > dl > dd > p { margin-bottom: 15px; }
#header .inner-wrap #nav > ul > li > dl > dd > p > a { color: #fff; font-size: 16px; }

@media screen and (min-width: 960px) and (max-width: 1920px) {
	#header > .inner-wrap { height: 5vw; }
	#header .inner-wrap .logo { height: 3.6vw; }
	#header .inner-wrap #nav > ul { font-size: 1.0416vw; }
	#header .inner-wrap #nav > ul > li { padding: 0 2.8125vw; }
	#header .inner-wrap #nav > ul > li > dl { top: 5.0520vw; padding-top: 1.0416vw; width: 10.4166vw; margin-left: -5.2083vw; }
	#header .inner-wrap #nav > ul > li > dl > dd > p { margin-bottom: 0.7812vw; }
	#header .inner-wrap #nav > ul > li > dl > dd > p > a { font-size: 0.8333vw; }
}

@media screen and (max-width: 960px) {
	#header .inner-wrap { height: 11.4583vw; }
	#header .inner-wrap .logo { width: 18vw; height: auto; position: relative; z-index: 2; }
	#header .inner-wrap #nav { display: none; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: #000; z-index: 1; }
	#header .inner-wrap #nav.on { display: block; }
	#header .inner-wrap #nav > ul { display: flex; font-size: 4vw; flex-direction: column; padding: 11.4583vw 6.25vw 0; box-sizing: border-box; }
	#header .inner-wrap #nav > ul > li { padding: 5vw 0; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); }
	#header .inner-wrap #nav > ul > li > a { justify-content: space-between; height: auto; }
	#header .inner-wrap #nav > ul > li > dl { position: static; left: 0; top: 0; padding-top: 20px; width: 100%; margin-left: 0; display: none; }
	#header .inner-wrap #nav > ul > li > dl > dd { text-align: left; }
	#header .inner-wrap #nav > ul > li > dl > dd > p { margin-bottom: 0; padding: 10px 0; }
	#header .inner-wrap #nav > ul > li > dl > dd > p > a { color: #fff; font-size: 3vw; }
	
	#header .inner-wrap .ham { width: 4.5833vw; position: relative; z-index: 2; }
}	

#container { width: 100%; overflow: hidden; }

#footer { width: 100%; background: #343434; padding: 80px 0 80px; font-family: 'NanumSquare'; font-weight: 300; color: #fff; text-align: center; }
#footer .inner-wrap > p { margin-bottom: 20px; }
#footer .inner-wrap > div { line-height: 1.8; font-size: 14px; display: flex; justify-content: center; flex-direction: column; }
#footer .inner-wrap > div > span { font-size: 12px; margin-top: 5px; letter-spacing: 1px; }
#footer .inner-wrap > div > a { font-size: 13px; margin-top: 5px; letter-spacing: 1px;color: #fff;  }
@media screen and (max-width: 960px) {
	#footer { padding: 12vw 0 12vw; }
	#footer .inner-wrap > p { margin: 0 auto 20px; padding-left: 2%; width: 60%; }
	#footer .inner-wrap > p img { width: 100%; }
	#footer .inner-wrap > div { font-size: 2.8vw; }
	#footer .inner-wrap > div > span { font-size: 2.3vw; margin-top: 5px; }
}



@keyframes bounce {
  100% {
    transform: translateY(0px);
  }
}

#quick { position: fixed; right: 30px; bottom: 50px; z-index: 8; display: block; flex-direction: column; animation: bounce .4s ease infinite alternate; }
#quick > a { margin-top: 10px; width: 180px; display: block;  }
#quick > a img { width: 100%; }



@media screen and (max-width: 1023px) {
	#quick { width: 30vw; right: 3vw; bottom: 5vw; display: flex; }
	#quick > a { margin-top: 2vw; width: 100%; }
	/*#quick > a.pc { display: none !important; }*/
}