body {
  overflow-x: hidden;
  height: auto;
}

#wrap{position:relative; width:100%; min-height: 900px;}

.section{width:100%; margin:auto auto; position: relative; display: block; clear: both; overflow: hidden;}
.container{position: relative;width:90%; max-width:1200px; margin:0 auto; vertical-align: top; display: block; clear: both; overflow-x: hidden; overflow: hidden;}
.gray{background: #f2f2f2;}


/* Form */
/*
input::-ms-clear{display:none}
input[type=password]::-ms-reveal{display:none}
input[type=text], input[type=password], input[type=tel]{width:100%; height:60px;padding:8px 13px 8px 0;padding:7px 13px 9px 0\0IE;color:#000;border:solid #ccc;border-width:0 0 1px 0;vertical-align:middle;font-size:18px;font-family:"맑은 고딕" ;box-sizing: border-box;}
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus{border-color:#333;outline:none;}
input[type=text][disabled], input[type=password][disabled], input[type=tel][disabled]{color:#aaa;border-color:#ccc;background:none}
input.readOn, input.readOn[type=text][disabled]{color:#000;border:none}
input:-ms-input-placeholder[type=text], input:-ms-input-placeholder[type=password], input:-ms-input-placeholder[type=tel]{color:#aaa;font-weight:400;font-family:gothamL}
:-ms-input-placeholder{color:#aaa;font-weight:400}
:-moz-placeholder{color:#aaa;font-weight:400}
::-webkit-input-placeholder{color:#aaa;font-weight:400}
textarea{font-family:gothamL,notokrL}
textarea::placeholder{color:#aaa;font-weight:400}
input::placeholder{color:#aaa;font-weight:400;}

*/


button{background:none; cursor:pointer;}
button::-moz-focus-inner{padding:0; border:0;}

input[type=button],
input[type=submit],
button{/* -webkit-appearance:none;cursor:pointer; */}
*:focus {}

input { font-size:1rem;  color: #333; vertical-align: middle;border: #ccc 1px solid;}
button { border-radius:0; }
input[type='checkbox'], input[type='radio'] {width:20px; height: 25px;line-height: 25px;text-align: left; display: inline-block; position: relative; top:-1px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#aaa; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#aaa; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#aaa !important; }

input,
textarea {
/*    -webkit-appearance:none; */
   -webkit-border-radius: 0;
}
.input{border: #e1e1e1 1px solid; font-size:1rem;  vertical-align: middle;height: 2.68rem; padding:1rem;box-sizing: border-box; }
textarea {width: 100%; padding:24px 28px; font-size:1rem; color: #333; line-height: 1.4rem; border:1px solid #e1e1e1; box-sizing: border-box; }


@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="19d0a13b-371c-e1ea-510d-08dec7a077f4"] {-webkit-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="fc6d03ae-e161-c98a-ceba-2a2e3df138f4"] {-webkit-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="bf0389e8-ba0f-92a6-0260-c95da466046f"] {-webkit-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="bf0389e8-ba0f-92a6-0260-c95da4660472"] {-webkit-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0PX, 0) scamenities01ale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}



/*---------------------------------- Header----------------------------------*/
.nav-reveal:hover {
  background-color: transparent;
}
.nav-main {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 94%;
  height: 78px;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.hamburger-menu {
  position: relative;
  z-index: 9;
  display: none;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  margin-left: 24px;
  float: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  cursor: pointer;
}


  .hamburger-icon {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }




.navbar {
  position: absolute;
  left: 0%;
  top: 0px;
  right: 0%;
  bottom: auto;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 78px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px none #000;
}
.navbar.fixed-navbar {
  position: fixed;
  height: 80px;
  background-color: #473a36;
}
.slide-nav {
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding-top: 16px;
  padding-right: 24px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 8px;
  line-height: 28px;
}
.slide-nav.hide-slide-nav {
  display: none;
}
.mega-menu-inner {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 94vw;
  height: 300px;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  padding: 24px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #473a36;
}
.mega-menu-inner.flex-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background-color: transparent;
}
.nav {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 10%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
.nav-mega-menu {
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: auto;
  height: 300px;
  max-width: 1400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
/*   background-color: #473a36; */
    background: url('../images/common/gnb_bg.png') no-repeat right bottom;

}
.nav-mega-menu.education {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: transparent;
  -o-object-fit: fill;
  object-fit: fill;
  
}
.nav-links-wrap {
  position: static;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -o-object-fit: fill;
  object-fit: fill;
  
}
.nav-reveal {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  overflow: hidden;
  width: 100vw;
  height: 80px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.navbar.fixed-navbar {
  position: fixed;
  height: 96px;
  background-color: #473a36;
}
.link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.section.hamburger-menu-section {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 0vh;
  padding-top: 0em;
  padding-bottom: 0em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #473a36;
}
.logo-container {
  position: absolute;
  left: 0%;
  top: 30px;
  right: auto;
  bottom: auto;
  z-index: 10;
  display: block;
  width: 280px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in-out, color 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, color 400ms ease-in-out;
}
.logo-container:hover {
  opacity: 0.5;
}
.logo-container.w--current {
  top: 30px;
}
/*
.container.contact-container {
  display: block;
  padding-top: 8em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
*/
.column.large-menu-column {
  width: 33.33%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
.column.small-menu-column {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.column.mega-menu-final-col {
  padding-top: 76px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.column.contact-column.hamburger-contact {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.mobile-menu-link {
  display: block;
  margin-bottom: 8px;
  color: hsla(0, 0%, 100%, 0.75);
  line-height: 24px;
  font-size: 20px;
}
.mobile-menu-link:hover {
  color: #fff;
}
.mobile-link-wrap {
  overflow: hidden;
  margin-bottom: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mobile-link-dropdown {
  margin-bottom: 12px;
  padding: 12px 24px;
}
.mobile-link-dropdown.sub-menu-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sub-menu-line {
  margin-right: 4px;
  color: #e3af5b;
}
.sub-menu-column {
  margin-right: 24px;
  padding-right: 24px;
}
.dropdown-icon {
  position: relative;
  top: 4px;
  display: inline-block;
  margin-left: 12px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #e3af5b;
  font-size: 24px;
  line-height: 12px;
}
.column.mobile-contact {
  padding-top: 36px;
}
.nav-link {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
/*   margin-right: 12px; */
  margin-bottom: -1px;
  margin-left: 12px;
  padding: 30px 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-transition: color 400ms ease-in-out;
  transition: color 400ms ease-in-out;
  font-family: 'Noto Sans KR', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}
.nav-link:hover {
  color: #fff;
}

/*.nav-link.w--current {
  border-bottom: 1px solid #e3af5b;
  color: #fff;
}*/

.nav-line {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -1px;
  height: 1px;
  margin-right: auto;
  margin-left: auto;
  background-color: #e3af5b;
}
.right_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
.language {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.link-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 16px;
  float: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}
.image {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}


.column {
  padding: 16px 2%;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}



.column.large-menu-column {
  width: 45%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.column.small-menu-column {
	width: 30%;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.column.banner-menu-column {
	width: 25%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  padding:0 12px;
}


/* 펼침메뉴 PC */
.large-menu-column {border-right:1px solid #7f7573; min-height: 200px; padding:3% 20px;}

.mega-menu-inner h3{font-size: 45px; color: #aa8569; text-align: center;}
.mega-menu-inner p{font-size: 18px; color: #fff; text-align: center; margin-top:10px;}
.mega-menu-inner h4, .mega-menu-inner h4 a{font-size: 18px !important; color: #aa8569; margin-bottom: 10px;}
.small-menu-column{ text-align: left; vertical-align: top;}
.small-menu-column ul{}
.small-menu-column li{padding:5px 0;}
.small-menu-column a{font-size: 16px; color:#fff; display: block; width:100%; line-height: 26px;}
.small-menu-column{}

.banner-menu-column a{display: block; width:100%; border:1px solid #7f7573; padding:20px 30px; color: #ffffff; font-size: 0.9rem; margin-bottom: 7px; position: relative;}
.banner-menu-column a:hover{border:1px solid #fff;}
.banner-menu-column a:after{position: absolute; right:30px; top:25px; display: block; width: 16px; height:15px; content: ''; background: url(../images/common/gnb_banner_ar.png) no-repeat 90% center; background-size:16px auto;}


/*---------------------------------- 	NAVIGATION  ----------------------------------*/



/* header */
.header {position: absolute; width: 100%; height: 80px; box-sizing: border-box; z-index: 13; border-bottom: 1px solid rgba(255,255,255,0.3);}


.nav_gnb .nav_foot ul li a {position: relative; display: block; width: 100%; height: 70px; padding-top:45px; text-align: center; box-sizing: border-box;}
.nav_gnb .nav_foot ul li a em {font-size:13px; line-height: 23px; color:#fff; text-transform:uppercase;}
.nav_gnb .nav_foot ul li a:after {content: ""; position: absolute; top:15px; left:50%; margin-left:-20px; display: block; background: url("../images/common/icons.png") center top; background-repeat: no-repeat; background-size:  500px auto;}
.nav_gnb .nav_foot ul li a.btn_01:after {width: 40px; height: 30px; background-position: -265px -15px;}
.nav_gnb .nav_foot ul li a.btn_02:after {width: 40px; height: 30px; background-position: -305px -15px;}
.nav_gnb .nav_foot ul li a.btn_03:after {width: 40px; height: 30px; background-position: -345px -15px;}

.nav_gnb .nav_foot ul li a.btn_11:after {width: 40px; height: 30px; background-position: -305px -15px;}
.nav_gnb .nav_foot ul li a.btn_12:after {width: 40px; height: 30px; background-position: -265px -50px;}
.nav_gnb .nav_foot ul li a.btn_13:after {width: 40px; height: 30px; background-position: -345px -50px;}




.header > .gnb_mobile_area {display: none; height: 70px; }
.header > .gnb_mobile_area > h1 {position: absolute; top:0; left:20px; display: block; width:200px; height: 70px;}
.header > .gnb_mobile_area > h1 > .logo2 {display: block; width: 200px; height: 40px; margin-top:20px; background: url("../images/common/logo.png") no-repeat center right; background-size: 200px auto;}
.header > .gnb_mobile_area > h1 > .logo2 em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}
.header > .gnb_mobile_area > a.btn_gnb {position: absolute; top:20px; right:20px; display: block; width: 30px; height:40px; background: url("../images/common/icons.png") no-repeat center center ;  background-position: -10px -10px; background-size:500px auto; }
.header > .gnb_mobile_area > a.btn_gnb em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}

/* header mobile */
@media all and (max-width:1024px) {
	.header {position: absolute; width: 100%; min-width: 100%; height: 70px;}
	.header > .gnb_mobile_area {display: block;}
}

/* */
.gnb_modal { visibility:hidden; opacity:0; position:fixed; top:0; bottom:0; left:0; right:0; z-index:11; background-color:rgba(0,0,0,.4); -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 0.4s, visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.7s; transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 0.4s, visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.7s; }
.show_gnb .gnb_modal { opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; }
/*mobile menu */
.nav_gnb { opacity:0; visibility:hidden; position:fixed; right:0; top:0; box-sizing:border-box; max-width:330px; width:100%; height:100%; z-index:100; overflow:hidden; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1); -ms-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); transform:translate3d(100%,0,0); background-color: #473a36;}
.show_gnb .nav_gnb {opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); transform:translate3d(0,0,0);}

/* 모바일 펼침메뉴 */
.nav_gnb {letter-spacing: 0; padding-bottom:83px; box-sizing: border-box;overflow-y:scroll; }
.nav_gnb .head {position: relative; height: 150px; background: #392e2b;}
.nav_gnb .head .logo {position: absolute; top:8px; left:20px; width: 200px; height: 70px; text-indent: -999em; background: url("../images/common/logo.png") no-repeat center right; background-size: 200px auto; z-index: 101;}
.nav_gnb .head .btns {position: absolute; top:12px; right:0; padding-right:60px; height: 40px;}
.nav_gnb .head .btns .btn_gnb_close {position: absolute; top:0; right:0; width: 50px; height: 40px; background: url("../images/common/icons.png") no-repeat -75px 0; background-size:  500px auto; text-indent: -999em;}
.nav_gnb .head .head_menu{width:100%; margin:0 auto 0; padding-top:100px; display: block; }
.nav_gnb .head .head_menu ul{display: table;width:100%;}
.nav_gnb .head .head_menu li{float: left; width:30%; margin:0 10%; text-align: left;}
.nav_gnb .head .head_menu a{width:100%; height: 100%; display: block;font-size: 1rem; color: #aa8569; line-height: 30px;position: relative;vertical-align: middle; padding-left:40px; box-sizing: border-box;}
.nav_gnb .head .head_menu i{width:30px; height: 30px; display: block; content: ''; position: absolute; left:0; top:0;}
.nav_gnb .head .head_menu .hmenu01{background:url(../images/common/hmenu01.png) no-repeat center;background-size: 30px;}
.nav_gnb .head .head_menu .hmenu02{background:url(../images/common/hmenu02.png) no-repeat center;background-size: 30px;}



.nav_gnb .scroller .ftscroller_y {-webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.nav_gnb .menus {}
.nav_gnb .menu {padding:20px 0 30px}
.nav_gnb .menu ul.dep1 > li > a {position: relative; display: block;font-family: 'Poppins','Noto Sans KR'; font-size:18px; line-height: 50px; height: 50px; color:#fff; padding:0 20px;}
.nav_gnb .menu ul.dep1 > li > a:before {content: ""; position: absolute; top:3px; right:20px; display: block; width: 30px; height: 30px;background: url("../images/common/icons.png") no-repeat -125px 0; background-size:  500px auto;}
.nav_gnb .menu ul.dep1 > li.active > a {color:#fff;}
.nav_gnb .menu ul.dep1 > li.active > a:before {background-position: -155px 0;}

.nav_gnb .menu ul.dep2 {display: block;background-color: #322926; padding:10px 20px; margin-bottom:20px;}
.nav_gnb .menu ul.dep2 > li > a {position: relative; display: block;font-size:16px; line-height: 40px; height: 40px; color:#aaa; }
.nav_gnb .menu ul.dep2 > li > a.menuPlus:after {content: ""; position: absolute; top:0; right:1px; display: block; width: 30px; height: 30px; background: url("../images/common/icons.png") no-repeat -185px 0; background-size:  500px auto;}
.nav_gnb .menu ul.dep2 > li.active > a {font-weight: bold; color: #fff;}
.nav_gnb .menu ul.dep2 > li.active > a.menuPlus:after {background-position: -215px 0;}
.nav_gnb .menu ul.dep2 > li:first-child > a {border-top:none;}
.nav_gnb .menu ul.dep2 > li.active > a,
.nav_gnb .menu ul.dep2 > li > a:focus,
.nav_gnb .menu ul.dep2 > li > a:hover {font-weight: bold;}


.nav_gnb .menu ul.dep3 {padding:5px 0 10px;display: block;}
.nav_gnb .menu ul.dep3 > li > a {position: relative; display: block; padding:0 10px; font-size:16px; line-height: 30px; height: 30px; color:#aaa; }
.nav_gnb .menu.menuSub {padding-top:0; margin-bottom:30px;}

.nav_gnb .nav_foot {position: absolute; bottom:0; left:0; width: 100%; height: 73px; z-index:1; background-color: #9b7957;}
.nav_gnb .nav_foot ul li {display: block; float:left; width: 33.333%;}
.nav_gnb .nav_foot ul li a {position: relative; display: block; width: 100%; height: 70px; padding-top:45px; text-align: center; box-sizing: border-box; text-align: center;}
.nav_gnb .nav_foot ul li a em {font-size:13px; line-height: 23px; color:#fff; text-transform:uppercase;}
.nav_gnb .nav_foot ul li a:after {content: ""; position: absolute; top:15px; left:50%; margin-left:-20px; display: block; background: url("../images/common/icons.png") center top; background-repeat: no-repeat; background-size:  500px auto;}
.nav_gnb .nav_foot ul li a.btn_01:after {width: 40px; height: 30px; background-position: -265px -15px;}
.nav_gnb .nav_foot ul li a.btn_02:after {width: 40px; height: 30px; background-position: -305px -15px;}
.nav_gnb .nav_foot ul li a.btn_03:after {width: 40px; height: 30px; background-position: -345px -15px;}






/*---------------------------------- Footer----------------------------------*/
.footer {
  width: 100%;
  background: #414141;
}
.footer .f_menu {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #545454;
}
.footer .f_menu ul {
  text-align: center;
}
.footer .f_menu li {
  display: inline-block;
  padding: 0 .8rem;
}
.footer .f_menu a{color: #fff;}
.footer .f_menu a:hover{color: #eee;}
.footer .f_copy {
  padding: 25px 0;
  text-align: center;
  font-size:14px;
}
.footer .f_copy p {  color: #b1b1b1;}
.footer .f_copy {}

/*---------------------------------- Sub Common----------------------------------*/
.m_block{display: none;}
.m_none{display: block;}

.sticky-wrapper { position: sticky; top:0; left:0; display: block; width: 100%; height: 50px; z-index: 10;background: #fff;}
.sticky-wrapper.mobile { display: none; }


/* lnb */
#lnb2 {position: relative;width: 100%; height: 4.9rem;  padding:0 0; display: block; border-bottom:1px solid #dddddd; }
#lnb2 > ul {max-width: 1400px; width:100%; margin: 0 auto; font-size: 0; text-align: center; }
#lnb2 > ul > li {display: inline-block;width:50%; max-width:200px; line-height:4.9rem; overflow: hidden;border-bottom: 3px solid transparent; text-align: center; box-sizing: border-box;}
#lnb2 > ul > li > a {display: block; position: relative; padding: 0 5px; font-size: 1rem; line-height: 4.9rem; color: #777;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;overflow:hidden; box-sizing: border-box;}
#lnb2 > ul > li.active {border-bottom: 3px solid #a98856; }
#lnb2 > ul > li.active a{color: #333;}
#lnb2 ul.col2 li{width:30% !important;}
#lnb2 ul.col4 li{width:25% !important;}
#lnb2 ul.col6 li{width:16.666% !important;}


/* mobile lnb */
#lnb {position: relative; width: 100%; height: 50px; display: block;}
#lnb > ul {width: 100%; margin: 0 auto; font-size: 0; }
#lnb > ul > li {display: inline-block; width:33.33%;vertical-align: top;background: #aa8569; overflow: hidden;}
#lnb > ul > li > a {display: block; position: relative; box-sizing: border-box; border-right: 1px solid #bda38d; padding: 0 40px 0 20px; font-size: 14px; line-height: 50px; color: #fff; transition: all .3s; 
text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

#lnb > ul > li > a:after {display: block; content: ''; position: absolute; top: 22px; right: 20px; width: 9px; height: 6px; background: url('../images/common/lnb_curr.png') 0 0 no-repeat; transition: all .3s;}
#lnb ul li a.home:before{display: block; content: ''; position: absolute; top: 17px; left: 20px;width:16px; height: 17px; background:url('../images/common/icons.png') no-repeat; background-position: -30px -360px; }
#lnb ul li a.home:after, #lnb > ul > li.lnb01:hover > a:after,
#lnb > ul > li.lnb01:focus > a:after{background: none;}
#lnb ul li a.home{padding:0 40px 0 40px; }
#lnb > ul > li:hover > a:after,
#lnb > ul > li:focus > a:after {transform: rotate(-180deg);}

#lnb > ul > li:hover > a,
#lnb > ul > li:focus > a,
#lnb > ul > li.active > a,
#lnb > ul > li > a.curr {border-color: #bda38d; background: #aa8569; font-weight: 600; color: #ffffff;}

#lnb > ul > li:hover > a:after,
#lnb > ul > li:focus > a:after,
#lnb > ul > li > a.curr:after {background-image: url('../images/common/lnb_curr.png');}

#lnb > ul > li .depth2 { display: none; height: 0; padding: 0 18px; background: #aa8569; transition: all .3s;}
#lnb > ul > li .depth2 > li {margin: 10px 0 0; }
#lnb > ul > li .depth2 > li:first-child {margin: 0;}
#lnb > ul > li .depth2 > li > a {display: block; position: relative; font-size: 14px; line-height: 20px; color: #fff; /* transition: all .3s; */}
#lnb > ul > li .depth2 > li > a:before {display: block; content: ''; position: absolute; top: 50%; left: -32px; width: 11px; height: 2px; background: #ffffff; transform: translateY(-50%); transition: all .3s;}
#lnb > ul > li:hover .depth2,
#lnb > ul > li:focus .depth2,
#lnb > ul > li.active .depth2 {height: auto; padding: 17px 20px 37px; display: block;}
#lnb > ul > li .depth2 > li > a:hover,
#lnb > ul > li .depth2 > li > a:focus {font-weight: 700; color: #ffffff;}
#lnb > ul > li .depth2 > li > a:hover:before,
#lnb > ul > li .depth2 > li > a:focus:before {left: -20px;}


#lnb > ul > li.lnb01{width:15%;}
#lnb > ul > li.lnb02{width:40% }
#lnb > ul > li.lnb03{width:45% !important;}
#lnb ul li a.home{padding:0 20px; font-size: 0;}




.title{padding:100px 0 55px; text-align: center; display: block; }
.title h2{font-size: 40px; color: #000; margin-bottom: 10px;font-family: 'Poppins', sans-serif;}
.title p{font-size:25px; color: #333;}


/*---------------------------------- Visual----------------------------------*/
.Visual{width:100%; height: 590px; position: relative; text-align: center;overflow: hidden; display: block;clear: both;}
.Visual .bg{ width:100%; height: 100%; position: absolute; z-index: -1; background-color: #333; display: block;-webkit-backface-visibility: hidden;
    backface-visibility: hidden;  }
.Visual-step-1-1{background:url('../images/common/visual_1.jpg') no-repeat center center;background-size: cover;} /* ABOUT US*/
.Visual-step-2-1{background:url('../images/common/visual_2.jpg') no-repeat center center; background-size: cover; } /* Office*/
.Visual-step-3-1{background:url('../images/common/visual_3.jpg') no-repeat center center; background-size: cover; 	} /* RETAIL*/
.Visual-step-4-1{background:url('../images/common/visual_4.jpg') no-repeat center center; background-size: cover} /* Bulletin*/
.Visual-step-5-1{background:url('../images/common/visual_5.jpg') no-repeat center center; background-size: cover} /* Amenities*/
.Visual-step-6-1{background:url('../images/common/visual_6.jpg') no-repeat center center; background-size: cover} /* Exhibition*/
.Visual .txt_area{position: absolute; width: 100%; text-align: center;top:40%; }
.Visual .txt_area h1{font-family: 'Poppins', sans-serif; font-size: 55px; font-weight: 600; color: #fff; display:block; }
.Visual .txt_area p{font-size: 25px; color: #fff;display: block; }

.animate-bg{ -webkit-animation-name: animateBg;    animation-name: animateBg;}
.animate{  -webkit-animation-duration: 5000ms;  animation-duration: 5000ms;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);  timing-function: cubic-bezier(.3,0,.7,1);}
   
@-webkit-keyframes animateBg {
  from {    -ms-transform: scale(1,1);    transform: scale(1,1);    visibility: visible;  }
  to {    -ms-transform: scale(1.2, 1.2);    transform: scale(1.2, 1.2) ;  }
}

@keyframes animateBg {
  from {    -ms-transform: scale(1,1);    transform: scale(1,1);    visibility: visible;  }
  to {    -ms-transform: scale(1.2, 1.2);    transform: scale(1.2, 1.2);  }
}



/*------------------------------ Tenants Service -------------------------------*/

/* paging */
.paginate{text-align:center;  vertical-align: top; display:inline-table; width:100%; clear: both; margin:5% auto 10%;}
.paginate a{display:inline-block;width:30px;height:30px;padding-top:0;margin:0 5px 1px 0; font-family: 'Poppins','Noto Sans KR';  color:#000;font-size:18px;font-weight:normal;line-height:30px; vertical-align:middle;  }
.paginate a:hover{color:#000 !important; text-decoration: underline}
.paginate a.on{color:#aa8569 !important; text-decoration: underline}
.paginate a.pgFirst{width:30px; padding:0; margin:1px 5px 0 0; background:url('../images/common/bg_pagin_fir.gif') no-repeat left 1px !important; width:30px; height:30px;border: 1px solid #d6d6d6}
.paginate a.pgPrev{width:30px; padding:0; margin:1px 10px 0 0; background:url('../images/common/bg_pagin_prev.gif') no-repeat left 1px !important; width:30px; height:30px;border: 1px solid #d6d6d6}
.paginate a.pgNext{width:30px; padding:0; margin:1px 5px 0 10px; background:url('../images/common/bg_pagin_next.gif') no-repeat right 1px !important; width:30px; height:30px;border: 1px solid #d6d6d6}
.paginate a.pgLast{width:30px; padding:0; margin:1px 5px 0 0; background:url('../images/common/bg_pagin_last.gif') no-repeat right 1px !important; width:30px; height:30px;border: 1px solid #d6d6d6}

/* Button */
.btnArea{margin:3% 0; width:100%;}
.btnArea a + a, .btnArea button + button{margin:0 3px}
.btnArea.right{position: absolute; right:0; text-align: right; z-index: 1; margin:0; padding: 0; top:0;}

/* 게시물 검색 */
.ListSearch{text-align: center; margin:0 auto 30px; padding:0; width:100%; max-width: 1200px; min-height: 40px; display: block; clear: both; position: relative;}
.ListSearch select{width:15%; float: left; }
.ListSearch input{height:40px; width:80%; border: 1px solid #aaa; border-width: 0 0 1px;float: left; margin-right:10px; }
.ListSearch button{height: 40px;}
.ListSearch span{font-size: 16px;}
.ListSearch .btn_sch{position: absolute; width:43px; cursor: pointer; vertical-align: top; right:0; text-align: right;}

.ListSearch.resetmode form{display: flex; justify-content:space-between}
.ListSearch.resetmode input{width:90%}
.ListSearch.resetmode .sch_img{margin-right:5px; display: block;}
.ListSearch.resetmode .sch_img img{max-width:43px !important;}
.ListSearch.resetmode .btn-gold{line-height: 42px; padding:0 30px; }


/* 게시물 리스트뉴스 */
.BBSList01 {margin: 30px auto; position: relative;display: block; width:100%; min-height: 100px; max-width: 1200px;}
.BBSList01 h5{color: #000; font-size: 1.1rem; font-weight: normal; line-height: 3;width:80%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.BBSList01 p{line-height: 3; color: #777; margin-top:5px; margin-left:70px; width:75%; }

.BBSList01 ul{border-top:2px solid #666666; margin-top:10px; position: relative; }
.BBSList01 li{padding: 15px 0 15px 70px; border-bottom: 1px solid #e5e5e5; position: relative; display: block; width:100%; vertical-align: middle; box-sizing: border-box;}
.BBSList01 li:hover{background:#f6f6f6}
.BBSList01 li a{width:100%; height: 100%; display: block;}
.BBSList01 li strong{color: #000; margin-right: 10px;font-size:14px;}
.BBSList01 li em{font-family: 'Poppins','Noto Sans KR'; color: #aaa; font-weight: bold; line-height:3; width:60px;display: inline-block; text-align: center; position: absolute; left: 0; }
.BBSList01 li em.notice{color: #aa8569; font-size: 0; width:45px;}
.BBSList01 li em.notice:after{position: absolute; content: ''; left:20px; top:22px; width:20px; height: 20px; background:url('../images/common/icons.png')no-repeat; background-position: -15px -205px;background-size:500px auto; }
.BBSList01 li .re{font-weight: bold; color:#977a54; font-size: 16px; margin-left:10px;}
.BBSList01 li div.date2{position: absolute; width:20%; right:10px; top:16px; text-align: right;font-family: 'Poppins','Noto Sans KR';line-height: 3; }
.BBSList01 li div.img{position: absolute; width:15%; left:10px; top:20px; vertical-align: middle; text-align: left;}
.BBSList01 li div.new{position: relative; content: '';display: inline-block; width:40px; height: 11px; background:url('../images/common/icons.png')no-repeat; background-position: -5px -230px;background-size:500px auto;}
.BBSList01 li.nolist{padding:60px 0; text-align: center;}

.BBSList01 li span{font-weight: normal; color: #666; position: relative; margin-right:20px; letter-spacing: 0px;}


/* 게시물 현황 */
.BBSList02 {margin: auto auto; position: relative;display: block; width:100%; min-height: 100px; max-width: 1200px;}
.BBSList02 h5{color: #000; font-size: 1.1rem; font-weight: normal; width:30%; line-height: 3;text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; text-align: center;}
.BBSList02 p{line-height: 24px; color: #888; font-size: 16px; font-weight: normal; }
.BBSList02 li a{width:100%; height:100%; display: block;}
.BBSList02 .head h5{font-size: 1rem; }
.BBSList02 ul{border-top:1px solid #000; margin-top:10px; position: relative; }
.BBSList02 li{padding: 15px 0; border-bottom: 1px solid #e5e5e5; position: relative; display: table; width:100%; vertical-align: middle;line-height: 3;}
.BBSList02 li:hover{background:#f6f6f6}
.BBSList02 li.head:hover{background:none}
/* .BBSList02 li a{color: #000; font-size: 1.1rem; font-weight: normal; width:100%; height: 100%; display: block;text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} */
.BBSList02 li strong{color: #000; margin-right: 10px;font-size:14px;}
.BBSList02 li em{color: #aaa; font-weight: bold; width:10%;display: inline-block; text-align: center; position: absolute; left: 0; }
.BBSList02 .head{color: #000 !important; font-weight: normal !important;line-height:3 !important;}

.BBSList02 li div.no{float: left;width:10%; line-height: 3; text-align: center; display: table-cell; font-family: 'Poppins','Noto Sans KR'}
.BBSList02 li div.date1{float: left; width:15%; line-height: 3; text-align: center; display: table-cell; font-family: 'Poppins','Noto Sans KR'}
.BBSList02 li div.date2{float: left; width:15%; line-height: 3; text-align: center;  display: table-cell; font-family: 'Poppins','Noto Sans KR' }
.BBSList02 li div.name{float: left; width:15%; line-height:3; text-align: center;  display: table-cell}
.BBSList02 li div.state{float: left; width:15%; line-height:3; text-align: center; display: table-cell }
.BBSList02 li div.state button{line-height: 2;}
.BBSList02 li.nolist{padding:60px 0; text-align: center;}
/* .BBSList02 li div.state{font-size: 16px; font-weight: bold;} */

.business02 .head *{line-height:3;}
.business02 h5{width:25% !important;}
.business02 div.date1{width:20% !important;line-height: 1.4 !important;}
.business02 div.name{width:15% !important;}
.business02 div.date2{width:25% !important;line-height: 1.4 !important;}
.business02 div.state{width:15% !important;}
.business02 div.date2 span{display: block;}

.business_reserv ul{ min-height: 350px;}


.gxList01 h5{width:45% !important; }
.gxList01 div.date1{width:20% !important;}
.gxList01 div.date2{width:20% !important;}
.gxList01 div.state{width:15% !important;}

.gxList02 h5{width:35% !important;}
.gxList02 div.date1{width:20% !important;}
.gxList02 div.name{width:20% !important;}
.gxList02 div.state{width:15% !important;}

.fitList01 h5{width:35% !important; }
.fitList01 div.name{width:20% !important;}
.fitList01 div.date1{width:20% !important;}
.fitList01 div.state{width:15% !important;}

.auditorium01 h5{width:25% !important;}
.auditorium01 div.date1{width:20% !important;line-height: 1.4 !important; }
.auditorium01 div.name{width:15% !important;}
.auditorium01 div.date2{width:25% !important;line-height: 1.4 !important;}
.auditorium01 div.state{width:15% !important;}
.auditorium01 div.date2 span{display: block;}

.auditorium01 .head div.date1, .auditorium01 .head div.date2{line-height: 3 !important;}

.visitor02 .head div.date2{line-height:3 !important;}
.visitor02 div.date2{width:15% !important;line-height: 1.4 !important;}

.pass02 h5{font-family: 'Poppins','Noto Sans KR';width:35% !important;}
.pass02 div.date2{width:25% !important;}

.arthall02 .head *{line-height:3;}
.arthall02 h5 a{width:100% !important;}
.arthall02 div.date1{width:30% !important;}



.press01 h5{width:80% !important; text-align: left; padding-left: 10px;}
.press01 div.date1{width:20% !important;text-align: right !important; padding-right:10px;}





/* 게시물 내용보기 */
.bbsViewer {position:relative; width:100%; max-width:1200px; margin: 0 auto;background: #fff }
.bbsViewer .noticehead {border-bottom:1px solid #666666; position: relative;}
.bbsViewer .noticehead p{line-height:20px;}
.bbsViewer .noticehead .noticeTit { display:inline-block; width:70%; vertical-align:middle; font-size:1.5rem; font-weight: normal; line-height:1.6; color: #000; margin:15px 0; padding:0 0;}
.bbsViewer .noticehead .noticeTit span {display:inline-block; line-height:22px;}
.bbsViewer .noticehead .noticeTit span.date {position: absolute; right:0; bottom:15px; display:block; font-family: 'Poppins','Noto Sans KR'; color: #888; font-size:16px; font-weight: normal;width:30%; text-align: right; }
.bbsViewer .noticehead .noticeTit .ellip {width:70%;}
.bbsViewer .noticehead .sns { display:block; width:13%; min-width: 144px; height: 33px; margin:0 auto;background:url('../images/common/btn_noticeSns.png') no-repeat center center; vertical-align:middle;}
.bbsViewer .noticehead .sns li {float:left; width:25%; text-indent:-9999px; height:33px;}
.bbsViewer .noticehead .sns li a {display:block; width:100%; height:100%;}
.bbsViewer .noticeContent {padding:40px 0; border-bottom: 1px solid #eee; min-height: 300px;}
.bbsViewer .noticeContent img{max-width: 100%;}
.bbsViewer .noticeTxt {font-size: 1.5rem; color:#90ba6f !important;line-height:22px !important; margin-right: 10px;}
.bbsViewer .fileArea{width:100%; padding:15px 0; border-bottom: 1px solid #eee;}
.bbsViewer .fileArea span{margin-right:20px;}
.bbsViewer .fileArea button + button{margin:3px;}


.noticeBtn {position:relative; width:100%; max-width: 1200px; height:45px; margin:20px auto 100px; border-bottom: 1px solid #eee; }
.noticeBtn a{display:inline-block; height:100%; margin:0 0; padding:0; line-height: 1; width:35%; color: #333}
.noticeBtn .btnPrev{text-align: left;background:url('../images/common/view_prev.png') no-repeat 0 top; padding-left: 30px; position: absolute; left:10px; top:3px}
.noticeBtn .btnList{background:url('../images/common/btnList.png') no-repeat center center; width:26px; height: 22px; padding:0 20px; cursor: pointer; text-indent:-9999px; position: absolute; left:50%;margin-left:-13px; z-index: 2;}
.noticeBtn .btnNext{text-align: right; background:url('../images/common/view_next.png') no-repeat right top;padding-right: 30px; position: absolute; right:10px; top:0}



/* 게시판 style*/
.table01 {border-top: 2px solid #333;border-bottom: 1px solid #dee2e6;margin: 0;
width:100%;}
.table01 th, .table01 td {
    padding: .556rem;
    height: 4.444rem;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    border-top: 1px solid #dee2e6;
}
.table01 th{color: #000; font-weight: 500;}
.table01 .tb_title{text-align: left; padding:auto .55rem; color: #333;}
.table01 .center{text-align: center;}
.table01 .tb_title a{color: #333; text-align: center;}
.table01 .tb_title a:hover{color: #aa8569}
.table01 .tb_title02{color: #333; text-align: center }

.table01 .active{color: #000;}
.table01 .nolist{color: #000; padding:10% 0;}
.table01 .end{color: #888;}



.frm{display:inline-block !important;position:relative}
.frm label{display:inline;position:relative;font-size:1rem; line-height: 26px; padding-left:35px;text-transform:uppercase; color: #000; font-weight: normal; margin-right:10px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.frm label:before{content:'';display:block;position:absolute;left:0;top:3px;width:26px;height:26px;background:url("../images/common/spr_form.png") no-repeat;}
.frm input[type=checkbox]:focus+label, .frm input[type=radio]:focus+label {outline:1px dotted #e0e0e0}
.frm input[type=checkbox], .frm input[type=radio]{position:absolute;left:12px;top:16px;width:1px;height:1px;opacity:0}
.frm input[type=checkbox]+label:before{background-position:0 -13px}
.frm input[type=checkbox]:checked+label:before{background-position:-26px -13px}
.frm input[type=radio]+label:before{background-position:-52px -13px}
.frm input[type=radio]:checked+label:before{background-position:-78px -13px}


.frmList{margin-top:-8px}
.frmList > li{margin:8px 0 0 3px}
.frmList .frmCheck, .frmList .frmRadio{display:inline-block;position:relative}
.frmList .frmCheck label, .frmList .frmRadio label{display:inline-block;position:relative;width:165px;max-width:165px;border:1px solid #ccc;z-index:2;box-sizing:border-box;color:#666;background:#fff;padding:9px 35px 11px 15px;font-size:16px;}
.frmList .frmCheck label:before{content:'';display:block;position:absolute;right:12px;top:18px;width:18px;height:13px;background:url("../images/common/spr_form.png") no-repeat 0 0}
.frmList .frmCheck input[type=checkbox], .frmList .frmRadio input[type=radio] {position:absolute;right:0;top:0;width:1px;height:1px;border-color:transparent !important;z-index:1;  overflow: hidden; clip:rect(0,0,0,0);}
.frmList .frmCheck input[type=checkbox]:checked+label, .frmList .frmRadio input[type=radio]:checked+label{border:1px solid #000;color:#000;background:#f9f9f9}
.frmList .frmCheck input[type=checkbox]:checked+label:before{background-position:-18px 0}
.frmList .frmCheck input[type=checkbox]:disabled+label:before{background-position:-36px 0}
.frmList .frmCheck input[type=checkbox]:disabled+label{color:#bfbfbf}
.frmList .frmRadio label{width:219px;max-width:219px;padding:11px 15px 13px;text-align:center}

.selectWrap{display:inline-block;position:relative;height:60px;background:#fff}
select {
  background-color: rgba(255, 255, 255, 1);
  background:url('../images/common/lnb_arr.png') no-repeat 93%;
  width: 100%;
  padding:3px 10px;
  border:1px solid #e7e7e7;
  border-radius: 0;
  height: 2.68rem;
  vertical-align:middle;
  margin-right: 5px;
  font-size:  1rem;
  line-height: 1.5;
  color: #333;
  position: relative;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}





/* 입주사로그인 */
.loginArea{background: #fff; display: table; width:100%;  margin-bottom: 10%}
.loginArea .logininfo{float: left; width:60%; padding:8% 10%; box-sizing: border-box;}
.loginArea .loginbox{float: left; width:40%;padding:8% 5%; box-sizing: border-box;}

.loginArea .logininfo {background:url(../images/Service/logininfo_bg.jpg) no-repeat center; background-size: cover; }
.loginArea .logininfo .logoimg{border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom:50px; text-align: center; margin-bottom: 50px; text-align: center; width:100%; display: block;}
.loginArea .logininfo h3{font-size: 24px; color: #fff;}
.loginArea .logininfo p{font-size: 16px; color: #fff;}

.loginArea .loginbox h6{font-size: 16px; color: #b0b0b0;}
.loginArea .loginbox h3{font-size: 40px; color: #aa8569; font-weight: normal;}
.loginArea .loginbox .login input{border:1px solid  #c7c7c7; padding:10px; margin:0; margin-top:-1px;}
/* .loginArea .loginbox .login input[type=text]+input[type=password]{margin-top:-10px;} */
.loginArea .loginbox form{margin:30px 0;}
.loginArea .loginbox button{width:100%; margin:40px 0;}
.loginArea .loginbox .login_menu{ text-align: center; }
.loginArea .loginbox .login_menu a{font-size: 1em; color: #000; padding-right:15px; background:url(../images/Service/ico_loginmenu_06.gif) no-repeat right;}

.titDep3{font-size: 25px !important; color: #000; margin-bottom: 20px; display: block; clear: both; position: relative; font-weight: normal; text-align: left;}
.titDep3.center{text-align: center;}
.login input{width:100%;}


/* 글쓰기 폼 */
.contact{position: relative;display: block; margin:10px auto 0;text-align: left; }
.contact h3{font-size: 25px; color: #333; margin-bottom: 0; font-weight: bold;}
.contact h4{font-size: 25px; color: #333; }
.contact p{font-size: 18px;  color: #333;}
.contact .re{position: relative; text-align: right; min-height: 30px;}
.contact .re span{color: #aa8569;}
.contact ul{border-top: 1px solid #000;border-bottom: 1px solid #e7e7e7; padding: 20px 0; }
.contact li{position: relative; padding:10px 0;line-height: 1.4; vertical-align: top; display: block;text-align: left;}
.contact li em{font-size: 1rem; font-weight: normal; color:#333; width:15%; line-height:1.6; font-style: normal; vertical-align:top; position: absolute; left:10px;text-align: left;}
.contact li em.ac{color: #bf543b}
.contact li em span{color: #aa8569; font-size: 1.2rem; display: inline-block; line-height: 1;}
.contact li p{display: block;padding:0 0 0 20%;min-height: 37px; line-height: 1.6 !important; margin-top:0; }
/* .contact li p div{display: inline;} */
.contact li strong{color: #000; font-weight: normal;}
.contact li input{width:30%; }
.contact li textarea{width:100%; }
/*
.contact li input[type="radio"]{display: inline-block; width: 20px; height: 25px; line-height: 25px; z-index: 10;}
.contact li input[type="checkbox"]{display: inline-block;width: 20px !important; height: 25px; line-height: 25px;text-align: left; position: relative;}
*/
/* .contact li p .hid_chk {left:15%; padding-left:0 !important;} */
/*
.contact li .checkbox {padding-top:20px;}
.contact li .checkbox .icon {text-indent:-24px; padding-left:24px; }
*/
.contact li .radio{width:20px; top:2px;}
.contact li select{width:50%; min-width: 200px;}
.contact li .tel_sel select:after{right:10px !important; background: #eee}
.contact li button{margin-left:5px; margin-top:-0px;}
.contact li textarea{height:300px;width:100%; }
.contact li span{font-size: 0.8rem; line-height: 1.4; color: #888; padding-top:5px; display: block; }
.contact li span.red{color: #ec7070}
.contact li span.blue{color: #22a8e6}
.contact hr{width:100%; height: 1px; background: #000; margin:10px auto 10px;}
.contact .con{padding:30px 0; min-height: 100px;}
.contact .reply{background:#f2f2f2; padding:20px; min-height: 100px;}
.contact .reply h5{margin-bottom: 20px; margin-left:0;}
.contact .info{background:#f2f2f2; padding:20px; margin:20px 0; font-size: 13px;}
.contact .agreecont .agreecont-pt p{padding-left:0 !important;}
.contact .email{width:25%;}
.contact .btn_add{margin-top:10px; text-align: right; }
.contact .btn_add button{padding:10px;}

#rtime{width:30%; min-width: 30%;}




/* 이용약관 */
.agree01{padding-bottom: 10%; overflow: hidden;}
.agree01 h3{font-size: 1.2rem; color: #000000; font-weight: 500; padding-top:30px; }
.agree01 h4{font-size: 1rem; color: #000000; margin:20px 0 5px;font-weight: normal;}
.agree01 p{font-size: 0.9rem; line-height: 1.6; }
.agree01 .imp{font-size: 16px; color: #000; }

.agreecont{width:100%;border: 1px solid #ccc;  font-size:16px; color: #aaa; line-height: 18px; overflow-y: scroll; height:200px; background: #fff; display: block;margin-top:10px; clear: both;}
.agreecont-pt{padding:0 20px 20px; color: #aaa!important;}
.agreecont-pt h3{font-size: 1.2rem !important; color: #aaa !important; font-weight: 500; padding-top:30px  !important; text-align: left;}
.agreecont-pt h4{font-size: 1rem !important; color: #aaa !important; margin:10px 0 5px  !important;font-weight: normal;}
.agreecont-pt p{font-size: 0.9rem; line-height: 1.6; color: #aaa !important;}
.agreecont .txt{padding-bottom: 20px;margin-bottom: 0px; border-bottom: 1px solid #e7e7e7}
.agreecont-pt .imp{color: #aaa !important;}
.agree_check {text-align: center; margin:20px auto;}
.agreecont-pt .table03 th, .agreecont-pt .table03 td{color: #aaa !important;}

.table03{border:1px solid #cccccc; margin:10px auto; width:100%; }
.table03 th{font-size: 14px; line-height: 20px; font-weight: normal; padding:15px; color: #333333; border:1px solid #cccccc; }
.table03 td{font-size: 14px; line-height: 20px; color: #777; padding:15px; border:1px solid #cccccc; margin:-1px 0 0 -1px;}




/* category */
.jbMenu {min-height:50px; text-align: center; background:none; position: relative; width: 100%; margin-top:10%;}
.smenu_tab {min-height: 50px; text-align: center; position: relative; width:100%; max-width: 1200px; margin:0 auto; padding:0; display: block; }
.smenu_tab li {display: inline-block; width:24.3%; line-height: 2; text-align: center; margin-top:0;box-sizing: border-box; }
.smenu_tab.col8 li{width:16.4% !important;}
.smenu_tab.col2 li{width:49.5% !important;}

.jbMenu .smenu_tab li a {font-size:1rem; font-weight: normal; display: block; background: #fff; color: #999; border-bottom: 3px solid #e1e1e1; line-height: 3; padding:8px 2px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jbMenu .smenu_tab li a:hover, .jbMenu .smenu_tab li a.subon{color:#000; border-bottom: 3px solid #aa8569;}

.smenuArea {min-height:40px; text-align: center; position: relative; width: 100%;}
.smenu_box {min-height: 40px; text-align: center; position: relative; width: 100%; margin: 0 auto; display: table;}
.smenu_box li {display: inline-block; min-width:250px; width:25%; text-align: center; margin-top:0; }
.smenu_box li a{font-size: 1rem; color: #888; padding:15px; background: #eee; display: block; width:100%; height: 100%;}
.smenu_box li a.subon,.smenu_box li a:hover{background: #aa8569; color: #fff;}
.smenu_box.col5 li{width:20%;min-width:150px;}


.visitor01{background:url(../images/Service/visitor_bg.jpg) no-repeat center; background-size: cover; padding:5% 0;  margin-bottom: 50px; }
.visitor01 .container{display: table;}
.visitor01 .txtbox{width: 50%; text-align: center;}
.visitor01 h1{color: #fff;}
.visitor01 h3{color: #aa8569; margin-top:0px; font-weight: 500;}
.visitor01 p{color: #fff; margin-top:30px; padding:0 5%;}
.visitor01 button{margin-top:40px;}
.visitor01_btn{position: relative; right:0; top:0; text-align: right; padding:10px 0;}
.visitor01_btn button{padding:10px 20px; min-width: }


.link01{font-size: 16px; color: #fff; padding:6px 23px 8px 8px; background: #aa8569 url(../images/Service/ico_loginmenu_on.png) no-repeat 85%; display: inline-block; text-align: center; }
.link01:hover{background-color: #9e7352; color: #fff;}
.link02{font-size: 17px; color: #666; background: #fff; border:1px solid #ddd; padding:5px 22.5px 7px  22.5px ; text-align: center;}

/* 하단 설명 */
.ex_area{width:100%; margin:30px auto 10%;}
.ex_area h5{font-size: 20px; color: #333; font-weight: normal; padding-left: 25px; margin-bottom: 10px; background:url(../images/Service/ico_ex.png) no-repeat left;min-height: 20px; }
.ex_area p{font-size: 16px; color: #333;  line-height: 1.4; position: relative; padding:6px 0 6px 35px;}
.ex_area em{font-size: 16px; font-family: 'Poppins','Noto Sans KR'; font-weight: bold; color: #aaa; position: absolute; left:0; line-height: 1.4}
.ex_area span{font-size: 14px; padding: 0; margin: 0; color: #888}

/* 수량변경 */
.amount{ width:160px; position: relative; display: inline-table !important; vertical-align: top; padding-top:0 !important;}
.amount a{float: left; width:45px; height: 45px; text-align: center; border:1px solid #ddd; font-size: 20px; font-family: 'Poppins'; line-height: 45px; color: #000; background: #fff;}
.amount a:focus, .amount a:hover{background: #333; color: #fff;}
.amount span{float: left; padding:0 !important; display: inline-block !important;}
.amount input{margin:0;height: 45px; border-width: 1px 0; text-align: center;}



/* 예약 */
.reserv_bg{background: #f4f4f4; padding:5% 0; display: table; margin-bottom: 3%;}
.reserv_bg .container{display: table;}
.reserv_bg.w{background: #fff;}
.reserv01 h2{font-size: 30px; color: #000000; font-family: 'Poppins','Noto Sans KR'; margin-bottom: 30px;}
.reserv01 em{font-size: 50px; color: #ae836b; font-family: 'Poppins','Noto Sans KR'; font-weight: bold;}
.reserv01 h5{font-size: 18px; color: #ae836b; margin-bottom: 20px;}
.reserv01 p{font-size: 16px; color: #777777; line-height: 1.6;}
.reserv01 li{position: relative; font-size: 16px; line-height: 1.6;  color: #777777; padding-left:150px;}
.reserv01 li em{font-size: 16px; color: #333; font-weight: bold; width: 150px; display: inline-block; position: absolute; left:0;}
.reserv01 li span{font-size: 15px;}

.reserv01 .reserv_calendar {width:700px !important; float:left; margin-right:30px;}
.reserv01 .reserv_timelist {width:470px !important; float:left;}
.reserv01 .gx_calendar {width:400px !important; float:left; margin-right:50px;}
.reserv01 .gx_daylist{width:750px !important; float:left;  }


.reserv01 .gx_reserv_info{margin-top:20px; width:100%;}
.reserv01 .calendar_info {border-bottom: 1px solid #ddd; text-align: right; padding:10px 0; margin-bottom: 20px; display: block;vertical-align: top;}
.reserv01 .calendar_info li{display: table;  line-height: 33px; color: #333; margin-left:20px; padding-left: 40px;  position: relative;display: inline-block; vertical-align: top; position: relative;}
.reserv01 .calendar_info li span{width:33px; height:33px; border-radius: 50%; background: #aa8569; border:1px solid #aa8569; display: block; content: '';position: absolute; left:0; }
.reserv01 .calendar_info .none{background: #fff; border:1px solid #ddd}

.reserv02 h2{font-size: 30px; color: #000;}
.reserv02 ul{margin-top:5%;}
.reserv02 .reserv01 li{font-size: 18px; }
.reserv02 .reserv01 li em{font-size: 18px; font-weight: bold; color: #ae836b;}
.reserv02 p{font-size: 16px; color: #777777;}
.reserv02 .reserv_info{width:40%; margin-right:20%; float: left;}
.reserv02 .reserv_time{width: 40%; float: left;}
.reserv_call{width:100%;min-height: 60px; border-top:1px solid #c9c9c9; margin-top:30px; padding-top:30px; }
.reserv_call {padding-left: 40px; background: url(../images/Service/ico_tel.png)no-repeat left 30px;}
.reserv_call h5{font-size: 18px; color: #ae836b;}
.reserv_call p{font-size: 15px; color: #777;}
.reserv_btn{margin:30px auto 0;}

.reserv_notice{width:100%;min-height: 20px; margin-top:20px; padding-top:20px; }
.reserv_notice {padding-left: 40px; background: url(../images/Service/icon_notice.png)no-repeat left 18px;}
.reserv_notice h5{font-size: 18px; color: #ae836b;}
.reserv_noticel p{font-size: 15px; color: #777;}


.reserv03 h2{width:20%; float: left;font-size: 30px; color: #000; margin-bottom: 20px;}
.reserv03 .gx_banner{width: 25%; height: 100%; float: left; margin-left:5%; position: relative; text-align: right;}
.reserv03 .reserv_info{width:50%; float: left; border-left:1px solid #e0e0e0; padding-left:30px; box-sizing: border-box;}
.reserv03 .reserv_info p{font-size: 16px;}
.reserv03 .reserv01 li{font-size: 18px;}
.reserv03 .reserv01 li em{font-size: 18px; color: #ae836b; font-weight: bold;}
.reserv03 .gx_banner .reserv_btn{margin-top:50%; padding: 10px 10px;}


.timeStyle {background: #ae836b;font-family: 'Poppins','Noto Sans KR';}
.timeStyle h3{font-size: 80px; color: #fff; line-height: 70px; height:150px; margin:0 !important; display: block; }
.timeStyle h3:after{width:43px; height: 3px; display: block; content: ''; background: #fff; margin:10% auto; position: relative;}
.timeStyle span{font-size: 25px; font-weight: normal;}
.timeStyle p{color: #fff; font-weight: bold;}
.timeStyle ul{display: table;}
.timeStyle li{float: left;width:46%; min-height: 300px; margin-right:4%; background: #ae836b; box-shadow: 10px 10px 10px rgba(0,0,0,0.15); text-align: center; padding:13% 0 5%;}
.timeStyle .t02{background: #838383; }
.timeStyle .t02 h3{font-size: 60px;}
.timeStyle .t02 span{font-size: 20px;}
.timeStyle .bg2{background: #838383; }


.gx_daylist_box {border-top:1px solid #333;}
.gx_daylist_box li{width:30%; float: left; border-bottom:1px solid #e9e9e9; padding:10px 0 10px 10%; position: relative; margin-right:5%; text-align: left;font-size: 0.85em; box-sizing: border-box;}
.gx_daylist_box li:nth-child(3n){margin-right:0;}
.gx_daylist_box em{font-size: 0.9em; color: #333; display: inline-block; }
.gx_daylist_box button{position: absolute; right:0; font-size: 14px !important; padding:5px;}
.gx_daylist_box span{color: #ae836b; }


/* GX 달력 */
	.calendar{width:100%; min-height: 380px; margin: 0; display: block; position: relative;  font-family: 'Poppins','Noto Sans KR';}
	.calendar dl{text-align: center;width:100%; margin:0 auto; display: block; clear: both;}
	.calendar dt{width:100%; display: block; font-size: 2em; font-weight: bold; color: #000; font-family: 'Poppins','Noto Sans KR'; margin-bottom: 20px;}
	.calendar dd{width:14.2%; min-height: 33px; padding: 0.5em 0; float: left; font-size: 1em; color: #000; }
	.calendar .sun{color: #ae836b !important;}
	.calendar .day_area {display: table;clear: both;width:100%;  margin:0 auto; text-align: center;}
	.calendar .day_area li{width:14.2%; min-height: 33px; padding: 0.5em 0;float: left; }
	.calendar .day_area a{width:100%; height: 100%; display: block; font-size: 1em; color: #333; line-height: 33px; position: relative; text-align: center;}
	.calendar .day_area a.end{color: #a0a0a0;}
	.calendar .day_area a.focus{color: #fff; background: url(../images/Service/calendar_bg_focus.png) no-repeat center; background-size:33px;}
	.calendar .day_area a.today:after{position: absolute; content: ''; bottom:1px;left:50%;margin-left:-7px; width:15px; height:2px; background:#ae836b;}	




/* 이미지 오버확대 */
.scale{transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out; }
.scale:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
} 

.thmb_list02{max-width:1200px;width:100%; margin:50px auto; display: table; position: relative;}
.thmb_list02 h2{font-size: 30px; color: #333; text-align: center; display: block; margin-bottom: 30px;}
.thmb_list02 h2 strong{color: #f64646;}
.thmb_list02 .list_area{width:100%;display: table;}
.thmb_list02 .item{float: left; width:360px; min-height: 450px; margin-right:50px; vertical-align: top;padding:15px 0 30px;}
.thmb_list02 .item:nth-child(3n){margin-right:0;}
.thmb_list02 .thmb{position: relative;width:100%; }
.thmb_list02 .img{width:100%; height: 100%; overflow: hidden;}
.thmb_list02 .img img{width:360px; height: 360px;}
.thmb_list02 .thmb .icon{position: absolute; right:20px; bottom: 0; z-index: 2; text-align: right; width:80%; height: 48px;}
.thmb_list02 .thmb .icon i{width:48px; height: 48px; background: url('../images/common/list_icon.png')no-repeat; content: ''; display: inline-block; font-size: 0; margin-left: 7px;}
.thmb_list02 .info{padding:30px 0 10px; }
.thmb_list02 .info .info_title{margin-bottom: 20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;overflow:hidden;}
.thmb_list02 .info .info_title a{font-size: 22px; line-height: 1.4; color: #333; font-weight: 600; width:100%; }
.thmb_list02 .info p{color: #666;}


.amenities01{ text-align: center; margin-bottom: 6%;}
.amenities01 h3{font-size: 25px; color: #333; font-weight: normal; }
.amenities01 h2{font-size: 45px; color: #aa8569; font-weight: normal; margin-top:40px;}
.amenities01 p{font-size: 18px; color: #888; margin-top:60px;}

.amenities02 {width:100%; height:100%; position: relative; margin-bottom: 6%;}
.amenities02 .service_txt{position: absolute; left:50%; top:0;  z-index: 2; margin-left:-650px; text-align: center; width: 500px; display: block; }
.service_txt h2{font-size: 45px; color: #aa8569; margin-top:20%; font-family: 'Poppins','Noto Sans KR';}
.service_txt h3{font-size: 40px; color: #000;}
.service_txt h3:after{width:50px; height: 4px; background: #aa8569; margin:45px auto; display: block; content: '';}
.service_txt ul{width:400px; margin:0 auto; text-align: left;}
.service_txt li{position: relative; display: block; font-size: 20px; color: #888; padding:5px 0 5px 140px;;}
.service_txt em{position: absolute; left:0; font-size: 20px; color: #333; width:140px;}

.swiper-container.amenities02_slide {width:55%; margin-left:45%;height: 587px; position: relative;}
.amenities02_slide .swiper-slide{width:100%; height: 587px; display: block;}
.amenities02_slide .swiper-button-next, .amenities02_slide .swiper-button-prev, .amenities03_slide .swiper-button-next, .amenities03_slide .swiper-button-prev {position: absolute;top:45%; right:2%; width: 21px; height: 40px; z-index: 10; margin-top:0; cursor: pointer; background: url('../images/Service/slide_arrow.png')no-repeat; background-size:auto 40px; background-position: right; }
.amenities02_slide .swiper-button-prev, .amenities03_slide .swiper-button-prev{ left:2%; background-position: left;}


.amenities03 {width:100%; position: relative; margin-bottom: 5%;}
.amenities03 .service_txt{position: absolute; left:50%; top:0;  z-index:0; margin-left:200px; text-align: center; width: 500px; }
.amenities03 .service_txt h2{margin-top:10%;}
.swiper-container.amenities03_slide {width:55%; margin-left:0;height: 587px; position: relative; overflow: hidden;}
.amenities03_slide .swiper-slide{width:100%; height: 587px; display: block;}


.amenities04 {width:100%; position: relative; margin-bottom: 5%;}
.amenities04 .amenities02_slide{width:85%; margin-left:15%;height: auto; position: relative;}
.amenities04 .amenities04_area{display: table; margin-top:0;margin-bottom: 6%; }
.amenities04 .amenities04_div{position: relative; left:0; top:0;  z-index: 0; float: left; margin-left:0; margin-top:5%; width:50%; text-align: center;}
.amenities04 .service_txt h2{margin-top:0%;}

.amenities05{width:90%; height: auto; max-width:1200px; position: relative; display: block; clear: both; margin:0 auto 70px; }



.service_tb{width:100%; border-top:1px solid #000000; display: table; border-collapse:collapse;}
.service_tb thead th{padding: 20px 10px; }
.service_tb th{font-size: 18px; color: #333; font-weight: normal;border-bottom: 1px solid #e2e2e2; padding:15px 10px;}
.service_tb td{font-size: 18px; color: #888; border-bottom: 1px solid #e2e2e2; padding:15px 10px;}
.service_tb .mb4{margin-bottom: 4%}



.exhibition01{ text-align: center; margin-bottom: 6%;}
.exhibition01 h2{font-family: 'Poppins','Noto Sans KR'; font-size: 2.3rem; color: #aa8569; font-weight: normal; }
.exhibition01 h3{font-size: 1.5rem; color: #333; font-weight: normal; margin-top:20px;}
.exhibition01 p{font-size: 1rem; color: #888; margin-top:10px;}

.exhibition02 {width:100%; min-height:700px; position: relative; margin-bottom: 6%;}

.exhibition02 .service_txt{position: absolute; left:50%; top:0;  z-index: 2; margin-left:-700px; text-align: center; width: 500px; display: block; }
.exhibition02 .service_txt h2{margin-top:0%;}
.exhibition02 .service_txt li{font-size: 18px;}
.exhibition02 .service_txt em{font-size: 18px;}



.rounge01{background:url(../images/Service/gr_lounge_bg.jpg) no-repeat center; background-size: cover; padding:5% 0;  margin-bottom: 50px;}
.rounge01 .txtbox{width: 50%; text-align: center; margin-left:50%;}
.rounge01 h1{color: #fff; line-height: 1.0;}
.rounge01 h3{color: #aa8569; margin-top:0px; margin-bottom: 30px; font-weight: 500;}
.rounge01 p{color: #fff; padding:0 5%;}
.rounge01 button{ width:240px; padding:auto 10px !important; margin:20px 5px; display: inline-block;}



.pass01{background:url(../images/Service/pass_bg.jpg) no-repeat center; background-size: cover; padding:5% 0;  margin-bottom: 50px;}
.pass01 .txtbox{width: 50%; text-align: center;}
.pass01 h1{color: #fff;}
.pass01 h3{color: #aa8569; margin-top:0px; font-weight: 500;}
.pass01 p{color: #fff; margin-top:30px; padding:0 5%;}
.pass01 button{margin-top:40px;}


.customer01{background:url(../images/Service/customer_bg.jpg) no-repeat center; background-size: cover; padding:5% 0;  margin-bottom: 50px;}
.customer01 .txtbox{width: 50%; text-align: center; margin-left:50%;}
.customer01 h1{color: #fff;}
.customer01 h3{color: #aa8569; margin-top:0px; margin-bottom: 30px; font-weight: 500;}
.customer01 p{color: #fff; padding:0 5%;}
.customer01 button{ width:240px; padding:auto 10px !important; margin:20px 5px; display: inline-block;}


.arthall01{padding: 40px 0; text-align: center; display: block;}
.arthall01_m{display: none; visibility: hidden;}



.lease01{width:100%;  background:url(../images/Tenant/lease_bg.jpg) no-repeat center; background-attachment: fixed; background-size: cover; display: block; margin-bottom: 5%; padding:8% 0;}
.lease01 .txt{width:90%; margin:0 auto; text-align: center; display: block; min-height: 150px;}
.lease01 h2{font-size: 2.8rem; color: #fff;}
.lease01 h3{font-size: 2rem; color: #aa8569;}
.lease01 p{font-size: 1rem; color: #fff; margin-top:30px;}

.lease02{width:100%; background:url(../images/Retail/lease_bg2.jpg) no-repeat center; background-attachment: fixed; background-size: cover; display: block; margin-bottom: 5%; padding:8% 0;}
.lease02 .txt{width:90%;  margin:0 auto; text-align: center; display: block; min-height: 150px;}
.lease02 h2{font-size: 2.8rem; color: #fff;}
.lease02 h3{font-size: 2rem; color: #aa8569;}
.lease02 p{font-size: 1rem; color: #fff; margin-top:30px;}



.retail_map{background: #f4f4f4; position: relative;text-align: center; margin:50px 0 50px;}
.retail_map h2{display: block; position: absolute; left: 0; top:0; background: #dfd4be url('../images/retail/map_title_bg.png') no-repeat top; font-size: 80px; font-family: 'Poppins','Noto Sans KR'; color: #aa8569;  padding:200px 35px 20px 100px;}
.retail_map img{padding-left:90px;}

.retail02_list{margin:0 auto 10%; width:100%;}
.retail02_list ul{display: flex;justify-content:center;align-items: stretch; flex-wrap:wrap; width:100%;text-align: center;}
.retail02_list li{width:275px; border: 1px solid #dfe6ec; box-sizing: border-box; text-align: center; margin:12px 10px; padding:30px; display: inline-table;}
.retail02_list a{width:100%; height: 100%; display: block;}
.retail02_list p{font-size: 20px; color: #333; margin-top:20px; font-weight: bold;}
.retail02_list li:hover{border: 1px solid #aa8569;}

.retail02_list span{display: block; font-size: 16px; color: #888}
.retail02_list .btn_more{font-size: 12px; color: #af825b; margin-top:30px;}



.retail03{margin:70px auto 50px;}

.retail04{margin:100px auto 0; display: table;width:100%;}
.retail04 .retail04_info{width:100%;display: block;}
.retail04 .retail04_info .retail04_logo{width:250px; border: 1px solid #ebebeb; float: left; margin:0 150px 0 150px; padding:50px;}
.retail04 .retail04_info .retail04_txt{width:650px;float: left;}
.retail04 .retail04_info h2{font-size: 40px; color: #333;}
.retail04 .retail04_info h3{font-size: 20px; color: #888;}
.retail04 .retail04_info hr{width:45px; height: 3px; background: #aa8569; margin:30px 0; border:none;}
.retail04 .retail04_info ul{margin-top:20px; }
.retail04 .retail04_info li{display: block; padding: 6px 0 6px 70px; position: relative; }
.retail04 .retail04_info em{font-size: 16px; color: #000; font-weight: bold; position: absolute; left: 0;}

.retail04 .retail04_intro{width:100%;display: block; }
.retail04 .retail04_intro h4{font-size: 25px; color: #333; font-weight: bold; margin-bottom: 30px;}
.retail04 .retail04_intro h5{color: #333; font-size: 1rem; font-weight: bold; margin-bottom: 10px; }
.retail04 .retail04_intro p{margin-bottom: 10px;}


.retail05{margin:90px auto 0; background:#f4f4f4; padding:100px 0; text-align: center; }
.retail05 ul{width: 100%; display: grid; grid-template-columns:1fr 1fr; grid-gap:10px;}
.retail05 li{box-sizing: border-box;}
.retail05 img{width:100%;}
.retail05 li p{margin-top:10px;}
.retail05 .container h5{color: #333; font-size: 1rem; font-weight: bold; margin-bottom: 10px; margin-top: 20px;text-align: left}
.retail05 .container p{margin-bottom: 20px;text-align: left}


.retail07{width:100%; margin:50px auto 0; display:table;}
.retail07 ul{width:25%; float: left;}
.retail07 li{display: block; padding:4px 0;}
.retail07 a{width:100%; height: 100%; display: block;}
.retail07 span{font-weight: bold; color: #fff; line-height: 24px; background: #aa8569; width:25px; height:25px; text-align: center; margin-right:10px; display: inline-block;}


.office01{width:100%; max-width: 1200px; min-height:700px;margin:100px auto 0; box-sizing: border-box;background: #eee;}
.office01 .office01_1{width:40%; height: 800px; background: #515151; /* position: sticky; position: -webkit-sticky; top: 90px */;padding: 3rem;  margin-top: -100px;padding-bottom: 100px; float: left; }
.office01 .office01_2{width: 60%; min-height: 1000px;  position: relative; float: left; padding: 6rem 3rem; }
.office01 h3{font-size: 30px; color: #000; margin-bottom: 30px;}
.office01 ul{width:50%; float: left;}
.office01 ul + ul{border-right: 1px solid #eee;}
.office01 li{font-size: 18px; color: #333; padding:10px 0 10px 50px; line-height: 1.4; min-height: 25px; position: relative;}
.office01 em{position: absolute;left:0; line-height: 1.4; font-size: 20px; color: #aa8569; font-weight: bold;width:50px; display: block;}


.officebg2 {position: relative; min-height:950px; width:100%; margin:0 auto 0; display: table; clear: both; background: #000; z-index: -1}
.officebg2 .office_area{width:100%; max-width: 1200px; height: 100%; margin:0 auto; display: table; position: relative;}

.officebg2 .office_area .office02_1{position: absolute; top: 0; width:50%; height: 120px; background: #aa8569; text-align: right; padding:10px; z-index: 2;}
.officebg2 .office_area .office02_2{position: relative; margin-left:50%; width:50%; display: block; z-index: 2; color: #fff;}
.officebg2 .office02_3{position: -webkit-sticky;position: sticky; z-index: -10; top:0; bottom:0; width:100%;}
.officebg2 .office02_2{width: 60%; position: relative; float: left; padding: 6rem 3rem; }
.officebg2 .office02_2 h3{font-size: 30px; color: #fff; margin-bottom: 30px;}
.officebg2 .office02_2 ul{width:50%; float: left;}
.officebg2 .office02_2 li{font-size: 16px; color: #fff; padding:10px 0 10px 50px; line-height: 1.4; min-height: 1.4; position: relative; display: block;}
.officebg2 .office02_2 em{position: absolute; left:0; line-height: 1.4; font-size: 20px; color: #aa8569; font-weight: bold;width:50px; display: block;}

/*
.chart-pop.layer_nutri{ display: none; position: absolute; top: 63px; left: 50%; margin-left: -200px; width: 400px; min-height:450px;border: 1px solid #333; box-sizing: border-box; z-index: 1000;} 
.chart-pop .layer-content .tb_nutri{width:100%; margin-bottom: 20px;}
.chart-pop .layer-content th{font-size: 16px; color: #333; font-weight: normal; border-bottom: 1px solid #efefef; padding:10px 20px; width:80%; text-align: left;}
.chart-pop .layer-content td{font-size: 16px; color: #333; font-weight: bold; border-bottom: 1px solid #efefef; padding:10px 20px; text-align: right}
.chart-pop .layer-content {font-size: 14px;}
*/



.wash01 .wash01_1{width:100%; max-width: 1200px; min-height: 300px; display: block; margin:0 auto 7%; padding:10% 0; text-align: center; box-sizing: border-box;position: relative;}
.wash01 .wash01_2{width:100%; display: block; margin:0 auto 80px; position: relative;}
.wash01 .ico_scroll{width:100%; height: 100px; display: block; content: ''; font-size: 0;background:url(../images/Service/ico_scroll.png) no-repeat center; background-size:auto 100px; margin:0 auto 80px; }
.wash01 .ico_scroll{display: none;}
.wash01 .wash01_1 h3{font-size: 3rem; color: #fff;}
.wash01 .wash01_1 h4{font-size: 2rem; color: #fff;}
.wash01 .wash01_1 p{font-size: 1rem; color: #fff; margin-top:10px;}

.wash01 .wash01_2 strong{margin-top:10px; padding-right:10px; display: block; }
.wash01 .wash01_2 p.ex{text-align: center; font-size: .9rem; color: #999; margin:30px auto 0;}

.wash01 .wash01_1.wash01_bg1{background: url(../images/Service/wash01_bg1.jpg) no-repeat center; background-size: cover;}
.wash01 .wash01_1.wash01_bg2{background: url(../images/Service/wash01_bg2.jpg) no-repeat center; background-size: cover;}



/* 레이어팝업 */
.layer-wrap {display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;text-align: center;background-color: rgba(0, 0, 0, 0.5);z-index: 100;}
.layer-wrap:before {content: "";display: inline-block;height: 100%;vertical-align: middle;margin-right: -.25em; }
.pop-layer {position: relative; display: inline-block;vertical-align: middle;width: 90%; max-width:500px;height: 800px; background-color: #fff;border: 1px solid #333; box-sizing: border-box;z-index: 101; margin:0 auto; overflow-y: auto;}
.pop-layer .pop-container {padding: 20px 20px;position: relative;}
.layer-wrap .pop-conts {font-size: 14px; width:100%; height:auto;padding: 0 0 40px; position: relative;}
.layer-wrap .pop-conts .layer-header h2{font-size: 1.3rem; color: #aa8569; text-align: left; border-bottom: 1px solid #aa8569; padding-bottom: 20px;}
.layer-wrap .pop-conts .layer-header h2 em{font-size: 0.9rem;}
.layer-wrap .pop-conts .tb_freetime{width:100%; margin-bottom: 20px;}
.layer-wrap .pop-conts th{font-size: .9rem; color: #333; font-weight: normal; border-bottom: 1px solid #efefef; padding:1rem .5rem; width:50%; text-align: center;}
.layer-wrap .pop-conts td{font-size: .9rem; font-weight: normal; border-bottom: 1px solid #efefef; padding:1rem .5rem; text-align: center; width:25%;}
.btn-r {width: 100%;text-align: right; display: block; background: #fff;}
.btn-r a.btn-layerClose {position: absolute;right: 0px;top: 10px;display: block; width: 20px;height: 20px;content: '';font-size: 0;background: url(../images/Service/btn_layer_close02.png)no-repeat;}
.btn-layer {margin:3px; font-size: 1rem;}


.exhibit01 .containerflex{display: flex;align-items: center;justify-content: space-between; margin-bottom: 60px;}
.exhibit01 .exhibi_img{background:url(../images/exhibition/exhibition_img1.jpg) no-repeat center; background-size: cover; height:600px; width:50%; display: block; content: '';  }
.exhibit01 .exhibi_txt{width:40%; text-align: left;box-sizing: border-box;}
.exhibit01 .exhibi_txt h1{font-size: 24px; color: #aa8569;margin-bottom: 10px;margin-top: 70px;}
.exhibit01 .exhibi_txt .txt_logo{text-align: center;}



/*font size*/

.font26{font-size: 26px}