/*
========================================================================
RESET
========================================================================
*/

/* global rest */
* { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }

html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, header, aside, footer,
input, select, textarea, button {
    margin: 0;
    padding: 0;
}
body,
h1, h2, h3, h4, h5, h6, table,
pre, xmp, plaintext, listing,
input, textarea, select, button, a {
    line-height: 1.25;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
img, fieldset,button {
    border:0 none;
}
img {
    vertical-align:middle;
}
li {
    list-style: none;
}
hr, caption, legend {
    display: none;
}
a { 
    color: #1c1c1c;
    text-decoration: none;
    background:none;
}
a:hover {
}
button {
    overflow: hidden;
    cursor: pointer;
}
button span {
    visibility: hidden;
}
address, em {
    font-style: normal;
}
button, input, select, textarea, a {
    vertical-align: middle;
}
select {
    line-height:18px;
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {

    select {
        font-family:dotum !important;
    }
}

@-moz-document url-prefix() {

    select {
        font-family:dotum !important;
    }

}*/

input:focus {
    outline: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}

input[type=text]::-ms-clear {
    display:none;
}

#preview_wrap { display:none !important } /* ¹Ì¸®º¸±â ¼û±è */

/*
========================================================================
Æ÷ÀÎÆ® »ö»ó class
========================================================================
*/

.pointColor { color:#c08dff !important }
.fc-blue { color:#0e67ec; font-weight:bold }

/*
========================================================================
°øÅë 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:31px; line-height:31px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; }
.txt-input2 { padding: 2px 0 0 2px; height:31px; line-height:31px; border: 1px solid #dcdcdc; }
.txt-disabled { background-color: #f6f6f6; }
.chk-rdo { width: 13px; height: 13px; vertical-align: middle; }
/* 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: 0px; top: 0; right: 0; width: 100px; height: 20px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); }
/* en-font */
.fe { font-family:Verdana }
/* font-color */
.fc-red { color: #bd101b; }
.MS_option_price { color: #fe3333 }
/* bold */
.bold { font-weight: bold; }
/* float clear */
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}
/* margin */
.nomg { margin:0 !important }
.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 */
.nopd { padding:0 !important }
.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 10px; }
.tb-btn { padding: 0; }
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.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 8px; 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 #000 }
.table-type-2 th,
.table-type-2 td { border-bottom:1px solid #e9e9e9 }
.table-type-2 th { padding:16px 0; font-size:13px; color:#101010; font-weight:normal }
.table-type-2 td { padding:10px 0; color:#343434 }
.table-type-2 td li { padding:5px 0 }
.table-type-2 td a { vertical-align:top }
.table-type-2 td.review-tx { padding:15px 130px; color:#999 }
.table-type-2 td.nodata { padding:15px 0; text-align:center }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td { background-image: none; }
/* »óÇ°¸®½ºÆ® (¸ÞÀÎ/°Ë»ö/»óÇ°¸®½ºÆ®) */
.prd-list { margin-top: 10px; }
.prd-list table td { border: 0; }
.prd-list table .tb-center { padding: 0 10px; }
.prd-list table .info { padding: 5px 0; }
.prd-list .thumb { width: 196px; height: 196px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border: 2px solid #f2f4f3; }
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: 100%; }
.prd-list .dsc { margin-top: 15px; font-weight: bold; }
.prd-list .price { margin-top: 5px; font-weight: bold; color: #333; }
/* Àå¹Ù±¸´Ï ¸®½ºÆ®, ÁÖ¹®»óÇ° ¸®½ºÆ® */
.table-cart { border-bottom:1px solid #e9e9e9 }
.table-cart thead th { padding:15px 0; font-size:13px; color:#101010; font-weight:bold; border-bottom:1px solid #e9e9e9 }
.table-cart tbody td { padding:10px 0; border-top:1px solid #e9e9e9 }
.table-cart tbody td .thumb { width:70px; height:70px; margin-left: auto; margin-right: auto }
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img { display:block; width:70px; height:70px }
.table-cart tbody td .tb-opt { padding-top:5px }
.table-cart tbody td .tb-opt .tb-dl .opt_dt { display:inline-block; width:34px; line-height:21px; vertical-align:top }
.table-cart tbody td .tb-opt .tb-dl .opt_dd { display:inline-block; line-height:21px; word-break:break-all }
.table-cart tbody td .txt-spin { width:31px; height:21px; border: 1px solid #acacac; font-size: 11px; text-align:center }
.table-cart tbody td .btn_option { padding:5px 11px 3px; font-size:11px }
.table-cart tbody td .btn_select { width:70px; padding:5px 0 3px; font-size:11px }
.table-cart tbody td .d-block { padding-bottom: 3px; }
.table-cart tfoot td { padding:15px 0; font-weight:bold; line-height:20px; border-top:1px solid #e9e9e9 }
.table-cart tfoot strong { color: #fe3333 }

/* ÀϹÝÇü ÁÖ¹®¼­ ÀÛ¼º */
.table-order-prd { border-top:1px solid #000 }

/* ¼ö·® ÄÁÆ®·Ñ */
.table-cart .opt-spin { position: relative; width:50px; height:21px; margin-left: auto; margin-right: auto; padding-bottom:6px }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin { margin-right:3px; width:31px; height:21px; border: 1px solid #acacac; font-size: 11px; text-align:center }
.table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top:4px; }
.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 #000 }
.table-order-info tbody th,
.table-order-info tbody td { padding:12px 0 11px 0; border-bottom: 1px solid #e9e9e9 }
.table-order-info tbody th { background-color:#f8f8f8 }
.table-order-info tbody th div.tb-left { padding-left:25px }
.table-order-info tbody td { padding-left:10px }
.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:40px; font-size:18px; color:#2e2e2e; font-weight:bold }
.table-d2-list { border-top:1px solid #000 }
.table-d2-list thead th { padding:15px 0; font-size:13px; color:#000; font-weight:bold; border-bottom:1px solid #e9e9e9 }
.table-d2-list tbody td { padding:15px 0; color:#343434; border-bottom:1px solid #e9e9e9 }
.table-d2-list tbody td a { color:#343434 }
.table-d2-list tbody td .replyYes { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#fff; text-align:center; border:1px solid #231f20; background: #231f20 }
.table-d2-list tbody td .replyNo { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#231f20; text-align:center; border:1px solid #231f20; background: #fff }

/* ¸¶ÀÌÆäÀÌÁö µðÀÚÀΠŸÀÔ2 Å×ÀÌºí ºä */
.table-d2-view { margin-top:10px; border-top:1px solid #000 }
.table-d2-view th, 
.table-d2-view td { padding:15px 0; border-bottom:1px solid #e9e9e9 }
.table-d2-view th { padding-left:20px; font-size:14px; color:#000; font-weight:normal; background:#f8f8f8  }
.table-d2-view td { padding:15px 0 }
.table-d2-view td .replyYes { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#fff; text-align:center; border:1px solid #231f20; background: #231f20 }
.table-d2-view td .replyNo { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#231f20; text-align:center; border:1px solid #231f20; background: #fff }

/* paging */
.paging { 
    clear: both;
    padding:20px 0;
    text-align:center 
}
.paging a { 
	display:inline-block;
	width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: var(--hc_bd_small);
    text-align: center;
}
.paging a:hover {
	color: var(--hc_color_level2);
	transition: all 0.2s ease;
}
.paging a.now,
.paging .now { 
	color: var(--hc_bright_color);
	background: var(--hc_dark_color);
    transition: all 0.2s ease;
}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last { font-size:13px; font-family:dotum; line-height:18px }
.paging a.first,
.paging a.last { letter-spacing:-4px }

/* ÇöÀçÀ§Ä¡ */
.loc-navi { height:46px; text-align:right; overflow:hidden }
.loc-navi, .loc-navi a { color: #878787; text-transform: capitalize; vertical-align:top; line-height:46px }
/* ÆäÀÌÁö ŸÀÌƲ */
/* ŸÀÔ 1*/
#content .tit-page { padding-bottom:10px; position: relative; font-size:18px; color:#202020; line-height:18px; font-weight:bold; border-bottom: 1px solid #000 }
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; }
#content .tit-page .dsc em { color:#333; }
/* ŸÀÔ 2 */
#content .tit-page-2 { margin-top:40px; position: relative }
#content .tit-page-2 h2 { font-size:18px; color:#2e2e2e; font-weight:bold }
#content .tit-page-2 .dsc { position:absolute; top:8px; right:0 }
/* ŸÀÔ 3 */
#content .page-hd { padding-bottom:5px; border-bottom:1px solid #e3e3e3 }
#content .page-hd h2 { color: #202020; font-size:18px; font-weight:bold; text-transform: uppercase }

/* »óÇ° total/Á¤·Ä */
.total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
/* total */
.total-sort .total { float: left; width: auto; }
.total-sort .total dt,
.total-sort .total dd { display: inline; }
.total-sort .total dd { font-weight: bold; }
.total-sort .total dt { text-transform: capitalize; }
/* sort */
.total-sort .sort { float: right; width: auto; display: inline; margin-right: 20px; }
.total-sort .sort li,
.total-sort .sort li a { float: left; width: auto; }
.total-sort .sort li { display: inline; margin-left: 10px; }
/* °Ô½ÃÆÇ ÃѰԽñÛ,PAGE */
.total-page { zoom: 1; overflow: hidden; }
.total-page .total { float: left; width: auto; }
.total-page .page { float: right; width: auto;}
/* ȸ¿ø µî±Þ Ç¥½Ã */
/* ŸÀÔ 1 */
.mem-lvl { *zoom:1; overflow: hidden; padding:25px 0 25px 350px; width:753px; margin:0 auto; border-bottom:1px dashed #e9e9e9 }
.mem-lvl:after { display:block; clear:both; content:'' }
.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; font-size:12px; color:#2e2e2e; line-height:25px }
.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;
}

/* ŸÀÔ 2 */
.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 { padding: 10px 20px; border: 5px solid #ededed; }
.t-box-msg strong { color: #0178d3; }

/*
========================================================================
°øÅë - ·¹À̾î
========================================================================
*/

#comment_password input { width:185px !important }

/*
========================================================================
°øÅë - ¹öưŸÀÔ
========================================================================
*/

.CSSbuttonBlack { display:inline-block; color:#fff; text-align:center; border:1px solid #231f20; background: #231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.CSSbuttonBlack:hover { color:#231f20; background:#fff }
.CSSbuttonBlack:active { position:relative; top:1px }

.CSSbuttonWhite { display:inline-block;  color:#231f20; text-align:center;  border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.CSSbuttonWhite:hover { color:#fff; background:#231f20 }
.CSSbuttonWhite:active { position: relative; top: 1px }

.CSSbuttonGray { display:inline-block;  color:#231f20; text-align:center;  border:1px solid #e4e4e5; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.CSSbuttonGray:hover { color:#fff; border:1px solid #231f20; background:#231f20 }
.CSSbuttonGray:active { position: relative; top: 1px }

.CSSbuttonMin { padding:3px 10px; font-size:10px }

/*
========================================================================
°øÅë - ·¹À̾ƿô
========================================================================
*/
/* z-index */
#layerWrap { z-index: 1; }
/* layout */
#header,
#layerWrap,
#contentWrap,
#ftLink .link,
#footer { position: relative; margin-left: auto; margin-right: auto; }
#contentWrapper { position: relative; }
#contentWrap { *zoom:1 }
#contentWrap:after { content: ""; display: block; clear: both; }
#aside,
#content { position: relative }
#content { min-height:400px }


/* »óÇ° ¹Ì¸®º¸±â ·¹À̾î */
#detailpage { position: absolute; top: 100px; display: block; width:936px; padding:43px; border:1px solid #838897; background-color: #fff; }
#detailpage .detail { zoom: 1; overflow: hidden; padding-left:526px }
#detailpage .detail:after { display:inline-block; clear:both; content:'' }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: left; }
#detailpage .close-layer { position: absolute; top:19px; right:19px; width:26px; height:26px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_close_layer.gif) 0 0 no-repeat }
/* thumb-wrap */
#detailpage .thumb-wrap { width:486px; height:auto; left:-526px; margin-right:-526px; text-align: center }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .thumb-wrap .thumb img { width:486px }
/* txt-wrap */
#detailpage .txt-wrap { width: 100%; }
#detailpage .txt-wrap .picon { padding-top:10px }
#detailpage .txt-wrap .picon img { margin-right:3px }
#detailpage .txt-wrap .ptit { font-size:18px; color:#1c1c1c }
#detailpage .txt-wrap .table-opt { margin-top:10px }
#detailpage .txt-wrap .table-opt th,
#detailpage .txt-wrap .table-opt td { padding:4px 0 }
#detailpage .txt-wrap .table-opt th { color:#969696; font-weight: normal }
#detailpage .txt-wrap .table-opt th .tb-left,
#detailpage .txt-wrap .table-opt td .tb-left { padding:0 }
#detailpage .txt-wrap .table-opt td { color:#555 }
#detailpage .txt-wrap .table-opt .sell_price { font-size:18px; color:#1c1c1c; font-weight:bold }

#detailpage .txt-wrap .f-btns { margin-top:10px }
#detailpage .txt-wrap .f-btns .soldout { margin-top:6px; width:408px; height:104px; font-size:14px; color:#231f20; text-align:center; line-height:104px; letter-spacing:2px; border:1px solid #231f20; background:#fff }
#detailpage .txt-wrap .f-btns a { margin-top:6px }
#detailpage .txt-wrap .f-btns .btn_buy { display:block; width:408px; height:40px; font-size:13px; color:#fff; font-family:Verdana; text-align:center; line-height:40px; border:1px solid #231f20; background:#231f20 }
#detailpage .txt-wrap .f-btns .btn_buy:hover { color:#000; background:#fff }
#detailpage .txt-wrap .f-btns .btn_buy:active { position: relative; top: 1px }
#detailpage .txt-wrap .f-btns .btn_cart { display:block; width:408; height:40px; font-size:14px; color:#231f20; font-family:Verdana; text-align:center; line-height:40px; border:1px solid #231f20; background:#fff }
#detailpage .txt-wrap .f-btns .btn_cart:hover { color:#fff; background:#231f20 }
#detailpage .txt-wrap .f-btns .btn_cart:active { position: relative; top: 1px }
/* opt-spin */
#detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; }
#detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
#detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; }
#detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }

/* °Ô½ÃÆÇ °øÅë - ÀϹÝ, °Ö·¯¸®, ÄÁÅÙÃ÷¸µÅ©, ÀÚ·á½Ç, ¹Ì´ÏȨÇÇ, ¹æ¸í·Ï, µ¿¿µ»ó */
/* »ó´Ü */
.bbs-hd { padding:65px 0 20px; border-bottom:1px dashed #e9e9e9 }
.bbs-hd .link { text-align: center }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 10px; color: #b7b7b7; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 2px; }
.bbs-hd .link li.last a { background-image: none; }
/* ŸÀÌƲ */
.bbs-tit { margin-top:60px; *zoom:1 }
.bbs-tit:after { display:block; clear:both; content:'' }
.bbs-tit h3 { float:left; font-size:16px; color:#000; font-weight:bold; line-height:30px }
/* °Ë»ö */
.bbs-sch { float:right }
.bbs-sch label { margin-right:10px; font-size:11px }
.bbs-sch label input { margin-top:-3px; vertical-align:middle }
.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 .key-wrap a { margin-left:-1px; vertical-align:top }
.bbs-sch img { *margin-top:1px; *margin-left:-1px; vertical-align:top }
.bbs-sch .keyword { width: 125px; height: 14px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 14px; border: 1px solid #ededed; }
/* °Ô½ÃÆÇ ±Û¾²±â, ¸ñ·Ï À̵¿ ¸µÅ© */
.bbs-btm { padding:15px 0; position:relative; *zoom:1 }
.bbs-btm:after { display:block; clear:both; content:'' }
.bbs-btm .bbs-link { float:right }
.bbs-btm .bbs-link a { margin-left:3px; width:108px; height:38px; font-size:13px; line-height:38px }
.bbs-btm .bbs-paging .paging { margin:0 130px; padding:10px 0 }
/* °Ô½ÃÆÇ ÇÑÁÙ°øÁö */
.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 }
.bbs-table-list thead th,
.bbs-table-list tbody td  { padding:15px 0 } 
.bbs-table-list thead th { font-size:13px; color: #000; font-weight:normal; font-family:Verdana; border-top:1px solid #000; border-bottom: 1px solid #e9e9e9 }
.bbs-table-list tbody td { color:#343434; border-bottom: 1px solid #e9e9e9 }
.bbs-table-list tbody td a {  }
/* °Ô½ÃÆÇ Å¸ÀÔ - º¸±â */
.bbs-table-view { margin-top:10px }
.bbs-table-view thead th,
.bbs-table-view tbody td  { padding:15px 0 } 
.bbs-table-view thead th { color: #000; font-size:15px; font-weight:normal;  border-top: 1px solid #000; border-bottom: 1px solid #e9e9e9 }
.bbs-table-view .btn-dwn { margin-top:15px;}
.bbs-table-view .privercy-agree label { vertical-align:-2px \0/IE8+9; *vertical-align:bottom }
.bbs-table-view .privercy-agree label input { vertical-align:top; *vertical-align:top }
/* Æ˾÷ ŸÀÌƲ (1:1°í°´°Ô½ÃÆÇ) */
.tit-pop { position:relative }
.tit-pop h1 { font-size:18px; color:#000; font-weight:bold; line-height:18px }
.tit-pop .txt { position:absolute; top:5px; right:0; font-size:12px; color:#343434 }

/* ¹Ì´ÏȨÇÇ, ¹æ¸í·Ï °Ô½Ã±Û ºä */
/* »ó´Ü */
.visit-vhd { margin-top: 10px; border-top: 1px solid #000 }
.visit-vhd th,
.visit-vhd td { padding:15px 0; border-bottom: 1px solid #e9e9e9; font-size:15px; color:#000 } 
.visit-vhd .tb-left{ padding:0 10px }
/* ³»¿ë*/
.visit-vcont th,
.visit-vcont td { padding:15px 0; color: #000 } 
.visit-vcont .info em { font-weight:bold }
.visit-vcont .info .video-writer { display:inline-block; *display:inline }
.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td { padding-bottom: 0; border-bottom: 0; }
.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td { padding-top: 2px; border-bottom: 1px dotted #e5e5e5; }
.visit-vcont tr.info td .tb-left { padding-left: 0; color: #555;}
.visit-vcont .tb-left{ padding: 0 3px; }
.visit-vcont td .tb-cont { padding:15px 0; min-height:250px; color:#8d8d8d }
.visit-vcont td .tb-cont img { max-width: 100%; }
/* ÄÚ¸àÆ® */
.visit-vcmt { border-top:1px solid #000 }
.visit-vcmt td { padding:20px 0 15px; border-bottom:1px dashed #e9e9e9; vertical-align:top }
.visit-vcmt .com-name { margin-right:20px; font-weight:bold; color:#000 }
.visit-vcmt .com-date { font-size:11px; color:#aeaeae }
.visit-vcmt .com-cont { padding:10px 20px 0 0; color:#828282; line-height:20px }
/* ÀÛ¼º */
.vist-vcmt-reg { margin-top: 10px; border-bottom: 1px solid #e5e5e5; }
.vist-vcmt-reg th,
.vist-vcmt-reg td ,#comment_reply_input th { padding: 6px 0;}
.vist-vcmt-reg th ,#comment_reply_input th { font-weight: normal; color: #9d9d9d; }
.vist-vcmt-reg .tb-left ,#comment_reply_input .tb-left{ padding: 0 3px; }
.vist-vcmt-reg th .tb-left { padding-left: 10px; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 45%; }
/* °Ô½ÃÆÇ Å¸ÀÔ - ¾²±â */
.bbs-table-write { margin-top:10px; border-top:1px solid #000 }
.bbs-table-write tbody th,
.bbs-table-write tbody td { padding:13px 0; text-align:left; border-bottom:1px solid #e9e9e9 } 
.bbs-table-write tbody th { padding-left:30px; font-size:14px; font-weight:normal; background:#f8f8f8 }
.bbs-table-write tbody td { padding:13px 10px }
.bbs-table-write .privercy-agree label { vertical-align:-2px \0/IE8+9; *vertical-align:bottom }
.bbs-table-write .privercy-agree label input { vertical-align:top; *vertical-align:top }

/* °Ô½ÃÆÇ Å¸ÀÔ - ºñ¹Ð¹øȣã±â */
.bbs-table-pwd { margin-top:10px; padding:60px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.bbs-table-pwd table { width:475px; margin:0 auto }
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td  { font-size:14px; color:#8d8d8d; font-weight:normal } 
.bbs-table-pwd tbody td input { padding:0 0 0 5px; width:355px; height:42px; line-height:42px; border:1px solid #ddd }

.pwd-link { padding:40px 0 100px; text-align:center }
.pwd-link a { margin:0 3px; width:188px; height:58px; font-size:16px; line-height:58px }

/* °øÅëÀ¸·Î ¾²´Â°Å */
.input-style { padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;}

.cont-sub-des { position:relative;}
.cont-sub-des div { padding-top:5px }
.cont-sub-des span { margin-right:15px; color:#343434 }
.cont-sub-des span em { font-size:12px; color:#343434; font-weight:bold }
.cont-sub-des span a {  }

.comment-list { border-top:1px solid #000 }
.comment-write { border-bottom:1px solid #e9e9e9 }
.bbs-table-view .comment-box td { padding-top:20px; border-bottom:1px dashed #e9e9e9;  vertical-align:top }
.comment-box .com-name { margin-right:20px; font-weight:bold; color:#000 }
.comment-box .com-date { font-size:11px; color:#aeaeae }
.comment-box .com-cont { padding:10px 20px 0 0; color:#828282; line-height:20px }
.bbs-table-view td.com-wrt-box { border:0;}
.com-wrt-box label { padding-left:12px; font-size:14px; color:#000; background: url('//image.makeshop.co.kr/makeshop/d3/basic_simple/common/bu_4x4.gif') no-repeat 0 50%;}
.com-wrt-box .input-style { 
	margin:0 10px 0 7px; 
	padding:0 0 0 5px; 
	width:212px; 
	height:27px; 
	line-height:27px;
}
.com-wrt-box .wrt { margin-top:7px }
.com-wrt-box .wrt span { margin:0 10px; font-size:14px; color:#828282 }
.com-wrt-box .wrt textarea { 
	padding:10 px; 
	width:100%; 
	height:118px; 
}
.com-wrt-box .wrt_write { 
	padding-bottom:15px; 
	font-size:0;
	display: flex;	
}
.com-wrt-box .wrt_write .CSSbuttonBlack { 
	width:118px; 
	height:118px; 
	font-size:16px; 
	line-height:118px;
	box-sizing: border-box;
}
.view-link { padding:20px 0; text-align:right }
.view-link a { width:108px; height:38px; font-size:13px; line-height:38px }

/* °Ô½ÃÆÇ È¸¿ø °Ô½Ã±Û °Ë»ö */
.search_id { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DADADA; display: block; padding: 3px; position: absolute; width: 90px; }

/* °³ÀÎÁ¤º¸º¸È£Á¤Ã¥ µ¿ÀÇ */
.new-privercy-contract { text-align: left }
.new-privercy-contract p { font-weight: bold; margin: 0; margin-bottom: 10px; margin-top: 20px; text-align: left; }
.new-privercy-contract .privercy-agree label { vertical-align:-2px \0/IE8+9; *vertical-align:bottom }
.new-privercy-contract .privercy-agree label input { vertical-align:top; *vertical-align:top }
.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: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.privercy-contract { clear: both; }
.privercy-contract textarea { clear: both; border: 1px solid #CCC; height: 60px; background: #FFFFFF; padding: 10px; width: 660px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px }

/*
========================================================================
hot issue common class
========================================================================
*/

/* .item-wrap */
.item-wrap {
    overflow: hidden;
}
.item-wrap .item-hd { margin: 40px 0 20px 0 }
.item-wrap .nbg { background: none; text-align: center; }
.item-wrap .item-info { zoom: 1; overflow: hidden; padding: 35px 0 10px; margin-bottom:10px }
.item-wrap .item-info:after { display:block; clear:both; content:'' }
.item-wrap .item-info .item-total { float: left; font-size:14px; color:#7b7b7b }
.item-wrap .item-info .item-total span { color: #0e0d0d }
.item-wrap .item-info .item-order { float: right }
.item-wrap .item-info .item-order li { float: left; padding: 0 15px; line-height:12px; border-right:1px solid #ddd }
.item-wrap .item-info .item-order li.nobg { padding-right:0; border-right:none }
.item-wrap .item-info .item-order li a { font-size: 12px; color:#a6a6a6; line-height:12px; vertical-align:top }
.item-wrap .item-info .item-order li a .on { color: #111 }

.item-wrap .item-cont { width:1122px; *zoom:1 }
.item-wrap .item-cont:after { content: ""; display: block; clear: both }
.item-wrap .item-cont .item-list { padding-right:22px; float:left; width:352px; text-align:center }
.item-wrap .item-cont .item-list .thumb { width:352px; height:352px; overflow:hidden }
.item-wrap .item-cont .item-list .thumb img { width:352px;  height:352px }
.item-wrap .item-cont .item-list .prd-info { padding:18px 0 60px; overflow:hidden }
.item-wrap .item-cont .item-list .prd-ico img { margin:2px }
.item-wrap .item-cont .item-list .prd-name { padding-top:5px }
.item-wrap .item-cont .item-list .prd-name a { display:block; color:#1c1c1c; line-height:14px; text-overflow:ellipsis; word-wrap:normal }
.item-wrap .item-cont .item-list .prd-price { padding-top:5px; font-family:Verdana }
.item-wrap .item-cont .item-list .prd-price strike { color:#707070 }
.item-wrap .item-cont .item-list .prd-price .price { color:#1c1c1c }
.item-wrap .item-cont .item-list .prd-color { padding-top:5px }
.item-wrap .item-cont .item-list .prd-preview { padding-top:5px }
.item-wrap .item-cont .item-list .prd-preview .btn-preview { display:inline-block; width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat }
.item-wrap .item-cont .item-list .prd-benefit { padding-top:5px }
.item-wrap .item-cont .item-list .prd-wish { padding-top: 14px; }
.item-wrap .item-cont .item-list .prd-wish a { font-family: 'malgun gothic'; font-size: 14px; color: #000; }
.item-wrap .item-cont .item-list .prd-wish i.fa { margin-right: 4px; color: #c8c8c8; font-size: 22px; vertical-align: text-top; cursor:pointer; }
.item-wrap .item-cont .item-list .prd-wish i.fa-heart { display:none; color: #f41f3a; }
.item-wrap .item-cont .item-list .prd-wish .wish-on i.fa-heart { display:inline-block; }
.item-wrap .item-cont .item-list .prd-wish .wish-on i.fa-heart-o { display:none; }
.item-wrap .item-cont .item-list .prd-subname { margin-top:15px; padding-top:15px; color:#8b8b8b; text-align:left; border-top:1px dashed #c6c6c6 }
.item-wrap .item-cont .item-list .MK-product-icons img { vertical-align: middle }
.item-wrap .item-cont .nomg { padding-right: 0px }
.item-wrap .item-page { margin-top: 50px; text-align: center; }
.item-wrap .item-page a { padding: 0 5px }
.item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: #111; font-weight: bold; letter-spacing: -1px; }

/* ŸÀÌƲ */
.cateTit { padding-top:60px; position:relative; text-align:center }
.cateTit h3 { font-size:20px; color:#1c1c1c; font-weight:bold; font-family:Verdana; line-height:20px }
.cateTit .line { margin:20px auto; width:10px; height:2px; background:#1c1c1c }


/* ŸÀÌƲ - ȸ¿ø°¡ÀÔ µîÀÇ ÆäÀÌÁö */
.cateTit_v2 { *zoom:1 }
.cateTit_v2:after{content:"";display:block;clear:both;}
.cateTit_v2 .right{float:right;}
.cateTit_v2 .title{font-size:18px;line-height:1;font-weight:bold;display:inline-block;*float:left;*line-height:20px}
.cateTit_v2 .subTxt{font-size:12px;line-height:1.5;}
.cateTit_v2.join{margin:88px 0 20px;padding:14px 0;border-bottom:1px solid #000;color:#000;}

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.product-wrap { margin:0 auto 100px; position:relative; width:1320px; overflow:hidden; }
.prd_week_best {   
	width: 100%;    
    margin-top: 60px;
}
.item-wrap {
    margin:0 auto;
}
.item-wrap .item-cont{/*width:100%;*/ display:table; overflow:hidden; font-size:0; line-height:0;}
.item-wrap .item-cont .item-list{display:inline-block; width:25%; vertical-align:top; overflow:hidden; padding:0 10px; box-sizing:border-box; padding-bottom:50px;}
.item-wrap .item-cont.grid4 .item-list{width:25%;}
.item-wrap .item-cont.grid3 .item-list{width:33.25%;}
.item-wrap .item-cont.m_st .item-list{width:25%;}
.item-wrap .item-cont.m_st .item-list:nth-child(15n),
.item-wrap .item-cont.m_st .item-list:nth-child(15n-1),
.item-wrap .item-cont.m_st .item-list:nth-child(15n-2){width:33.25%;}
.item-wrap .item-cont .item-list .thumbnail{position:relative; display:block; width:100%; overflow:hidden; margin-bottom:15px;}
.item-wrap .item-cont .item-list .thumbnail img{display:block; width:100%; height:auto;}

.item-wrap .item-cont .description { margin: 0 auto; padding: 0 15px; font-size: 12px; line-height: 18px; text-align: center; position: relative;}
.item-wrap .item-cont .description .name {display: block; font-weight: normal; padding-bottom: 5px; letter-spacing: 1.5px;}
.item-wrap .item-cont .description .name a { color: #2e2e2e;}
.item-wrap .item-cont .description .name
.item-wrap .item-cont .description .mileage { display: block;}
.item-wrap .item-cont .description span.grid { display: block;}
.item-wrap .item-cont .description .color{text-align:center;  padding:4px;}
.item-wrap .item-cont .description .color .chips{display:inline-block; width: 8px; height: 8px; margin: 0 0 0 4px; border: 1px solid #ccc; border-radius: 100%;font-size: 0; line-height: 0; }

.item-wrap .item-cont .promotion { text-align: center; margin: 6px 0 0;}

.item-wrap .item-cont .item-list .thumbnail .icon {margin: 10px 0 0; border-bottom: 1px solid #e8e8e8; vertical-align: middle; position: absolute; bottom: 0; left: 0; opacity: 0;}
.item-wrap .item-cont .item-list .thumbnail .icon:after {content: ""; display: block; clear: both;}
.item-wrap .item-cont .item-list:hover .thumbnail .icon {opacity: 1; transition: all 1s;}

.item-wrap .item-cont .item-list .thumbnail .promotion { float: left; margin: 0 0 4px; text-align: left;}
.item-wrap .item-cont .item-list .thumbnail .promotion img { margin: 0 4px 0 0;}
.item-wrap .item-cont .item-list .thumbnail .button { float: right; margin:0;}
.item-wrap .item-cont .item-list .thumbnail .button img {max-width:100%; width:auto; cursor: pointer;}
.item-wrap .item-cont .item-list .thumbnail .button .option { display: inline; position: relative;}
.item-wrap .item-cont .item-list .thumbnail .button .likeButton { display: inline-block; margin: 0 5px;}
.item-wrap .item-cont .item-list .thumbnail .button .likeButton button { font-family: verdana; color: #9a9a9a; letter-spacing: -1px; background: none;}
.item-wrap .item-cont .item-list .thumbnail .button .likeButton button img { margin-bottom: 0; vertical-align: middle;}
.item-wrap .item-cont .item-list .thumbnail .button .likeButton button strong { height: 16px; vertical-align: middle;}
.item-wrap .item-cont .item-list .thumbnail .button .likeButton.selected button { color: #353535;}

.item-wrap .item-cont .item-list .thumbnail .button .option a { display: inline; position: relative; background: rgba(255, 255, 255, 0.5); width: 37px; height: auto; text-align: center; display: inline-block; float: left; line-height: 33px; transition: all 0.4s;}
.item-wrap .item-cont .item-list .thumbnail .button .option a:hover { background: rgba(255, 255, 255, 0.9);}
.item-wrap .item-cont .item-list .thumbnail .button > a,
.item-wrap .item-cont .item-list .thumbnail .button > span { background: rgba(255, 255, 255, 0.5); width: 37px; height: auto; text-align: center; display: inline-block; float: left; transition: all 0.4s;}
.item-wrap .item-cont .item-list .thumbnail .button > a:hover,
.item-wrap .item-cont .item-list .thumbnail .button > span:hover { background: rgba(255, 255, 255, 0.9);}
.item-wrap .item-cont .MK-product-icons img{margin-right:4px;}

.item-wrap .tit_common { margin: 0!important;}
.item-wrap .tit_common span { position: relative; display: inline-block; zoom: 1; *display: inline; font-size: 18px; letter-spacing: 3px; color: #444; font-weight: 600; line-height: 28px;}
.item-wrap .tit_text { text-align: center; color: #999; margin: 15px 0 50px; letter-spacing: 1.5px; line-height: 1.8; font-size: 12px;}


.item_slide_wrap{
	position:relative; 
}
.prd_week_best .item_slide_wrap{
	padding-bottom:40px;
}
.item_slide_wrap .bx-controls{}
.item_slide_wrap .bx-controls .bx-pager{position:absolute; left:0; bottom: 30px !important; width:100%; text-align:center; z-index:100;}
.item_slide_wrap .bx-controls .bx-pager .bx-pager-item{display:inline-block;}
.item_slide_wrap .bx-controls .bx-pager .bx-pager-item .bx-pager-link{display:block; margin: 0 4px !important; width: 9px; height: 9px; font-size:0; text-indent:-1000px; overflow:hidden;
    background: rgba(1, 1, 1, 0.5);    opacity: 0.5;    border-radius: 9px;    transition: all 0.35s ease;    -webkit-transition: all 0.35s ease;    -khtml-transition: all 0.35s ease;    -ms-transition: all 0.35s ease;    -o-transition: all 0.35s ease;}
.item_slide_wrap .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{width: 34px; background: rgba(1, 1, 1, 0.9); opacity: 0.7;}
.item_slide_wrap .bx-controls .bx-controls-direction{}
.item_slide_wrap .bx-controls .bx-controls-direction .bx-prev,
.item_slide_wrap .bx-controls .bx-controls-direction .bx-next{
    position:absolute; 
    top:36%; 
    width: 36px; 
    height: 36px; 
    background-size: auto;  
    background-position:center;
    background-repeat:no-repeat;
    z-index:100; 
    text-indent:-100px; 
    overflow:hidden; 
    font-size:0;
}
.item_slide_wrap .bx-controls .bx-controls-direction .bx-prev{right: auto; left: 0%; background-image: url(/design/kcompany7/images/btn_visual_prev.gif);}
.item_slide_wrap .bx-controls .bx-controls-direction .bx-next{left: auto; right: 0%; background-image: url(/design/kcompany7/images/btn_visual_next.gif);}

.titleArea {
    margin: 0 auto 90px;
    text-align: center;
}
.titleArea h2 {
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 24px;
    letter-spacing: 3px;
    color: #222;
    line-height: 28px;
    font-weight: 400;
}
div.ec-base-help {
	margin:20px 0;
	border:1px solid #d6d4d4;
	line-height:18px;
}
div.ec-base-help>h2,div.ec-base-help>h3 {
	padding:9px 0 6px 10px;
	border-bottom:1px solid #e8e7e7;
	color:#101010;
	font-size:12px;
	background:#fbfbfb;
}
div.ec-base-help .inner {
	padding:0 9px 12px;
}
div.ec-base-help h4 {
	margin:22px 0 -4px;
	color:#404040;
	font-size:12px;
	font-weight:normal;
}
div.ec-base-help h4:first-child {
	margin-top:13px;
}
div.ec-base-help p {
	margin:15px 0 0 10px;
	color:#707070;
}
div.ec-base-help ul,div.ec-base-help ol {
	margin:15px 0 0 11px;
}
div.ec-base-help li {
	color:#707070;
}
div.ec-base-help ol li {
	padding:0 0 0 25px;
	background:url('/design/kcompany7/images/ico_number.png') no-repeat;
}
div.ec-base-help ol .item1 {
	background-position:-484px 0;
}
div.ec-base-help ol .item2 {
	background-position:-434px -100px;
}
div.ec-base-help ol .item3 {
	background-position:-384px -200px;
}
div.ec-base-help ol .item4 {
	background-position:-334px -300px;
}
div.ec-base-help ol .item5 {
	background-position:-284px -400px;
}
div.ec-base-help ol .item6 {
	background-position:-234px -500px;
}
div.ec-base-help ol .item7 {
	background-position:-184px -600px;
}
div.ec-base-help ol .item8 {
	background-position:-134px -700px;
}
div.ec-base-help ol .item9 {
	background-position:-84px -800px;
}
div.ec-base-help ol .item10 {
	background-position:-34px -900px;
}
div.ec-base-help ul li {
	padding:0 0 0 11px;
	background:url('/design/kcompany7/images/ico_dash.gif') no-repeat 0 7px;
}
div.ec-base-help>h2,div.ec-base-help>h3 {
	padding:14px 0 12px 14px;
	background:#fff;
	font-size:13px
}


/*
¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú

    2023 ÇýÀ³¾ØÄÛ ¸®´º¾ó ÇÁ·ÎÁ§Æ®

¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú
*/
@charset "UTF-8";
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'suigenerisrg';
    src: url('/design/kcompany7/fonts/suigenerisrg.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MORPHEUS';
    src: url('/design/kcompany7/fonts/MORPHEUS.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ARIALN';
    src: url('/design/kcompany7/fonts/ARIALN.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'skurri';
    src: url('/design/kcompany7/fonts/skurri.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FRIZQT';
    src: url('/design/kcompany7/fonts/FRIZQT__.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* COMMON */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img, figure {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    width: 100%;
    height: 100%;
    /* 10px / 16px = 0.625 = 62.5% */
    /* Percentage of user's browser font-size setting */
    font-size: 62.5%;
}

body, code {
    font-family: 'SUI', 'SUIT-Regular', 'SpoqaHanSans', "Noto Sans KR", "sans-serif";
    font-size: 1.2rem;
    color: var(--hc_dark_color);
    line-height: 1.7;
}

li {
  list-style: none;
}

img, fieldset {
	border: none;
	vertical-align: top;
}
img {
    max-width:100%;
}
table {
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  display: none;
}

th, td {
  border: 0;
  vertical-align: top;
}

button {
  overflow: visible;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}
fieldset {
    font-family: var(--fontfamily1);
}
input[type="password"],
input[type=file],
input[type=text],
textarea,
select {
    padding: 12px 13px;
    font-family: var(--fontfamily1);
    font-size: var(--hc_bd_medium);
    border: 1px solid var(--hc_dark_color);
    box-sizing: border-box;
}
textarea:focus-visible,
select:focus-visible,
input:focus-visible {
    outline: none;
    outline-offset: 0px;
    border-radius: 0;
}
input[type="checkbox"] {
    cursor: pointer;
}
select:not(:-internal-list-box) {
    overflow: hidden;
}

small {
    font-size: var(--hc_bd_xsmall); 
}

* {
    font-family: 'SUI', 'SUIT-Regular', 'SpoqaHanSans', "Noto Sans KR", "sans-serif";
	box-sizing: border-box;
	outline: none;
}

.hc_prev {
    transform: rotate(175deg);
} 
.hc_next {
    transform: rotate(356deg);
}  


/* ¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿
	µðÀÚÀÎ ½Ã½ºÅÛ ±ÔÄ¢ !!
   ¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿ */

:root {
  /* ŸÀÌƲ ±ÔÄ¢ */
  --hc_tit: 30px; 			/* ·Î°í¿ë        */
  --hc_tit_page: 40px; 		/* ÆäÀÌÁö ŸÀÌƲ   */
  --hc_tit_content: 60px; 	/* Á¦¸ñ         */
  --hc_tit_headline: 36px; 	/* ¸Ó¸®¸»       */
  --hc_tit_caption: 24px; 	/* ºÎ ¸Ó¸®¸»     */
  
  /* º»¹® ÅؽºÆ® ±ÔÄ¢ */
  --hc_bd_xsmall: 12px;
  --hc_bd_small: 14px;
  --hc_bd_medium: 16px;
  --hc_bd_large: 18px;
  --hc_bd_xlarge: 20px;
  --hc_bd_xxlarge: 22px;
  
  /* Ä÷¯ ±ÔÄ¢ */
  --hc_dark_color:#000;
  --hc_bright_color:#fff;
  --hc_color_point:#31A364;
  --hc_color_level2:#8F8F8F;
  --hc_color_level3:#F8F8F8;
  --hc_color_level4:#8E8E8E;
  --hc_color_level5:#999;
  
  /* ÅؽºÆ® Weight ±ÔÄ¢ */
  --hc_thin: 100;
  --hc_light: 300;
  --hc_regular: 400;
  --hc_medium: 500;
  --hc_medium_m: 600;
  --hc_bold: 700;
  --hc_bold_m: 800;
  --hc_heavy: 900;
  
  /* ÆùÆ® ½ºÅ¸ÀÏ */
  --fontfamily1: 'SUIT-Regular';
  --fontfamily2: 'SUIT-Regular';
  --fontfamily3: 'SUIT-Regular';
  --fontfamily3_1: "Arial Regular";
  --fontfamily3_2: "Arial Narrow";
  --fontfamily3_3: "Arial Medium";
  --fontfamily3_4: "Arial Bold";
  --fontfamily3_5: "Arial Narrow Bold";
  --fontfamily3_6: "Arial Light Regular";
  --fontfamily3_7: "Arial CE Regular";
  --fontfamily3_8: "Arial CE MT Black Regular";
  --fontfamily3_9: "Arial CE Bold";
  
  /* width & height ¼öÄ¡ °ª */
  --hc_basewrap:1920px;
  --hc_contentwrap:1300px;
  --hc_title_area: 142px;     /* Á¦¸ñ ¿µ¿ª */
  --hc_content_area: 416px;   /* ³»¿ë ¿µ¿ª */
	
  /* °£°Ý */
  --hc_clarification: 54px 0 44px; 
  --main_space: 0 20px;
}

/* ¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿¡¿ */
/* ·¹À̾ƿô ±ÔÄ¢ */
#hc_contentWrap > main,
#hc_commonWrap,
.hc_sorting_options,
.hc_ft_businessGuide, 
.hc_titleRule:before,
.hc_period, 
.hc_modal_search,
.hc_aside_main_login,
.hc_aside_main_category, 
.hc_header_main,
.hc_notice_top,
.accordion,
.hc_edit .hc_checkbox textarea,
.hc_edit .hc_filebox .hc_upload,
.hc_wrap_policy .policytab {
    /*width: 100%;*/
    max-width: 100%;
}
#hc_commonWrap {
	margin: 0 auto;
	position: relative;
    top:94px;
	width: 100%;
    max-width: 100%;
}
#hc_contentWrap {
    margin: 0 auto;
    /*max-width: var(--hc_basewrap);*/
}
.hc_wrap_cart {
    margin:var(--main_space);
}

.hc_md_table_title {
  display: flex;
  align-content: flex-end;
  justify-content: space-between;
  align-items: flex-end;
  padding: 120px 0 30px;
  border-bottom: 3px solid var(--hc_dark_color);
  font-size: var(--hc_tit);
  font-weight: var(--hc_regular);
}

/* Å×À̺í */
.hc_md_table_detail_article,
.hc_md_table_detail_caption {
  height: 70px;
  line-height: 70px;
  font-size: var(--hc_bd_medium);
  font-weight: var(--hc_regular);
  text-align: center;
  border-bottom: 1px solid var(--hc_dark_color);
}
.hc_md_table_detail_article td,
.hc_md_table_detail_caption td {
  border-bottom: 1px solid var(--hc_color_level2);
}
.hc_md_table_detail_article td:nth-child(2),
.hc_md_table_detail_caption td:nth-child(2) {
  text-align: left;
}

/* ±âŸ */
.hc_select_typeM select {
	padding-left: 10px;
	width: 200px;
    height: 40px;
    border-radius: 0;
    border: 1px solid var(--hc_dark_color);
	box-sizing: border-box;
}

/* ¸ðµâ - ÅÇ ½ºÅ¸ÀÏ */
.tab_item {
	display: block;
	float: left;
	margin-bottom: 40px;
	width: 50%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid var(--hc_dark_color);
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.2s ease;
}

/* ¶óµð¿À ¹öÆ° UI»èÁ¦*/
input[name=hc_vf_tab_item],
input[name=tab_item] {
  display: none;
}

/* ÅÇ ÄÁÅÙÃ÷ ½ºÅ¸ÀÏ */
.hc_vf_content,
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}

/* ¼±Åà µÈ ÅÇ ÄÜÅÙÃ÷¸¦ Ç¥½Ã */
#hc_page4_show4:checked ~ #hc_page4_content_show4,
#hc_page3_show4:checked ~ #hc_page3_content_show4,
#hc_page2_show4:checked ~ #hc_page2_content_show4,
#hc_page1_show4:checked ~ #hc_page1_content_show4,
#hc_page4_show3:checked ~ #hc_page4_content_show3,
#hc_page3_show3:checked ~ #hc_page3_content_show3,
#hc_page2_show3:checked ~ #hc_page2_content_show3,
#hc_page1_show3:checked ~ #hc_page1_content_show3,
#hc_align_three:checked ~ #hc_vf_three_content,
#hc_align_four:checked ~ #hc_vf_four_content,
#all:checked ~ #all_content,
#programming:checked ~ #programming_content {
  display: block;
}

/* ¼±ÅÃµÈ ÅÇ ½ºÅ¸ÀÏ */
.hc_sub_pages4 input:checked + .hc_paging_item_show4,
.hc_sub_pages3 input:checked + .hc_paging_item_show3,
.hc_vf_tabs input:checked + .hc_vf_tab_item,
.tabs input:checked + .tab_item {
  color: var(--hc_bright_color);
  background: var(--hc_dark_color);
}

/* sub ÅÇ ½ºÅ¸ÀÏ */
.hc_vf_tab_item {
  float: right;
  margin-left: 14px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border: 1px solid var(--hc_color_level2);
  border-radius: 100%;
  transition: all 0.2s ease;
  cursor: pointer;
}

.hc_vf_tabs input:checked + .hc_vf_tab_item {
  border: 1px solid var(--hc_dark_color);
}

/*  ÆäÀÌ¡ ÅÇ Àüü ½ºÅ¸ÀÏ */
.hc_pages {
  margin: 0 20px;
  display: inline-block;
}

/* ÅÇ ½ºÅ¸ÀÏ */
.hc_paging_item_show4,
.hc_paging_item_show3 {
  display: inline-block;
  margin: 0 4px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: var(--hc_bd_small);
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* ³¡: ¸ðµâ ÅÇ ½ºÅ¸ÀÏ */

.hc_md_arrow {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0 1rem;
}

.hc_md_arrow span {
  top: 0.5rem;
  position: absolute;
  width: 0.75rem;
  height: 0.1rem;
  background-color: #000;
  display: inline-block;
  transition: all 0.2s ease;
}

.hc_md_arrow span:first-of-type {
  left: 0;
  transform: rotate(45deg);
}

.hc_md_arrow span:last-of-type {
  right: 0;
  transform: rotate(-45deg);
}

.hc_md_arrow.active span:first-of-type {
  transform: rotate(-45deg);
}

.hc_md_arrow.active span:last-of-type {
  transform: rotate(45deg);
}

.hc_md_accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* Accordion styles */
.hc_md_accordion {
	padding: 20px 0 150px;
	overflow: hidden;
}
.accordion {
  color: var(--hc_dark_color);
  font-size: var(--hc_bd_small);
  overflow: hidden;
}
.accordion-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: var(--hc_bright_color);
  border-bottom: 1px solid var(--hc_color_level2);
  cursor: pointer;
  /* Icon */
}
.accordion-label:hover {
  font-weight: var(--hc_bold);
}
.accordion-label:after {
  content: ">";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.accordion-content {
  max-height: 0;
  padding: 0 1em;
  color: var(--hc_dark_color);
  background: var(--hc_bright_color);
  transition: all 0.35s;
}
.accordion-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  background: var(--hc_bright_color);
  cursor: pointer;
}
.accordion-close:hover {
  background: var(--hc_bright_color);
}

input:checked + .accordion-label {
  color: var(--hc_bright_color);
  font-weight: var(--hc_bold);
  background: var(--hc_dark_color);
}
input:checked + .accordion-label::after {
  transform: rotate(90deg);
}
input:checked ~ .accordion-content {
  max-height: 100vh;
  padding: 1em;
}

/*# sourceMappingURL=module.css.map */

/* »ó´Ü ÅؽºÆ® ¹è³Ê */
.hc_notice_top {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top:0;
    z-index: 9999;
    width: 100%;
    height: 46px;
    color: var(--hc_bright_color);
    font-size: var(--hc_bd_small);
    background-color: var(--hc_dark_color); 
}

/* ¸ÞÀÎ header */
header {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 10rem;
    background: #fff;
    box-sizing: border-box;
}
header nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10rem;
    width: inherit;
    height: 10rem;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.hc_left_wrap, .hc_right_wrap {
    display: inline-block;
}

.hc_center_wrap {
    margin: 0 auto;
    text-align: center;
}

#hc_mainWrap {
    padding: 10rem 10rem 0;
}
/* SUB ÆäÀÌÁö ÁÂ¿ì ¿©¹é Àû¿ë */
.hc_wrap_layout4,
.hc_wrap_half,
.hc_wrap_event,
.hc_wrap_sub {
    padding: 0 10rem;
}

.hc_hd_ic_hamburger {
    position: relative;
    top: 3px;
    left: 0;
    cursor: pointer;
    z-index:990;
}
header nav h1 a {
    font-size: var(--hc_tit);
    font-weight: var(--hc_heavy);
}
.hc_header_main h1 a {
    color: var(--hc_dark_color);
}
.hc_right_wrap .hc_hd_ic_search, .hc_right_wrap a {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
}
.hc_hd_ic_search {
    margin: 0;
    top: 2px;
    height: 34px;
    cursor: pointer;
}
.hc_hd_ic_mypage {
    position: relative;
    top: 5px;
    left: 3px;
    cursor: pointer;
}
.hc_hd_ic_cart {
    cursor: pointer;
}

/* °øÅë header */
.hc_header {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hc_incart {
    position: absolute;
    top: -4px;
    right: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: var(--hc_color_point);
    border-radius: 20px;
}
.hc_header h1 a {
    font-size: var(--hc_tit);
}
.hc_header_login {
    padding-left: 8px;
    position: relative;
    top: 8px;
}

/* °øÅë ÁÂÃø Çܹö°Å */
.hc_aside_main {
	padding: 45px;
	position: fixed;
	top: 46px;
	left: -400px;
	z-index: 10000;
	width: 400px;
	height: 100vh;
	line-height: 2;
	background-color: var(--hc_bright_color);
	box-sizing: border-box;
}

.hc_aside_main li {
  cursor: pointer;
}
.hc_aside_main nav {
  position: relative;
}

.hc_aside_main_login,
.hc_aside_main_category {
  position: absolute;
  top: 0;
  height: 100vh;
  background: var(--hc_bright_color);
}

.hc_aside_main ul {
  margin-bottom: 40px;
  font-size: var(--hc_bd_large);
}

.hc_aside_main ul a {
  font-size: var(--hc_bd_large);
}

.hc_aside_main ul a p {
  margin-left: 14px;
  font-size: var(--hc_bd_medium);
}


/* ¾ÆÄÚµð¾ð */
.hc_aside_main .hc_submenu {
  margin-bottom: 40px;
}

.hc_aside_main .hc_submenu a {
  margin-left: 14px;
  font-size: var(--hc_bd_small);
}

.hc_main_menu {
  font-size: var(--hc_bd_large);
  cursor: pointer;
}

.hc_main_menu:hover {
  opacity: 0.7;
}

.hc_menu_content {
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.hc_menu_state:checked ~ .hc_menu_content {
  max-height: 400px;
}

.hc_menu_state_2:checked ~ .hc_menu_content {
  max-height: 400px;
}

/* ¸ð´Þ °Ë»öâ */
.hc_modal_search {
  position: fixed;
  top:0;
  z-index:99999;
  display: none;
  width:100vw;
  height: 100vh;
  background: var(--hc_bright_color);
}

.hc_modal_search .hc_hd_ic_close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
}
.hc_modal_search_contents {
	position: relative;
	top: 50%;
	height: 300px;
	margin-top: -160px;
	text-align: center;
}
.hc_modal_search .hc_tit {
  margin-bottom: 32px;
  font-family: var(--fontfamily1);
  font-size: var(--hc_tit);
  font-weight: var(--hc_regular);
}
.hc_modal_search form {
    margin: 34px 0 42px;
}
.hc_modal_search input[name=search]:focus,
.hc_modal_search input[name=search] {
  width: 328px;
  height: 48px;
  padding: 0 10px;
  font-size: var(--hc_bd_medium);
  border: 1px solid var(--hc_color_level2);
  box-sizing: border-box;
  outline: 0px;
}
.hc_modal_search input:focus-visible {
  border: 1px solid var(--hc_dark_color);
}
.hc_best_keyword li {
  padding: 0 20px 4px;
  display: inline-block;
  line-height: 1.7;
  border: 1px solid var(--hc_color_level2);
  border-radius: 20px;
}

/* ÄÁÅÙÃ÷ ¿µ¿ª */
.hc_titleRule {
  display: inline-block;
  margin: 78px 0 22px;
  border-top: 1px solid var(--hc_dark_color);
  border-bottom: 1px solid #000;
  padding-bottom: 14px;
  padding-top: 15px;
  font-size: var(--hc_bd_large);
  font-weight: var(--hc_regular);
}
.hc_titleRule::before {
  content: " ";
  display: none;
  height: 1px;
  background: var(--hc_dark_color);
  position: relative;
  top: -5px;
}
.hc_main_section5 .hc_bd_medium {
  margin-top: 30px;
  font-size: var(--hc_bd_medium);
  line-height: 1.7;
}
.hc_main_section6, .hc_main_section4 {
    margin-bottom: 300px;
}

/* 
	SUB 
*/
.hc_view_format {
	font-size: var(--hc_bd_xsmall);
	box-sizing: border-box;
}
.hc_thumbnail_list dl {
  position: relative;
}

.hc_thumbnail_list .hc_badge_ranking {
  top: 5px;
  right: 5px;
}
.hc_wrap_event .hc_thumbnail_list dt img {
	border-radius: 318px 318px 0 0;
}
.hc_wrap_event .prd_week_best .bx-wrapper img {
	border-radius: 318px 318px 0 0;
}
.hc_vf {
	float: right;
	line-height: 25px;
}
.hc_prdlist_row3 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(33%, auto));
	column-gap: 0.5%;
	position: relative;
}
.hc_prdlist_row1 {
	display: flex;
    flex-direction: row;
}
.hc_sorting_options {
	display: flex;
	flex-direction: row;
	align-content: space-around;
	justify-content: flex-end;
	align-items: center;
	padding: 20px 0 66px;
    width: 100%;
}
.hc_sorting_options li {
	display: inline-block;
	margin-left: 20px;
	font-size: var(--hc_bd_xsmall);
}
.hc_sorting_options span {
	display: inline-block;
	margin-right: 8px;
	width: 7px;
	height: 7px;
	cursor: pointer;
	border: 1px solid var(--hc_dark_color);
}
.hc_sorting_on {
	background: var(--hc_dark_color);
}
.hc_sorting_options input[type=checkbox] + label {
	margin: 0 20px 0 8px;
}
.hc_sorting_options input[type=checkbox] + label:last-child {
	margin-right: 0;
}
.hc_pageing {
	margin: 100px auto 340px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hc_page_list {
	margin: 0 20px;
}
.hc_page_list li {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 2;
	text-align: center;
}
.hc_all_prev {
	margin-top: 1px;
}
.hc_all_next {
	margin-top: -4px;
	transform: rotate(180deg);
}
.hc_all_next,
.hc_all_prev {
	display: inline-block;
}
.hc_wrap_event .hc_badge_ranking {
	position: absolute;
	width: 62px;
	height: 62px;
	line-height: 62px;
	color: var(--hc_bright_color);
	font-family: var(--fontfamily1);
	font-style: italic;
	font-size: var(--hc_tit_headline);
	font-weight: var(--hc_thin);
	text-align: center;
	vertical-align: middle;
	background: var(--hc_color_point);
}
.hc_headline {
    text-align:center;
	font-size: var(--hc_tit);
	font-weight: var(--hc_regular);
}
.hc_caption {
	margin-top: 70px;
	font-size: var(--hc_tit_caption);
} 
.hc_wrap_sub h3 {
	text-align: center;
}

/* 
	°Ë»ö 
*/
.hc_prd_total {
    margin: 15px 0 40px;
    text-align: right;
}
.hcCloseSearchBtn {
	cursor: pointer;	
}

/* 
	DETAIL 
*/
.hc_detail_wrap .hc_cover .hc_img_carousel_list {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin-top: 8px;
}
.hc_multi_img_list {
	grid-template-columns: repeat(auto-fit, minmax(13%, auto));
	display: grid;
	gap: 8px;
	box-sizing: border-box;
}
.hc_multi_img_list img:first-child {
	margin-left: 0;
}
.hc_detail_wrap .hc_cover .hc_description_area details,
.hc_detail_wrap .hc_cover .hc_description_area {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.hc_detail_wrap .hc_cover .hc_description_area details img,
.hc_detail_wrap .hc_cover .hc_description_area img {
	margin-top: 120px;
}
.hc_detail_wrap .hc_table_detail .hc_pageing {
	margin: 40px auto 0;
}

.hc_md_more_description {
	margin: 40px auto;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	width: 380px;
	border: 1px solid var(--hc_dark_color);
	box-sizing: border-box;
	transition: all 0.6s ease 0s;
	cursor: pointer;
}
.hc_detail_relation {
	margin-top: 120px;
}
.hc_detail_relation .hc_detail_relation_list {
	display: flex;
	justify-content: space-between;
	margin-top: 44px;
}
.hc_detail_info .hc_prd_name {
	font-size: var(--hc_bd_xlarge);
}
.hc_detail_info .hc_discount_price {
	margin-left: 20px;
}
.hc_detail_info .hc_discount_rate {
	color: var(--hc_dark_color);
	font-size: var(--hc_bd_xsmall);
	text-align: right;
}
.hc_detail_info .hc_discount_price,
.hc_detail_info .hc_normal_price {
	font-size: var(--hc_bd_large);
	text-align: right;
}
.hc_detail_info_type3 {
	display: grid;
	grid-template-columns: 3fr auto auto;
}
.hc_detail_info_type2 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	align-items: center;
	margin-bottom: 14px;
}
.hc_explanation {
	color: var(--hc_color_point);
	font-size: var(--hc_bd_xsmall);
}
.hc_detail_info_general {
	border-bottom: 1px solid var(--hc_dark_color);
}
.hc_detail_info_general li {
	margin-bottom: 12px;
}
.hc_detail_info_general li:nth-child(2) {
	margin-bottom: 64px;
}
.hc_installment {
	font-size: var(--hc_bd_small);
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.hc_installment svg {
	margin-right: 10px;
}
.hc_detail_total {
	margin-bottom: 40px;
	padding: 35px 0;
	border-bottom: 1px solid var(--hc_dark_color);
}
.hc_detail_total .hc_total_price {
	padding-left: 10px;
}
.hc_btn_wrap_info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.hc_info_coupon {
	margin-bottom: 20px;
}
.hc_table_theorem th {
	text-align:left;
}
.hc_table_theorem td,
.hc_table_theorem th {
	font-weight: var(--hc_light);
	line-height:40px;
}
.hc_detail_wrap .hc_selectbox select {
	width: 200px;
	border: 1px solid var(--hc_color_level2);
	border: 0;
}
.hc_coord_purchase {
	padding:20px 0;
	border-top: 1px solid  var(--hc_dark_color);
	border-bottom: 1px solid var(--hc_dark_color);
}

.qna_board_content {
	font-weight: var(--hc_thin);
}
#qna_board_comment_chkpasswd {
	margin-left: 80px;
	padding-left: 10px;
	width: 286px;
	height: 48px;
	border-radius: 0;
	border: 1px solid var(--hc_dark_color);
	box-sizing: border-box;
}
.qna_board_content input[type="button"]{
	width: 142px;
    height: 48px;
    border-radius: 0;
    border: 1px solid var(--hc_dark_color);
    background: var(--hc_dark_color);
    color: var(--hc_bright_color);
}
.min-product-notice{
	border-top: 1px solid var(--hc_dark_color);
}
#MK_innerOptWrap #MK_innerOpt_01 li {
	padding-top: 10px;
	border-top: 1px solid var(--hc_color_level2);
}
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option, 
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .MS_amount_basic, 
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .addition_option {
	border: 1px solid var(--hc_dark_color);
}
.MK_optAddWrap a.MK_btn-del img {
	display: none;
}
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1031_2914)'%3E%3Crect x='0.5' y='0.5' width='23' height='23' fill='white'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' fill='black'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' stroke='black'/%3E%3Cpath d='M8.568 15.2V13.028H6.48V12.02H8.568V9.848H9.648V12.02H11.736V13.028H9.648V15.2H8.568ZM14.0963 16.544V9.62L12.6563 9.932V9.2L14.6843 8.288H15.3443V16.544H14.0963Z' fill='black'/%3E%3Cpath d='M8.568 15.2V13.028H6.48V12.02H8.568V9.848H9.648V12.02H11.736V13.028H9.648V15.2H8.568ZM14.0963 16.544V9.62L12.6563 9.932V9.2L14.6843 8.288H15.3443V16.544H14.0963Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1031_2914'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1031_2919)'%3E%3Crect x='0.5' y='0.5' width='23' height='23' fill='white'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' fill='black'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' stroke='black'/%3E%3Cpath d='M7.492 13.04V12.02H11.068V13.04H7.492ZM12.8932 16.544V9.62L11.4532 9.932V9.2L13.4812 8.288H14.1412V16.544H12.8932Z' fill='black'/%3E%3Cpath d='M7.492 13.04V12.02H11.068V13.04H7.492ZM12.8932 16.544V9.62L11.4532 9.932V9.2L13.4812 8.288H14.1412V16.544H12.8932Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1031_2919'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#productDetail .thumb-info .info .table-opt td.add-option-tit {
    padding-left: 10px;
    font-size: var(--hc_bd_xsmall);
	font-weight: var(--hc_regular);
	background: var(--hc_color_level2);
}
.hc_coord_goods .hc_discount_price,
.hc_coord_goods .hc_normal_price,
.hc_coord_goods .hc_prd_name,
.hc_coord_goods {
	font-size: var(--hc_bd_small);
}
.hc_coord_goods .hc_prd_name {
	padding-left: 20px;
} 
.hc_coord_goods select.basic_option {
	float: right;
    width: 200px;
    clear: both;
	border: 0;
}
.hc_colorchip {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.hc_colorchip font:before {
	content: '¡á';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 14px 0 20px;
}
.hc_colorchip span  {
	font-size: var(--hc_bd_xsmall);	
}

/* 
	¸¶ÀÌÆäÀÌÁö > ÃÖ±Ù º» »óÇ° 
*/
.hc_wrap_saw .hc_prdlist_row3 li {
    position: relative;
} 
.hc_wrap_saw .hc_thum_check {
	position: absolute;
    top: 5px;
    right: 5px;
}
.hc_all_del {
	padding: 20px 0 66px;
	text-align: right;
}
.hc_all_del input[type="checkbox"] {
	position: relative;
    bottom: 1px;
}

/* 
	ABOUT US 
*/
.hc_wrap_about {
	width : 100%;
}
.hc_wrap_about .hc_representative {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	height: 800px;
	color: var(--hc_bright_color);
	text-align: center;
	background: url('http://kcompony7.jpg3.kr/web/hncok/img/about/top_img.jpg') 50% 0 no-repeat;
}
.hc_wrap_about .hc_representative nav {
	margin-top: 54px;
}
.hc_wrap_about .hc_representative nav div {
	display: inline-flex;
	margin: 5px 40px;
	color: var(--hc_bright_color);
	cursor: pointer;
}
.hc_wrap_about .hc_representative nav div:first-child::after {
	content: "";
	display: inline-block;
	position: relative;
	top: 10px;
	right: -42px;
	width: 1px;
	height: 10px;
	background-color: var(--hc_bright_color);
}
.hc_wrap_about .hc_representative nav .hc_on {
	font-weight: var(--hc_medium);
	border-top: 1px solid var(--hc_bright_color);
	transition: all 0.2s ease;
}
.hc_wrap_about article h3 {
	margin: 200px 0 20px;
	text-align: center;
	font-size: var(--hc_tit_headline);
}
.hc_wrap_about article h5,
.hc_wrap_about article h4 {
	margin-bottom: 54px;
}
.hc_wrap_about article .hc_tit_page {
	margin-bottom: 38px;
}
.hc_wrap_about article p {
	line-height: 2;
}
.hc_wrap_about article p em {
	display: block;
	margin-top: 34px;
	font-style: normal;
}
.hc_wrap_about article p strong {
	display: block;
	margin-top: 34px;
	font-size: var(--hc_bd_large);
	font-weight: var(--hc_regular);
}
/* ¾ÆÄÚµð¾ð */
.hc_about {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #ffffff;
  margin: 0 auto;
}
.hc_page_about {
  width: 33.3333333333%;
  height: 50px;
  border-bottom: 3px solid #333333;
  background-color: #f8f8f8;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #333333;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.hc_page_about:hover {
  opacity: 0.75;
}
input[name=hc_page_about] {
  display: none;
}
.hc_page_about_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}
#page_company:checked + #company_content,
#page_pigment:checked ~ #pigment_content {
  display: block;
}
.hc_about input:checked + .hc_page_about {
  background-color: #333333;
  color: #fff;
}

/* 
	POLICY 
*/
.hc_wrap_policy h3 {
	padding: 34px 0;
}
.hc_wrap_policy input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.hc_wrap_policy .row {
	display: flex;
}
.hc_wrap_policy .row .col {
	flex: 1;
}
.hc_wrap_policy .row .col:last-child {
	margin-left: 1em;
}
.hc_wrap_policy .policys {
	overflow: hidden;
}
.hc_wrap_policy .policytab {
	overflow: hidden;
}
.hc_wrap_policy .policytab-label {
	display: flex;
	justify-content: space-between;
	padding: 1em;
	border-bottom: 1px solid var(--hc_color_level2);
	font-weight: var(--hc_regular);
	cursor: pointer;
}
.hc_wrap_policy .policytab-label::after {
	content: " > ";
	width: 1em;
	height: 1em;
	text-align: center;
	transition: all 0.35s;
}
.hc_wrap_policy .policytab-content {
	max-height: 0;
	padding: 0 1em;
	transition: all 0.35s;
}
.hc_wrap_policy .policytab-close {
	display: flex;
	justify-content: flex-end;
	padding: 1em;
	font-size: 0.75em;
	cursor: pointer;
}
.hc_wrap_policy input:checked + .policytab-label::after {
	transform: rotate(90deg);
}
.hc_wrap_policy input:checked ~ .policytab-content {
	padding: 1em;
	max-height: 100vh;
    max-height: fit-content;
	line-height: 2;
}

/*
	ÀÏ¹Ý °Ô½ÃÆÇ - ¸ñ·Ï
*/
.hc_wrap_board {
    margin: var(--main_space);
}
.hc_notice_list .brd-st {
	border: 0;
}
.hc_notice_list .hc_board_search {
	text-align: center;
}
.hc_notice_list .hc_board_search .hc_selectbox select {
	width: 122px;
	height: 48px;
	border: 1px solid var(--hc_dark_color);
}
.hc_notice_list .hc_board_search input {
	margin: 5px 0;
	padding: 12px 13px;
	width: 286px;
	height: 48px;
	resize: horizontal;
	border: 1px solid var(--hc_dark_color);
	box-sizing: border-box;
}
.hc_notice_list .hc_board_search button {
	width: 142px;
	height: 48px;
	line-height: 48px;
}
.hc_notice_list .hc_content_title {
	padding: 30px 0 30px 10px;
	font-size: var(--hc_bd_large);
	border-top: 1px solid var(--hc_dark_color);
	border-bottom: 1px solid var(--hc_dark_color);
}
.hc_notice_list .hc_letterpress {
	padding: 80px 0 80px;
	text-align: center;
	border-bottom: 1px solid var(--hc_color_level2);
}
.hc_wrap_board .hc_newpost {
	color: var(--hc_color_point);
	font-size: var(--hc_bd_xsmall);
    vertical-align: top;
}
.hc_qna_write .hc_textarea_large {
	margin-top: 60px;
}

/* 
	width 558 ·¹À̾ƿô 
*/
.hc_edit {
	margin: 0 auto;
	width: 558px;
	border-top: 1px solid var(--hc_dark_color);
}
.hc_edit label {
	line-height:48px;
}
.hc_edit .hc_assistant_mini_txt {
	margin-left: 14px;
	color: var(--hc_color_point);
	font-size: var(--hc_bd_xsmall);
}
.hc_edit .hc_btn_wrap {
	display: flex;
	flex-direction: column;
}
.hc_edit .hc_checkbox label {
	display: inline-block;
	margin: 10px 0 10px 14px;
}
.hc_edit .hc_checkbox label small {
	position: relative;
}
.hc_edit .hc_filebox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hc_edit .hc_filebox label {
	display: inline-block;
	margin: 0 0 0 4px;
	width: 142px;
	height: 48px;
	line-height: 48px;
	color: var(--hc_bright_color);
	font-size: var(--hc_bd_small);
	text-align: center;
	vertical-align: middle;
	background: var(--hc_dark_color);
	cursor: pointer;
}
.hc_edit .hc_filebox input[type=file] {
	position: absolute;
	padding: 0;
	width: 0;
	height: 0;
	border: 0;
	overflow: hidden;
}
.hc_edit .hc_filebox .hc_upload {
	min-width: 408px;
	vertical-align: middle;
	font-size: var(--hc_bd_medium);
}

/* 
	MEMBER 
*/
/* ¾ÆÀ̵ð/Æнº¿öµå ã±â */
.hc_page_member_find .hc_single_layout {
	margin: 20px 0 10px;
}
.hc_page_member_find .hc_single_layout span {
	margin-right: 50px;
}
.hc_wrap_find .hc_row {
    margin-bottom: 20px;	
}
.hc_wrap_find .hc_row label {
	margin-right: 50px;
} 

/* ¾ÆÀ̵ð/Æнº¿öµå ã±â °á°ú */
.hc_wrap_results .hc_resultfound {
	display: block;
	margin: 26px 0 14px;
	color: var(--hc_color_point);
	font-weight: var(--hc_medium);
}

/* °£Æí ȸ¿ø°¡ÀÔ */
.hc_wrap_simple .hc_clarification li {
    margin: 10px 0;
    font-weight: var(--hc_medium);
}
.hc_wrap_simple .hc_clarification li span:first-child {
    display: inline-block;
    width: 200px;
    text-align: right;
}
.hc_wrap_simple .hc_clarification li span:first-child:after {
    content: "";
    display: inline-block;
    margin: 0 20px;
    width: 20px;
    height: 1px;
    background: var(--hc_dark_color);
}
.hc_wrap_simple .hc_clarification li :last-child {
    display: inline-block;
    width: 358px;
}
.hc_wrap_simple .hc_clarification li:last-child {
    margin-top: 48px;
    padding: 48px;
    color: var(--hc_color_point);
    font-size: var(--hc_bd_large);
    font-weight: normal;
    border-top: 3px double var(--hc_dark_color);
    border-bottom: 1px solid var(--hc_dark_color);
}
.hc_wrap_simple .hc_required {
	margin-top: 48px;
	padding-top: 48px;
	border-top: 3px double var(--hc_dark_color);
}
.hc_wrap_simple .hc_required div:first-child {
	margin-bottom: 22px;
	font-size: var(--hc_bd_large);
}
.hc_wrap_simple fieldset {
	margin-top: 58px;
}

/* ȸ¿øÁ¤º¸º¯°æ(ºñ¹Ð¹øÈ£ ÀçÈ®ÀÎ) */
.hc_wrap_reconfirm .hc_resultfound {
	margin: 48px 0;
}
.hc_wrap_reconfirm .hc_resultfound li {
	margin-bottom: 10px;
}
.hc_wrap_reconfirm .hc_resultfound span {
	display: inline-block;
}
.hc_wrap_reconfirm .hc_resultfound span:first-child {
	width: var(--hc_title_area);
	line-height: 48px;
}
.hc_wrap_reconfirm .hc_resultfound span:last-child {
	width: var(--hc_content_area);
}
.hc_wrap_reconfirm .hc_row2 {
    justify-content: start;
}

/* ȸ¿ø Å»Åð ½Åû */
.hc_wrap_secession strong {
    display: block;
    margin: 20px 0;
}
.hc_wrap_secession .txt-area1 {
	max-width: 558px;
}
/*°³ÀΠȸ¿ø °¡ÀÔ/¼öÁ¤ */
.hc_wrap_modify a.hc_btn_small_fill {
	margin-left: 4px;
}

/* ¸¶ÀÌÆäÀÌÁö */
.hc_wrap_mypage {
  position: relative;
}
#hc_commonWrap.hc_wrap_mypage {
	width:100%;
	max-width:100%;
}
#hc_commonWrap.hc_wrap_mypage > #hc_contentWrap {
	display: flex;
}
#hc_commonWrap.hc_wrap_mypage > #hc_contentWrap main {
    margin: 0 auto;
    position: relative;
    /*left: -170px;*/
    width: 70%;
    max-width: 960px;
    box-sizing: border-box;
}
.hc_mypage_nav {
    padding: 25px 30px 45px;
    width: 30%;
    max-width: 340px;
    line-height: 2;
    box-sizing: border-box;
}
.hc_mypage_nav .hc_my_level {
    padding: 14px;
	background: var(--hc_dark_color);
	box-sizing: border-box;
	display: none;
}
.hc_mypage_nav .hc_my_level a {
	display: flex;
	justify-content: space-between;
    align-items: center;
	color: var(--hc_color_point);
}
.hc_mypage_nav .hc_mypage_info li {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
}
.hc_mypage_nav .hc_mypage_info {
    margin: 12px 0;
    padding: 10px 0;
	border-top: 3px double #000;
}
.hc_mypage_nav .hc_mypage_info li:first-child,
.hc_mypage_nav .hc_mypage_info li {
	margin: 0;
	font-size: var(--hc_bd_medium);
	font-weight: var(--hc_thin);
}
.hc_mypage_nav h3 {
	margin-bottom: 10px;
	font-size: var(--hc_tit_headline);
	font-weight: var(--hc_bold);
	display: none;
}
.hc_mypage_nav h4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: -12px;
    padding: 14px 0;
    font-size: 16px;
    line-height: 1.7;
	border-top: 3px solid var(--hc_dark_color);
	border-bottom: 1px solid var(--hc_dark_color);
}
.hc_mypage_nav h4 span a {
	display: inline-block;
	width: 90px;
	padding: 7px 0;
    color: var(--hc_bright_color);
    text-align: center;
	background: var(--hc_dark_color);
}
.hc_mypage_nav h5 {
	margin-top: 20px;
	color: var(--hc_color_point);
	font-size: var(--hc_bd_medium);
}
.hc_mypage_nav .hc_btn_mini_small_fill {
	display: inline-flex;
	padding: 5px 10px;
	font-size: var(--hc_bd_medium);
}
.hc_mypage_nav li {
  margin-left: 14px;
}
.hc_mypage_nav li.hc_color_point {
	word-break: keep-all;
}
.hc_mypage_nav ul li:first-child {
  margin: 40px 0 0 0;
  font-size: var(--hc_bd_large);
  font-weight: var(--hc_bold);
}
.hc_wrap_mypage .hc_page_contents {
  margin: 0 auto;
  width: var(--hc_contents);
  position: relative;
  left: -140px;
}
.hc_wrap_mypage .hc_mypage_mine table {
  padding: 30px;
  border-collapse: unset;
  border: 1px solid var(--hc_dark_color);
}
.hc_wrap_mypage .hc_mypage_mine th {
  font-size: var(--hc_bd_large);
  font-weight: var(--hc_regular);
  text-align: left;
  line-height: 48px;
  padding: 0 10px 0 30px;
  border-right: 1px solid var(--hc_color_level2);
}
.hc_wrap_mypage .hc_mypage_mine th:first-child {
  padding-left: 0;
}
.hc_wrap_mypage .hc_mypage_mine th:last-child {
  border: 0;
}
.hc_wrap_mypage .hc_mypage_mine th:after {
  content: " > ";
  display: inline-block;
  margin: 0 8px;
}
.hc_wrap_mypage .hc_mypage_mine td {
  font-size: var(--hc_tit_page);
  font-weight: var(--hc_medium);
  text-align: right;
  padding-right: 30px;
  border-right: 1px solid var(--hc_color_level2);
}
.hc_wrap_mypage .hc_mypage_mine td:last-child {
  border: 0;
}
.hc_mypage_recentorder .hc_alignL {
	padding-left:10px;
}
.hc_wrap_mypage .hc_thumbnail_list {
	padding-top: 48px;
	border-top: 3px solid #000;
	display: flex;
	gap: 5px;
}
/* ½º¸¶Æ® ÄíÆù */
.hc_page_smartcoupon .hc_tit_caption {
	margin: 2px 0 36px;
	font-weight: var(--hc_thin);
	font-size: var(--hc_tit_caption);
}
.hc_page_smartcoupon .hc_mypage_registercoupon {
  display: flex;
  flex-direction: column;
}
.hc_page_smartcoupon .hc_mypage_registercoupon input[name=coupon_number] {
	text-transform: uppercase;
    width: 459px;
    height: 48px;
    line-height: 48px;
}
.hc_page_smartcoupon .hc_own {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hc_page_smartcoupon .smartcoupon {
  margin: 48px auto 0;
  padding-bottom: 40px;
  background-color: var(--hc_bright_color);
}
.hc_page_smartcoupon .coupon_item {
    display: block;
    float: left;
    width: 33.3333333333%;
    width: 300px;
    height: 60px;
    line-height: 60px;
    color: var(--hc_dark_color);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: var(--hc_bright_color);
    border: 1px solid var(--hc_dark_color);
    transition: all 0.2s ease;
    cursor: pointer;  
}
.hc_page_smartcoupon input[name=coupon_item] {
  display: none;
}
.hc_page_smartcoupon .coupon_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.hc_page_smartcoupon #holding:checked ~ #holding_content,
.hc_page_smartcoupon #available:checked ~ #available_content {
  display: block;
}
.hc_page_smartcoupon .smartcoupon input:checked + .coupon_item {
  background-color: var(--hc_dark_color);
  color: var(--hc_bright_color);
}
.hc_page_wishlist input[name=quantity] {
  width: 62px;
  height: 28px;
}
.hc_page_wishlist .hc_table_typeb td {
  line-height: unset;
  padding: 10px 0;
  vertical-align: middle;
}
.hc_mypage_locker .hc_prd_list_information {
  text-align: left;
}
.hc_mypage_locker .hc_prd_list_information span {
  display: inline-block;
  vertical-align: middle;
  line-height: 2;
}
.hc_mypage_locker .hc_prd_list_information span:nth-child(2) {
  margin-left: 10px;
}
.hc_mypage_locker .hc_prd_list_information img {
  width: 110px;
}
.hc_mypage_locker .hc_prd_element:before {
    content: "";
    margin: 0;
}
.hc_mypage_locker .hc_prd_element li {
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
}
.hc_mypage_locker .hc_prd_element mark {
    padding: 0 2px;
    color: var(--hc_bright_color);
    font-size: var(--hc_bd_small);
    font-weight: var(--hc_thin);
    background: var(--hc_color_point);
}
.hc_mypage_locker input.txt-input2  {
	padding: 0 10px;
    width: 62px;
    box-sizing: border-box;
}
.hc_wrap_mypage .hc_page_address .hc_table_typeb td {
  line-height: normal;
}
.hc_mypage_addmanagement td:nth-child(3) {
  line-height: unset;
  text-align: left;
  vertical-align: middle;
}
.hc_mypage_lastaddress td:nth-child(2) {
  line-height: unset;
  text-align: left;
  vertical-align: middle;
}
.hc_wrap_mypage .hc_page_email th {
  height: 48px;
  font-weight: var(--hc_regular);
  text-align: left;
  vertical-align: middle;
}
.hc_wrap_mypage .hc_page_email .filebox .upload-name {
  min-width: 270px;
}
.hc_wrap_mypage .hc_page_email .filebox label {
  font-size: var(--hc_tit_headline);
  font-weight: var(--hc_thin);
  line-height: 44px;
}
.hc_wrap_mypage .hc_page_privatelist td:nth-child(2) {
  text-align: left;
}
.hc_wrap_mypage .hc_page_regulardelivery .regulardelivery {
  background-color: var(--hc_bright_color);
  margin: 48px auto 0;
}
.hc_wrap_mypage .hc_page_regulardelivery .regular_item {
  width: 300px;
  height: 50px;
  border: 1px solid var(--hc_dark_color);
  background-color: var(--hc_bright_color);
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: var(--hc_dark_color);
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor: pointer;
}
.hc_wrap_mypage .hc_page_regulardelivery input[name=regular_item] {
  display: none;
}
.hc_wrap_mypage .hc_page_regulardelivery .regular_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.hc_wrap_mypage .hc_page_regulardelivery #setting:checked ~ #setting_content,
.hc_wrap_mypage .hc_page_regulardelivery #management:checked ~ #management_content {
  display: block;
}
.hc_wrap_mypage .hc_page_regulardelivery .regulardelivery input:checked + .regular_item {
  background-color: var(--hc_dark_color);
  color: var(--hc_bright_color);
}
.hc_wrap_mypage .hc_page_regulardelivery .hc_no_date {
  padding: 50px 0;
  text-align: center;
  line-height: 48px;
}
.hc_wrap_mypage .hc_mypage_history {
  display: flex;
  justify-content: space-between;
  line-height: 68px;
}
.hc_wrap_mypage .hc_mypage_history ul:first-child li:before {
  content: "+";
  margin-right: 10px;
  font-weight: var(--hc_bold);
}
.hc_wrap_mypage .hc_mypage_history li {
  display: inline-block;
}
.hc_wrap_mypage .hc_mypage_history span {
  margin-right: 30px;
}
.hc_wrap_mypage .hc_mypage_history .hc_btn_mini_fill,
.hc_wrap_mypage .hc_mypage_history .hc_btn_mini {
  padding: 0 10px;
}
.hc_wrap_mypage .hc_delivery_info .hc_table_type,
.hc_wrap_mypage .hc_buyer_info .hc_table_type {
  table-layout: fixed;
}
.hc_wrap_mypage .hc_delivery_info .hc_table_type th,
.hc_wrap_mypage .hc_buyer_info .hc_table_type th {
  border: 1px solid var(--hc_color_level2);
  box-sizing: border-box;
}
.hc_wrap_mypage .hc_delivery_info .hc_table_type th:first-child,
.hc_wrap_mypage .hc_buyer_info .hc_table_type th:first-child {
  border-left: 0;
}
.hc_wrap_mypage .hc_delivery_info .hc_table_type td,
.hc_wrap_mypage .hc_buyer_info .hc_table_type td {
  padding-left: 10px;
  border-bottom: 1px solid var(--hc_color_level2);
}
.hc_wrap_mypage .hc_order_info .hc_table_typeb td {
  margin: 0;
  padding: 10px 0;
}
.hc_wrap_mypage .hc_order_info .hc_prd_list_information {
  display: flex;
  align-items: center;
}
.hc_wrap_mypage .hc_order_info .hc_prd_element {
  margin-left: 10px;
}
.hc_wrap_mypage .hc_order_info .hc_prd_element li {
  display: flex;
  align-items: center;
}
.hc_wrap_mypage .hc_order_info .hc_prd_element li strong, .hc_wrap_mypage .hc_order_info .hc_prd_element li select {
  margin-left: 10px;
}
.hc_wrap_mypage .hc_payment_info th {
  border-right: 1px solid var(--hc_color_level2);
  border-color: var(--hc_color_level2);
}
.hc_wrap_mypage .hc_payment_info td {
  padding-left: 10px;
  border-color: var(--hc_color_level2);
}
.hc_wrap_mypage .hc_couponuse_info td:last-child,
.hc_wrap_mypage .hc_order_info td:nth-child(2) {
  text-align: left;
}

/* ÄíÆùÆÑ  */
.hc_page_couponpack .hc_couponpack_list li {
    display: inline-block;
	margin: 0 4px 10px;
    padding: 20px;
    width: calc(50% - 10px);
    max-width: 624px;
    min-height: 150px;
    vertical-align: top;
	border: 1px solid var(--hc_color_level2);
	box-sizing: border-box;
}
.hc_couponpack_list 
.hc_couponpack_list div {
	margin-bottom: 6px;
}
.hc_couponpack_no {
	text-transform: uppercase;
    color: var(--hc_color_level4);
    margin-bottom: 18px;
}
.hc_couponpack_list .hc_couponpack_class {
	margin-bottom: 18px;
	padding-bottom: 18px;
	font-size: var(--hc_tit_caption);
    border-bottom: 1px solid var(--hc_color_level2);
}
.hc_couponpack_list .hc_couponpack_class span {
    display: inline;
    font-size: var(--hc_bd_medium);
    vertical-align: text-top;
   
}
.hc_couponpack_list .hc_couponpack_discount {
	color: var(--hc_color_point);
}
.hc_couponpack_list .hc_couponpack_period {}

/* µðÅ×ÀÏ À̹ÌÁö ±×¶óµ¥À̼Ç, ´õº¸±â ¹öÆ°*/
.hcMoreBtn img {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}
.hcHiddenPart {
    display : none;
}

/*µðÅ×ÀÏ ¿É¼Ç ¼¿·ºÆ® ¹Ú½º ±æÀÌ*/
#productDetail .thumb-info .info .table-opt .opt-wrap dd {
    
    width: 210px !important;
}

/* 
	Àå¹Ù±¸´Ï 
*/
.hc_wrap_cart .hc_table_typeb input.txt-spin {
	width: 42px;
    height: 28px;
    line-height: 28px;
    font-size: var(--hc_bd_small);
    padding: 0 10px;
}
#MS_cartfree_product .hc_btn_mini,
.hc_wrap_cart .hc_table_typeb .hc_btn_mini_fill {
	text-align: center;
}

/* 
	ÁÖ¹®¼­ ÀÛ¼º 
*/
.hc_wrap_order .hc_table_caption th,
.hc_wrap_order .hc_table_caption td {
    text-align: left;
    padding-left: 10px;
}
.hc_step_delivery  span {
	margin-right:30px;
}
.hc_step_delivery label {
	margin-right:10px;
}
/*
	ÁÖ¹® ¿Ï·á
*/
.hc_wrap_order_complete .pay-info .hc_table_typec span,
.hc_wrap_order_complete .hc_clarification span {
	color:var(--hc_color_point);
}
.hc_wrap_order_complete .hc_clarification #hname2 {
	font-weight: var(--hc_heavy);
    text-decoration: underline;
    outline-offset: 8px;
    display: inline-block;
    text-underline-offset: 8px;
}
.hc_wrap_order_complete .hc_table_typeb td.tb-ext {
    text-align: right;
}

/* ****************
    °øÅë
**************** */
#hc_contentWrap main h2.hc_tit_page {
    margin-top: 14px;
    margin-bottom: 65px;
}
.hc_wrap_secession h2.hc_tit_page,
.hc_wrap_reconfirm h2.hc_tit_page {
    padding-top: 14px;
    text-align: center;
}
.hc_wrap_cart h2.hc_tit_page {
    padding-top: 14px;
}
.hc_wrap_saw h2.hc_tit_page {
    padding-top: 23px;
}
.hc_wrap_order_complete .hc_table_typeb td:nth-child(2),
.hc_page_wishlist .hc_table_typeb td.hc_alignL,
.hc_wrap_mypage .hc_order_info .hc_table_typeb td.hc_interval3 {
    padding-left:40px;
}
select[name="MK_sel_basket_amount_1"] {
    padding : 0;
}
.hc_mypage_addmanagement .hc_table_typeb td:nth-child(3),
.hc_page_wishlist .hc_table_typeb td.hc_alignL,
.hc_wrap_mypage .hc_page_mileage .hc_table_typeb td:nth-child(3),
.hc_wrap_order_complete .hc_table_typeb td:nth-child(2),
.hc_wrap_mypage .hc_page_orderhistory .hc_table_typeb td:nth-child(3) {
  text-align: left;
}

/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}
/*# sourceMappingURL=jquery.fullpage.min.css.map */

/* BX SLIDE */
.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.hcFontBold {
    font-weight:bold !important;
}

/*¸Þ´º hover */
.hcHoverMenuColor {
    color : #8e8e8e !important;
}
#snapSyncContainer #snapSyncWrapper {
    margin-top: 120px !important;
}
.nano {
    overflow :auto;
    height : 1000px;
}

/* Çܹö°Å ½ºÅ©·Ñ¹ÙÀÇ ³Êºñ */
.nano::-webkit-scrollbar {
   width: 0.5rem;  
}

.nano::-webkit-scrollbar-thumb {
   height: 5%; /* Çܹö°Å ½ºÅ©·Ñ¹ÙÀÇ ±æÀÌ */
   background-color: #c0c0c0; /* Çܹö°Å ½ºÅ©·Ñ¹ÙÀÇ »ö»ó */
   border-radius: 10rem;
}

/* Çܹö°Å ½ºÅ©·Ñ¹Ù µÞ ¹è°æ »ö»ó*/
.nano::-webkit-scrollbar-track {
   background: #f8f8f8;  
}


*::-webkit-scrollbar {
   /* width: 10px; */ /* ½ºÅ©·Ñ¹ÙÀÇ ³Êºñ */
}

*::-webkit-scrollbar-thumb {
    /* height: 5%; */ /* ½ºÅ©·Ñ¹ÙÀÇ ±æÀÌ */
    /* background: #8F8F8F; */ /* ½ºÅ©·Ñ¹ÙÀÇ »ö»ó */
    /* border-radius: 10px; */
}
*::-webkit-scrollbar-track {
    /* background: #f8f8f8; */ /*½ºÅ©·Ñ¹Ù µÞ ¹è°æ »ö»ó*/
}

.hc_detail_info::-webkit-scrollbar {
    width: 6px;  /* ½ºÅ©·Ñ¹ÙÀÇ ³Êºñ */
}

.hc_detail_info::-webkit-scrollbar-thumb {
    height: 10%; /* ½ºÅ©·Ñ¹ÙÀÇ ±æÀÌ */
    background: #e8e8e8; /* ½ºÅ©·Ñ¹ÙÀÇ »ö»ó */
    border-radius: 10px;
}

.hc_detail_info::-webkit-scrollbar-track {
    background: #f8f8f8;  /*½ºÅ©·Ñ¹Ù µÞ ¹è°æ »ö»ó*/
}

.hc_prd_list_information .prd-ico {
    position: absolute;
    top: 1rem;
    left: 1rem;
}
li.prd-ico .MK-product-icons img {
    width: revert;
    max-width: revert;
}

/* 
 * 2024 FW ¼öÁ¤ 
 */
 
 
/* pc´õº¸±â ¹öÆ° Ãß°¡ ¿µ¿ª */
.more { text-align:center; margin: 24px 0px;}
.btn_moreGray {
    width: 500px;
    background-color: #fff;
    border: 1px solid #efefef;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    font-size: 0;
    padding: 1rem 0;
}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}
.add7_product_more button:before {
    content: 'MORE VIEW';
    font-size: 14px;
}
 
/* Çܹö°Å â ¼öÁ¤ */
.hc_aside_main {
    padding-top: 120px;
    top: 0;
}
/* sub ÆäÀÌÁö ´ëºÐ·ù ¸®½ºÆ® ³ëÃâ */
.hncok_primary_category {
    text-align: center;
}
.hncok_primary_category ul {
    display: unset;
}
.hncok_primary_category li {
    margin: 0 15px;
    display: inline-block;
}
.hncok_sub_category {
    clear: both;
    margin-top: 5.1rem;
}
.hncok_sub_category ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.hncok_sub_category a,
.hncok_primary_category a {
    font-size: 1.4rem;
}
.prd_week_best h3 {
    text-align: center;
}

/* Áߺзù Ä¿½ºÅÒ */
.hncok_primary_category:has(.cate2Loop) + .class-list { 
    display: none;
}
main .hncok_primary_category ul.cate2Loop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow-x: auto;
    padding-top: 20px;
}
main.hc_wrap_sub .hncok_primary_category ul.cate2Loop {
    position: absolute;
    bottom: 15px;
    left: 0;
    padding-top:0;
}

.hncok_primary_category .cate2Loop li {
    display: inline-block;
    margin-right: 6px;
}  
.hncok_primary_category .cate2Loop a {background:#F8F8F8; height:27px; display:flex; justify-content: center; align-items: center; border-radius:30px; font-size:13px; color:#666; font-weight:400; padding:0 10px; min-width:70px; box-sizing:border-box;}

.hncok_primary_category .cate2Loop li.sel a{
    background: #a5a5a5 ! important;
    color: #fff  ! important;
}


.prd_week_best h3 {
    text-align: center;
}



/*********************************************************

    ½æ³×ÀÏ ÀÏ°ý ¼öÁ¤ 
    
 *********************************************************/

/* ¸ÞÀÎ & sub ½æ³×ÀÏ »çÀÌÁî */
.MS_prod_img_m  {
    width:100%;
}


/* ½æ³×ÀÏ °£°Ý */
.thumbnailRuleColumn3 {
    gap: 1.2rem; /* ¾ÆÀÌÅÛ °£ÀÇ °£°Ý ¼³Á¤ (¼±ÅûçÇ×) */
}


/* ½æ³×ÀÏ »óÇ° Á¤º¸ »çÇ× : °¡¿îµ¥ Á¤·Ä */
.prd-info,
.hc_prd_element {
    display: block;
    text-align: center;
}

.hc_normal_price,
.prd-price {
    color:var(--hc_color_level5);
}

.hc_normal_price em {
    text-decoration: line-through;
}
.prd-price {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
}
.hc_discount_price {
    display: inline-block;
    padding-left: 1rem;
    color: var(--hc_dark_color);
}
.hc_main_section4 .prd-info {
    margin: 0.7rem 0 80px 20px;
}
.hc_prd_list_information {
	margin: 0 0 80px;
	font-size: var(--hc_bd_medium);
	font-weight: var(--hc_regular);
	line-height: 2;
}
/* ½æ³×ÀÏ »óÇ° Á¤º¸ »çÇ× : ÇÒÀÎÀ² */
.hncok_discount_badge {
    display: inline-block;
    padding-left: 0.5rem;
    color: red;
}


/* ½æ³×ÀÏ ¸®½ºÆ® »çÀÌ °£°Ý */
.hc_main_section10 .hc_prd_element {
    margin-bottom: 3.8rem;
}


.hc_prd_name {
	font-size: var(--hc_bd_small);
	font-weight: var(--hc_medium);
	vertical-align: baseline;
}

.hc_prd_name {
    padding-bottom: 1.5rem;
}

.hc_normal_price:after {
	content: "/";
	margin-left: 8px;
}

.hc_discount_price:before {
	content: "/";
    margin-right: 8px;
    display:none;
}

.reltion_list .hc_prd_name {
    padding: 0.4rem 0 1rem;
}

/* SUB */
.hc_wrap_sub .hc_prd_name {
    padding-top: 0.7rem;
    padding-bottom: 1.5rem;
}
.hc_wrap_sub .prd_week_best .hc_prd_name {
    padding-top: 0.2rem;
    padding-bottom: 1.1rem;
}

.hc_wrap_sub .hc_prd_element {
    margin-bottom: 7.8rem;
}


.hc_wrap_event .hc_prdlist_row4 ,
.hc_wrap_sub .hc_prdlist_row4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(24.33%, auto));
    column-gap: 0.67%;
}


/* SUB > ·¹À̾ƿô 2 */
.hc_wrap_event .hc_thumbnail_list .hc_prd_name {
    padding-top: 0.7rem;
    padding-bottom: 1.5rem;
}

.hc_wrap_event .hc_thumbnail_list .hc_prd_element {
    margin-bottom: 7.8rem;
}



/* SUB > ·¹À̾ƿô 3 */
.hc_wrap_half .prd_week_best .hc_prd_name {
    padding-top: 0.2rem;
}

.hc_wrap_half .hc_prd_name {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}

.hc_wrap_half .hc_prd_list_information {
    margin-bottom: 7.6rem;
}
.hc_wrap_half .hc_prdlist_row2.hc_thumbnail_list dl {
    margin: 0 5px;
}

/* SUB > ·¹À̾ƿô 4 */
.hc_wrap_layout4 .hc_prd_name {
    padding-top: 0.2rem;
    padding-bottom: 1.1rem;
}

.hc_wrap_layout4 .hc_prd_list_information {
    margin-bottom: 7.8rem;
}


/* SUB : Ä«Å×°í¸® °íÁ¤ */
.hc_wrap_sub {
    position: relative;
}

.hc_wrap_sub .hc_tit_page,
.hc_wrap_sub .cate-wrap {
    position: fixed;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
    width: 100%;
    background-color: #fff;
}

.hc_wrap_sub .hc_tit_page {
    top:120px;
    margin: 0 !important;
    padding: 8px 0;
}
.hc_wrap_sub .cate-wrap {
    padding: 63px 0;
    top: 212px;   
}

/* logo */
#mainLogo {
    position: fixed;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
}