@charset "utf-8"; 

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

/* 초기화 */

html, body {width: 100%; height: 100%;}
body {margin: 0; padding: 0;font-size: 16px;letter-spacing:-0.5px;line-height: 1.2; word-break: keep-all; vertical-align: middle !important;font-family: 'Noto Sans KR', 굴림, Arial, Helvetica, dotum, sans-serif;overflow-x: hidden;}

body * {box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
ol, ul {list-style: none;}
p, ul, li, ol, dl, dt, dd, figure {padding: 0;margin: 0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0; padding: 0; border: 0}
h1, h2, h3, h4, h5, h6 {font-family: inherit; color: inherit; margin: 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}
button, textarea, input, select {font-family: inherit;color: inherit;padding: 0;}

input, button {margin: 0; padding: 0;}
button {cursor: pointer; border:0;}
textarea, select {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}

a {text-decoration: none; color: inherit;}
a:link, a:visited {text-decoration: none; display: inline-block;}
a:hover, a:focus, a:active {text-decoration: none !important;}

th {font-weight:500;}

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

.placeholdersjs {color: #aaa !important;}
.mb {display: none;}

.wrap {position: relative; margin: 0 auto; width: 1300px; }
.wrap:after {display: block; visibility: hidden; clear: both; content: ""}
.g-recaptcha {padding-top: 10px;}
.inner_wrap {width: 1300px;margin: 0 auto;position: relative;}
.inner_wrap:after {display: block; visibility: hidden; clear: both; content: ""}
#con_box {clear:both;padding-bottom: 100px;width:100%;float:left;}
/* 팝업레이어 */
#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 {z-index: 99; float:left; width: 100%; background: #fff; height: 92px;transition:all 0.4s;;}


#hd_h1 {position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#hd_wrapper {position: relative; width: 100%; text-align: center; margin: 0;}
#hd_wrapper:after {display: block; visibility: hidden; clear: both; content: ""}
#logo {position: absolute;  left: 12px; top: 20px; z-index: 999;display:inline-block;}
#logo a {display:block;}
#logo a span {background: url('../img/logo.png') no-repeat; background-size:100% !important; display: inline-block; width: 178px; /*height: 55px;*/ font-size:0;}
/*#logo a span:hover {background: url('../img/logo.png') no-repeat;}*/
#index #logo a span {background: url('../img/logo.png') no-repeat;}

#logo a img {width: auto;}

/*MENU SINGLE DROPDOWN #main_menu */
#single_dropdown {display:inline-block;}
#single_dropdown #main_menu ul {display:none; z-index:99; width:100% !important; background:#522c0d; border:#522c0d 1px solid;position: absolute; top: 92px; left:0;}
#single_dropdown #main_menu ul li{float:none; display:block;}
#single_dropdown #main_menu ul li a {display: block; color: #fff; font-size:15px; line-height: 35px; border-bottom:#522c0d 1px solid;text-align: left; text-align: center;}
#single_dropdown #main_menu ul li a:hover {background:#fff; color:#000;}
#single_dropdown #main_menu ul li:last-child a{ border-bottom:none;}
#single_dropdown #main_menu ul li.dropdown_last_child a { border-bottom:none; } /*IE8 HACK*/
#single_dropdown .jquery_dropdown{color:#522c0d;}
#single_dropdown #main_menu {display:block;}
#single_dropdown #main_menu li{ float: left; position:relative; margin: 0px;}
#single_dropdown #main_menu li ul li{ margin: 0; width: 100%;clear:both;}
#single_dropdown #main_menu li a{display:block; color:#fff; font-size:14px;line-height:30px; text-align: center; border-bottom:none;}
#single_dropdown > #main_menu > li {display:inline-block;float:left;}
#single_dropdown > #main_menu > li > a {letter-spacing:-1px;display: block; border-top:transparent 3px solid;line-height:89px; color: #000; font-size:20px; font-family: 'Noto Sans KR', 'Sans-serif'; transition: 0.3s; padding: 0 30px;}
#single_dropdown > #main_menu > li > a:hover {border-top:#522c0d 3px solid;color:#522c0d;}
#single_dropdown > #main_menu > li > a.jquery_dropdown {border-bottom: none; color:#522c0d;border-top:#522c0d 3px solid;}

.t_menu {display: inline-block;position: absolute;right: 100px;top: 33px;}
.t_menu ul {display: inline-block;}
.t_menu ul li {float:left;display: inline-block; margin-right: 10px;}
.t_menu ul li a {display: inline-block; color: #686868; font-size: 15px;}

#hd .t_login {position: absolute; right: 65px; top: 27px;display:none;}
#hd .t_login ul {display: inline-block;}
#hd .t_login ul li {display: inline-block; margin-right: 10px;}
#hd .t_login ul li a {display: inline-block; color: #000; font-size: 17px;}


/*full_dropdown*/
#gnb{width: 100%;text-align:center;}
#gnb h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#gnb .gnb_wrap {margin:0 auto; position:relative; width:100%; padding:0;border-bottom: #39659b;}
#gnb #gnb_1dul {text-align:right; background: none;padding-right:300px; }

#gnb #gnb_1dul:hover {background: #fff;}
#gnb #gnb_1dul:hover a {color:#000;}

.roll#hd #gnb #gnb_1dul:hover {background: #fff;border-bottom: #39659b;}
.roll#hd #gnb #gnb_1dul:hover a {color:#000;}

#gnb #gnb_1dul a,
#gnb #gnb_1dul a:hover {color:#000; display:block; text-decoration:none !important;}
#index #gnb #gnb_1dul a:hover {color:#fff;}
#gnb #gnb_1dul li {display:block; text-align:center;border:0 !important;}
#gnb #gnb_1dul > li {display:inline-block;position:relative;}
#gnb #gnb_1dul > li > a {color:#fff; font-size: 21px; line-height: 80px; padding: 0 45px; font-weight: 600;}
#gnb #gnb_1dul > li > a.on {color:#fff;}
.roll#hd #gnb ul > li a.on{color: #000;}
.roll#hd #gnb ul > li a.active{color: #000;}
#gnb #gnb_1dul > li.active > a{color: #000;}
#gnb #gnb_1dul > li.active > a:hover{color: #000}
#index #gnb #gnb_1dul > li.active > a {color:#000;}
#gnb #gnb_1dul > li > ul{visibility:hidden;position:absolute;z-index:99;top:80px;left:0;width:100%; padding:0 20px;}
#gnb #gnb_1dul > li > ul > li {clear:both; margin-bottom:10px;}
#gnb #gnb_1dul > li > ul > li > a {padding:8px 0;width:100%;font-size: 17px; border:0; word-break:keep-all;font-weight:600;}
#gnb #gnb_1dul > li > ul > li > a:hover {color:#118fd1;}
#gnb #gnb_1dul_container{}

.m_tnb {padding: 45px 0; text-align: center;  background: #fff;}
.m_tnb:after {display: block; clear: both; content: ''}
.m_tnb a {font-size:1.95rem; letter-spacing:-0.2px; line-height:55px; font-weight:bold; color: #118fd1;}
#total_m_lay {position: fixed; top: 0; height: 100%; box-shadow: none; z-index: 9999;}

.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: #fff;*/}

.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: relative; width: 24px; height:22px; padding: 0px; text-indent: -999px; overflow: hidden; z-index: 110;}
.btnMenu span {display: block;  width: 24px; height: 2px; background: #000;}
.btnMenu span:nth-child(1) {margin-top: 0px; }
.btnMenu span:nth-child(2) {margin-top: 7px;}
.btnMenu span:nth-child(3) {margin-top: 7px;}
#tnb {display: inline-block;position: absolute;right: 20px;top: 33px;}
.btnMenuClose {position: absolute; display: block; top: 0px; right: 0; width: 80px; height: 80px; padding: 16px; background: #000; text-indent: -999px; overflow: hidden; z-index: 999999; font-size: 0;}
/*.btnMenuClose span {display: block;  width: 38px; height: 5px;  background: #fff; border-radius:10px;}
.btnMenuClose span:nth-child(1) {transform: translateY(6px) rotate(-45deg); transition-delay: 0.5s; transition:all 0.5s;}
.btnMenuClose span:nth-child(2) {opacity: 0; transform: translateX(50px);}
.btnMenuClose span:nth-child(3) {transform: translateY(-6px) rotate(45deg);transition-delay: 0.5s;transition:all 0.5s;}*/

.btnMenuClose:before, 
.btnMenuClose:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 33px;
    background-color: #F0F0F0;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: top left;
    content: '';
	border-radius:3px;
}
.btnMenuClose:after {
    transform: rotate(-45deg) translate(-50%, -50%);
}



@media all and (min-width: 1281px) {
#total_m_lay{display: block;width: 100%;right: -100%;overflow: hidden;background: rgba(0, 0, 0, 0.5);border: 0;padding: 5.5%;position: fixed;top: 0;height: 100%;box-shadow: none;z-index: 99999;}
.total_m_wrap{background:#fff;height:100%;width:100%;position:relative;}
.total_m > ul {width: 100%;}
.total_m{background: #fff;height: auto;overflow: hidden;padding: 2%;}
.total_m li{position:relative}
.total_m li a{display:block;}
.total_m li button{display:none;}
.total_m > ul {width:100%;overflow:hidden;}
.total_m > ul > li {font-size: 20px;text-align: center;width:calc(100%/5);float:left;;padding: 0 25px;}
.total_m > ul > li:last-child {border-right: none;}
.total_m > ul > li > a {font-size: 20px;font-weight: 500;color: #000;text-align: left;padding-bottom:10px;}
.total_m > ul > li > ul {}
.total_m > ul > li > ul > li {background-repeat: no-repeat;background-position: right 14px;font-weight: 400;width:100%;display: block;text-align: left;margin-bottom: 5px;}
.total_m > ul > li > ul > li > a {/*padding: 12px 0px;*/font-size: 16px;word-break: keep-all;/*color: #fff;*/font-weight: 400;line-height:35px}
.total_m > ul > li > ul > li > a:hover{color: #39659b;}
.total_m > ul > li > ul > li > ul > li a{margin: 15px 0 0 15px;}
.total_m > ul > li > ul > li > ul > li a:hover{color: #39659b;}
.total_m button {display: none;}
}



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

.m_tnb {background:#fff;     padding: 10px;height: 70px; text-align: left; border-bottom: 1px solid #000;}
.m_tnb a {display:block;}
#total_m_lay{ display: block;width: 100%;right: -100%;overflow: hidden;background: #fff;border: 0; position: fixed;top: 0;height: 100%;box-shadow: none;z-index: 99999;}
.total_m {padding: 0px;}
.total_m li button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; font-size:0;}
.total_m > ul > li {position: relative; width: auto !important; font-size: 18px; font-weight: 400;   background: rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(0,0,0,0.08);}
.total_m > ul > li > a {padding: 20px; color: #000;font-weight:500; font-size:1.22rem;text-align:left;}
.total_m > ul > li.has-sub > a {/*background: url('../img/gnb_dot.png') no-repeat right 15px center; */  font-weight:500; font-size:1.22rem}
.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: 25px; width: 3px; height: 23px; margin-top: -1px; display: block; content: ""; background: #aaa; display: block; border-radius:10px;}
.total_m > ul > li.has-sub:after {position: absolute; top: 28px; right: 15px; width: 23px; height: 3px; display: block; content: ""; background: #aaa; border-radius:10px;}
.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: 0px; background: #522c0d; padding:20px;}
.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: 28px; right: 15px; width: 23px; height: 3px; display: block; content: ""; background: #522c0d; border-radius:10px;}
.total_m > ul > li > ul > li > a {padding: 0 0 25px;color: #fff; font-weight:500;  font-size:1}
.total_m > ul > li > ul > li:last-child > a {padding: 0;}
.total_m > ul > li > ul > li.open > a {color: #1e5394;}
.total_m .btnClose {display: none}
.btnMenuClose {width: 70px; height: 70px;}
.m_login {display: none; margin-top:50px;}
.m_login li {display: inline-block; margin:0 10px; font-size:1.12rem;}
}




/*사이드 메뉴*/
#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;}
#index #wrapper {height: auto;}
#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 {clear: both;margin: 0 auto; position: relative; width: 100%; height: auto !important; background: #fff; zoom: 1; z-index: 7;}
/* #index #container  {height: 100% !important; min-height: 100%;} */
#container #content{position: relative; width: 100%; margin: 0 auto; 
-webkit-transition: -webkit-transform 0.3s; 
  transition: -webkit-transform 0.3s; 
  transition: transform 0.3s; 
  transition: transform 0.3s, -webkit-transform 0.3s; 
  background-color: #fff;}
#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 {overflow:hidden;float:left;clear:both;position: relative; background: #505050; text-align: left; padding: 100px 0 ; font-size:16px; width: 100%;}

#ft {clear: both;}
#ft > div {position: relative; display: block;}
#ft > div:after{display: block; clear: both; content: ''}



#ft .ft_wrap{overflow: hidden;}
#ft .ft_logo {float: left; width:100%;text-align:center;margin-bottom:50px;}
#ft .ft_logo img {display:inline-block;}


#ft .ft_wrap p{color: #d1d1d1; text-align: center; font-size: 16px;line-height:1.5;}
#ft .ft_copy {display: block; margin-top: 10px; color: #999; text-align: center; clear: both; font-size: 14px;}
#ft .ft_copy a {color: #999;}
#ft .ft_copy span:after {display: none;}
#ft .ft_sns {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
#ft .ft_sns a {display: inline-block;margin-left:10px;}



/* 화면낭독기 사용자용 */
#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 !important; top: 0; left: 0; margin: 0; }

/* 이미지 등비율 리사이징 */
.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}

/* 캡챠 자동등록(입력)방지 기본 - 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; 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;}

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





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





/*장바구니 주문서 공통*/
.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: hidden; 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; 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; 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{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; 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: hidden; 
-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; 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;}



.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: 22% !important;
    /* margin: 0 5px; */
    margin-right: 4%;
	float:left;
}
.sct_10 .sct_li:nth-child(4n) {margin-right:0;}
.sct_10 .sct_li:nth-child(4n+1) {clear:both;}
.sct_10 .sct_li div {width: 100%; text-align: left;}
/* .sct_10 .sct_last {margin: 0 0 15px !important} */
.sct_10 .sct_clear {clear: none}
.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: 225px; 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: 1300px; margin: 0 auto;}
.sit_admin {text-align: right;display:none;}
.sit_empty {padding: 20px 0; text-align: center}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin: 0;zoom: 1;}
#sit_ov_wrap:after {display: block; visibility: hidden; clear: both; content: ""}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {float: left; width: 48%; padding: 0}
#sit_pvi_big {margin: 0 0 10px; text-align: center; width: 100% !important; max-height: 449px; overflow: hidden !important;}
#sit_pvi_big img, #sit_pvi_big a img {width: 100%; /* max-width: 550px; max-height: 300px;  */max-height: 449px; 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; 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;}
span.btn_map {display: inline-block;background: #484343;font-size: 13px;padding: 6px 11px;margin-left: 11px;color: #fff;border-radius: 3px;}