@charset "UTF-8";
/*background fixed 버벅임 : s*/
/*Ie 10/11*/
/*background fixed 버벅임 : e*/
#container {
  overflow: hidden;
}
#container img {
  max-width: 100%;
}
#container:not(.main) {
  /*margin-top: 6.8125rem;*/
}
@media screen and (max-width: 800px) {
  #container:not(.main) {
    /*margin-top: 4.0625rem;*/
  }
}

#skipNav a {
  position: absolute;
  display: block;
  font-size: 0px;
  top: -9999px;
  left: -9999px;
}
#skipNav a:focus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #333;
  color: #fff;
  font-size: 20px;
  z-index: 9999;
  text-align: center;
}

.all_menu .cont_box {
  max-width: 81.25rem;
  width: 100%;

}
.all_menu .cont_box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.all_menu .cont_box .depth1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.125rem;
}
.all_menu .cont_box .depth1 + .depth1 {
  margin-top: 4.25rem;
}
.all_menu .cont_box .depth_tit {
  min-width: 11.875rem;
  font-size: 1.6666666667em;
  font-weight: bold;
}
.all_menu .cont_box .depth2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "noto-sans-kr", "Noto Sans KR", sans-serif;
  color: #666;
}
.all_menu .cont_box .depth2 .inn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  font-weight: 400;
}
.all_menu .cont_box .depth2 .inn li {
  margin-right: 4.0625rem;
}
.all_menu .cont_box .depth2 a:hover {
  text-decoration: underline;
  color: #c8a666;
}
.all_menu .subs_menu {
  display: none;
}
@media screen and (max-width: 1280px) {
  .all_menu .popup_box {
    width: 100%;
  }
  .all_menu .inner {
    display: block;
  }
  .all_menu .subs_menu {
    padding-top: 1.125rem;
    margin-top: 0.875rem;
    border-top: 1px solid #beb3a1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .all_menu .subs_menu button, .all_menu .subs_menu a {
    font-size: 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
  }
  .all_menu .subs_menu button:hover, .all_menu .subs_menu a:hover {
    color: #c8a666;
  }
  .all_menu .subs_menu [class*=iconFt_] {
    display: inline-block;
    margin-right: 0.4375rem;
  }
  .all_menu .subs_menu li + li {
    position: relative;
    margin-left: 1.25rem;
    padding-left: 1.25rem;
  }
  .all_menu .subs_menu li + li::before {
    content: "";
    display: block;
    border-right: 1px solid #beb3a1;
    height: 0.625rem;
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .all_menu .tit_box {
    padding-top: 0.9375rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    margin-top: 0;
  }
  .all_menu .tit_box .copy {
    display: none;
  }
  .all_menu .tit_box .logo {
    display: none;
  }
  .all_menu .tit_box .pop_tit {
    text-align: left;
    margin-top: 0;
  }
  .all_menu .cont_box {
    padding: 1.75rem 1.25rem 4.375rem;
    height: 100%;
  }
  .all_menu .cont_box .depth1 {
    display: block;
  }
  .all_menu .cont_box .depth1 + .depth1 {
    margin-top: 1.875rem;
  }
  .all_menu .cont_box .depth_tit {
    display: inline-block;
    min-width: auto;
    width: auto;
    margin-bottom: 0.625rem;
  }
  .all_menu .cont_box .depth2 .inn {
    justify-content: flex-start;
    margin-top: -0.3125rem;
  }
  .all_menu .cont_box .depth2 .inn li {
    margin-top: 0.3125rem;
  }
}
@media screen and (max-width: 800px) {
  .all_menu .popup_box {
    width: 100%;
  }
  .all_menu .popup_close {
    width: 2.8125rem;
    height: 2.8125rem;
    font-size: 0.8125rem;
  }
  .all_menu .inner {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1636' height='796' viewBox='0 0 1636 796'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='bg' transform='translate(142 142)' style='fill:%23fff' d='M0 0h1636v796H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='bg_logo' transform='translate(-142 -142)' style='clip-path:url(%23clip-path)'%3E%3Cg id='Group_14' data-name='Group 14' transform='translate(906.023 445.481)' style='opacity:.05'%3E%3Cpath id='Path_22' data-name='Path 22' fill='%232a2424' d='M494.407 300.66c94.644 3.014 152.968 20.857 153.546 21.036l3.747-12.023c-2.422-.749-60.373-18.52-156.9-21.593z' transform='translate(342.016 110.149)'/%3E%3Cpath id='Path_23' data-name='Path 23' fill='%232a2424' d='M975.54 375.875v-12.594H822.95v-12.132h-12.588v12.133H657.181v12.594h153.181v21.939c-100.3.68-157.3 17.561-168.9 21.371a313.69 313.69 0 0 0-33.547-8.557V258.21a313.69 313.69 0 0 0 33.547-8.557c11.6 3.805 68.62 20.676 168.9 21.363V293.4H657.181v12.594h153.181v22.349H657.181v12.594H975.54v-12.599H822.95v-22.349h152.59V293.4H822.95v-22.386c110.6-.759 168.575-21.2 171.027-22.086l-4.269-11.845c-.594.213-60.8 21.371-173.055 21.371S644.2 237.3 643.6 237.084l-2.14-.762-2.129.762c-.25.091-10.931 3.832-31.415 8.159v-23.327h-12.584v25.811c-29.163 5.356-72.492 10.728-129.049 10.728-53.634 0-95.353-4.831-124.4-9.9v-26.64H329.3V246.2c-23.524-4.719-35.8-9.02-36.062-9.116l-4.272 11.845c1.159.418 14.72 5.2 40.334 10.214V409.7c-25.614 5.012-39.175 9.8-40.334 10.214l4.272 11.845c.594-.21 60.8-21.371 173.049-21.371s172.455 21.161 173.052 21.371l2.137.762 2.132-.762c.592-.21 60.8-21.371 173.049-21.371h6.3v-34.513zM466.283 271.049c56.3 0 99.411-5.108 129.049-10.422v67.578H341.884v-66.763c29.432 5.007 70.989 9.606 124.4 9.606M341.884 407.4v-66.6h253.448v67.413c-29.637-5.311-72.753-10.422-129.049-10.422-53.41 0-94.967 4.6-124.4 9.606' transform='translate(0 .002)'/%3E%3Cpath id='Rectangle_53' data-name='Rectangle 53' fill='%232a2424' transform='translate(737.619 221.915)' d='M0 0h12.588v25.094H0z'/%3E%3Cpath id='Rectangle_54' data-name='Rectangle 54' fill='%232a2424' transform='translate(883.102 221.915)' d='M0 0h12.594v25.094H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    height: 100vh;
  }
  .all_menu .tit_box .pop_tit {
    font-size: 2.25rem;
  }
  .all_menu .tit_box .pop_tit img {
    height: 2.1875rem;
  }
  .all_menu .cont_box {
    background-image: none;
    height: auto;
  }
  .all_menu .cont_box .depth1 {
    font-size: 1rem;
  }
  .all_menu .cont_box .depth_tit {
    font-size: 1.5em;
  }
  .all_menu .cont_box .depth2 .inn li {
    margin-right: 1.875rem;
  }
}

.sub_visual {
  position: relative;
  height: 22.5rem;
  background-color: #ddd;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: background 1s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .sub_visual {
    height: 9.375rem;
  }
}
.sub_visual.st_1 {
  background-image: url("/resource/images/sub/sub_visual_1.jpg?var=2");
}
.sub_visual.st_2 {
  background-image: url("/resource/images/sub/sub_visual_2.jpg?var=2");
}
.sub_visual.st_3 {
  background-image: url("/resource/images/sub/sub_visual_3.jpg?var=2");
}
.sub_visual.st_4 {
  background-image: url("/resource/images/sub/sub_visual_4.jpg?var=2");
}
.sub_visual.st_5 {
  background-image: url("/resource/images/sub/sub_visual_5.jpg?var=2");
}
.sub_visual.st_6 {
  background-image: url("/resource/images/sub/sub_visual_6.jpg?var=2");
}
.sub_visual.st_7 {
  background-image: url("/resource/images/sub/sub_visual_7.jpg?var=2");
}
.sub_visual.st_8 {
  background-image: url("/resource/images/sub/sub_visual_8.jpg?var=2");
}
.sub_visual.st_9 {
  background-image: url("/resource/images/sub/sub_visual_9.jpg?var=2");
}
.sub_visual.st_10 {
  background-image: url("/resource/images/sub/sub_visual_10.jpg?var=2");
}
.sub_visual.st_11 {
  background-image: url("/resource/images/sub/sub_visual_11.jpg?var=2");
}
.sub_visual.st_12 {
  background-image: url("/resource/images/sub/sub_visual_12.jpg?var=2");
}
.sub_visual.st_13 {
  background-image: url("/resource/images/sub/sub_visual_13.jpg?var=2");
}
.sub_visual.st_14 {
  background-image: url("/resource/images/sub/sub_visual_14.jpg?var=2");
}
.sub_visual.st_15 {
  background-image: url("/resource/images/sub/sub_visual_15.jpg?var=2");
}
.sub_visual.st_16 {
  background-image: url("/resource/images/sub/sub_visual_16.jpg?var=2");
}
.sub_visual.st_17 {
  background-image: url("/resource/images/sub/sub_visual_17.jpg?var=2");
}
.sub_visual.st_18 {
  background-image: url("/resource/images/sub/sub_visual_18.jpg?var=2");
}
.sub_visual.st_19 {
  background-image: url("/resource/images/sub/sub_visual_19.jpg?var=2");
}
.sub_visual .sv_text_box {
  text-align: center;
  color: #fff;
  font-size: 1rem;
  padding-top: 3.75em;
}
.sub_visual .sv_tit {
  font-size: 2.875em;
  position: relative;
  line-height: 1.2;
  font-weight: bold;
}
.sub_visual .sv_txt {
  font-size: 1.125em;
  padding-top: 1em;
  position: relative;
  line-height: 1.2;
  font-weight: 300;
}
#affiliatePop .data_box {
  max-width: 440px;
}
#affiliatePop .data_box.full {
  max-width: 100%;
}
#affiliatePop .agree_chk .fm_ch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#affiliatePop .agree_chk .fm_ch ._icon {
  margin-right: 0.625rem;
}
#affiliatePop .agree_inner {
  color: #666;
  border: 1px solid #e5e5e5;
  font-size: 0.8333333333em;
  padding: 1.1333333333rem;
  max-height: 8em;
  height: 8em;
  overflow-y: auto;
  font-weight: 400;
  line-height: 1.5;
  font-family: "Noto Sans KR", "noto-sans-kr", sans-serif;
}
@media screen and (max-width: 800px) {
  #affiliatePop .agree_inner {
    font-size: 0.8125rem;
  }
}
#affiliatePop .agree_inner p, #affiliatePop .agree_inner ul {
  margin-top: 1.3333333333em;
}
#affiliatePop .agree_inner p:first-child, #affiliatePop .agree_inner ul:first-child {
  margin-top: 0;
}
#affiliatePop .agree_inner p li + li, #affiliatePop .agree_inner ul li + li {
  margin-top: 0.6666666667em;
}
@media screen and (max-width: 1280px) {
  #affiliatePop .tit_box {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  #affiliatePop .tit_box .logo {
    display: none;
  }
  #affiliatePop .tit_box .copy {
    display: none;
  }
  #affiliatePop .tit_box .pop_tit {
    text-align: left;
  }
  #affiliatePop .cont_box {
    padding-top: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 3.75rem;
  }
  #affiliatePop .agree_chk {
    margin-top: 0.875rem;
    margin-bottom: 2.5rem;
  }
  #affiliatePop .data_box {
    max-width: 100%;
  }
}
@media screen and (max-width: 800px) {
  #affiliatePop .popup_close {
    width: 2.8125rem;
    height: 2.8125rem;
    font-size: 0.8125rem;
  }
  #affiliatePop .tit_box {
    padding-top: 2.8125rem;
    padding-bottom: 1.25rem;
  }
  #affiliatePop .tit_box .pop_tit {
    margin-top: 0;
    font-size: 2.25rem;
  }
}

.location_tab ul {
  position: relative;
  z-index: 1;
  font-size: 1rem;
  max-width: 93.75rem;
  margin: -5em auto 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  background-color: rgba(255, 255, 255, 0.95);
}
.location_tab ul > li {
  height: 5em;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.location_tab ul > li a {
  position: relative;
  display: block;
  padding: 1.4444444444em 0;
  font-size: 1.125em;
  font-weight: 500;
  color: #444;
  letter-spacing: 0;
}
.location_tab ul > li a::before {
  content: "";
  display: block;
  width: 1px;
  height: auto;
  background-color: #ddd;
  position: absolute;
  right: 0;
  top: 1.1111111111em;
  bottom: 1.1111111111em;
}
.location_tab ul > li a:hover {
  color: #c8a666;
}
.location_tab ul > li:first-child a::after {
  content: "";
  display: block;
  width: 1px;
  height: auto;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 1.25em;
  bottom: 1.25em;
}
.location_tab ul > li.on {
  background-color: #c8a666;
}
.location_tab ul > li.on a {
  font-weight: bold;
  color: #fff;
}
.location_tab ul > li.on a::before, .location_tab ul > li.on a::after {
  display: none;
}

.location ul {
  position: relative;
  font-size: 1rem;
  max-width: 93.75rem;
  margin: 2.0625em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.location ul li {
  color: #666666;
  padding-left: 2.5em;
  transform: translateX(-2.5em);
  background: no-repeat left 1.0625em top 50%;
  background-size: 0.3125em auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5px' height='7px' viewbox='0 0 5 7'%3E%3Cpath fill='rgb(153, 153, 153)' d='M0.0,0.0 L2.0,0.0 L2.0,0.999 L2.999,0.999 L2.999,2.0 L3.999,2.0 L3.999,3.0 L5.0,3.0 L5.0,3.999 L3.999,3.999 L3.999,4.999 L2.999,4.999 L2.999,6.0 L2.0,6.0 L2.0,6.999 L0.0,6.999 L0.0,6.0 L1.0,6.0 L1.0,4.999 L2.0,4.999 L2.0,3.999 L2.999,3.999 L2.999,3.0 L2.0,3.0 L2.0,2.0 L1.0,2.0 L1.0,0.999 L0.0,0.999 L0.0,0.0 Z'/%3E%3C/svg%3E");
}
.location ul li > * {
  display: inline-block;
  position: relative;
}
.location ul li:last-child {
  font-weight: 500;
  color: #c8a666;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5000;
  tranform: rotate(-0.001deg);
  color: #222;
  background-color: #fff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: 1.25rem;
  border-bottom: 1px solid rgba(229, 229, 229, 0.3);
}
#header:hover {
  background-color: #fff;
  color: #222;
}
#header:hover .logo_w {
  display: none;
}
#header:hover .logo_b {
  display: block;
}
#header:hover .h_btn.affi_btn {
  color: #222;
  border-color: #bbbbbb;
}
#header:hover .h_burgor ._bar, #header:hover .h_burgor::before, #header:hover .h_burgor::after {
  background-color: #222;
}
@media screen and (max-width: 1280px) {
  #header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
#header > .flex {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
#header .logo_w {
  display: none;
}
#header._fixed {
  background-color: #fff;
  color: #222;
}
#header._fixed .logo .logo_w {
  display: none;
}
#header._fixed .logo .logo_b {
  display: block;
}
#header._fixed .h_btn.affi_btn {
  color: #222;
  border-color: #bbb;
}
#header._fixed .h_burgor ._bar, #header._fixed .h_burgor::before, #header._fixed .h_burgor::after {
  background-color: #222;
}
#header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 10em;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
#header .logo a {
  display: block;
}
#header .logo .logo_1 {
  display: none;
}
#header .logo img {
  vertical-align: top;
  max-width: 100%;
}
@media screen and (max-width: 800px) {
  #header .logo {
    font-size: 0.625rem;
    width: 6.2em;
    padding-top: 1.4em;
    padding-bottom: 1.4em;
  }
}
#header .header_right {
  margin-left: auto;
}
#header .header_right .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
#header .header_right .btns li + li {
  margin-left: 0.625rem;
}
#header .header_right .btns li:last-child {
  margin-left: 1.5rem;
}
#header .header_right .btns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#header .header_right .btns svg {
  vertical-align: top;
}
#header .h_btn {
  padding: 0.5625rem 1.25rem;
  border-radius: 2.5rem;
  font-weight: 400;
  font-size: 1rem;
}
#header .h_btn.affi_btn {
  color: #222;
  border: 1px solid #bbbbbb;
}
#header .h_btn.store_btn {
  color: #fff;
  background-color: #c8a666;
}
#header .h_btn [class*=iconFt_] {
  display: inline-block;
  margin-right: 0.3125rem;
  font-size: 1rem;
}
#header .allmenu_button {
  display: block;
  width: 1.875rem;
  height: 1.25rem;
  position: relative;
}
#header .allmenu_button > span {
  position: absolute;
  top: 0;
  left: 0;
}
#header .allmenu_button.on .h_burgor ._bar {
  opacity: 0;
}
#header .allmenu_button.on .h_burgor::before {
  bottom: 50%;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-bottom: -1px;
}
#header .allmenu_button.on .h_burgor::after {
  top: 50%;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 800px) {
  #header .allmenu_button {
    width: 1.5625rem;
    height: 1.125rem;
  }
}
#header .h_burgor {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#header .h_burgor ._bar {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}
#header .h_burgor::after, #header .h_burgor::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
}
#header .h_burgor::after {
  top: 0;
}
#header .h_burgor::before {
  bottom: 0;
}
#header .h_burgor ._bar, #header .h_burgor::before, #header .h_burgor::after {
  background-color: #222;
  height: 0.125rem;
  transition: all 0.3s;
}
@media screen and (max-width: 300) {
  #header .btns .store,
#header .btns .affi {
    display: none;
  }
}

#gnb {
  font-size: 1em;
}
#gnb > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
#gnb .depth_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-weight: 600;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
#gnb .depth1 {
  position: relative;
  height: 100%;
}
#gnb .depth1 .depth_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
#gnb .depth1 .depth_box::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #c8a666;
  height: 0.1875rem;
  opacity: 0;
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  transition: opacity 0.3s, transform 0.3s;
}
#gnb .depth1:hover .depth_box::after {
  opacity: 1;
  transform: none;
}
#gnb .depth1:hover .depth2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-start;
  height: 5rem;
  -moz-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
}
#gnb .depth1:hover .depth2 li {
  opacity: 1;
}
#gnb .depth2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  height: 0;
  z-index: 5;
  opacity: 0;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  -moz-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s, height 0.3s;
  white-space: nowrap;
  font-size: 1.125rem;
  font-family: "Noto Sans KR", "noto-sans-kr", sans-serif;
}
#gnb .depth2::before {
  content: "";
  display: block;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  position: absolute;
  top: 0;
  left: 0;
  width: 5000px;
  height: 100%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  z-index: 5;
}
#gnb .depth2 li {
  opacity: 0;
  overflow: hidden;
  position: relative;
  z-index: 6;
  transition: opacity 0.4s;
}
#gnb .depth2 li a:hover {
  color: #c8a666;
}
#gnb .depth2 li + li {
  margin-left: 3.125rem;
}
@media screen and (max-width: 1280px) {
  #gnb {
    display: none;
  }
}

#footer {
  background-color: #302f2e;
  padding-top: 3.4375rem;
  padding-bottom: 6.875rem;
  font-size: 0.875rem;
}
@media screen and (max-width: 1280px) {
  #footer {
    padding-bottom: 3.4375rem;
  }
}
#footer img {
  vertical-align: top;
}
#footer .wrap_1680 {
  position: relative;
}
#footer .family_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 14.75rem;
  height: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
#footer .family_box .select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #4d4d4d;
  position: relative;
  color: #ddd;
  font-weight: 400;
}
#footer .family_box .select button {
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 0.5rem 0;
  font-weight: 400;
}
#footer .family_box .select::after {
  content: "\e91c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.7142857143em;
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#footer .family_box .family_lists {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  background-color: #302f2e;
  z-index: 10000;
}
#footer .family_box .family_lists .family_list + .family_list {
  border-top: 1px solid #5e5851;
}
#footer .family_box .family_lists .family_list:last-child {
  border-bottom: 1px solid #5e5851;
}
#footer .family_box .family_lists .family_list a {
  display: block;
  padding: 0.625rem 1.5625rem 0.625rem 0.625rem;
}
#footer .inner {
  position: relative;
}
#footer .ft_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#footer .ft_logo > span + span {
  display: block;
  margin-left: 1.25rem;
}
#footer .ft_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2.5rem 0 1.875rem;
  color: #fff;
  font-weight: 400;
  letter-spacing: normal;
}
#footer .ft_list li:first-child {
  color: #c8a666;
}
#footer .ft_list li + li {
  margin-left: 1.25rem;
}
#footer .ft_info {
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  color: #ddd;
  font-size: 1.1428em;
  font-weight: 300;
  margin-top: 0.625rem;
  letter-spacing: normal;
}
#footer .ft_info > span {
  display: inline-block;
  margin-right: 0.625rem;
  padding-right: 0.625rem;
  position: relative;
  margin-top: 0.625rem;
}
#footer .ft_info > span b {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  margin-left: 0.3125rem;
  vertical-align: top;
}
#footer .ft_info .r_bar::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 0.625rem;
  border-right: 1px solid #999;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#footer .ft_customer {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  color: #ddd;
  letter-spacing: normal;
}
#footer .ft_customer .cust_tit {
  display: block;
  color: #fff;
}
#footer .ft_customer .ft_tel {
  display: block;
  font-size: 1.875rem;
  font-weight: bold;
  color: #c8a666;
  line-height: 1.25;
  margin: 1.25rem auto 0.5rem;
  letter-spacing: normal;
}
#footer .ft_customer p {
  font-size: 1rem;
  color: #ddd;
  font-weight: 300;
}
#footer .ft_customer p b {
  display: inline-block;
  margin-left: 0.1875rem;
  font-weight: 400;
  color: #fff;
}
#footer .ft_customer p + p {
  margin-top: 0.3125rem;
}
#footer .sns_box {
  color: #fff;
  font-size: 1.5rem;
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#footer .sns_box li + li {
  margin-left: 1.375rem;
}
#footer .sns_box .youtube {
  font-size: 0.8333333333em;
}
@media screen and (max-width: 1280px) {
  #footer {
    position: relative;
    padding-top: 2.8125rem;
    padding-bottom: 5.5rem;
  }
  #footer .inner,
#footer .wrap_1680 {
    position: static;
  }
  #footer .family_box {
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0;
  }
  #footer .family_box .select {
    font-size: 1rem;
    height: 3.875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-bottom: 0;
    border-top: 1px solid #4d4d4d;
    color: #dddddd;
    letter-spacing: 0;
  }
  #footer .family_box .select ._txt {
    padding-left: 1.5625rem;
  }
  #footer .family_box .select::after {
    right: auto;
    left: 1.25rem;
  }
  #footer .family_box .family_lists {
    z-index: 10;
    border-top: 1px solid #5e5851;
  }
  #footer .family_box .family_lists .family_list a {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
  #footer .ft_logo {
    position: relative;
  }
  #footer .ft_customer {
    position: static;
    text-align: left;
    margin-top: 1.75rem;
    margin-bottom: 0.625rem;
    font-size: 1rem;
  }
  #footer .cust_tel_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1rem;
  }
  #footer .cust_tel_box .ft_tel {
    margin: 0;
    margin-left: 0.625rem;
    font-size: 1.28em;
  }
  #footer .ft_list {
    display: block;
    padding-top: 1.875rem;
    padding-bottom: 1.25rem;
    font-size: 1rem;
  }
  #footer .ft_list li {
    display: inline-block;
  }
  #footer .ft_list li:last-child {
    display: block;
    margin-left: 0;
    margin-top: 0.5rem;
  }
  #footer .ft_info span {
    display: block;
  }
  #footer .ft_info br {
    display: none;
  }
  #footer .ft_info .r_bar::after {
    display: none;
  }
  #footer .sns_box {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #footer .sns_box.dp_md_show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #footer .sns_box li + li {
    margin-left: 0.9375rem;
  }
}
@media screen and (max-width: 800px) {
  #footer .ft_customer, #footer .ft_customer p {
    font-size: 0.875rem;
  }
  #footer .family_box .select button {
    font-size: 1rem;
  }
  #footer .ft_list {
    font-size: 0.875rem;
  }
  #footer .ft_info {
    font-size: 0.875rem;
  }
}

.floating_btns {
  position: fixed;
  bottom: 1.5625rem;
  right: 2.375rem;
  z-index: 2500;
  font-size: 1.25rem;
}
@media screen and (max-width: 1280px) {
  .floating_btns {
    font-size: 1.0625rem;
    right: 1.25rem;
  }
}
.floating_btns li {
  pointer-events: none;
}
.floating_btns li:nth-child(2) {
  transition: margin 0.25s;
  margin-bottom: -100%;
}
.floating_btns > li + li {
  margin-top: 0.35em;
}
@media screen and (max-width: 1280px) {
  .floating_btns > li + li {
    margin-top: 0.625rem;
  }
}
.floating_btns a,
.floating_btns button {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid rgba(187, 187, 187, 0.5);
}
@media screen and (max-width: 1280px) {
  .floating_btns a,
.floating_btns button {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.floating_btns .aff_btn,
.floating_btns .store_btn {
  transform: translateX(200%);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  display: none;
  pointer-events: none;
}
@media screen and (max-width: 1280px) {
  .floating_btns .aff_btn,
.floating_btns .store_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: none;
    opacity: 1;
    pointer-events: auto;
  }
}
.floating_btns .aff_btn {
  font-family: "Noto Sans KR", "noto-sans-kr", sans-serif;
  border: none;
  background-color: #222222;
  color: #fff;
  font-size: 0.7em;
  word-break: break-word;
  padding: 0.3571428571em 1.0714285714em;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.floating_btns .store_btn {
  border: none;
  background-color: #c27a34;
  color: #fff;
  font-size: 1em;
}
.floating_btns .top_btn {
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  font-size: 1.4em;
  transition: background 0.25s, color 0.25s, transform 0.3s;
  color: #222222;
  padding-left: 0;
  padding-right: 0;
  pointer-events: auto;
}
.floating_btns .top_btn:hover {
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
}
.floating_btns._top {
  transform: none;
}
.floating_btns._top li:nth-child(2) {
  margin-bottom: 0%;
}
.floating_btns._top .top_btn {
  opacity: 1;
  transform: translateX(0);
}

/*# sourceMappingURL=layout.css.map */