body { background-color:#ffffff }

/* typography */
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Light-Hestia.eot),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Regular-Hestia.eot),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Bold-Hestia.eot),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(/design/lolboi/postyellow/assets/font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: local('Inter Regular'), local('Inter-Regular'),
    url(/design/lolboi/postyellow/assets/font/Inter-Regular.woff) format('woff'),
    url(/design/lolboi/postyellow/assets/font/Inter-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: local('Inter Bold'), local('Inter-Bold'),
    url(/design/lolboi/postyellow/assets/font/Inter-Bold.woff) format('woff'),
    url(/design/lolboi/postyellow/assets/font/Inter-Bold.woff2) format('woff2');
}

/*
========================================================================
RESET
========================================================================
*/
/* global reset */
html,body{
    width:100%;
    height:100%;
}
body,code{
    font-size:12px;
    font-family:'Inter','Noto Sans Korean',sans-serif;
    color:#181818;
    font-weight:300;
}
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, div {
    margin: 0;
    padding: 0;
}
body,
h1, h2, h3, h4, h5, h6, table,
input, select, textarea, a {
    font-size:12px;
}
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 {
    text-decoration:none;
    color:#181818;
    transition: .25s ease-in-out;
}
button {
    overflow: hidden;
    cursor: pointer;
}
button span {
    visibility: hidden;
}
address, em {
    font-style: normal;
}
button, input, select, textarea, a {
    font-size:100%;
    vertical-align:middle;
}
select{
    height:40px;
    border:1px solid #181818;
}
textarea{
    padding:5px 6px;
    border:1px solid #edebe8;
    line-height:1.5;
}
input{
    height:24px;
    line-height:24px;
    padding:2px 4px;
    border:1px solid #edebe8;
    color:#333;
    font-size:12px;
}
input:focus {
    outline: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}

/*
========================================================================
공통 class
========================================================================
*/

/* image replace, hidden text */
.ir *,
.blind{
    z-index:-1;
    position:absolute;
    display:block;
    left:0;
    top:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0;
    text-indent:-9999px;
}
/* block, inline */
.d-block{ display:block; }
.d-inline{ display:inline; }
/* form */
.txt-right{ text-align:right; }
.txt-input1{ padding:2px 0 0 2px; height:17px; line-height:17px; border:1px solid #e2e9ef; border-top:1px solid #aaadb2; }
.txt-input2{ padding:2px 0 0 2px; height:17px; line-height:17px; border:1px solid #edebe8; }
.MS_input_txt{ line-height:24px; border:1px solid #edebe8; }
.txt-disabled{ background-color:#f6f6f6; }
.chk-rdo{ width:13px; height:13px; vertical-align:middle; }
.txt-area1{ overflow-y:scroll; padding:2px 0 0 2px; line-height:17px; border:1px solid #e2e9ef; border-top:1px solid #aaadb2; }
/* file add trick */
.file-wrap{ display:inline-block; overflow:hidden; position:relative; height:23px; width:280px; vertical-align:middle; background:url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0; }
.file-wrap .file-txt{ float:left; border:0 none; height:18px; font-size:12px; line-height:18px; width:198px; border:1px solid #ccc; }
.file-wrap .file-trick{ cursor:pointer; position:absolute; right:0; top:0; width:100px; height:20px; background:none; border:0 none; opacity:0; filter:alpha(opacity=0); }
/* font-color */
.fc-red{ color:#bd101b; }
.fc-blue{ color:#2c6b9e; }
.MS_option_price{ color:#FF3C00; }
/* bold */
.bold{ font-weight:bold; }
/* float clear */
.clear{ zoom:1; }
.clear:after{ content:""; display:block; clear:both; }

/* margin */
.mr-5{ margin-right:5px; }
.mr-10{ margin-right:10px; }
.mr-15{ margin-right:15px; }
.mr-20{ margin-right:20px; }
.ml-5{ margin-left:5px; }
.ml-10{ margin-left:10px; }
.ml-15{ margin-left:15px; }
.ml-20{ margin-left:20px; }
.mt-5{ margin-top:5px; }
.mt-10{ margin-top:10px; }
.mt-15{ margin-top:15px; }
.mt-20{ margin-top:20px; }
.mb-5{ margin-bottom:5px; }
.mb-10{ margin-bottom:10px; }
.mb-15{ margin-bottom:15px; }
.mb-20{ margin-bottom:20px; }

/* padding */
.pr-5{ padding-right:5px; }
.pr-10{ padding-right:10px; }
.pr-15{ padding-right:15px; }
.pr-20{ padding-right:20px; }
.pl-5{ padding-left:5px; }
.pl-10{ padding-left:10px; }
.pl-15{ padding-left:15px; }
.pl-20{ padding-left:20px; }
.pl-30{ padding-left:30px; }
.pt-5{ padding-top:5px; }
.pt-10{ padding-top:10px; }
.pt-15{ padding-top:15px; }
.pt-20{ padding-top:20px; }
.pb-5{ padding-bottom:5px; }
.pb-10{ padding-bottom:10px; }
.pb-15{ padding-bottom:15px; }
.pb-20{ padding-bottom:20px; }

/* table */
table img{ vertical-align:middle; }
.tb-bold{ font-weight:bold; }
.tb-left, .tb-center, .tb-right{ padding:0 20px; }
.tb-btn{ padding:0; }
.tb-left{ text-align:left; }
.tb-center{ text-align:center; padding:0 !important; }
.tb-right{ text-align:right; }
.tb-label-r5 label{ margin-right:5px; }
.tb-label-r10 label{ margin-right:10px; }
.tb-label-r10 label.last,
.tb-label-r5 label.last{ margin-right:0; }

/* table-type-1 */
.table-type-1{ border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; }
.table-type-1 th,
.table-type-1 td{ padding:8px 0; background:url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td{ background-image:none; }
.table-type-1 tr.bg th,
.table-type-1 tr.bg td{ background-color:#f8f8f8; }
.table-type-1 th{ font-weight:normal; }

/* table-type-2 */
.table-type-2{ border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; }
.table-type-2 th,
.table-type-2 td{ padding:8px 0; background:url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-2 th{ font-weight:normal; }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td{ background-image:none; }

/* 장바구니 리스트, 주문상품 리스트 */
.table-cart{ margin-top:10px; margin-bottom:30px; border-bottom:1px solid #b7b7b7; }
.table-cart thead th{ padding:7px 0 6px; background-color:#ededed; }
.table-cart tbody td,
.table-cart tfoot{ background:url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-cart tbody td{ padding:3px 0; }
.table-cart tbody td .thumb{ width:50px; height:50px; margin-left:auto; margin-right:auto; font-size:0; line-height:0; border:2px solid #f6f6f6; }
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img{ display:block; width:50px; height:50px; }
.table-cart tbody td .thumb a{ font-size:0; line-height:0; }
.table-cart tbody td .d-block{ padding-bottom:3px; }
.table-cart tbody tr.nbg td{ background-image:none; }
.table-cart tfoot td{ padding:10px 0; font-weight:bold; }
.table-cart tfoot strong{ color:#be101a; }

/* 수량 컨트롤 */
.table-cart .opt-spin{ position:relative; width:36px; height:20px; margin-left:auto; margin-right:auto; padding-bottom:3px; }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns{ float:left; }
.table-cart .opt-spin .txt-spin{
    width:22px;
    height:18px;
    padding-right:2px;
    padding-top:2px;
    border:1px solid #acacac;
    font-size:11px;
    text-align:right;
}
.table-cart .opt-spin .btns{ width:12px; height:20px; margin-top:3px; }
.table-cart .opt-spin .btns img{ overflow:hidden; float:left; text-indent:-999px; background:none; }

/* 주문 - 주문정보 테이블 */
.table-order-info{ margin-top:10px; border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; }
.table-order-info tbody th,
.table-order-info tbody td{ padding:8px 0 7px; background:url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-order-info tbody th{ letter-spacing:-1px; background-color:#ededed; }
.table-order-info tbody th .d-block{ font-weight:normal; letter-spacing:0; }
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td{ background-image:none; }

/* 마이페이지 디자인 타입2 테이블 리스트, 타이틀 */
.tit-tb-list{ margin-top:30px; font-size:12px; color:#5f5f5f; padding-left:10px; background:url(/images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%; }
.table-d2-list{ border-top:2px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
.table-d2-list thead th{ padding:6px 0; background-color:#ededed; border-bottom:2px solid #cdcdcd; }
.table-d2-list tbody td{ padding:6px 0 5px; border-bottom:1px solid #e3e3e3; }
.table-d2-view{ margin-top:5px; border:2px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
.table-d2-view th,
.table-d2-view td{ padding:6px 0 5px; border-bottom:1px solid #cdcdcd; }
.table-d2-view th{ font-weight:bold; border-right:1px solid #e3e3e3; background-color:#ededed; }

/* 현재위치 */
.navi{ display:none; }
.loc-navi{ display:none; text-align:right; }
.loc-navi,
.loc-navi a{ color:#999; text-transform:capitalize; }

/* 페이지 타이틀 */
#content .tit-page{ position:relative; margin-top:20px; font-size:0; line-height:0; padding-bottom:12px; }
#content .tit-page .dsc{ position:absolute; right:0; top:15px; font-size:11px; color:#a5a5a5; letter-spacing:-1px; }
#content .tit-page .dsc em{ color:#333; }
#content .tit-page-2{ position:relative; margin-top:15px; padding-bottom:6px; border-bottom:1px solid #d0d0d0; }
#content .tit-page-2 .dsc{ letter-spacing:-1px; display:inline-block; padding-top:2px; margin-left:30px; color:#9b9b9b; }

/* 상품 total/정렬 */
.total-sort{ zoom:1; overflow:hidden; padding-bottom:5px; border-bottom:1px solid #e5e5e5; }
.total-sort .total{ float:left; width:auto; }
.total-sort .total dt,
.total-sort .total dd{ display:inline; }
.total-sort .total dd{ font-weight:bold; color:#020202; }
.total-sort .total dt{ text-transform:capitalize; padding-left:12px; background:url(/images/d3/dandy_style/common/bull_arrow_r.gif) no-repeat left 40%; margin-right:10px; }
.total-sort .sort{ float:right; width:auto; display:inline; overflow:hidden; zoom:1; }
.total-sort .sort li,
.total-sort .sort li a{ float:left; width:auto; }
.total-sort .sort li{ display:inline; padding-left:10px; padding-right:10px; background:url(/images/d3/dandy_style/common/bg_list_sep.gif) no-repeat right 40%; margin-right:-1px; }

/* 게시판 총게시글,PAGE */
.total-page{ zoom:1; overflow:hidden; }
.total-page .total{ float:left; width:auto; }
.total-page .page{ float:right; width:auto; }

/* 회원 등급 표시 */
.mem-lvl{ zoom:1; overflow:hidden; padding:15px 50px 15px 180px; background-color:#ededed; }
.mem-lvl .lvl-img,
.mem-lvl p{ position:relative; float:left; }
.mem-lvl .lvl-img{ left:-120px; margin-right:-120px; width:120px; }
.mem-lvl p{ width:100%; padding-top:10px; line-height:16px; }
.mem-lvl p em{ color:#be101a; font-weight:bold; }
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg{ color:#F26622; }

.mem-lvl-2{ zoom:1; overflow:hidden; padding:15px 50px 15px 150px; border:5px solid #ededed; }
.mem-lvl-2 .lvl-img,
.mem-lvl-2 p{ position:relative; float:left; }
.mem-lvl-2 .lvl-img{ left:-130px; margin-right:-130px; width:120px; border-right:1px solid #ededed; }
.mem-lvl-2 p{ width:100%; padding-top:10px; line-height:16px; }
.mem-lvl-2 p em{ color:#be101a; font-weight:bold; }
.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg{ color:#F26622; }

/* 마이페이지 상단 메시지 박스 */
.t-box-msg{ display:none; padding:15px 0 5px; font-size:13px; }
.t-box-msg strong{ color:#333; }

/*
========================================================================
공통 - 레이어
========================================================================
*/
#layerWrap{ z-index:1; }

/*
========================================================================
dandy_style common class
========================================================================
*/
.navi p{ text-align:right; }
.page-hd .local{ margin:5px 0; }
.red{ color:#f76560; }
.black{ color:#333; }
.fs11{ font-size:11px; }

/* group-wrap */
.group-wrap{ width:100%; overflow:hidden; margin-bottom:40px; }

/* page-wrap */
.page-wrap .page{ margin-top:20px; text-align:center; }
.page-wrap .page a{ padding:0 5px; letter-spacing:-1px; }
.page-wrap .page a:hover,
.page-wrap .page a.now{ font-weight:bold; }

/******************************************************* 헤더 *******************************************************/
.clc_gnb_wrapper{ float:right; height:80px; margin-right:60px; display:flex; flex-direction:column; justify-content:center; }
.clc_gnb_wrapper ul.clc_gnb_cat{ font-size:0; display:flex; flex-direction:row; align-items:center; gap:22px; }
.clc_gnb_wrapper ul.clc_gnb_cat li.clc_gnb_item{ font-size:12px; }
.clc_gnb_wrapper ul.clc_gnb_cat li.clc_gnb_item:last-child{ margin-right:0; }
.clc_gnb_wrapper ul.clc_gnb_cat li.clc_gnb_item a{ position:relative; display:flex; padding:10px 3px; height:20px; }
.clc_gnb_wrapper ul.clc_gnb_cat li.clc_gnb_item a .basket-count{
    position:absolute; top:16px; left:50%; transform:translateX(-50%);
    font-size:10px; line-height:13px; font-weight:normal;
}
.clc_gnb_wrapper ul.clc_gnb_cat li.clc_gnb_item a img{ width:20px; height:auto; }
.clc_gnb_wrapper ul.clc_gnb_cat li.clc_gnb_item a svg{ width:16px; height:auto; }

.clc_gnb_wrapper ul.clc_gnb_cat li.clc_gnb_item .clc_gnb_search_wrapper{ position:absolute; margin-left:-170px; display:none; }
.clc_gnb_wrapper ul.clc_gnb_cat li.clc_gnb_item .clc_gnb_search_wrapper .clc_gnb_search input{
    height:26px; border:0; border-bottom:1px solid #181818; background:transparent;
}

/******************************************************* 게시판소스 *******************************************************/
.table-list-2{ margin-top:10px; }
.table-list-2 th,
.table-list-2 td{ padding:15px 0; color:#181818; vertical-align:middle; font-weight:normal; background:#fff; }

.bbs-sch{ float:left; padding:20px 0; color:#333; font-size:12px; }
.bbs-sch label{ margin-right:5px; }
.bbs-sch .key-wrap{ font-size:0; line-height:0; }
.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img{ vertical-align:middle; }
.bbs-sch .MS_input_txt{ width:200px; margin-right:3px; }

.bbs-link{ font-size:0; line-height:0; }
.bbs-link a{ margin-left:5px; }
.bbs-link span{ display:inline-block; font-size:12px; line-height:1; vertical-align:middle; }
.bbs-link span.btns{ margin-left:10px; }

.bbs-online-notice{
    margin-top:10px; margin-bottom:-10px; padding:7px 10px;
    color:#9d9d9d; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;
}

.bbs-table-list{ margin-top:10px; border-top:1px solid #edebe8; }
.bbs-table-list thead th,
.bbs-table-list tbody td{
    padding:15px 0; border-bottom:1px solid #edebe8;
    color:#555; vertical-align:middle; font-weight:normal; background:#fff;
}
.bbs-table-list tbody td .thumb img{ max-width:70px; height:auto; }
.bbs-table-list tbody td .board_prdname{ text-decoration:underline; color:#555; }
.bbs-table-list tbody tr.noti td{ background:#fafafa; color:#181818; }

.bbs-table-view{ margin-top:10px; }
.bbs-table-view thead th,
.bbs-table-view tbody td{
    padding:15px 0; border-bottom:1px solid #edebe8;
    color:#555; vertical-align:middle; font-weight:normal; background:#fff;
}
.bbs-table-view thead th{ border-top:1px solid #edebe8; }
.bbs-table-view tbody td.line{ padding:20px; }
.bbs-table-view .btn-dwn{ margin-top:15px; }
.bbs-table-view .bbs-table-list thead th{ border-top:0; font-weight:normal; }

.bbs-table-write{ margin-top:10px; }
.bbs-table-write table{ border:1px solid #edebe8; }
.bbs-table-write tbody th,
.bbs-table-write tbody td{
    text-align:left; padding:15px 0 15px 15px; box-sizing:border-box;
    border-bottom:1px solid #edebe8; color:#555; vertical-align:middle; font-weight:normal; background:#fff;
}

.bbs-table-pwd{ margin-top:25px; }
.bbs-table-pwd table{ width:492px; margin-left:auto; margin-right:auto; }
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td{
    padding:15px 0; box-sizing:border-box;
    border-top:1px solid #edebe8; border-bottom:1px solid #edebe8;
    color:#555; vertical-align:middle; font-weight:normal; background:#fff;
}

/* 공통 */
textarea{ width:600px; height:47px; padding:2px; border:1px solid #edebe8; }
.cont-sub-des{ position:relative; }
.cont-sub-des .hit{ position:absolute; top:15px; right:0; }
.bbs-table-view .comment-box td{ padding:10px 25px; }
.bbs-table-view td.com-wrt-box{ background:#fcfaf7; padding:15px 15px 20px; }
.com-wrt-box .wrt{ margin-top:7px; }
.view-link{ padding:25px 0; }

.search_id{
    background:#fff; border:1px solid #DADADA;
    display:block; padding:3px; position:absolute; width:90px;
}

.new-privercy-contract{ text-align:left; padding:5px; }
.new-privercy-contract p{
    font-weight:bold; margin:0;
    margin-bottom:10px; margin-top:20px;
    text-align:left;
}
.privercy-contract-tap{ position:relative; height:40px; }
.privercy-contract-tap ul{
    list-style:none; margin:0; padding:0;
    position:absolute; bottom:-1px;
    *bottom:-2px;
}
.privercy-contract-tap li{
    border:1px solid #ccc; border-right:none;
    background:#F4F4F4; float:left; display:inline-block;
}
.privercy-contract-tap li a{ display:block; padding:10px 10px; text-decoration:none; }
.privercy-contract-tap li.end{ border-right:1px solid #ccc; }
.privercy-contract-tap li.sel{ background:#fff; border-bottom:1px solid #fff; }
.privercy-contract{ clear:both; }
.privercy-contract textarea{
    clear:both; border:1px solid #CCC;
    height:60px; background:#fff;
    padding:10px; width:660px;
}
.privercy-agree{ margin:10px 0; }
.privercy-agree label{ margin-right:10px; }

/* paging */
.paging{ padding:60px 0 0; text-align:center; font-size:0; line-height:0; }
.paging li{ display:inline-block; vertical-align:top; margin-left:10px; }
.paging li:first-child{ margin-left:0; }
.paging li a{
    display:inline-block; width:fit-content; height:20px; margin:0 2px;
    font-size:12px; color:#181818; line-height:20px; vertical-align:top;
}
.paging li a:hover{ color:#222; }
.paging li .num.now{ color:#181818; border-bottom:2px solid #555; }
.paging li strong{
    display:inline-block; width:fit-content; height:20px; margin:0 2px;
    font-size:10px; line-height:20px; color:#555; border-bottom:2px solid #555;
}

/******************************************************* 상품미리보기 레이어 *******************************************************/
#detailpage{
    position:absolute; top:0;
    display:block; width:800px;
    border:1px solid #777; background-color:#fff;
    z-index:9999 !important;
}
#detailpage .loc{ zoom:1; overflow:hidden; }
#detailpage .loc span{ float:right; width:auto; }

#detailpage .hd{ padding:15px 35px 15px 19px; background:#fcfaf7; }
#detailpage .hd h2{ font-weight:600; font-size:14px; color:#333; line-height:1.5; }
#detailpage .detail{ padding:30px; font-size:12px; box-sizing:border-box; }
#detailpage .close-layer{ position:absolute; top:14px; right:19px; font-size:18px; color:#333; font-weight:700; }

#detailpage .txt-wrap{ width:100%; }
#detailpage .txt-wrap .ptit{
    font-size:14px; font-weight:600; color:#333;
    margin-bottom:10px; box-sizing:border-box;
    padding:20px 10px; border-bottom:1px solid #edebe8;
}
#detailpage .txt-wrap .info .table-opt{ font-size:12px; line-height:20px; }
#detailpage .txt-wrap .info .table-opt th,
#detailpage .txt-wrap .info .table-opt td{
    padding:9px 0; vertical-align:middle; text-align:left; font-weight:normal;
}
#detailpage .txt-wrap .info .table-opt .opt-btns{ position:relative; }
#detailpage .txt-wrap .info .table-opt .opt-btns .btn-up{ position:absolute; top:13px; left:70px; }
#detailpage .txt-wrap .info .table-opt .opt-btns .btn-dw{ position:absolute; top:25px; left:70px; }
#detailpage .txt-wrap .info .table-opt .tb-left select{ width:100%; }

#detailpage .txt-wrap .info .prd-btns{ padding:15px 0; height:50px; font-size:0; line-height:0; letter-spacing:0; }
#detailpage .txt-wrap .info .prd-btns a{
    display:inline-block; width:32.333%; vertical-align:top; margin-right:1%;
    height:50px; line-height:50px; box-sizing:border-box; letter-spacing:1px;
    transition:0.2s ease-in-out; text-align:center;
}
#detailpage .txt-wrap .info .prd-btns a.big{ width:49.5% }
#detailpage .txt-wrap .info .prd-btns a i{ font-size:23px; line-height:50px; color:#555; }
#detailpage .txt-wrap .info .prd-btns a:last-child{ margin-right:0; }
#detailpage .txt-wrap .info .prd-btns a:hover{ margin-top:-5px; }
#detailpage .txt-wrap .info .prd-btns a.sold:hover{ margin-top:0; }

/******************************************************* 원디자인 *******************************************************/
#preview_wrap{ display:none; }

/* Layout */
#wrap{ position:relative; width:100%; }
#contentWrapper{ width:100%; min-width:1250px; *zoom:1; margin:0 auto; }
#contentWrapper:after{ content:""; display:block; clear:both; }
#content{ clear:both; width:1230px; margin:0 auto; min-height:680px; }
#content:after{ content:""; display:block; clear:both; }

.w_1400{ clear:both; max-width:1400px; margin:0 auto; }
.w_1250{ clear:both; width:1250px; margin:0 auto; }

/* 드래그 */
::selection{ color:#fff; background:#c9c7c5; }

/* 타이틀 */
.titleArea{ margin:0 0 30px 2px; }
.titleArea h2{ color:#777; font-size:23px; font-weight:normal; }
.titleArea p{ display:none; margin:10px 2px; color:#555; font-size:13px; }
.titleArea p.desc{ display:block !important; }

/* 버튼 */
.btn_none{ border:1px solid #181818; font-size:12px; color:#181818; background:none; }
.btn_white{ border:1px solid #181818; font-size:12px; line-height:1; color:#181818; background:#fff; }
.btn_black{ border:1px solid #181818; font-size:12px; line-height:1; color:#fff; background:#181818; }
.btn_grey{ border:1px solid #DDDDDD; }

.btn_01{ display:inline-block; padding:22px 40px; box-sizing:border-box; }
.btn_02{ display:inline-block; padding:16px 150px; box-sizing:border-box; }
.btn_02_2{ display:inline-block; padding:16px 100px; box-sizing:border-box; font-weight:normal; }
.btn_03{ display:inline-block; line-height:40px; width:100%; box-sizing:border-box; }
.btn_04{ display:inline-block; padding:0 10px; height:30px; line-height:30px; font-size:12px; font-weight:normal; vertical-align:top; box-sizing:border-box; }
.btn_05{ display:inline-block; padding:10px 0; width:160px; text-align:center; font-size:12px; font-weight:normal; vertical-align:top; box-sizing:border-box; }
.btn_05_2{ display:inline-block; padding:10px 0; width:160px; text-align:center; font-size:12px; font-weight:normal; vertical-align:top; box-sizing:border-box; }
.btn_06{ display:inline-block; padding:0 20px; height:28px; line-height:28px; font-size:12px; font-weight:normal; vertical-align:middle; box-sizing:border-box; }
.btn_07{ display:inline-block; width:90px; text-align:center; height:32px; line-height:32px; font-size:12px; font-weight:normal; vertical-align:middle; box-sizing:border-box; margin-bottom:3px; }
.btn_08{ display:inline-block; width:80px; text-align:center; height:56px; line-height:56px; font-size:12px; vertical-align:middle; box-sizing:border-box; }

#prdSearch .item-list table,
#nap_wrapper .item-list table{ display:flex; }
#prdSearch .item-list table tbody,
#nap_wrapper .item-list table tbody{ display:flex; flex-direction:column; gap:32px; }
#prdSearch .item-list table tbody tr,
#nap_wrapper .item-list table tbody tr{ display:flex; flex-direction:row; gap:10px; }

/* 상품공통 */
.item-wrap .item-list{ clear:both; width:1230px; }
.item-wrap .item-list td{ width:300px; vertical-align:top; }
.item-wrap .item-list .item{ position:relative; }
.item-wrap .item-list .item-list_wrapper{ font-size:0; }

.item-wrap .item-list .item-list_wrapper{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:32px 10px;
}
.item-wrap .item-list .item-list_wrapper .item{
    width: calc((100% - 30px)/4);
}

/* 상품이미지 */
.item-wrap .item-list .prd-thumb img{ max-width:100%; margin:0 auto; }
.item-wrap .item-list .prd-thumb a.btn_popup{ display:none; }

/* 상품정보 */
.item-wrap .item-list .item{ display:flex; flex-direction:column; gap:16px; }
.item-wrap .item-list .item .prd-info{
    margin:0;
    text-align:left;
    font-size:12px;
    opacity:1;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    position:relative;
    padding-left:16px;
}
.item-wrap .item-list .item .prd-info *{ color:#181818 !important; }
.item-wrap .item-list .item .prd-info .prd-name,
.item-wrap .item-list .item .prd-info .slash,
.item-wrap .item-list .item .prd-info .prd-consumer,
.item-wrap .item-list .item .prd-info .prd-price{
    display:inline-block;
    width:100%;
    color:#181818;
}
.item-wrap .item-list .item .prd-info .slash{ padding:0 5px; display:none; }
.item-wrap .item-list .item .prd-info .prd-wish{ position:absolute; top:1px; right:27px; }

.item-wrap .item-list .item .prd-info .prd-wish .my-wish-list .fa.fa-heart{ display:block; }
.item-wrap .item-list .item .prd-info .prd-wish .my-wish-list .fa.fa-heart-o{ display:none; }
.item-wrap .item-list .item .prd-info .prd-wish .my-wish-list.wish-on .fa.fa-heart{ display:none; }
.item-wrap .item-list .item .prd-info .prd-wish .my-wish-list.wish-on .fa.fa-heart-o{ display:block; }

.item-wrap .item-list .item .prd-info .prd-name{ color:#333; }
.item-wrap .item-list .soldout{ color:red !important; }
.item-wrap .item-list .item .prd-info .prd-consumer{ text-decoration:line-through; padding-right:3px; }
.item-wrap .item-list .item .prd-info .prd-price{ color:#333; }
.item-wrap .item-list .item .prd-info .prd-subname{ color:#555; }
.item-wrap .item-list .item .prd-info .prd-icon{ margin:0; }
.item-wrap .item-list .item .prd-info .prd-icon img{ padding:0 2px; }

/* 상품 페이징 */
.item-wrap .item-page{ margin:60px; text-align:center; font-size:0; line-height:0; }
.item-wrap .item-page a{
    display:inline-block;
    width:fit-content;
    height:20px;
    font-size:12px;
    color:#181818;
    line-height:20px;
    vertical-align:top;
    margin:0 6px;
}
.item-wrap .item-page a:hover{ color:#181818; }
.item-wrap .item-page a.now{ color:#181818; border-bottom:2px solid #181818; }

#mp_top ul{ text-align:center; }

/* MAIN Title Option A (override) */
.titleArea.maintit{ text-align:center; margin:72px 0 34px !important; }
.titleArea.maintit p{ display:block !important; margin:0; }
.titleArea.maintit .cm-eyebrow{ margin:0 0 12px; font-size:12px; line-height:1; letter-spacing:.16em; text-transform:uppercase; opacity:.72; font-weight:600; }
.titleArea.maintit .cm-title{ margin:0; font-size:20px !important; line-height:1.55; letter-spacing:-0.02em; font-weight:500; color:#181818 !important; }
.titleArea.maintit .cm-sub{ display:block; margin:14px 0 0; font-size:12px; line-height:1; letter-spacing:.14em; text-transform:uppercase; opacity:.78; font-weight:700; }
@media (max-width:768px){
  .titleArea.maintit{ margin:52px 0 26px !important; }
  .titleArea.maintit .cm-title{ font-size:18px !important; line-height:1.6; }
}
/* HERO COPY (상단 메인 배너 아래 카피) */
.titleArea.maintit.cm-heroTit{
  margin: 26px auto 54px !important;
  max-width: 560px;
  text-align: center;
}

.titleArea.maintit.cm-heroTit .cm-eyebrow{
  display:inline-block;
  margin: 0 0 12px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .62;
  font-weight: 700;
}

/* 메인 카피: 굵기 살짝 빼고, 행간 넉넉하게 */
.titleArea.maintit.cm-heroTit .cm-title{
  margin: 0;
  font-size: 16px !important;
  line-height: 1.75;
  letter-spacing: -0.02em;
  font-weight: 500;
  color:#181818 !important;
}

/* 얇은 구분선(“완성도” 한 끗) */
.titleArea.maintit.cm-heroTit .cm-title:after{
  content:"";
  display:block;
  width: 34px;
  height: 1px;
  margin: 16px auto 0;
  background: rgba(0,0,0,.08);
}

/* 서브 카피: ‘슬로건’처럼 보이게 자간/두께 정리 */
.titleArea.maintit.cm-heroTit .cm-sub{
  display:block;
  margin: 14px 0 0;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  opacity: .78;
  font-weight: 500;
}

/* 모바일 리듬 */
@media (max-width:768px){
  .titleArea.maintit.cm-heroTit{ margin: 18px auto 36px !important; max-width: 92%; }
  .titleArea.maintit.cm-heroTit .cm-title{ font-size: 15px !important; line-height: 1.7; }
  .titleArea.maintit.cm-heroTit .cm-title:after{ margin-top: 14px; }
}
/* 2분할 섹션 하단 카피(좌/우) */
.cm-cap{
  margin: 16px auto 0;
  text-align:center;
  font-weight: normal;
  font-size: 0; /* span들의 폰트만 사용 */
}

.cm-cap .cm-eyebrow{
  display:inline-block;
  margin: 0 0 10px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .62;
  font-weight: 700;
}

.cm-cap .cm-title{
  display:block;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  letter-spacing: -0.02em;
  font-weight: 600;
  color:#181818;
}

.cm-cap .cm-sub{
  display:block;
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  opacity: .74;
  font-weight: 500;
}

/* 모바일 */
@media (max-width:768px){
  .cm-cap{ margin-top: 12px; }
  .cm-cap .cm-title{ font-size: 12.5px; line-height: 1.6; }
  .cm-cap .cm-sub{ font-size: 11px; }
}