@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');

/*  Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: 'Noto Sans KR', sans-serif; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; color: #111; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }

* { margin: 0; padding: 0; box-sizing: border-box; }
*:focus { outline: none !important; box-shadow: none !important; }
*:hover { -webkit-transition: all 0.2s; transition: all 0.2s; }
body { font-size: 14px; line-height: 28px; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif; color: #333; }
section {padding: 140px 0; min-height: calc(100vh - 142px); }


.pointer:hover { cursor: pointer; }
.clear { clear: both; }
/* === Design Setting === */

/* == Color == */
/* = Background = */
.bg-white { background-color: #fff !important; } .bg-dark { background-color: #333; }
.bg-grey { background-color: #CCC; } .bg-darkgrey { background-color: #9C9B9A; } .bg-lightgrey { background-color: #F6F5F4; }
.bg-red, .bg-red:hover, .bg-red:focus { background-color: #D23345; } .bg-lightred { background-color: #FFF7F7; }

/* = Text Color = */
.txt-white { color: #fff !important; } .txt-dark { color: #333; }
.txt-grey { color: #CCC; } .txt-darkgrey { color: #9C9B9A; } .txt-lightgrey { color: #F6F5F4; }
.txt-red { color: #D23345; } .txt-lightred { color: #FFF7F7; }


/* = Button = */
.borrad19 { border-radius: 19px; }
.btn-del, .btn-del:hover, .btn-del:focus { border: 0px !important; }

/* == Spacing == */
.container1 { max-width: 1060px; margin: 0 auto; }
.container2 { max-width: 790px; margin: 0 auto; }
.container3 { max-width: 520px; margin: 0 auto; }

/* = width = */
.w-10 { width: 10%; } .w-20 { width: 20%; } .w-30 { width: 30%; } .w-40 { width: 40%; } .w-50 { width: 50%; }
.w-60 { width: 60%; } .w-70 { width: 70%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .vw-100 {width: 100vw;} 
.w-100px { width: 100px; } .w-140px { width: 140px; } .w-300px { width: 300px; }

/* = height = */
.h-10 { height: 10%; } .h-20 { height: 20%; } .h-30 { height: 30%; } .h-40 { height: 40%; } .h-50 { height: 50%; }
.h-60 { height: 60%; } .h-70 { height: 70%; } .h-80 { height: 80%; } .h-90 { height: 90%; } .vh-100 { height: 100vh; }

/* = margin = */
.m-2px { margin: 2px; } .m-4px { margin: 4px; } .m-6px { margin: 6px; } .m-8px { margin: 8px; } .m-10px { margin: 10px; }
.m-12px { margin: 12px; } .m-14px { margin: 14px; } .m-16px { margin: 16px; } .m-18px { margin: 18px; } .m-20px { margin: 20px; }
.m-30px { margin: 30px; } .m-40px { margin: 40px; } .m-50px { margin: 50px; } .m-60px { margin: 60px; }
.m-70px { margin: 70px; } .m-80px { margin: 80px; } .m-90px { margin: 90px; } .m-100px { margin: 100px; }
.m-120px { margin: 120px; } .m-140px { margin: 140px; } .m-160px { margin: 160px; } .m-180px { margin: 180px; } .m-200px { margin: 200px;}

.mt-2px { margin-top: 2px; } .mt-4px { margin-top: 4px; } .mt-6px { margin-top: 6px; } .mt-8px { margin-top: 8px; } .mt-10px { margin-top: 10px; }
.mt-12px { margin-top: 12px; } .mt-14px { margin-top: 14px; } .mt-16px { margin-top: 16px; } .mt-18px { margin-top: 18px; } .mt-20px { margin-top: 20px; }
.mt-30px { margin-top: 30px; } .mt-40px { margin-top: 40px; } .mt-50px { margin-top: 50px; } .mt-60px { margin-top: 60px; }
.mt-70px { margin-top: 70px; } .mt-80px { margin-top: 80px; } .mt-90px { margin-top: 90px; } .mt-100px { margin-top: 100px; }
.mt-120px { margin-top: 120px; } .mt-140px { margin-top: 140px; } .mt-160px { margin-top: 160px; } .mt-180px { margin-top: 180px; }.mt-200px { margin-top: 200px;}

.mb-2px { margin-bottom: 2px; } .mb-4px { margin-bottom: 4px; } .mb-6px { margin-bottom: 6px; } .mb-8px { margin-bottom: 8px; } .mb-10px { margin-bottom: 10px; }
.mb-12px { margin-bottom: 12px; } .mb-14px { margin-bottom: 14px; } .mb-16px { margin-bottom: 16px; } .mb-18px { margin-bottom: 18px; } .mb-20px { margin-bottom: 20px; }
.mb-30px { margin-bottom: 30px; } .mb-40px { margin-bottom: 40px; } .mb-50px { margin-bottom: 50px; } .mb-60px { margin-bottom: 60px; }
.mb-70px { margin-bottom: 70px; } .mb-80px { margin-bottom: 80px; } .mb-90px { margin-bottom: 90px; } .mb-100px { margin-bottom: 100px; }
.mb-120px { margin-bottom: 120px; } .mb-140px { margin-bottom: 140px; } .mb-160px { margin-bottom: 160px; } .mb-180px { margin-bottom: 180px; } .mb-200px { margin-bottom: 200px;}

.ml-2px { margin-left: 2px; } .ml-4px { margin-left: 4px; } .ml-6px { margin-left: 6px; } .ml-8px { margin-left: 8px; } .ml-10px { margin-left: 10px; }
.ml-12px { margin-left: 12px; } .ml-14px { margin-left: 14px; } .ml-16px { margin-left: 16px; } .ml-18px { margin-left: 18px; } .ml-20px { margin-left: 20px; }
.ml-30px { margin-left: 30px; } .ml-40px { margin-left: 40px; } .ml-50px { margin-left: 50px; } .ml-60px { margin-left: 60px; }
.ml-70px { margin-left: 70px; } .ml-80px { margin-left: 80px; } .ml-90px { margin-left: 90px; } .ml-100px { margin-left: 100px; }
.ml-120px { margin-left: 120px; } .ml-140px { margin-left: 140px; } .ml-160px { margin-left: 160px; } .ml-180px { margin-left: 180px; } .ml-200px { margin-left: 200px;}

.mr-2px { margin-right: 2px; } .mr-4px { margin-right: 4px; } .mr-6px { margin-right: 6px; } .mr-8px { margin-right: 8px; } .mr-10px { margin-right: 10px; }
.mr-12px { margin-right: 12px; } .mr-14px { margin-right: 14px; } .mr-16px { margin-right: 16px; } .mr-18px { margin-right: 18px; } .mr-20px { margin-right: 20px; }
.mr-30px { margin-right: 30px; } .mr-40px { margin-right: 40px; } .mr-50px { margin-right: 50px; } .mr-60px { margin-right: 60px; }
.mr-70px { margin-right: 70px; } .mr-80px { margin-right: 80px; } .mr-90px { margin-right: 90px; } .mr-100px { margin-right: 100px; }
.mr-120px { margin-right: 120px; } .mr-140px { margin-right: 140px; } .mr-160px { margin-right: 160px; } .mr-180px { margin-right: 180px; } .mr-200px { margin-right: 200px;}

.mx-2px { margin-left: 2px; margin-right: 2px; } .mx-4px { margin-left: 4px; margin-right: 4px; } .mx-6px { margin-left: 6px; margin-right: 6px; } .mx-8px { margin-left: 8px; margin-right: 8px; } .mx-10px { margin-left: 10px; margin-right: 10px; }
.mx-12px { margin-left: 12px; margin-right: 12px; } .mx-14px { margin-left: 14px; margin-right: 14px; } .mx-16px { margin-left: 16px; margin-right: 16px; } .mx-18px { margin-left: 18px; margin-right: 18px; } .mx-20px { margin-left: 20px; margin-right: 20px; }
.mx-30px { margin-left: 30px; margin-right: 30px; } .mx-40px { margin-left: 40px; margin-right: 40px; } .mx-50px { margin-left: 50px; margin-right: 50px; } .mx-60px { margin-left: 60px; margin-right: 60px; }
.mx-70px { margin-left: 70px; margin-right: 70px; } .mx-80px { margin-left: 80px; margin-right: 80px; } .mx-90px { margin-left: 90px; margin-right: 90px; } .mx-100px { margin-left: 100px; margin-right: 100px; }
.mx-120px { margin-left: 120px; margin-right: 120px; } .mx-140px { margin-left: 140px; margin-right: 140px; } .mx-160px { margin-left: 160px; margin-right: 160px; } .mx-180px { margin-left: 180px; margin-right: 180px; } .mx-200px { margin-left: 200px; margin-right: 200px;}

.my-2px { margin-top: 2px; margin-bottom: 2px; } .my-4px { margin-top: 4px; margin-bottom: 4px; } .my-6px { margin-top: 6px; margin-bottom: 6px; } .my-8px { margin-top: 8px; margin-bottom: 8px; } .my-10px { margin-top: 10px; margin-bottom: 10px; }
.my-30px { margin-top: 30px; margin-bottom: 30px; } .my-40px { margin-top: 40px; margin-bottom: 40px; } .my-50px { margin-top: 50px; margin-bottom: 50px; } .my-60px { margin-top: 60px; margin-bottom: 60px; }
.my-12px { margin-top: 12px; margin-bottom: 12px; } .my-14px { margin-top: 14px; margin-bottom: 14px; } .my-16px { margin-top: 16px; margin-bottom: 16px; } .my-18px { margin-top: 18px; margin-bottom: 18px; } .my-20px { margin-top: 20px; margin-bottom: 20px; }
.my-70px { margin-top: 70px; margin-bottom: 70px; } .my-80px { margin-top: 80px; margin-bottom: 80px; } .my-90px { margin-top: 90px; margin-bottom: 90px; } .my-100px { margin-top: 100px; margin-bottom: 100px; }
.my-120px { margin-top: 120px; margin-bottom: 120px; } .my-140px { margin-top: 140px; margin-bottom: 140px; } my-160px { margin-top: 160px; margin-bottom: 160px; } .my-180px { margin-top: 180px; margin-bottom: 180px; } .my-200px { margin-top: 200px; margin-right: 200px;}

/* = padding = */
.p-2px { padding: 2px; } .p-4px { padding: 4px; } .p-6px { padding: 6px; } .p-8px { padding: 8px; } .p-10px { padding: 10px; }
.p-12px { padding: 12px; } .p-14px { padding: 14px; } .p-16px { padding: 16px; } .p-18px { padding: 18px; } .p-20px { padding: 20px; }
.p-30px { padding: 30px; } .p-40px { padding: 40px; } .p-50px { padding: 50px; } .p-60px { padding: 60px; }
.p-70px { padding: 70px; } .p-80px { padding: 80px; } .p-90px { padding: 90px; } .p-100px { padding: 100px; }
.p-120px { padding: 120px; } .p-140px { padding: 140px; } .p-160px { padding: 160px; } .p-180px { padding: 180px; } .p-200px { padding: 200px; }

.pt-2px { padding-top: 2px; } .pt-4px { padding-top: 4px; } .pt-6px { padding-top: 6px; } .pt-8px { padding-top: 8px; } .pt-10px { padding-top: 10px; }
.pt-12px { padding-top: 12px; } .pt-14px { padding-top: 14px; } .pt-16px { padding-top: 16px; } .pt-18px { padding-top: 18px; } .pt-20px { padding-top: 20px; }
.pt-30px { padding-top: 30px; } .pt-40px { padding-top: 40px; } .pt-50px { padding-top: 50px; } .pt-60px { padding-top: 60px; }
.pt-70px { padding-top: 70px; } .pt-80px { padding-top: 80px; } .pt-90px { padding-top: 90px; } .pt-100px { padding-top: 100px; }
.pt-120px { padding-top: 120px; } .pt-140px { padding-top: 140px; } .pt-160px { padding-top: 160px; } .pt-180px { padding-top: 180px; } .pt-200px { padding-top: 200px; }

.pb-2px { padding-bottom: 2px; } .pb-4px { padding-bottom: 4px; } .pb-6px { padding-bottom: 6px; } .pb-8px { padding-bottom: 8px; } .pb-10px { padding-bottom: 10px; }
.pb-12px { padding-bottom: 12px; } .pb-14px { padding-bottom: 14px; } .pb-16px { padding-bottom: 16px; } .pb-18px { padding-bottom: 18px; } .pb-20px { padding-bottom: 20px; }
.pb-30px { padding-bottom: 30px; } .pb-40px { padding-bottom: 40px; } .pb-50px { padding-bottom: 50px; } .pb-60px { padding-bottom: 60px; }
.pb-70px { padding-bottom: 70px; } .pb-80px { padding-bottom: 80px; } .pb-90px { padding-bottom: 90px; } .pb-100px { padding-bottom: 100px; }
.pb-120px { padding-bottom: 120px; } .pb-140px { padding-bottom: 140px; } .pb-160px { padding-bottom: 160px; } .pb-180px { padding-bottom: 180px; } .pb-200px { padding-bottom: 200px; }

.pl-2px { padding-left: 2px; } .pl-4px { padding-left: 4px; } .pl-6px { padding-left: 6px; } .pl-8px { padding-left: 8px; } .pl-10px { padding-left: 10px; }
.pl-12px { padding-left: 12px; } .pl-14px { padding-left: 14px; } .pl-16px { padding-left: 16px; } .pl-18px { padding-left: 18px; } .pl-20px { padding-left: 20px; }
.pl-30px { padding-left: 30px; } .pl-40px { padding-left: 40px; } .pl-50px { padding-left: 50px; } .pl-60px { padding-left: 60px; }
.pl-70px { padding-left: 70px; } .pl-80px { padding-left: 80px; } .pl-90px { padding-left: 90px; } .pl-100px { padding-left: 100px; }
.pl-120px { padding-left: 120px; } .pl-140px { padding-left: 140px; } .pl-160px { padding-left: 160px; } .pl-180px { padding-left: 180px; } .pl-200px { padding-left: 200px; }

.pr-2px { padding-right: 2px; } .pr-4px { padding-right: 4px; } .pr-6px { padding-right: 6px; } .pr-8px { padding-right: 8px; } .pr-10px { padding-right: 10px; }
.pr-12px { padding-right: 12px; } .pr-14px { padding-right: 14px; } .pr-16px { padding-right: 16px; } .pr-18px { padding-right: 18px; } .pr-20px { padding-right: 20px; }
.pr-30px { padding-right: 30px; } .pr-40px { padding-right: 40px; } .pr-50px { padding-right: 50px; } .pr-60px { padding-right: 60px; }
.pr-70px { padding-right: 70px; } .pr-80px { padding-right: 80px; } .pr-90px { padding-right: 90px; } .pr-100px { padding-right: 100px; }
.pr-120px { padding-right: 120px; } .pr-140px { padding-right: 140px; } .pr-160px { padding-right: 160px; } .pr-180px { padding-right: 180px; } .pr-200px { padding-right: 200px; }

.pw-2px { padding-left: 2px; padding-right: 2px; } .pw-4px { padding-left: 4px; padding-right: 4px; } .pw-6px { padding-left: 6px; padding-right: 6px; } .pw-8px { padding-left: 8px; padding-right: 8px; } .pw-10px { padding-left: 10px; padding-right: 10px; }
.pw-12px { padding-left: 12px; padding-right: 12px; } .pw-14px { padding-left: 14px; padding-right: 14px; } .pw-16px { padding-left: 16px; padding-right: 16px; } .pw-18px { padding-left: 18px; padding-right: 18px; } .pw-20px { padding-left: 20px; padding-right: 20px; }
.pw-30px { padding-left: 30px; padding-right: 30px; } .pw-40px { padding-left: 40px; padding-right: 40px; } .pw-50px { padding-left: 50px; padding-right: 50px; } .pw-60px { padding-left: 60px; padding-right: 60px; }
.pw-70px { padding-left: 70px; padding-right: 70px; } .pw-80px { padding-left: 80px; padding-right: 80px; } .pw-90px { padding-left: 90px; padding-right: 90px; } .pw-100px { padding-left: 100px; padding-right: 100px; }
.pw-120px { padding-left: 120px; padding-right: 120px; } .pw-140px { padding-left: 140px; padding-right: 140px; } .pw-160px { padding-left: 160px; padding-right: 160px; } .pw-180px { padding-left: 180px; padding-right: 180px; } .pw-200px { padding-left: 200px; padding-right: 200px; }

.py-2px { padding-top: 2px; padding-bottom: 2px; } .py-4px { padding-top: 4px; padding-bottom: 4px; } .py-6px { padding-top: 6px; padding-bottom: 6px; } .py-8px { padding-top: 8px; padding-bottom: 8px; } .py-10px { padding-top: 10px; padding-bottom: 10px; }
.py-12px { padding-top: 12px; padding-bottom: 12px; } .py-14px { padding-top: 14px; padding-bottom: 14px; } .py-16px { padding-top: 16px; padding-bottom: 16px; } .py-18px { padding-top: 18px; padding-bottom: 18px; } .py-20px { padding-top: 20px; padding-bottom: 20px; }
.py-30px { padding-top: 30px; padding-bottom: 30px; } .py-40px { padding-top: 40px; padding-bottom: 40px; } .py-50px { padding-top: 50px; padding-bottom: 50px; } .py-60px { padding-top: 60px; padding-bottom: 60px; }
.py-70px { padding-top: 70px; padding-bottom: 70px; } .py-80px { padding-top: 80px; padding-bottom: 80px; } .py-90px { padding-top: 90px; padding-bottom: 90px; } .py-100px { padding-top: 100px; padding-bottom: 100px; }
.py-120px { padding-top: 120px; padding-bottom: 120px; } .py-140px { padding-top: 140px; padding-bottom: 140px; } .py-160px { padding-top: 160px; padding-bottom: 160px; } .py-180px { padding-top: 180px; padding-bottom: 180px; } .py-200px { padding-top: 200px; padding-bottom: 200px; }

/* == Components Style == */
/* = Typography = */
.bold { font-weight: 700; }
.font12 { font-size: 12px; line-height: 24px; letter-spacing: -0.5px; }
.font14 { font-size: 14px; line-height: 24px; letter-spacing: -0.5px; }
.font16 { font-size: 16px; line-height: 28px; letter-spacing: -0.5px; }
.font18 { font-size: 18px; line-height: 28px; letter-spacing: -0.5px; }
.font20 { font-size: 20px; line-height: 28px; letter-spacing: -0.5px; }
.font24 { font-size: 24px; line-height: 36px; letter-spacing: -0.5px; }
.font36 { font-size: 36px; line-height: 50px; letter-spacing: -0.5px; }

h2 { font-size: 36px; line-height: 50px; letter-spacing: -0.5px; }
h5 { font-size: 24px; line-height: 36px; letter-spacing: -0.5px; }
h6 { font-size: 20px; line-height: 28px; letter-spacing: -0.5px; font-weight: bold; margin-left: 12px; position: relative; }
h6::before { content: ""; position: absolute; height: 22px; width: 4px; background-color: #D23345; top: 4px; left: -10px; }

/* = Input = */
.form-check-input:checked { background-color: #D23345; border-color: #D23345; }

/* = Pagination = */
.pagination > .page-item > .page-link { border: none; color: #6C757D; } 
.pagination > .page-item > .page-link.active { background-color: transparent; font-weight: bold; color: #D23345 !important; position: relative; } 
.pagination > .page-item > .page-link.active::after { position: absolute; content: ""; width: 60%; height: 2px; background-color: #D23345; bottom: 8px; left: 50%; transform: translate(-50%, 0);  } 
.pagination > .page-item > .page-link:hover { background-color: transparent; font-weight: bold; font-size: 1.2em; } 

/* === 헤더 === */

header { position: fixed; width: 100%; top: 0; left: 0; z-index: 30000; }
#htop { width: 100%; height: 60px; border-bottom: 1px solid #dddce3; }
#htop>div, #htop a {color: #666; }
#htopLeft { height: 22px; margin-top: 18px; }
#gnb { vertical-align: middle; display: inline-block; margin-top: 17px; }
#gnb>div:hover { font-weight: bold; transition: all 0.0s; }
#gnb>div::after { content: ""; display: inline-block; width: 1px; height: 10px; background-color: #999; line-height: 60px; transform: translateX(14px); }
#gnb>div:last-of-type::after { content: none; clear: both; }
#hbot { width: 100%; height: 80px; border-bottom: 1px solid #ddddec; letter-spacing: -0.04em; }
h1 { margin-top: 26px; }
#lnb { overflow: hidden; position: absolute; right: 0; width: 540px; height: 80px; z-index: 10001; }
.main { width: 180px; }
.main>a { height: 80px; line-height: 80px; }
.main:hover>a { color: #D23345; }
.main>a::after { content: ""; width: 0px; height: 2px; background-color: #D23345; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); transition: all 0.2s; }
.main:hover>a::after { width: 180px; }
.sub { height: calc((40px * 3) + 24px); padding-top: 12px; }
.sub a { height: 40px; line-height: 40px; }
.sub a:hover { color: #333; font-weight: bold; }
#menuback { top: 140px; height: calc((40px * 3) + 24px); border-bottom: 1px solid #e5e5e5; z-index: 10000; display: none; }

/* == Mobile Menu == */
#ham, #leftMenuham { display:none; width: 40px; height: 40px; font-size: 40px; border: none; }
#mback { top: 0; bottom: 0; left: 0; right: 0; background-color: black; opacity: 0.5; z-index: 10000; display: none; }
#mlnb { width: 250px; height: 100%; top: 0; right: 0; z-index: 20000; right: -250px; }
#mgnb > li::after { content: ""; display: inline-block; width: 1px; height: 10px; background-color: #999; line-height: 60px; transform: translateX(9px); }
#mgnb > li:last-of-type::after { content: none; }
.mmain { border-bottom: 1px solid #dddce3; }
.mmain>a { width: 250px; height: 60px; line-height: 60px; }
.mmain>a:hover { color: #333; }
.mmain>a>div { float: right; width: 20px; height: 20px; margin-right: 11px; margin-top: 20px; position: relative; }
.msub { display: none; }
.msub a { color: #666; font-size: 0.92em; background: #f0f0f0; font-weight: bold; height: 45px; line-height: 45px; padding-left: 20px; display: block; border-bottom: 1px solid #e0e0e0; }
.msub a:hover { color: #222; background-color: #f5f5f5; }


/* === section === */
#mv { height: 300px; }


/* === 좌측메뉴 === */
.leftMenuBox { border-top: 2px solid #D23345; margin-right: 20px;}
.leftMenu { margin-top: 20px; }
.nav-link { color: #6C757D; }
.nav-link.active { font-weight: bold !important; color: #333 !important; }
#mLeftMenuBox { background-color: #fff; box-shadow: 0px 4px 8px rgba(0,0,0,0.4); width: 160px; top: 0; left: 0; z-index: 1000; display: none;}
#mLeftMenu .active { font-weight: bold; }

/* === 테이블 === */
.table { margin-bottom: 0 !important; line-height: 1em !important; border-top: 2px solid #333; }
.tableNormal th, .tableNormal td { height: 60px; vertical-align: middle; }
/* .tableCart td { height: 200px !important; } */
.tableNormal thead tr {border-bottom: 1px solid #333 !important;}
.tableNormal tbody tr {border-bottom: 1px solid #ccc !important;}
.tableSearchGroup { top: -44px; }
.inputSearchGroup { position: relative; height: 38px; }
.inputSearchGroup > input { height: 38px; border: 1px solid #ced4da; }
.inputBtn { color: #C2CAD0; border: none; background-color: transparent; width: 38px; height: 38px; position: absolute; right: 0; border-radius: 5px 5px 0; }
.tableSelect tbody tr:hover { background-color: #FFF7F7; cursor: pointer; }
.tableSelect tbody tr.checked { background-color: #FFF7F7; cursor: pointer; }
.tableCart .form-control { padding: 0px !important; }

.yScrollTableBox { position: relative; padding-top: 62px; }
.yScrollTableBox .yScrollTable { height: auto; max-height: 302px; overflow: auto; overflow-x: hidden; }
.yScrollTableBox .yScrollTable table { width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
.yScrollTableBox .yScrollTable table thead tr { position: absolute; top: 0; }
.yScrollTableBox .yScrollTable table thead tr th { height: 60px; border-top: 2px solid #333; }
.yScrollTableBox .yScrollTable table tr { display: inline-table; width: 100%; table-layout: fixed; }
.yScrollTableBox .yScrollTable table tbody tr { display: table-row;}
.yScrollTableBox .yScrollTable .tableNormal { border-top: none; }
.yScrollTableBox .yScrollTable::-webkit-scrollbar { width: 6px; }
.yScrollTableBox .yScrollTable::-webkit-scrollbar-thumb { background-color: #606060; border-radius: 3px; background-clip: padding-box; }
.yScrollTableBox .yScrollTable::-webkit-scrollbar-track { background-color: #CCC; border-radius: 3px; }



/* === 우측 콘텐츠 === */
.rightContBox { margin: 0 auto; }
.rightCont { border-top: 2px solid #333; }

/* === 로그인 === */
#loginLink>li:first-of-type::after { content: ""; display: inline-block; width: 1px; height: 10px; background-color: #999; line-height: 60px; transform: translateX(14px); }
/* == 로그인 > 아이디/비밀번호 찾기 == */
.findAccountBox:first-of-type { padding-right: 40px; border-right: 1px solid #dddce3; }
.findAccountBox:last-of-type { padding-left: 40px; }
.findAccountBox:last-of-type button.w-140px { margin-top: 116px; }


/* === 회원가입 === */

/* == 회원가입 > 기본정보입력 == */
.threeInputBox > input, .threeInputBox > select { width: calc((100% - 60px) / 3); }
.inputDash { height: 38px; line-height: 38px; width: 30px; }
.twoInputBox > input, .twoInputBox > select { width: calc((100% - 30px) / 2); }

/* == 회원가입 > 이용약관 및 개인정보처리방침 동의 == */
.agreementBox { padding: 40px; }
.agreementTxtBox { float: left; }
.agreementTxtBox label { padding-left: 20px; }
.agreementBtnBox { float: right; }
.agreementBtnBox > button > a { color:#6C757D; }
.agreementBtnBox > button:hover > a { color:#FFF; }


/* === 공동구매 === */
/* == 공동구매 물품상세페이지 == */
.productViewTop { margin-bottom: 80px; }
.productImgBox { height: 400px; }
.eaGroup  { height: 40px; }
.eaGroup .btn { width: 40px; }
.eaGroup .btn:hover { font-size: 1.3em; }
.eaGroup .btnMinus { border-right: 0px !important; border-radius: 20px 0 0 20px; }
.eaGroup .btnPlus { border-left: 0px !important; border-radius: 0 20px 20px 0; }
.eaGroup input { border: 1px solid #dee2e6; border-left: 0px !important; border-right: 0px !important; }
.cardImgBox { height: 300px; }
.productTopTxt::before { content: ""; position: absolute; height: 2px; width: 120px; background-color: #D23345; top: 0; }
.productTopTxt > div:first-of-type { padding-top: 40px; padding-bottom: 40px; margin-bottom: 20px; border-bottom: 1px solid #dee2e6; }
.productViewContent { padding-bottom: 80px; border-bottom: 3px solid #333; }
.productViewContent img { width: auto; max-width: 100%; height: auto; }
.cartImgBox { height: 240px; width: 240px; padding: 10px; margin: 0 auto; }

/* == 장바구니 == */
.cartInput { height: 32px; }

/* === 품질시험의뢰 === */
/* == 신청안내 == */
.processImgBox { width: 124px; }
.processArrow { width: calc(((100% - (124px * 5)) / 4) - 10px); }


/* * === Footer === */
footer { padding: 30px 0; }
#footerImgBox { margin-top: 28px; }
#footerLink>li::after { content: ""; display: inline-block; width: 1px; height: 10px; background-color: #999; line-height: 60px; transform: translateX(14px); }
#footerLink>li:last-of-type::after { content: none; clear: both; }
#footerAddress>div { display: inline-block; }
#footerAddress>div>li { margin: 0 12px; display: inline-block; }
#footerAddress>div:first-of-type>li:first-of-type { margin-left: 0px; }
#footerAddress>div:last-of-type>li:last-of-type { margin-right: 0px; }
#footerAddress>div>li::after { content: ""; display: inline-block; width: 1px; height: 10px; background-color: #999; line-height: 60px; transform: translateX(14px); }
#footerAddress>div:last-of-type>li:last-of-type::after { content: none; }




.dnone1400, .dnone1200, .dnone1025, .dnone992, .dnone768, .dnone576, .dnone360 { display: none; }

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

@media all and (max-width: 1199px) {
    #footerTxt { margin-top: 20px; }
    #footerImgBox { margin-top: 0px; }
    section { min-height: calc(100vh - 191px); }
    .cartImgBox { height: 200px; width: 200px;}
}

@media all and (max-width: 1025px) {
    header { height: 100px; }
    #htop { height: 40px; }
    #hbot { height: 60px; }
    h1 { margin-top: 16px; }
    #htopLeft { margin-top: 10px; }
    #lnb, #gnb { display: none; }
    #ham, #leftMenuham { display: block; }
    section { padding-top: 100px; }
    footer { text-align: center; }
    .leftMenuBox { display: none; }
    .tableNormal th, .tableNormal td { height: 46px; }
    .tableScrollXBox { width: 100%; overflow-x: scroll; }
    .tableCart { width: 970px; }
    .tableRefer { width: 940px; }
    .tableReceipt { width: 970px; }
    .yScrollTableBox .yScrollTable { height: 232px; }
}

@media all and (max-width: 992px) {
    .findAccountBox:first-of-type { padding-right: 0px; border-right: 0px solid #dddce3; padding-bottom: 40px; }
    .findAccountBox:last-of-type { padding-left: 0px; border-top: 1px solid #dddce3; padding-top: 40px; }
    .findAccountBox:last-of-type button.w-140px { margin-top: 40px; }
    .mt992 { margin-top: 20px; }
    .productTopTxt::before { display: none; }
}

@media all and (max-width: 768px) {
    #footerAddress>div>li:last-of-type::after { content: none; }
    #footerAddress>div>li:first-of-type { margin-left: 0px; }
    #mv { height: 200px; }
    h2 { font-size: 24px; line-height: 36px; letter-spacing: -0.5px; }
    section { min-height: calc(100vh - 215px); }
}

@media all and (max-width: 576px) {
    .dnone576 { display: block; }
    #mv { height: 140px; }
    h2 { font-size: 20px; line-height: 28px; letter-spacing: -0.5px; }
    .agreementBox { padding: 40px 0 40px 24px; }
    .agreementTxtBox label { padding-left: 10px; }
}

@media all and (max-width: 400px) {
    .agreementTxtBox { width: 100%; }
    .agreementBtnBox { display: block; margin-top: 20px; }
}

@media all and (max-width: 360px) {
    #htopLeft > img, #footerImgBox > img { width: 80%; }
    h1 { width: 50%; }
    #mv { height: 110px; }
    #footerAddress>div>li { margin: 0; display: block; }
    #footerAddress>div>li::after { content: none; }
}

/* .btn_del {display: inline-block; width:18px; height:18px; background:url('/web/img/icon_del.png') no-repeat center center/contain; border:none;} */