@charset "euc-kr";
#m_preview_wrap {display:none;} /* 미리보기 숨기기 */
/*
========================================================================
RESET
========================================================================
*/


@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

 * {font-family:'Montserrat','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;}
/* global rest */
html, body {
    height: 100%;
}
html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, header, aside, footer,
input, select, textarea, button {
    margin: 0;
    padding: 0;
}
body,
h1, h2, h3, h4, h5, h6, table,
input, select, textarea, a {
    font-size: 12px;
    line-height: 1.25;
    color: #777;
    font-family:'Montserrat','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
img, fieldset,button {
    border:0 none;
}
img {
    vertical-align: top;
}
li {
    list-style: none;
}
hr, caption, legend {
    display: none;
}
a {
    color: #787878;
    text-decoration: none;
}
a:hover {
}
button {
    overflow: hidden;
    cursor: pointer;
}
button span {
    visibility: hidden;
}
address, em {
    font-style: normal;
}
button, input, select, textarea, a {
    vertical-align: middle;
}
select {
    line-height: 18px;
    height: 18px;
}
input:focus {
    outline: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}


.clear:after {content:'';display:block;clear:both;}
.fl {float:left;}
.fr {float:right;}
.ta_c {text-align:center;}
.ta_l {text-align:left;}
.ta_r {text-align:right;}
.dis_table {display:table;
table-layout:fixed;width:100%;
margin:0;border-collapse:collapse;}
.dis_inb {display:inline-block;}
.dn{display:none;}



/* base */
* {-webkit-text-size-adjust:none;}
body {position:relative;font-size:0.75em;line-height:1.417em;color:#3b3b3b;-webkit-text-size-adjust:none;}
body,input,textarea,select,button,table{font-family:"Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure{margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; word-break: break-all;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr, button img {display:none;}
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
em,address{font-style:normal;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;color:#3b3b3b;}
label { cursor:pointer; }
table {border-collapse: collapse; border-spacing: 0;}
/* //base */

/* cross */
* html input { margin:-1px 0; }
*:first-child+html input { margin:-1px 0; }
input.checkbox { width:13px; height:13px; margin-top:-4px; vertical-align:middle;}
/* //cross */

/* a-style */
a {color:#3b3b3b; text-decoration:none;}
a:hover, a:active {text-decoration:none;}
/* //a-style */

/* 공통 */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
caption {font-size:0; height:0;}
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {height:35px; border:1px solid #bbb; vertical-align: middle; padding-left:10px; box-sizing: border-box; -webkit-border-radius:0; border-radius: 0;}
input[type="radio"], input[type="checkbox"] {vertical-align: middle;width:20px;height:20px;}
textarea {border:1px solid #bbb; vertical-align: middle; box-sizing:border-box; background-color:#fff; padding:10px; -webkit-border-radius:0; border-radius:0;}
.clearFix {position:relative; overflow:hidden; zoom:1;}
.bold {font-weight:bold;}
.response100 {width:100%;}
.location {padding:0 10px; margin-bottom:8px;}
.h_title {border-top:1px solid #464646; border-bottom:1px solid #464646; padding:10px 10px;}
.h_title h3 {font-weight:bold;}
#mask {width:100%; height:100%; position:fixed; top:36px; left:0; right:0; bottom:0; background-color:#3c3c3c; z-index:1000; display:none; opacity:0.8;}
.none-data {text-align: center; margin: 20px 0;}
.none-data img {margin-bottom:10px;}
.pd10 {padding:0 10px;}
.fr {float:right !important;}
.fl {float:left !important;}
.txt-input1 {width:100% !important;}
.txt-input2 {width:46% !important;}
.txt-input3 {width:29% !important;}
.txt-input4 {width:20% !important;}
.txt-area1 {width:100% !important;}
.mt5 {margin-top:5px;}
.page_location {padding:5px 5px;border-top:1px solid #ddd;}
.page_location li {float:left;}
.page_location li::after {content: ">"; margin: 0 7px;}
.page_location li:last-child::after {content: ""; margin:0;}
.h_layerTitle {height:35px; line-height:35px; background-color:#f2f2f2; padding:0 10px; margin-bottom:10px;}
.h_layerTitle h3 {font-weight:bold;}
.h_layerTitle .fa-times {float:right; margin-top: 5px;}
.MK-product-icons img {padding:0 2px;}
/* //공통 */

/* 페이징 */
.paging {text-align:center; margin:30px 0 40px;}
.paging a {width:30px;height:30px;line-height:30px;background-color:#fff;display:inline-block;font-size: 14px;font-weight:400;color: #888;}
.paging a.now {background:#1e5796;color:#fff;font-weight:400;border-radius:100%;}

.paging a span{display:block;width:100%;height:100%;}
.paging a .prev {background:#fff url("/design/tjddnwjs/da_image/paging_prev.png") no-repeat 50% 50%;background-size:auto;}
.paging a .next {background:#fff url("/design/tjddnwjs/da_image/paging_next.png") no-repeat 50% 50%;background-size:auto;}

/* //페이징 */

/* 폰트 관련 */
.color_1984f1 {color:#1984f1 !important;} /* Blue */
.color_f1191f {color:#f1191f !important;} /* Red */
.color_a63f42 {color:#a63f42 !important;} /* DarkRed */
.bgc077fe2 {background-color:#077fe2; color:#fff; padding:2px 5px; margin-right: 5px;}
.bgc464644 {background-color:#464644; color:#fff; padding:2px 5px; margin-right: 5px;}
.caution {color:#f1191f; text-align:center; font-size:0.917em;}
.ico_new {color: #ffffff; background-color: #ff8400; font-weight:bold; padding:1px 5px;}
.ico_hit {color: #ffffff; background-color: #f1191f; font-weight:bold; padding:1px 5px;}
/* //폰트 관련 */

/* 버튼 관련 */
.btn_White {width:100%; height:35px; line-height:35px; background-color:#fff; text-align:center; display:block; border:1px solid #c6c6c6; box-sizing: border-box; vertical-align: middle;}
.btn_Black {width:100%; height:35px; line-height:35px; background-color:#393939; color:#fff; text-align:center; display:block; border:1px solid #393939; box-sizing: border-box; vertical-align: middle;}
.btn_Red {width:100%; height:40px; line-height:40px; background-color:#ab3e41; color:#fff; text-align:center; display:block; border:1px solid #ab3e41; box-sizing: border-box; vertical-align: middle;}
.btn_Grey {width:100%; height:35px; line-height:35px; background-color:#858585; color:#fff; text-align:center; display:block; border:1px solid #858585; box-sizing: border-box; vertical-align: middle;}
.fixButtonR {position:relative; padding-right:120px;}
.fixButton {width:115px; position:absolute; top:0; right:0;}
.more {text-align:center; width:100%; margin-top:30px;}
.btn_moreGray {width:224px; height:35px; line-height: 35px; background-color:#efefef; border:0px none; font-weight:bold; display: block; margin: 0 auto;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}
/* 버튼 관련 */

/* 상품진열 */
.list_array {height:52px; border-bottom:1px solid #4a4a4a; border-top:1px solid #c7c7c7; padding:0 8px; margin-bottom: 20px;}
.list_array .list_arrayLeft {float:left; margin-top:12px;}
.list_array .list_arrayLeft select {height:28px;}
.list_array .list_arrayRight {float:right; margin-top:12px;}
.list_array .list_arrayRight img {margin-left:10px;}
.list_shopping1x {text-align:center;}
.list_shopping1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left; font-size:0;}
.list_shopping1x li {width:100%; display:inline-block; vertical-align: top; border-top:1px solid #d9d9d9;position:relative;box-sizing:border-box;padding:7px 15px;}
.list_shopping1x:nth-child(1) ul li:nth-child(1){border-top:none;padding-top:0;}
.list_shopping1x li figure > a{display:inline-block;float:left;width:35%;}
.list_shopping1x li a {display: block;position:relative; overflow:hidden; zoom:1;}
.list_shopping1x li img.listPic {width:100%;}
.list_shopping1x .list_shoppingInfo {width:60%; float:left; padding-left:4%; font-size:12px;}
.shopbrand .list_shopping1x li .item_link{bottom:15px;right:15px;}
.list_shopping2x {text-align:center;}
.list_shopping2x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box;text-align:left; font-size:0;}
.list_shopping2x li {display: inline-block;vertical-align: top;margin-left: 7px;margin-right: 7px;width: calc(50% - 14px);box-sizing: border-box;position: relative;margin-bottom: 25px;float: left;}
.list_shopping2x li a {display: block;}
.list_shopping2x li img.listPic {width:100%;}
.list_shopping2x .list_shoppingInfo {margin-top:10px; text-align:left; font-size:12px;position:relative;}
.list_shopping3x {text-align:center;}
.list_shopping3x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px; text-align:left; font-size:0;}
.list_shopping3x li {width:33.33%; display:inline-block; vertical-align: top;}
.list_shopping3x li a {display: block; padding:2px;}
.list_shopping3x li img.listPic {width:100%;}
.list_shopping3x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}
.listName {line-height:1;font-size: 15px;font-weight: 400;color: #666666;height: auto;margin: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;padding-bottom: 12px;}
.listDiscount {color:#b5b5b5;}
.listPrice {line-height: 1;font-size: 16px;color: #333333;font-weight: 600;vertical-align: middle;}
.listPrice em{font-size:13px;font-weight: 500;}
.listSoldout {color:#D22525; margin-bottom:4px;}
.listReplace {color:#1b1b1b; margin-bottom:4px;}
.listReview {color: #DB2E2E; margin-bottom:4px;}
.listReserve {color:#7d7d7d; font-size:0.917em;}
.listPoint {color:#7d7d7d; font-size:0.917em;}
.shopbrand .item_link{position: absolute;width: 30px;height: 30px;bottom: 0;right: 0;}
.shopbrand .item_link .btn_cart{display:block;width: 30px;height: 30px;border-radius: 100%;border: 1px solid #ddd;background: url(/design/tjddnwjs/da_image/mobile/ico_pd_cart.png) no-repeat center;background-size: 14px;box-sizing: border-box;transition: all 0.3s;margin: 0;padding: 0;font-size:0;}
.shopbrand .MS_product_more_btn_area{margin-top:20px;}
.shopbrand .more{margin-top:0;width:100%;box-sizing:border-box;padding:0 5px;}
.shopbrand .btn_moreGray{height:46px;box-sizing: border-box;line-height: 22px;padding: 12px 0;font-size: 15px;border: 1px solid #333;color: #333;font-weight: 400;width:100%;background:#fff;}
.shopbrand .btn_moreGray:after{content: '';display: inline-block;position: relative;width: 5px;height: 9px;background: url(/design/tjddnwjs/da_image/mobile/ico_more_arr.png) no-repeat;background-size: 5px auto;margin-left: 7px;}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em{color:#1e5796 !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy{background:#1e5796 !important;border:1px solid #1e5796 !important;}

.btn_Red{background:#1e5796 !important;border:1px solid #1e5796 !important;}
/* //상품진열 */

/* 로그인 */
.login .caution {margin-bottom:10px;}
.member {padding:0 15px; margin-top: 20px;}
.login #keyboard {text-align:center; margin:0 auto;}
.login #keyboard p {text-align:right; margin-bottom:12px;}
.login #keyboard img {display:none; width:100%;}
.login .loginInput {margin-top:18px;}
.login .loginInput input {width:100%; display:block; margin-bottom:10px;}
.login .loginCheck {margin-top:10px;}
.login .loginCheck label {margin-right:12px;}
.login .loginCheck label input {vertical-align: middle;}
.login .loginMiddle .btn_Red {font-size:1.167em; margin:10px 0;}
.login .loginMiddle .btn_White {font-size:1.167em;}
.login .loginBottom {background-color:#eaeaea; padding:18px 15px; margin-top:20px;}
.login .loginBottom h4 {background-color:#eaeaea; margin-bottom:5px; padding:0; font-weight:bold;}
.login .loginBottom a {font-size:1.167em;}
.login .loginBottom a.btn_Black {margin-top:16px;}
.login .loginBottom a.btn_Black:last-child {margin-top:10px;}
.login .loginBottom a.btn_White {margin-top:10px;}
.sns-login { position: relative; margin: 20px 10px 0; }
.sns-login .sns-title img { width: 100%; max-width: 300px; }
.sns-login ul li { position: relative; margin-top: 10px; padding-left: 50px; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; list-style: none; }
.sns-login ul li a { display: block; padding-left: 20px; border-left: 1px solid #dfdfdf; color: #999; font-size: 1.25em; font-weight: bold; letter-spacing: -1px; }
.sns-login ul li span { position: absolute; top: 0; left: 0; width: 50px; height: 40px; }
.sns-login ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 12px auto; }
.sns-login ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 18px auto; }
.sns-login ul li.kakaotalk span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%; background-size: 20px auto; }
.sns-login ul li.apple span { background: url(/images/d3/m_01/icon/ico_sns_apple.gif) no-repeat 50% 50%; background-size: 20px auto; }
/* //로그인 */

#check_auth {padding:15px 0;}
#check_auth .head {text-align:center; color:#f46b00; margin-bottom:10px;}
#check_auth .contents table {margin:0 auto;}
#check_auth .contents table td {padding:5px 0;}
#check_auth .contents table td input {width:100% !important; height:35px !important; margin-bottom:0 !important;}

/* 레이어팝업 */
.layer {width: 100%; min-height: 100%; z-index: 3; position: fixed; left: 0; top: 0; background:rgba(60,60,60,0.8);}
.layer .layer-pop {width:90%; background-color: #fff; position: relative; box-shadow: 0px 1px 10px #494949; margin:80px auto;}
.layer .layer-pop h3  {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px; }
.layer .layer-pop .txt {max-height: 300px; overflow-y: auto; padding:10px;}
.layer .layer-pop .close {width:45px; height:36px; color:#fff; line-height: 42px; position:absolute; top:0; right:0;  background-color: #4f4f4f; text-align: center;}
body #comment_password {border-radius:0 !important; font-size:1em;}
body #comment_password .head {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; text-align:left !important; padding: 0 10px;}
body #comment_password .head h5 {border-bottom:0px none !important; font-size:1em !important; padding:0 !important;}
body #comment_password .head a.close {width:45px; height:36px; color:#fff; line-height: 42px; top:0 !important; right:0 !important; text-align: center;}
body #comment_password .contents p {font-size:1em !important; font-weight:normal;}
body #comment_password .contents .form-wrap2 input {height: 35px;}
body #comment_password .contents .form-wrap2 p:last-child a {display:block; background-color: #393939; color:#fff; position:initial !important; padding:10px 0; margin-top: 10px;}
/* //레이어팝업 */

/* 팝업 */
.popup .pop h3  {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px; }
.popup .pop .txt {padding:10px;}
.popup .pop .close {width:45px; height:36px; color:#fff; line-height: 42px; position:absolute; top:0; right:0;  background-color: #4f4f4f; text-align: center;}
#passimg {width: 90%; background-color: #fff; top:50%; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 20px 0; box-shadow: 0 1px 10px #717171;}
#passimg .head {color:#f26c09;}
#passimg .btns {padding:0 10px; margin-top: 10px;}
#passimg .btns a {display:block; background-color: #393939; color:#fff; padding:10px 0;}
/* //팝업 */

@media screen and (max-width:319px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:320px) and (max-width:419px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:420px) and (max-width:767px) {
    .tabletOnly {display:none !important;}

    /* 상품진열 */
    .list_shopping1x li {width:50%;}
    .list_shopping1x li a {padding:4px;}
    .list_shopping1x li:first-child a {padding:4px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x li {width:33.3%;}
    .list_shopping3x li {width:25%;}
    /* //상품진열 */

    /* 더보기 버튼 */
    .btn_moreGray {width:335px;}
    /* //더보기 버튼 */
    /* .layer .layer-pop .txt {max-height: 150px;} G패드에서 사이즈가 작게 나와서 제거함 */
    .layer .layer-pop {margin:20px auto;}
}
@media screen and (min-width:768px) {
    body {font-size:0.813em;}
    .mobileOnly {display:none !important;}

    /* 상품진열 */
    .list_shopping1x li {width:50%;}
    .list_shopping1x li a {padding:10px;}
    .list_shopping1x li:first-child a {padding:10px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x ul {padding:0 5px;}
    .list_shopping2x li {width:33.3%;}
    .list_shopping2x li a {padding:5px;}
    .list_shopping3x ul {padding:0 5px;}
    .list_shopping3x li {width:25%;}
    .list_shopping3x li a {padding:5px;}
    /* //상품진열 */

    /* 더보기 버튼 */
    .btn_moreGray {width:335px;}
    /* //더보기 버튼 */
}

#container{overflow:hidden;}
@media only screen and (max-width:320px) {
    body #detailpage .table-opt .opt-wrap .opt-btns .btn-up,
    body #detailpage .table-opt .opt-wrap .opt-btns .btn-dw{width:40px;}
    body #detailpage .table-opt .opt-wrap dl .opt-count select{width:140px;}
    body #detailpage .table-opt .opt-wrap .opt-btns input{padding-left:0;}
}


/*───────────────────────────────────────────────────────────

	 HEADER

───────────────────────────────────────────────────────────*/
.top_bnr { }
.top_bnr.hide .bnr {height:0;transition:all 0.5s;}
.top_bnr .bnr {position:relative;height: 35px;background:#4b3a2f;overflow:hidden;text-align:center;}
.top_bnr .bnr p {display: inline-block;font-size: 13px;line-height: 35px;font-weight:400;color:#fff;padding: 0 0 0 35px;background: url('/design/tjddnwjs/da_image/top_bnr_img.png') no-repeat top 4px left;background-size: 25px auto;}
.top_bnr .bnr p strong {font-size:inherit;font-weight:500;color:#ede61e;}
.top_bnr .bnr p strong span{font-weight:300;font-size:12px;display:inline-block;margin-left:1px;}
.top_bnr .bnr .btn_close {font-size:0;display:inline-block;background:url('/design/tjddnwjs/da_image/btn_top_close.png') no-repeat 0 0;background-size: 10px;position:absolute;width: 10px;height: 10px;top:50%;right: 10px;margin-top: -5px;z-index:5;}

#contanier{transition:all 0.5s;}
#header_wrap header {width:100%;min-width:320px;background:#fff;z-index:300;overflow:hidden;transition:all 0.5s;}

#header_wrap header.on {position:fixed;top:0;left:0;box-shadow: 0px 0px 10px rgba(0, 0, 0,0.15);}
#header_wrap header .header_box {position:relative;}
#header_wrap header .header_box .h_logo {height: 20px;padding: 21px 0 17px 0;margin:0 auto;line-height:0;text-align: center;}
#header_wrap header .header_box .h_logo a {font-size:0; line-height:0; }
#header_wrap header .header_box .h_logo img {width: auto;height: 20px;}
#header_wrap header .header_box .left_menu {position:absolute;top:19px;left:15px;}
#header_wrap header .header_box .right_menu {position:absolute;top:0;right:16px;display:table;}
#header_wrap header .header_box .right_menu a {position:relative;vertical-align:top;font-size:0;}
#header_wrap header .header_box .right_menu a img {width:auto;height:22px;}
/* 마이페이지 */
#header_wrap header .header_box .btn_my {display:inline-block;padding: 17px 7px 14px 7px;}
/* 장바구니 */
#header_wrap header .header_box .btn_cart {display:inline-block;padding: 17px 7px 14px 7px;}
#header_wrap header .header_box .btn_cart span{color:#fff;background: #1e5796;text-align:center;position:absolute;right: 1px;top: 9px;font-size: 10px;line-height: 19px;font-weight:400;width: 18px;height: 18px;border-radius:100%;}

/*** 레이어 팝업 검색 | proc/_header_search.html ***/
.hd_search {width:calc(100% - 30px);margin:0 auto 0;position:relative;}
.hd_search input {width:100%;height: 40px;border: 0;padding: 0 50px 0 0;text-indent: 15px;font-size:13px;color:#666;background: #f5f5f5;overflow:hidden;border-radius: 20px;position:relative;}
.hd_search .btn_search{position:absolute; top:9px;right:14px; display:inline-block; width:21px; height:21px; background:url('/design/tjddnwjs/da_image/btn_top_search.png') no-repeat center; background-size:17px; font-size:0; border:none;}
.hd_search .btn_search:before{display:none;}

/* 좌측 메뉴 */
#header_wrap header .left_menu {overflow:hidden;}
#header_wrap header .left_menu:after {content:'';display:block;clear:both;}
#header_wrap #header #menu{position:relative;background:#fff;width: 23.5px;height: 18px;display:inline-block;}
#header_wrap #header #menu span{position:absolute;top:0;left:0;}
#header_wrap #header #menu span:nth-child(1):before{display:none;}
#header_wrap header .header_lnb .cate_btn {display:inline-block;float: left;}
#header_wrap header .left_menu .btn_menu{display:inline-block;width:100%;height:100%;font-size:0;background:url('/design/tjddnwjs/da_image/btn_allmenu_open.png') no-repeat center;background-size:100%;vertical-align:top;}

/* 카테고리 proc/_category_all.html */
#header_wrap header .header_lnb {position:relative;margin-top:1px;border-bottom:1px solid #ddd;}
#header_wrap header .header_lnb:after{clear:both;content:"";display:block;}
#header_wrap header .header_lnb:before{content:'';display:block;position: absolute;width:48px;height:48px;top: 0;right: 0;z-index: 10;background: linear-gradient(-90deg, #fff, transparent);}
#header_wrap header .header_lnb .hd_lnb {display:inline-block;vertical-align:top;width: 100%;float: left;}
#header_wrap header .header_lnb .lnb_menu {width: 100%;margin:0 auto;float: left;}
#header_wrap header .header_lnb .lnb_menu > li {padding: 0 0 0 17px;width: auto;}
#header_wrap header .header_lnb .lnb_menu > li:first-child {padding:0 0 0 11px;}
#header_wrap header .header_lnb .lnb_menu > li ul {display:none; border-top:1px solid #ccaab0;}
#header_wrap header .header_lnb .lnb_menu > li a {position:relative;display: inline-block;padding: 14px 0 12px 0;font-size: 15px;color: #333333;}
#header_wrap header .header_lnb .lnb_menu > li a > img{max-width:100%;}
/* 1차 카테고리 타이틀 */
#header_wrap header .header_lnb .lnb_menu > li > a {font-weight: 400;}
#header_wrap header .header_lnb .lnb_menu > li > a.on {color:#ab3e55;}
/* 2차 카테고리 타이틀 */
#header_wrap header .header_lnb .lnb_menu > li > ul > li > a {padding-left:10px;}
#header_wrap header .header_lnb .lnb_menu > li > ul > li > a.on {color:#ab3e55; font-weight:bold;}
/* 3차 카테고리 타이틀 */
#header_wrap header .header_lnb .lnb_menu > li > ul > li > ul > li > a {padding-left:15px; font-size:14px; color:#747474;}
#header_wrap header .header_lnb .lnb_menu > li > ul > li > ul > li > a.on {color:#ab3e55; font-weight:bold;}
/* 4차 카테고리 타이틀 */
#header_wrap header .header_lnb .lnb_menu > li > ul > li > ul > li > ul > li > a {padding-left:25px; font-size:12px; color:#767676;}
#header_wrap header .header_lnb .lnb_menu > li > ul > li > ul > li > ul > li > a.on {color:#ab3e55; font-weight:bold;}
/* 하위카테고리가 있을경우 아이콘 */
#header_wrap header .header_lnb .lnb_menu li a span.icon_plus {position:absolute; top:50%; right:0; display:block; width:12px; height:7px; margin:-3px 0 0 0; background:url('/design/tjddnwjs/da_image/icon_left_arrow.png') no-repeat center; font-size:0; vertical-align:middle; background-size:12px 7px;}
#header_wrap header .header_lnb .lnb_menu li a.on span.icon_plus {background:url('/design/tjddnwjs/da_image/icon_left_arrow_on.png') no-repeat center; background-size:12px 7px;}
/* 하위카테고리가 없을경우 아이콘 */
#header_wrap header .header_lnb .lnb_menu li a.icon_arrow {/*background:url('../../img/icon/icon_arrow_right.png') no-repeat right center; background-size:6px 10px;*/}

@media only screen and (max-width:320px){
    #header_wrap header .header_box .h_logo img{height:18px;}
    #header_wrap header .header_box .btn_my{padding:17px 4px;}
    #header_wrap header .header_box .btn_cart{padding:17px 4px;}
    #header_wrap header .header_box .btn_cart span{right:-2px;}
}

/*───────────────────────────────────────────────────────────

	 좌측 메뉴

───────────────────────────────────────────────────────────*/
.aside_bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;transition:all 0.5s;background:rgba(0,0,0, 0.8);transition-delay:0.1s;opacity:0;display:none;}
.aside_bg.on{opacity:1;transition:all 0.5s;transition-delay:0.1s;display:block;}
aside.nav {position:fixed; top:0;left:-100%;;width:100%; height:100%; z-index:1001;transition:all 0.5s;background:#fff;overflow-y:auto;}
aside.nav.on{left:0;transition:all 0.5s;}
aside.nav .bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1001;}
aside.nav .left_close {position: absolute;top: 17px;right: 15px;width: 15px;height: 15px;background: url('/design/tjddnwjs/da_image/mobile/icon_left_x.png') no-repeat center;background-size:100%;z-index:1002;}
aside.nav .nav_bg_box {position:relative;}
aside.nav .nav_bg_box .nav_box {position:fixed;top:0;left:0;width: 100%;height:100%;margin: 0 0 0 -100%;background:#fff;z-index:1001;}
aside.nav .nav_bg_box .nav_box .nav_iscroll_box {position:relative; overflow: hidden; width:100%; height:100%;}
aside.nav .nav_bg_box .nav_box .nav_iscroll_box {position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}

/* 배너 및 로그인 & 로그아웃 */
.nav_banner {position:relative;width: 100%;margin:0 auto;padding: 0;text-align:center;border-bottom: 10px solid #eeeeee;}
.nav_banner .nav_login {padding: 10px 15px 15px;border-bottom: 1px solid #ddd;}
.nav_banner .nav_login ul {font-size:0;}
.nav_banner .nav_login ul:after {content:'';display: block;clear:both;}
.nav_banner .nav_login ul li {float: left;display:inline-block;width: calc(50% - 3px);background-size:1px 11px;box-sizing: border-box;border: 1px solid #ddd;margin: 5px 0 0;}
.nav_banner .nav_login ul li:nth-child(2n) {margin-left:5px;}
.nav_banner .nav_login ul li:first-child {background: #1e5796;color: #fff;}
.nav_banner .nav_login ul li:nth-child(2) {background:#333;color:#fff;}
.nav_banner .nav_login ul li a {display: block;font-size:15px;color: #666666;padding: 13px 0;line-height: 1;color: inherit;}
.nav_banner img {width:100%;}
.nav_banner .left_logo {position:absolute; top:50px; left:20px;}
.nav_banner .left_logo img {width:112px;}
.nav_banner .login_txt {left:0px;font-size: 13px;text-align:left;line-height:20px;box-sizing:border-box;padding: 13px 15px;border-bottom: 1px solid #ddd;}
.nav_banner .login_txt p.name strong {overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;font-size: inherit;vertical-align: bottom;color: #333;font-weight: 500;line-height: inherit;position: relative;}
.nav_banner .login_txt p.name strong:after {content:'';display:block;position: absolute;width:100%;height:1px;background:#333;bottom: 0px;}
/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
.nav_link {padding:10px 0 0 0;}
.nav_link ul {display:table; width:100%;}
.nav_link ul li {display:table-cell; width:33.3%; text-align:center;}
.nav_link ul li a {display:block; padding:36px 0 0 0; font-size:13px; color:#888;}

/* 네비 탭메뉴 */
.nav_tabmenu_box {padding-top: 40px;}
.nav_tabmenu_box .nav_tabmenu {display:table;width:100%;padding: 0 15px;box-sizing: border-box;position: relative;z-index: 1;}
.nav_tabmenu_box .nav_tabmenu:after {content:'';display:block;position: absolute;width:100%;height:1px;background:#333;bottom: 0;left: 0;z-index: 10;}
.nav_tabmenu_box .nav_tabmenu li {display:table-cell; width:50%; text-align:center;}
.nav_tabmenu_box .nav_tabmenu li span {display:block;padding: 15px 0;background: #f5f5f5;font-size: 17px;line-height: 1;font-weight: 400;color: #666666;}
.nav_tabmenu_box .nav_tabmenu li.on span {background: #fff;color: #333;font-weight: 500;border: 1px solid #333;position:relative;}
.nav_tabmenu_box .nav_tabmenu li.on span:after {content:'';display:block;width:100%;height:1px;background:#fff;position:absolute;z-index:11;bottom: -1px;left:0;}

/* 카테고리 proc/_category_all.html */
.nav_category .tab {width: 100%;margin:0 auto;}
.nav_category .tab nav > ul > li {padding: 0;border-bottom: 1px solid #ddd;box-sizing:border-box;position:relative;}
.nav_category .tab nav > ul > li ul {display:none;border-top: 0;background: #eeeeee;padding: 12px 10px;}
.nav_category .tab nav > ul > li a {position:relative;display:block;padding: 14px 15px;font-size: 15px;color: #333;}
.nav_category .tab nav > ul > li a > img{max-width:100%;}
/* 1차 카테고리 타이틀 */
.nav_category .tab nav > ul > li > a {font-weight: 400;}
.nav_category .tab nav > ul > li > a.on {color: #89644d;font-weight: 500;}
/* 2차 카테고리 타이틀 */
nav .category_side > li > ul > li > a {padding-left:10px;}
nav .category_side > li > ul > li > a.on {color:#ab3e55; font-weight:bold;}
/* 3차 카테고리 타이틀 */
nav .category_side > li > ul > li > ul > li > a {padding-left:15px; font-size:14px; color:#747474;}
nav .category_side > li > ul > li > ul > li > a.on {color:#ab3e55; font-weight:bold;}
/* 4차 카테고리 타이틀 */
nav .category_side > li > ul > li > ul > li > ul > li > a {padding-left:25px; font-size:12px; color:#767676;}
nav .category_side > li > ul > li > ul > li > ul > li > a.on {color:#ab3e55; font-weight:bold;}
/* 하위카테고리가 있을경우 아이콘 */
.nav_category .tab nav > ul li span.fa-angle-down{position:absolute;top:24px;right: 15px;display:block;width: 15px;height: 15px;margin: -7px 0 0 0;background: url('/design/tjddnwjs/da_image/mobile/icon_left_arrow.png') no-repeat center;font-size:0;vertical-align:middle;background-size: 15px;}
.nav_category .tab nav > ul li span.fa-rotate-180{background: url('/design/tjddnwjs/da_image/mobile/icon_left_arrow_on.png') no-repeat center;background-size: 15px;}
.nav_category .tab nav > ul li span:before{display:none;}
/* 하위카테고리가 없을경우 아이콘 */
nav .category_side li a.icon_arrow {/*background:url('../../img/icon/icon_arrow_right.png') no-repeat right center; background-size:6px 10px;*/}

.nav_sns {text-align: center;padding: 40px 0 45px;}
.nav_sns li {display:inline-block;width:30px;height:30px;border-radius:100%;background:#ffffff;margin: 0 7px;text-align:center;border: 1px solid #ddd;box-sizing: border-box;}
.nav_sns li a {display:block;width: 100%;height: 100%;line-height: 26px;}
.nav_sns li img {height:14px;vertical-align:top;margin-top:8px;}
.nav_sns li:nth-child(2) img {height:16px;margin-top:6px;}
.nav_sns li:nth-child(3) img {height:13px;margin-top:8px;}
.nav_sns li:nth-child(4) img {height:10px;margin-top:9px;}



/*───────────────────────────────────────────────────────────

	 FOOTER

───────────────────────────────────────────────────────────*/
body #footer {margin:15px 0 0 0;border-top:none;}
/* 고객센터 / PC화면 보기 */
#footer .foot_cont_box{margin-top: 50px;padding: 40px 15px 45px 15px;border-top: 1px solid #ddd;box-sizing:border-box;}
#footer .foot_cont > div + div{margin-top: 40px;}
#footer .foot_cont div h3{font-size: 16px;line-height: 1;color:#333;font-weight:600;margin-bottom:8px;}

#footer .foot_cont .foot_cs .cs_num{margin-top: 20px;}
#footer .foot_cont .foot_cs .cs_num a{font-size:30px;color: #ffffff;font-weight:600;line-height:1;letter-spacing:-0.01em;}
#footer .foot_cont .foot_cs .cs_hours{margin-top: 15px;}
#footer .foot_cont .foot_cs .cs_hours span{display: block;font-size:14px;color:#888;font-weight:400;font-family: 'Noto Sans KR';}
#footer .foot_cont .foot_cs .cs_hours span + span{margin-top:3px;}

#footer .foot_cont .foot_bank p{margin: 20px 0 15px 0;}
#footer .foot_cont .foot_bank .bank_name{font-size:14px;color:#333;font-weight:400;display: inline-block;vertical-align:top;margin-right: 10px;line-height: 1.3;}
#footer .foot_cont .foot_bank p strong{font-size: 18px;color:#333;font-weight:600;line-height:1;}
#footer .foot_cont .foot_bank .depositer{display: inline-block;font-size:14px;line-height: 1;color:#888;font-weight:400;border: 1px solid #ddd;padding: 10px 43px;}

#footer .foot_cont .foot_info p span{font-size:14px;color:#888;font-weight:400;font-family:'Noto Sans KR';display: block;line-height:24px;letter-spacing:-0.01em;}
#footer .foot_cont .foot_info p span.dib{display: inline-block;position: relative;}
#footer .foot_cont .foot_info p span.dib + .dib{margin-left:22px;}
#footer .foot_cont .foot_info p span.dib + .dib:before{width:1px;height:8px;content:"";background:#ddd;position: absolute;top:9px;left:-14px;}
#footer .foot_cont .foot_info p.copy{margin-top:16px;}
#footer .foot_cont .foot_info p.copy span{line-height:19px;letter-spacing:0;}
#footer .foot_cont .foot_info p.copy span:nth-child(1){letter-spacing:-0.01em;}

#footer .quick_menu {background:#fff;}
#footer .quick_menu ul {}
#footer .quick_menu ul:after {content:'';display:block;clear:both;}
#footer .quick_menu ul li {float:left;width:33.333%;box-sizing:border-box;border-top:1px solid #ddd;}
#footer .quick_menu ul li + li {border-left:1px solid #ddd;}
#footer .quick_menu ul li:nth-of-type(3n+1) {border-left:0;}
#footer .quick_menu ul li a {display:block;font-size:14px;line-height:1;font-weight:400;color:#888888;padding:13px 0;text-align:center;}

#footer .foot_info_box {border-bottom: 0;line-height:1;background:#333333;}
#footer .ft_menu {margin: 0 auto 40px;text-align: center;}
#footer .ft_menu li{display: inline-block;padding: 19px 0 0px 0;}
#footer .ft_menu li + li {padding-left: 24px;}
#footer .ft_menu li a{padding: 0;color: #fff;border-left: 0;font-size: 14px;line-height: 1;font-weight: 300;}
#footer .ft_menu li a strong {font-weight:400;}
#footer .ft_menu li:first-child a{padding-left:0; border-left:0 none;}

#footer .foot_info {}
#footer .foot_info address {font-size:14px;line-height:23px;font-weight:400;color:#fff;font-style:inherit;opacity:0.5;padding: 0 15px;letter-spacing: -0.03em;}
#footer .foot_info address p{display:inline-block;}
#footer .foot_info address p.ft_add{display:block;}
#footer .foot_info address span {display:inline-block;margin: 0 14px;}
#footer .foot_info .copyright {font-size:15px;line-height:1;font-weight:200;color:#666666;padding:30px 15px 40px;letter-spacing:-0.02em;}

#footer .foot_sns {text-align: center;padding: 0 0 73px;}
#footer .foot_sns li {display:inline-block;width:30px;height:30px;border-radius:100%;background:#ffffff;margin: 0 7px;text-align:center;}
#footer .foot_sns li a {display:block;width: 100%;height: 100%;line-height: 30px;}
#footer .foot_sns li img {height:14px;vertical-align:top;margin-top:8px;}
#footer .foot_sns li:nth-child(2) img {height:16px;margin-top:7px;}
#footer .foot_sns li:nth-child(3) img {height:12px;margin-top:9px;}
#footer .foot_sns li:nth-child(4) img {height:10px;margin-top:10px;}

@media only screen and (max-width:370px){
    #footer .foot_info address p{display:block;}
    #footer .foot_info address span{display:none;}
    #footer .foot_info address br{display:none;}
}
@media only screen and (max-width:360px){
    #footer .ft_menu li + li{padding-left:15px;}
    #footer .ft_menu li a{font-size:13px;}
}

/*───────────────────────────────────────────────────────────

    goods

───────────────────────────────────────────────────────────*/


/*───────────────────────────────────────────────────────────

	 메인

───────────────────────────────────────────────────────────*/
/* 비주얼 영역 */
.main_visual {width:100%;height:300px;position: relative;overflow: hidden;margin: auto;margin-top:3px;}
.main_visual .visual_ul {position: static;}
.main_visual .visual_ul, .main_visual .slick-list, .main_visual .slick-track, .main_visual .visual_ul .visual_li{height:100%;}
.main_visual .visual_ul .visual_li {position:relative;overflow:hidden;float: left;}
.main_visual .visual_ul .visual_li a.link {position:absolute;left:0;top:0;width:100%;height:100%;z-index:7;}
.main_visual .visual_ul .visual_li .visual_txt_wrap {position:absolute;left: 15px;top:51%;z-index:6;color:#fff;text-align: left;transform: translateY(-50%);width:1240px;}
.main_visual .visual_ul .visual_li.visual_li3 .visual_txt_wrap {color:#333;}
.main_visual .visual_ul .visual_li .visual_txt_wrap h2,
.main_visual .visual_ul .visual_li .visual_txt_wrap h3,
.main_visual .visual_ul .visual_li .visual_txt_wrap p,
.main_visual .visual_ul .visual_li .btn_view {display:block;font-weight:400;opacity:0;transition:all 0.8s;transition-timing-function:ease-in-out;position:relative;bottom:-20px;letter-spacing:-0.03em;}
.main_visual .visual_ul .visual_li .visual_txt_wrap h2 {font-size: 30px;font-weight:500;color:#333333;line-height: 38px;margin: 15px 0 0;}
.main_visual .visual_ul .visual_li .visual_txt_wrap h3 {font-size: 14px;line-height: 1;font-weight: 400;color: #666666;}
.main_visual .visual_ul .visual_li .visual_txt_wrap p {font-size: 18px;line-height: 26px;color: #666666;font-weight:300;}
.main_visual .visual_ul .visual_li .visual_txt_wrap .btn_view {display:block;width: 120px;height: 40px;font-size: 13px;line-height: 39px;font-weight:200;color:#666666;border: 1px solid #666;box-sizing:border-box;text-align: center;position:relative;margin: 40px 0 0;letter-spacing:0;}
.main_visual .visual_ul .visual_li .visual_txt_wrap .btn_view span:after {content:'';display:inline-block;vertical-align:middle;width: 5px;height: 5px;border-top: 1px solid #666666;border-left: 1px solid #666666;transform:rotate(135deg);-webkit-transform:rotate(135deg);position: relative;/* right:20px; */top: -2px;margin-left:8px;}
.main_visual .visual_ul .visual_li .visual_img {}
.main_visual .visual_ul .visual_li .visual_img img{width:100%;}
.main_visual .visual_ul .slick-dots {position: absolute;bottom:18px;transition: all 0.3s;left: 50%;transform: translateX(-50%);}
.main_visual .visual_ul .slick-dots li {float: left;margin: 0 5px;vertical-align: top;}
.main_visual .visual_ul .slick-dots li.slick-active {}
.main_visual .visual_ul .slick-dots li button {display: inline-block;width: 10px;height: 10px;background:#fff;border-radius:100%;opacity: 0.5;border: 0;font-size: 0;padding: 0;}
.main_visual .visual_ul .slick-dots li.slick-active button {width:10px;height:10px;opacity: 1;}
/* 비주얼 active */
	.main_visual .visual_ul .visual_li.active .visual_txt_wrap h2,
	.main_visual .visual_ul .visual_li.active .visual_txt_wrap h3,
	.main_visual .visual_ul .visual_li.active .visual_txt_wrap p,
	.main_visual .visual_ul .visual_li.active .btn_view {opacity:1;bottom:0;}
	.main_visual .visual_ul .visual_li.active .visual_txt_wrap h3 {transition-delay:0.0s;}
	.main_visual .visual_ul .visual_li.active .visual_txt_wrap h2 {transition-delay:0.2s;}
	.main_visual .visual_ul .visual_li.active .visual_txt_wrap p {transition-delay:0.4s;}
	.main_visual .visual_ul .visual_li.active .btn_view {transition-delay:0.6s;}


.main_bnr {}
.main_bnr img {width:100%;}

/* 공통 */
.main_title_box .main_title {font-size: 20px;font-weight:400;line-height:1;color:#333333;margin: 0 0 24px;border: 0;padding: 0;}
.main_title_box .main_title strong {font-size:inherit;line-height:inherit;font-weight:600;color:inherit;}
.main_title_box p {font-size: 15px;line-height:1;font-weight:400;color:#888888;margin-top:10px;}

/* 메인 상품 */
.section{margin-top:50px;}
.w_custom{width:100%;box-sizing:border-box;padding:0 15px !important;}
.main_prd {width:100%;}
.main_prd:after{clear:both;content:"";display:block;}
.main_prd .w_custom {overflow:hidden;position:relative;padding-bottom:0 !important;}
.main_prd .main_prd_cont{width: calc(100% + 15px);}
.item_photo_box{position:relative;}
.item_photo_box a{display:block;position:absolute;width:100%;height:100%;}
.item_photo_box .thumb img{width:100%;}
.main_prd .item_cont_box img {width: 100%;}
.main_prd .item_cont_box {display:inline-block;vertical-align:top;width:calc(50% - 15px);box-sizing: border-box;}


.item_cont .item_info_cont{margin-top:14px;position:relative;}
.item_cont .item_info_cont .item_dc{font-size:12px;color: #1e5796;font-weight:200;font-style: inherit;}
.item_cont .item_info_cont .item_dc em{font-size:15px;font-weight:300;}
.item_cont .item_info_cont .item_tit_box .item_name{line-height: 1;font-size: 15px;font-weight: 400;color: #666666;height: auto;margin: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;padding-bottom:7px;display:inline-block;width:100%;}
.item_money_box .item_price span{line-height: 1;font-size: 16px;color: #333333;font-weight: 600;vertical-align: middle;}
.item_money_box .item_price span em{vertical-align: top;font-size: 13px;font-weight: 500;letter-spacing:0;}
.item_money_box del{display: inline-block;text-decoration: line-through;color: #aaaaaa;font-size: 14px;font-weight:300;line-height: 1;margin: 0;margin-right: 5px;vertical-align: middle;padding-top: 8px;}
.item_money_box del em{font-size:13px;}
.item_cont .item_info_cont .item_link{position:absolute;width:30px;height:30px;bottom:0;right:0;}
.item_cont .item_info_cont .item_link .btn_cart{display:block;width:30px;height: 30px;border-radius: 100%;border: 1px solid #ddd;background:url(/design/tjddnwjs/da_image/mobile/ico_pd_cart.png) no-repeat center;background-size: 14px;box-sizing: border-box;transition: all 0.3s;margin: 0;padding: 0;font-size:0;}

/*메인 핫 상품*/
.main_hot{margin-top:54px !important;}
.main_hot .main_title{margin-left:-7px;}
#container .main_hot_progress{margin-top:40px;}
#container .main_hot_progress .swiper-pagination-progressbar{width: calc(100% - 15px);height: 3px;text-align: left;border-radius: 0;background: #eeeeee;opacity: 1 !important;display: block;position: relative;bottom: 0;left: 0;z-index: 5;padding: 0;margin: 0 0 0;}
#container .main_hot_progress span{background: #1e5796;border-radius: 5px;}

/*메인 배너*/
.wide_bnr{width:100%;box-sizing:border-box;padding:0 15px;margin-top:50px;}
.wide_bnr a{display:block;width:100%;}
.wide_bnr a img{width:100%;}

/* 메인 추천상품 */
.main_recmd{margin-top:55px;}
.main_recmd .main_title_box .main_title {margin: 0;}
.main_recmd .main_tab {margin: 25px 0 0;}
.main_recmd .main_tab li {display: inline-block;}
.main_recmd .main_tab li + li {margin:10px 0 0;}
.main_recmd .main_tab li a {display:inline-block;width:auto;height: 34px;font-size:14px;line-height: 34px;font-weight:400;color:#333;background:#f7f7f7;padding: 0 16px;border-radius:20px;}
.main_recmd .main_tab li.on a {font-weight:500;color:#ffffff;background:#1e5796;}
.main_recmd .main_recmd_cont {margin-top:30px;width:100%;}
.main_recmd .main_recmd_cont .tab_cont {display:none;}
.main_recmd .main_recmd_cont .goods_list_cont > ul{width:calc(100% + 14px);margin-left:-7px;}
.main_recmd .main_recmd_cont .goods_list_cont > ul:after{clear:both;content:"";display:block;}
.main_recmd .main_recmd_cont .goods_list_cont li{display:inline-block;vertical-align: top;width: calc(50% - 6.5px);box-sizing: border-box;position: relative;margin-bottom: 25px;float: left;}
.main_recmd .main_recmd_cont .goods_list_cont li:nth-of-type(2n){margin-left:6.5px;}
.main_recmd .main_recmd_cont .goods_list_cont li:nth-of-type(2n+1){margin-right:6.5px;}
.main_recmd .more{margin-top:0;width:100%;box-sizing:border-box;}
.main_recmd .btn_moreGray{height:46px;box-sizing: border-box;line-height:20px;padding: 12px 0;font-size: 15px;border: 1px solid #333;color: #333;font-weight: 400;width:calc(100% + 5px);margin-left:-2px;background:#fff;}
.main_recmd .btn_moreGray:after{content: '';display: inline-block;position: relative;width: 5px;height: 9px;background: url(/design/tjddnwjs/da_image/mobile/ico_more_arr.png) no-repeat;background-size: 5px auto;margin-left: 11px;}


/* 카테고리배너 */
.main_cate {background:#f5f5f5;padding: 50px 0 56px 0;margin-top:50px;}
.main_cate .cate_cont_box {width: 100%;height: auto;padding: 12px 0 15px;box-sizing:border-box;background:#fff;}
.main_cate .cate_cont_box ul {padding: 18px 0;}
.main_cate .cate_cont_box ul:nth-child(2){padding:15px 0;}

.main_cate .cate_cont_box ul:last-child {}
.main_cate .cate_cont_box ul:after {content:'';display:block;clear:both;}
.main_cate .cate_cont_box ul li {width:33.333%;float:left;text-align: center;}
.main_cate .cate_cont_box ul li + li {}
.main_cate .cate_cont_box ul li:nth-of-type(3n+1) {clear:both;}
.main_cate .cate_cont_box ul li a {display:inline-block;width: 100%;height: auto;font-size: 14px;line-height: 1;font-weight:400;color:#333333;padding: 70px 0 0;letter-spacing: -0.04em;box-sizing:border-box;text-align: center;}
.main_cate .cate_cont_box ul:nth-child(1) li.idx1 a {background:url('/design/tjddnwjs/da_image/mobile/main_cate_ico01.png') no-repeat center top;background-size: 60px;}
.main_cate .cate_cont_box ul:nth-child(1) li.idx2 a {background:url('/design/tjddnwjs/da_image/main_cate_ico02.png') no-repeat center top;background-size: 60px;}
.main_cate .cate_cont_box ul:nth-child(1) li.idx3 a {background:url('/design/tjddnwjs/da_image/mobile/main_cate_ico03.png') no-repeat center top;background-size: 60px;}
.main_cate .cate_cont_box ul:nth-child(2) li.idx1 a {background:url('/design/tjddnwjs/da_image/mobile/main_cate_ico04.png') no-repeat center top;background-size: 60px;}
.main_cate .cate_cont_box ul:nth-child(2) li.idx2 a {background:url('/design/tjddnwjs/da_image/mobile/main_cate_ico05.png') no-repeat center top;background-size: 60px;}
.main_cate .cate_cont_box ul:nth-child(2) li.idx3 a {background:url('/design/tjddnwjs/da_image/mobile/main_cate_ico06.png') no-repeat center top;background-size: 60px;}
.main_cate .cate_cont_box ul:nth-child(3) li.idx1 a {background:url('/design/tjddnwjs/da_image/mobile/main_cate_ico07.png') no-repeat center top;background-size: 60px;}
.main_cate .cate_cont_box ul:nth-child(3) li.idx2 a {background:url('/design/tjddnwjs/da_image/mobile/main_cate_ico08.png') no-repeat center top;background-size: 60px;}
.main_cate .cate_cont_box ul:nth-child(3) li.idx3 a {background:url('/design/tjddnwjs/da_image/mobile/main_cate_ico09.png') no-repeat center top;background-size: 60px;}
.main_cate .main_bnr {margin-top:14px;}

/*main best*/
.main_best{padding:0 14.5px !important;margin-top:49px;}
.main_best .big_prd{margin-bottom:25px;}
.main_best .big_prd .item_cont{position:relative;}
.main_best .big_prd .item_cont .item_info_cont{position:absolute;width:100%;bottom:0;left:0;background:rgba(0,0,0, 0.5);padding:13px 18px 13px;box-sizing:border-box;z-index:5;}
.main_best .big_prd .item_cont .item_info_cont .item_link{width: 27px;height: 21px;bottom:25px;right:22px;}
.main_best .big_prd .item_cont .item_info_cont .item_link .btn_cart{background:url('/design/tjddnwjs/da_image/mobile/ico_pd_cart_b.png') no-repeat center;background-size:18px;border:0;}
.main_best .big_prd .item_cont .item_info_cont .item_tit_box .item_name{font-size:17px;color:#fff;padding:7px 0 7px;}
.main_best .big_prd .item_money_box .item_price{display:inline-block;}
.main_best .big_prd .item_money_box .item_price span{display:inline-block;font-size:18px;color:#fff;}
.main_best .big_prd .item_money_box .item_price span em{font-size:14px;vertical-align:middle;}
.main_best .big_prd .item_money_box del{padding:0 0 3px 10px;font-size:17px;color:#fff;}
.main_best .big_prd .item_money_box del em{font-size:13px;}

.main_best .list_prd{margin-top:49px;}
.main_best .list_prd ul li{box-sizing:border-box;padding:10px 0;border-bottom:1px solid #ddd;display:table;vertical-align:top;table-layout:fixed;width:100%;}
.main_best .list_prd ul li:nth-child(1){border-top:1px solid #ddd;}
.main_best .list_prd ul li .item_cont{display:table-row;}
.main_best .list_prd ul li .item_cont .item_photo_box{display: table-cell;width: 125px;min-width:125px;vertical-align:top;}
.main_best .list_prd ul li .item_cont .item_photo_box a{display:block;}
.main_best .list_prd ul li .item_cont .item_photo_box .thumb{box-sizing:border-box;border:1px solid #e5e5e5;}
.main_best .list_prd ul li .item_cont .item_info_cont{display:table-cell;padding:0 0 0 15px;box-sizing:border-box;vertical-align:middle;}
.main_best .list_prd ul li .item_cont .item_info_cont .item_tit_box .item_name{padding:11px 0 20px;}
.main_best .list_prd ul li .item_cont .item_info_cont .item_link{bottom:8px;right:1px;}

/*main review*/
.main_review {padding: 0 0 68px;position:relative;z-index:1;overflow: hidden;margin-top:49px;}
.main_review:after {content:'';display:block;position:absolute;width:100%;height: 67%;background:#bc7e57;bottom:0;left:0;z-index:-1;opacity:0.1;}
.main_review .review_cont_box {}
.main_review .review_cont_box .review_cont_box {}
.main_review .review_cont_box ul {width: calc(100% + 50px);margin-left: -25px;overflow: visible;}
.main_review .review_cont_box ul:after {content:'';display:block;clear:both;}
.main_review .review_cont_box ul li {float:left;margin: 0 17px 20px;box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.05);position:relative;}
.main_review .review_cont_box ul li a {display:block;position:absolute;width:100%;height:100%;top:0;left:0;}
.main_review .review_cont_box ul li .bbs_thumb {display: block;padding-bottom: 74%;height: 0;overflow: hidden;}
.main_review .review_cont_box ul li .bbs_thumb img {width:100%;}
.main_review .review_cont_box ul li .bbs_txt_info {padding: 20px 15px 20px;background: #fff;}
/*.main_review .review_cont_box ul li .bbs_txt_info .star,
.main_review .review_cont_box ul li .bbs_txt_info .star span {vertical-align:top;height:12px;line-height:12px;margin:0;padding:0;display:inline-block;font-size:0;}
.main_review .review_cont_box ul li .bbs_txt_info .star {display: block;width: 100%;background:url('/design/d4-0744/da_img/mobile/ico_review_bg.png') no-repeat 0 50%;background-size: auto 12px;overflow:hidden;text-align:left;position: relative;margin-left: 3px;}
.main_review .review_cont_box ul li .bbs_txt_info .star span {background:url('/design/d4-0744/da_img/ico_review.png') no-repeat 0 50%;background-size: auto 12px;font-size: 0;}*/
.main_review .review_cont_box ul li .bbs_txt_info .subject {font-size: 16px;line-height:1;font-weight:500;color:#333333;white-space:nowrap;overflow:hidden;padding: 13px 0 14px;text-overflow: ellipsis;}
.main_review .review_cont_box ul li .bbs_txt_info .conts {font-size: 13px;line-height: 18px;font-weight:300;color:#888888;word-break: break-all;overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.main_review .slick-arrow {top: 24%;}

.section .slick-arrow {width: 35px;height: 35px;border-radius:100%;background:#ffffff;box-shadow: 0 3px 3px 3px rgba(0,0,0,0.05);top:25%;outline:none;transition: all 0.3s;font-size: 0;border: 0;position: absolute;z-index: 10;padding: 0;}
.section .slick-prev {left: -9px;}
.section .slick-next {right: -9px;}
.section .slick-prev:after,
.section .slick-next:after {content: '';display: inline-block;vertical-align: middle;width: 7px;height: 7px;transform: rotate( 135deg );-webkit-transform: rotate( 135deg );position: relative;}
.section .slick-prev:after {border-bottom: 1px solid #000;border-right: 1px solid #000;margin-left: 5px;}
.section .slick-next:after {border-top: 1px solid #000;border-left: 1px solid #000;margin-right: 2px;}


.main_insta {}
.main_insta .main_title_box {}
.main_insta .main_title_box .main_title {display:inline-block;font-size: 20px;line-height:1;font-weight:200;color:#333333;padding-left: 27px;background:url('/design/tjddnwjs/da_image/mobile/ico_insta.png') no-repeat center left;background-size: 17px;margin-bottom: 24px;}
.main_insta .main_title_box p {display:inline-block;vertical-align:text-bottom;font-size:14px;line-height:1;font-weight:300;color:#888888;margin:0;padding: 0 0 15px;}
.main_insta .main_title_box p span {display:inline-block;margin: 0 6px;}
.main_insta .main_title_box strong {float:right;font-size: 15px;line-height:1;font-weight:200;color:#333333;vertical-align:text-bottom;margin-top: 10px;position: absolute;top: 0;right: 0;}
.main_insta .instar_wrap {}
.main_insta .instar_wrap ul {}
.main_insta .instar_wrap ul:after {content:'';display:block;clear:both;}
.main_insta .instar_wrap ul li {float:left;position:relative;width: 25%;height: auto;z-index:1;}
.main_insta .instar_wrap ul li:nth-child(4n+1) {clear:both;}
.main_insta .instar_wrap ul li a {display:block;position:absolute;width:100%;height:100%;z-index:1;}
.main_insta .instar_wrap ul li img {width: 100%;height: 100%;}

/*───────────────────────────────────────────────────────────

    장바구니

───────────────────────────────────────────────────────────*/
#contents #basket{width:100%;box-sizing:border-box;padding:0 15px;}
#contents #basket *{font-family:'Noto Sans KR';}
#contents .order_tit{text-align:center;border:none;margin-top:44px;}
#contents .order_tit h3{font-size:23px;color:#000;font-weight:500;}
#contents #basket .btn-wrap{padding:0;margin-top:19px;}
#contents #basket .btn-wrap:after{clear:both;content:"";display:block;}
#contents #basket .all-select{width:auto;border:none;background:none;padding:0;}
#contents #basket .all-select label{font-size:18px;color:#333;font-weight:400;line-height:35px;}
#contents #basket .cart_top_btn{display:inline-block;box-sizing:border-box;vertical-align:top;float:right;width:auto;font-size:0;}
#contents #basket .cart_top_btn a{display:inline-block;box-sizing:border-box;vertical-align:top;width:80px;height:35px;line-height:33px;border:1px solid #333;text-align:center;font-size:16px;color:#333;font-weight:400;background:#fff;}
#contents #basket .cart_top_btn a + a{margin-left:10px;}

#contents #basket > ul{margin-top:20px;}
#contents #basket > ul > li{border-top:1px solid #ddd;padding:20px 0;}
#contents #basket figure{padding:0;}
#contents #basket .basketLeft{width:100%;float:none;position:relative;}
#contents #basket .basketLeft .prd_name{font-size:16px;color:#333;font-weight:400;padding-left:24px;line-height:20px;}
#contents #basket .basketLeft .MS_input_checkbox{top:3px;}
#contents #basket .basketLeft a{width:14px;height:14px;margin:0;position:absolute;right:5px;top:4px;background:url('/design/tjddnwjs/da_image/mobile/cart_del.png')no-repeat center;background-size:auto 100%;padding:0;}

#contents #basket .basketRight{padding:15px 0 0 0;width:100%;}
#contents #basket .basketRight .prd_img{display:inline-block;box-sizing:border-box;vertical-align:top;width:100px;height:100px;border:1px solid #ddd;}
#contents #basket .basketRight .prd_img a{display:block;width:100%;height:100%;}
#contents #basket .basketRight .prd_info{display:inline-block;box-sizing:border-box;vertical-align:top;width:calc(100% - 105px);padding-left:17px;}
#contents #basket .basketRight .prd_info p{font-size:14px;color:#666;font-weight:300;letter-spacing:-0.4px;line-height:22px;}
#contents #basket .basketRight .prd_info .prd_price{font-size:16px;color:#333;font-weight:500;margin-bottom:15px;}
#contents #basket .basketRight .prd_info .cnt_wrap p{display:inline-block;line-height:35px;}
#contents #basket .basketRight .prd_info .cnt_box{position:relative;width:115px;height:35px;font-size:0;text-align:center;display:inline-block;}
#contents #basket .basketRight .prd_info .cnt_box input{width:45px;border:1px solid #ddd;border-width:1px 0;height:100%;font-size:15px;color:#555;font-weight:400;text-align:center;padding:0;}
#contents #basket .basketRight .prd_info .cnt_box a{display:inline-block;box-sizing:border-box;vertical-align:top;width:35px;height:100%;position:absolute;top:0;}
#contents #basket .basketRight .prd_info .cnt_box a.btn_minus{left:0;background:url('/design/tjddnwjs/da_image/mobile/m_btn_minus.png')no-repeat center;background-size:auto 100%;}
#contents #basket .basketRight .prd_info .cnt_box a.btn_plus{right:0;background:url('/design/tjddnwjs/da_image/mobile/m_btn_plus.png')no-repeat center;background-size:auto 100%;}
#contents #basket .basketRight .btn_Black{height:40px;line-height:36px;box-sizing:border-box;border:1px solid #aaa;background:#fff;font-size:16px;color:#444;font-weight:400;letter-spacing:-0.6px;}

#contents #basket .price-total-info-top{background:#fff;border-top:1px solid #333;border-bottom:1px solid #ddd;}
#contents #basket .price-total-info-top dl{text-align:left;}
#contents #basket .price-total-info-top dl:after{clear:both;content:"";display:block;}
#contents #basket .price-total-info-top dl dt, #contents #basket .price-total-info-top dl dd{display:inline-block;box-sizing:border-box;vertical-align:top;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.5px;line-height:33px;}
#contents #basket .price-total-info-top dl dt{}
#contents #basket .price-total-info-top dl dd{float:right;text-align:right;}
#contents #basket .price-total-info-top dl.total_price dt{font-size:18px;font-weight:500;}
#contents #basket .price-total-info-top dl.total_price dd{font-size:19px;color:#1e5796;font-weight:500;}

#contents #basket .delivery-type{padding:0;margin-top:20px;}
#contents #basket .delivery-type ul li{font-size:14px;color:#666;font-weight:300;letter-spacing:-0.4px;}

#contents #basket .cart-free-wrap{box-sizing:border-box;background:#f5f5f5;padding:30px 15px;text-align:center;margin-top:30px;}
#contents #basket .cart-free-wrap p{padding:0;}
#contents #basket .cart-free-wrap .delivery_tax{font-size:14px;color:#666;font-weight:400;letter-spacing:-0.6px;}
#contents #basket .cart-free-wrap .delivery_txt{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.72px;margin-top:10px;}
#contents #basket .cart-free-wrap .delivery_txt span{color:#1e5796;}

#contents #basket .cart-free-wrap .btn-list-open{width:100%;box-sizing:border-box;height:45px;line-height:45px;background:#333;border:1px solid #333;font-size:15px;color:#fff;font-weight:500;margin-top:20px;}
#contents #basket .order-btn{padding:0;margin-top:15px;}
#contents #basket .order-btn a{width:100%;height:50px;line-height:50px;font-size:19px;color:#fff;font-weight:500;letter-spacing:-0.6px;}

@media only screen and (max-width:340px){
    #contents #basket .all-select label{font-size:15px;}
}


/*───────────────────────────────────────────────────────────

   주문서

───────────────────────────────────────────────────────────*/
#contents #order{width:100%;box-sizing:border-box;padding:0 15px;}
#contents #order *{font-family:'Noto Sans KR';}
#contents #order .order_tit{margin-bottom:12px;}
#contents #order figure{display:block;font-size:0;padding:0;}

#contents #order .h_title2{border-bottom:1px solid #333;padding:0 0 15px;}
#contents #order .h_title2 h3{font-size:18px;color:#333;font-weight:500;letter-spacing:-0.5px;display:inline-block;}
#contents #order .h_title2 label{font-size:14px;color:#666;font-weight:400;float:right;line-height:22px;}
#contents #order .h_title2 .fa-angle-up{cursor:pointer;}
#contents #order .h_title2 .fa-angle-up:before{content:"";width:11px;height:11px;border:1px solid #666;border-width:1px 1px 0 0;transform:rotate(-45deg);position:absolute;top:9px;right:3px;}
#contents #order .h_title2 .fa-angle-up.fa-angle-down:before{transform:rotate(135deg);}
#contents #order .prd_order{margin-top:20px;}
#contents #order .prd_order li{padding:20px 0;}
#contents #order .prd_order li:nth-child(1){padding-top:0;}
#contents #order .prd_order li + li{border-top:1px solid #ddd;}
#contents #order .basketLeft{width:100px;height:100px;float:none;position:relative;display:inline-block;box-sizing:border-box;vertical-align:top;}
#contents #order .basketLeft a{display:block;width:100%;height:100%;box-sizing:border-box;border:1px solid #ddd;}
#contents #order .basketRight{display:inline-block;box-sizing:border-box;vertical-align:top;width:calc(100% - 105px);padding-left:17px;}
#contents #order .basketRight div{font-size:14px;color:#666;font-weight:300;letter-spacing:-0.4px;line-height:22px;}
#contents #order .basketRight div.pname{font-size:16px;color:#333;font-weight:400;}
#contents #order .basketRight div.price-coupon{border:none;padding:0;} 
#contents #order .basketRight div.price-coupon dl dd{float:none;width:auto;text-align:left;font-size:16px;color:#333;font-weight:500;}

#contents #order .couponBody{background:#fff;border-top:1px solid #333;border-bottom:1px solid #ddd;padding:7px 0;}
#contents #order .couponBody dl{text-align:left;padding:0;border:none;}
#contents #order .couponBody dl:after{clear:both;content:"";display:block;}
#contents #order .couponBody dl dt, #contents #order .couponBody dl dd{display:inline-block;box-sizing:border-box;vertical-align:top;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.5px;line-height:33px;width:auto;}
#contents #order .couponBody dl dt{}
#contents #order .couponBody dl dd{float:right;text-align:right;}
#contents #order .couponBody dl.total dt{font-size:18px;font-weight:500;}
#contents #order .couponBody dl.total dd{font-size:19px;color:#1e5796;font-weight:500;}

#contents #order .discountInfo{padding:0;margin-top:15px;}
#contents #order .discountInfo p{font-size:15px;color:#666;font-weight:300;letter-spacing:-0.4px;}
#contents #order .discountInfo p a{font-size:inherit;color:inherit;font-weight:inherit;}

#contents #order .orderBody{margin-top:45px;}
#contents #order .orderBody table{width:100%;margin:0;}
#contents #order .orderBody table, #contents #order .orderBody table tbody, #contents #order .orderBody table tbody tr, #contents #order .orderBody table tbody th, #contents #order .orderBody table tbody td{display:block;border:none;background:none;}
#contents #order .orderBody table tbody th{padding:0;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.5px;margin:23px 0 10px;;}
#contents #order .orderBody table tbody tr:nth-child(1) th{margin-top:18px;}
#contents #order .orderBody table tbody td{padding:0;font-size:14px;color:#666;font-weight:400;letter-spacing:-0.6px;}
#contents #order .orderBody table tbody td input, #contents #order .orderBody table tbody td select{box-sizing:border-box;border:1px solid #ddd;height:45px;line-height:45px;font-size:14px !important;color:#666;font-weight:400;letter-spacing:-0.6px;padding-left:15px;}
#contents #order .orderBody table tbody td input[type="checkbox"], #contents #order .orderBody table tbody td input[type="radio"]{height:auto;line-height:initial;}
#contents #order .orderBody table tbody td select{appearance:none;background:url('/design/tjddnwjs/da_image/mobile/sel_arw.png')no-repeat 97% center;background-size:auto 5px;}
#contents #order .orderBody table tbody td input[name="emergency11"],
#contents #order .orderBody table tbody td input[name="emergency12"],
#contents #order .orderBody table tbody td input[name="emergency13"],
#contents #order .orderBody table tbody td input[name="emergency21"],
#contents #order .orderBody table tbody td input[name="emergency22"],
#contents #order .orderBody table tbody td input[name="emergency23"],
#contents #order .orderBody table tbody td input[name="emergency31"],
#contents #order .orderBody table tbody td input[name="emergency32"],
#contents #order .orderBody table tbody td input[name="emergency33"]{width:calc(33.3333% - 7px) !important;}

#contents #order .orderBody table tbody td input[name="email1"],
#contents #order .orderBody table tbody td #direct_email{width:calc(50% - 9px) !important;}
#contents #order .orderBody table tbody td select[name="emailsel"]{width:100% !important;margin-top:11px;}

#contents #order .orderBody table tbody th.korea-radio-addr{padding:0 !important;text-align:left !important;font-size:14px;}
#contents #order .orderBody table tbody th.korea-radio-addr .btn-adr-layer{display:block;box-sizing:border-box;border:1px solid #ddd;width:81px !important;font-size:14px;color:#666;font-weight:400;height:33px;line-height:33px;margin:5px 0 0 0;}

#contents #order .orderBody table tbody td input[name="post1"]{width:62.3% !important;}
#contents #order .orderBody table tbody td .zipcode .btn_Grey{display:inline-block;box-sizing:border-box;border:1px solid #333;width:calc(37.7% - 10px) !important;font-size:16px;color:#333;font-weight:400;height:45px;line-height:45px;background:#fff;margin-left:7px;}
#contents #order .orderBody table tbody td .address input{margin-top:10px;}

#contents #order .orderBody table tbody td textarea{height:90px;border:1px solid #ddd;}

#contents #order .orderBody table tbody td select[name="choice_delivery"]{width:100%;}

#contents #order .pay_table{margin-top:45px;}
#contents #order .pay_table tbody tr th{background:#f5f5f5;border-bottom:1px solid #ddd;text-align:left;font-size:16px;color:#333;font-weight:400;padding:10px 0 10px 10px;line-height:30px;}
#contents #order .pay_table tbody tr td{font-size:14px;color:#666;font-weight:400;padding:10px 0 10px 10px;border-bottom:1px solid #ddd;}
#contents #order .pay_table tbody tr td input[type="tel"]{height:45px;line-height:45px;}
#contents #order .pay_table tbody tr td input#okreserve{width:40px;background:none;font-size:13px;color:#666;font-weight:400;letter-spacing:-0.5px;text-align:left;}
#contents #order .pay_table tbody tr.total strong{font-size:16px;color:#1e5796;font-weight:500;}

#contents #order .pay-wrap{margin-top:45px;}
#contents #order .pay-wrap .pay-escrow, #contents #order .pay-wrap .pay-box{background:none;border:none;}
#contents #order .pay-wrap .pay-box .pay-cnts dl{display:block;}
#contents #order .pay-wrap .pay-box .pay-cnts dl dt, #contents #order .pay-wrap .pay-box .pay-cnts dl dd{display:block;width:100%;height:auto;padding:0;}
#contents #order .pay-wrap .pay-box .pay-cnts dl dt{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.5px;margin:23px 0 10px;;}
#contents #order .pay-wrap .pay-box .pay-cnts dl dd input, #contents #order .pay-wrap .pay-box .pay-cnts dl dd select{box-sizing:border-box;border:1px solid #ddd;height:45px;line-height:45px;font-size:14px;color:#666;font-weight:400;letter-spacing:-0.6px;padding-left:15px;}

#contents #order .pay-info{border:none;margin:0;}
#contents #order .pay-info ul li{padding:0 !important;}
#contents #order .pay-info #evidence_data{}
#contents #order .pay-info #evidence_data dl{padding:0;border:none;}
#contents #order .pay-info #evidence_data dl dt{}
#contents #order .pay-info #evidence_data dl dt, #contents #order .pay-info #evidence_data dl dd{display:block;width:100%;height:auto;padding:0;position:static;text-align:left;}
#contents #order .pay-info #evidence_data dl dt{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.5px;margin:23px 0 10px;background:none;}
#contents #order .pay-info #evidence_data dl dt span{padding:0;}
#contents #order .pay-info #evidence_data dl dd{margin:0;}
#contents #order .pay-info #evidence_data dl dd select[name="evidence_banktype"]{width:100%;}
#contents #order .orderBody table tbody td input[name="mobilephone"]{width:calc(33.3333% - 8px) !important;}
#contents #order .pay-info #evidence_cashbill_tel span{display:block;margin-top:10px;}

#contents #order #join{margin-top:45px;}
#contents #order #join .hd{margin-top:20px;}
#contents #order #join .hd h5{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.5px;line-height:33px;text-indent:0;}
#contents #order #join .hd h5:before{display:none;}
#contents #order #join .hd a.open-pop{width:67px;height:33px;line-height:33px;box-sizing:border-box;border:1px solid #ddd;padding:0;text-align:center;font-size:14px;color:#666;font-weight:400;letter-spacing:-0.6px;top:0;right:0;}
#contents #order #join .cont{padding:0;margin:0;}
#contents #order #join .cont .terms{margin:10px 0 0 0;border:none;padding:0;}


#contents #order #order .order-agree__all{padding:0;}
#contents #order #join.order_agree{margin-top:0;}
#contents #order #join.order_agree .cont label, #contents #order #join.order_agree .cont span{font-size:14px;color:#666;font-weight:400;letter-spacing:-0.6px;line-height:33px;}
#contents #order #join.order_agree .cont .order-agree__all span {color:#333;}
#contents #order #join.order_agree .cont label{display:block;}
#contents #order #join.order_agree .cont label a{font-size:inherit;color:inherit;font-weight:inherit;}

#contents #order .price-total-info-bottom{background:#fff;border:1px solid #ddd;text-align:center;box-sizing:border-box;font-size:13px;color:#333;font-weight:400;letter-spacing:-0.5px;}
#contents #order .price-total-info-bottom .txt-price{display:inline-block;}
#contents #order .price-total-info-bottom .txt-price #op_total_price{font-size:20px;color:#1e5796;font-weight:500;display:inline-block;margin:0 5px 0 31px;}

#contents #order .btn_order_box{margin-top:15px;font-size:0;}
#contents #order .btn_order_box a{display:inline-block;box-sizing:border-box;vertical-align:top;width:calc(50% - 7.5px);height:50px;line-height:50px;border:1px solid #1e5796;background:#1e5796;text-align:center;font-size:19px;color:#fff;font-weight:500;letter-spacing:-0.6px;}
#contents #order .btn_order_box a + a{margin-left:15px;background:#fff;border:1px solid #333;color:#333;}

@media only screen and (max-width:350px){
    #contents #order .discountInfo p{font-size:13px;}
    #contents #order .orderBody table tbody td input, #contents #order .orderBody table tbody td select{font-size:12px;}
    #contents #order .orderBody table tbody th.korea-radio-addr{font-size:12px;}
    #contents #order .orderBody table tbody th.korea-radio-addr .btn-adr-layer{width:64px !important;font-size:12px;}
    #contents #order #join.order_agree .cont label, #contents #order #join.order_agree .cont span{font-size:12px;}
}

/*───────────────────────────────────────────────────────────

   고객센터

───────────────────────────────────────────────────────────*/
#contents .cs_contents{width:100%;box-sizing:border-box;padding:0 15px;}
#contents .cs_contents *{font-family:'Noto Sans KR'}
#contents .cs_contents .h_title{border:none;padding:0;text-align:center;margin-top:53px;}
#contents .cs_contents .h_title h3{font-size:23px;color:#000;font-weight:500;letter-spacing:-0.7px;}
#contents .cs_contents .h_title .cs_list{width:calc(100% + 10px);margin-left:-5px;font-size:0;margin-top:17px;}
#contents .cs_contents .h_title .cs_list li{display:inline-block;box-sizing:border-box;vertical-align:top;margin:0 5px 9px 5px;}
#contents .cs_contents .h_title .cs_list li a{display:block;font-size:15px;color:#999;font-weight:400;letter-spacing:-0.5px;border-radius:35px;height:35px;line-height:35px;padding:0 16px;background:#eee;}
#contents .cs_contents .h_title .cs_list li.on a{background:#1e5796;color:#fff;}

#contents .cs_contents .cs_bnr{width:100%;margin-top:21px;}
#contents .cs_contents .cs_bnr img{width:100%;}

#contents .cs_contents .item-search{padding:0;margin-top:50px;font-size:0;margin-bottom:20px;}
#contents .cs_contents .item-search div:first-child{width:33.3%;}
#contents .cs_contents .item-search select, #contents .cs_contents .item-search input{height:40px;line-height:40px;box-sizing:border-box;border:1px solid #ddd;font-size:14px;color:#555;font-weight:400;letter-spacing:-0.4px;padding-left:10px;}
#contents .cs_contents .item-search div:first-child select{appearance:none;background:url('/design/tjddnwjs/da_image/mobile/sel_arw.png')no-repeat 92% center;background-size:auto 7px;}
#contents .cs_contents .item-search div:nth-child(2){padding:0;margin-left:5px;width:calc(66.7% - 5px);}
#contents .cs_contents .item-search div:nth-child(2) input{width:calc(100% - 60px) !important;}
#contents .cs_contents .item-search div:nth-child(2) a{display:inline-block;box-sizing:border-box;vertical-align:top;height:40px;line-height:34px;background:#333;border:1px solid #333;font-size:14px;color:#fff;font-weight:400;letter-spacing:-0.4px;width:60px;}

#contents .cs_contents .notice{border-top:1px solid #333;}
#contents .cs_contents .notice-bar{background:#fff;border-bottom:1px solid #ddd;}
#contents .cs_contents .notice-bar dl dt{position:relative;}
#contents .cs_contents .notice-bar dl dt > span{display: inline-block;position: absolute;top: 0;left: 0;}
#contents .cs_contents .notice a{width:85%;vertical-align: top;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.5px;padding-left:35px;}
#contents .cs_contents .notice-bar dd span{display:inline-block;vertical-align:top;font-size:14px;color:#888;font-weight:400;position:relative;}
#contents .cs_contents .notice-bar dd{margin-top:15px;}
#contents .cs_contents .notice-bar dd span + span{margin-left:13px;padding-left:13px;}
#contents .cs_contents .notice-bar dd span + span:before{width:1px;height:9px;content:"";background:#ccc;position:absolute;left:0;top:4px;}

#contents .cs_contents .boardList li{border-bottom:1px solid #ddd;padding:10px 10px;}
#contents .cs_contents .boardList li nobr{vertical-align: top;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.5px;}
#contents .cs_contents .boardList li dd{margin-top:15px;}
#contents .cs_contents .boardList li dd span{display:inline-block;vertical-align:top;font-size:14px;color:#888;font-weight:400;position:relative;}
#contents .cs_contents .boardList li dd span + span{margin-left:7px;padding-left:13px;}
#contents .cs_contents .boardList li dd span + span:before{width:1px;height:9px;content:"";background:#ccc;position:absolute;left:0;top:4px;}

#contents .cs_contents .boardList li .none-data i{display:none;}

#contents .cs_contents .small-btns + .boardWrite{margin-top:10px;}
#contents .cs_contents .boardWrite{padding:0;}
#contents .cs_contents .boardWrite a{height:50px;line-height:48px;font-size:19px;color:#fff;font-weight:500;letter-spacing:-0.6px;background:#1e5796;border:1px solid #1e5796;}

#contents .cs_contents .rbInfo{box-sizing:border-box;border-top:1px solid #333;border-bottom:1px solid #ddd;background:#f5f5f5;padding:10px 10px;margin-top:21px;}
#contents .cs_contents .rbInfo dt{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.5px;line-height:25px;}
#contents .cs_contents .rbInfo dd {display:inline-block;position:relative;font-size:14px;color:#888;font-weight:400;}
#contents .cs_contents .rbInfo dd .split{width:1px;height:9px;content:"";background:#ccc;display:inline-block;margin:0 8px;padding:0;}
#contents .cs_contents .rbContent{border-bottom:1px solid #ddd;min-height:100px;}
#contents .cs_contents .small-btns{font-size:0;margin-top:30px;}
#contents .cs_contents .small-btns a{display:inline-block;box-sizing:border-box;vertical-align:top;height:50px;line-height:50px;border:1px solid #aaa;background:#fff;font-size:19px;color:#444;font-weight:500;letter-spacing:-0.6px;}
#contents .cs_contents .small-btns a + a{margin-left:10px;}
#contents .cs_contents .small-btns.line_1 a{width:100%;}
#contents .cs_contents .small-btns.line_2 a{width:calc(50% - 5px);}
#contents .cs_contents .small-btns.line_3 a{width:calc(33.3333% - 7px);}


#contents .cs_contents .form-wrap{margin-top:21px;background:#fff;}
#contents #review-board-write table{background:#fff;}
#contents #review-board-write table th, #contents #review-board-write table td{border-bottom:1px solid #ddd;}
#contents #review-board-write table th{font-size:14px;color:#333;font-weight:400;}
#contents #review-board-write .MS_input_textarea{margin-bottom:20px;}