@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";
@font-face {
  font-family: Gotham-Black;
  src: url(../../img/images/font/Gotham-Black.eot);
  src: url(../../img/images/font/Gotham-Black.woff);
}
@font-face {
  font-family: Gotham-Book;
  src: url(../../img/images/font/Gotham-Book.eot);
  src: url(../../img/images/font/Gotham-Book.woff);
}
@font-face {
  font-family: HerrVonMuellerhoff-Regular;
  src: url(../../img/images/font/HerrVonMuellerhoff-Regular.eot);
  src: url(../../img/images/font/HerrVonMuellerhoff-Regular.woff);
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 400;
  src: url(../../img/images/font/NanumBarunGothic.eot);
  src:
    url(../../img/images/font/NanumBarunGothic.eot?#iefix)
      format("embedded-opentype"),
    url(../../img/images/font/NanumBarunGothic.woff) format("woff");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 700;
  src: url(../../img/images/font/NanumBarunGothicBold.eot);
  src:
    url(../../img/images/font/NanumBarunGothicBold.eot?#iefix)
      format("embedded-opentype"),
    url(../../img/images/font/NanumBarunGothicBold.woff) format("woff");
}
@font-face {
  font-family: "NanumMyeongjo";
  font-style: normal;
  font-weight: 400;
  src: url(../../img/images/font/NanumMyeongjoBold.eot);
  src:
    url(../../img/images/font/NanumMyeongjoBold.eot?#iefix)
      format("embedded-opentype"),
    url(../../img/images/font/NanumMyeongjoBold.woff) format("woff");
}
@font-face {
  font-family: "NanumMyeongjo";
  font-style: normal;
  font-weight: 700;
  src: url(../../img/images/font/NanumMyeongjoBold.eot);
  src:
    url(../../img/images/font/NanumMyeongjoBold.eot?#iefix)
      format("embedded-opentype"),
    url(../../img/images/font/NanumMyeongjoBold.woff) format("woff");
}

/* 초기화 */
html {
  overflow-y: scroll;
}
body {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: "Nanum Gothic", arial;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
#hd ul,
nav ul,
#ft ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
label,
input,
button,
select,
img {
  vertical-align: middle;
}
input,
button {
  margin: 0;
  padding: 0;
}
button {
  cursor: pointer;
}
textarea,
select {
}
select {
  margin: 0;
}
p {
  margin: 0;
  padding: 0;
  word-break: break-all;
}
hr {
  display: none;
}
pre {
  overflow-x: scroll;
  font-size: 1.1em;
}
a:link,
a:visited {
  color: #000;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #000;
  text-decoration: underline;
}
.full_img {
  width: 100%;
}
img {
  max-width: 100%;
}
.clear {
  clear: both;
}
.half {
  float: none;
  width: 100%;
}
.half_half {
  float: left;
  width: 50%;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.noMargin {
  margin: 0 !important;
}
.pc_hidden {
  display: none;
}
.hidden {
  display: none;
}

#wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.img_half {
  width: 50%;
}
.img_half2 {
  width: 50%;
}

/* 상단 레이아웃 */
#hd {
  width: 100%;
  z-index: 20 !important;
  position: absolute;
  min-width: 100%;
}
.hd_zindex {
  z-index: 10 !important;
}
#hd_h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#hd_wrapper {
  position: relative;
  margin: 0 auto;
  padding: 26px 0;
  width: 970px;
  zoom: 1;
}
#hd_wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

#hd_lang .lang {
  float: left;
  padding-top: 2px;
  margin-left: 10px;
}
#hd_lang .lang li {
  float: left;
  height: 25px;
  text-align: center;
  margin-right: 10px;
}
#hd_lang .lang li:last-child a {
  display: none;
}
#hd_lang .lang li a {
  margin-left: 25px;
}
#hd_lang .lang li.mi {
  background: url("../../img/images_new/guk2.png") no-repeat 0 7px;
}
#hd_lang .lang li.china {
  background: url("../../img/images_new/guk1.png") no-repeat 0 7px;
}
#hd_lang .lang li a {
  font: normal 10px/27px "Gotham-Book";
  color: #fff;
  letter-spacing: 1px;
}

#logo {
  float: left;
  padding-top: 10px;
}
#main_hd_wrapper {
  position: relative;
  margin: 0px auto;
  width: 100%;
  zoom: 1;
  background: #0f131f;
  padding-bottom: 10px;
  border-top: solid 1px #292828;
}
#main_hd_wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#hd_lang {
  position: relative;
  z-index: 20;
  width: 100%;
  min-width: 100%;
  min-height: 30px; /*background: rgba(0, 0, 0, 0.4);*/
  background: #000;
}
#hd_lang .hd_lang_wrapper {
  width: 100%;
  margin: 0 auto;
}
#hd_lang .hd_lang_txt {
  text-align: right;
  color: #fefefe;
  padding-top: 9px;
  padding-right: 5px;
  font-size: 10px;
  letter-spacing: 1px;
}
#hd_lang .hd_lang_txt a {
  color: #fefefe;
}

.main_container {
  width: 100%;
  position: relative;
  padding-top: 0px;
}
.main_visual_01 {
  width: 100%;
  margin: 0px auto 0;
  overflow: hidden;
  position: relative;
}
.main_visual_01 .imgs {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.main_visual_01 .imgs li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
}
.main_visual_01 .imgs li.li_01 {
  left: 0;
  background: url("../../img/m_images/main_visual1.jpg") center 0 no-repeat;
  background-size: cover;
}
.main_visual_01 .imgs li.li_02 {
  background: url("../../img/m_images/main_visual2.jpg") center 0 no-repeat;
  background-size: 100%;
}
.main_visual_01 .imgs li.li_03 {
  background: url("../../img/m_images/main_visual3.jpg") center 0 no-repeat;
  background-size: 100%;
}

.main_visual_01 .indis {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
  text-align: center;
}
.main_visual_01 .indis ul {
  display: inline-block;
  margin: 0 auto;
  overflow: hidden;
}
.main_visual_01 .indis ul li {
  float: left;
  margin-right: 5px;
  position: relative;
}
.main_visual_01 .indis ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.main_visual_01 .bn_wrap {
  width: 100%;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -13px 0 0 -700px;
}
.main_visual_01 .bn_wrap .bns {
  position: absolute;
  top: 0;
}
.main_visual_01 .bn_wrap .bns a {
  width: 100%;
  height: 100%;
  display: block;
}
.main_visual_01 .bn_wrap .left_bn {
  left: 0;
}
.main_visual_01 .bn_wrap .right_bn {
  right: 0;
}

.main_visual_02 {
  width: 100%;
  height: 180px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.main_visual_02 .imgs {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.main_visual_02 .imgs li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}
.main_visual_02 .imgs li.li_03 {
  top: 0;
  background: url("../../img/m_images/jj_mv02_img_01.jpg") center 0 no-repeat;
  background-size: cover;
}
.main_visual_02 .imgs li.li_04 {
  background: url("../../img/m_images/jj_mv02_img_02.jpg") center 0 no-repeat;
  background-size: cover;
}
.main_visual_02 .imgs li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.main_visual_02 .bn_wrap {
  width: 38px;
  height: 78px;
  position: absolute;
  top: 50%;
  right: 1%;
  margin: -20px 0 0 10px;
}
.main_visual_02 .bn_wrap .bns {
  width: 19px;
  height: 19px;
}
.main_visual_02 .bn_wrap .bns a {
  width: 100%;
  height: 100%;
  display: block;
}
.main_visual_02 .bn_wrap .down_bn {
  margin-top: 2px;
}

/* 텍스트 크기 조절 */
#text_size {
  float: left;
  margin: 0 0 0 10px;
  letter-spacing: -3px;
}
#text_size button {
  margin: 0;
  padding: 1px 2px;
  border: 1px solid #c3c6ca;
  background: transparent;
  vertical-align: middle;
  cursor: pointer;
}
.ts_up {
  font-size: 1.167em !important;
}
.ts_up2 {
  font-size: 1.3em !important;
}
/* 상단 회원가입 등 링크 */
#tnb {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  zoom: 1;
}
#tnb:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#tnb li {
  float: left;
  margin: 0 0 0 10px;
}
#tnb a {
  display: inline-block;
  padding: 0 10px;
  height: 28px;
  color: #333;
  letter-spacing: -0.1em;
  line-height: 2.4em;
}
#tnb a:focus,
#tnb a:hover,
#tnb a:acti ve {
  text-decoration: none;
}
#tnb img {
  margin-right: 3px;
}

/* 중간 레이아웃 */

#main_wrapper {
  z-index: 5;
  margin: 0px auto;
  width: 100%;
  zoom: 1;
  overflow-x: hidden;
  padding-top: 79px;
}
#main_wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#sliders {
  width: 100%;
}
.section {
  position: relative;
}

.main_middle6 {
  width: 100%;
}
.main_middle6 ul li {
  float: center;
  width: 48.5%;
  padding: 1% 0 1% 1%;
}

.main_middle6_2 {
  width: 100%;
}
.main_middle6_2 ul li {
  float: left;
  width: 32%;
  padding-left: 1%;
  padding-bottom: 6%;
}
.main_middle6_2 ul li:last-child {
  float: center;
  width: 32%;
  padding-right: 1%;
}

.bottom_img {
  width: 100%;
}
.bottom_img ul li {
  float: left;
  width: 50%;
}

.copy {
  width: 100%;
  background: #222222;
}
.copy p img {
  width: 70%;
  padding: 5%;
}

.main_second {
  background: #21bbb1;
}
.main_second_text {
  text-align: center;
}
.main_second_text .title {
  color: #ffffff;
  font-size: 20px;
  padding-top: 5%;
  font-family: Gotham-Black;
}
.main_second_text .second {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 10px;
  font-family: Gotham-Book;
}
.main_second_text .contents {
  color: #ffffff;
  font-size: 11px;
  line-height: 18px;
  padding: 10px;
}
.main_second_text .btn {
  margin-bottom: 20px;
  display: inline-block;
  border: 1px solid #fff;
  padding: 10px 15px;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 0px 1px #9da1a2 inset;
  -moz-box-shadow: 0px 0px 0px 1px #9da1a2 inset;
  -o-box-shadow: 0px 0px 0px 1px #9da1a2 inset;
  box-shadow: 0px 0px 0px 1px #9da1a2 inset;
}
.main_collections {
  position: relative;
  text-align: center;
  height: 80px;
  background: #000 url("../img/images/main_imgbg.png") center center;
}
.main_collections .title {
  color: #fff;
  font-size: 24px;
  line-height: 80px;
  font-family: Gotham-Black;
}
.img_zoom_wrapper {
  position: relative;
  overflow: hidden;
}
.img_zoom_link1,
.img_zoom_link2,
.img_zoom_link3,
.img_zoom_link4,
.img_zoom_link5 {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
}
.img_zoom1,
.img_zoom2,
.img_zoom3,
.img_zoom4,
.img_zoom5 {
  position: relative;
}
.main_picture {
  background: #302838;
  padding: 6% 0;
  text-align: center;
}
.main_picture .title {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
  font-family: Gotham-Black;
}
.main_picture .contents {
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  margin-top: 20px;
  padding: 10px;
}
.main_picture_list {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
}
.main_picture_list ul {
  list-style-type: none;
}
.main_picture_list ul li {
  float: left;
  width: 40%;
  padding: 5%;
}
.main_picture_list ul li.last {
  margin-right: 0;
}
.main_picture_list ul li a {
  text-decoration: none;
}
.main_picture_list ul li p {
  color: #fff;
  font-size: 12px;
  margin-top: 20px;
  font-family: Gotham-Book;
}
.main_bottom {
  padding: 6% 0 6%;
  background: #000 url("") center center;
}
.half_lux {
  float: left;
  width: 30%;
  padding-left: 12%;
  padding-right: 8%;
  text-align: center;
  box-shadow: 2px 0px 0px #6c6f72;
  -webkit-box-shadow: 2px 0px 0px #6c6f72;
  -moz-box-shadow: 2px 0px 0px #6c6f72;
  -ms-box-shadow: 2px 0px 0px #6c6f72;
  -o-box-shadow: 2px 0px 0px #6c6f72;
}
.half_soul {
  float: left;
  width: 35%;
  padding-left: 5%;
  padding-right: 10%;
  text-align: center;
  margin-top: 2%;
}
.sns_bottom {
  margin-top: 10%;
}
.sns_bottom ul {
  text-align: center;
}
.sns_bottom li {
  display: inline-block;
  float: center;
  width: 20%;
}
.sns_bottom li img {
  width: 50%;
}
.sns_bottom li.last {
  margin-right: 0;
}
.main_contact {
  text-align: center;
  padding-top: 80px;
}
.main_contact p {
  display: inline-block;
  margin-right: 28px;
  color: #fff;
  font-size: 16px;
  margin-right: 65px;
}
.main_contact .m_contact1 {
  display: block;
  margin: 0;
  margin-bottom: 5px;
}
.main_contact .m_contact2 {
  margin-right: 20px;
}

.img_zoom_wrapper span {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  text-align: center;
  font-family: "Gotham-Book";
  color: #fff;
  line-height: 50px;
  font-size: 12px;
  z-index: 20;
}
.img_zoom_wrapper span.circle {
  background: #a561f4;
  margin-top: 35%;
  margin-left: 35%;
}
.img_zoom_wrapper span.circle2 {
  background: #00d2da;
  margin-top: 35%;
  margin-left: 85%;
}

.mobile_menu {
  position: absolute;
  top: 0px;
  right: -80%;
  width: 80%;
  height: 100%;
  background-color: #4f4c4c;
  background: #302838 url("") repeat;
}
.mobile_right_menu {
}
.moblie_right_menu_body {
  position: relative;
  top: 0;
  left: 0;
}
#m_menu_toggle {
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
  cursor: pointer;
  z-index: 25;
}
.m_menu {
  margin-top: 120px;
}
.m_menu li {
  padding: 0px 0 0px 30px;
  line-height: 36px;
}
.m_menu li > a {
  color: #fff;
  font-size: 14px;
  font-family: NanumBarunGothic;
  text-decoration: none;
  display: block;
}
.m_menu li a.active {
  font-weight: bold;
  background: url("../../img/m_images/m_arrow.png") no-repeat 0px 10px;
  padding-left: 16px;
  line-height: 36px;
}
#m_close {
  position: absolute;
  top: 35px;
  right: 30px;
  cursor: pointer;
}
ul.menu2 {
  display: none;
  margin-left: 20px;
  margin-top: 6px;
  margin-bottom: -20px;
}
ul.menu2 li {
  padding: 6px 0;
}
ul.menu2 li a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}
ul.menu2 li a:hover {
  color: rgba(167, 160, 159, 0.7);
  font-weight: normal;
}
ul.m_menu2 {
  display: none;
  margin: 6px 0 10px 0px;
}
ul.m_menu2 li {
  padding: 0px 0;
}
ul.m_menu2 li a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-family: "NanumBarunGothic";
  display: block;
  line-height: 36px;
  padding-left: 20px;
}
ul.m_menu2 li a:hover {
  color: #21bbb1;
  font-weight: normal;
}
/* sub */
#sub_wrapper {
  background: #fff;
}
.sub_container {
  width: 100%;
  margin: 0 auto;
}
.sub_top {
  width: 100%;
  height: 270px;
}

.sub_title_wrapper {
  padding: 20px 0 90px;
  border-bottom: solid 1px #000;
}
.sub_title {
  width: 100%;
  margin: 0px auto;
  font-size: 24px;
  padding: 0 0 0 15px;
}
.sub_title span.title {
  float: left;
  width: 100%;
  font-size: 24px;
  font-family: Gotham-Black;
  color: #000;
}
.sub_title span.intro_text {
  float: left;
  font-size: 11px;
  font-family: "NanumBarunGothic";
  color: #666666;
  margin-left: 0px;
  margin-top: 6px;
  display: block;
  line-height: 18px;
}
/* history */
.top_company {
  background: url("../img/images/sub_img1.png") center center no-repeat;
}
/* history */
.top_business {
  background: url("../img/images/sub_img4.png") center center no-repeat;
}
/* history */
.top_product {
  background: url("../img/images/sub_img5.png") center center no-repeat;
}
/* history */
.top_inquiry {
  background: url("../img/about_top.jpg") center center no-repeat;
}
/* history */
.top_customer {
  background: url("../img/about_top.jpg") center center no-repeat;
}
.top_company,
.top_product,
.top_business,
.top_inquiry,
.top_customer {
  background-size: cover;
}
/* 하단 레이아웃 */
#ft {
  text-align: center;
  min-width: 100%;
  font-size: 12px;
  background: #1f1f1f;
  padding: 20px 0;
}
#ft p {
  padding: 0 10px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.4);
}
#ft p a {
  color: rgba(255, 255, 255, 0.4) !important;
  text-decoration: none !important;
}
#ft h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#ft ul > li img {
  width: 100%;
}
/* 본문 바로가기 */
#skip_to_container a {
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#skip_to_container a:focus,
#skip_to_container a:active {
  width: 100%;
  height: 75px;
  background: #21272e;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 3.3em;
}
/* ie6 이미지 너비 지정 */
.img_fix {
  width: 100%;
  height: auto;
}

/* 버튼 */
a.btn01 {
  display: inline-block;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
}
a.btn01:focus,
a.btn01:hover {
  text-decoration: none;
}
button.btn01 {
  display: inline-block;
  margin: 0;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
}
a.btn02 {
  display: inline-block;
  padding: 7px;
  border: 1px solid #3b3c3f;
  background: #4b545e;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
a.btn02:focus,
.btn02:hover {
  text-decoration: none;
}
button.btn02 {
  display: inline-block;
  margin: 0;
  padding: 7px;
  border: 1px solid #3b3c3f;
  background: #4b545e;
  color: #fff;
  text-decoration: none;
}
.btn_confirm {
  text-align: center;
} /* 서식단계 진행 */
.btn_submit {
  padding: 8px;
  border: 0;
  background: #ff3061;
  color: #fff;
  letter-spacing: -0.1em;
  cursor: pointer;
}
fieldset .btn_submit {
  padding: 0 7px;
  height: 24px;
  line-height: 1em;
}
a.btn_cancel {
  display: inline-block;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
}
button.btn_cancel {
  display: inline-block;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  vertical-align: top;
  text-decoration: none;
}
a.btn_frmline,
button.btn_frmline {
  display: inline-block;
  padding: 0 5px;
  height: 24px;
  border: 0;
  background: #333;
  color: #fff;
  letter-spacing: -0.1em;
  text-decoration: none;
  vertical-align: top;
} /* 우편번호검색버튼 등 */
a.btn_frmline {
  line-height: 24px;
}
button.btn_frmline {
  font-size: 1em;
}

/* 자바스크립트 alert 대안 */
#validation_check {
  margin: 100px auto;
  width: 500px;
}
#validation_check h1 {
  margin-bottom: 20px;
  font-size: 1.3em;
}
#validation_check p {
  margin-bottom: 20px;
  padding: 30px 20px;
  border: 1px solid #e9e9e9;
  background: #fff;
}
/* 사이드뷰 */
.sv_wrap {
  display: inline-block;
  position: relative;
  font-weight: normal;
}
.sv_wrap .sv {
  z-index: 1000;
  display: none;
  margin: 5px 0 0;
  border: 1px solid #283646;
}
.sv_wrap .sv a {
  display: inline-block;
  margin: 0;
  padding: 3px;
  width: 94px;
  border-bottom: 1px solid #283646;
  background: #111;
  color: #fff !important;
}
.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
  text-decoration: none;
}
.sv_on {
  display: block !important;
  position: absolute;
  top: 10px;
  left: 20px;
  width: auto;
  height: auto;
}
.sv_nojs .sv {
  display: block;
}
/* 페이징 */
.pg_wrap {
  clear: both;
  margin: 0 0 20px;
  padding: 20px 0 0;
  text-align: center;
}
.pg {
}
.pg_page,
.pg_current {
  display: inline-block;
  padding: 0 8px;
  height: 25px;
  color: #000;
  letter-spacing: 0;
  line-height: 2.2em;
  vertical-align: middle;
}
.pg a:focus,
.pg a:hover {
  text-decoration: none;
}
.pg_page {
  background: #e4eaec;
  text-decoration: none;
}
.pg_start,
.pg_prev {
  /* 이전 */
}
.pg_end,
.pg_next {
  /* 다음 */
}
.pg_current {
  display: inline-block;
  margin: 0 4px 0 0;
  background: #333;
  color: #fff;
  font-weight: normal;
}
/* Mobile화면으로 */
#device_change {
  display: block;
  margin: 0.3em;
  padding: 0.5em 0;
  border: 1px solid #eee;
  border-radius: 2em;
  background: #fff;
  color: #000;
  font-size: 2em;
  text-decoration: none;
  text-align: center;
}

.mobile_menu {
  -webkit-transition: -webkit-transform 600ms ease;
  -moz-transition: -moz-transform 600ms ease;
  -o-transition: -o-transform 600ms ease;
  transition: transform 600ms ease;
  -webkit-font-smoothing: subpixel-antialiased;
}
.mobile_right_menu_open {
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
}
.moblie_right_menu_body {
  -webkit-transition: -webkit-transform 600ms ease;
  -moz-transition: -moz-transform 600ms ease;
  -o-transition: -o-transform 600ms ease;
  transition: transform 600ms ease;
  -webkit-font-smoothing: subpixel-antialiased;
}
.moblie_right_menu_toright {
  transform: translate3d(-80%, 0, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -ms-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
}

.content_wrap {
  width: 100%;
  margin: 0 auto;
}
.content_wrap ul {
  position: relative;
}
.content_wrap .conleftbanner {
  width: 100%;
  background: #3ed0c7 url(../../img/images_new/content_leftbg.png) no-repeat;
}
.content_wrap .bannertext {
  position: absolute;
  margin-top: 140px;
  right: 10px;
  font-family: Gotham-Black, "NanumBarunGothic";
  color: #fff;
  line-height: 16px !important;
}
.content_wrap span.subjec {
  font-size: 30px;
  font-weight: bold;
  line-height: 50px !important;
}
.content_wrap span.mungu {
  font-size: 14px;
  padding-left: 5px;
  display: block;
}
.content_wrap span.btn {
  display: block;
  width: 120px;
  height: 30px;
  background: #000;
  text-align: center;
  margin-left: 3px;
  margin-top: 20px;
}
.content_wrap span.btn a {
  display: block;
  color: #fff;
  line-height: 30px;
}

.content_wrap .concenterbanner li:hover {
  background: #000;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.content_wrap .concenterbanner li {
  width: 100%;
}
.content_wrap .concenterbanner li img {
  float: right;
}
.content_wrap .concenterbanner .tp {
  height: 215px;
  background: url(../../img/images_new/content_centerbg.png) repeat-x;
}
.content_wrap .concenterbanner .bt {
  height: 225px;
  background: url(../../img/images_new/content_center2bg.png) repeat-x;
}
.content_wrap .concenterbanner .bannertext2 {
  position: absolute;
  margin-top: 30px;
  margin-left: 20px;
  font-family: Gotham-Black, "NanumBarunGothic";
  color: #fff;
  line-height: 16px !important;
}
.content_wrap .concenterbanner span.subjec2 {
  font-size: 25px;
  font-weight: bold;
  line-height: 20px !important;
}
.content_wrap .concenterbanner span.subjec2_1 {
  font-size: 12px;
  line-height: 20px !important;
  color: #7b86e2;
  padding-left: 1px;
}
.content_wrap .concenterbanner span.mungu2 {
  font-size: 14px;
  padding-top: 25px;
  padding-left: 1px;
  display: block;
}
.content_wrap .concenterbanner span.btn2 {
  display: block;
  width: 50px;
  height: 20px;
  background: #000;
  text-align: center;
  margin-left: 1px;
  margin-top: 30px;
  font-family: Gotham-Book;
  font-size: 10px;
}
.content_wrap .concenterbanner span.btn2 a {
  display: block;
  color: #fff;
  line-height: 20px;
}
.bannertext3 {
  position: absolute;
  margin-top: 10px;
  margin-left: 20px;
  font-family: Gotham-Black, "NanumBarunGothic";
  color: #fff;
  line-height: 16px !important;
  z-index: 9999;
}
span.subjec3 {
  font-size: 14px;
  font-weight: bold;
  padding-left: 3px;
  line-height: 20px !important;
}
span.subjec3_1 {
  font-size: 30px;
  line-height: 35px !important;
  color: #fff;
  padding-top: 5px;
  display: block;
}
span.mungu3 {
  font-size: 14px;
  padding-top: 10px;
  padding-left: 3px;
  display: block;
}
span.btn3 {
  display: block;
  width: 50px;
  height: 20px;
  background: #000;
  text-align: center;
  margin-left: 1px;
  margin-top: 20px;
  font-family: Gotham-Book;
  font-size: 10px;
}
span.btn3 a {
  display: block;
  color: #fff;
  line-height: 20px;
}
.content_wrap .concenterbanner .bt span.subjec2_1 {
  color: #00d2da;
}

#m_doc {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../../img/images_new/content_rightbg.png);
}
#m_doc .roll_img {
  width: 100%;
  height: 400px;
  position: relative;
  right: 0px;
  bottom: 0px;
  padding-top: 30px;
}
#m_doc .roll_img img {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
#m_doc .roll_img a {
  display: block;
}
#m_doc .roll_img a.on {
  display: block;
}
#m_doc .roll_img a.off {
  display: block;
}
#m_doc span.btn2 {
  display: block;
  width: 50px;
  height: 20px;
  background: #000;
  text-align: center;
  margin-left: 1px;
  margin-top: 30px;
  font-family: Gotham-Book;
  font-size: 10px;
}
#m_doc span.btn2 a {
  display: block;
  color: #fff;
  line-height: 20px;
}

body {
  position: relative;
}
body,
td,
input,
textarea,
div,
th,
p,
a,
address ul {
  font-family: "Montserrat", "notokr";
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.05em;
}
a:link {
  color: #333;
  text-decoration: none;
}
a:visited {
  color: #333;
  text-decoration: none;
}
a:active {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #666;
  text-decoration: none;
}
form,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
}
caption,
legend {
  display: none;
}
address,
em,
i {
  font-style: normal;
}
ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
input,
button,
select {
  font: inherit;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
}
.clearfix:before,
.clearfix:after {
  display: block;
  content: "";
}
.clearfix:after {
  clear: both;
}
/* common elements */
.bt {
  display: block;
}
.displaynone {
  display: none !important;
}

@charset "euc-kr";
/* ----------------------------- 메인페이지 스타일 ----------------------------- */
/* 메인비주얼 */
#mainVisual {
  margin-top: 80px;
}
#mainVisual img {
  display: block;
  width: 100%;
}
/* 상단 와이드 배너 */
#wideBanner {
  position: relative;
  margin-top: -40%;
  z-index: 60;
}
#wideBanner img {
  position: relative;
  width: 100%;
  left: 50%;
  margin-left: -50%;
}
/* Before & After */
#section1 {
  padding: 60px 0;
}
#section1 > .innerContainer {
  position: relative;
  padding: 0 40px;
  overflow: hidden;
}
#section1 > .innerContainer h2 {
  font-family: "Nanum Myeongjo";
  font-size: 28px;
  font-weight: 300;
  color: #cca865;
  text-align: center;
  margin-bottom: 20px;
}
#section1 > .innerContainer h2 span {
  color: #25221d;
}
#section1 > .innerContainer .tab-list {
  margin: 0 -2px 10px -2px;
}
#section1 > .innerContainer .tab-list > li {
  float: left;
  width: 33.333334%;
  padding: 0 2px;
}
#section1 > .innerContainer .tab-list > li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 15px;
  color: #25221d;
  border: 1px solid #e0e0e0;
}
#section1 > .innerContainer .tab-list > li a:after {
  position: absolute;
  top: 10px;
  right: 15px;
  font-family: "Pe-icon-7-stroke";
  font-size: 18px;
  content: "\e684";
  color: #b4b4b4;
}
#section1 > .innerContainer .tab-list > li.active a {
  color: #be9356;
  border-color: #cca865;
}
#rollingBox {
  position: relative;
  overflow: hidden;
}
#rollingBox .rolling-box {
  display: none;
  position: relative;
  overflow: hidden;
}
#rollingBox .rolling-box.active {
  display: block !important;
}
#rollingBox .rolling-box > .imgList {
  position: relative;
  width: 100%;
}
#rollingBox .rolling-box > .imgList > li {
  float: left;
  width: 100%;
}
#rollingBox .rolling-box > .imgList > li:after {
  clear: both;
  display: block;
  content: "";
}
#rollingBox .rolling-box > .imgList > li > div {
  position: relative;
}
#rollingBox .rolling-box > .imgList > li > div > img {
  display: block;
  width: 100%;
}
#rollingBox .rolling-box > .imgList > li > div:after {
  position: absolute;
  display: inline-block;
  bottom: 0;
  padding: 10px 15px;
  font-weight: 500;
  color: #fff;
  z-index: 20;
}
#rollingBox .rolling-box > .imgList > li .before {
  float: left;
  width: 50%;
}
#rollingBox .rolling-box > .imgList > li .after {
  float: right;
  width: 50%;
}
#rollingBox .rolling-box > .imgList > li .before:after {
  right: 0;
  content: "BEFORE";
  background: #25221d;
}
#rollingBox .rolling-box > .imgList > li .after:after {
  left: 0;
  content: "AFTER";
  background: #be9356;
}
#rollingBox .rolling-box > .pagination {
  margin-top: 30px;
  font-size: 0;
  text-align: center;
}
#rollingBox .rolling-box > .pagination > li {
  display: inline-block;
  font-size: 12px;
  width: 10px;
  height: 10px;
  margin: 0 2px;
  background: #ececec;
}
#rollingBox .rolling-box > .pagination > li.active {
  background: #cca865;
}
/* 3단 그리드 배너 */
#section2 ul > li {
  float: left;
  width: 33.333334%;
}
#section2 ul > li img {
  display: block;
  width: 100%;
}
/* 와이드 배너 */
#section3 ul > li img {
  display: block;
  width: 100%;
}
/* 2x2 그리드 배너 */
#section4 ul > li {
  float: left;
  width: 50%;
}
#section4 ul > li img {
  display: block;
  width: 100%;
}
/* 지도 및 문의정보 */
#section5 {
  padding: 20px 0;
}
#section5 > .innerContainer {
  padding: 0 20px;
}
#section5 #main_map {
  height: 410px;
}
#section5 .item-contact {
  padding: 20px;
  background: #2b2b2b;
}
#section5 .item-contact .top-info {
  margin-bottom: 20px;
}
#section5 .item-contact .top-info .left-item {
  float: left;
  width: 50%;
}
#section5 .item-contact .top-info .left-item h3 {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}
#section5 .item-contact .top-info .left-item strong {
  font-size: 20px;
  color: #cca865;
}
#section5 .item-contact .top-info .sns-list {
  float: right;
  width: 50%;
  font-size: 0;
  text-align: right;
}
#section5 .item-contact .top-info .sns-list > li {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 1.28;
  margin-right: 5px;
}
#section5 .item-contact .top-info .sns-list > li > a {
  display: block;
  width: 28px;
  height: 28px;
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  background: #cca865;
}
#section5 .item-contact .top-info .sns-list > li.sns-kakao > a {
  background: #fff20f;
}
#section5 .item-contact .top-info .sns-list > li.sns-kakao > a img {
  vertical-align: middle;
}
#section5 .item-contact p {
  color: #bbb;
}
#section5 .item-contact p a {
  color: #bbb;
}
/* ----------------------------- 서브페이지 스타일 ----------------------------- */
/* 서브페이지 섹션 공통 */
#container {
  position: relative;
  margin-top: 50px;
}
#container:after {
  clear: both;
  display: block;
  content: "";
}
#container .section-tit {
  padding: 30px 20px;
  text-align: center;
}
#container .section-tit h2 {
  font-size: 20px;
  font-weight: 600;
  color: #3a3a3a;
}
#container .section-tit h2 span {
  font-weight: 300;
}
#container .section-tit h3 {
  font-size: 10px;
  font-weight: 500;
  color: #888;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#container img {
  max-width: 100%;
  height: auto !important;
}
#container > .innerContainer {
  padding: 0 20px;
}
/* 의료진소개 */
#container .team-info {
  margin-bottom: 20px;
}
#container .team-info .info-box {
  padding: 20px;
  background: #333;
}
#container .team-info .info-box span {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  color: #a6a6a6;
}
#container .team-info .info-box h3 {
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  margin-bottom: 15px;
}
#container .team-info .info-box p {
  font-size: 13px;
  color: #fff;
}
/* 웹스리둘러보기 */
#facilitySlider {
  overflow: hidden;
}
#facilitySlider .big-thumb {
  position: relative;
  margin-bottom: 40px;
}
#facilitySlider .big-thumb .thumb-list > li {
  display: none;
}
#facilitySlider .big-thumb .thumb-list > li.active {
  display: block;
}
#facilitySlider .big-thumb .thumb-list > li img {
  display: block;
  width: 100%;
}
#facilitySlider .big-thumb .floor-tab {
  display: table;
  margin: -1px -1px 0 -1px;
  width: 101%;
  table-layout: fixed;
  border-spacing: 1px;
  border-collapse: separate;
}
#facilitySlider .big-thumb .floor-tab > li {
  display: table-cell;
  width: auto;
  height: 40px;
  color: #333;
  text-align: center;
  vertical-align: middle;
  background: rgba(200, 201, 202, 0.8);
  cursor: pointer;
}
#facilitySlider .big-thumb .floor-tab > li.active {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
#facilitySlider .floor-container .floor-info {
  display: none;
  padding: 0 20px;
}
#facilitySlider .floor-container .floor-info h2 {
  font-size: 18px;
  font-weight: 300;
  color: #2b2b2b;
  margin-bottom: 20px;
}
#facilitySlider .floor-container .floor-info.active {
  display: block;
}
#facilitySlider .floor-container .floor-info .thumb-list {
  margin: 0 -5px;
}
#facilitySlider .floor-container .floor-info .thumb-list:after {
  clear: both;
  display: block;
  content: "";
}
#facilitySlider .floor-container .floor-info .thumb-list > li {
  position: relative;
  width: 100%;
  float: left;
  width: 25%;
  margin-bottom: 10px;
  padding: 0 5px;
}
#facilitySlider .floor-container .floor-info .thumb-list > li:before {
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  bottom: 0;
  content: "";
  border: 0px solid #be9356;
  transition: all 0.25s ease;
}
#facilitySlider .floor-container .floor-info .thumb-list > li.selected:before {
  border-width: 4px;
}
#facilitySlider .floor-container .floor-info .thumb-list > li img {
  display: block;
  width: 100%;
}
/* 찾아오시는 길 */
#map {
  height: 300px;
}
#container .location-info {
  padding: 20px;
}
#container .location-info h3 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
}
#container .location-info img {
  margin-bottom: 15px;
}
#container .location-info h4 {
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
  margin-bottom: 10px;
}
#container .location-info p {
  margin-bottom: 5px;
}
#container .location-info strong {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #746d66;
}
/* ----------------------------- 포토갤러리 게시판 스타일 ----------------------------- */
/* 리스트 페이지 */
.photo_list_wrapper {
  margin: 0 -15px;
}
.photo_list_wrapper:after {
  clear: both;
  display: block;
  content: "";
}
.photo_list_wrapper > table {
  float: left;
  width: 50%;
  margin-bottom: 20px;
  padding: 0 15px;
}
.photo_list_wrapper.brd-grid-1 {
  margin-left: 0;
  margin-right: 0;
}
.photo_list_wrapper.brd-grid-1 > table {
  width: 100% !important;
  padding: 0;
}
.photo_list_wrapper > table.board {
  float: none;
  clear: both;
  width: 100% !important;
  padding: 0;
}
.photo_list_wrapper > table .bbsnewf5 a img {
  display: block;
  width: 100%;
  height: auto;
}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject {
  padding: 10px 0;
}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject .gallery_title {
  font-family: inherit !important;
  color: #555;
}
.image_sublist {
  display: none;
}
/* ----------------------------- 게시판 및 범용 테이블 스타일 ----------------------------- */
.tbl_board {
  margin-bottom: 30px;
  border-top: 2px solid #666;
  table-layout: fixed;
}
.tbl_board th,
.tbl_board td {
  font-family: inherit !important;
  padding: 10px !important;
  border-bottom: 1px solid #e5e5e5;
}
.tbl_board td td {
  border: none;
}
.tbl_board div th,
.tbl_board div td {
  padding: 0 !important;
}
.tbl_board span,
.tbl_board font,
.tbl_board a {
  font-family: inherit !important;
  font-size: inherit !important;
  color: #555;
}
.tbl_board a:hover {
  color: #333 !important;
}
.tbl_board .board_bgcolor {
  font-size: inherit !important;
  font-weight: 500;
  color: #4b4b4b;
  background: #f4f4f4;
}
.tbl_board input[type="text"],
.tbl_board input[type="password"] {
  font-family: inherit !important;
  font-size: inherit !important;
  max-width: 90%;
  height: 30px;
  padding-left: 10px;
  border: 1px solid #dedede;
  background: #fff;
}
.tbl_board select {
  font-family: inherit !important;
  font-size: inherit !important;
  max-width: 90%;
  height: 30px;
  border: 1px solid #dedede;
  background: #fff;
  vertical-align: middle;
}
.tbl_board .att_title {
  font-weight: 600;
  color: #343434;
  text-align: center;
  background: #fff !important;
}
.tbl_board .att_title span,
.tbl_board .att_title a,
.tbl_board .att_title font {
  font-weight: 600;
  color: #343434;
}
.tbl_board.tbl_list tr:hover {
  background: #f9f9f9;
}
.tbl_board.tbl_list td a font {
  font-weight: normal !important;
  margin-left: 10px;
}
.tbl_board td textarea {
  width: 98%;
  font-family: inherit !important;
  font-size: inherit !important;
  padding: 10px;
  border: 1px solid #dedede;
  background: #fff;
}
.tbl_board .td_center {
  text-align: center;
}
.tbl_board .bbsnewf5 a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tbl_board .bbsno,
.tbl_board .bbswriter,
.tbl_board .bbsetc_dateof_write,
.tbl_board .bbspublic_ox,
.tbl_board .bbsetc_receive_remail {
  display: none;
}
.tbl_board td[rel="번호"],
.tbl_board td[rel="작성자"],
.tbl_board td[rel="작성일자"],
.tbl_board td[rel="공개여부"],
.tbl_board td[rel="답변받기"] {
  display: none;
}
.tbl_board td[rel="진료과목"] {
  width: 25%;
}
.tbl_board td[rel="제목"] {
  width: 75%;
}
/* ----------------------------- 게시판 공통 스타일 ----------------------------- */
/* 통합 폰트 관련 */
.board,
.bbsnewf5 {
  font-family: inherit !important;
  font-size: inherit !important;
}
.bbsnewf5 input,
.bbsnewf5 img {
  vertical-align: middle;
}
/* 카테고리 */
.brd_category {
  display: none;
}
.board_tab {
  margin-bottom: 30px;
}
.board_tab > ul > li {
  display: inline-block;
  margin-bottom: 5px;
}
.board_tab > ul > li > a {
  display: block;
  padding: 5px 8px;
  color: #333;
  border-radius: 3px;
}
.board_tab > ul > li.on > a {
  color: #fff;
  background: #ad8bbf !important;
}
/* 하단 글쓰기 버튼 */
.btn_btm_write {
  text-align: right;
}
.board-pagination {
  margin-top: 30px;
  font-size: 0;
  text-align: center;
}
.board-pagination > b,
.board-pagination > a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 2px;
  font-size: 12px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #dedede;
}
.board-pagination > a {
  color: #777;
}
.board-pagination > a:hover {
  color: #555;
  background: #f4f4f4;
}
.board-pagination > b {
  color: #fff;
  border-color: #333;
  background: #4b4b4b;
}
/* 검색 */
#ext_search {
  margin-top: 30px;
}
/* ----------------------------- 예약 관련 스타일 ----------------------------- */
/* 예약 캘린더 */
.reserveWrapper .pickMonth {
  text-align: center;
  margin-bottom: 30px;
}
.reserveWrapper .pickMonth .btn {
  padding: 0 10px !important;
}
.reserveWrapper .pickMonth .btn i {
  margin: 0 !important;
}
.reserveWrapper .pickMonth #cur {
  display: inline-block;
  margin: 0 15px;
  font-size: 14px;
  color: #be9356;
  letter-spacing: 2px;
}
.tbl_calendar {
  width: 100%;
  border-top: 2px solid #666;
  table-layout: fixed;
}
.tbl_calendar thead th {
  padding: 15px 0;
  font-size: 12px;
  color: #333;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #dedede;
}
.tbl_calendar thead th span {
  display: none;
}
.tbl_calendar thead th:first-child {
  border-left: none;
}
.tbl_calendar tbody td {
  padding: 10px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: top;
}
.tbl_calendar tbody td:hover {
  background: #f9f9f9;
}
.tbl_calendar tbody tr > td:first-child {
  border-left: none;
}
.tbl_calendar .td_sun {
  color: #c62b2b;
}
.tbl_calendar .td_sat {
  color: #3f63eb;
}
.tbl_calendar .m_sunday,
.tbl_calendar .m_saturday {
  background: #f4f4f4 !important;
}
.tbl_calendar .ye {
  display: inline-block;
  color: #fff !important;
  margin-right: 3px;
  padding: 2px 5px;
  border-radius: 2px;
  background: #23bbab;
}
.tbl_calendar .wan {
  display: inline-block;
  color: #fff !important;
  margin-right: 3px;
  padding: 2px 5px;
  border-radius: 2px;
  background: #c43c3c;
}
.tbl_calendar div[style*="hand"] {
  cursor: pointer;
  padding: 2px 0;
}
#order_list {
  display: none;
  margin: 30px 20px 0 20px;
  padding: 20px;
  border: 1px solid #dedede;
  background: #f9f9f9;
}
#order_list h3 {
  font-size: 14px;
  font-weight: normal;
  color: #222;
  margin-bottom: 20px;
}
#order_list ul {
  margin-bottom: 20px;
}
#order_list ul > li {
  color: #777;
  line-height: 1.65;
}
#order_list input[type="button"] {
  padding: 8px 25px;
  border: 1px solid #d5d5d5 !important;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
}
/* 예약하기 폼 */
#css_orderform table {
  width: 100%;
  border-top: 2px solid #666;
  border-collapse: collapse;
}
#css_orderform table th,
#css_orderform table td {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
#css_orderform table th {
  width: 25%;
  font-weight: 500;
  color: #4b4b4b;
  background: #f4f4f4;
}
#css_orderform table td input[type="text"] {
  font-family: inherit !important;
  font-size: inherit !important;
  height: 35px;
  padding-left: 10px;
  border: 1px solid #dedede;
  background: #fff;
}
#css_orderform table td select {
  font-family: inherit !important;
  font-size: inherit !important;
  min-width: 70px;
  height: 35px;
  margin: 0 10px;
  padding-left: 5px;
  border: 1px solid #dedede;
  background: #fff;
  vertical-align: middle;
}
#css_orderform table td select:first-child {
  margin-left: 0;
}
#css_orderform table td label {
  margin-right: 10px;
}
.agreeWrapper {
  padding: 0 20px;
}
.agreeWrapper .checkArea:after {
  clear: both;
  display: block;
  content: "";
}
.agreeWrapper .checkArea .left {
  float: left;
}
.agreeWrapper .checkArea .right {
  float: right;
}
.agreeWrapper .agreeinfo {
  clear: both;
  margin-top: 5px;
}
.agreeWrapper .agreeinfo textarea {
  width: 100%;
  height: 160px;
  padding: 10px;
  border: 1px solid #dedede;
  background: #fff;
}
.reserve-btn {
  margin-top: 30px;
  text-align: center;
}
.reserve-btn .btn {
  width: 40%;
  height: 40px !important;
  font-size: 14px !important;
  line-height: 38px !important;
}
/* 예약확인 및 취소 */
h2.reservation-title {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
}
h2.reservation-title:before {
  display: inline-block;
  width: 6px;
  height: 2px;
  margin-right: 7px;
  content: "";
  background: #be9356;
  vertical-align: 4px;
}
.reservation-box {
  margin: 0 20px;
  padding: 20px;
  border: 1px solid #e5d4c6;
}
.reservation-box ul > li {
  line-height: 1.8;
}
.reservation-box ul > li:before {
  display: inline-block;
  width: 2px;
  height: 2px;
  margin-right: 5px;
  content: "";
  background: #ccc;
  vertical-align: 4px;
}
/* ----------------------------- 회원 관련 스타일 ----------------------------- */
/* 회원 관련 공통 요소 */
.joinWrapper {
  padding: 0 20px;
}
.joinWrapper .tbl_board col {
  display: none;
}
.member-box h2 {
  font-size: 20px;
  font-weight: 300;
  color: #be9356;
  margin-bottom: 20px;
}
.member-box h3 {
  font-size: 15px;
  font-weight: normal;
  color: #4b4b4b;
  margin-bottom: 20px;
}
.member-box h4 {
  font-size: 14px;
  font-weight: 600;
  color: #555;
  margin-bottom: 10px;
}
.member-box input[type="text"],
.member-box input[type="password"] {
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #dedede;
  border-radius: 0;
  background: #f9f9f9;
}
.member-box .btn-confirm {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 15px;
  color: #fff;
  border: none;
  border-radius: 0;
  background: #be9356;
  cursor: pointer;
  outline: none;
}
.member-box .btn-confirm:hover {
  background: #b58c52;
}
.member-btm-btn {
  margin-top: 30px;
  text-align: center;
}
.member-btm-btn .btn {
  width: 40%;
  height: 40px !important;
  font-size: 14px !important;
  line-height: 38px !important;
}
.member_td_bgcolor {
  width: 25%;
  color: #4b4b4b;
  background: #f4f4f4;
}
/* 로그인페이지 */
.loginWrapper {
  position: relative;
  padding: 0 20px;
}
.loginWrapper > .login-box {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #e5e5e5;
}
.loginWrapper > .login-box .helpList {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
.loginWrapper > .login-box .helpList > li {
  position: relative;
  color: #888;
  padding: 4px 0 4px 10px;
}
.loginWrapper > .login-box .helpList > li.warning {
  color: #ff7e00;
}
.loginWrapper > .login-box .helpList > li:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "-";
}
.loginWrapper > .login-box .helpList > li a {
  margin-left: 10px;
}
/* 회원가입 중복확인 페이지 */
.joinWrapper > .join-box {
  padding: 20px;
  border: 1px solid #e5e5e5;
}
/* 회원가입 약관동의 페이지 */
.joinWrapper .agree-box {
  margin-bottom: 40px;
}
.joinWrapper .agree-box textarea {
  width: 100%;
  height: 250px;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #e5e5e5;
}
.joinWrapper .agree-box input[type="checkbox"] {
  margin-right: 5px;
}
/* ----------------------------- 버튼 공통 스타일 ----------------------------- */
.btn {
  display: inline-block;
  padding: 0 15px !important;
  height: 30px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  color: #666 !important;
  text-align: center;
  line-height: 28px !important;
  text-decoration: none !important;
  border: 1px solid #dedede;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  vertical-align: middle;
}
.btn.btn-default:hover {
  color: #555 !important;
  border-color: #aaa;
}
.btn.btn-primary {
  color: #fff !important;
  border-color: #be9356;
  background: #be9356;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  border-color: #b58c52;
  background: #b58c52;
}
.btn.btn-secondary {
  color: #fff !important;
  border-color: #6d7281;
  background: #6d7281;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
  border-color: #686d7b !important;
  background: #686d7b;
}
.btn.btn-link {
  line-height: inherit !important;
  padding: 0 !important;
  height: auto !important;
  border: none;
}
.btn i {
  margin-right: 7px;
  vertical-align: 0;
}
.btn.right-icon i {
  margin: 0 0 0 7px;
}
/* ----------------------------- 탭 공통 스타일 ----------------------------- */
.tab-primary {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  table-layout: fixed;
}
.tab-primary > li {
  display: table-cell;
  width: auto;
  height: 40px;
  text-align: center;
  vertical-align: middle;
}
.tab-primary > li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 13px;
  color: #333;
  line-height: 40px;
  text-align: center;
  border: 1px solid #d5d5d5;
  border-left: none;
}
.tab-primary > li:first-child a {
  border-left: 1px solid #d5d5d5;
}
.tab-primary > li.active a {
  color: #fff;
  border-color: #be9356;
  background: #be9356 !important;
}
.tab-primary > li:hover a {
  background: #f4f4f4;
}

/* 하단 위챗 버튼 */
.deBtn_3[href*="m_wechat.php"] {
  width: calc(100% - 4% - 40px);
}