/* 공통 스타일 */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body {height: 100%;word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;letter-spacing: -1px;}
body {font-size: 100%;color: #222;overflow-x: hidden;}
.wrap {
	position:relative;
	width:100%;
	max-width:640px;
	min-width:320px;
	margin:0 auto;
	/* -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); *//* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);/* FF3.5 - 3.6 */
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);/* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	overflow-x: hidden;
}
a {color: #222;text-decoration: none;}
li {list-style: none;}

/* 공통 스타일 */
.container {padding: 0 30px;}
.tit {font-size: 32px;color: #222;line-height: 45px;margin: 0 0 40px 0;font-weight: 400;text-align: center;}
.tit span {font-weight: 600;}
.greeting_tit {font-family: 'G마켓 산스 TTF'; text-align: center; font-size: 32px; font-weight: 400; line-height: 44px; margin-top: 60px; word-break: keep-all;}
.greeting_tit_P {text-align: left;font-size: 17px;font-weight: 200;line-height: 25px;font-family: 'Noto Sans KR', sans-serif;   margin: 0 0 40px 0;}
.P1 {padding: 0 140px;}
.P2 {padding: 0 100px;}
.greeting_tit span {color: #222;}
 

/* footer */
footer {font-family: 'Noto Sans KR', sans-serif; font-size: 19px; line-height: 36px; background: #646464; padding: 0 40px;}
footer a {color: #fff;}
footer li {margin: 0 15px 0 0;color: #fff;}
footer li:last-child {margin: 0;}
footer .footer_sns {margin: 0 0 20px 0;}
footer a {color: #fff;}
footer a:hover {color: #32abeb;}
footer .footTop {display: flex;justify-content: space-between; padding: 40px 0 20px;}
footer .footer_text {padding: 0 0 60px 0;}
.sns_box {display: flex;}
a.instagram {padding: 10px 0 0 15px;}
.f_reservation {background-color: #222222;height: 60px;width: 170px;border-radius: 40px;padding-top: 10px;text-align: center; margin-bottom: 20px; font-size: 20px;}
.f_reservation img {margin-right: 5px;}



.cd-img-replace {display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;}

#cd-logo {margin: 8px 0 0px 16px;text-align:center;}

header.is-fixed {position: fixed;}


.slidebox p{/* padding-right:14px; */}
.slidebox span:nth-child(1) {color:#282a27;font-size: 26px;font-weight: 600;vertical-align:bottom;letter-spacing: -1.5px;/* text-decoration: underline; */}
.slidebox span:nth-child(3) {color:#908f8b;font-size: 13px;vertical-align:top;}
.slidebox span:nth-child(2) {float:right;color:#282a27;font-size: 13px;}
#slider_wrap {clear:left;overflow: hidden;}
.slick-list{/* padding: 0 20px 0 0 !important; */}
.slick-slide {margin-right:0px;outline:none;}

#first_li {padding-bottom: 34px;}


.banner {position:relative;}
.banner_cover {background: #111;opacity: 0.6;position:absolute;width:100%;top:33%;height:33%;}
.banner_name {position:absolute;width: 100%;top: 50%;margin-top: -14px;}
.slidebox .banner_name span, .slidebox .banner_date span{font-size:13px;font-weight: 400;color: #fff;width:100%;top:33%;height: 100%;text-align: center;vertical-align: middle;display: inline-block;}

#daumRoughmapContainer1498116817030 {margin:auto;}
#roadview {margin:auto;}



#cd-top-nav {
  position: absolute;
  top: 0;
  right: 120px;
  height: 100%;
  display: none;
}
#cd-top-nav ul {
  height: 100%;
  padding-top: 18px;
}
#cd-top-nav li {
  display: inline-block;
  margin-right: 1em;
}
#cd-top-nav a {
  display: inline-block;
  padding: .5em;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-top-nav a.current {
  background-color: #242e30;
}
.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}



#cd-menu-location{ position: absolute;
  right: 0;
  top: 10px;
  height: 100%;
padding-right:15px;}


#cd-menu-trigger {
  position: absolute;
  right: 0;
  margin-right:16px;
  top:16px;
  height: 100%;
 padding-left:15px;
  /* background-color: #5c290a; */
}
#cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  display: none;
}
#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #fff;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  left: 0;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: #fff;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  /* this is the right arrow to show that the item has a submenu  */
}

#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}


/******************************************************************** */
/*map*/
.root_daum_roughmap_landing {margin: 0 auto !important;}

/* wrap */

.poster {margin:0 auto;}

/* divpop */
#divpop {position:absolute; left:0; top:0; width:100%; max-width:640px; min-width:320px; height:auto; visibility:hidden; background:rgba(0,0,0,0.5); z-index:9999;}
#divpop img {width:100%; max-width:640px; min-width:320px}
#divpop .bottom_check {position:absolute; bottom:0; width:100%; height:40px; font-size:0.8em; line-height:40px; color:#fff; background:rgba(0,0,0,0.5); text-indent:10px; z-index:9997;}
#divpop .bottom_check p {float:left;}
#divpop .bottom_check a {color:#fff;}
#divpop .bottom_check input {float:left; margin-left:3%; line-height:40px; height:40px;}


.slidebox {padding-left: 14px;padding-right: 14px;padding-top: 50px;padding-bottom: 50px;text-align: center;}
.slidebox2 {padding: 0px 16px 30px 16px;padding-top: 41px;padding-bottom: 38px; background: #f5f5f5;}
.slidebox p/* padding-right:14px; */padding-bottom: 23px;text-align:  center;color: #222222;line-height: 24px;}
.slidebox2 p{padding-right:14px;}
.slidebox2 span:nth-child(1) {color:#282a27;font-size:16px;font-weight:bold;vertical-align:bottom;}
.slidebox2 span:nth-child(3) {color:#908f8b;margin-left:10px;font-size: 13px;vertical-align:top;}
.slidebox2 span:nth-child(2) {float:right;color:#282a27;font-size: 13px;}
.slick-list{padding: 0 20px 0 0 !important;}


#head_menu{position:absolute:top:0;z-index:1001;}


.topbox {position:fixed;bottom: 132px;z-index: 999;right:30px;}
.topbox img{max-width:45px;}

#bo_gall .gall_li {
  float:left;
  width:30%;
  padding:0 5px;
}
#bo_gall .gall_li:nth-child(3n+1) {
  clear: both;
}





@media screen and (max-width: 415px) {
	.tit {font-size: 29px;line-height: 40px;}
	.container {padding: 0 20px;}
	.footerLogo img {width: 90%;}
	footer .footTop {margin: 0 0 15px 0;}
	.P1 {padding: 0}
	.P2 {padding: 0 0px;}
	
	.sub_tit_P {font-size: 16px;line-height: 24px;}
}


@media screen and (max-width: 376px) {
	footer {/*padding: 30px 20px 30px;*/font-size: 12px;}
  footer .footer_text {padding: 0 0 60px;}
	
	
	.tit {font-size: 26px;line-height: 35px;}
	.sub_tit_P {margin: 0 0 30px 0;font-size: 15px;line-height: 23px;}
}



@media screen and (max-width: 360px) {

	
	.tit {font-size: 25px;line-height: 34px;margin: 0 0 30px 0;}
}