/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800');
@charset "euc-kr";
/* 영문폰트 */
:root {
    --mont: "Montserrat",sans-serif;
}
#m_skin_preview_wrap .preview-label-wrap {display:none !important;} /* 미리보기 숨기기 */
.wrapper { overflow:hidden; padding-bottom: 70px; }
.ani2 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.ani3 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.ani5 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

body.notscroll {overflow: hidden;}
body.scroll {overflow: auto;}

/* base */
* {-webkit-text-size-adjust:none;}
body {position:relative;font-size:14px;line-height:1.188em; color:#000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
body,input,textarea,select,button,table { font: 12px "Montserrat", "Pretendard Variable", Pretendard, 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 {max-width:100%;vertical-align:middle;}
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;}
button, input, select, textarea {
    vertical-align: middle;
    outline: none;
    margin: 0;
    height: 35px;
    text-indent: 5px;
    padding: 3px 0 1px;
    border: 1px solid #d1d1d1;
}
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {height: 35px; border:1px solid #E5E5E5; vertical-align: middle; padding: 0 16px; box-sizing: border-box; border-radius: 4px; color: #111; font-size: 14px; line-height: 33px; }
input[type="radio"], input[type="checkbox"] {vertical-align: middle;}
label { cursor:pointer; }
table {border-collapse: collapse; border-spacing: 0;}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background:url('/design/mazia2008/custom/img/select_bg.svg') no-repeat center right 5px;
    background-size:16px auto ;
    padding: 0 5px;
}
caption {display:none;}
a { color:#000; text-decoration:none; }
a:focus {outline:none;}
input[type="checkbox"]{border-radius: 0 ! important; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 15px; height: 15px; background: url('/design/mazia2008/custom/img/icon_check_off_new.png') no-repeat center center / contain #fff; cursor: pointer; border: none; outline: none;}
input[type="checkbox"]:checked{background: url('/design/mazia2008/custom/img/icon_check_on.png') no-repeat center center / contain; border-radius: 0 ! important;}
input[type="radio"]{ appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 15px; height: 15px; background: url('/design/mazia2008/custom/img/ico_radio_off.png') no-repeat center center / contain; cursor: pointer; border: none; outline: none;}
input[type="radio"]:checked{background: url('/design/mazia2008/custom/img/ico_radio_on.png') no-repeat center center / contain;}
/*.priceicon{position: relative;
    margin-top: 5px; height:25px;}
.prd-name{height:17px; overflow:hidden;}
.prd-name-sub{height:28px; overflow: hidden;}*/

/* //base */


.bold { font-weight:bold; }
.show { display:block !important; }
.hide { display:none !important; }

body.overlay, body.slider-overlay {overflow:hidden !important; }
body:before { background:rgba(0,0,0,0.0); content:""; transition:background 0.3s ease-in-out; }
body.overlay.overlay_fadeout:before { position:fixed; top:0px; left:0px; bottom:0px; right:0px; z-index:3000; background:rgba(0,0,0,0.0); content:""; transition:background 0.3s ease-in-out; }
body.overlay:before, body.slider-overlay:before { position:fixed; top:0px; left:0px; bottom:0px; right:0px; z-index:3000; background:rgba(0,0,0,0.5); content:""; }

/* 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 */


/* custom common */
.no-scroll {overflow:hidden !important;}


.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.text-bold {font-weight:bold !important;}

#commonLayout { max-width: 600px; margin: 0 auto; }
#container {max-width: 640px; margin: 0 auto; }
#container .container_title { margin:25px 0 20px; font-size:22px; font-weight:600; text-align:center; }
#container .contents { position: relative; }
#layoutFooter { max-width: 600px; margin: 0 auto; }
/* displayFlex */
.displaynone { display: none !important; }
.displayFlex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }
.displayFlex.flexWrap { -ms-flex-wrap: wrap; -webkit-box-lines: multiple; flex-wrap: wrap; }
.displayFlex.directionRow { -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }
.displayFlex.directionColumn { -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
.displayFlex.directionRowR { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }
.displayFlex.directionColumnR { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
.displayFlex.contentCenter { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
.displayFlex.contentStart { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }
.displayFlex.contentEnd { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }
.displayFlex.contentBetween { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }
.displayFlex.contentAround { justify-content: space-around; }
.displayFlex.contentEvenly { justify-content: space-evenly; }
.displayFlex.alignCenter { -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
.displayFlex.alignStart { -ms-flex-align: start; -webkit-box-align: start; align-items: start; }
.displayFlex.alignEnd { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
.displayFlex.alignStretch { -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; }
.displayFlex.flexCenter { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
/* 페이징 */
.paging {text-align:center; margin:26px 0;}
.paging a {width:30px; height:30px; line-height:30px; background-color:#fff; border:1px solid #ddd; display:inline-block; margin:0 2px;}
.paging a.now {background-color:#3b3b3b; color:#fff; border:1px solid #3b3b3b;}
/* //페이징 */

/* 폰트 관련 */
.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; font-size:11px;}
.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:#000; color:#fff; text-align:center; display:block; border:1px solid #000; box-sizing: border-box; vertical-align: middle; font-size:14px;}
.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;}
/* 버튼 관련 */

/* 더보기버튼 */
.MoreBtn { padding-top: 40px; }
.MoreBtn a { display: block; position: relative; width: auto; height: 44px; line-height: 44px; margin: 0 20px; padding-right: 12px;  text-align:center; background:#000; color:#fff; font-size: 14px; }
.MoreBtn a:after { content: ""; position: absolute; top: 18px; width: 6px; height: 6px; margin-left: 7px; transform: rotate(-45deg); border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.listMoreBtn { padding-top: 20px; }
.listMoreBtn a { display: block; position: relative; width: auto; height: 44px; line-height: 44px; margin: 0 20px; padding-right: 12px; text-align:center;  background:#000; color:#fff; font-size: 14px; }
.listMoreBtn a:after { content: ""; position: absolute; top: 16px; width: 6px; height: 6px; margin-left: 7px; transform: rotate(45deg); border-bottom: 1px solid #fff; border-right: 1px solid #fff; }

/* 관심상품 */
.my-wish-list svg:first-of-type,
.my-wish-list.wish-on svg:last-of-type{display: block;}

.my-wish-list svg:last-of-type,
.my-wish-list.wish-on svg:first-of-type{display: none;}

/* 상품진열 */
.pr-list,.tabContent .items{display: flex; gap: 32px 10px; flex-wrap: wrap;}
.pr-list > li,.tabContent .items > li{width: calc((100% - 10px) / 2);}
.prd-wrap {padding-bottom:32px;}
.prd-wrap .thumb{position:relative; margin-bottom: 12px;}
.prd-wrap .thumb img{width: 100%;}
.prd-wrap .pr-info .top,.prd-wrap .pr-info .bottom,.prd-wrap .pr-info{position: relative;}
.prd-wrap .pr-info .icon_wish{position: absolute; top: 0; right: 0; width:14px;}
.prd-wrap .pr-info .pr-brand{font-size: 13px; font-weight: 600; font-family: var(--mont); margin-bottom: 4px;}
.prd-wrap .pr-info .pr-name{font-size: 14px; font-weight: 400; color: #575757; margin-bottom: 8px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right: 18px; box-sizing: border-box;}
.prd-wrap .pr-info .pr-sub{font-size: 12px; font-weight: 400; color: #979797; line-height: 16px;}
.prd-wrap .pr-info .pr-price{margin-bottom: 10px; padding-bottom:10px; border-bottom:1px solid #E5E5E5;}
.prd-wrap .pr-info .pr-price .strike{display: block; color: #B5B5B5; font-size: 11px; font-weight: 400; margin-bottom: 2px; text-decoration: line-through;}
.prd-wrap .pr-info .pr-price .sale_percent{ display: inline-block; color: #FE7900; font-weight: 700; font-size: 14px; margin-right: 4px;}
.prd-wrap .pr-info .pr-price .price{font-size: 14px; font-weight: 600; color: #111; font-family: 'Pretendard Variable';}
.prd-wrap .pr-info .pr-color{margin-bottom:8px;}
.prd-wrap .pr-info .pr-color span {display:inline-block; width:10px; height:10px; border-radius: 50px;}
.prd-wrap .pr-info .pr-color .plus{display: none;}
.prd-wrap .pr-info .pr-color.five .plus{display: inline-block; width: 8px;}
.prd-wrap .pr-info .pr-color.five .plus img{width: 9px; vertical-align: unset;}
.prd-wrap .pr-info .pr-review{margin-bottom: 8px; color: #8F8F8F; font-size: 12px; font-weight: 400;}
.prd-wrap .pr-info .bottom{margin-top: 8px;}
.prd-wrap .salePer{display:none;}
.prd-wrap .MK-product-icons {display:flex; gap:4px} 
.prd-wrap .pr-list .pr-info,
.tabContent .prd-wrap .items .pr-info {padding:0 10px; overflow:hidden;}
/* //상품진열 */

/* 로그인 */
.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;}
/* //레이어팝업 */
/*마이페이지메뉴탭*/
#container .mp_header { padding-top: 25px; color: #000; font-size: 22px; font-weight: 600; text-align: center; }
#container .mp_navi { text-align:center; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; }
#container .mp_navi ul:after { display:block; clear:both; content:""; }
#container .mp_navi ul li { display: inline-block; box-sizing:border-box; margin: 0 2%; }
#container .mp_navi ul li:first-child { border-left:none; }
#container .mp_navi ul li a { display:inline-block; width:100%; height:36px; line-height: 36px; font-size: 14px; color: #999; }
#container .mp_navi ul li a.active { border-bottom: 3px solid #000; color: #000; }
#container .mp_navi ul li a img { width:auto; height:100%; }
/* 팝업 */
.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;}
    /* //더보기 버튼 */
}

#review-board-list .search-wrap {
    position: relative;
    padding: 0 16px;
    background-color: #fff;
}
#review-board-list .search-wrap .item-search {
    position: relative;
}

#review-board-list .search-wrap .item-search select {
    width : 70px;
    font-size: 10px;
    border: none;
    position: absolute;
    left: 10px;
    top: 0;
}

#review-board-list .search-wrap .item-search label {
    display: block;
    color: #000;
}

#review-board-list .search-wrap .item-search .wrap {
    width:100%;
}

#review-board-list .search-wrap .item-search .wrap input {
    width: 100%;
    padding-left: 70px;
    padding-right: 35px;
}

#review-board-list .search-wrap .item-search a.btn_search {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    transform: translateY(-50%);
}

.password .contents {padding:0 10px;}
.password .contents p {    text-align: center; margin-top: 20px; font-size: 13px; color: #666; font-weight: 600;}
.password .contents .fixButtonR {margin-top:50px;}
.password .contents .btn-wrap {margin-top: 40px; display: flex; gap: 4px;}
input[type="password"]{width:100%;}

/* 상단 */
#bbsData { max-width:1400px; margin:0 auto; }
#bbsData_w { width:100%; text-align:center; }
.bbs-btm{padding-top:20px;}
.bbs-hd {width:100%; padding-bottom:43px; display:none;}
.bbs-hd h2 {color:#333; font-size:24px; font-weight:400; letter-spacing:0.05em; text-align:center;}
.bbs-hd .link { text-align: center; font-size: 0; line-height: 0; display:none;}
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 8px; color: #9c9c9c; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; }
.bbs-hd .link li.last a { background-image: none; }
/* 타이틀 */
.bbs-tit { width:100%; padding:20px 0; text-align:center; }
.bbs-tit h2,.bbs-tit h3 { font-size:22px; font-weight:500; }
.bbs-tit .braket { padding: 0 15px; font-weight: bold; color: #cfcfcf; font-size: 14px; vertical-align: middle; }
.bbs-tit em { margin-left: 10px; font-size: 11px; color: #898989;}
.subTabCate { display: flex; }
.subTabCate a { width: 100%; color: #a6a6a6; border-bottom: 1px solid #e8e8e8; height: 44px; line-height: 44px; font-size: 14px; text-align: center; }
.subTabCate a.on { position: relative; color: #000; font-weight: 600; }
.subTabCate a.on:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #000; }


.board_top .board-tab{margin:0;}
.board-tab{ margin: 0 16px 20px;}
.board-tab select{    display: block; width: 100%; height: 40px; padding-left: 15px; border: 1px solid #ccc; color: #000; font-size: 14px;}

.boardWrite .btn_Black{width: auto; margin: 16px;}