@charset "utf-8";

@import url("base.css");
@import url("board.css");
@import url("main.css");
@import url("sub.css");

/* 초기화 */
html, body {width: 100%; height: 100%;}

body {margin:0; padding:0; font-size:16px; line-height: 1.2; vertical-align:middle !important; font-family: 'Montserrat', 'Noto Sans KR', 'Sans-serif' !important; overflow-x:hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, ul li {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: 'Noto Sans KR', sans-serif; font-size:16px; }
button {cursor:pointer; border:0;}
input[type=submit] {border:0;}
textarea, select {font-family:'Noto Sans KR', sans-serif; font-size:.85em}
select {margin:0}
p, span, i {margin:0; padding:0; word-break:break-all;}
pre {overflow-x:scroll; font-size:1.1em}
th {font-weight:normal;}
a {vertical-align:middle; color:#29282a;}
a:link, a:visited {text-decoration:none; display: inline-block;}
a:hover, a:focus, a:active {text-decoration:none !important;}

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 {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;box-sizing:border-box;
}
input[type=checkbox] {
border: 1px solid #ccc !important;
border-radius:3px !important;
padding:2px;
color:#666;
}

br { font-family: 'Noto Sans KR', sans-serif !important;}

.placeholdersjs {color: #aaa !important;}

.mb {display:none;}
br.mo {display:none;}

#index {position:relative;}
.wrap {position:relative; margin:0 auto; width:100%; max-width:1300px;}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative; margin:0 auto;width:100%; height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; border:1px solid #e9e9e9; background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0; background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px; border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */

#hd{/*position:absolute;*/ top:0; left:0; width:100%;  z-index:9;height:100px;-webkit-transition: height 0.3s; -moz-transition: height 0.3s;transition: height 0.3s;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;width:100%;text-align:center; margin:0 auto; height:100px;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper {}
#hd_wrapper.roll, #hd_wrapper:hover {}

#logo {position:absolute;  left:20px; top:10px; transition:0.5s; z-index:999;}
#logo a {height:100%;}
#logo a img {height:100%; width:auto;}


#tnb {/*position:absolute;top:10px;left:0;z-index:7*/float:right; display:none;}
#tnb h3 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#tnb ul {}
#tnb li {position:relative; display:inline-block}
#tnb li:after {position:absolute; top:50%; left:0; margin-top:-4px; width:1px; height:9px; content:''; background:#d8d8d8}
#tnb li:first-child:after {display:none}
#tnb li a {display:inline-block; padding:0 15px; color:#888; line-height:20px;}
#tnb span a {color:#ed595a; line-height:20px;}

#hd .t_login {position: absolute; right: -100px; top: 25px;}
#hd .t_login a {display:inline-block; margin-right:10px; border-radius:5px; font-size:17px; width:90px; text-align:center; padding:8px 10px 3px;}
#hd .t_login a:first-child {background:#339999; color:#fff;}
#hd .t_login a:last-child {background:#fff; color:#39999; border:1px solid #ddd;}

/* 상단메뉴 */
#gnb {position:relative; z-index:8; padding:0;}
#gnb h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#gnb .gnb_wrap {margin:0 auto; position:relative; width:100%; padding:0;}
#gnb #gnb_1dul {margin:0 auto; font-size:18px; text-align:right; margin-left:15%;}
#gnb ul:after {display:block; visibility:hidden; clear:both; content:""}
#gnb ul > li {display:inline-block;width:auto; padding:0 30px; position:relative;}
#gnb ul > li > a {display:inline-block; text-decoration:none; font-size: 18px; line-height:100px; text-align:center; /*color:#fff; */letter-spacing:-0.25px;}
#gnb ul > li.gnb_1dli_on > a , #gnb ul > li > a:hover {color:#ff6600; font-weight:500;}
.gnb_2dul {display:none; position:absolute; top:100px; left:0; margin-left:-10px; min-width:160px; background:rgba(255,102,0,0.9); padding:0;z-index:-2}
.gnb_1dli:nth-child(1) .gnb_2dul{margin-left:-24px;}
.gnb_1dli:nth-child(3) .gnb_2dul{margin-left:-18px;}
.gnb_1dli:nth-child(4) .gnb_2dul{margin-left:-15px;}
#gnb ul > li > ul > li {float:none; text-align:center; padding:0; display:block; }
#gnb ul > li > ul > li > a {width:100%; padding:10px 0; display:block; text-align:center; line-height:1.5; font-size:16px; word-break:keep-all; color:#fff; letter-spacing:-0.25px;}
#gnb ul > li > ul > li:hover {background:#fff;}
#index #gnb ul > li > ul > li:hover {background:#fff;}
#index #gnb ul > li > ul > li:hover a{color:#ff6600;}
#gnb ul > li > ul > li > a:hover {color:rgba(255,102,0,1)}
/*#gnb ul > li > ul > li > a:hover:before {content: '';position: absolute;top: 45%;left:20%; width:60%; border-top: 10px solid #fbfe01;opacity: 0.5;z-index:-1}*/


.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:2em;}
.gnb_wrap .gnb_empty a {color:#fff; text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}
#gnb .gnb_menu_btn {display:none; background:#4158d1; color:#fff; width:50px; height:50px; border:0; vertical-align:top; font-size:18px;}
#gnb .gnb_close_btn {background:#4158d1; color:#fff; width:50px; height:50px; border:0; vertical-align:top; font-size:18px; position:absolute; top:-50px; left:0}
#gnb .gnb_mnal {padding:0}
#gnb_all {display:none; position:absolute; width:100%; z-index:99;}
#gnb_all .gnb_al_ul:after {display:block; visibility:hidden; clear:both; content:""}
#gnb_all .gnb_al_ul {background:#fff; border:1px solid #4158d1; padding:20px;}
#gnb_all .gnb_al_li {background:#fff; float:left; min-width:20%; padding:5px;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.083em; padding:10px; display:block; position:relative; margin-bottom:10px; background: #eff1f9; border-bottom: 1px solid #dee2f1; font-weight: bold; color:#243071}
#gnb_all .gnb_al_li li {padding-left:10px; line-height:2em}
#gnb_all .gnb_al_li li i {color:#9ca6cc}
#gnb_all .gnb_al_li li a {color:#555}
#gnb ul > li.gnb_last {float:right; }


.m_tnb {padding:10px 0; text-align:center;  border-bottom:1px solid rgba(255,255,255,0.1);  }
.m_tnb:after {display:block; clear:both; content:''}

#total_m_lay {position:fixed; top:0; height:100%; box-shadow:none; z-index:999999; }

.total_m li {position:relative}
.total_m li a {display:block}
.total_m > ul > li > a {display:block;  text-decoration:none; word-break: keep-all; text-decoration:none;  font-weight:400;  color:#ff6600;}

.wra_box {position:fixed; top:0; left:0; height:auto; z-index:200}
.fix_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:250}
.btnMenu {position:absolute; top:0px; right:0; width: 90px; height:90px; padding:30px; background:none; text-indent:-999px; overflow:hidden; z-index:110}
.btnMenu span {display: block;  width: 30px; height: 2px; background: #fff; }
.btnMenu span:nth-child(1) {margin-top: 0px; background: #fff;}
.btnMenu span:nth-child(2) {margin-top: 6px; background: #fff; width: 22px;}
.btnMenu span:nth-child(3) {margin-top: 6px; background: #fff; width: 26px;}

.btnMenuClose {position:absolute; top:-5px; right:0; width: 90px; height:90px; padding:25px; background:#none; text-indent:-999px; overflow:hidden; z-index:999999; }
.btnMenuClose span {display: block;  width: 100%; height: 2px;  background: #fff;}
.btnMenuClose span:nth-child(1) {top:50%; transform: translateY(-50%) rotate(45deg); }
.btnMenuClose span:nth-child(2) {width: 0; }
.btnMenuClose span:nth-child(3) {bottom: auto;top: 50%;transform: translateY(-200%) rotate(-45deg);}


@media all and (min-width:1001px) {
#total_m_lay {display:block; width:100%; right:-100%; overflow:hidden; background:rgba(255,255,255,1); border:0; }
.m_logo {text-align:center; padding:20px; background:#fff;}
.total_m {height:100%; overflow: hidden; background:#f9f9f9;}
.total_m ul {height: 100%;}
.total_m > ul > li {width:calc(25% - 1px); float: left; font-size:18px; text-align:center; height: 100%; border-right: 1px solid rgba(0,0,0,0.1); padding: 15% 0;}
.total_m > ul > li:last-child {border-right: none;}
.total_m > ul > li > a {padding:20px 0;  font-size:26px; }
.total_m > ul > li > ul {padding:0 25px;}
.total_m > ul > li > ul > li {background-repeat:no-repeat; background-position:right 14px; font-weight:400;}
.total_m > ul > li > ul > li > a {padding:10px 0px; font-size:18px;   word-break:keep-all; color:#29282a; font-weight:200;}
.total_m a:hover {color:#ff6600 !important;}
.total_m button {display:none;}
}



@media all and (max-width:1000px) {
body {font-size:15px;}
.m_tnb {background:#ff6600; padding:10px 10px; height:70px; text-align:left;}
.m_tnb a img {height:45px;}
#total_m_lay {right:-100%; width: 100% ; overflow:auto;  border:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#40bcb6+0,8bb63f+100 */
background: #40bcb6; /* Old browsers */
background: -moz-linear-gradient(left,  #40bcb6 0%, #8bb63f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #40bcb6 0%,#8bb63f 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,  #fff 85%,#fff4ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40bcb6', endColorstr='#8bb63f',GradientType=1 ); /* IE6-9 */
}
.total_m {padding:20px;}
.total_m li button {position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; overflow:hidden;}
.total_m > ul > li {position:relative; width:auto !important; font-size:18px;font-weight:400;  /*background:#fff; */ border-bottom:1px solid #ff66002e;}
.total_m > ul > li > a {padding:20px 0; color:#ff6600;font-weight:500;}
.total_m > ul > li.has-sub > a {/*background:url('../img/gnb_dot.png') no-repeat right 15px center*/}
.total_m > ul > li.has-sub {padding: 0; text-align: left;  /*border-top: 1px solid #ccc;*/}
.total_m > ul > li.has-sub:before{position:absolute;top: 20px;right: 23px;width: 1px;height: 17px;margin-top:-1px;display:block;content:"";background:#fff;display: block;}
.total_m > ul > li.has-sub:after{position: absolute;top: 26px;right: 15px;width: 17px;height: 1px;display: block;content: "";background: #fff;}
.total_m > ul > li.has-sub.open > a {/*background:#93845a url('../img/gnb_dot_on.png') no-repeat right 15px center*/ }
.total_m > ul > li > ul {display:none; padding:10px 0;}
.total_m > ul > li > ul > li {font-size:16px; /*background-repeat:no-repeat; background-position:right 14px; border-top:1px solid #ddd;*/}
.total_m > ul > li > ul > li:first-child {border-top:0}
.total_m > ul > li.has-sub.open {}
.total_m > ul > li.has-sub.open:before {display:none;}
.total_m > ul > li.has-sub.open:after{position: absolute;top: 27px;right: 15px;width: 18px;height: 1px;display: block;content: "";background: #ff6600;}
.total_m > ul > li > ul > li > a {padding:0 0 10px; color:#ff6600;  font-weight:200;}
.total_m > ul > li > ul > li.open > a {color:#1e5394;}
.total_m .btnClose {display:none}
.btnMenu {width: 70px; height:70px; padding:20px;}
.btnMenuClose {width: 70px; height:70px; padding:15px; top:3px; }
.m_login {display:none;}
}


/*사이드 메뉴*/
#side_menu{position:fixed;top:0;right:0;z-index:999;height:100%; background:#fff}
.side_menu_wr{display:none;width:230px;overflow-y:auto;height: 100%; border-left:1px solid #cdcdcd;}
#btn_sidemenu{position:absolute;top:50%;left:-35px;width:35px;height:50px; margin-top:-25px; background:#fff; border:1px solid #cdcdcd; border-right:0;font-size:14px}
#side_menu .side_menu_shop{padding:10px 20px; border-bottom:1px solid #f3f3f3;}
#side_menu .btn_side_shop{position:relative; background:none; border:0;width:100%;height:30px;text-align:left;font-weight:bold;}
#side_menu .btn_side_shop span{position:absolute;top:5px;right:0;padding:0 5px;line-height:20px; border-radius:10px;color:#fff; background:#ed1c24}
#side_menu .side_menu_shop .op_area{display:none; border-top:1px solid #f3f3f3; margin:5px 0}
#side_menu .side_menu_shop .op_area h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#side_menu .side_menu_shop .op_area li{border-bottom:1px solid #f3f3f3;position:relative;padding:10px 0; min-height:80px;padding-left:70px}
#side_menu .side_menu_shop .op_area li .prd_img{position:absolute;top:10px;left:0px;}
#side_menu .side_menu_shop .op_area li .prd_cost{display:block;font-weight:bold; margin:3px 0 0}
#side_menu .side_menu_shop .op_area  .li_empty{padding:50px 0;padding-left:0;color:#999; border-bottom:1px solid #f3f3f3;text-align:center}


/* 중간 레이아웃 */
#wrapper {z-index:5; min-width:320px;width:100%;height:100%;position:relative;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title {font-size: 35px; line-height: 1.0em;  font-weight: 500; text-align:center; margin:50px 0; color: #131d3d;}

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

#container {margin:0 auto;position:relative;width:100%; height:auto !important;background:#fff;zoom:1; z-index:7;}

#container #content{position:relative;width:100%; margin:0 auto;}
#container #content:after{display:block;clear:both;content:''}

.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}

/* 하단 레이아웃 */
footer {position:relative; background: #222; text-align:left; color: #999; padding:45px 0;}
#ft {clear:both;}
#ft > div {display:block; width:100%;}
#ft > div:after{display:block;clear:both;content:''}
#ft .ft_info{position:relative; display:block; width:100%; padding:40px 0;}
#ft .ft_info h3 {float:left; font-size:40px; font-weight:600; }
#ft .ft_info p {float:right; font-size:38px;}
#ft .ft_info span {color:#fe9702; font-weight:700; font-size:40px;}
#ft .ft_info:after {content:""; display:block; width:100%; height:1px; background:#ccc; position:absolute; bottom:0px; left:0;}

#ft .ft_link {position:relative; display:block; padding:20px 0; color:#999;}
#ft .ft_link li {position:relative;display: inline-block; margin-right:20px; padding-right:20px;}
#ft .ft_link a {position:relative; font-size:15px; color:#999;}

#ft .ft_logo {margin-bottom:20px;}
#ft .ft_logo img {}

#ft .ft_txt {}
#ft .ft_txt > span {display: inline-block; font-size:15px; margin-right:20px; line-height:1.6}
#ft .ft_txt > span:first-child {color:#ddd;}
/* #ft .ft_txt > span:first-child, #ft .ft_txt > span:last-child{display:block;} */
#ft .ft_copy {display:block; margin-top:10px; font-size:15px; text-align:right; color:#555;}
#ft .ft_copy a {color: #808080;}

#ft .ft_customer {float:right; background:url('../img/customer.png') left center no-repeat; padding-left:80px;}
#ft .ft_customer dt {color:#000; font-size:20px; margin-bottom:5px;}
#ft .ft_customer dd span{font-family: 'Noto Sans KR';}
#ft .ft_customer strong {display:block; color:#20a8a1; font-size:25px; margin-bottom:5px;}

#top_btn {position:absolute; right:2.5%; top:-35px; z-index:7; background:#083b7f; color:#fff; width:70px; height:70px; border-radius:100%;}
#top_btn span {display:block; margin-top:5px;}



/* 퀵메뉴 */
#followquick {position:absolute; right:0; z-index:7;}
#followquick ul li {width:90px; height:90px; position:relative; }
#followquick ul li:nth-child(1) {background:#20a8a1; }
#followquick ul li:nth-child(2) {background:#616164; }
#followquick ul li a {display:block; font-size:16px; color:#fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight:400;width:100%; text-align:center;}
#followquick ul li:nth-child(2) a {color:#010101;}

#index #followquick {display:none;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {position: absolute; width: 0; height: 0; font-size: 0; top: 0; left: 0; margin: 0;
/*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 */}
/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;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; vertical-align:top}
#captcha #captcha_info {display:block; margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em;  font-family: 'Montserrat', 'S-Core Dream'; }

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block; margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static; 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}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px; border:1px solid #b8c9c2; background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px; margin-left:3px}
#captcha.m_captcha #captcha_info {display:block; margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px; background:url('../img/captcha.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px; border:none}

/* 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; !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;zoom:1}
.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%}


/* 목록 바로가기 */
.sanchor {margin:30px 0 20px ;padding:0;zoom:1}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;width:20%;text-align:center;list-style:none}
.sanchor li a{display:block;position:relative;height:60px; margin-left:-1px; background-color:#f7f7f7; border:1px solid #cdcdcd; border-bottom:1px solid #000;
color: #666;line-height: 58px;text-align: center;z-index:1}
.sanchor li .sanchor_on{margin:0 0 0 -1px; border:1px solid #000; background:#fff;z-index:2; border-bottom-color:#fff;font-weight:bold;}
.sanchor li a .item_qa_count,.sanchor li a .item_use_count{display:inline-block; background:#aaa;padding:0 5px;line-height:23px; border-radius:15px;color:#fff; min-width:23px;font-size:12px}
.sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count{background:#55bfb1}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block; margin:0 0 0 3px;font-weight:bold;}


/*탑버튼*/
#quick_sns{display: inline-block;position: fixed;right: 50px; bottom: 110px;z-index: 99999;}
.quick_box a{display:block;background:#fff;font-size:21px;color:#ff6600;font-weight:500;padding:34px 25px;box-shadow: 0px 0px 10px rgb(0 0 0 / 0.1);border-radius:10px;border: 1px solid #ddd;}

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%;height:auto}

/* 마이페이지 */
#smb_my {position:relative; width:100%; max-width:1200px; margin:0 auto;}

#smb_my_ov {margin:0 0 20px;position:relative}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_ov .my_ov_name{display:block; background:#fff; border:1px solid #ccc;line-height:45px;padding:0 20px;font-size:1.167em;}
#smb_my_ov .my_ov_name img{width:20px; border-radius:50%}
#smb_my_act {position:absolute;top:-35px;right:0;zoom:1}
#smb_my_act:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_act ul {float:right; margin:0;padding:0;list-style:none}
#smb_my_act li {float:left; margin:0 0 0 4px}
#smb_my_act li a{line-height:25px;padding:0 5px}
#smb_my_act li .btn_admin{height:27px;}
#smb_my_ov .cou_pt{position:absolute;top:0 ;right:0;}
#smb_my_ov .cou_pt dt{float:left;width:90px;line-height:45px;}
#smb_my_ov .cou_pt dd{float:left;width:110px;text-align:right;padding:0 20px 0 0  ;line-height:45px;}
#smb_my_ov .cou_pt dd a{color:#ff2b64;font-weight:bold;font-size:1.167em}
#smb_my_ov .op_area{background:#f8f8f8; border:1px solid #ccc; border-top:0;padding:10px 15px;line-height:18px;color:#555}
#smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_ov .op_area dt{float:left;width:10%; margin:3px 0;font-weight:bold;}
#smb_my_ov .op_area dd{float:left;width:40%; margin:3px 0}
.my_ov_btn{text-align:center;}
.my_ov_btn button{background:#fff; border:1px solid #ccc;vertical-align:top; border-top:0;padding:0 20px;height:25px}
.my_ov_btn button:hover{background:#f3f3f3;}

#smb_my_ovaddd{width:90%}

#smb_my_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {width:590px !important; border-bottom:0 !important}

#smb_my_od {margin:0 0 50px;position:relative}
#smb_my_od h2 {margin:0 0 10px;font-size:1.25em;}
#smb_my_od  td{text-align:center}
#smb_my_od  td a{font-weight:bold;}
#smb_my_wish {position:relative;}
#smb_my_wish h2 {margin:0 0 10px;font-size:1.25em;padding:0 0 10px; border-bottom:2px solid #000}
.smb_my_img{margin:0 0 5px;}
.smb_my_tit{margin:5px 0 ; font-size:1.167em;font-weight:bold;}
.smb_my_date{font-size:0.92em;color:#777}
.smb_my_more {position:absolute;top:0;right:0;}
.smb_my_more a{display:block; background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px}

/*장바구니 주문서 공통*/
.od_prd_list .td_chk{border-left:0;}
.od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px; min-height:100px}
.od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0}
.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:#ed595a;font-weight:bold;font-size:1.167em}

.sod_opt {}
.sod_opt ul {margin:0;padding:0;list-style:none}
.sod_opt li {padding-left:10px; background:url('../img/bullet.gif') no-repeat 3px 8px;color:#777; margin:3px 0;line-height:1.3em}
.sod_option_btn .mod_options {padding:0 7px; border:1px solid #398ede;color:#398ede; background:#fff;height:23px; margin:10px 0 0 }
.cp_btn {padding:0 7px; border:1px solid #398ede;color:#398ede; background:#fff;height:23px; margin:10px 0 0 }
.cp_cancel {padding:0 7px; border:1px solid #aaa;color:#666; background:#fff;height:23px; margin:10px 0 0 2px;}

/* 장바구니 */
#sod_bsk {margin:10px auto; max-width:1200px;}

.btn_cart_del{margin:10px 0;}
.btn_cart_del button{height:30px;padding:0 10px; border:1px solid #e2e2e2; border-bottom:1px solid #c4c4c4; background:#fff;color:#666;}

#sod_bsk_list {position:relative}
#sod_bsk #sod_bsk_tot {background:#f4f4f4;padding:15px; margin:20px 0;zoom:1}
#sod_bsk #sod_bsk_tot ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk #sod_bsk_tot li{float:left;width:33.333%; border-left:1px solid #e6e2e2;text-align:center;padding:10px 0;font-size:1.167em}
#sod_bsk #sod_bsk_tot li:first-child{border:0}
#sod_bsk #sod_bsk_tot li span{display:block; margin:0 0 5px}
#sod_bsk #sod_bsk_tot li strong{font-size:1.25em}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt strong{color: #ed595a;}
#sod_bsk_act {text-align:center}
#sod_bsk_act .btn_submit{height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em}
#sod_bsk_act .btn01{height:50px;line-height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em}
#sod_bsk_act p {margin:0 0 10px}

/*장바구니 선택사항수정*/
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;width:540px;height:auto !important;height:500px; max-height:500px; border:1px solid #000; background:#fff;overflow-y:auto;overflow-x:none;
-webkit-box-shadow:  1px 2px 5px #bbb;
-moz-box-shadow:  1px 2px 5px #bbb;
box-shadow: 1px 2px 5px #bbb;}
#mod_option_frm  h2{border-bottom:1px solid #cdcdcd;padding:0 20px;line-height:50px; margin:0 0 15px;font-size:1.25em;
-webkit-box-shadow:  1px 2px 2px #eee;
-moz-box-shadow:  1px 2px 2px #eee;
box-shadow: 1px 2px 2px #eee;}

.option_wr {background:#f3f3f3; margin:0 20px 10px;padding:15px}
.option_wr h3{font-size:1.167em}
.option_wr label{display:block; margin:10px 0 5px}
.option_wr select{width:100%; border:1px solid #ccc;height:35px}

#sit_opt_added {}
#sit_opt_added li {padding: 0 0 15px 0; /* border-bottom:1px solid #e9e9e9; */position:relative; float:left; width:100%;}
#sit_opt_added li div {}
#sit_opt_added li .opt_name{line-height:25px;width:100%; float:left; display:block;}
#sit_opt_added li .opt_count{/*position:absolute;top:50%;right:0; margin-top:-15px; */text-align:right; float:right;}
#sit_opt_added button {float:left;width:30px;height:30px; border:1px solid #cdcdcd; background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover{}
#sit_opt_added .num_input {float:left; border:0;height:30px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;text-align:center;}
#sit_opt_added .sit_opt_del{border:0;font-size:15px}
#sit_opt_added .sit_opt_del:hover{color:#be334a}
#sit_opt_added .sit_opt_prc{display:block;float:left;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold;}

#mod_option_frm #sit_sel_option {margin:20px;}
#mod_option_frm #sit_tot_price {margin:20px;}
#mod_option_frm #sit_opt_added {border-top:1px solid #e9e9e9;}
#mod_option_frm .btn_confirm{margin:20px ; }
#mod_option_frm .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:bold;width:100%;cursor:pointer}
#mod_option_frm .btn_confirm .btn_close{position:absolute;top:0;right:0;width:50px;height:50px; border:0; background:none; border-left:1px solid #cdcdcd;font-size:1.25em}
#mod_option_frm .btn_confirm .btn_close:hover{background:#f3f3f3;}

/* 주문서 작성 */
#sod_frm .od_prd_list{margin-bottom:20px}
#sod_frm  #sod_bsk_tot {width:93%;margin:0 auto;}
#sod_frm  #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li{position:relative; background:#fff;/*float:left; width:33.333%;text-align:center; */border-bottom:1px solid #e7ebf1;padding:5px 15px;text-align:right; }
#sod_frm  #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li span{display:inline-block;color:#777; margin-bottom:5px;font-weight:bold;float:left;}
#sod_frm  #sod_bsk_tot li strong {}
#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:#ed595a; 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:#ed595a; 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:#ed595a;font-size:1.25em}

.sod_left{width:70%; background:#fafafa;padding:20px 20px 20px 0 ;vertical-align:top; float:left;}
.sod_right{width:30% ; background:#eceff4;padding:20px;vertical-align:top;height:100%; float:right;}

.display_setup_message {margin:0 0 10px;padding:15px; border:1px solid #fccdff; background:#ffeef9}
.display_setup_message strong {display:block; margin:0 0 10px}

#sod_frm {margin:10px auto; max-width:1200px;}
#sod_frm h2 {margin:0 0 10px}
#sod_frm p {margin:0 0 10px}
#sod_list {position:relative}
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:99px;width:500px;height:auto !important;height:500px; max-height:500px; border:1px solid #000; background:#fff;overflow-y:auto;overflow-x:none;
-webkit-box-shadow:  1px 2px 5px #bbb;
-moz-box-shadow:  1px 2px 5px #bbb;
box-shadow: 1px 2px 5px #bbb;}

#sod_frm_orderer {margin:20px 0 40px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block; margin:5px 0 0}
#sod_frm_taker label{display:inline-block;}
#sod_frm_same {margin:0 0 10px}
#sod_frm #od_memo {height:50px}
#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block; margin:5px 0 0}
#sod_frm .btn_submit{width:100%;height:40px;font-weight:bold;font-size:1.25em;cursor:pointer}
#sod_frm .btn01 {width:100%;height:40px;line-height:38px;font-weight:bold;font-size:1.25em; margin:5px 0}
#sod_frm_pay {position:relative; margin:10px 0}
#sod_frm  #sod_frm_pay h2 {position:absolute; border:0;font-size:0;line-height:0;content:""}
#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 #398ede;color: #398ede; 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.5em;color:#ed595a}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px; max-height:500px; border:1px solid #000; background:#fff;overflow-y:auto}
#sod_frm_deli {position:relative;line-height:2em}
.od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px; margin: 0 0 15px;text-align:left;
-webkit-box-shadow: 1px 2px 2px #eee;
-moz-box-shadow: 1px 2px 2px #eee;
box-shadow: 1px 2px 2px #eee;}
.od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px; border: 0; background: none; border-left: 1px solid #cdcdcd;}
.od_coupon .btn_close:hover{background:#f3f3f3;}
.od_coupon .tbl_head02{margin:20px}
.od_coupon .cp_apply{padding: 0 5px; border: 1px solid #398ede;color: #398ede; background: #fff;height: 23px;line-height: 21px;}
.od_coupon td,#sod_frm_pay .od_coupon td{text-align:left; border-left:0;padding:7px}
#sod_frm_pay .od_coupon th {width:auto;text-align:center;padding: 7px; background: #f3f3f3; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
.od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;}
.od_coupon .td_mngsmall{width:60px}
#sod_frm #sod_frm_pt_alert {margin:5px 0;color:#38b2bb }
#od_pay_sl h3{font-size:1.167em; margin:20px 0 5px}

#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: inline-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 #ed595a;z-index:3;}

#sod_frm_paysel {}
#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_point{clear:both;padding:10px 0}
.sod_frm_point div{background:#fff; margin-bottom:1px;padding:10px;text-align:left;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 .max_point_box em{font-style:normal !important}
.sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px; border:1px solid #ccc;}

#settle_bank {margin:5px 0 10px; background:#fff;padding:10px; clear:both}
#settle_bank select{height:30px; margin:0 0 5px;width:100%; border:1px solid #ccc;}
#settle_bank #od_deposit_name{height:30px; border:1px solid #ccc;text-align:center;}

#sod_frm_escrow {margin:30px 0 0}
#sod_frm #sod_frm_escrow h2{margin:0; border:0}
#sod_frm #sod_frm_escrow p{margin:5px 0}
#display_pay_process {padding:20px;text-align:center}

/* 위시리스트 */
#sod_ws {}
.sod_ws_img {width:90px;text-align:center}
#sod_ws_act {text-align:center;padding:20px 0;}
#sod_ws_act button{height:50px;width:180px;font-weight:bold;font-size:1.167em}
#sod_ws li .info_link{display:block; margin:10px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#646464;font-weight:bold;}
#sod_ws li .info_date{color:#646464;font-size:0.92em}
#sod_ws li .wish_chk {position: absolute;top: 0;left: 0;width: 30px;text-align: center;line-height: 35px;color:#f00}
#sod_ws li .wish_info {padding: 0 35px 10px 30px;position: relative; border-bottom: 1px solid #e0e0e0; margin-top: 10px;height: 45px;}
#sod_ws li .wish_del {position: absolute;top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;text-align: center; background: #e6e6e6;display: block;color: #777;}
#sod_ws li .wish_del:hover{background:#777;color:#fff}

/* 배송지 목록 */
#sod_addr .td_mng .sel_address{color:#fff; background:#fff; border:1px solid #333;color:#333;padding:0 5px;height:26px;}
#sod_addr .td_mng .del_address{display:inline-block; border:1px solid #aaa;color:#888;padding:0 5px;height:26px;line-height:24px;vertical-align:middle}
#sod_addr input[type="radio"]{position:absolute;left:0;z-index:-1;visibility:hidden;width:0;height:0;overflow:hidden;text-indent:-999px}
#sod_addr .default_lb {display: inline-block; background:#fff; border: 1px solid #3476be;color: #3476be;cursor: pointer;position:relative;padding:0 5px;height:26px;line-height:24px}
#sod_addr input[type="radio"]:checked+.default_lb {background:#3476be;color:#fff}
#sod_addr td{height:40px;vertical-align:top}
#sod_addr .td_name {width:100px;}
#sod_addr .frm_input {height:30px}
#sod_addr .td_sbj{width:120px;text-align:left}
#sod_addr .ad_tel{display:block;color:#666;}
#sod_addr .td_mng{width:100px;padding:10px}
#sod_addr .td_mng .mng_btn{width:100%; margin:2px 0;}


/* 주문내역 */
#sod_v {position:relative; width:100%; max-width:1200px; margin:50px auto;}
#sod_v td{text-align:center}
#sod_v td a{font-weight:bold;}
#sod_v .basic_tbl {text-align:center}
#sod_v_info {margin:0 0 10px}

/* 주문내역 include  */
#sod_inquiry {border-top:2px solid #000;}
#sod_inquiry li {background:#fff; border-bottom:1px solid #ccc;padding:15px 15px 45px; margin-bottom:10px;position:relative; border-radius:5px}
#sod_inquiry li .idtime_link{font-weight:bold;font-size:1.167em}
#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-size:1.25em;font-weight:bold;}
#sod_inquiry li .inquiry_inv {text-align:right}
#sod_inquiry li .inv_status{display:block;text-align:center; margin:5px 0 0; /*font-weight:bold*/ float:right; }
#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:inline-block; background:#ed595a;color:#fff;padding:5px 5px 0;line-height:20px;font-size:0.92em; }
.status_02{display:inline-block; background:#ed595a;color:#fff;padding:5px 5px 0;line-height:20px;font-size:0.92em; }
.status_03{display:inline-block; background:#ed595a;color:#fff;padding:5px 5px 0;line-height:20px;font-size:0.92em; }
.status_04{display:inline-block; background:#ed595a;color:#fff;padding:5px 5px 0;line-height:20px;font-size:0.92em; }
.status_05{display:inline-block; background:#ed595a;color:#fff;padding:5px 5px 0;line-height:20px;font-size:0.92em; }
.status_06{display:inline-block; background:#fff; border:1px solid #ddd;color:#666;padding:5px 5px 0;line-height:20px;font-size:0.92em; }


/* 주문상세내역 */
#sod_fin {position:relative; width:100%; max-width:1200px; margin:0 auto;}
#sod_fin th {padding:8px}
#sod_fin .th_line th {border-top:1px solid #ddd;}
#sod_fin_no {}

#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}

#sod_fin_legend {padding:10px; background:#f3f3f3; margin:10px 0; border:1px solid #e9e9e9;text-align:left;zoom:1}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left; margin:0 0 5px;width:50px;font-weight:bold;}
#sod_fin_legend dd {float:left; margin:0}

#sod_fin #sod_bsk_tot li{background:#fff; border-bottom:1px solid #e7ebf1;height: 40px;padding:0 15px;line-height:40px;text-align:right}
#sod_fin #sod_bsk_tot li span{float:left;clear:both;color: #777;}
#sod_fin #sod_bsk_tot li strong{}
#sod_fin #sod_bsk_tot .sod_bsk_cnt strong{color:#ed595a;font-size:1.25em}

#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px; border:1px solid #000; background:#f2f5f9;text-align:center}
#request_form .frm_input {width:300px; background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px;line-height:1.6em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0; border-top:1px solid #e9e9e9; background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px; border:1px solid #e9e9e9; border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em}
.sod_req_log_view caption span {color:#ff3061}
.sod_req_log_view th {border-top:1px solid #e9e9e9; background:#f7f7f7 !important; !important;text-align:center}
.sod_req_log_view td {background:#fff;}
.sod_req_log_view p {padding:10px 15px; border-bottom:1px solid #e9e9e9; background:#fff;}
.sod_req_log_view .sod_req_it {width:270px}
.sod_req_log_view button {margin:0;padding:0; border:0; background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer}

#sod_fin_list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sod_fin_list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sod_fin_list .prqty_stat{position:absolute;top:0;right:0;padding:3px 5px; background:#6583c5;color:#fff}
#sod_fin_list .td_bdno{border-left:0}
#sod_fin_list .td_bdno span {display:inherit;}
#sod_fin_list .td_bdno dl {display:block;}
#sod_fin_list .td_bdno dt {margin-right:20px;}
#sod_fin_list .td_bdno dt, #sod_fin_list .td_bdno dd {float:left;}
#sod_fin_list .td_bdno a{font-weight:bold;}
#sod_fin_view {border:1px solid #e9e9e9}
#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f2f5f9;text-align:left}

.sod_fin_list .sod_ta_wr{padding:0}
.sod_fin_list h2 {position:absolute; border:0;font-size:0;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_bsk .btn_del_wr{margin:10px }
#sod_bsk .sod_ta_wr{background:#fff;padding:15px;}
#sod_bsk .go_shopping{margin: 10px}
#sod_bsk .go_shopping .btn01{height:45px;line-height:43px;font-size:1.167em;font-weight:bold;width:100%;text-align:center}
#m_sod_bsk_tot{background:#f4f4f4; border-radius:5px;padding:5px 10px}
#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 #cdcdcd;font-weight:bold; margin-top:5px;line-height:25px}
#m_sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em}
#sod_bsk_act .btn_submit{height:45px;font-size:1.167em;font-weight:bold;width:100%; margin:10px 0}

#sod_fin_pay {margin:0 0 30px}
#sod_fin_orderer {margin:0 0 30px}
#sod_fin_receiver {margin:0 0 30px;}
#sod_fin_dvr {}
#sod_fin .sod_left h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin .sod_left h3{font-size:1.167em ; margin:0 0 10px}
#sod_fin .sod_left .tbl_head01 {}
#sod_fin .sod_left th {padding:10px 0; border:0; border-top:1px solid #f3f3f3;text-align:left;width:100px;color:#666; background:#fff}
#sod_fin .sod_left td{padding:10px 0; border:0; border-top:1px solid #f3f3f3; background:#fff}

#sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline}

#sod_fin_tot {margin:10px 0}
#sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:10px 0 5px 0;list-style:none; background:#398ede;}
#sod_fin_tot li {padding:0 10px;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 {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {height:40px; border:1px solid #5e6b6f;font-weight:bold;width:100%; background:none;color:#5e6b6f}
#sod_fin_cancel button:hover{background:#fff}
#sod_fin_cancelfrm {display:none; margin:10px 0 0;text-align:center; background:#fff;padding:15px}
#sod_fin_cancelfrm .frm_input {background:#fff; margin: 0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline{background:#5e6b6f;color:#fff; border:0;padding:10px;width:100%;cursor:pointer}
#sod_fin_test {padding:10px}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px; border:0; background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 공지사항 및 커뮤니티 새글 */
#sidx_lat h2{position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 쇼핑몰 이벤트 */
#sev {}
.sev_admin {margin:0 0 10px;text-align:right}

/* 쿠폰 */
#coupon div:after {display:block;visibility:hidden;clear:both;content:""}
#coupon .cou_tit {font-weight:bold;}
#coupon .cou_pri{color: #00c4ac;font-weight: bold;float: right;}
#coupon .cou_target{color:#666;}
#coupon .cou_date{float:right;color: #777;}

/* 모바일일때 피시버전 주문폼*/
.sod_list {position:relative; margin:0;padding:0;list-style:none}

.sod_list .sod_li {position:relative;padding:0; border:1px solid #e9e9e9; margin:20px 0; padding:20px;}
.sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .sod_li > div, .sod_list .sod_li > ul {float:left;}
.sod_list .sod_li > div {margin-right:20px;}
.sod_list .sod_li > ul li {line-height:160%;}
/*.sod_list .li_chk{position:absolute;top:10px;left:10px;}
.sod_list .li_name{min-height:130px}
.sod_list .li_name a,.sod_list .li_name strong{display:block;padding: 0 10px 0 25px; border-bottom:1px solid #e9e9e9;height:35px;line-height:35px}
.sod_list .li_name strong{padding-left:10px}
.sod_list .total_img{position:absolute;top:45px;left:10px;}
.sod_list .sod_opt{padding:10px 10px 5px; margin-left:90px;color:#9e9e9e;font-size:0.93em; background:none; border:none}
.sod_list .sod_opt li{margin-bottom:3px; border:none}
.sod_list .li_cp{position:relative}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {margin:0;padding:5px 8px; border:0; background:#000;color:#fff;font-size:0.93em}
.sod_list .li_cp .cp_cancel,.odf_tbl #od_coupon_cancel,.odf_tbl #sc_coupon_cancel{border:1px solid #999;color:#777; background:#fafafa; margin-left:3px;padding:4px 5px}
}*/
.sod_list .li_prqty{margin:10px;}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_prqty .li_prqty_sp{width:33%;display:inline-block;float:left;text-align:center;line-height:2.2em; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-left:1px solid #e9e9e9;color:#9e9e9e;font-size:0.93em; margin-left:-1px}
.sod_list .li_prqty  .prqty_price{border-left:1px solid #d3d3d3;}
.sod_list .li_prqty  .prqty_sc{border-right:1px solid #d3d3d3;}
.sod_list .li_prqty .li_prqty_sp span{display:block; background:#f2f2f2;}
.sod_list .li_total {position:relative; border-top:1px solid #e9e9e9; margin:10px 10px 0;}
.sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right;color:#343434}
.sod_list .total_span span{position:absolute;top:5px;left:0}
.sod_list .total_span strong{font-size:1.2em}

#sod_frm {}
#sod_frm section{margin-bottom:10px}
#sod_frm section h2{border-bottom:1px solid #e2e4e7;font-size:1.167em;padding-bottom:10px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed; margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none;padding-left:5px;font-weight:normal}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th {width:90px}
#sod_frm_deli #order_address {display:block;width:100px; background:#333;color:#fff;text-align:center}
#sod_frm_orderer {margin:0 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block; margin:5px 0 0}
#sod_frm .odf_tbl table{width:100%; margin:0;padding:0; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-collapse:collapse}
#sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th {; border-bottom:1px solid #e9e9e9;padding:5px 0px 5px 10px ;text-align:left;line-height:26px;position:relative;}
#sod_frm .odf_tbl table th {width:90px;color:#343434;font-weight:normal;letter-spacing:-0.1em}
#sod_frm .odf_tbl table .frm_input{background-color:#fff !important;height:24px;line-height:24px;text-indent:5px}
#sod_frm .odf_tbl table .frm_address{margin-top:5px}
#sod_frm .odf_tbl button.btn_frmline{font-size:0.92em;padding:0 8px;height:26px;line-height:26px}
#sod_frm .odf_tbl textarea{width:99%; border:1px solid #e4eaec;}
#sod_frm_same {margin:0 0 10px}
#sod_frm_pay {position:relative}
#sod_frm_pay .tbl_head01 caption {font-size:0;line-height:0;overflow:hidden}
#sod_frm_pay .tbl_head01 th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .tbl_head01 td {border-top:1px solid #e9e9e9 !important; border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}

#sod_frm .sod_ta_wr{background: #fff;padding: 15px;}
#sod_frm .btn_confirm{; margin:0 10px 10px}
#sod_frm .btn_submit{width:100%;height:45px;font-size: 1.167em;font-weight: bold; margin:5px 0}
#sod_frm .btn_cancel,#sod_frm .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight: bold;padding:0; border-radius:0}

#sod_frm_pay{padding:10px; 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-bottom:1px solid #ccc}
.odf_tbl table th {border-top:1px solid #eceff4;padding: 10px;text-align:left;width:120px;font-weight:normal}
.odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right}

#sod_frm_pt_alert{margin:10px 0;color:#328abd;}

html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto; max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_paysel ul {margin:0;padding:0;}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {float:left;padding:5px 2%;width:46%;height:21px;text-align:left;list-style:none}

/*네이버페이*/
.itemform-naverpay{margin:15px 0;clear:both}
.cart-naverpay{margin-top:15px}

/*개인결제*/
.pesonal{background:#f3f3f3;padding:20px}
.pesonal td{font-weight:bold;}
#sod_frm_pay h2{font-size: 1.167em; margin: 0px 0 10px; border-bottom:1px solid #ddd;padding: 0 0 10px}

#personal_pay h2{font-size: 1.167em; margin: 0px 0 10px;}
#personal_pay input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;text-indent:-999px;left: 0;z-index: -1px;visibility:hidden;}
#personal_pay .lb_icon {display: inline-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}
#personal_pay input[type="radio"]:checked+.lb_icon {border:1px solid #ed595a;z-index:3;}

#personal_pay {}
#personal_pay legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#personal_pay .KPAY{background:url('../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .PAYNOW{background:url('../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .PAYCO{background:url('../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .kakaopay_icon{background:url('../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#personal_pay .bank_icon{background:url('../img/pay_icon1.png') no-repeat 15px 50% #fff}
#personal_pay .vbank_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#personal_pay .iche_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#personal_pay .hp_icon{background:url('../img/pay_icon3.png') no-repeat 24px 50% #fff}
#personal_pay .card_icon{background:url('../img/pay_icon4.png') no-repeat 17px 50% #fff}
#personal_pay .btn_submit{width:100%;height:40px;font-weight: bold; margin:10px 0 5px}
#personal_pay .btn01{width:100%;height:40px;line-height:38px;font-weight: bold;}



/*메인*/
#subsidiary {position: relative;}
#subsidiary.on ul.subsidiary li span.bl {background: none;}
#subsidiary.on .mask {opacity: 1; background: rgba(0, 0, 0, 0.3); transition:0.5s;}

#subsidiary .mask {
position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0;
-webkit-transition-property: opacity; transition-property: opacity;
-webkit-transition-duration: 1s; transition-duration: 1s;
-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#subsidiary ul:after {display: block; content:""; height: 0; clear: both; visibility: hidden;}
#subsidiary ul.subsidiary {text-align:right;}
#subsidiary ul.subsidiary li {display:inline-block; text-align:right; margin-left:60px; margin-bottom:30px; z-index:99;}
#subsidiary ul.subsidiary li a {display: block; color:#fff; font-size:20px; opacity:0.7; transition:0.5s; font-weight:bold;}
#subsidiary ul.subsidiary li a .sub-copy {position: absolute; left: 5%; top: 0; width: 90%; padding: 0; display: none; transition:0.5s; z-index: 0; height:88%;}
#subsidiary ul.subsidiary li a:hover {opacity:1; }
#subsidiary ul.subsidiary li a:hover .sub-copy {display:block; opacity:1;}
#subsidiary .sub-copy-area {width: 100%; height:35vh;}
#subsidiary .sub-copy .sub-img {
-webkit-transition-property: transform; transition-property: transform; width:100%;
-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
-webkit-transform: translateY(50px); transform: translateY(50px);
}
#subsidiary .sub-copy div {
position: absolute; bottom:0; opacity: 1; height:100%; width:30%;
-webkit-transition-property: opacity; transition-property: opacity;
-webkit-transition-duration: 0.9s; transition-duration: 0.9s;
-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#subsidiary .sub-copy.show div {opacity: 1;}
#subsidiary .sub-copy.show .sub-img {-webkit-transform: translateY(0); transform: translateY(0);}
#subsidiary .sub-copy a {display: block;}
#subsidiary .sub-copy p {
display:inline-block; width:70%; padding: 12vh 0 0 2%; text-align:left; font-size: 20px; line-height:1.5; opacity: 1; font-weight:400 !important; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
-webkit-transition-property: transform opacity; transition-property: transform opacity;
-webkit-transition-duration: 1.5s; transition-duration: 1.5s;
-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#subsidiary .sub-copy p strong {font-size: 36px; display: block; padding-bottom: 20px;}
#subsidiary .sub-copy.show p {opacity: 1;}
#subsidiary .subsidiary .ic-move {position: absolute; display: block; top: -21px; right: 0; height: 45px; width: 45px; background: url(/images/main/btn_go.png) 100% 100% no-repeat; display: none; text-indent:-9999px;}
#subsidiary .subsidiary .on .ic-move {display: block;}



.sct {clear:both; margin:0;padding:0;list-style:none;zoom:1; /* margin-bottom:50px; */}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center}
.sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */

#sct_location {display:none;}

.sct_10 .sct_li {position:relative; margin-bottom:15px; width:23.5% !important; display:inline-block; margin: 0 5px;}
.sct_10 .sct_li div {width:100%; text-align:left;}
/* .sct_10 .sct_last {margin:0 0 15px !important} */
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_img{/*position:relative;  width:100%;  width:100% !important; margin-top:10px;*/}
/*.sct_10 .sct_img img {border-radius:10px; width:100% !important;}*/
.sct_10 .sct_txt {display:block; margin:10px 0;font-size:1.167em;font-size:20px;}
.sct_10 .sct_btn {position:absolute; display:none; right:10px; background:#398ede; color:#fff; font-size:15px;  padding:5px 10px; }
.sct_10 .sct_basic{color:#666; margin:20px 0 0;}
.sct_10 .sct_img {margin: 0 0 20px;  text-align:left;}
/* .sct_10 .sct_img > a{overflow: hidden; display: flex; -ms-display: flex; align-items: center; justify-content: center; width: 100%; height: 320px;}
.sct_10 .sct_img a img  {width: auto; max-width: none; height: 100%;object-fit: cover;} */

.sct_10 .sct_img > a{overflow: hidden; width: 100%; height: 320px; float: left;}
.sct_10 .sct_img a img  {display: inline-block; min-width: 100%; min-height: 100%; -ms-interpolation-mode: bicubic;}


/* .cont_wrap ul li div.main_pic a .image_container {overflow: hidden; display: flex; align-items: center; justify-content: center; width:100%; height: 350px;}
.cont_wrap ul li div.main_pic a .image_container img {width: auto; max-width: none; height: 100%;} */


.sct_20 .sct_li {position:relative;float:left; margin:0 3% 15px 0; width:31% !important; border:1px solid #ddd;}
.sct_20 .sct_li:nth-child(3n) {margin-right:0;}
/*.sct_20 .sct_last {margin:0 0 15px !important}*/
.sct_20 .sct_clear {clear:both}
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
.sct_20 .sct_img {width:100%; margin-bottom:10px;}
.sct_20 .sct_img img {/*border-radius:10px;*/ width:100%}
.sct_20 .sct_icon {position:absolute;top:10px;left:-5px; margin:0 !important}
.sct_20 .sct_icon img {display:block; margin:0 0 3px}
.sct_20 .sct_id {display:block;padding:5px 10px 0;}
.sct_20 .sct_txt {padding:15px 15px 5px;  font-size:25px}
.sct_20 .sct_basic {padding:0 15px 5px;line-height:1.5em; height:23px; overflow:hidden; margin-bottom:10px;display:block; }
.sct_20 .sct_cost {display:block;padding:0 15px 15px;font-weight:bold;}
.sct_20 .sct_cost strike {display:block; margin:0 0 5px;color:#999;font-weight:normal}
.sct_20 .sct_sns {position:absolute; bottom:15px;right:15px}
.sct_20 .sct_li p {position:absolute;display:inline-block; right:15px; bottom:0px; background:#fbaf00; color:#fff; font-size:15px;  padding:5px 10px 0; font-family: 'BMDOHYEON';}
.sct_20 .sct_li p a {color:#fff;}
.sct_20 .sct_img {margin: 0 0 10px;   padding:0; min-height:190px; text-align:left;}
.sct_20 .sct_img a, .sct_20 .sct_img a img {width:100%; max-width:370px; max-height:190px; height:auto; display:block; }

/* 특산물 */
.sct_30 .sct_li {position:relative; float:left; margin:0 0 15px 0; width:100% !important; border-bottom:1px solid #ddd; display:block; padding-bottom:50px;}
.sct_30 .sct_li > div {float:left; display:block;}
.sct_30 .sct_li span {display:inherit;}
/*.sct_30 .sct_last {margin:0 0 15px !important}
.sct_30 .sct_clear {clear:both}
.sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px; background:url('img/icon_arw_toleft.gif') no-repeat}*/
.sct_30 .sct_a {text-decoration:none}
.sct_30 .sct_img  {width:320px; margin-right:50px;}
.sct_30 .sct_img  img {border-radius:10px; width:100%}
.sct_30 .sct_icon {position:absolute; bottom:25px;left:-5px; margin:0 !important}
.sct_30 .sct_icon img {display:block; margin:0 0 3px}
.sct_30 .sct_txt {; margin:0 0 20px; font-size:25px}
.sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em; color:#777;}
.sct_30 .sct_cost {display:block; margin:0 0 10px;font-weight:bold;}
.sct_30 .sct_cost strike {display:block; margin:0 0 5px;color:#999;font-weight:normal}
.sct_30 .sct_sns {position:absolute; bottom:20px;right:10px}
.sct_30 .sct_li p {float:right; display:inline-block; margin-right:10px; background:#3bb197; color:#fff; font-size:15px;  padding:5px 10px 0; font-family: 'BMDOHYEON';}
.sct_30 .sct_li p a {color:#fff;}


.reservation_check {text-align:center;}
.reservation_check a {display:inline-block;  margin: 0 5px; text-align:center; width:150px;}
.reservation_check a span{display:inherit; margin-top:10px; font-family: 'BMDOHYEON'; }

/*유의사항*/
.note {position:relative;}
dl.note dt {font-size:22px; margin:10px 0 0 10px; background:url('../img/sub/ico_note.png') no-repeat; padding-left:45px; line-height:40px;}
dl.note dd {background:#f5f5f5; padding:20px 30px 5px 30px; line-height:180%; border-radius:10px;}
ul.note {margin:10px 0 0 10px; background:url('../img/sub/ico_note.png') no-repeat; padding-left:45px; }
ul.note li {line-height:160%;}
p.note {font-size:16px; margin:0 0 0 10px; background:url('../img/sub/ico_note.png') no-repeat; padding-left:40px; line-height:40px;}

/* 상품 상세보기 */
#sit {position:relative; width:100%; max-width:1200px; margin:0 auto;}
.sit_admin {text-align:right}
.sit_empty {padding:20px 0;text-align:center}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:0; border-top:2px solid #131d3d; zoom:1; padding-top:50px}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {float:left;width:50%;padding:0}
#sit_pvi_big {margin:0 0 10px;text-align:center; width:100% !important; min-height:300px; overflow:hidden !important; }
#sit_pvi_big img, #sit_pvi_big a img {width:100%; /* max-width:550px; max-height:300px;  */min-height:300px;height:auto; display:block;}

#sit_pvi_big a {display:none}
#sit_pvi_big a.visible {display:block}

#sit_pvi_thumb {margin:0;padding:0;list-style:none;text-align:center;zoom:1}
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_thumb li {display:inline-block; margin:0 5px 5px 0}
#sit_pvi_thumb .li_last {margin:0 !important}
#sit_pvi_thumb img {}

#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none;zoom:1}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block; margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px !important;height:60px !important;}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {position:relative;float:right;padding:0;width:45%;height:auto !important;height:355px; min-height:355px}
#sit_ov h3 {margin:0 0 10px}

#sit_title {font-size:22px; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; }
#sit_desc {margin:0 0 10px;padding:0;color:#474747;font-size:1.167em}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sit_star_sns {position:relative; border:1px solid #e5e5e5; border-top:0;height:45px;padding:10px;line-height:25px }
#sit_star_sns span {display:inline-block; margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star_sns .sit_star {position:relative;top:-2px; margin:0 5px 0 0}

#sit_star_sns a {display:inline-block;vertical-align:middle}
#sit_star_sns .btn_sns_share{position:absolute;top:0;right:0;width:45px;height:45px; background:none; border:0; border-left:1px solid #e5e5e5}
#sit_star_sns .sns_area{display:none;position:absolute;top:45px;right:0; background:#fff; border:1px solid #333;padding:10px;z-index:10}
#sit_star_sns .sns_area:before{content: "";position: absolute;top: -8px;right: 13px;width: 0;height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #000 transparent;}
#sit_star_sns .sns_area:after{content: "";position: absolute;top: -7px;right: 13px;width: 0;height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent;}
#sit_star_sns .sns_area a{display:inline-block;width:35px;height:35px;line-height:35px; background:#eee;text-align:center;}
#sit_star_sns .sns_area a img{width:24px;height:auto;}
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
#sit_star_sns .sns_area .share-googleplus{background:#d5503a}
#sit_star_sns .sns_area .share-facebook{background:#415b92}
#sit_star_sns .sns_area .share-twitter{background:#35b3dc}


.sit_info{padding:10px; border-top:1px solid #ebeff3; margin:15px 0 0; border-bottom:1px solid #ebeff3;}
.sit_ov_tbl {width:100%; border:0; border-collapse:collapse;color:#666;}
.sit_ov_tbl th {font-weight:normal;text-align:left;}
.sit_ov_tbl td {padding:5px 0}
.sit_ov_tbl td strong{;font-size:1.25em}
.sit_ov_ro {padding:2px 2px 3px; border:0; background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px; border:0; background:transparent;vertical-align:middle}
.sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px; border:1px solid #b8c9c2; background:transparent;vertical-align:middle}
#sit_ov_tbl button {margin:0 1px 0 0}

.sit_option {padding:10px 0 0; border-top:1px solid #ddd; margin:10px 0 0;}
.sit_option label{display:block; margin:0 0 5px;color:#666;}
.sit_option select{width:100%; margin:0 0 10px;height:35px; border:1px solid #cdcdcd;}
.sit_option h3{font-size:1.083em; display:none;}
.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important; right:15px}
.get_item_options input {width:100%; border:1px solid #ccc; background:#fff; padding:4px 5px; margin-bottom:10px;}

#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sit_tot_price {margin:10px 0; font-size:1.167em; line-height:180%; font-weight:bold; text-align:right; padding-top:20px;}
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_price span{float:left;}
#sit_tot_price strong{font-size:1.5em;color:#ff0000}

#sit_ov_soldout {padding:20px 0; margin:10px 0;color:#ff3061; background:#fff6f6;font-weight:bold;text-align:center}
#sit_ov_btn {margin-top:30px;}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn button {width:215px;float:right; margin-right:5px;height:50px; margin-bottom:10px;font-weight:bold;font-size:1.25em; }
#sit_btn_buy {background:#ed595a;color:#fff; border:0;}
#sit_btn_buy:hover{background:#555}
#sit_btn_cart {border:1px solid #ed595a; background:#fff;color:#ed595a}
#sit_btn_cart:hover{background:#f3f3f3;}
#sit_btn_wish {display:inline-block; margin-bottom:10px;text-align:center;font-size:1.25em;float:right;width:65px;height:50px;line-height:48px;height:50px; border:1px solid #b3b3b3;font-weight:bold;}
#sit_btn_wish:hover{color:#ed595a}
#sit_btn_alm{display:inline-block;width:215px;float:left; margin-right:5px;height:50px;line-height:50px; margin-bottom:10px;font-weight:bold;font-size:1.25em; background:#ed595a;color:#fff; border:0;text-align:center;}
a#sit_btn_buy {background:#ed595a;color:#fff; border:0;width:215px;float:right; margin-right:5px;line-height:50px; margin-bottom:10px;font-weight:bold;font-size:1.25em; }

/* 상품 상세보기 - 상품정보 */
#sit_inf {margin:50px 0; border:1px solid #eaeaea; padding:3%; width:100%;}
#sit_inf h2 {position:absolute;font-size:0;line-height:0;content:""}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_basic {margin:0 0 20px;line-height:1.7em}
#sit_inf_explan {margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
#sit_inf_explan img {max-width:100%;height:auto}

#sit_inf_open {width:100%; border:0; border-top:1px solid #777; border-collapse:collapse}
#sit_inf_open th {padding: 10px; border-bottom:1px solid #e5e5e5; background:#f3f3f3;vertical-align:top;text-align:left}
#sit_inf_open td {padding: 10px; border-bottom:1px solid #e5e5e5; background:#fff;vertical-align:top}


.input_tel {width:95px !important; margin-bottom:5px;}


.t_cen {text-align:center !important; }
.t_right {text-align:right !important; }
.c_red   {color:#ed595a !important;}
.c_blue {color:#398ede !important;}
.c_orange {color:#fbaf00 !important;}



div#bo_list, div#bo_gall, section#bo_w, article#bo_v, div#sct, div#sit {width: 100%; margin:0px auto; padding-bottom:50px; background: #fff; max-width:1200px; position:relative;}


/*  상세정보 숨김 */

#sit_inf {display: none;}


/* PC Device */

@media all and (max-width:1600px) {
#hd .t_login {right: -50px;}
#gnb ul > li {padding:0 40px; }
}

@media all and (max-width:1400px) {
#hd .t_login {right:70px;}
#hd .t_login a {margin-right: 5px; font-size: 16px;width: 80px; padding: 8px 5px 3px;}
#gnb #gnb_1dul {margin-left:10%;}
#gnb ul > li {padding:0 30px; }

}

@media all and (max-width:1300px) {
.wrap {width:98%; padding:0 1%;}

#gnb ul > li > a { font-size: 19px;}


#hd .t_login {display:none;}

#ft .ft_logo img {height:80px;}

}



/* Tablet Device */
@media all and (max-width:1000px) {
img{max-width:100%}

#quick_sns{display:none;}

#top_btn {display:none;}

#hd {height:70px;}
#hd_wrapper {height:67px;}

#logo {left:10px; top:8px; }
#logo a img {width:auto;height:45px;}

#tnb {display:block;}
#gnb {display:none;}
#hd .top_sns {display:none;}

footer {padding-bottom:30px}
#ft .ft_info{padding:30px 0;}
#ft .ft_info h3 {font-size:35px;}
#ft .ft_info p {font-size:30px;}
#ft .ft_info span {font-size:35px;}

#ft .ft_link li {margin-right:15px; padding-right:15px}
#ft .ft_link a {font-size:16px;}




#ft .ft_customer {background-size:65px; padding-left: 70px;}
#ft .ft_customer dt {font-size: 18px;}
#ft .ft_customer strong {font-size: 20px;}
#ft .ft_txt > span {margin-right:15px;}
#ft .ft_txt > span:nth-child(4) {display:block;}
#ft .ft_copy a {display:block;}

#followquick ul li {width:80px; height:80px;}

#container #content{width:100%;}


.sct_20 .sct_li {margin:0 3% 30px 0; width:48.5% !important;}
.sct_20 .sct_li:nth-child(3n) {margin-right:3%;}
.sct_20 .sct_li:nth-child(2n) {margin-right:0%;}
#sit_pvi {width:45%;}
#sit_ov {width:50%;}

}



@media all and (max-width:860px) {

.txt_sec .line_ver {height:65px; top:36%;}
.txt_sec .outline_txt {top:25%;}
.txt_sec .outline_txt svg text {font-size:76px;}
.txt_sec dl {top:50%;}
.txt_sec dl dt {font-size:26px;}
.txt_sec .bg_txt {font-size:90px; top:inherit; bottom:11%; left:0; text-shadow:none;}

}



/* Mobile Device */
@media all and (max-width:768px) {
body {font-size:14px;}
br.mo {display:block;}
.wrap {width: 98%; padding: 0 1%;}

.hd_pops {max-width:calc(100vw - 20px); left:10px !important; top:10px !important;}
.hd_pops_con {max-width:100%; height:auto !important;}


#hd { height: 60px;}
#hd_wrapper { height: 57px;}
#logo a img {height: 38px;}


.btnMenu {width: 60px;height: 60px;padding: 15px;}

.m_tnb { padding: 8px 10px;height: 70px;}
.m_tnb a img { height: 35px;}
.m_tnb a {padding-top:8px;}

#ft .ft_link {padding:15px 0;  margin-bottom:15px;}
#ft .ft_link li {margin-right: 8px; padding-right: 10px;}
#ft .ft_link a {font-size:15px;}

#ft .ft_logo img{display:none;}
}




@media all and (max-width:650px) {
.mb {display:block;}
.pc_img {display: none;}
.mob_img {display: block;}

.bo_title_review {font-size:18px; }


.sct_20 .sct_li {margin:0 0 30px 0; width:100% !important;}
.sct_20 .sct_li:nth-child(3n) {margin-right:0%;}
.sct_20 .sct_img a, .sct_20 .sct_img a img {max-width:500px;}

.sod_left {width:100%; float:none;}
.sod_right {width:100%; float:none;}

.th_line th {font-size:13px;}
#sod_fin_list .td_bdno dd {margin-top:10px;}

dl.note {margin-top:50px;}
dl.note dt {font-size:20px;}
p.note {font-size:14px;}


div#sit {margin: 30px auto;}
#wrapper_title {font-size: 24px; margin: 30px 0;}


#sit_pvi {width:100%; max-width:100%;text-align:center; margin-bottom:30px; }
#sit_ov {width:100%; height: auto; min-height: auto;}
#sit_ov_btn button {width:48%;}
#sit_inf {margin: 20px 0;}


.tbl_frm01 .frm_input,  .tbl_frm01 textarea{max-width:280px;}


}

@media all and (max-width:600px) {

.sct_10 .sct_li {;float:none;width:100% !important; margin-bottom:50px; display: block; margin: 0;}
.sct_10 .sct_img {margin: 0 0 20px;}
.sct_10 .sct_img a {font-size: 16px;}

#sct_ct_1 li {width: 50% !important;}

#fregister section {margin: 10px auto 60px !important;}
#fregister .fregister_agree {top: inherit !important; padding: 10px !important;}



#ft .ft_txt {margin:0 auto; width:100%; clear:both; text-align:center; }
#ft .ft_link {text-align:center;}
#ft .ft_copy {text-align:center; margin-top:15px;}

}

@media all and (max-width:500px) {

.txt_sec .bg_txt {font-size:60px; top:420px;}



}