/* 초기화 */
* {
   outline: 0 !important;
}

div {
   /* overflow: hidden; */
}
:root {
   --bxslide_height: 500px;
   --minRangeValue: 200px;
   --slide_1_bg: #5b9ab0;
   --slide_2_bg: #785d8a;
   --slide_3_bg: #5465b3;
   --slide_4_bg: #13acaf;
   --slide_5_bg: #6976b1;

   --main_color0: #4a4630; /* 차분한 어두운 올리브 베이스 */
   --main_color1: #5a5538; /* 중후한 카키 브라운 */
   --main_color2: #6a633f; /* 따뜻한 올리브 골드 */
   --main_color3: #7a7247; /* 부드러운 골드 브라운 */
   --main_color4: #8a8250; /* 은은한 미디엄 골드 */
   --main_color5: #9b9259; /* 차분한 라이트 골드 */
   --main_color6: #aca163; /* 파스텔 골드 포인트 */
   --main_color7: #bcb26e; /* 밝지만 과하지 않은 골드 */
   --main_color8: #ccc278; /* 부드럽게 빛나는 샴페인 골드 */
   --main_color9: #ede8c4; /* 은은한 하이라이트용 골드 */

   --menu-height: 300px; /* 전체카테고리 메뉴의 높이*/
   --maincolor: #e2aa1e; /* 메인컬러황 */
   --maincolorup: #d09500; /* 메인컬러황 */
   --subcolor1: #c42625; /* 서브컬러1적 */
   --subcolor1down: #9f0f0f; /* 서브컬러1적 */
   --subcolor2up: #071f47; /* 서브컬러1청 */
   --subcolor2: #143b7e; /* 서브컬러1청 */
   --subcolor2down: #1e56b7; /* 서브컬러1청 */
   --pointcolor: #f9efe5; /* 포인트컬러베이지 */
   --basecolor: #f5f4ef; /* 베이스톤백 */
   --fontcolor: #0b0b09; /* 글자흑 */
   --fontcolordown: #979797; /* 글자흑 */
}
* {
   box-sizing: border-box;
}
html {
   overflow-y: scroll;
   height: 100%;
   min-width: 320px;
}
body {
   margin: 0;
   padding: 0;
   background: #f9f9f9;
   height: 100%;
   font-size: 0.875rem !important;
   font-family:
      "Noto Sans KR", "Malgun Gothic", "맑은 고딕", dotum, "돋움", "Carlito",
      "Gowun Dodum", AppleSDGothicNeo-Regular, sans-serif !important;
   color: var(--fontcolor) !important;
}
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;
   /* font-weight: normal !important; */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}
legend {
   position: absolute;
   font-size: 0;
   line-height: 0;
   text-indent: -9999em;
   overflow: hidden;
}
input,
button {
   margin: 0;
   padding: 0;
   font-size: 1em;
   font-family:
      "Noto Sans KR", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕",
      dotum, "돋움", sans-serif;
}
button,
input[type="submit"] {
   cursor: pointer;
}
input[type="text"],
input[type="password"],
input[type="image"],
button {
   font-size: 1em;
   appearance: none;
   -webkit-appearance: none;
   border-radius: 4px;
}
textarea,
select,
button {
   font-size: 1em;
   font-family:
      "Noto Sans KR", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕",
      dotum, "돋움", sans-serif;
}
textarea {
   border-radius: 0;
   appearance: none;
   -webkit-appearance: none;
}
select {
   margin: 0;
   background: none;
}
p {
   margin: 0;
   padding: 0;
   word-break: break-all;
}
hr {
   /* display: none; */
}
#manual hr {
   display: block;
}
pre {
   overflow-x: scroll;
   font-size: 1.1em;
}
a {
   text-decoration: none;
}
a:hover {
   text-decoration: none !important;
}
ul,
li,
dl,
dt,
dd {
   padding: 0;
   margin: 0;
}
ul {
   list-style: none;
}
img {
   vertical-align: top;
   max-width: 100%;
   height: auto;
}
*,
:after,
:before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.flex {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
}
/* 팝업레이어 */
#hd_pop {
   z-index: 1000;
   position: relative;
   margin: 0 auto;
   width: 100%;
   height: 0px;
}
#hd_pop h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
.hd_pops {
   position: absolute;
   border: 1px solid #e9e9e9;
   background: #fff;
}
.hd_pops_con {
}
.hd_pops img {
   max-width: 100%;
   height: auto;
}
.hd_pops_footer {
   padding: 10px 0;
   background: #000;
   color: #fff;
   text-align: right;
}
.hd_pops_footer button {
   margin-right: 5px;
   padding: 5px 10px;
   border: 0;
   background: #393939;
   color: #fff;
}
/* 상단 레이아웃 */
#hd {
   position: relative;
   background: #fff;
}
#hd.fixed {
   position: fixed;
   z-index: 9999;
   width: 100%;
   top: 0;
   left: 0;
}
#hd h1 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#hd_menu {
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 1200px;
   margin: 0 auto;
   transition: all 0.3s;
   position: relative;
}
.hd_menu_wrap {
   padding: 0 20px;
   top: 88px;
   left: 0;
   width: 100%;
   z-index: 999;
   transition: background 0.3s;
   background-color: #fff;
}
.hd_menu_wrap.fixed {
   position: fixed;
   top: 0;
   left: 0;
   border-bottom: 1px solid #ddd;
   background-color: #fff;
}

#hd_menu ul {
   margin: 0;
   max-width: 1200px;
}
#hd_menu ul:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.mainmenu.mainmenu2 li {
   white-space: nowrap;
   text-align: center;
}
.mainmenu li:last-child {
   border-right: none;
}
.mainmenu.mainmenu4 li {
   border-right: none;
}
.mainmenu.mainmenu4 .menu_close {
   border-left: none;
   padding: 20px 4px 10px;
   margin-bottom: 10px;
   font-size: 1.1em;
}
.submenu.mainmenu4 li {
   border-right: none;
}
.submenu.mainmenu4 li:first-child {
   border-left: none;
}
.mainmenu3 {
   position: fixed;
   top: 0;
   left: -400px;
   width: 400px;
   background-color: #f5f4ef;
   z-index: 9999;
   text-align: left;
   padding: 20px 20px 20px 100px;
   height: 100%;
   border-right: 1px solid #ddd;
}
.mainmenu3.hide {
   display: none;
}
.mainmenu3.view {
   display: block;
}
.mainmenu3.view button {
   height: 40px;
}
#hd_menu .hd_menu_left {
   display: inline-block;
}
#hd_wr1 .hd_menu_left ul {
   margin-bottom: 0;
}
#hd_wr1 .hd_menu_left ul .ft_ico {
   margin: 0;
   transition: all 0.3s;
}
#hd_wr1 .hd_menu_left ul .ft_ico:hover {
   transform: translateY(-2px);
}
#hd_wr1 .hd_menu_left ul .ft_ico i::before {
   margin: 0 6px;
   display: block;
   font-size: 30px;
}
#hd_menu .hd_menu_left li {
   line-height: 40px;
   display: inline-block;
}
#hd_wr1 .hd_menu_left li {
   font-size: 12px;
   display: inline-block;
   width: max-content;
}
#hd_menu .hd_menu_left .first_menu {
   transition: all 0.3s;
}
#hd_wr1 .hd_menu_left .first_menu {
   transition: all 0.3s;
}
#hd_menu .hd_menu_right li {
   line-height: 45px;
   display: inline-block;
}
#hd_menu .hd_menu_left .submenu {
   display: none;
   background-color: var(--slide_3_bg);
   padding: 6px 0;
   border-top: 1px solid #ddd;
}
#hd_wr1 .hd_menu_left .submenu {
   display: none;
   background-color: var(--slide_3_bg);
   padding: 6px 0;
   border-top: 1px solid #ddd;
}
#hd_menu .hd_menu_left .first_menu:hover .submenu {
   display: block;
}
#hd_wr1 .hd_menu_left .first_menu:hover .submenu {
   display: block;
}
#hd_menu .hd_menu_left .first_menu {
   position: relative;
   width: 96px;
}
#hd_wr1 .hd_menu_left .first_menu {
   position: relative;
}
#hd_menu .hd_menu_left .first_menu a {
   padding: 0 12px;
}
#hd_wr1 .hd_menu_left .first_menu a {
   padding: 0 4px;
   color: #545454;
   font-size: 1.1em;
}
#hd_wr1 .hd_menu_left .first_menu .submenu a {
   color: #fff;
}
.btn_left.btn_left1 #btn_cate {
   margin-right: 0;
   padding: 3px 10px;
}
#btn_cate {
   position: relative;
   padding: 14px;
   background-color: #fff;
   border-radius: 2px;
   font-weight: bold;
   cursor: pointer;
   margin-right: 10px;
   display: flex;
   align-items: center;
}
#btn_cate i {
   font-size: 22px;
   width: 22px;
   margin-top: 1px;
}
#hd_menu .hd_menu_left .submenu {
   position: absolute;
   z-index: 999;
   width: 180px;
   top: 68px;
}
#hd_menu .hd_menu_left .submenu li {
   display: block;
}
#hd_menu .hd_menu_left .submenu li:hover {
   background-color: #363fab;
}
#hd_wr1 .hd_menu_left .submenu {
   position: absolute;
   z-index: 999;
   width: 180px;
   left: 0;
}
#hd_wr1 .hd_menu_left .submenu li {
   display: block;
}
#hd_wr1 .hd_menu_left .submenu li:hover {
   background-color: #363fab;
}
#hd_menu li a {
   text-decoration: none;
   white-space: nowrap;
   transition: all 0.2s;
}
#hd_menu .hd_menu_right li a {
   font-weight: 500;
}
#hd_menu .hd_menu_right li:hover a {
   color: var(--subcolor2);
   font-weight: 600;
}
.gnb_1da {
   display: block;
   padding: 0 4px;
   line-height: 40px;
   color: var(--fontcolor);
   font-weight: 400;
   text-decoration: none;
   font-size: 1.1em;
}
.gnb_1da:hover {
}
.gnb_1da.gohome img {
   width: 80px;
}
.gnb_1da.gohome:hover {
   transition: all 0.3s;
   transform: translateY(-2px);
}
#cate_view li a {
   color: #333;
   font-weight: normal;
   width: 100%;
}
#hd_menu li a:hover {
   color: var(--subcolor2);
}
.mainmenu2 .gnb_1dli::after {
   content: "";
   position: absolute;
   top: 14px;
   right: 0;
   height: 15px;
   width: 1px;
   background-color: #fff;
}
#hd_menu .gnb_1dli {
   position: relative;
}
#hd_menu .hd_menu_right {
   float: right;
}

#hd_menu #gnb_1dul .gnb_1dli {
   display: inline-block;
}
#hd_wr {
   margin: 0 auto;
   max-width: 1200px;
   /* padding: 10px 20px; */
   position: relative;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   display: flex;
   align-items: center;
   justify-content: center;
}
#hd_wr:after {
}
#hd_wr0_wrap0 {
   max-width: 1200px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   padding: 4px 10px;
}
#hd_wr0 {
   padding: 0px 20px;
   position: relative;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
#hd_wr1 {
   position: relative;
   transition: all 0.3s ease-in-out;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-right: 10px;
}
#hd_wr1 .first_menu {
   padding: 0px 2px;
}
#logo img {
   vertical-align: middle;
   max-width: 200px;
   max-height: 120px;
}
#hd_sch h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#hd_sch .sch_inner {
   position: relative;
   display: flex;
   justify-content: end;
   align-items: center;
}
#hd_sch .sch_inner:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#hd_sch #sch_str {
   border: none;
   text-align: center;
   border: 1px solid #7d7d7d;
   border-radius: 15px;
   width: 160px;
}
#hd_sch .sch_submit {
   float: left;
   height: 30px;
   border: 0;
   cursor: pointer;
   background: none;
   padding: 0 18px;
}
#hd_sch .btn_close {
   display: none;
}
.mainmenu3_li {
   border-bottom: 1px solid #fff;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: row-reverse;
}
#hd_btn.prev_logo {
   display: none;
}
#hd_btn .btn_left {
   display: none;
   align-items: center;
   justify-content: center;
}
#hd_btn .btn_left1 li a {
}
#hd_btn .btn_right {
   position: relative;
}
.btn_left.btn_left1 {
   display: none;
   position: relative;
}
.btn_left.btn_left2 {
   display: flex;
   position: relative;
   justify-content: center;
   align-items: center;
}
#logo.logo2 {
   display: none;
}

#hd_btn button {
   width: 45px;
   background: none;
   border: 0;
   vertical-align: top;
}
#hd_btn button i {
   color: var(--main_color1);
}
#hd_wr0_wrap #hd_btn button i {
   font-size: 14px;
}
#hd_btn a {
   display: inline-block;
   line-height: 32px;
   text-align: center;
   width: auto;
   vertical-align: top;
   padding: 0 4px;
   color: var(--main_color0);
}
#hd_btn #logo a {
   padding: 0 0;
}
#btn_cartop {
   padding: 0 24px 0 8px !important;
}
#hd_wr0_wrap #hd_btn a {
   color: #545454;
}
#hd_btn .btn_ol {
   width: auto;
   display: inline-flex;
   flex-direction: row;
   align-items: center;
}
#hd_btn .btn_ol .txt {
   color: #717989;
   display: inline-block;
   margin-left: 5px;
   font-size: 14px;
}
#hd_wr0_wrap #hd_btn .btn_ol .txt:hover {
   color: var(--main_color1);
}
#btn_cartop {
   position: relative;
}
#btn_cartop .cart-count {
   position: absolute;
   top: 5px;
   right: 8px;
   background: var(--main_color5);
   border-radius: 15px;
   font-size: 10px;
   color: #fff;
   padding: 0 5px;
   border: 2px solid #fff;
   line-height: 16px;
}
#btn_user img {
   width: 24px;
   height: 24px;
   border-radius: 50px;
   vertical-align: top;
}
.hd_admin a {
   display: inline-block;
   padding: 0 20px;
   line-height: 40px;
   color: #d12323;
}
.hd_admin a:hover {
   color: #b90000;
}
#cate_view span {
   display: inline-block;
   padding-left: 4px;
   font-weight: bold;
   text-decoration: none;
   font-size: 1.167em;
}
#cate_view:hover span {
   color: var(--subcolor2);
}

/* #cate_view:hover .menu {
   display: block;
} */
#cate_view .menu_logo {
   display: block;
   max-height: 60px;
   margin-right: 20px;
}
/* .menu {
   display: none;
   position: absolute;
   top: 52px;
   left: 0;
   width: 240px;
   height: var(--menu-height);
   background: #fff;
   z-index: 99999;
   text-align: left;
   border: 1px solid #ddd;
} */
/* #category.btn_cate2 --------------------------------- */
#category.btn_cate1 {
   display: block;
}
#category.btn_cate2 {
   display: block;
   position: absolute;
   left: 190px;
   top: 68px;
   background: #fff;
   border-left: 1px solid #00075c;
   border-right: 1px solid #00075c;
   border-bottom: 1px solid #00075c;
   color: #00075c;
}
#category.btn_cate2 * {
   color: #00075c;
}
/* #category.btn_cate2 --------------------------------- */
.menu h2 {
   font-size: 1.077em;
   color: #fff;
   line-height: 55px;
   padding: 0 20px;
   border-bottom: 1px solid #3e4150;
}
.menu .menu_close {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 55px;
   background: none;
   color: #858285;
   font-size: 16px;
   border: 0;
   z-index: 99999;
   text-align: right;
   padding-right: 13px;
}
.cate a {
   display: block;
   color: #333;
   padding: 0 20px;
   color: #b0b3c6;
}
.cate li {
   z-index: 99999;
   line-height: 40px;
   /* display: flex; */
   justify-content: space-between;
}
#ol_after .cate li {
   display: block;
}
.cate li.mshop_ca_row1:hover {
   background: #eff1f9;
}
.cate li.mshop_ca_row2:hover {
   background: #eff1f9;
}
.cate li.mshop_ca_row3:hover {
   background: #eff1f9;
}
.cate li button {
   width: 60px;
   height: 40px;
   overflow: hidden;
   border: 0;
   background: url(../img/mobile/gnb_bg.png) no-repeat 80% 50%;
   text-indent: -9999px;
}
.cate li button.ct_cl {
   background: url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%;
}
.sub_cate {
   /* display: none; */
   /* font-size: 0.923em */
}
.sub_cate a {
   /* padding-left: 30px; */
}
.sub_cate1 {
   display: none;
   position: absolute;
   top: 0;
   left: 240px;
   height: calc(var(--menu-height) - 2px);
   width: 100%;
   border: 1px solid #ddd;
   box-sizing: border-box;
   margin: 45px;
   margin-top: -1px !important;
   margin-left: -1px !important;
}
#category .cate .sub_cate1 > li:hover .sub_cate2 {
   display: block;
}
.sub_cate2 {
   display: none;
   background: #fff;
   position: absolute;
   top: 0;
   left: 239px;
   height: var(--menu-height);
   width: 100%;
   border-left: 1px solid #dde2f6;
}
.sub_cate2 a {
   /* padding-left: 40px;
  background-position: 31px 17px; */
}
.sub_cate3 a {
   padding-left: 50px;
   background-position: 41px 17px;
}
.sub_cate4 a {
   padding-left: 60px;
   background-position: 51px 17px;
}
/* 중간 레이아웃 */
/* #container {
    padding: 10px
} */
#container {
   margin-top: 0;
}
/* 메인배너 BOX : #container_title */
#container_title {
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   width: 100%;
   max-height: 300px;
   aspect-ratio: 2 / 1;
   height: auto !important;
   background-color: #ddd;
   position: relative;
}

#container_title .ca_name {
   display: none;
}

#container_title #jarallax-container-0 > div {
   top: -40px !important;
}
#container_title h1 {
   font-size: 2rem;
   color: #fff;
}
#container_title h2 {
   color: #fff;
   text-align: center;
   max-width: 960px;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 0 20px;
}
#container_title h3 {
   color: #fff;
   text-align: center;
   max-width: 960px;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 0 20px;
   z-index: 1;
}
.box {
   background: #fff;
   /* -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07) */
}
.tab_con .box {
   background: #fff;
   box-shadow: none;
   border: 1px solid #ddd;
}
.container {
   margin: 0 auto;
   max-width: 1200px;
}
/* .amcmall.container {
    padding-right: 5px;
    padding-left: 5px;
} */
#container.list-container {
   padding: 10px 0;
}
#container.cart-container {
   padding: 10px 0 0;
}
#container.view-container {
   padding: 10px 0 0;
}
#container.cart-container #container_title {
   max-width: 100%;
}
#container.view-container #container_title {
   display: none;
}
/*메인*/
#gnb {
   float: left;
   width: 25%;
   padding: 10px;
}
#main_bn {
}
.main_banner_wrap {
   position: relative;
}
.bx-viewport {
   height: 60vh;
   max-height: 400px;
}
@media (max-width: 576px) {
   .main_banner_wrap {
      flex-direction: column;
   }
   .bx-viewport {
      height: 50vh;
   }
   .max_576 {
      display: none !important;
   }
   .product_wrap {
      flex-direction: column;
   }
   #logo img {
      max-width: 200px;
   }
}

@media (max-width: 991px) {
   .product_wrap {
      flex-direction: column;
   }
}
.main_banner_1 {
   height: var(--bxslide_height);
   padding-left: 0 !important;
   padding-right: 0 !important;
   display: none;
}

.main_banner,
.main_banner_side {
   padding-right: 0 !important;
   padding-left: 0 !important;
}
.main_banner_side {
   display: flex;
   flex-wrap: wrap;
}
.main_banner_side div {
   width: 50%;
   flex-grow: 1;
   overflow: hidden;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #fff;
}
.main_banner_side img {
   width: 100%;
   /* height: 100%; */
   /* vertical-align: middle; */
   /* transition: all 0.5s ease-in-out; */
}
.main_banner_side img:hover {
   transform: scale(1.05);
}
#idx_rec {
   /* margin-top: -80px; */
   /* background: #2c2d49; */
   text-align: center;
   /* padding: 100px 0 100px */
}
#idx_rec h2 a {
   color: #fff;
   font-size: 1em;
   /* margin-bottom: 30px; */
   display: inline-block;
   text-decoration: none;
   /* background-color: #00547c; */
   background-color: rgba(0, 153, 255, 1);
}
#idx_rec h2 a {
   width: 100%;
   padding: 10px;
}
#idx_rec h2 {
   margin-bottom: 0;
}
.product_wrap {
   display: flex;
   /* padding-left: 0 !important;
    padding-right: 0 !important; */
   /* background-color: gray; */
}
.product_info {
   border: 2px solid #fff;
   padding-left: 0 !important;
   padding-right: 0 !important;
   min-height: 400px !important;
   background: url(../img/CK_ti375a14801.jpg);
   background-size: cover;
   background-position: center;
}
.product_list {
   /* border: 1px solid #ddd; */
   padding-left: 0 !important;
   padding-right: 0 !important;
}
.product_list ul {
   display: grid;
   /* grid-gap: 2rem; */
   grid-template-columns: repeat(auto-fit, minmax(var(--minRangeValue), 1fr));
}
.idx_rec {
   position: relative;
}
.idx_rec::before {
   /* content: ""; */
   position: absolute;
   top: 0;
   left: 0;
   background: url(../img/product_bg.jpg);
   z-index: -1;
   width: 100%;
   height: 100%;
   filter: blur(2px) grayscale(1) opacity(0.2);
}
@media (max-width: 639px) {
   #idx_rec h2 a {
      text-align: center;
      font-size: 1.2em;
      margin-bottom: 10px;
   }
}
@media (max-width: 969px) {
   #gnb {
      display: none;
   }
   #main_bn {
      width: 100%;
      float: none;
   }
   /* #container_title {
    font-size: 1.4em;
    padding: 10px;
    text-align: left;
  } */
   .main_banner_wrap .bx-viewport {
      aspect-ratio: 40 / 15;
      height: auto !important;
   }
}
.iframe_wrap {
   display: flex;
}
@media (max-width: 576px) {
   .iframe_wrap {
      flex-direction: column;
   }
   .iframe_1 {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }
   .iframe_2 {
      padding-right: 0 !important;
      padding-left: 0 !important;
   }
}
.iframe_1 {
   padding-left: 0 !important;
}
.iframe_2 {
   padding-right: 0 !important;
}
.ifrae {
   position: relative;
   padding-bottom: 75%;
   height: 0px;
   overflow: hidden;
}
/* 56.25% */
.ifrae iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.iframe iframe {
   width: 100%;
   height: 300px;
}
.iframe_title {
   padding: 8px 26px;
   background-color: #17191c;
   color: #fff;
   border-radius: 26px;
   display: inline-block;
   font-size: 1.2rem;
}
/* 내용관리 */
#ctt {
   margin: 10px 0 !important;
   padding: 100px 40px !important;
   /* border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9; */
   box-shadow: none !important;
}
.ctt_admin {
   margin: 0 5px;
   text-align: right;
}
#ctt header h1 {
   position: absolute;
   font-size: 0;
   line-height: 0;
   overflow: hidden;
}
#ctt_con {
   padding: 10px 0;
}
.ctt_img {
   text-align: center;
}
/* 하단 레이아웃 */
#ft {
   border-top: 1px solid rgba(188, 170, 164, 0.5);
   overflow: hidden;
   position: relative;
   z-index: 10;
   color: #333;
   background-color: #f5f5f5;
   width: 100%;
}
/* #ft:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.7;
  background: url('data:image/svg+xml;utf8,<svg width="160" height="200" style="transform:rotate(45deg);" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 300 50"><text stroke-width="1" stroke="%23efefef" fill="%23ffffff" x="0" y="10" font-size="70" font-family="Arial, Helvetica, sans-serif">DG Time</text></svg>')
    0 0/200px 200px;
  z-index: -1;
  font-family: "Merienda", cursive;
} */
.ft_wr {
   max-width: 1200px;
   margin: 0 auto;
   padding: 30px 0 0px;
}
.ft_wr h6 {
   font-size: 1rem;
   margin-bottom: 0.2rem;
   margin-right: 10px;
   display: inline-block;
}
.ft_wr.ft_wr2 {
   padding-top: 0;
}
.ft_wr.ft_wr2 h6 {
   display: inline-block;
}
.ft_wr ul:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}

.ft_wr .ft_box {
   float: left;
   /* width: 30%;
  text-align: center; */
   /* border-left: 1px solid #edeef4; */
   padding: 0 40px;
}
/* .ft_wr .ft_box:nth-child(2) {
  width: 40%;
} */
.ft_wr .ft_box:first-child {
   border-left: 0;
}
.ft_wr .ft_box h2 {
   margin-bottom: 10px;
}
.ft_wr .ft_box .fa {
   width: 50px;
   line-height: 50px;
   border-radius: 50px;
   background: var(--main_color1);
   margin-bottom: 15px;
   color: #ffffff;
}
.ft_wr .ft_box .fa.fa-building-columns {
   background: cornflowerblue !important;
}
.ft_wr .ft_box h4:hover .fa {
   background: var(--main_color5);
}
.ft_wr .ft_box strong {
   display: block;
   /* margin-bottom: 20px; */
}
/* .ft_wr .ft_box p {
  color: #333;
  font-weight: 300;
  line-height: 1.7em;
} */
.ft_wr .ft_box p span {
   display: inline-block;
   margin-right: 8px;
}
.ft_wr .ft_box.ft_box2 .ft_ico_wrap {
   /* display: flex;
  justify-content: center;
  flex-direction: column; */
}
.ft_wr .ft_box.ft_box2 .tit {
   padding-bottom: 10px;
}
.ft_wr .ft_box.ft_box2 .ft_ico_wrap .ft_ico {
   padding: 2px;
   transition: all 0.2s;
   margin-right: 4px;
}
.ft_wr .ft_box.ft_box2 .ft_ico_wrap .ft_ico:hover {
   transform: translateY(-2px);
}
.ft_wr .ft_box.ft_box2 .ft_ico_wrap .ft_ico .bankcopy {
   padding-left: 10px;
   padding-right: 20px;
}

.ft_wr .ft_box.ft_box2 .ft_ico_wrap .ft_ico > a {
   /* background-color: #eee;
  border-radius: 50%;
  width: 100%;
  display: block;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s; */
}
.ft_wr .ft_box.ft_box2 .ft_ico_wrap .ft_ico > a:hover {
   /* background-color: #ccc; */
}
.ft_wr .ft_box.ft_box2 .ft_ico_wrap .ft_ico > a i {
   font-size: 40px;
   color: #555;
}
.ft_wr1 {
   color: #333;
}
#ft_company {
   margin: 0 auto;
   max-width: 1200px;
   padding: 0px 40px 16px;
   /* color: #717989; */
   text-align: right;
}
#ft_company:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#ft_company a {
   display: inline-block;
   margin: 0 10px;
   color: #333;
}
.ft_copy {
   float: left;
}
#ft_to_top {
   position: fixed;
   bottom: 10px;
   right: 10px;
   width: 40px;
   line-height: 40px;
   background: #fff;
   opacity: 0.6;
   text-align: center;
   border-radius: 30px;
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
}
#ft_to_top:hover {
   opacity: 1;
   -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.09);
   -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.09);
   box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.09);
}
@media (max-width: 969px) {
   #hd_wr1 .hd_menu_left .first_menu {
      display: none;
   }
   .ft_wr {
      padding: 0 10px;
   }
   .ft_wr .ft_box {
      width: 100%;
      border-left: 0;
      padding: 40px;
   }
   .ft_wr .ft_box:nth-child(2) {
      width: 100%;
   }
   #ft_company {
      text-align: center;
   }
   .ft_copy {
      float: none;
      margin-top: 10px;
   }
   .ft_wr .ft_box.ft_info {
      border-left: none;
      border-right: none;
   }
}
@media (max-width: 639px) {
   .ft_wr .ft_box {
      padding: 20px 10px;
   }
}
/* 목록 바로가기 */
.sanchor {
   margin: 0 0 5px;
   padding: 0;
}
.sanchor:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sanchor li {
   float: left;
   list-style: none;
   width: 25%;
   border-top: 2px solid #000;
   text-align: center;
   overflow: hidden;
   white-space: nowrap;
   letter-spacing: 0.2em;
   font-size: 0.93em;
}
.sanchor a {
   display: block;
   padding: 10px;
   border-left: 1px solid #ededed;
   border-bottom: 1px solid #ededed;
   background: #fcfcfc;
   text-decoration: none;
   color: #484848;
}
.sanchor a:focus,
.sanchor a:hover {
   background: #eee;
   text-decoration: none;
}
.sanchor a.sanchor_on {
   background: #fff;
   text-decoration: none;
   border-bottom: 1px solid #fff;
}
/* ####### 쇼핑몰 컨텐츠 ####### */
.st_bg {
   display: inline-block;
   width: 1px;
   height: 10px;
   margin: 0 10px;
   background: #e2e1e0;
   vertical-align: -1px;
}
#listtype {
   margin: 10px;
}
#sod_chk {
   margin: 15px;
}
.sod_list {
   margin: 10px 0;
}
.sod_list .sod_li {
   background: #fff;
   border: 1px solid #e7e8ef;
   margin: 10px 0;
}
.sod_list .li_name {
   border-bottom: 1px solid #dcdcdc;
   line-height: 1.3em;
   padding: 10px 10px;
   font-size: 1.083em;
}
.sod_list .li_op_wr {
   position: relative;
   margin: 10px;
   padding-left: 90px;
   min-height: 80px;
}
.sod_list .total_img {
   position: absolute;
   top: 0;
   left: 0;
}
.sod_list .mod_options {
   padding: 0 7px;
   border: 1px solid #38b2b9;
   color: #38b2b9;
   background: #fff;
   height: 23px;
   line-height: 21px;
   margin: 5px 0 0;
}
.sod_list .li_prqty {
   margin: 10px 10px;
   border-top: 1px solid #dcdcdc;
   padding: 10px 0 0;
}
.sod_list .sod_opt {
   margin: 10px 10px;
}
.sod_list .li_prqty:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sod_list .li_prqty_sp {
   float: left;
   width: 50%;
   display: block;
   line-height: 20px;
   padding: 0 7px;
   text-align: right;
}
.sod_list .li_prqty_sp span {
   float: left;
}
.sod_list .prqty_sc,
.sod_list .prqty_price {
   border-right: 1px solid #dcdcdc;
}
.sod_list .total_price {
   background: #f5f5f5;
   border: 1px solid #e2e2e2;
   display: block;
   clear: both;
   margin: 10px;
   text-align: right;
   padding: 5px 10px;
   line-height: 20px;
}
.sod_list .total_price span {
   float: left;
}
.sod_list .total_price strong {
   font-size: 1.25em;
   color: #7d8dff;
}
.sod_opt li {
   padding-left: 10px;
   background: url("../img/bullet.gif") no-repeat 3px 50%;
   color: #777;
   margin: 3px 0;
   line-height: 1.3em;
}
#sit_opt_added {
   margin: 0;
   padding: 0;
   border-bottom: 0;
   list-style: none;
}
#sit_opt_added li {
   padding: 10px 15px;
   margin: 0 0 2px;
   /* background: #f3f3f3; */
   position: relative;
   border: 1px solid #ddd;
}
#sit_opt_added li .opt_name {
   line-height: 18px;
   padding: 0 0 5px;
}
#sit_opt_added li .opt_count {
}
#sit_opt_added li .opt_count:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sit_opt_added button {
   float: left;
   width: 30px;
   height: 30px;
   border: 1px solid #ccc;
   background: #fff;
   color: #aaa;
   font-size: 0.92em;
}
#sit_opt_added button:hover {
   background: #f3f3f3;
}
#sit_opt_added .num_input {
   float: left;
   border: 0;
   height: 30px;
   width: 40px;
   border-top: 1px solid #e4e4e4;
   border-bottom: 1px solid #e4e4e4;
   text-align: center;
   color: #333;
}
#sit_opt_added .num_input:focus {
   background: #e6f8f0;
}
#sit_opt_added .sit_opt_del {
   background: #fff;
   margin-left: 3px;
}
#sit_opt_added .sit_opt_prc {
   float: right;
   display: block;
   padding: 0 3px;
   text-align: right;
   line-height: 30px;
   font-weight: bold;
}
#sit_opt_added .sit_opt_prc {
   float: right;
   display: block;
   padding: 0 3px;
   text-align: right;
   line-height: 30px;
   font-weight: bold;
}
/* 장바구니 */
#mod_option_frm {
   position: fixed;
   top: 50%;
   left: 50%;
   background: #fff;
   width: 300px;
   max-height: 300px;
   margin-left: -150px;
   margin-top: -150px;
   overflow-y: auto;
   z-index: 99;
   border-radius: 0 0 3px 3px;
   -webkit-box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.4);
   box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.4);
}
#mod_option_frm h2 {
   height: 45px;
   line-height: 45px;
   font-size: 1.167em;
   border-bottom: 1px solid #eee;
   padding: 0 15px;
}
#mod_option_frm #sit_sel_option {
   margin: 15px;
}
#mod_option_frm #sit_tot_price {
   margin: 15px;
   line-height: 30px;
}
#mod_option_frm #sit_sel_option ul {
   background: #f3f3f3;
   border: 0;
}
#mod_option_frm h3 {
   margin: 0 0 10px;
   color: #5772d5;
}
#mod_option_frm .option_wr {
   margin: 15px;
}
#mod_option_frm .option_wr label {
   margin: 0 0 5px;
   display: block;
}
#mod_option_frm .option_wr select {
   width: 100%;
   height: 40px;
   border: 1px solid #d9d9d9;
   margin: 0 0 5px;
}
#mod_option_frm .btn_confirm {
   margin: 10px;
}
#mod_option_frm .btn_confirm .btn_submit {
   height: 40px;
   font-weight: bold;
   width: 100%;
}
#mod_option_frm .btn_confirm .btn_close {
   position: absolute;
   top: 0;
   right: 0;
   width: 45px;
   height: 45px;
   border: 0;
   background: none;
   color: #999;
   font-size: 1.25em;
}
#sod_bsk {
   padding: 20px 0 0;
   background: #f3f3f3;
}
#sod_bsk:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sod_bsk .btn_del_wr {
   margin: 10px;
}
#sod_bsk .sod_ta_wr {
   background: #e9e9e9;
   padding: 20px;
}
#sod_bsk .go_shopping {
   margin: 10px;
}
#sod_bsk .go_shopping .btn_b01 {
   line-height: 43px;
   font-size: 1.167em;
   font-weight: bold;
   width: 100%;
   text-align: center;
   display: block;
}
#m_sod_bsk_tot {
   padding: 15px;
   background: #fff;
}
#sod_bsk #m_sod_bsk_tot {
   background: none;
   padding: 0;
}
#m_sod_bsk_tot:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#m_sod_bsk_tot dt {
   float: left;
   width: 40%;
   padding: 5px 0;
   line-height: 20px;
   clear: both;
}
#m_sod_bsk_tot dd {
   float: left;
   width: 60%;
   padding: 5px 0;
   text-align: right;
   line-height: 20px;
}
#m_sod_bsk_tot .sod_bsk_cnt {
   border-top: 1px solid #ccc;
   font-weight: bold;
   margin-top: 15px;
   line-height: 25px;
}
#m_sod_bsk_tot .sod_bsk_cnt strong {
   font-size: 1.25em;
}
#sod_bsk_act .btn_submit {
   height: 45px;
   font-size: 1.167em;
   font-weight: bold;
   width: 100%;
   margin: 10px 0;
}
.cart_list:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.cart_list .sod_li {
   background: #fff;
   border: 1px solid #e7e8ef;
   border-bottom: 1px solid #cbd0d5;
   margin: 10px 0;
   position: relative;
   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
   -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}
.cart_list .sod_li:hover {
   /* border: 1px solid #406fff; */
   -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
   box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}
.cart_list .sod_li:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.cart_list .li_op_wr {
   padding: 20px;
   padding-left: 140px;
   min-height: 140px;
   position: relative;
}
.cart_list .li_name {
   padding: 15px;
   border-bottom: 1px solid #f3f3f3;
}
.cart_list .total_img {
   position: absolute;
   top: 20px;
   left: 20px;
}
.cart_list .li_prqty {
   background: #f8f9fa;
   padding: 20px;
   float: left;
   width: 75%;
}
.cart_list .li_prqty:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.cart_list .li_prqty_sp {
   display: block;
   width: 25%;
   float: left;
   border-left: 1px solid #eee;
   padding: 0 10px;
   text-align: center;
   line-height: 20px;
}
.cart_list .li_prqty_sp:first-child {
   border-left: 0;
}
.cart_list .li_prqty_sp span {
   display: block;
   color: #999;
   font-size: 0.92em;
   margin-bottom: 10px;
}
.cart_list .total_price {
   line-height: 20px;
   background: #eef2f6;
   color: #0074e9;
   padding: 20px;
   float: left;
   width: 25%;
   text-align: center;
}
.cart_list .total_price:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.cart_list .total_price span {
   display: block;
   color: #999;
   font-size: 0.92em;
   margin-bottom: 10px;
}
.cart_list .mod_btn {
   padding: 0 10px;
   height: 30px;
   margin: 20px 0;
   font-size: 12px;
}
@media (min-width: 970px) {
   .sod_bsk_left {
      float: left;
      width: 70%;
      padding: 20px 5%;
      height: 100%;
      background: #ededed;
   }
   #sod_bsk {
      position: relative;
      padding: 0;
   }
   #sod_bsk .sod_ta_wr {
      float: right;
      width: 30%;
      height: 100%;
      background: #fff;
      padding: 40px;
      position: relative;
      z-index: 9;
   }
   #sod_bsk:before {
      position: absolute;
      top: 0;
      right: 0;
      width: 30%;
      height: 100%;
      z-index: 2;
      background: #fff;
      content: "";
   }
   #sod_bsk .sod_ta_wr.fixed {
      /* position: fixed; */
      top: 0;
      right: 0;
      z-index: 10;
   }
   .go_shopping {
   }
   .cart_list .sod_li {
      margin: 20px 0;
   }
}
@media (max-width: 969px) {
   .cart_list .li_prqty {
      width: 100%;
      padding: 10px 0;
   }
   .cart_list .total_price {
      width: 100%;
      padding: 15px;
   }
   .cart_list .total_price span {
      display: inline-block;
      margin: 0;
      color: var(--fontcolor);
      margin-right: 10px;
   }
   #sod_bsk {
      padding: 0;
   }
}
/* 주문서 작성 */
.sod_frm_pc {
   margin: 80px 0 120px;
}
.sod_frm_pc label {
   margin: 0;
}
#sod_frm .od_prd_list {
   margin: 20px 10px;
   background: #fff;
}
.od_prd_list .td_chk {
   border-left: 0;
}
.od_prd_list .td_prd {
   border-left: 0;
   position: relative;
   padding-left: 100px;
   min-height: 100px;
}
.od_prd_list .td_prd .sod_img {
   position: absolute;
   top: 15px;
   left: 10px;
}
.od_prd_list .td_prd .sod_name {
   min-height: 80px;
}
.od_prd_list .td_prd .prd_name {
   font-size: 1.167em;
}
.od_prd_list .total_prc {
   color: #ff006c;
   font-weight: bold;
   font-size: 1.167em;
}
#sod_frm_orderer {
   padding: 10px 0;
}
#sod_frm_taker {
   padding: 10px 0 0;
   border-top: 1px solid #f3f3f3;
}
#sod_frm_taker h2,
#sod_frm_orderer h2 {
   margin: 10px 0;
   font-size: 1.25em;
}
.odf_list li {
}
.odf_list label,
.odf_list strong {
   display: block;
   margin: 7px 0 5px;
   color: #444;
   font-weight: normal;
}
.odf_list .frm_input {
   width: 100%;
   margin: 0 0 5px;
}
.odf_list .dlv_slt div {
   background: #f3f3f3;
   border: 1px solid #ccc;
   margin: 5px 0;
   padding: 10px;
}
.odf_list .dlv_slt div label {
   display: inline-block;
   margin: 3px 0;
   color: var(--fontcolor);
}
#order_address {
   display: block;
   width: 80px;
   text-align: center;
   border: 1px solid #3476be;
   color: #3476be;
   height: 30px;
   line-height: 28px;
   margin: 5px 0 0;
   background: none;
}
.odf_list .ad_default {
   display: inline-block;
   margin: 0;
}
.odf_list .btn_addsch {
   position: absolute;
   top: 3px;
   right: 5px;
   border-radius: 3px;
   height: 30px;
}
.odf_list .add_num {
   position: relative;
   display: block;
}
.odf_list textarea {
   border: 1px solid #ccc;
   background: #fff;
   color: var(--fontcolor);
   vertical-align: middle;
   border-radius: 3px;
   padding: 5px;
   width: 100%;
   height: 70px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#m_sod_frm_paysel {
   margin: 10px 0;
}
#m_sod_frm_paysel ul {
   margin: 0 0;
   background: #fff;
   padding: 0 0 10px;
}
#m_sod_frm_paysel ul:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#m_sod_frm_paysel li {
   float: left;
   padding: 5px;
   width: 46%;
   height: 25px;
   display: flex;
   align-items: center;
}
#m_sod_frm_paysel li input {
   margin-right: 10px;
}
#m_sod_frm_paysel li label {
   margin-bottom: 0;
}
#m_sod_frm_paysel .KPAY {
   background: url("../../../img/kpay.png") no-repeat;
   width: 37px;
   height: 15px;
   overflow: hidden;
   text-indent: -999px;
   display: inline-block;
   background-size: 100%;
}
#m_sod_frm_paysel .PAYNOW {
   background: url("../../../img/paynow.png") no-repeat;
   width: 46px;
   height: 15px;
   overflow: hidden;
   text-indent: -999px;
   display: inline-block;
   background-size: 100%;
}
#m_sod_frm_paysel .PAYCO {
   background: url("../../../img/payco.png") no-repeat 1px;
   width: 46px;
   height: 15px;
   overflow: hidden;
   text-indent: -999px;
   display: inline-block;
   background-size: 100%;
}
#m_sod_frm_paysel .inicis_lpay {
   background: url("../../../img/lpay_logo.png") no-repeat;
   width: 35px;
   height: 12px;
   overflow: hidden;
   text-indent: -999px;
   display: inline-block;
   background-size: 100%;
}
#m_sod_frm_paysel .inicis_kakaopay {
   background: url("../../../img/kakao.png") no-repeat 50% 50% #ffeb00;
   border-radius: 30px;
   height: 22px;
   width: 74px;
   display: inline-block;
   overflow: hidden;
   text-indent: -999px;
   background-size: 35px auto;
}
#m_sod_frm_paysel .kakaopay_icon {
   background: url("../../../img/kakao.png") no-repeat 50% 50% #ffeb00;
   border-radius: 30px;
   height: 22px;
   width: 74px;
   display: inline-block;
   overflow: hidden;
   text-indent: -999px;
   background-size: 35px auto;
}
#m_sod_frm_paysel .samsung_pay {
   margin-left: -23px;
   background: url("../../../img/samsungpay.png") no-repeat 24px 3px;
   height: 25px;
   width: 106px;
   display: inline-block;
   overflow: hidden;
   text-indent: -999px;
}
#sod_frm_pay {
   padding: 10px 0;
   border-top: 1px solid #f3f3f3;
}
#sod_frm_pay h2 {
   margin: 10px 0;
   font-size: 1.25em;
}
#sod_frm_pay .cp_btn1,
#sod_frm_pay .cp_cancel1 {
   margin-top: 0;
}
.odf_tbl {
   position: relative;
}
.odf_tbl table {
   background: #fff;
   width: 100%;
   border-collapse: collapse;
   border: 1px solid #eee;
   background: #fff;
}
.odf_tbl table th {
   border-top: 1px solid #eee;
   border-left: 1px solid #eee;
   background: #fff;
   padding: 10px;
   text-align: left;
   width: 120px;
   font-weight: normal;
}
.odf_tbl table td {
   border-top: 1px solid #eee;
   border-right: 1px solid #eee;
   background: #fff;
   padding: 7px 10px;
   text-align: right;
}
#sod_frm_pt_alert {
   margin: 10px 0;
   color: #328abd;
}
.sod_frm_point {
   margin-top: 10px;
   clear: both;
   background: #fff;
}
.sod_frm_point div {
   background: #fff;
   border-bottom: 1px solid #eee;
   padding: 10px;
   text-align: right;
}
.sod_frm_point div:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sod_frm_point div label {
   float: left;
   line-height: 30px;
}
.sod_frm_point div span {
   display: block;
   font-size: 0.92em;
}
.sod_frm_point div span:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sod_frm_point div strong {
   float: left;
   color: #666;
   font-weight: normal;
}
.sod_frm_point #od_temp_point {
   height: 30px;
   border: 1px solid #ccc;
   text-align: right;
}
#settle_bank {
   background: #fff;
   border-bottom: 1px solid #ccc;
   padding: 10px;
   text-align: right;
   clear: both;
}
#settle_bank select {
   height: 40px;
   margin: 0 0 5px;
   width: 100%;
}
#settle_bank #od_deposit_name {
   height: 30px;
   border: 1px solid #ccc;
   text-align: center;
}
#settle_bank label {
   float: left;
   line-height: 30px;
}
#sod_frm_pt_info {
   border-bottom: 1px solid #ccc;
}
.od_coupon {
   position: absolute;
   top: 0;
   left: 0;
   background: #fff;
   width: 100%;
   z-index: 99;
   border-radius: 0 0 3px 3px;
   border: 1px solid #eee;
   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
.od_coupon h3 {
   height: 45px;
   line-height: 45px;
   font-size: 1.167em;
   padding: 0 15px;
   text-align: left;
}
.od_coupon .tbl_head02 {
   margin: 0 15px 15px;
}
.od_coupon .tbl_head02 .btn_frmline {
   background: #3b67c2;
   color: #fff;
   border: 0;
   padding: 0 5px;
   line-height: 25px;
}
.od_coupon .tbl_head02 td {
   text-align: left;
   background: #fff !important;
   border-right: 0;
}
.od_coupon .tbl_head02 th {
   width: auto !important;
   border-left: 0;
}
.od_coupon .tbl_head02 .td_mngsmall {
   width: 60px;
   text-align: center;
}
.od_coupon .tbl_head02 .td_numbig {
   width: 80px;
   text-align: right;
}
.od_coupon .btn_confirm {
   margin: 20px;
}
.od_coupon .btn_confirm .btn_submit {
   height: 40px;
   font-size: 1.167em;
   font-weight: bold;
   width: 100%;
}
.od_coupon .btn_confirm .btn_close {
   position: absolute;
   top: 0;
   right: 0;
   width: 45px;
   height: 45px;
   border: 0;
   background: none;
   color: #333;
   font-size: 1.25em;
}
.cp_btn,
.cp_btn1 {
   padding: 0 7px;
   border: 1px solid #38b2b9;
   color: #38b2b9;
   background: #fff;
   height: 23px;
   line-height: 21px;
   margin: 5px 0 0;
}
.cp_apply {
   background: #3b67c2;
   color: #fff;
   border: 0;
   padding: 0 5px;
   line-height: 25px;
}
.cp_cancel,
.cp_cancel1 {
   padding: 0 7px;
   border: 1px solid #aaa;
   color: #666;
   background: #fff;
   height: 23px;
   line-height: 21px;
   margin: 10px 0 0 2px;
}
#sod_frm_escrow {
   margin: 10px;
}
#sod_frm_escrow h2 {
   font-size: 1.25em;
}
#od_pay_sl h3 {
   font-size: 1.25em;
}
.sod_left {
   display: table-cell;
   width: 65%;
   padding: 0 10px;
   vertical-align: top;
}
.sod_right {
   display: table-cell;
   width: 35%;
   background: #f5f9ff;
   padding: 20px;
   vertical-align: top;
   height: 100%;
}
/* 쿠폰 */
#scp_list li {
   position: relative;
   padding: 0;
}
#scp_list .li_pd {
   position: relative;
   padding: 10px;
}
#scp_list .li_title {
   font-weight: bold;
   font-size: 1.167em;
}
#scp_list .pd_price {
   position: absolute;
   top: 10px;
   right: 10px;
}
#scp_list .pd_price strong {
   color: #ff006c;
   font-size: 1.5em;
}
#scp_list .li_target {
   color: #666;
   margin: 5px 0 0;
   background: #f3f3f3;
   border-top: 1px dotted #ccc;
   padding: 5px 10px;
}
#scp_list .pd_date {
   float: right;
   color: #777;
}
/* 배송지 목록 */
#sod_addr {
}
#sod_addr ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
#sod_addr li {
   position: relative;
   padding: 0;
   border-bottom: 1px solid #e9e9e9;
}
#sod_addr .addr_title {
   border-bottom: 1px solid #ddd;
   padding: 10px 10px 10px 30px;
}
#sod_addr .ad_subject {
   height: 30px;
   border: 1px solid #bbb;
   width: 100%;
   padding: 0 10px;
}
#sod_addr .ad_chk {
   position: absolute;
   top: 17px;
   left: 10px;
}
#sod_addr .addr_info {
   padding: 15px;
}
#sod_addr .addr_name {
   margin: 0 0 10px;
   font-weight: bold;
   font-size: 1.083em;
}
#sod_addr .addr_addr {
   line-height: 1.5em;
   margin: 5px 0;
}
#sod_addr .addr_tel {
   margin: 5px 0;
   color: #666;
}
#sod_addr .fa-mobile {
   font-size: 14px;
}
#sod_addr .addr_btn {
   border-radius: 0 0 3px 3px;
   padding: 10px;
}
#sod_addr .addr_btn:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sod_addr .sel_address {
   width: 32%;
   float: left;
   margin-right: 1%;
   height: 30px;
   background: none;
   border: 1px solid #333;
   color: #333;
   padding: 0 5px;
}
#sod_addr .del_address {
   display: block;
   width: 32%;
   text-align: center;
   float: left;
   margin-right: 1%;
   border: 1px solid #aaa;
   background: none;
   color: #888;
   padding: 0 5px;
   height: 30px;
   line-height: 28px;
}
#sod_addr input[type="radio"] {
   position: absolute;
   width: 0;
   height: 0;
   overflow: hidden;
   visibility: hidden;
   text-indent: -999px;
   left: 0;
   z-index: -1px;
}
#sod_addr .add_lb {
   display: block;
   float: left;
   width: 32%;
   text-align: center;
   border: 1px solid #4162ff;
   color: #4162ff;
   height: 30px;
   line-height: 28px;
}
#sod_addr input[type="radio"]:checked + .add_lb {
   z-index: 3;
   background: #4162ff;
   color: #fff;
}
/* 주문내역 */
#sod_v {
   margin: 10px;
}
#sod_v .td_stat {
   width: 100px;
}
#sod_v_info {
   margin: 0 0 10px;
   padding: 10px;
   background: #e6d5d2;
   color: #883d1a;
   text-align: center;
   border-bottom: 1px solid #c3bcb1;
}
/* 주문상세내역 */
#sod_list_inq {
}
.sod_fin_list .sod_ta_wr {
   padding: 15px;
   background: #fff;
   border: 1px solid #e7e8ef;
}
.sod_fin_list h2 {
   position: absolute;
   border: 0;
   font-size: 0 !important;
   line-height: 0;
   content: "";
}
.sod_fin_list .prqty_stat {
   position: absolute;
   top: 0;
   right: 0;
   padding: 3px 5px;
   background: #6583c5;
   color: #fff;
}
.sod_fin_list .li_opt {
   color: #777;
   margin: 3px 0;
   line-height: 1.3em;
   padding-right: 50px;
}
#sod_sts_wrap {
   margin: 10px;
}
#sod_sts_wrap .btn_wr {
   border-top: 1px solid #bbb;
   text-align: center;
}
#sod_sts_explan_open {
   padding: 0 10px;
   height: 30px;
   border: 1px solid #bbb;
   border-top: 1px solid #e6e6e6;
   margin-top: -1px;
   color: #333;
   background: none;
}
#sod_sts_explan {
   display: none;
}
#sod_fin_legend {
   background: #f7f7f7;
   margin: 0 0 10px;
   padding: 10px;
   line-height: 20px;
}
#sod_fin_legend:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sod_fin_legend dt {
   float: left;
   width: 20%;
}
#sod_fin_legend dd {
   float: left;
   width: 80%;
}
#sod_fin_view {
   /* margin: 10px; */
}
#sod_fin_view h2 {
   position: absolute;
   border: 0;
   font-size: 0 !important;
   line-height: 0;
   content: "";
}
#sod_fin_view h3 {
   font-size: 1.167em;
   margin: 20px 0 10px;
   font-weight: bold !important;
}
#sod_fin_no {
   margin: 10px 0;
   border: 2px solid #b9b9b9;
   background: #f3f3f3;
   color: #444;
   text-align: center;
   padding: 10px;
}
#sod_fin_no strong {
   font-size: 1.167em;
}
#sod_fin_tot {
   /* margin: 10px; */
}
#sod_fin_tot h2 {
   font-size: 1.167em;
   margin: 20px 0 10px;
}
#sod_fin_tot ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
#sod_fin_tot li {
   padding: 10px;
   background: #38b2b9;
   border-bottom: 1px solid #5ec2c7;
   color: #fff;
   zoom: 1;
}
#sod_fin_tot li:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sod_fin_tot #alrdy {
   border-bottom: 0 !important;
}
#sod_fin_tot #alrdy .right {
   margin-top: 10px;
   text-align: right;
   color: #f3f3f3;
   font-size: 0.9em;
}
#sod_fin_tot #alrdy .right p {
   position: relative;
}
#sod_fin_tot #alrdy .right .title {
   position: absolute;
   left: 0;
   padding-left: 8px;
}
#sod_fin_tot strong {
   float: right;
}
#sod_fin_cancel {
   margin: 20px 0;
}
#sod_fin_cancel h2 {
   position: absolute;
   border: 0;
   font-size: 0;
   line-height: 0;
   content: "";
}
#sod_fin_cancel h2 {
   position: absolute;
   font-size: 0;
   line-height: 0;
   overflow: hidden;
}
#sod_fin_cancel button {
   height: 40px;
   /* border: 1px solid #5e6b6f; */
   border: 1px solid var(--subcolor1);
   font-weight: bold;
   width: 100%;
   background: none;
   color: var(--subcolor1);
}
#sod_fin_cancel p {
   text-align: center;
   background: #ffe0e0;
   border: 2px solid #d50c0c;
   padding: 15px;
   color: #d50c0c;
   font-size: 1.167em;
   font-weight: bold;
}
#sod_fin_cancelfrm {
   display: none;
   margin: 10px 0 0;
   text-align: center;
   background: #fff;
   padding: 15px 0;
}
#sod_fin_cancelfrm .frm_input {
   background: #fff;
   margin: 0 0 5px;
   width: 100%;
}
#sod_fin_cancelfrm .btn_frmline {
   background: var(--subcolor2);
   color: #fff;
   border: 0;
   padding: 10px;
   width: 100%;
   cursor: pointer;
   transition: all 0.3s;
}
#sod_fin_cancelfrm .btn_frmline:hover {
   background: var(--subcolor2down);
}
#sod_fin_test {
   padding: 10px;
}
/* 마이페이지 */
#smb_my {
   position: relative;
   max-width: 1200px;
   margin: 80px auto 120px;
   padding: 0 10px;
}
#smb_my_ov {
   display: none;
   background: #fff;
   border: 1px solid #e6e6e6;
   margin: 0 0 15px;
}
#smb_my_ov .hello_name {
   background: #f8f8f8;
   text-align: center;
   padding-bottom: 20px;
   border-bottom: 1px solid #e6e6e6;
   position: relative;
}
#smb_my_ov h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#smb_my_ov .my_img {
   display: inline-block;
   border-radius: 50%;
   overflow: hidden;
   position: relative;
   margin: 35px 0 0;
   -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
#smb_my_ov .btn_edit {
   position: Absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   background: #959595;
   line-height: 23px;
   color: #fff;
}
#smb_my_ov .btn_edit:hover {
   background: #d25959;
   color: #fff;
}
#smb_my_ov .my_name {
   margin: 10px 0;
}
#smb_my_ov .btn_out {
   position: absolute;
   top: 0;
   right: 0;
   background: #fff;
   border-bottom: 1px solid #e6e6e6;
   border-left: 1px solid #e6e6e6;
   border-radius: 0 0 0 5px;
   padding: 0 5px;
   line-height: 22px;
   font-size: 11px;
   color: #777;
}
#smb_my_wr {
   min-height: 560px;
}
.my_cou_wr {
   border-bottom: 1px solid #e6e6e6;
   font-weight: bold;
}
.my_cou_wr:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.my_cou_wr .my_cou {
   float: left;
   width: 50%;
   border-right: 1px solid #e6e6e6;
   text-align: center;
   padding: 10px 0;
}
.my_cou_wr .my_po {
   float: left;
   width: 50%;
   text-align: center;
   padding: 10px 0;
}
.my_cou_wr img {
   padding: 5px 0 0;
   width: 23px;
   height: auto;
}
.my_cou_wr a {
   color: #d63154;
}
.my_cou_wr span {
   display: block;
   line-height: 20px;
   color: var(--fontcolor);
}
.my_info {
   padding: 0 10px;
   line-height: 18px;
}
.my_info dt {
   border-top: 1px solid #e6e6e6;
   color: #5366ae;
   padding: 10px 0 0;
   font-size: 0.92em;
}
.my_info dd {
   padding: 0 0 10px;
}
.my_info dt:first-child {
   border: 0;
}
.btn_my_if {
   width: 100%;
   border: 0;
   background: #fff;
   padding: 10px;
   background: #f3f3f3;
}
#smb_my_od {
   margin: 0 0 50px;
   padding: 0;
}
#smb_my_od a {
   color: var(--subcolor2);
}

#smb_my_od h2 {
   margin: 0 0 10px;
   font-size: 1.25em;
}
#smb_my_wish {
   margin: 0 0 35px;
}
#smb_my_wish a {
   color: var(--subcolor2);
}
#smb_my_wish h2 {
   margin: 0 0 10px;
   font-size: 1.25em;
}
#smb_my_wish ul:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#smb_my_wish li {
   float: left;
   width: 25%;
   padding: 5px;
}
#smb_my_wish li img {
   width: 100%;
   height: auto;
}
#smb_my_wish li a {
   display: block;
   margin: 5px 0;
   font-weight: bold;
}
#smb_my_wish .empty_list {
   width: 100%;
   padding: 100px 0;
}
@media (min-width: 970px) {
   #smb_my_ov {
      position: absolute;
      top: 0;
      left: 0;
      width: 280px;
   }
   #smb_my {
      padding: 10px;
      /* padding-left: 300px; */
   }
   .btn_my_if {
      display: none;
   }
}
@media (max-width: 969px) {
   .my_info {
      display: none;
   }
}
@media (max-width: 640px) {
   #smb_my_wish li {
      width: 50%;
   }
}
/* 위시리스트 */
#sod_ws {
   margin: 60px 10px;
}
#sod_ws li {
   background: #fff;
   border-bottom: 1px solid #ccc;
   margin: 10px 0;
   position: relative;
   border-radius: 3px;
}
#sod_ws .wish_img {
   position: absolute;
   top: 50%;
   left: 20px;
   z-index: 10;
   width: 70px;
   height: 70px;
   margin-top: -35px;
   border-radius: 50%;
   overflow: hidden;
   z-index: 4;
}
#sod_ws .wish_info {
   padding: 15px 15px 15px 100px;
   min-height: 90px;
}
#sod_ws .wish_chk {
   position: absolute;
   top: 5px;
   left: 5px;
   z-index: 9;
}
#sod_ws .info_date {
   color: #777;
   display: block;
   font-size: 0.92em;
   margin: 5px 0 0;
}
#sod_ws .wish_prd {
   display: block;
   font-weight: bold;
   font-size: 1.083em;
}
#sod_ws .wish_prd {
   color: var(--subcolor2);
}
#sod_ws .wish_del {
   position: absolute;
   bottom: 10px;
   right: 10px;
}
#sod_ws .wish_del a {
   display: block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   background: #eee;
   border-radius: 3px;
   color: #777;
   text-align: center;
   font-size: 1.25em;
}
#sod_ws .sold_out {
   display: inline-block;
   padding: 3px 5px;
   background: #ff0000;
   color: #fff;
}
#sod_ws_act {
   text-align: center;
   margin: 10px 0;
}
#sod_ws_act:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sod_ws_act .btn01 {
   float: left;
   width: 49%;
   height: 50px;
   /* background: #d50c0c; */
   background: var(--subcolor1);
   font-weight: bold;
   border: 0;
   color: #fff;
   font-weight: bold;
   font-size: 1.25em;
   transition: all 0.3s;
}
#sod_ws_act .btn01:hover {
   background: var(--subcolor1down);
}
#sod_ws_act .btn02 {
   float: right;
   width: 49%;
   height: 50px;
   /* border: 1px solid #d50c0c;
   color: #d50c0c; */
   border: 1px solid var(--subcolor2);
   color: var(--subcolor2);
   font-weight: bold;
   background: #fff;
   font-weight: bold;
   font-size: 1.25em;
   transition: all 0.3s;
}
#sod_ws_act .btn02:hover {
   border: 1px solid var(--subcolor2down);
   color: var(--subcolor2down);
}
/* 주문내역 include  */
#sod_inquiry li:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sod_inquiry li {
   background: #fff;
   border: 1px solid #ddd;
   padding: 15px;
   margin-bottom: 10px;
   position: relative;
   border-radius: 5px;
}
#sod_inquiry li .idtime_link {
   font-weight: bold;
   font-size: 1.167em;
   color: var(--subcolor1);
}
#sod_inquiry li .idtime_time {
   position: absolute;
   top: 15px;
   right: 15px;
   color: #999;
}
#sod_inquiry li .inquiry_name {
   margin: 10px 0;
   color: #666;
}
#sod_inquiry li .inquiry_price {
   font-weight: bold;
   margin: 10px 0 0;
   color: #7d8dff;
   position: absolute;
   bottom: 16px;
   left: 16px;
}
#sod_inquiry li .inv_status {
   display: block;
   text-align: center;
   float: right;
   margin-top: 5px;
   font-size: 12px;
}
#sod_inquiry li .inv_inv {
   margin: 10px 0 0;
   display: block;
   border: 1px solid #c4c5cc;
   color: #666;
}
#sod_inquiry li .inv_inv i {
   width: 30px;
   height: 30px;
   line-height: 30px;
   background: #f3f3f3;
   text-align: center;
   color: #555;
   font-size: 15px;
   margin-right: 5px;
}
.status_01 {
   display: block;
   background: #fda83c;
   color: #fff;
   line-height: 25px;
   padding: 0 10px;
   border-radius: 30px;
}
.status_02 {
   display: block;
   background: #ff6f6f;
   color: #fff;
   line-height: 25px;
   padding: 0 10px;
   border-radius: 30px;
}
.status_03 {
   display: block;
   background: #5bd085;
   color: #fff;
   line-height: 25px;
   padding: 0 10px;
   border-radius: 30px;
}
.status_04 {
   display: block;
   background: #6fa8ff;
   color: #fff;
   line-height: 25px;
   padding: 0 10px;
   border-radius: 30px;
}
.status_05 {
   display: block;
   background: #333;
   color: #fff;
   line-height: 25px;
   padding: 0 10px;
   border-radius: 30px;
}
.status_06 {
   display: block;
   background: #f3f3f3;
   border: 1px solid #ddd;
   color: #666;
   line-height: 25px;
   font-weight: bold;
   padding: 0 10px;
   border-radius: 30px;
}
/* 주문상세내역 중 현금영수증 발급 */
#scash {
}
#scash section {
   padding: 10px 0;
}
#scash h2 {
   margin: 0 0 10px;
   text-align: center;
}
#scash .tbl_head01 th {
   padding: 0 10px;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
   background: #f2f5f9;
   text-align: left;
}
#scash_apply {
   padding: 10px 0 15px;
   text-align: center;
}
#scash_apply button {
   padding: 10px;
   border: 0;
   background: #565e60;
   color: #fff;
}
#scash_copy {
   text-align: center;
}
/* 화면낭독기 사용자용 */
#hd_login_msg {
   position: absolute;
   top: 0;
   left: 0;
   width: 1px;
   height: 1px;
   overflow: hidden;
}
.msg_sound_only,
.sound_only {
   display: inline-block !important;
   position: absolute;
   top: 0;
   left: 0;
   margin: 0 !important;
   padding: 0 !important;
   width: 1px !important;
   height: 1px !important;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   border: 0 !important;
   overflow: hidden !important;
}
/* 본문 바로가기 */
#skip_to_container a {
   z-index: 100000;
   position: absolute;
   font-size: 0;
   line-height: 0;
   overflow: hidden;
   left: 0;
}
#skip_to_container a:focus,
#skip_to_container a:active {
   width: 100%;
   height: 75px;
   background: #21272e;
   color: #fff;
   font-size: 1.5em;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   line-height: 3.3em;
}
/* 이미지 등비율 리사이징 */
.img_fix {
   width: 100%;
   height: auto;
}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
   position: relative;
}
#captcha legend {
   position: absolute;
   margin: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
   text-indent: -9999em;
   overflow: hidden;
}
#captcha #captcha_img {
   height: 40px;
   border: 1px solid #898989;
   vertical-align: top;
   padding: 0;
   margin: 0;
}
#captcha #captcha_mp3 {
   margin: 0;
   padding: 0;
   width: 40px;
   height: 40px;
   border: 0;
   background: transparent;
   vertical-align: middle;
   overflow: hidden;
   cursor: pointer;
   width: 40px;
   height: 40px;
   background: url("../../../img/captcha.png") no-repeat;
   text-indent: -999px;
   border-radius: 3px;
}
#captcha #captcha_reload {
   margin: 0;
   padding: 0;
   width: 40px;
   height: 40px;
   border: 0;
   background: transparent;
   vertical-align: middle;
   overflow: hidden;
   cursor: pointer;
   background: url("../../../img/captcha.png") no-repeat 0 -40px;
   text-indent: -999px;
   border-radius: 3px;
}
#captcha #captcha_key {
   margin: 0 0 0 3px;
   padding: 0 5px;
   width: 90px;
   height: 40px;
   border: 1px solid #ccc;
   background: #fff;
   font-size: 1.333em;
   font-weight: bold;
   text-align: center;
   border-radius: 3px;
   vertical-align: top;
}
#captcha #captcha_info {
   display: block;
   margin: 3px 0 5px;
   font-size: 0.95em;
   letter-spacing: -0.1em;
}
/* ckeditor 태그 기본값 */
#bo_v_con ul {
   display: block;
   list-style-type: disc;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 0;
   margin-right: 0;
   padding-left: 40px;
}
#bo_v_con ol {
   display: block;
   list-style-type: decimal;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 0;
   margin-right: 0;
   padding-left: 40px;
}
#bo_v_con li {
   display: list-item;
}
/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {
   display: block;
   margin: 0 0 5px;
}
/* Mobile화면으로 */
#mobile_cng {
   display: block;
   margin: 5px;
   padding: 5px 0;
   border: 1px solid #eee;
   border-radius: 2em;
   background: #fff;
   color: var(--fontcolor);
   font-size: 2em;
   text-decoration: none;
   text-align: center;
}
/* ckeditor 단축키 */
.cke_sc {
   margin: 0 0 5px;
   text-align: right;
}
.btn_cke_sc {
   display: inline-block;
   padding: 0 10px;
   /* height: 23px; */
   border: 1px solid #ccc !important;
   background: #fafafa !important;
   color: #000 !important;
   text-decoration: none !important;
   line-height: 1.9em;
   vertical-align: middle;
}
.cke_sc_def {
   margin: 0 0 5px;
   padding: 10px;
   border: 1px solid #ccc;
   background: #f2f5f9;
   text-align: center;
}
.cke_sc_def dl {
   margin: 0 0 5px;
   text-align: left;
}
.cke_sc_def dl:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.cke_sc_def dt,
.cke_sc_def dd {
   float: left;
   margin: 0;
   padding: 5px 0;
   border-bottom: 1px solid #e9e9e9;
}
.cke_sc_def dt {
   width: 20%;
   font-weight: bold;
}
.cke_sc_def dd {
   width: 30%;
}
/* 콘텐츠별 스타일 */
.cnt_cmt {
   display: inline-block;
   margin: 0 0 0 5px;
   font-weight: bold;
}
/* 버튼 */
.btn {
   display: inline-block;
   padding: 0 5px;
   /* height: 30px; */
   line-height: 30px;
   border-radius: 3px;
   font-weight: 500;
}
.btn_m {
   display: inline-block;
   padding: 4px 15px;
   border-radius: 3px;
   font-weight: 500;
}
.btn_l {
   display: inline-block;
   padding: 0 35px;
   height: 40px;
   /* line-height: 50px; */
   border-radius: 3px;
   font-weight: 500;
}
a.btn01 {
   display: inline-block;
   padding: 0 7px;
   border: 1px solid #ccc;
   border-bottom: 1px solid #aaa;
   background: #fff;
   color: #333;
   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: #fff;
   color: #666;
   text-decoration: none;
}
a.btn02 {
   display: inline-block;
   padding: 8px 7px 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 {
   /* background: #545454; */
   background: var(--maincolor);
   color: #fff;
   text-decoration: none;
   vertical-align: middle;
   border: 0;
   padding: 4px 12px;
}
.btn_confirm .btn01 {
   padding: 4px 12px;
}
.btn_submit:hover {
   /* background: #949494; */
   background: var(--maincolorup);
   color: #fff;
}
a.btn_cancel {
   display: inline-block;
   padding: 8px 7px 7px;
   border: 1px solid #ccc;
   background: #fff;
   color: var(--fontcolor);
   text-decoration: none;
   vertical-align: middle;
}
button.btn_cancel {
   display: inline-block;
   padding: 7px;
   border: 1px solid #ccc;
   background: #fafafa;
   color: var(--fontcolor);
   vertical-align: top;
   text-decoration: none;
}
a.btn_frmline,
button.btn_frmline {
   display: inline-block;
   padding: 0 5px;
   height: 1.9em;
   border: 0;
   background: #333;
   color: #fff;
   letter-spacing: -0.1em;
   text-decoration: none;
   vertical-align: top;
   line-height: 1.9em;
}
/* 우편번호검색버튼 등 */
button.btn_frmline {
   font-size: 1em;
}
.btn_top {
   margin: 10px;
   text-align: right;
}
.btn_top li {
   display: inline-block;
}
#sod_fin {
   max-width: 600px;
   margin: 80px auto 120px;
}
/* 게시판용 버튼 */
a.btn_b01,
.btn_b01 {
   display: inline-block;
   background: #fff;
   border: 1px solid #e4e5ec;
   color: #545454;
   text-decoration: none;
   vertical-align: middle;
}
#sit_use_wbtn a.btn_b01 {
   /* padding: 2px 15px; */
}
.btn_b01:hover,
.btn_b01:hover {
   background: #f4f5fa;
   color: var(--fontcolor);
}
a.btn_b02,
.btn_b02 {
   display: inline-block;
   background: var(--maincolor);
   color: #fff;
   text-decoration: none;
   vertical-align: middle;
   border: 0;
   /* height: 38px; */
}
a.btn_b02:hover,
.btn_b02:hover {
   background: var(--maincolorup);
   color: #fff;
   text-decoration: none;
}
a.btn_b03,
.btn_b03 {
   display: inline-block;
   background: #fff;
   color: #545454;
   border: 1px solid #ddd;
   text-decoration: none;
   vertical-align: middle;
   border-radius: 6px;
}
a.btn_b03:hover,
.btn_b03:hover {
}
a.btn_admin {
   display: inline-block;
   background: #545454;
   color: #fff;
   text-decoration: none;
   vertical-align: middle;
   /* padding: 0 12px; */
   border: 0;
}
.btn_admin {
   display: inline-block;
   background: var(--main_color4);
   color: #fff;
   text-decoration: none;
   vertical-align: middle;
   border: 0;
}
a.btn_admin:hover {
   /* font-weight: bold; */
   color: #fff;
   background: #cc2300;
}
.btn_admin:hover {
   /* font-weight: bold; */
   color: #fff;
   background: var(--main_color6);
}
/* 관리자 전용 버튼 */
a.btn_admin:focus,
a.btn_admin:hover {
}
/* 기본테이블 */
.tbl_wrap {
   margin: 0 0 0 0;
}
.tbl_wrap table {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
}
.tbl_wrap caption {
   padding: 10px 0;
   color: #4b8b99;
   font-weight: bold;
   text-align: left;
}
.tbl_head01 {
   margin: 0 0 10px;
}
.tbl_head01 table {
   border-top: 1px solid #d3d3d3;
   border-bottom: 1px solid #d3d3d3;
}
.tbl_head01 caption {
   padding: 0;
   font-size: 0;
   line-height: 0;
   overflow: hidden;
}
.tbl_head01 thead th {
   padding: 12px 0;
   border-bottom: 1px solid #d3d3d3;
   background: #f3f3f3;
   color: #383838;
   font-size: 0.95em;
   text-align: center;
   letter-spacing: -0.1em;
}
.tbl_head01 thead a {
   color: #383838;
}
.tbl_head01 thead th input {
   vertical-align: top;
}
/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
   padding: 10px 0;
   border-top: 1px solid #c1d1d5;
   border-bottom: 1px solid #c1d1d5;
   background: #d7e0e2;
   text-align: center;
}
.tbl_head01 tbody th {
   padding: 10px 0;
   border-top: 1px solid #e9e9e9;
   border-bottom: 1px solid #e9e9e9;
}
.tbl_head01 td {
   padding: 15px 5px;
   border-top: 1px solid #f3f3f3;
   border-left: 1px solid #f3f3f3;
   line-height: 1.5em;
   word-break: break-all;
}
.tbl_head01 td:first-child {
   border-left: 0;
}
.tbl_head01 a {
}
.tbl_head02 {
   margin: 15px;
}
.tbl_head02 caption {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
.tbl_head02 thead th {
   padding: 7px 0;
   border-top: 1px solid #333;
   border-bottom: 1px solid #ddd;
   background: #f3f3f3;
   color: #333;
   font-size: 0.95em;
   text-align: center;
}
.tbl_head02 thead a {
   color: #383838;
}
.tbl_head02 thead th input {
   vertical-align: top;
}
/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {
   border-top: 1px solid #666;
   border-bottom: 1px solid #666;
   background: #484848;
   color: #fff;
}
.tbl_head02 tfoot td {
   background: #484848;
   color: #fff;
   font-weight: bold;
   text-align: center;
}
.tbl_head02 tbody th {
   padding: 5px 0;
   border-top: 1px solid #e9e9e9;
   border-bottom: 1px solid #e9e9e9;
}
.tbl_head02 td {
   padding: 5px 3px;
   border-bottom: 1px solid #e9e9e9;
   line-height: 1.4em;
   word-break: break-all;
}
.tbl_head03 {
   margin: 0 0 10px;
}
.tbl_head03 table {
   border-bottom: 2px solid #d8dee1;
}
.tbl_head03 caption {
   padding: 0;
   font-size: 0;
   line-height: 0;
   overflow: hidden;
}
.tbl_head03 thead th {
   padding: 17px 0;
   background: #fff;
   border-top: 1px solid #d9e0e7;
   border-bottom: 1px solid #d9e0e7;
   font-size: 0.95em;
   text-align: center;
   letter-spacing: -0.1em;
   color: #8d9da9;
   font-weight: normal;
}
.tbl_head03 thead th:first-child {
   border-radius: 5px 0 0 0;
}
.tbl_head03 thead th:last-child {
   border-radius: 5px 0 0 0;
}
.tbl_head03 thead a {
   color: #383838;
}
.tbl_head03 thead th input {
   vertical-align: top;
}
/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th,
.tbl_head03 tfoot td {
   padding: 10px 0;
   border-bottom: 1px solid #c1d1d5;
   border-bottom: 1px solid #c1d1d5;
   background: #d7e0e2;
   text-align: center;
}
.tbl_head03 tbody th {
   padding: 10px 0;
   border-top: 1px solid #e9e9e9;
   border-bottom: 1px solid #e9e9e9;
}
.tbl_head03 td {
   padding: 15px 5px;
   border-top: 1px solid #f3f3f3;
   line-height: 1.5em;
   word-break: break-all;
   background: #fff;
}
.tbl_head02 a {
}
/* 폼 테이블 */
.tbl_frm01 {
}
.tbl_frm01 th {
   padding: 10px 0;
   width: 100px;
   border: 1px solid #e9e9e9;
   border-left: 0;
   text-align: left;
}
.tbl_frm01 td {
   padding: 10px 5px;
   border-top: 1px solid #e9e9e9;
   border-bottom: 1px solid #e9e9e9;
   background: transparent;
}
.tbl_frm01 textarea {
   width: 100%;
   height: 100px;
}
.tbl_frm01 a {
   text-decoration: none;
}
.tbl_frm01 .frm_address {
   margin-top: 5px;
   width: 100%;
}
.tbl_frm01 .frm_file {
   display: block;
   margin-bottom: 5px;
   width: 100%;
}
.tbl_frm01 .frm_info {
   display: inline-block;
   padding: 5px 0 0;
   color: #666;
   line-height: 1.3em;
}
/* 기본리스트 */
.list_01 {
   padding: 0 10px;
}
.list_01 li {
   background: #fff;
   border-radius: 3px;
   margin: 10px 0;
   padding: 10px 15px;
   -webkit-box-shadow: 0 1px 4px #cbd1df;
   -moz-box-shadow: 0 1px 4px #cbd1df;
   box-shadow: 0 1px 4px #cbd1df;
}
/* 기본폼 */
.form_01 {
   margin: 10px;
}
.form_01 div {
   margin: 5px 0;
   position: relative;
}
.form_01 li {
   margin: 5px 0;
   position: relative;
}
textarea,
.frm_input,
select {
   border: 1px solid #e1e6eb;
   background: #fff;
   color: var(--fontcolor);
   vertical-align: middle;
   padding: 6px 10px;
   height: 36px;
}
textarea:focus,
.frm_input:focus,
select:focus {
   outline: none;
   border-color: #d4d6e1;
   /* background: #edeef4; */
}
input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px white inset !important;
   box-shadow: 0 0 0px 1000px white inset !important;
   -webkit-text-fill-color: #545454 !important; /* 글자색도 지정 */
}

textarea {
   width: 100%;
   height: 100px;
   padding: 10px;
}
.frm_input {
}
.full_input {
   width: 100%;
}
.form_01 .frm_file {
   display: block;
   margin-bottom: 5px;
   width: 100%;
}
select {
   /* height: 45px;
  padding: 0 10px; */
   padding: 6px 10px;
}
.form_01 .frm_info {
   font-size: 0.92em;
   color: #4162ff;
   text-align: left;
   margin: 3px 0 10px;
   display: block;
   line-height: 1.3em;
}
/* 자료 없는 목록 */
.empty_table {
   padding: 50px 0 !important;
   text-align: center !important;
   color: #666 !important;
}
.empty_list {
   padding: 50px 0 !important;
   text-align: center !important;
   color: #666 !important;
}
/* 필수입력 */
.required,
textarea.required {
   background-image: url("../img/require.png") !important;
   background-repeat: no-repeat !important;
   background-position: right top !important;
}
/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {
   width: 40px;
}
.grid_2 {
   width: 100px;
}
.grid_3 {
   width: 120px;
}
.grid_4 {
   width: 190px;
}
.grid_5 {
   width: 240px;
}
.grid_6 {
   width: 290px;
}
.grid_7 {
   width: 340px;
}
.grid_8 {
   width: 390px;
}
.grid_9 {
   width: 440px;
}
.grid_10 {
   width: 490px;
}
.grid_11 {
   width: 540px;
}
.grid_12 {
   width: 590px;
}
.grid_13 {
   width: 640px;
}
.grid_14 {
   width: 690px;
}
.grid_15 {
   width: 740px;
}
.grid_16 {
   width: 790px;
}
.grid_17 {
   width: 840px;
}
.grid_18 {
   width: 890px;
}
/* 테이블 항목별 정의 */
.td_chk {
   width: 50px;
   text-align: center;
}
.td_group {
   width: 100px;
   text-align: center;
}
.td_board {
   width: 120px;
   text-align: center;
}
.td_statsmall {
   width: 50px;
   text-align: center;
}
.td_num {
   width: 50px;
   text-align: center;
}
.td_numbig {
   width: 100px;
   text-align: center;
}
.td_mb_id {
   width: 100px;
   text-align: center;
}
.td_nick {
   width: 100px;
   text-align: center;
}
.td_name {
   width: 100px;
   text-align: left;
}
.td_namesmall {
   width: 100px;
   text-align: left;
}
.td_date {
   width: 50px;
   text-align: center;
}
.td_datetime {
   width: 170px;
   text-align: center;
}
.td_mngsmall {
   width: 50px;
   text-align: center;
}
.td_mng {
   width: 80px;
   text-align: center;
}
.td_stat {
   text-align: center;
}
/* 새창 기본 스타일 */
.new_win {
   margin: 20px auto;
   /* max-width: 480px; (2025.10.21)*/
}
.new_win #win_title {
   font-size: 1.2em;
   font-weight: bold;
   height: 50px;
   padding: 10px;
   line-height: 30px;
   background: #fff;
   color: #333;
}
.new_win #win_title .sv {
   font-size: 0.75em;
   line-height: 1.2em;
}
.new_win_con {
   margin: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.new_win_con > ul {
   width: 100%;
}
.new_win_con form {
   width: 100%;
   text-align: center;
}
.new_win .win_ul {
   margin: 10px;
}
.new_win .win_ul li {
   display: inline-block;
}
.new_win .win_ul li a {
   display: block;
   line-height: 24px;
   padding: 0 10px;
}
.new_win .win_ul li .selected {
   background: #4162ff;
   color: #fff;
   border-radius: 13px;
   -webkit-box-shadow: 0 0 5px rgba(65, 98, 255, 0.8);
   -moz-box-shadow: 0 0 5px rgba(65, 98, 255, 0.8);
   box-shadow: 0 0 8px rgba(65, 98, 255, 0.8);
}
.new_win .win_desc {
   margin: 5px 0;
   font-size: 0.92em;
   color: #4162ff;
}
.new_win .win_btn {
   clear: both;
   margin: 10px;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
}
.new_win .win_btn .mail2 {
   padding: 6px 10px !important;
   height: auto !important;
   line-height: inherit !important;
}
.new_win .win_btn a {
   display: inline-block;
   height: 40px;
   line-height: 40px;
   font-weight: bold;
}
.new_win .win_btn .btn_close {
   display: inline-block;
   padding: 6px 10px;
   border: 0;
   /* background: #c6c6d2; */
   background: var(--subcolor2);
   color: #fff;
   text-decoration: none;
   font-weight: bold;
   border-radius: 3px;
   margin: 20px;
   width: 100%;
   max-width: 100px;
}
.new_win .win_btn .btn_close:hover {
   background: var(--subcolor2down);
}
.new_win .win_btn .btn_submit {
   width: 100%;
   border-radius: 3px;
   margin: 20px;
   display: inline-block;
   font-weight: bold;
   padding: 6px 10px;
   max-width: 100px;
}
/* 자바스크립트 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;
   background: #111;
}
.sv_wrap .sv a {
   display: inline-block !important;
   margin: 0 !important;
   padding: 5px !important;
   width: 94px;
   border-bottom: 1px solid #283646;
   color: #fff !important;
}
.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
   text-decoration: none !important;
}
.sv_on {
   display: block !important;
   position: absolute;
   top: 10px;
   left: 20px;
   width: auto;
   height: auto !important;
}
.sv_nojs .sv {
   display: block;
}
/* 페이징 */
.pg_wrap {
   clear: both;
   margin: 10px 0 100px;
   text-align: center;
}
.pg {
   display: inline-block;
}
.pg_page,
.pg_current,
.qa_page {
   display: inline-block;
   padding: 0 10px;
   height: 30px;
   color: #bbb;
   line-height: 28px;
   vertical-align: middle;
}
.pg a:focus,
.pg a:hover {
   text-decoration: none;
}
.pg_page,
.qa_page {
   background: #fff;
   border: 1px solid #d4d4d4;
   border-radius: 3px;
}
.pg_start {
   background: url(../img/btn_first.gif) no-repeat 50% 50% #fff;
   width: 30px;
   height: 30px;
   text-indent: -999px;
   overflow: hidden;
}
.pg_prev {
   background: url(../img/btn_prev.gif) no-repeat 50% 50% #fff;
   width: 30px;
   height: 30px;
   text-indent: -999px;
   overflow: hidden;
}
.pg_next {
   background: url(../img/btn_next.gif) no-repeat 50% 50% #fff;
   width: 30px;
   height: 30px;
   text-indent: -999px;
   overflow: hidden;
}
.pg_end {
   background: url(../img/btn_end.gif) no-repeat 50% 50% #fff;
   width: 30px;
   height: 30px;
   text-indent: -999px;
   overflow: hidden;
}
.pg_current {
   display: inline-block;
   background: var(--main_color4);
   color: #fff;
   font-weight: normal;
   border-radius: 3px;
   line-height: 30px;
}
/* 상품상세 메뉴 floating */
#info_top_layer {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   background-color: #eee;
}
#form_btn_layer {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 60px;
   background-color: #eee;
}
/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {
   text-align: left;
}
/*배송지목록*/
#sod_addr .win_desc {
   padding: 10px 20px;
}
/*쇼핑몰레이아웃*/
#fregisterform {
   margin: 10px;
}
#bo_w {
   padding: 10px;
}
#sit_sms_new #sms_agree {
   padding: 10px 20px !important;
}
/*이벤트*/
#sev_hhtml,
#sev_thtml {
   padding: 10px;
}
#sev_hhtml img,
#sev_thtml img {
   width: 100%;
}
/*네이버페이*/
.naverpay-item {
   padding-top: 15px;
   clear: both;
}
#sod_bsk_act .naverpay-cart {
   margin-top: 15px;
   clear: both;
   position: static;
}
/*PC 주문서*/
#sod_frm_orderer .tbl_frm01,
#sod_frm_taker .tbl_frm01 {
   background: #fff;
   padding: 0;
}
#sod_frm_orderer .tbl_frm01 table tbody > tr:nth-child(2) td {
   display: flex;
   flex-direction: row-reverse;
   justify-content: left;
   align-items: center;
}
#sod_frm_orderer .tbl_frm01 table tbody > tr:nth-child(2) td span {
   padding: 0 0 0 20px;
}
#sod_frm_orderer table th,
#sod_frm_taker table th {
   border: 0;
   padding: 10px 5px;
   text-align: right;
}
#sod_frm_orderer table td,
#sod_frm_taker table td {
   border: 0;
   padding: 5px 10px;
   vertical-align: middle;
}
#od_pay_sl input[type="radio"] {
   position: absolute;
   width: 0;
   height: 0;
   overflow: hidden;
   visibility: hidden;
   text-indent: -999px;
   left: 0;
   z-index: -1px;
}
#od_pay_sl .lb_icon {
   display: block;
   float: left;
   width: 50%;
   background: #fff;
   border: 1px solid #eceff4;
   margin: -1px 0 0 -1px;
   cursor: pointer;
   height: 60px;
   position: relative;
   padding-left: 65px;
   padding-top: 20px;
   z-index: 1;
}
#od_pay_sl input[type="radio"]:checked + .lb_icon {
   border: 1px solid #ff006c;
   z-index: 3;
}
#sod_frm_paysel {
}
#sod_frm_paysel label {
   display: inline-block;
   width: 50%;
}
#sod_frm_paysel legend {
   position: absolute;
   font-size: 0;
   line-height: 0;
   overflow: hidden;
}
#sod_frm_paysel .KPAY {
   background: url("../../../img/kpay.png") no-repeat 50% 50% #fff;
   overflow: hidden;
   text-indent: -999px;
}
#sod_frm_paysel .PAYNOW {
   background: url("../../../img/paynow.png") no-repeat 50% 50% #fff;
   overflow: hidden;
   text-indent: -999px;
}
#sod_frm_paysel .PAYCO {
   background: url("../../../img/payco.png") no-repeat 50% 50% #fff;
   overflow: hidden;
   text-indent: -999px;
}
#sod_frm_paysel .inicis_lpay {
   background: url("../../../img/lpay_logo.png") no-repeat 50% 50% #fff;
   overflow: hidden;
   text-indent: -999px;
}
#sod_frm_paysel .kakaopay_icon {
   background: url("../../../img/kakao.png") no-repeat 50% 50% #f4dc34;
   overflow: hidden;
   text-indent: -999px;
}
#sod_frm_paysel .bank_icon {
   background: url("../../../img/pay_icon1.png") no-repeat 15px 50% #fff;
}
#sod_frm_paysel .vbank_icon {
   background: url("../../../img/pay_icon2.png") no-repeat 15px 50% #fff;
   padding-top: 13px;
}
#sod_frm_paysel .iche_icon {
   background: url("../../../img/pay_icon2.png") no-repeat 15px 50% #fff;
   padding-top: 13px;
}
#sod_frm_paysel .hp_icon {
   background: url("../../../img/pay_icon3.png") no-repeat 24px 50% #fff;
}
#sod_frm_paysel .card_icon {
   background: url("../../../img/pay_icon4.png") no-repeat 17px 50% #fff;
}
#sod_frm #sod_bsk_tot {
}
#sod_frm #sod_bsk_tot:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sod_frm #sod_bsk_tot li {
   position: relative;
   float: left;
   background: #fff;
   width: 33.333%;
   height: 70px;
   text-align: center;
   border-bottom: 1px solid #e7ebf1;
   padding: 15px 0;
}
#sod_frm #sod_bsk_tot li:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sod_frm #sod_bsk_tot li span {
   display: block;
   color: #777;
   margin-bottom: 5px;
   font-weight: bold;
}
#sod_frm #sod_bsk_tot .sod_bsk_sell,
#sod_frm #sod_bsk_tot .sod_bsk_coupon {
   border-right: 1px solid #e7ebf1;
}
#sod_frm #sod_bsk_tot .sod_bsk_point,
#sod_frm #sod_bsk_tot .sod_bsk_cnt {
   width: 100%;
   clear: both;
   height: 40px;
   padding: 0 15px;
   line-height: 40px;
   text-align: right;
}
#sod_frm #sod_bsk_tot .sod_bsk_point span,
#sod_frm #sod_bsk_tot .sod_bsk_cnt span {
   float: left;
   margin: 0;
}
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before {
   display: block;
   content: "-";
   position: absolute;
   top: 25px;
   left: -10px;
   width: 20px;
   height: 20px;
   background: #fff;
   /* color: #ff006c; */
   color: var(--fontcolor);
   border-radius: 50%;
   border: 1px solid #e7ebf1;
   font-weight: bold;
   font-size: 16px;
   line-height: 14px;
}
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {
   display: block;
   content: "+";
   position: absolute;
   top: 25px;
   left: -10px;
   width: 20px;
   height: 20px;
   background: #fff;
   /* color: #ff006c; */
   color: var(--fontcolor);
   border-radius: 50%;
   border: 1px solid #e7ebf1;
   font-weight: bold;
   font-size: 16px;
   line-height: 14px;
}
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {
   /* color: #ff006c; */
   color: var(--subcolor1);
   font-size: 1.25em;
}
#sod_frm_pay .pay_tbl table {
   width: 100%;
   border-collapse: collapse;
}
#sod_frm_pay .pay_tbl th {
   text-align: left;
   padding: 10px;
   width: 80px;
   border-bottom: 1px solid #e7ebf1;
   background: #fff;
   font-weight: bold;
   color: #777;
}
#sod_frm_pay .pay_tbl td {
   text-align: right;
   padding: 10px;
   height: 30px;
   border-bottom: 1px solid #e7ebf1;
   background: #fff;
}
#sod_frm_pay .pay_tbl td .cp_cancel {
   margin: 0 0 0 2px;
}
#sod_frm_pay .pay_tbl td .btn_frmline {
   padding: 0 7px;
   border: 1px solid #38b2b9;
   color: #38b2b9;
   background: #fff;
   height: 23px;
   line-height: 21px;
   margin: 0;
}
#od_tot_price {
   margin: 10px 0;
   background: #fff;
   line-height: 40px;
   text-align: right;
   padding: 0 10px;
}
#od_tot_price span {
   float: left;
   font-weight: bold;
}
#od_tot_price strong {
   font-size: 1.25em;
   /* color: #ff006c; */
   color: var(--subcolor1);
}
.btn_address {
   /* background: #70aff2; */
   background-color: var(--subcolor2down);
   border: 0;
   padding: 6px 10px;
   color: #fff;
   font-size: 1.083em;
   /* font-weight: bold; */
   position: absolute;
   margin-left: 6px;
   border-radius: 4px;
}
/*개인결제 폼*/
#m_sod_frm_orderer {
   margin: 10px;
}
#m_sod_frm_orderer h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#m_sod_frm_orderer ul {
   background: #fff;
   margin: 10px 0;
   border-bottom: 1px solid #ccc;
   padding: 10px 15px;
}
#m_sod_frm_orderer li {
   line-height: 20px;
}
#m_sod_frm_orderer th {
   width: 80px;
}
#m_sod_frm_orderer td .frm_input {
   width: 100%;
}
#m_pv_sod_frm .btn_confirm {
   margin: 10px;
}
#m_pv_sod_frm .btn_confirm .btn_submit {
   width: 100%;
   height: 45px;
   font-size: 1.167em;
   font-weight: bold;
   margin: 0 0 3px;
}
#m_pv_sod_frm .btn_confirm .btn_cancel {
   width: 100%;
   height: 45px;
   line-height: 43px;
   font-size: 1.167em;
   font-weight: bold;
   padding: 0;
}
/* main banner jarallax CSS Strat  */
.page {
   background-image:
      radial-gradient(
         circle at 40% 40%,
         rgba(226, 170, 30, 0.25),
         rgba(196, 38, 37, 0.15) 40%,
         rgba(20, 59, 126, 0.08) 75%,
         rgba(255, 255, 255, 0) 90%
      ),
      url("../img/pagenum0.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50% 50%;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* 카테고리 이미지 */
.page.page_num1 {
   background-image: url(../img/pagenum1.jpg);
}
.page.page_num2 {
   background-image: url(../img/pagenum2.jpg);
}
.page.page_num3 {
   background-image: url(../img/pagenum3.jpg);
}
.page.page_num4 {
   background-image: url(../img/pagenum4.jpg);
}

.page.page_num10 {
   background-image: url(../img/pagenum10.jpg);
}
.page.page_num20 {
   background-image: url(../img/pagenum20.jpg);
}
.page.page_num30 {
   background-image: url(../img/pagenum30.jpg);
}
.page.page_num40 {
   background-image: url(../img/pagenum40.jpg);
}
.page.page_num50 {
   background-image: url(../img/pagenum50.jpg);
}
.page.page_num60 {
   background-image: url(../img/pagenum60.jpg);
}
.page.page_num70 {
   background-image: url(../img/pagenum70.jpg);
}
.page.page_num80,
.page.page_num90 {
   background-image: url(../img/pagenum80.jpg);
}
/* @media (min-width: 410px) {
  .page.page_num1,
  .page.page_num2,
  .page.page_num {
    margin-top: 100px !important;
  }
}
@media (min-width: 481px) {
  .page.page_num1,
  .page.page_num2,
  .page.page_num {
    margin-top: 70px !important;
  }
}
@media (min-width: 768px) {
  .page.page_num1,
  .page.page_num2,
  .page.page_num {
    margin-top: 80px !important;
    background-size: 170%;
  }
}
@media (min-width: 992px) {
  .page.page_num1,
  .page.page_num2,
  .page.page_num {
    margin-top: 80px !important;
    background-size: 160%;
  }
  .page {
    background-size: 110%;
    margin-top: 80px !important;
  }
  .page.page_num10,
  .page.page_num50 {
    background-position: 80% 60%;
  }
  .page.page_num30,
  .page.page_num70 {
    background-position: 50% 50%;
    background-size: 115%;
  }
}
@media (min-width: 1024px) {
  .page.page_num1,
  .page.page_num2,
  .page.page_num {
    margin-top: 90px !important;
    background-size: 135%;
  }
}
@media (min-width: 1440px) {
  .page.page_num1,
  .page.page_num2,
  .page.page_num {
    margin-top: 120px !important;
    background-size: 100%;
  }
  .page.page_num10,
  .page.page_num50 {
    background-position: 80% 20%;
    background-size: 100%;
  }
  .page.page_num30,
  .page.page_num70 {
    background-position: 50% 30%;
    background-size: 115%;
  }
} */
/* main banner jarallax CSS End  */

.jarallax_center {
   background-image: url(../img/middle_banner2.jpg);
   background-repeat: no-repeat;
   background-position: 50% 0%;
   padding: 100px 80px;
   margin-top: 120px;
   word-break: keep-all;
}
.jarallax_center a {
   color: #fff;
}
.jarallax_center a br {
   display: none;
}
.jarallax_center a:hover {
   color: var(--main_color8);
}
.jarallax_center::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0);
   z-index: -1;
}
.jarallax_center .content {
   text-align: center;
   color: #fff;
}
#center_line h1 {
}
#center_line h2 {
}
.sub_info {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}
@media (max-width: 776px) {
   .jarallax_center {
      padding: 60px 20px;
   }
   #center_line h1 {
      font-size: 2rem;
   }
   #center_line h2 {
      font-size: 1.5rem;
   }
   .jarallax_center a br {
      display: block;
   }
}
.sub_info .info_01 {
   overflow: hidden;
   position: relative;
   opacity: 0;
   padding: 0;
}
.sub_info .info_01 .text {
   word-break: break-all;
}
.sub_info .info_01:nth-child(3) img {
   filter: brightness(0.6);
}
.sub_info.top .info_01:nth-child(2) img {
   filter: brightness(0.8);
}
.sub_info.top .info_01:nth-child(3) img {
   filter: brightness(0.8);
}
.sub_info.top .info_01:nth-child(4) a img {
   position: relative;
}
.sub_info.top .info_01:nth-child(4)::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--fontcolor);
   opacity: 0.1;
   z-index: 1;
}
.sub_info.top .info_01:nth-child(5) a img {
   position: relative;
   filter: brightness(0.7);
}
.sub_info .info_01 .text {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   width: 100%;
   text-align: center;
   padding: 0 20px;
   word-break: keep-all;
   z-index: 5;
}
.sub_info .info_01:nth-child(4) .text h4 {
   color: #fff;
}
.sub_info .info_01 .gogo {
   padding: 10px 10px;
   background-color: #fff;
   color: #157fb2;
   position: absolute;
   top: 80%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-weight: bolder;
   font-family: "Black Han Sans", sans-serif;
   opacity: 0;
   transition: all 0.5s;
}
.sub_info .info_01:hover img {
   transform: scale(1.05);
   transition: all 0.5s;
}
.sub_info .info_01 img {
   transition: all 0.3s;
}
.gogo .span1 {
   font-size: 20px;
}
.margin_top_40 {
   margin-top: 40px !important;
}
.margin_top_60 {
   margin-top: 60px !important;
}
.margin_top_80 {
   margin-top: 80px !important;
}
.margin_top_87 {
   margin-top: 87px !important;
}
.margin_top_100 {
   margin-top: 100px !important;
}
.margin_top_120 {
   margin-top: 120px !important;
}
.margin_bottom_0 {
   margin-bottom: 0 !important;
}
.margin_bottom_40 {
   margin-bottom: 40px !important;
}
.margin_bottom_80 {
   margin-bottom: 80px !important;
}
.margin_bottom_100 {
   margin-bottom: 100px !important;
}
.margin_bottom_120 {
   margin-bottom: 120px !important;
}
#ssch {
   margin: 80px 0 120px;
   padding: 20px 10px;
   border: 1px solid #ddd;
}
.first_menu.kakaoopen {
   background-image: url(../img/kakaoopen.jpg);
   background-repeat: no-repeat;
   height: 90px;
   width: 56px;
   display: block;
   background-size: contain;
   margin: 6px 4px;
}
#scrollbanner {
   position: absolute;
   top: 500px;
   right: 200px;
   z-index: 1000;
   background-color: #fae101;
   border-radius: 4px;
   padding: 6px;
}
@media (max-width: 1200px) {
   #scrollbanner {
      right: 100px;
   }
   .ppp {
      color: red;
   }
}
@media (max-width: 969px) {
   #scrollbanner {
      right: 30px !important;
   }
   .first_menu.kakaoopen {
      height: 80px;
      width: 51px;
   }
}
/* #scrollbanner a {background-color: yellow;} */
#scrollbanner a {
   position: relative;
}
#scrollbanner a:hover .text {
   color: #fff;
}
#scrollbanner .text {
   font-size: 16px;
   position: absolute;
   bottom: 0;
   text-align: center;
   display: block;
   color: #3c1e1e;
   width: 100%;
}
@media (max-width: 969px) {
   #ol_before {
      /* margin-left: 0 !important; */
   }
}
#btn_user {
   /* min-width: 100px; */
}
#introduction div {
   display: inline-block;
   padding: 0;
   margin: 0;
}
.venusta img {
   width: 100%;
}
/* menuicon css 추가 시작*/
#menuicon {
   display: flex;
   justify-content: center;
   align-items: center;
}
#menuicon .iconimg {
   width: 100%;
   max-width: 100px;
   height: auto;
   aspect-ratio: 1 / 1;
   transition: all 0.2s;
   border-radius: 50%;
   object-fit: contain;
   /* background-color: #ddd; */
   border: 1px solid rgba(221, 221, 221, 0.5);
}
#menuicon .menuiconul {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
}
#menuicon .menuiconli {
   padding: 6px;
   text-align: center;
}
#menuicon .menuiconli:hover .iconimg {
   box-shadow: 1px 2px 14px rgba(0, 0, 0, 0.25);
   transition: all 0.5s;
}
#menuicon .menuiconli a {
   color: inherit;
}
#menuicon .menuiconli h6 {
   text-align: center;
   color: var(--fontcolor);
   display: block;
   padding: 0;
   font-size: 16px;
   margin-top: 10px;
}
#menuicon .menuiconli h6:hover {
   color: var(--subcolor2);
}

/* menuicon css 추가 끝 */

.modal-backdrop.show {
   z-index: 1 !important;
}
.sct_star {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.sct_star_wrap {
   height: 20px;
   margin-bottom: 5px;
}
.logotext {
   font:
      30px/1 Open Sans,
      Impact;
   color: #333;
   font-family: "Merienda", cursive;
}
#menuicon_wrap {
   padding-left: 4px;
   padding-right: 4px;
}
#hd_sch2 {
   display: none;
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   transform: translateY(-50%);
}
#hd_sch2 aside {
   float: right;
   padding-left: 10px;
   height: 100%;
   width: 100%;
}
#hd_sch2 .sch_inner {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
}
#hd_sch2 h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#hd_sch2 #sch_str {
   border: none;
   text-align: center;
   border: 1px solid #7d7d7d;
   border-radius: 15px;
   width: 100%;
}
#hd_sch2 .sch_submit {
   float: left;
   height: 30px;
   border: 0;
   cursor: pointer;
   background: none;
   padding: 0 24px;
}
#hd_sch2 .btn_close {
   float: left;
   height: 30px;
   border: 0;
   cursor: pointer;
   background: none;
   padding: 0 32px 0px 4px;
}
#etcmenu {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding-top: 10px;
   color: var(--subcolor2);
   transition: all 0.2s;
}
#etcmenu a {
   color: var(--subcolor2);
   /* padding: 0 10px 0 0; */
}
#etcmenu a:hover {
   /* background: none; */
}
.gradient-icon {
   background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.naver-icon {
   color: #03c75a; /* 네이버 대표 초록색 */
   font-size: 2rem;
}
.youtube-icon {
   color: #ff0000 !important;
   font-size: 2rem;
}
.naver-box {
   display: inline-block;
   width: 36px;
   height: 36px;
   background-color: #03c75a;
   color: #fff !important;
   font-weight: 900;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   line-height: 36px;
   text-align: center;
   border-radius: 6px;
   text-decoration: none;
}
.mainmenu .naver-box {
   width: 26px;
   height: 26px;
   font-size: 20px;
   line-height: 26px;
   display: block;
}
.faq-icon {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #f5c64f; /* 바깥 노란색 */
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   margin-left: 40px;
}

.faq-icon::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: #9ec8ff; /* 안쪽 파란색 */
   box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3);
}

.faq-icon span {
   position: relative;
   font-family: "Poppins", "Noto Sans KR", sans-serif;
   font-weight: 700;
   font-size: 12px;
   color: white;
   letter-spacing: 1px;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
   width: 100%;
   text-align: center;
}
#display_pay_button {
   margin-bottom: 20px;
}
#display_pay_button .btn_cancel {
   text-decoration: none;
   vertical-align: middle;
   padding: 10px 16px;
   border-radius: 4px;
}
/* (2025.12.02) 네이버페이 CSS 추가 -------------------------------- */
/* 네이버페이 결제 선택 라벨 보호 */
/* .naverpay_icon,
.naverpay_icon * {
   all: revert !important;
} */
/* NHN KCP 네이버페이 결제 라벨 이미지 보호 */
.nhnkcp_naverpay {
   background-repeat: no-repeat !important;
   background-size: contain !important;
}
/* 네이버페이 카드/머니 결제 버튼 스타일 복구 */
label.naverpay_icon {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   /* padding: 12px 8px !important;
   border: 1px solid #ddd !important; */
   background-color: #fff !important;
   background-size: auto !important;
   background-position: left center !important;
   background-repeat: no-repeat !important;
   font-size: 14px !important;
   line-height: 1.2 !important;
}
label.nhnkcp_card {
   background-image: url("/shop/kcp/ico_naverpay_card.png") !important;
}
label.nhnkcp_money {
   background-image: url("/shop/kcp/ico_naverpay_money.png") !important;
}
/* (2025.12.02) 네이버페이 CSS 추가 -------------------------------- */

.fa-square-youtube {
   color: #ff0000;
}

/* (2026.01.19) soldout CSS 추가 -------------------------------- */
.it_soldout20261019 {
   position: absolute;
   top: 5px;
   left: 5px;
   background: rgba(0, 0, 0, 0.9);
   padding: 6px 12px;
   z-index: 5;
}
.smt_55 .it_soldout20261019 {
   top: 0px;
   left: 0px;
}
.it_soldout20261019 h6 {
   margin: 0;
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: -0.5px;
}
/* (2026.01.19) soldout CSS 추가 -------------------------------- */

/* h1 { font-size: 3.33vw !important; } */
@media (max-width: 1250px) {
   #hd_menu .hd_menu_left li:nth-child(12) {
      display: none;
   }
}
@media (max-width: 1200px) {
   #hd_menu .gnb_1dli:nth-child(n + 10) {
   }
   .gnb_1da {
      padding: 0 6px;
      font-size: 1em;
   }
   #hd_btn .btn_right {
      font-size: 0.8rem;
   }
   #hd_menu .hd_menu_left .first_menu a {
      padding: 0 2px;
   }
   #hd_menu .hd_menu_left .first_menu {
      width: auto;
   }
   #hd_wr1 .hd_menu_left .first_menu a {
      padding: 0 2px;
   }
}
@media (max-width: 1150px) {
   #hd_menu .hd_menu_left li:nth-child(11) {
      display: none;
   }
}
@media (max-width: 1050px) {
   #hd_menu .hd_menu_left li:nth-child(10) {
      display: none;
   }
}
@media (max-width: 969px) {
   h1 {
      font-size: 30px !important;
   }
   h2 {
      font-size: 36px !important;
   }
   h3 {
      font-size: 23px !important;
   }
   h4 {
      font-size: 21px !important;
   }
   h5 {
      font-size: 18px !important;
   }
   h6 {
      font-size: 15px !important;
   }
   .logotext {
      font:
         20px / 1 Open Sans,
         Impact;
      color: #333;
      font-family: "Merienda", cursive;
   }
   #hd_wr0_wrap0 #hd_wr0 {
      width: 100%;
      padding: 0;
   }
   .wide_container {
      margin-top: 107px;
   }
   .btn_left.btn_left1 {
      display: flex !important;
   }
   .btn_left.btn_left2 {
      display: none;
   }
   #hd_btn.prev_logo {
      display: block;
   }
   #hd_btn .btn_left {
      justify-content: space-between;
   }
   #hd_btn .btn_left .mobile_menu {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   #logo.logo2 {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      padding-bottom: 4px;
      padding-left: 10px;
   }
   #hd {
      margin-bottom: 0;
   }
   #hd_wr {
      text-align: center;
      padding: 4px 15px;
      justify-content: end;
      height: 60px;
   }
   #logo {
      float: none;
      margin: 0;
   }

   #logo img {
      max-height: 60px;
      width: auto;
   }
   #hd_btn button {
      width: 40px;
   }

   #btn_cartop .cart-count {
      top: 7px;
   }
   #hd_btn .btn_ol .txt {
      font-size: 0.8em !important;
   }
   #hd_menu {
      display: none;
   }
   #btn_sch {
      display: inline-block;
   }
   #hd_sch {
      display: none;
      position: fixed;
      top: 36px;
      width: 100%;
      background: #fff;
      z-index: 1000;
      padding: 4px 0px 2px 5px;
      border: 1px solid #fff;
      right: 6px;
   }

   #hd_sch #sch_str {
      width: 100%;
      max-width: calc(100% - 114px);
   }

   #hd_sch .sch_submit {
      width: 45px;
      top: 0;
      right: 0;
   }
   #hd_sch .sch_submit .txt {
      display: none;
   }
   #hd_sch .btn_close {
      top: 0;
      right: 0;
      display: block;
      width: 50px;
      padding: 10px;
      border: 0;
      color: #858285;
      background: none;
      font-size: 16px;
   }
   #hd_sch .btn_close i {
      font-size: 20px;
   }
}
@media (max-width: 576px) {
   h1 {
      font-size: 32px !important;
   }
   h2 {
      font-size: 26px !important;
   }
   h3 {
      font-size: 23px !important;
   }
   h4 {
      font-size: 19px !important;
   }
   h5 {
      font-size: 16px !important;
   }
   h6 {
      font-size: 13px !important;
   }
   #menuicon .iconimg {
      max-width: 46px;
   }
   #menuicon .menuiconli h6 {
      font-size: 0.8em !important;
   }
   #menuicon .menuiconli {
      padding: 2px;
   }
   .hd_admin {
      display: none !important;
   }
   .mainmenu.mainmenu1 {
      flex-wrap: nowrap;
   }
   #hd_wr1 .hd_menu_left ul .ft_ico i::before {
      margin: 0 4px;
      font-size: 24px;
   }
   .mainmenu .naver-box {
      width: 22px;
      height: 22px;
      font-size: 14px;
      line-height: 22px;
   }
}
@media (max-width: 460px) {
   .wide_container {
      margin-top: 110px;
   }
   .gnb_1da.gohome img {
      width: 70px;
   }
   #hd_wr1 .hd_menu_left ul .ft_ico i::before {
      font-size: 22px;
   }
   .mainmenu .naver-box {
      width: 20px;
      height: 20px;
      font-size: 14px;
      line-height: 22px;
   }
   #logo img {
      margin-top: 0;
      max-height: 50px;
   }
   #hd_wr0_wrap #hd_btn button i {
      font-size: 12px;
   }
}