@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

:root {
  --main-color:#176dfb;
  --main-background-color:#176dfb;
  --font-size-10:0.625em;
  --font-size-11:0.6875em;
  --font-size-12:0.75em;
  --font-size-13:0.8125em;
  --font-size-14:0.875em;
  --font-size-15:0.9375em;
  --font-size-16:1em;
  --font-size-17:1.0625em;
  --font-size-18:1.125em;
  --font-size-19:1.1875em;
  --font-size-20:1.25em;
  --font-size-21:1.3125em;
  --font-size-22:1.375em;
  --font-size-23:1.4375em;
  --font-size-24:1.5em;
  --font-size-25:1.5625em;
  --font-size-26:1.625em;
  --font-size-27:1.6875em;
  --font-size-28:1.75em;
  --font-size-29:1.8125em;
  --font-size-30:1.875em;
  --font-size-31:1.9375em;
  --font-size-32:2em;
  --main-font-family:'Malgun Gothic', dotum, sans-serif;
  --title-font-family:'Noto Sans KR', sans-serif;
}

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:1.2em/1.3em;font-family:'Noto Sans KR', sans-serif;touch-action: auto;-webkit-tap-highlight-color: transparent;touch-action: manipulation;}
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-family:'Noto Sans KR', sans-serif; font-weight: 500;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul{margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd{margin:0;padding:0}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Pretendard-Regular', sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Pretendard-Regular', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none}
b, strong{font-weight:normal}

*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
}
.placeholdersjs {color:#aaa !important}

.pull-left {float:left !important}
.pull-right {float:right !important}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1280px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_pop_fixed {z-index:6;position:relative;margin:0 auto;width:1280px;height:0}
#hd_pop_fixed h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;}
.hd_pops img{max-width:100%}

.nw_pops_footer {padding:0;background:#000;color:#fff;text-align:left}
.nw_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.nw_pops_footer button {padding:10px;border:0;color:#fff}
.nw_pops_footer .hd_pops_re{background:#000;padding:0 10px;border:0;color:#fff;height:40px;line-height:40px;background:#000;text-align:left}
.nw_pops_footer .hd_pops_close{background:#393939;position:absolute;height:40px;bottom:0px;right:0;z-index:20}

/* 중간 레이아웃 */
#wrapper_foot {z-index:5;margin:0px auto;width:1280px;position:relative;zoom:1}
#wrapper_foot:after {display:block;visibility:hidden;clear:both;content:""}

#wrapper_index {z-index:5;position:relative;zoom:1;}
#wrapper_index:after {display:block;visibility:hidden;clear:both;content:""}
.wr_index {margin:0px auto;width:1280px}

#wrapper_top {z-index:5;margin:0px auto;width:1280px;padding:15px 0;position:relative;zoom:1}
#wrapper_top:after {display:block;visibility:hidden;clear:both;content:""}
.topgnb01 {margin:0 0 0 40px}

#wrapper {z-index:5;margin:20px auto;width:1280px;position:relative;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title {margin:10px 0;font-size:1.667em;font-weight:600}
.wrapper_bg {background:#fff;padding:30px;border-radius:15px;border:1px solid #ddd}

/* aside wrapper */
#aside {float:left;margin:0 10px 0 0;width:215px;margin-right:20px}

#container {position:relative;width:1280px;min-height:500px;height:auto !important;height:500px;background:#fff;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}

#container .hot_banner h2 {font-size:var(--font-size-20);margin:0 0 10px 5px;}
#container .hot_banner h2 span {font-size:var(--font-size-14);font-weight:400}

#container .hot_bn_left {float:left;width:1115px}
#container .hot_bn_right {float:right;width:110px;margin:0;padding:0 0 0 15px}

.container_box {max-width:1280px;margin:0px auto}

.sale_prd h2{font-size:1.167em;margin:20px 0 10px}
.st_bg{display:inline-block;width:1px;height:10px;margin:0 10px;background:#e2e1e0;vertical-align:-1px}

/* 텍스트 크기 조절 */
#text_size {display:none;position:absolute;top:-31px;left:-1px}
#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}


/* 화면낭독기 사용자용 */
#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;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:600;text-align:center;text-decoration:none;line-height:3.3em}
#index_f {background:url("../img/index_f.png") repeat-y;background-position:center center}
#index_f ul {margin:0;padding:0;list-style:none;width:100%}
#index_f ul li {float:left;text-align:left;margin:0;padding:25px 0;width:50%;height:90px;color:#fff;overflow:hidden}
#index_f .index_f01 {float:left;padding:0 10px 0 30px}
#index_f .index_f02 {float:left}
#index_f h3 {font-size:18px}
.clearfix {clear:both}

.one_line {margin:20px 0 0 0;padding:20px 10px 0 10px;border-top:1px solid #bbb}
.one_line h3 {font-size:18px}
.one_line i {color:#999}
.one_line_left {float:left;width:50%}
.one_line_right {float:left;width:50%}

.h05 {height:05px}
.h10 {height:10px}
.h15 {height:15px}
.h20 {height:20px}
.h25 {height:25px}
.h30 {height:30px}
.h35 {height:35px}
.h40 {height:40px}
.h45 {height:45px}
.h50 {height:50px}
.h55 {height:55px}
.h60 {height:60px}
.h65 {height:65px}
.h70 {height:70px}
.h75 {height:75px}
.h80 {height:80px}
.h85 {height:85px}
.h90 {height:90px}
.h95 {height:95px}
.h100 {height:100px}

a.btn04 {display:inline-block;padding:0 7px;border-right:1px solid #ccc;color:#000;text-decoration:none;vertical-align:middle}
a.btn05 {display:inline-block;padding:0 7px;border:0px solid #ccc;color:#000;text-decoration:none;vertical-align:middle}

a.btn06 {font-weight:600;font-size:14px;display:inline-block;padding:7px 15px;border-radius:20px;background:#FBAD18;color:#fff;text-decoration:none}
a.btn06:focus, a.btn06:hover {text-decoration:none}
button.btn06 {display:inline-block;margin:0;padding:7px;border-radius:5px;background:#FBAD18;color:#fff;text-decoration:none;border:0}

a.btn07 {font-weight:600;font-size:14px;display:inline-block;padding:7px 15px;border-radius:20px;background:#9BA457;color:#fff;text-decoration:none}
a.btn07:focus, a.btn07:hover {text-decoration:none}
button.btn07 {display:inline-block;margin:0;padding:7px;border-radius:5px;background:#9BA457;color:#fff;text-decoration:none;border:0}

a.btn08 {font-weight:600;font-size:14px;display:inline-block;padding:7px 15px;border-radius:20px;background:#F15D2A;color:#fff;text-decoration:none}
a.btn08:focus, a.btn08:hover {text-decoration:none}
button.btn08 {display:inline-block;margin:0;padding:7px;border-radius:5px;background:#F15D2A;color:#fff;text-decoration:none;border:0}

a.btn09 {font-weight:600;font-size:14px;display:inline-block;padding:7px 15px;border-radius:20px;background:#000;color:#BDD643;text-decoration:none}
a.btn09:focus, a.btn09:hover {text-decoration:none}
button.btn09 {display:inline-block;margin:0;padding:7px;border-radius:5px;background:#000;color:#BDD643;text-decoration:none;border:0}

a.btn10 {font-weight:600;font-size:14px;display:inline-block;padding:7px 15px;border-radius:20px;background:#eeeeee;color:#49484A;text-decoration:none}
a.btn10:focus,
a.btn10:hover {text-decoration:none;background:#BDD643}
button.btn10 {display:inline-block;margin:0;padding:7px;border-radius:5px;background:#eeeeee;color:#49484A;text-decoration:none;border:0}
a.btn10_on {text-decoration:none;background:#BDD643}

a.btn11 {font-weight:600;font-size:14px;display:inline-block;padding:7px 15px;border-radius:20px;background:#49484A;color:#ffffff;text-decoration:none}
a.btn11:focus, a.btn11:hover {text-decoration:none}
button.btn11 {display:inline-block;margin:0;padding:7px;border-radius:5px;background:#49484A;color:#ffffff;text-decoration:none;border:0}

a.btn12 {font-weight:600;font-size:14px;display:inline-block;padding:7px 15px;border-radius:20px;background:#BDD643;color:#49484A;text-decoration:none}
a.btn12:focus, a.btn12:hover {text-decoration:none}
button.btn12 {display:inline-block;margin:0;padding:7px;border-radius:5px;background:#BDD643;color:#49484A;text-decoration:none;border:0}

button.btn022 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;border:0}
button.btnb0 {border-radius:20px;padding:10px 20px;font-size:13px;background:#f15d2b;border:2px solid #f15d2b;color:#fff;font-weight:bold}

#sct #sct_hhtml {display: none;}

.sct_wrap_index {position:relative;margin:0;zoom:1;padding:0}

.sct_wrap_index h2 {font-size:var(--font-size-20);margin:0 0 10px 5px;}
.sct_wrap_index h2 span {font-size:var(--font-size-14);font-weight:400}
.sct_wrap_index h3 {font-size:var(--font-size-18);margin:0 0 10px 0;background:#eeeeee;display:inline-block;padding:5px 30px;border-radius:30px;border-bottom:1px solid #aaa}

.sct_wrap_index .trend01 {border-top:2px solid #5f4538}
.sct_wrap_index .trend01 .trend01_left {float:left;width:240px}
.sct_wrap_index .trend01 .trend01_left h2 {font-size:var(--font-size-20);padding:0 0 10px 5px;margin:0 0 10px 0}
.sct_wrap_index .trend01 .trend01_left img {max-width:100%}
.sct_wrap_index .trend01 .trend01_right {float:right}

.sct_wrap_index .trend02 {border-top:2px solid #f05d29}
.sct_wrap_index .trend02 .trend02_left {float:left;width:240px}
.sct_wrap_index .trend02 .trend02_left h2 {font-size:var(--font-size-20);padding:0 0 10px 5px;margin:0 0 10px 0}
.sct_wrap_index .trend02 .trend02_left img {max-width:100%}
.sct_wrap_index .trend02 .trend02_right {float:right}

.sct_wrap_index .trend03 {border-top:2px solid #fbad19}
.sct_wrap_index .trend03 .trend03_left {float:left;width:240px}
.sct_wrap_index .trend03 .trend03_left h2 {font-size:var(--font-size-20);padding:0 0 10px 5px;margin:0 0 10px 0}
.sct_wrap_index .trend03 .trend03_left img {max-width:100%}
.sct_wrap_index .trend03 .trend03_right {float:right}

.title {margin:0 0 10px 0}
.title h3 {font-family:'Nanum Gothic', sans-serif;font-size:26px;color:#444;font-weight:500}
.title li {display:inline-block;padding:0 5px}

.tab0-title ul {list-style:none;margin:0;font-size:15px;font-weight:600}
.tab0 {overflow:hidden;padding:0 0 0 3px}
.tab0 li {float:left;width:33.3%;border:1px solid #49484A;border-top:1px solid #49484A;border-bottom:1px solid #49484A;border-left:0px;text-align:center;box-sizing:border-box;margin-left:-1px}
.tab0 li {display:inline-block;padding:15px 20px;cursor:pointer;border-radius:0}
.tab0 li:nth-child(1) {border-left:1px solid #49484A}
.tab0 li:hover {color:#ffffff;background:#49484A}
.tab0 li.on {font-weight:600;color:#49484A;background:#BDD643;border:1px solid #49484A}
.tab0 li.on:hover {color:#ffffff;background:#49484A}
.tab0_con {clear:both;padding:0}
.tab0_con .div_tab0 {display:none}

.tab-title ul {list-style:none;margin:0}
.tab {overflow:hidden;padding:0 0 0 3px}
.tab li {float:left;border:1px solid #ddd;color:#867979;text-align:center;box-sizing:border-box;margin-right:10px;border-radius:15px}
.tab li {display:inline-block;padding:5px 20px;cursor:pointer}
.tab li.on {font-weight:600;background:#49484A;color:#fff;border:1px solid #49484A}
.tab_con {clear:both;padding:0}
.tab_con .div_tab {display:none}

.tab1-title ul {list-style:none;margin:0;font-size:15px;font-weight:600}
.tab1 {overflow:hidden;padding:0 0 0 3px}
.tab1 li {float:left;width:16.66666%;border:1px solid #49484A;border-top:1px solid #49484A;border-bottom:1px solid #49484A;border-left:0px;text-align:center;box-sizing:border-box;margin-left:-1px}
.tab1 li {display:inline-block;padding:15px 20px;cursor:pointer;border-radius:0}
.tab1 li:nth-child(1) {border-left:1px solid #49484A}
.tab1 li:hover {color:#ffffff;background:#49484A}
.tab1 li.on {font-weight:600;color:#49484A;background:#BDD643;border:1px solid #49484A}
.tab1 li.on:hover {color:#ffffff;background:#49484A}
.tab1_con {clear:both;padding:0}
.tab1_con .div_tab1 {display:none}

.tab2-title ul {list-style:none;margin:0}
.tab2 {overflow:hidden;padding:0 0 0 3px}
.tab2 li {float:left;border:1px solid #ddd;color:#867979;text-align:center;box-sizing:border-box;margin-right:10px;border-radius:15px}
.tab2 li {display:inline-block;padding:5px 20px;cursor:pointer}
.tab2 li.on {font-weight:600;background:#49484A;color:#fff;border:1px solid #49484A}
.tab2_con {clear:both;padding:0}
.tab2_con .div_tab2 {display:none}

.tab3-title ul {list-style:none;margin:0}
.tab3 {overflow:hidden;padding:0 0 0 3px}
.tab3 li {float:left;border:1px solid #ddd;color:#867979;text-align:center;box-sizing:border-box;margin-right:10px;border-radius:15px}
.tab3 li {display:inline-block;padding:5px 20px;cursor:pointer}
.tab3 li.on {font-weight:600;background:#49484A;color:#fff;border:1px solid #49484A}
.tab3_con {clear:both;padding:0}
.tab3_con .div_tab3 {display:none}

.tabp0-title ul {list-style:none;margin:0;font-size:15px;font-weight:600}
.tabp0 {overflow:hidden;padding:0 0 0 3px}
.tabp0 li {float:left;width:25%;border:1px solid #49484A;border-top:1px solid #49484A;border-bottom:1px solid #49484A;border-left:0px;text-align:center;box-sizing:border-box}
.tabp0 li {display:inline-block;padding:15px 20px;cursor:pointer;border-radius:0}
.tabp0 li:nth-child(1) {border-left:1px solid #49484A}
.tabp0 li.on {font-weight:600;color:#fff;background:#182d56;border:1px solid #182d56}
.tabp0_con {clear:both;padding:0}
.tabp0_con .div_tabp0 {display:none}

.tabp-title ul {list-style:none;margin:0}
.tabp {overflow:hidden;padding:0 0 0 3px}
.tabp li {float:left;border:1px solid #ddd;color:#867979;text-align:center;box-sizing:border-box;margin-right:10px;border-radius:15px}
.tabp li {display:inline-block;padding:5px 20px;cursor:pointer}
.tabp li.on {font-weight:600;background:#49484A;color:#fff;border:1px solid #49484A}
.tabp_con {clear:both;padding:0}
.tabp_con .div_tabp {display:none}

.tabp2-title ul {list-style:none;margin:0}
.tabp2 {overflow:hidden;padding:0 0 0 3px}
.tabp2 li {float:left;border:1px solid #ddd;color:#867979;text-align:center;box-sizing:border-box;margin-right:10px;border-radius:15px}
.tabp2 li {display:inline-block;padding:5px 20px;cursor:pointer}
.tabp2 li.on {font-weight:600;background:#49484A;color:#fff;border:1px solid #49484A}
.tabp2_con {clear:both;padding:0}
.tabp2_con .div_tabp2 {display:none}

.tabp3-title ul {list-style:none;margin:0}
.tabp3 {overflow:hidden;padding:0 0 0 3px}
.tabp3 li {float:left;border:1px solid #ddd;color:#867979;text-align:center;box-sizing:border-box;margin-right:10px;border-radius:15px}
.tabp3 li {display:inline-block;padding:5px 20px;cursor:pointer}
.tabp3 li.on {font-weight:600;background:#49484A;color:#fff;border:1px solid #49484A}
.tabp3_con {clear:both;padding:0}
.tabp3_con .div_tabp3 {display:none}

.tabp4-title ul {list-style:none;margin:0;font-size:15px;font-weight:600}
.tabp4 {overflow:hidden;padding:0 0 0 3px}
.tabp4 li {float:left;width:49.5%;border:1px solid #49484A;border-top:1px solid #49484A;border-bottom:1px solid #49484A;border-left:0px;text-align:center;box-sizing:border-box}
.tabp4 li {display:inline-block;padding:15px 20px;cursor:pointer;border-radius:0}
.tabp4 li:nth-child(1) {border-left:1px solid #49484A}
.tabp4 li.on {font-weight:600;color:#fff;background:#fb8417;border:1px solid #fb8417}
.tabp4_con {clear:both;padding:0}
.tabp4_con .div_tabp4 {display:none}

.tab5-title ul {list-style:none;margin:0;font-size:15px;font-weight:600}
.tab5 {overflow:hidden;padding:0 0 0 3px}
.tab5 li {float:left;width:100%;border:1px solid #000000;border-top:1px solid #000000;border-bottom:1px solid #000000;border-left:0px;text-align:center;box-sizing:border-box;margin-left:-1px}
.tab5 li {display:inline-block;cursor:pointer;border-radius:0;color:#ffffff;background:#000000}
.tab5 li a {display:block;padding:15px 0px;color:#ffffff}
.tab5 li:nth-child(1) {border-left:1px solid #000000}
.tab5 li:hover {color:#ffffff;background:#000000}
.tab5 li:hover a {color:#ffffff !important}
.tab5 li.on {font-weight:600;color:#000000;background:#BDD643;border:1px solid #000000}
.tab5 li.on:hover {color:#ffffff;background:#49484A}
.tab5_con {clear:both;padding:0}
.tab5_con .div_tab5 {display:none}

.kakaku {margin:0 0 0 10px;background:#D61C3B}
.kakaku a {text-decoration:none;color:#fff}
.kakaku .kakaka_btn {border:1px solid #9b142a;padding:5px 15px;display:block}

.font01 {font-size:1px}
.font02 {font-size:2px}
.font03 {font-size:3px}
.font04 {font-size:4px}
.font05 {font-size:5px}
.font06 {font-size:6px}
.font07 {font-size:7px}
.font08 {font-size:8px}
.font09 {font-size:9px}
.font10 {font-size:10px}
.font11 {font-size:11px}
.font12 {font-size:12px}
.font13 {font-size:13px}
.font14 {font-size:14px}
.font15 {font-size:15px}
.font16 {font-size:16px}
.font17 {font-size:17px}
.font18 {font-size:18px}
.font19 {font-size:19px}
.font20 {font-size:20px}
.font21 {font-size:21px}
.font22 {font-size:22px}
.font23 {font-size:23px}
.font24 {font-size:24px}
.font25 {font-size:25px}
.font26 {font-size:26px}
.font27 {font-size:27px}
.font28 {font-size:28px}
.font29 {font-size:29px}
.font30 {font-size:30px}
.font31 {font-size:31px}
.font32 {font-size:32px}
.font33 {font-size:33px}
.font34 {font-size:34px}
.font35 {font-size:35px}
.font36 {font-size:36px}
.font37 {font-size:37px}
.font38 {font-size:38px}
.font39 {font-size:39px}
.font40 {font-size:40px}
.font41 {font-size:41px}
.font42 {font-size:42px}
.font43 {font-size:43px}
.font44 {font-size:44px}
.font45 {font-size:45px}
.font46 {font-size:46px}
.font47 {font-size:47px}
.font48 {font-size:48px}
.font49 {font-size:49px}
.font50 {font-size:50px}
.font51 {font-size:51px}
.font52 {font-size:52px}
.font53 {font-size:53px}
.font54 {font-size:54px}
.font55 {font-size:55px}
.font56 {font-size:56px}
.font57 {font-size:57px}
.font58 {font-size:58px}
.font59 {font-size:59px}
.font60 {font-size:60px}
.font61 {font-size:61px}
.font62 {font-size:62px}
.font63 {font-size:63px}
.font64 {font-size:64px}
.font65 {font-size:65px}
.font66 {font-size:66px}
.font67 {font-size:67px}
.font68 {font-size:68px}
.font69 {font-size:69px}
.font70 {font-size:70px}
.font71 {font-size:71px}
.font72 {font-size:72px}
.font73 {font-size:73px}
.font74 {font-size:74px}
.font75 {font-size:75px}
.font76 {font-size:76px}
.font77 {font-size:77px}
.font78 {font-size:78px}
.font79 {font-size:79px}
.font80 {font-size:80px}
.font81 {font-size:81px}
.font82 {font-size:82px}
.font83 {font-size:83px}
.font84 {font-size:84px}
.font85 {font-size:85px}
.font86 {font-size:86px}
.font87 {font-size:87px}
.font88 {font-size:88px}
.font89 {font-size:89px}
.font90 {font-size:90px}
.font91 {font-size:91px}
.font92 {font-size:92px}
.font93 {font-size:93px}
.font94 {font-size:94px}
.font95 {font-size:95px}
.font96 {font-size:96px}
.font97 {font-size:97px}
.font98 {font-size:98px}
.font99 {font-size:99px}
.font100    {font-size:100px}

.font300    {font-weight:300}
.font400    {font-weight:400}
.font500    {font-weight:500}
.font600    {font-weight:600}
.font700    {font-weight:600}

.tbl_head04 {margin:0 0 10px}
.tbl_head04 table {border-left:0px !important;border-right:0px !important}
.tbl_head04 th {padding:15px;border:1px solid #cccccc;border-left:0px;border-right:0px;background:#f9f9f9;font-weight:500;width:150px}
.tbl_head04 td {padding:15px;border:1px solid #cccccc;border-left:0px;border-right:0px;line-height:1.5em;word-break:break-all}

.tbl_wrap10 table {width:100%;border-collapse:collapse;border-spacing:0 5px}
.tbl_head10 {margin:0 0 20px}
.tbl_head10 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head10 td {color:#666;background:#fff;padding:0px 10px;border:0;vertical-align:top}
.tbl_head10 .td1 {width:55%;text-align:left;padding:0px 10px 0px 20px;font-size:12px}
.tbl_head10 .td2 {width:45%;border-right:1px solid #49484A}
.tbl_head10 .line1 {width:100%;border-top:1px solid #49484A;margin:0 0 20px 0}
.tbl_head10 .line2 {width:100%;border-top:1px solid #49484A;margin:20px 0 0 0}

.btnlogin {display:inline-block;color:#BDD643;text-decoration:none;vertical-align:middle;margin:0 0 15px 0;font-weight:600;text-align:left;font-size:20px}
.btnlogin span {color:#182d56}
.btnlogin2 {display:inline-block;color:#BDD643;text-decoration:none;vertical-align:middle;margin:0 0 15px 0;font-weight:600;text-align:left;font-size:20px}
.btnlogin2 span {color:#182d56}
.btnlogin3 {display:inline-block;padding:7px 10px;border:1px solid #587c22;background:#587c22;color:#fff;text-decoration:none;vertical-align:middle;margin:0 0 15px 0}

.btnregister {display:block;padding:20px 50px;border:1px solid #BDD643;background:#BDD643;color:#fff;text-decoration:none;vertical-align:middle;margin:40px 20px 15px 20px;font-weight:600;font-size:1.25em;text-align:center}
.btnchange {display:block;padding:20px 50px;border:1px solid #587c22;background:#587c22;color:#fff;text-decoration:none;vertical-align:middle;margin:20px 0 15px 0;font-weight:600;font-size:1.25em;text-align:center}

.color01 {color:#132944 !important}
.color02 {color:#A8C0CD !important}
.color03 {color:#4C6B8D !important}
.color04 {color:#085D9D !important}
.color05 {color:#e95716 !important}
.color06 {color:#e5ac00 !important}
.color07 {color:#cccccc !important}

#gnb_top {padding:0;text-align:center}
#gnb_top .gnb_top_wrapper {width:100%;margin:0 auto;text-align:center;font-size:14px}

.logo_sub {}

/* aside:gnb */
#gnb {margin:0 0 5px;padding:0 0 10px;position:relative}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb button{width:100%;border:0;background:none;text-align:right;color:#fff;padding:0 20px;height:40px;font-weight:600;font-size:1.167em}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;width:180px;padding:0px;position:relative;background:#fff;font-size:16px}
#gnb .gnb_mnal {width:320px;text-align:left}
#gnb .gnb_1dli:hover {background:#182D56;color:#fff}
#gnb .gnb_1dli:hover > a {color:#fff}

/* aside:gnbs */
#gnbs {margin:10px auto 0 auto;padding:0 0 10px;position:relative;float:left;width:70%}
#gnbs h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnbs button{width:100%;border:0;background:none;text-align:right;color:#fff;padding:0 20px;height:40px;font-weight:600;font-size:1.167em}
#gnbs ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnbs .gnb_1dli {float:left;line-height:45px;width:150px;padding:0px 20px;text-align:center;margin:0;position:relative;font-size:1.1em}
#gnbs .gnb_1dli_r {float:right}
#gnbs .gnb_mnal {width:230px;text-align:left}
#gnbs .gnb_1dli:hover {color:rgba(255,255,255,0.8)}
#gnbs .gnb_1dli:hover > a {color:rgba(255,255,255,0.8)}
.gnbs_sub {width:49% !important}

.gnb_wrap {width:750px;margin:0 auto}
.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;text-indent:-999px}
.gnb_mnal {width:350px;padding:0 !important}
.gnb_mnal:hover {background:#ffffff !important;color:#fff}
.gnb_1da {display:block;padding:0;color:#49484A;text-decoration:none;font-weight:500}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli{border-bottom:0px solid rgba(255,255,255,0.2)}
.gnb_2dli:last-child {border:0}
.gnb_2dul {display:none;position:absolute;padding-top:47px}
.gnb_2dul .gnb_2dul_box {border:0;padding:0}
.gnb_2da {display:block;padding:10px 0;line-height:20px;color:rgba(255,255,255,0.8);text-decoration:none;font-size:0.8125em}
a.gnb_2da:hover {color:rgba(255,255,255,0.8)}

#gnbs .gnb_2dul {width:100%;padding:0 15px;margin-left:-20px}
#gnbs .gnb_mnal {width:100%;padding:0 !important}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb_1dul {display:block}
#gnb_1dul:hover .gnb_1dli {color:rgba(255,255,255,0.8);background:#132944}
#gnb_1dul:hover .gnb_1dli a {color:rgba(255,255,255,0.8)}
#gnb_1dul .gnb_1da {border-bottom:1px solid rgba(255,255,255,0)}
#gnb_1dul .gnb_1da:hover {border-bottom:1px solid rgba(255,255,255,0.5)}
.gnb_2dli {border-bottom:1px solid rgba(19,41,68,0.1)}
.gnb_2dli:hover {border-bottom:1px solid rgba(255,255,255,0.5)}
#gnb_1dul:hover .gnb_2dul {display:block}
.gnb_2dul {height:290px;background:#132944}
#gnb_1dul:hover a:focus {color:#fff;font-weight:600}

#topgnb {float:right}

.sit_icon {margin-bottom: 10px; line-height: 26px;}
.shop_icon{display: inline-block; color:#fff;line-height:20px;padding:1px 6px;font-size:12px;margin-right:4px;border-radius:2px;font-family: 'Pretendard-Medium';}
.shop_icon_1{background:#ff0000;}
.shop_icon_2{background:#a5a5a5;}
.shop_icon_3{background:#00c000;}
.shop_icon_4{background:#ed7d31;}
.shop_icon_5{background:#f15d2a;}
.shop_icon_8{background:#faeae8; color:#f15d2a;}
.shop_icon_9{background:#1a1a1a; color:#fff;}
.shop_icon_10{background:#fff; color:#f15d2a; outline: 1px solid #f15d2a; outline-offset: -1px;}
.shop_icon_11{background:#fff; color:#999; outline: 1px solid #d9d9d9; outline-offset: -1px;}
.shop_icon_12{outline: 1px solid #d9d9d9; outline-offset: -1px;}
.shop_icon_13{background:#FAEAE8; color:#F15D2A;}
.shop_icon_14{background:#EFE9FA; color:#733FCF;}
.shop_icon_15{background:#F5F6F0; color:#1C6E52;}
.shop_icon_16{background:#F8EAEB; color:#FD0013;}
.shop_icon_17{background:#E4EFFC; color:#0068DC;}
.shop_icon_new{background:#ff5f57; color:#fff;}
.shop_icon_point{color:#000}


.orderform-misu {float:right;text-align:left;margin-bottom:10px}
.orderform-misu span {font-weight:500;font-size:16px}
.orderform-misu .orderform-misu-color {color:#ff0366}
.misu-color {color:#ff0366}

#guide01 {display:none;position:absolute;z-index:9999;margin:0 auto;text-align:center;top:210px;width:100%;margin:0 auto;text-align:center}
#guide01 .guide01 {width:1200px;margin:0 auto;text-align:center}
#guide01 img {max-width:100%;margin:0 auto;text-align:center}

.btn_wr {text-align:center}
.ssbtn_wr {background:rgba(0,0,0,0.5);display:inline-block;position:absolute;bottom:-50px;margin-left:-50px;border-radius:30px;padding:0px 5px;z-index:999}
#main_bn .btn_wr{z-index:2}
.btn_wr .pager-prev {margin-left:5px;font-weight:600}
.btn_wr .pager-next {margin-right:5px;font-weight:600}
.btn_wr .pager-prev, .btn_wr .pager-next {float:left;display:inline-block;padding:5px;color:#fff}

/* 메인배너 */
#nw_bn {margin:0;border:0;position:absolute;z-index:1000;width:500px;height:500px;top:300px;right:50px}
#nw_bn img {width:500px;height:500px}
#nw_bn:after {display:block;visibility:hidden;clear:both;content:""}
#nw_bn .slide-wrap {padding:0;margin:0}
#nw_bn .slide-wrap img {max-width:100%;height:auto}
#nw_bn .nw_image_area{position:relative}
#nw_bn .owl_pager {position:relative;text-align:center;bottom:35px;z-index:999;height:0;border:0;display:none}
#nw_bn .owl_pager ul {background:#ffffff;border:1px solid #eeeeee;width:1150px;margin:0 auto;padding:0 0 0 20px;border-radius:5px;
-webkit-box-shadow:0px 0px 10px 1px rgba(221,221,221,1);
-moz-box-shadow:0px 0px 10px 1px rgba(221,221,221,1);
box-shadow:0px 0px 10px 1px rgba(221,221,221,1);
}
#nw_bn .owl_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#nw_bn .owl_pager li {display:inline-block;position:relative;text-align:center;line-height:70px;height:70px;font-size:1.6em}
#nw_bn .owl_pager li:first-child, #nw_bn .owl_pager li:nth-child(5n+1) {border-left:0}
#nw_bn .owl_pager li:nth-child(5n+1) {width:190px}
#nw_bn .owl_pager li:nth-child(5n+2) {width:200px}
#nw_bn .owl_pager li:nth-child(5n+3) {width:310px}
#nw_bn .owl_pager li:nth-child(5n+4) {width:195px}
#nw_bn .owl_pager li:nth-child(5n+0) {width:195px}
#nw_bn .owl_pager li a {display:block}
#nw_bn .owl_pager li a:after {content:"";position:absolute;top:35px;left:0px;width:100%;height:4px;width:25px;border-radius:5px;background:#ffffff;border:1px solid #888888}
#nw_bn .owl_pager li.active a {color:#333333}
#nw_bn .owl_pager li.active a:after {background:#333333}

.btn_wr2 {text-align:center}
.ssbtn_wr2 {background:rgba(0,0,0,0.5);display:inline-block;position:absolute;bottom:5px;margin-left:20px;padding:0px 5px;z-index:999}
#nw_bn .btn_wr2{z-index:2}
.btn_wr2 .pager-prev {margin-left:5px;font-weight:600}
.btn_wr2 .pager-next {margin-right:5px;font-weight:600}
.btn_wr2 .pager-prev, .btn_wr2 .pager-next, #slide-counter2 {float:left;display:inline-block;padding:5px;color:#fff}
#slide-counter2 {margin:0 5px}

.btn_wr3 {text-align:center}
.ssbtn_wr3 {display:inline-block;position:absolute;margin:0px;padding:0px;z-index:100000}
#nw_bn .btn_wr3{z-index:2}
.btn_wr3 .pager-prev {position:absolute;top:-250px;left:-250px}
.btn_wr3 .pager-next {position:absolute;top:-250px;right:-250px}
.btn_wr3 .pager-prev {display:inline-block;padding:5px;color:#fff;font-size:5em}
.btn_wr3 .pager-next {display:inline-block;padding:5px;color:#fff;font-size:5em}

/*원외탕전 신규 테이블*/
.sp_order_table {margin-bottom: 25px; padding: 0; list-style:none; width:100%; border-top: 2px solid #333; border-bottom: 2px solid #333; font-weight: normal; border-collapse: collapse;}
.sp_order_table p {margin: 0;}
.sp_order_table tr {}
.sp_order_table tr th {height: 36px; padding: 5px 0; background: #f5f5f5; font-size: 13px; font-weight: normal;}
.sp_order_table tr td {border-left: 1px solid #eee; border-right: 1px solid #eee; text-align: center; font-size: 16px;}
.sp_order_table tr td:first-child {border-left: 0;}
.sp_order_table tr td:last-child {border-right: 0;}
.sp_order_table tr td.item_box {text-align: left; padding: 0 20px; color: #777;}
.sp_order_table tr td.item_box input[type="checkbox"] {margin-right: 8px;}
.sp_order_table tr td img {display: block; margin: 0 auto;}
.sp_order_table tr td strong {display: block; font-size: 16px;}
.sp_order_table tr td .frm_input {padding: 2px; width: 60px; height: 20px; text-align: center; border: 1px solid #ccc;}
.sp_order_table tr td .sod_img {position: relative;}
.sp_order_table tr td .sod_img .sct_img_markt {position: absolute; left:5px; top:18px; height:50px; line-height:23px; min-width: 50px; min-height: 50px; z-index: 1; border-radius: 100%; text-align: center; transform: translate(-22%, -50%) scale(0.5);}
.sp_order_table tr td .sod_img .sct_img_markb {position: absolute; bottom: -4px; left: 50%; width: max-content; padding:0 8px; min-height: auto; min-width: 50px; min-height: 30px; z-index: 1; border-radius: 10%; text-align: center; transform: translateX(-50%) scale(0.5);}


/*#wrapper_iframe {border:1px solid #ddd;border-radius:10px;padding:10px}*/
#wrapper_iframe {padding:0px}

/* 상품 목록 현재 위치 */
.sct_location {border-left:3px solid #FF5F2E;background:url('../img/sct_location_icon.jpg') no-repeat;background-size:15px auto;background-position:5px 0;height:20px;line-height:20px}
.sct_location a {display:inline-block;margin-left:20px;padding:0 5px;text-decoration:none;letter-spacing:0 !important;font-size:16px}
.sct_location .sct_here {font-weight:500}
.sct_location .sct_bg {padding-right:15px !important;background:url('../skin/shop/basic/img/sct_bg_toright.gif') right 50% no-repeat}

/* 상품 정렬 리스트 스타일 선택 공통 */
.sct_sortlst {margin:15px 0 20px 0;zoom:1}
.sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 정렬 */
.sct_sort {float:left;zoom:1}
.sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
.sct_sort h2 {font-size:0;line-height:0;overflow:hidden}
.sct_sort ul {margin:0;padding:0 0 0 1px;list-style:none;zoom:1}
.sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_sort li {float:left;position:relative;padding:0}
.sct_sort li:before {float:left;content:"|";margin-top:8px;color:#888}
.sct_sort li:first-child:before {float:left;content:"";margin-top:8px;color:#888}
.sct_sort li a{display:block;padding:8px 10px;font-size:1.2em;color:#132944}
.sct_sort li a:hover{font-weight:500}
.sct_sort li a.on{font-weight:500;padding-left:30px}
.sct_sort li a.on:before {font-family:"Font Awesome 6 Free";font-weight:900;content:"\f00c";position:absolute;margin-top:4px;margin-left:-18px;cursor:pointer}
.sct_sort li:first-child a{border:0; padding-left: 0;}
.sct_sort li:first-child a.on{border:0; padding-left: 20px;}

/* 상품 목록 현재 위치 */
.sct_location2 {border-left:3px solid #FF5F2E;background:url('../img/ca10_icon.jpg') no-repeat;background-size:auto 20px;background-position:5px 0;height:20px;line-height:20px}
.sct_location2 a {display:inline-block;margin-left:30px;padding:0 5px;text-decoration:none;letter-spacing:0 !important;font-size:16px}
.sct_location2 .sct_here {font-weight:500}
.sct_location2 .sct_bg {padding-right:15px !important;background:url('../skin/shop/basic/img/sct_bg_toright.gif') right 50% no-repeat}

/* 상품 정렬 리스트 스타일 선택 공통 */
.sct_sortlst2 {margin:0;padding:10px 5px;zoom:1}
.sct_sortlst2:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 정렬 */
.sct_sort2 {float:left;zoom:1}
.sct_sort2:after {display:block;visibility:hidden;clear:both;content:""}
.sct_sort2 h2 {font-size:0;line-height:0;overflow:hidden}
.sct_sort2 ul {margin:0;padding:0 0 0 1px;list-style:none;zoom:1}
.sct_sort2 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_sort2 li {float:left;position:relative;padding:0}
.sct_sort2 li:before {float:left;content:"|";margin-top:8px;color:#888}
.sct_sort2 li:first-child:before {float:left;content:"";margin-top:8px;color:#888}
/* .sct_sort2 li:first-child {width:70px} */
.sct_sort2 li strong{display:block;padding:8px 15px;font-size:1.1em}
.sct_sort2 li a{display:block;padding:8px 15px;font-size:1.1em;color:#132944}
.sct_sort2 li a:hover{font-weight:500}
.sct_sort2 li a.on{font-weight:500;padding-left:35px}
.sct_sort2 li a.on:before {font-family:"Font Awesome 6 Free";font-weight:900;content:"\f00c";position:absolute;margin-top:4px;margin-left:-18px;cursor:pointer}
.sct_sort2 li:first-child a{border:0}

/* 상품 정렬 */
.sct_sort3 {float:left;zoom:1}
.sct_sort3:after {display:block;visibility:hidden;clear:both;content:""}
.sct_sort3 h2 {font-size:0;line-height:0;overflow:hidden}
.sct_sort3 ul {margin:0;padding:0 0 0 1px;list-style:none;zoom:1}
.sct_sort3 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_sort3 li {float:left;position:relative;padding:0}
.sct_sort3 li:before {float:left;content:"|";margin-top:8px;color:#888}
.sct_sort3 li:first-child:before {float:left;content:"";margin-top:8px;color:#888}
/* .sct_sort3 li:first-child {width:70px} */
.sct_sort3 li strong{display:block;padding:8px 15px;font-size:1.1em}
.sct_sort3 li a{display:block;padding:8px 15px;font-size:1.1em;color:#132944}
.sct_sort3 li a:hover{font-weight:600}
.sct_sort3 li a.on{font-weight:600;padding-left:15px}
.sct_sort3 li:first-child a{border:0}

.pointer {cursor:pointer}
.searchbar {border-bottom:1px solid #ddd;background:#f0f0f0;z-index:99;width:100%}

.main90bg {background:#e7f5fc;padding:0}

#gui_19-25 {background:#132944;padding:60px 0;color:#FFFFFF;text-align:center;margin:0 auto}
#gui_19-25 span {font-weight:300}
#gui_19-25 h3{font-size:2em}
#gui_19-25 h4{margin-top:20px;font-size:1.2em;font-weight:500;line-height:35px}
#gui_19-25 p{margin-top:40px}
#gui_19-25 p a {color:#FFFFFF}

#gui_19-26 {background:url('../img/bbg.jpg') center center;color:#FFFFFF;font-size:16px;line-height:1.5em}
#gui_19-26 .wrapper_gui {margin:0 auto;width:100%;min-width:1280px}
#gui_19-26 span {font-weight:300}
#gui_19-26 h3{font-size:28px;line-height:60px}
#gui_19-26 p{margin-top:20px}
#gui_19-26 p a {color:#FFFFFF}
#gui_19-26 .gui_left {float:left;background:#a8bfcd;width:33%;height:230px;padding:30px 15px 30px 40px}
#gui_19-26 .gui_center {float:left;background:#4d6b8d;width:34%;height:230px;padding:30px 15px 30px 40px}
#gui_19-26 .gui_right {float:left;background:#44546a;width:33%;height:230px;padding:30px 15px 30px 40px}
#gui_19-26 .gui_right .gui_right_left {float:left;}
#gui_19-26 .gui_right .gui_right_right {float:left;}
#gui_19-26 .gui_right .gui_right_right img {width:100%;max-width:90px;margin-top:65px;margin-left:20px}

#idx_hit {overflow:hidden}
#idx_hit:after {display:block;visibility:hidden;clear:both;content:""}
#idx_hit .owl-prev {position:absolute;top:50%;left:-30px;width:45px;height:45px;margin-top:-60px;color:#FFFFFF;font-family:"Font Awesome 6 Free";font-weight:400;content:"\f053";font-size:5em}
#idx_hit .owl-next {position:absolute;top:50%;right:-30px;width:45px;height:45px;margin-top:-60px;color:#FFFFFF;font-family:"Font Awesome 6 Free";font-weight:400;content:"\f054";font-size:5em}

#sod_ws_top {padding:0 10px 0 0}

a.btn_cabtn, .btn_cabtn {display:inline-block;background:#FF5F2E;color:#fff;text-decoration:none;vertical-align:middle;}

.line2 {border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}

.type4_index {background:#ffffff;border-radius:50px}

.cate_bg2{background:#132944;height:60px;line-height:60px;color:rgba(255,255,255,0.8)}
.cate_bg2 a{color:rgba(255,255,255,0.8)}
.cate_bg2 .bold {font-size:1.1em;color:rgba(255,255,255,1);margin-right:40px}
.shop_basicb {text-align:center;margin:0 auto}
.shop_basicb li {display:inline-block;text-align:center;margin:0 100px}

.tabs {margin:0 auto}
.tab_item {height:50px;font-size:1.1em;text-align:center}
input[name="tab_item"] {display:none}
.tab_content {display:none;clear:both}
#all:checked ~ #all_content,
#tab_item2:checked ~ #tab_item2_content,
#tab_item3:checked ~ #tab_item3_content {
  display:block;
}
#all_content {z-index:5;margin:0px auto;width:1280px;position:relative;zoom:1}
#tab_item2_content,
#tab_item3_content {z-index:5;margin:0px auto;width:1280px;position:relative;zoom:1}
.tabs input:checked + .tab_item {font-weight:800}

.index_hd_mn_left {float:left;width:65%;padding:10px 0 0 0}
.index_hd_mn_left #logo {padding-left:80px}
.index_hd_mn_left .top_lb_menu {width:70px;line-height:22px;height:505px}
.index_hd_mn_left .top_img01 {padding-left:50px;background:#FFFFFF}
.index_hd_mn_left .top_lb_menu a {color:#FFFFFF}
.index_hd_mn_left .top_lb_menu li:nth-child(1) {background:#a8c0cd;padding:48px 0}
.index_hd_mn_left .top_lb_menu li:nth-child(2) {background:#4c6b8d;padding:47px 0}
.index_hd_mn_left .top_lb_menu li:nth-child(3) {background:#085d9d;padding:47px 0}
.index_hd_mn_left .top_rb_menu {background:url("../img/hp001bg.jpg");height:505px;background-size:cover}
.index_hd_mn_left .top_rb_menu .top_rb_menu_pd {padding:6% 27%}
.index_hd_mn_right {float:right;width:35%;min-width:600px;background:#132944;color:rgba(255,255,255,0.8);padding:10px 30px 0 0;height:585px}
.index_hd_mn_right a {color:rgba(255,255,255,0.8)}
.index_hd_mn_right .top_mk {line-height:25px;font-size:0.9em;margin-top:100px;padding-left:60px;padding-right:80px}
.index_hd_mn_right .top_mk h3 {font-size:1.4em;line-height:30px;margin-top:10px;margin-bottom:20px}
.index_hd_mn_right .top_mk p {font-size:0.7em;margin-top:50px}

.list_sort {margin:15px 20px 0 0}
.hide{display:none}
.show{display:block}

.listsch {margin-top:10px;margin-right:0;border:0px solid #ddd}
.listsch .text_stx {border-radius:5px 0px 0px 5px;border:1px solid #ddd;border-right:0;padding:8px 10px 7px 15px}
.listsch button {border-radius:0px 5px 5px 0px;border:1px solid #ddd;border-left:0;background:#fff;color:#333;padding:8px 10px 7px 10px;margin-left:-5px}

/*사이드 메뉴*/


.btn_sm_cl1 {position:absolute;top:55px;width:56px;height:55px !important;font-size:1em !important;margin-left:-56px}
.btn_sm_cl1 img {width:100%}
.btn_sm_cl5 {position:absolute;top:110px;width:56px;height:55px !important;font-size:1em !important;margin-left:-56px}
.btn_sm_cl5 img {width:100%}
.btn_sm_cl6 {position:absolute;width:56px;height:55px !important;font-size:1em !important;margin-left:-56px}
.btn_sm_cl6 img {width:100%}

.btn_sm_on i {color:#3a8afd}

.frm_input50 {width:50px}
.frm_input100 {width:100px}
.frm_input150 {width:150px}
.frm_input200 {width:200px}
.frm_input250 {width:250px}
.frm_input300 {width:300px}

.shop_agree {padding:10px;margin-bottom:10px}
.shop_agree_title {color:#666;font-size:13px}
.shop_agree_title strong {color:#000;font-size:16px}
.shop_agree ul {margin-top:5px}
.shop_agree ul li {padding:2px 0 2px 20px}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.shchk_box {position:relative}
.shchk_box input[type="checkbox"] + label {position:relative;color:#000;cursor:pointer}
.shchk_box input[type="checkbox"] + label:hover {color:#2172f8}
.shchk_box input[type="checkbox"] + label span {float:left;width:18px;height:18px;display:block;background:url(/img/chk.png) no-repeat 50% 50% #ccc;border:1px solid #ddd;border-radius:3px;margin:7px 10px 0 0}
.shchk_box input[type="checkbox"]:checked + label {color:#000}
.shchk_box input[type="checkbox"]:checked + label span {background:url(/img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

.od_delivery_check {}
.delivery_btn a {display:block;background:#ff1464;color:#fff;padding:5px 0;text-align:center}

.td_center {text-align:center}
.td_left {text-align:left}
.ca_txt {text-align:center;padding:30px 0 40px 0;font-size:var(--font-size-13);background:#132944;color:#fff}
.ca_txt h3 {padding:0;margin:0 0 10px 0;font-size:var(--font-size-22)}

.text-right {text-align:right}
.text-center {text-align:center}
.text-left {text-align:left}

.hot_bn_left {width:1100px;}
.hot_banner {width:1100px;}
.hot_banner img {max-width:100%}

.top_c_select {color:#1d27d6}

.cate_id i {position:absolute;right:0;margin:8px 0 0 0;font-size:var(--font-size-12) !important}

.is_reply_content {margin-top:5px;padding:5px 10px;background:#f9f9f9;color:#999}

#sit_use_list .con_inner{height:24px;overflow:hidden;max-width:85%;float:left}
#sit_use_list .con_inner2{float:left;margin:0 0 0 10px;}
#sit_use_list .con_inner2 a{color:#888888 !important}

#sps .con_inner{height:24px;overflow:hidden;max-width:85%;float:left}
#sps .con_inner2{float:left;margin:0 0 0 10px;}
#sps .con_inner2 a{color:#888888 !important}

#sps2 .con_inner{height:24px;overflow:hidden;max-width:85%;float:left}
#sps2 .con_inner2{float:left;margin:0 0 0 10px;}
#sps2 .con_inner2 a{color:#888888 !important}

.btn_block {width:100%}

#fpasswordlost {width: 800px;margin: 0 auto;}

.con_open {display:none}

.re_cart {padding:20px;text-align:center}

.shadow{position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.52);width: 100%;height: 100vh;z-index:99999;display: none}


.orderform_send_txt { border: 1px solid; margin-top: 17px; padding: 6px 7px 10px;}


/* 240705 공동구매 플로팅 배너 sjh */
.side_f_wrap { position: fixed; bottom: 20px;}
.side_f_wrap .side_f_box { position: sticky;}
.side_f_wrap .side_f_box .side_f_banner { position: absolute; bottom: 0; left:-132px; z-index:10; }
.side_f_wrap .side_f_box .side_f_banner img {margin-top: 12px; width: 100px;}
/* 240705 공동구매 플로팅 배너 sjh */

