@charset "utf-8";/* CSS Document */
:root {--headerH :4.25em;--headerA :3.25em;--headerAll :7.5em;--siteGray : #f6f6f6;--siteC : #a7a08c;--siteC2 : #0b4123;--siteC3 : #f4af48;
--crBlack : rgb(41, 40, 45); } 
.siteC { color:var(--siteC) !important } 
.siteC2 { color:var(--siteC2) !important } 
.siteC3 { color:var(--siteC3) !important } 
.siteC4 { color:var(--siteC4) !important } 

html.layerOn { overflow-y:hidden; padding-right:1em } 

.headH { padding-top: var(--headerAll); } 
.tupper { text-transform: uppercase; } 

.di_wrap { font-size:0 } 
.di_wrap > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem; } 
.di_wrap > li > a,
.di_wrap > li > .in { display:block } 

.fl_wrap > li { float:left } 
.fl_wrap > li > a:not(.va),
.fl_wrap > li > .in { display:block } 
.fl_wrap::after { content:""; display:block; clear:both } 

.va_wrap { display:block; text-align:center; white-space: nowrap } 
.va_wrap:before { content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100% } 
.va { display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal } 
.va_wrap img { vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100% } 

.al { text-align: left !important; } 
.ac { text-align: center !important; } 
.ar { text-align: right !important; } 

.vt { vertical-align:top !important; } 
.vm { vertical-align:middle !important; } 
.vb { vertical-align:bottom !important; } 
.vBase { vertical-align:baseline !important } 

.fl { float:left !important; } 
.fr { float:right !important; } 
.cl { clear:both !important; display:block } 
.oh { overflow:hidden !important; } 

.pr { position:relative; z-index:inherit } 
.pa { position:absolute; left:0; top:0; width:100%; height:100% } 

.di { display:inline } 
.db { display:block !important; } 
.dn { display:none !important; } 

.cp { cursor:pointer; } 
.cutstr { text-overflow : ellipsis; overflow : hidden; white-space : nowrap; display:block; width:100% } 

.flex { display:flex } 
.flex.wrap { flex-wrap:wrap } 
.flex.col { flex-direction:column } 
.flex.col > * { width:100%; box-sizing:border-box } 
.flex.space { justify-content: space-between } 
.flex.vspace { align-content:space-between } 
.flex.hc { justify-content:center } 
.flex.hr { justify-content:flex-end } 
.flex.vt { align-content:flex-start; align-items:flex-start } 
.flex.vc { align-content:center; align-items:center } 
.flex.vb { align-content:flex-end; align-items:flex-end } 
.flex .mgL { margin-left:auto } 
.flex .mgR { margin-right:auto } 
.flex .mgT { margin-top:auto } 
.flex .grow { flex:1 1 0%; min-width:0 } 
.flex .fix { flex:0 0 auto } 
.flex.fc { justify-content:center; align-items:center } 

.resize { display:block; height:0; padding-bottom:100%; position:relative } 
.resize svg { position:absolute; width:100%; height:100%; left:0; top:0 } 
.resize .re { position:absolute; left:0; top:0; width:100%; height:100% } 
.resize.s1 { padding-bottom:56.25% } 
.resize.s2 { padding-bottom:75% } 
.resize.s3 { padding-bottom: 115%; } 
.resize .objC { display:flex; align-items:center; justify-content:center } 
.resize .objC img,
.resize .objC iframe { object-fit:contain; max-width:100%; max-height:100% } 
.resize .objC.cover img,
.resize .objC.cover iframe { object-fit:cover; width:100%; height:100%; max-width:none; max-height:none } 

/* .row1 { line-height:1.25em; height:1.375em; overflow:hidden } 
.row2 { line-height:1.375em; height:2.75em; overflow:hidden } 
.row2.max { height:auto; max-height:2.75em } 
.row3 { line-height:1.375em; height:4.125em; overflow:hidden } 
.row3.max { height:auto; max-height:4.125em } 
 */
.row { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height:1.25em; } 
.row.r1 { -webkit-line-clamp: 1 } 
.row.r2 { -webkit-line-clamp: 2 } 
.row.r3 { -webkit-line-clamp: 3 } 
.row.r4 { -webkit-line-clamp: 4 } 
.row.r2.fix { height:2.5em } 
.row.r3.fix { height:3.75em } 
.row.r4.fix { height:5em } 
.row.lh1 { line-height:1.5em } 
.row.r2.lh1.fix { height:3em } 
.row.r3.lh1.fix { height:4.5em } 
.row.r4.lh1.fix { height:6em } 

.c_point { color:var(--siteC3) !important } 
.c_point2 { color:#111 !important } 
.c_red { color: #e34e38 !important } 
.c_black { color:#000 !important } 
.c_gray { color:#999 !important } 
.c_white { color:#fff !important } 

.bgfix { background-repeat:no-repeat; background-position:50% 50%; background-size:cover; } 
.bgfix.ct { background-size:contain } 
.pre { white-space:pre-wrap; } 
.bgfix.fix { background-attachment:fixed; } 
.bgfix.ctn { background-size:contain; } 
.bgfix.bgT { background-position-y:top; } 
.bgfix.bgB { background-position-y:bottom; } 

.pre { white-space:pre-wrap; } 

.loader_wrap { position: fixed; left:0; top:0; width:100vw; height:100vh; z-index:10000; background:rgba(255,255,255,.5); display:flex; justify-content:center; align-items:center } 
.load .loader_wrap { display:none } 
.loader { width: 100px; height: 100px; border-radius: 50%; display: inline-block; position: relative; border: 8px solid; border-color: var(--crBlack) var(--crBlack) transparent; box-sizing: border-box; animation: rotation 1s linear infinite; } 
.loader::after { content: ''; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 8px solid; border-color: transparent var(--siteC3) var(--siteC3); width: 86px; height: 86px; border-radius: 50%; animation: rotationBack 0.5s linear infinite; transform-origin: center center; } 

@keyframes rotation { 
 0% { transform: rotate(0deg); } 
 100% { transform: rotate(360deg); } 
 }
 
@keyframes rotationBack { 
 0% { transform: rotate(0deg); } 
 100% { transform: rotate(-360deg); } 
 }

/*board*/
.board_st { table-layout:fixed } 
.prod_view_con .board_st { font-size:.875em } 
.pop .board_st { border-top-width:1px } 
.board_st th,
.board_st td { padding:1em; border-bottom:1px solid #ddd;} 
.board_st th { color:#111 } 
.board_st td { color:#777 } 
.board_st a { color:#111 } 

.board_st.list th { border-top:1px solid #111; font-weight:500 } 
.board_st.list td { text-align:center; padding:1em 1em } 
.board_st.list td.w_tit { text-align:left; } 
.board_st.list td.w_tit > a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } 

.board_st.list.notice td { background: #f5f5f5; color:#111 } 
.board_st.list.reply td { background:#f9f9f9; } 

.board_st.write { border-top:1px solid #333 } 
.board_st.write th,
.board_st.write td { height:2.5em; padding:.75em 1.5em } 
.board_st.write th { text-align:left; font-weight:500 } 
.board_st.write.hAuto th,
.board_st.write.hAuto td { height:auto } 

.board_st .bg1 { background:#f5f5f5; border-right:1px solid #ddd } 

.board_st 

.board_view_top,
.board_view_middle,
.board_view_bottom { } 
.board_view_top { } 
.board_view_top .tit { padding:1.5em; font-weight:500; border-top:2px solid #666; text-align:center; border-bottom:1px dashed #aaa; font-size:1.25em } 
.board_view_top .info { border-bottom:1px solid #ddd; font-size:.938em } 
.board_view_top .info > li { display:inline-block; *display:inline; zoom:1; padding:1em 2em; color:#666; position:relative } 
.board_view_top .info > li:before { content:""; position:absolute; left:0; top:35%; width:1px; height:30%; background:#ccc } 
.board_view_top .info > li:first-child:before { display:none } 
.board_view_top .file { text-align:right; padding:1em 2em; font-size:.875em } 
.board_view_top .file > li { } 
.board_view_top .file > li > a { display:inline-block; word-break: break-all; word-wrap: break-word; padding:.2em } 
.board_view_top .file > li > a .xi { margin:0 .2em 0 0; vertical-align: middle } 
.board_view_middle { padding:2em 2em 5em 2em; border-bottom:1px solid #aaa; min-height:30vh } 
.board_view_bottom th .xi { font-size:1em; margin-right:1em } 

.no_con { padding:5em 0 !important; color:#999 !important; border:1px solid #eee; text-align:center } 
.no_con:before { content:"\e9d8"; font-family:xeicon!important; display:block; margin:0 auto .2em auto; font-size:5rem; color:#ddd; } 
.no_con.cart:before { content:"\e9fb" } 
td .no_con { border:none } 

.ess { color:red; display:inline-block; width:1em; font-size:1em !important } 
.ess:not(:first-child) { } 
.xi.ess:before { content:"*" } 

.board_st.faq { border-top:1px solid var(--siteC) } 
.board_st.faq .faq_tit { font-family: Arial, Helvetica, sans-serif; font-weight: lighter; font-size:2em; color:#ccc } 
.board_st.faq .faq_tit:after { content:"." } 
.board_st.faq .BStit { cursor:pointer } 
.board_st.faq .BStit .w_tit { white-space: normal; overflow: visible; color:#333; font-weight:500; font-size:1em } 
.board_st.faq .BScon { display:none } 
.board_st.faq .BScon .w_faq { vertical-align:top } 
.board_st.faq .BStit.on td { border-bottom-color:transparent } 
.board_st.faq .BStit.on .faq_tit,
.board_st.faq .BStit.on .w_tit { color:var(--siteC) } 
.board_st.faq .BScon td { padding-top:2em; padding-bottom:2em } 
.board_st.faq .board_more { display:inline-block; color:#111; width:2.25em; line-height:2.25em !important; border:1px solid #ddd; border-radius:100%; text-align:center } 
.board_st.faq .board_more .xi { transition:.2s } 
.board_st.faq .board_more .xi:before { content:"\e943" } 
.board_st.faq .on .board_more { background:var(--siteC); color:#fff; border-color:transparent; color:#fff } 
.board_st.faq .on .board_more .xi { transform:rotate(180deg); } 

/**/
.board_icon.xi { } 
.board_icon.xi:before { } 
.board_icon.new .xi:before { content:"\e9a9"; color:var(--siteC) } 
.board_icon.notice .xi:before { content:"\ea5b"; color:#111 } 
.board_icon.reply .xi:before { content:"\e981"; color:#aaa } 
.board_icon.file .xi:before { content:"\ea7f"; color:#999; font-size:.813em } 
.board_icon.sub .xi:before { content:"\e981"; color:#aaa } 
.board_icon.lock:before { content:"\e964"; color:#aaa; font-size:.938em; padding-left:.25em } 
.board_icon.review .xi:before { content:"\e9d7"; color:#003399 } 

/**/
.board_search_wrap { font-size:.938em; margin:0 0 1.5em 0; display:flex; align-items:center } 
.board_search_wrap .left { } 
.board_search_wrap .right { margin-left:auto; display:flex } 
.board_search_wrap .right .input_st[type=text] { flex:1 1 auto; width:14em; margin:0 .125em } 
.board_search_wrap button { padding:0 1.5em } 
.board_search_wrap .total .icon { width:2.5em; line-height:2.5em; height:2.5em; vertical-align:middle; text-align:center; border-radius:50%; box-shadow:0 0 3px 1px rgba(0,0,0,.2); margin-right:.75em; color:#333 } 
.board_search_wrap .total .icon:before { font-size:1.25em } 
.board_search_wrap .total .icon:not(.icoR):before { content:"\e9cf" } 
.board_search_wrap .total .icon ~ i { transform:translateY(.125em) } 
.board_search_wrap .total .t1 { color:#666; font-size:.875em } 
.board_search_wrap .total .t2 { color:#333; font-weight:700; font-size:1.25em; margin-left:.5em } 
.board_search_wrap .total .t3 { font-weight:700; font-size:1.25em; margin-right:.5em } 

/**/
.board_paging { text-align:center; margin-top:4em; font-size:.813em } 
.board_paging button { vertical-align:top; width:3em; height:3em; line-height:3em; border:1px solid #ddd; background:#fff; border-radius:.5em } 
.board_paging button:hover { background: var(--siteC); color: #fff; } 
.board_paging button.on { background:#444; color:#fff; border-color:transparent } 
.board_paging button.icon { background:#f1f1f1; color:#666 } 
.board_paging button.icon:hover { background: var(--siteC); color: #fff; } 
.board_paging .xi { font-size:1em } 
.board_paging .xi.first:before { content:"\ea47" } 
.board_paging .xi.last:before { content:"\ea48" } 
.board_paging .xi.prev:before { content:"\e93c" } 
.board_paging .xi.next:before { content:"\e93f" } 

/**/
.board_btn_wrap { margin-top:4em; text-align:center } 
.board_btn_wrap .list { margin:-1em 0 0 -1em } 
.board_btn_wrap .list > li button { margin:1em 0 0 1em } 
.pop .board_btn_wrap { margin-top:2em; font-size:.938em } 

/**/
.board_cate { color:#fff; font-size:.875em; font-weight:500; padding:.25em 1em; border-radius:2em; min-width:6em; box-sizing:border-box } 
.board_cate.notice { background:#333 } 
.board_cate.reply { background:#999 } 
.board_cate.c1 { background: var(--siteC) } 

/**/
.label_st { display:inline-block; *display:inline; zoom:1; cursor:pointer; position:relative } 
.label_st > * { display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer; } 
.label_st:not(.cssbrowser) .xi:before { font-family:xeicon!important; font-style:normal; padding-right:.125em } 
.label_st:not(.cssbrowser) .xi.fix { position:absolute; left:0; top:0 } 
.label_st:not(.cssbrowser) .xi.fix ~ span { margin-left:1.625em } 
.label_st:not(.cssbrowser) input ~ span,
.label_st:not(.cssbrowser) input ~ .xi:before { color:#999 } 
.label_st:not(.cssbrowser) input:checked ~ span,
.label_st:not(.cssbrowser) input:checked ~ .xi:before { color:#111 } 
.label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before { content:"\e98f" } 
.label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before { content:"\e92d" } 
.label_st:not(.cssbrowser) input[type=radio] ~ .xi:before { content:"\e9c6" } 
.label_st:not(.cssbrowser) input[type=radio]:checked ~ .xi:before { content:"\e9c7" } 
.label_st:not(.cssbrowser) input[type=checkbox],
.label_st:not(.cssbrowser) input[type=radio] { width:0; height:0; overflow:hidden; } 
.label_st:not(.cssbrowser) .con { display:flex; align-items:center; justify-content:center; height:3em; background:#fff; padding:1em; border:1px solid #ddd; text-align:center; min-width:4em } 
.label_st:not(.cssbrowser) .con.w1 { width:6em } 
.label_st:not(.cssbrowser) .con.h1 { height:.75em } 
.label_st:not(.cssbrowser) .con + .xi.bottom { margin:.25em 0; display:block; text-align:center; font-size:1em } 
.label_st:not(.cssbrowser) input:checked ~ .con { border-color:#111 } 

.label_st.c1:not(.cssbrowser) input ~ span:not(.con),
.label_st.c1:not(.cssbrowser) input ~ .xi:before { color:#111 } 
.label_st.c1:not(.cssbrowser) input:checked ~ .con { border-color:#111; color:#111; font-weight:700 } 
.label_st.c2:not(.cssbrowser) input:checked ~ .con { border-color:transparent; background:#333; color:#fff } 
.label_st.s1 { font-size:1.5em } 
.label_st.s2 { font-size:1.125em } 
.label_st.s3 { font-size:.938em } 

.label_select { position:relative; background:#fff; display:inline-block; *display:inline; zoom:1; border-radius:.5em } 
.label_select select { background:none; padding-right:2.5em !important; appearance:none; -webkit-appearance:none; position:relative; z-index:1 } 
.label_select select::-ms-expand { display:none; } 
.label_select:after { content:"\e936"; font-family:xeicon!important; position:absolute; z-index:0; right:.75em; top:50%; transform:translateY(-50%); font-size:1.125em; text-align:center; color:#666 } 

.input_st { display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; padding:.25em 1em; box-sizing:border-box; line-height:2em; height:2.5em; } 
.input_st[readonly=readonly] { background:#f5f5f5; border-color:transparent } 
.input_st[type=file] { background:none; border:1px solid #ddd; padding:0; width:100% } 
textarea.input_st { padding:1em; width:100%; height:8em } 
textarea.input_st.h1 { height:15em } 

.input_st .xi { margin:0 .5em; margin-top:-.188em } 
.input_st .xi:first-child { margin-left:0 } 
.input_st .xi:last-child { margin-right:0 } 

.input_st.s1 { line-height:2em; height:3.5em; padding:.5em 2em; font-size:1.125em; font-weight:500 } 
.input_st.s2 { line-height:1.4; height:2.25em; padding:.5em 1.5em; font-size:1.063em } 
.input_st.s3 { line-height:1em; height:2em; padding:.25em .5em; font-size:.813em } 

.input_st.c1 { background:#111; border-color:#111; color:#fff } 
.input_st.c1.re { background:#fff; border-color:#111; color:#111 } 
.input_st.c1.re:hover { background: #111; color: #fff; } 
.input_st.c2 { background:#666; border-color:#666; color:#fff } 
.input_st.c2.re { background:#fff; border-color:#aaa; color:#666 } 
.input_st.c3 { background:#333; border-color:#333; color:#fff } 
.input_st.c3.re { background:#fff; border-color:#333; color:#333 } 
.input_st.c4 { background:#0b54bb; border-color:#0b54bb; color:#fff } 
.input_st.c4.re { background:#fff; border-color:#0b54bb; color:#0b54bb } 

.input_st.w1 { width:14em; max-width:100% } 
.input_st.w2 { width:6em } 
.input_st.w3 { width:40em; max-width:100% } 
.input_st.w4 { width:12em } 

.input_st.wFix { min-width:8em; text-align:center } 

.label_calendar { position:relative } 
.label_calendar input { padding-right:2.5em; font-family:gs,ns,sans-serif; background:#fff !important; border:1px solid #ddd !important } 
.label_calendar .icon { position:absolute; right:0; top:0; width:2.5em; height:100%; display:flex; justify-content:center; align-items:center; } 
.label_calendar .icon:before { font-family:xeicon; content:"\e9a0"; color:#aaa } 

.w50 { width:50% !important } 
.w100 { width:100% !important } 

.input_sec { width:2em; text-align:center } 
.input_sec.w1 { width:.5em } 
.input_sec.w2 { width:4em } 
.input_row { height:.25em; width:100% } 

.input_st::-webkit-input-placeholder { color:#aaa } 
.input_st::-moz-placeholder { color:#aaa } 
.input_st:-moz-placeholder { color:#aaa } 
.input_st:-ms-input-placeholder { color:#aaa } 

.input_wrap { display:flex; flex-wrap:wrap; align-items:center } 

/**/
.w_no { width:4em } 
.w_cate { width:8em } 
.w_type { width:8em } 
.w_tit { width:auto } 
.w_name { width:7em } 
.w_date { width:7em } 
.w_date2 { width:14em } 
.w_hit { width:8em } 
.w_check { width:4em } 
.w_btn { width:5em } 
.w_btn2 { width:10em } 
.w_faq { width:4em } 
.w_state { width:8em } 
.w_price { width:12em } 
.w_view { width:39%; } 

.w_form_tit { width:12em } 
.w_form_tit2 { width:11%; } 
.w_form { width:auto } 
.w_auto { width:auto } 

.fix .input_st { width:90%; margin:.25em 0 } 

.board_img_wrap { margin-bottom:2em; text-align:center } 
.ui-widget { font-size:.938em !important } 

.noimg { overflow:hidden; position:relative } 
.noimg:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:url(../images/inc/noimg.jpg) no-repeat center #fff; background-size:contain } 
.noimg[style*=".png"]:before,
.noimg[style*=".jpg"]:before { background:none } 
.noimg.user:before { background:#f7f7f7 } 
.noimg.user:after { content:"\ea30"; font-family:xeicon; font-size:18em; position:absolute; left:50%; top:50%; transform:translate(-50%,-22%); line-height:1; z-index:-1; color:#ddd } 
.noimg.logo:before { background:#fff } 
.noimg.logo:after { content:"LOGO"; font-size:2em; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-weight:700; opacity:.1 } 

.tt_state { display:inline-block; font-size:1.125em; padding:.125em .25em; font-weight:700; text-align:center } 
.tt_state.c1 { background:#eee; color:#333 } 
.tt_state.c2 { background:var(--siteC); color:#fff; border-color:transparent } 
.tt_state.c3 { background:#333; color:#fff; border-color:transparent } 
.tt_state.c4 { background:#fff7f6; color:#e34e38; border-color:transparent } 

.tt_star .icon { position:relative; font-size:1.125em } 
.tt_star .icon:before { content:"★"; color:#ccc } 
.tt_star .icon.on:before { color:#111 } 
.tt_star .icon.half:after { content:"★"; color:#111; position:absolute; left:0; top:0; width:55%; overflow:hidden } 

.tt_prod { font-size: 1.515em; letter-spacing: 1px; color: #333; } 
.tt_prod.s1 { font-size:1em; color:#888; font-weight:400; margin-top:.25em } 

.tt_price { line-height:1 } 
.tt_price .tn { vertical-align:baseline; font-weight: 600; font-family: 'Teko'; } 
.tt_price .tn .s1 { font-size:.75em } 
.tt_price .tw { font-weight: 600; vertical-align: baseline; } 
.tt_price .tw:first-child { margin-left:0 } 
.tt_price .tt { font-weight: 400; margin-left: 3px; } 
.tt_price .mr { margin-right:1.5em } 
.tt_price .ml { margin-left:1.5em } 
.tt_price.per { color:red; font-weight:800 } 
.tt_price.per .xi { font-size:1em; margin:0 .25em; margin-top:-.188em } 
.tt_price.per .xi:before { content:"\e905" } 
.tt_price.before .tw { font-size: .812em; } 
.tt_price.before { position:relative; color:#999 } 
.tt_price.before:after { content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#777; transform:translateY(-.063em) } 
.tt_price.before .tn { font-weight:400 } 
.tt_price.s1 { font-size:.875em } 
.tt_price.s2 { font-size:1.15em } 
.tt_price.s3 { font-size:1.215em } 
.tt_price.st1 .tn { font-size:1.625em; font-family: 'Teko'; } 
.tt_price.st2 .tn { font-size:1.063em; font-weight:400 } 
.tt_price .tn.s1 { font-size:.938em } 
.prod_price { font-size: 1.315em; padding-top: 1vmin; } 
.prod_price > li { display:inline-block } 
.prod_price > li:not(:first-child) { margin-left:.25em } 

.tt_st1 { color:#666; font-size: 1.15em; } 
.tt_st2 { font-size:1.215em; font-weight:500 } 

.twrap_info { display:flex; flex-wrap:wrap; margin:.5em 0 } 
.twrap_info > li { margin-right:3em; font-family:gs,ns,sans-serif; font-size:.875em; color:#888; letter-spacing:0 } 

.page_sec05 { margin-top:.5em !important } 
.page_sec1 { margin-top:1em !important } 
.page_sec2 { margin-top:2em !important } 
.page_sec3 { margin-top:3em !important } 
.page_sec4 { margin-top:4em !important } 
.page_sec5 { margin-top:5em !important } 
.page_sec { margin-top:4em !important } 

.board_tit { padding-bottom:.5em; border-bottom:2px solid #222 } 
.board_tit.mb { margin-bottom:-1px } 
.board_tit .t1 { font-weight:700; font-size:1.5875em } 
.board_tit .t2 { font-weight:700; font-size:1.125em } 
.board_tit .t3 { font-weight:700; font-size:1.25em } 

.mall_list_total { padding:0 0 1em 0; letter-spacing: 0; } 
.mall_list_total .total .t1 { color:#777 } 
.mall_list_total .total .t2 { color:#111; font-size: 1.315em; font-weight:900; margin-left:.25em; vertical-align: baseline; } 
.mall_list_total .etc { margin-left:auto } 

.ul_st > li { position:relative; padding-left:1em } 
.ul_st > li:not(:first-child) { margin-top:.5em } 
.ul_st > li:before { content:"-"; position:absolute; left:0; top:0 } 
.ul_st.ac > li:before { position:static; margin-right:.25em } 

.ol_st > li { list-style:decimal outside; margin-left:1.25em } 
.ol_st > li:not(:first-child) { margin-top:.5em } 

.imgCon { display:flex; } 
.imgCon .wrap_img { width:10em; margin-right:3em } 
.imgCon .wrap_img.w1 { width:6em } 
.imgCon .wrap_img.w2 { width:6em; margin-right:1.5em } 

.imgCon .wrap_con .pro_name { font-size: 1.415em; } 
.imgCon .wrap_con .opt { font-size: 1.215em; color: #444; } 

.review_twrap { } 
.review_twrap .twrap { max-height:6em; line-height:1.5em; margin:1em 0; overflow:hidden; } 
.review_tit + .review_twrap .twrap { max-height:4.5em; } 
.review_twrap .more { font-size:.938em; color:var(--siteC); margin-bottom:1em } 
.review_twrap .more:before { content:"더보기" } 
.review_twrap .more:after { content:"\e941"; font-family:xeicon; margin-left:.5em; transition:.3s; display: inline-block; } 
.review_twrap.on .twrap { max-height:none } 
.review_twrap.on .more { position:static } 
.review_twrap.on .more:before { content:"접기" } 
.review_twrap.on .more:after { transform:rotate(180deg) } 

.flex_table { border-top:1px solid #333 } 
.flex_table > li > .tr { padding:1em; border-bottom:1px solid #ddd } 
.flex_table > li > .tr.p1 { padding:.5em } 
.flex_table > li > .tr > .td { flex-direction:column; box-sizing:border-box; padding:.5em } 
.flex_table > li > .tr > .td.h1 { height:7em } 
.flex_table.line > li > .tr { padding:0 } 
.flex_table.line > li > .tr > .td { padding:1em } 
.flex_table.line > li > .tr > .td:not(:first-child) { border-left:1px solid #ddd } 
.flex_table > li > .tr > .td.wNo { width:4em } 
.flex_table > li > .tr > .td.wDate2 { width:20em } 
.flex_table > li > .tr > .td.wCheck { width:4em } 
.flex_table > li > .tr > .td.wVol { width:12em } 
.flex_table > li > .tr > .td.wVol2 { width:18em } 
.flex_table > li > .tr > .td.wPrice { width:12em } 
.flex_table > li > .tr > .td.wPrice2 { width:22em } 
.flex_table > li > .tr > .td.wBtn { width:12em } 
.flex_table > li > .tr > .td.wBtn2 { width:20em } 
.flex_table > li > .tr > .td.wState { width:14em } 
.flex_table > li > .tr > .td.wCon { flex:1 1 100% } 

.dp1_mypage .flex_table > li > .tr > .td.wCon { width:calc(100% - 56em); } 

.flex_table .flex_table { border-top:none } 
.flex_table .flex_table > li:last-child > .tr { border-bottom:none } 

.flex_table_caption .more .arrow:before { content:"\e93f"; margin-left:.25em } 

.page_search_wrap { padding:.5em; background: var(--siteGray); } 
.page_search_wrap .wrap_in { padding:1.5em; background:#fff } 
.page_search_wrap .wrap_in .tit { font-weight:500; font-size:1.063em } 

.patt1 { background-color: #ddebf3;background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255,255,255,.1) 1px, #fff 4px) } 

.nocon { display:flex; justify-content:center; align-items:center; flex-direction:column; border:1px solid #ddd; height:24em; color:#666 } 
.nocon .xi { font-size:5em; color:#ddd; margin-bottom:.125em } 
.nocon .xi:not([class*=xi-]):before { content:"\e9d8" } 

.board_photo { display:flex; flex-wrap:wrap; gap: 1em; } 
.board_photo > li { width:31.33%; border: 1px solid #ddd; } 
.board_photo > li .wrap_in { } 
.board_photo > li .wrap_in .con_wrap { padding:1em; text-align:center } 
.board_photo > li .wrap_in .con_wrap .t1 { font-size:1.25em } 
.board_photo > li .wrap_in .con_wrap .date { font-family:gs,sans-serif; font-size:1.063em; color:#666; margin:.5em 0 } 

.table_wrap { } 
.table_wrap .table_info { font-size: .9em; color: var(--siteC); font-weight: 600; margin-top: .75em; } 
.board_st2 { border-top: 1px solid #111; } 
.board_st2 th,
.board_st2 td { height: 3em; text-align: center; padding: .65em .5em; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #fff; } 
.board_st2 thead tr { background: linear-gradient(to right, #8ea1ac, #2a95e1); } 
.board_st2 thead th { color: #fff; } 
.board_st2.TL .tt { text-align: left; } 
.board_st2.TL td,
.board_st2.TL th { padding: .75em 2em; } 
.board_st2 .tt.s1 { font-size: 1.05em; font-weight: 700; } 
.board_st2 th { color: #111; background: unset; font-weight: 700; font-size: 1.1em; height: 3em; } 
.board_st2 td { color: #333; font-size: 1.05em; font-weight: 500; } 
.board_st2 th.br,
.board_st2 td.br { border-right: 1px solid #e5e5e5; } 
.board_st2~div.no_con { border-top: none; } 
.board_st2 td.Bgray { background: #f4f4f4; color: #000; } 
.board_st2 td.Bgray2 { background: #f4f8ff; font-weight: 700; } 

.board_st2 td .pro_img { width: 100%; height: 100%; } 
.board_st2 td .pro_img > img { width: 100%; height: 100%; object-fit: contain; } 

.table_st { border-top:2px solid #333; table-layout:fixed } 
.table_st th,
.table_st td { padding:.5em 1em; font-size:.938em; height:3em } 
.table_st th { background:#fff; color:#111; border-bottom:1px solid #333 } 
.table_st td { background:#fff; color:#666; text-align:center; border-bottom:1px solid #ddd; padding:1em 1em } 
.table_st .ess { float:right; } 
.ess { color:#8CC63E; line-height:1 } 
.ess:before { /* content:"\e929"; font-size:1.25em */ } 
.ess_wrap { position:relative; display:block; padding-right:1.75em; } 
.ess_wrap .ess { position:absolute; right:0; top:50%; margin-top:-.625em; } 

.table_st.form th { text-align:left; border-color:#ddd; border-left:1px solid #ddd } 
.table_st.form th:first-child { border-left:none } 
.table_st.form td { text-align:left } 

.table_st.size1 th,
.table_st.size1 td { padding:.5em 1em; height:2.25em; font-size:.875em } 

.table_st.size2 td { padding:2em 1em; } 

.table_st.bg1 th,
.table_st.bg1 td { background:#f9f9f9 } 

/**/
@media screen and (max-width:640px) {
.board_search_wrap { flex-wrap:wrap } 
.board_search_wrap .left,
.board_search_wrap .right,
.board_search_wrap .right .label_select,
.board_search_wrap .right .input_st { width:100% } 
.board_search_wrap .right { flex-wrap: wrap; gap: .5em; } 
.board_search_wrap .left { text-align:right; margin-bottom:1em } 

.board_st th,
.board_st td { padding:1em .5em !important } 

.w_no { width:2em } 
.w_cate { width:6em } 
.w_name { width:4em } 
.w_hit { display:none } 
.w_form_tit { width:8em } 
.w_date2 { width:8em } 
.w_state { width:6em } 
.w_btn2 { width:5em } 
.w_btn2 input:not(:first-child) { margin-top:.5em } 

.input_st.w1 { width:100% } 
}