/* BASIC css start */
#header { margin:0 auto; position:absolute;top:0;left:0;right:0; z-index:100 }
#header.headerFix { position:fixed;top:0;left:0;right:0; }

#header .headerBox { width:1200px;height:127px;margin:0 auto; position:relative; } 
/* #header .headerBox .logoArea { text-align:center; z-index:10;margin:0 auto;}    ¡Ú¿øº»ÀÓ. ¹ØÀÇ ´Ü ³»¿ëÀ¸·Î º¯°æÇÔ ¸¶Áø-ž °ªÀ» ¼öÁ¤Çؼ­ À§¾Æ·¡ °£°Ý Á¶Á¤Çϱâ*/
#header .headerBox .logoArea { text-align:center; z-index:10;margin:0 auto; margin-top:42px;}
#header .headerBox .logoArea .logo a { font-size:50px; color:#2c2c2c; }

#header .headerTop { position:relative; }
#header .headerTop .hdBoard { float:left;}
#header .headerTop .hdBoard li { position:relative; float:left; padding:20px 20px 0 0; }
#header .headerTop .hdBoard li a { font-size:15px; }   
   
#header .headerTop .hdMenu {float:right; position:relative;}
#header .headerTop .hdMenu li { position:relative; float:left; padding:20px 0 0 20px; }
#header .headerTop .hdMenu li a { font-size:15px; }                                                   /* ¿ìÃø»ó´Ü ·Î±×ÀÎ / ȸ¿ø°¡ÀÔ¶õ ÆùÆ® »çÀÌÁî // ±âº»12 */
#header .headerTop .hdMenu li a:hover { text-decoration:underline; }

/* Ä«Å×°í¸® */   /* ¡ÚÄ«Å×°í¸® °£°Ýº° ¼öÁ¤ÀÛ¾÷ °¡´ÉÇÑ ¸ñ·Ï¡Ú  */
/* #header .headerBottom .cateWrap {position: relative; text-align:center;} ¿øº»ÀÓ. ¹ØÀÇ ´Ü ³»¿ëÀ¸·Î º¯°æÇÔ*/
#header .headerBottom .cateWrap {position: relative; text-align:center;}
#header .headerBottom .cateWrap a:hover { border-bottom:1px solid #2d2d2d }
#header .headerBottom .cateWrap .tmenu {position: relative;display: inline-block; padding:0 35px;}    /* ¡ÚÄ«Å×°í¸® °£°Ý ¼öÁ¤°¡´É padding ºÎºÐ ¼öÄ¡Á¶Àý·Î¡Ú  */
#header .headerBottom .cateWrap .tmenu a { font-size:18px; line-height:50px; }                        /* Ä«Å×°í¸® À̸§ »çÀÌÁî Á¶Àý  */
#header .headerBottom .cateWrap .tmenu .depth2 { display:none; position: absolute;background: rgba(255,255,255,0.8);top:52px;left: 50%;width: 135px;margin-left: -55px;padding: 10px 0; z-index: 97;text-align:center;}
#header .headerBottom .cateWrap .tmenu .depth2 li a {font-size: 13px; line-height: 32px; }             /* ½ºÅ©·Ñ½Ã ³ª¿À´Â ¼­ºêÄ«Å×°í¸® ±ÛÀÚ °£°Ý ¹× ÆùÆ®»çÀÌÁî ±âº» 13 & 32  */
#header .headerBottom .cateWrap .tmenu .depth2 li a:hover { color:#2d2d2d; }

/* »ó´Ü °íÁ¤*/ 
#headerFix { display:none; position:fixed; top:0; left:0; right:0; z-index:200;background:rgba(255,255,255,0.9); }
#headerFix .headerGnb {position:relative;min-width:1200px;width:1200px; margin:0 auto;}
#headerFix .headerGnb .logoArea { position:absolute; left:0; top:5px; z-index:10}   /* ¡Ú»ó´Ü°íÁ¤ ·Î°í À§Ä¡¼öÁ¤ top15¿¡¼­ 5·Î ¼öÁ¤ÇÔ °¡¿îµ¥ Á¤·Ä ¸Â´Â ¼öÄ¡ÀÓ */
#headerFix .headerGnb .logoArea .logo a { font-size:40px; color:#2e2e2e; }

/* »ó´Ü °íÁ¤ - ½ºÅ©·Ñ Ä«Å×°í¸® */
#headerFix .headerGnb .cateWrap {position: relative; text-align:right; }
#headerFix .headerGnb .cateWrap:after {content:"";display:block;clear:both;}
#headerFix .headerGnb .cateWrap a:hover { border-bottom:1px solid #2d2d2d }
#headerFix .headerGnb .cateWrap .tmenu {position: relative;display: inline-block; padding:0 15px;}
#headerFix .headerGnb .cateWrap .tmenu a { font-size:16px; line-height:62px; }
#headerFix .headerGnb .cateWrap .tmenu .depth2 { display:none; position: absolute;background:rgba(255,255,255,0.9);top:62px;left: 50%;width: 135px;margin-left: -55px;padding: 10px 0; z-index: 97;text-align:center;}
#headerFix .headerGnb .cateWrap .tmenu .depth2 li a {font-size: 14px; line-height: 30px; }
#headerFix .headerGnb .cateWrap .tmenu .depth2 li a:hover { color:#2d2d2d; }

#headerFix .headerGnb .searchOpen { width:50px; height:50px; text-align:center; }
#headerFix .headerGnb .searchArea { display:none; position:fixed; top:80px; left:0; right:0; width:100%; height:80px; background-color: #fff; z-index:10; }
#headerFix .headerGnb .search { position:relative; width:45%; margin:0 auto; border-bottom:2px solid #2e2e2e;padding:10px 0 0; }
#headerFix .headerGnb .search input { width: 100%; height:44px; margin: 0 95px 0 0; border:none; font-size:20px; }
#headerFix .headerGnb .search .btnSch { position:absolute; top:8px; right:4px; color:#2e2e2e; font-size:30px }
#headerFix .headerGnb .search .searchClose { position:absolute; top:0; right:-50px; line-height:55px; font-size:24px; background-color:#fff; }



/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   rightQuick ÃÖÁ¾ À̹ÌÁö ¾ÆÀÌÄÜ Àü¿ë CSS
   (ÀÌ°Å Çϳª¸¸ »ç¿ëÇÏ¸é µÊ)
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   rightQuick À̹ÌÁö ¾ÆÀÌÄÜ Àü¿ë ÃÖÁ¾ CSS (Àüü ÅëÇÕº»)
   - ¸ðµç ¸Þ´º ³ëÃâ Á¤»óÈ­
   - hover È¿°ú À¯Áö
   - ÅؽºÆ® ¾Ö´Ï¸ÞÀÌ¼Ç À¯Áö
   - ¼û±è ¸Þ´º È°¼º ½Ã ÀÚµ¿ Àû¿ë
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */

/* ¿ìÃø Äü¸Þ´º ±âº» */
.rightQuick {
    position: fixed;
    top: 35%;
    right: 23px;
    z-index: 110;
    display: block;
    width: 48px;
    text-align: right;
}

.rightQuick li {
    position: relative;
    list-style: none;
}

/* ÅؽºÆ® (hover ½Ã ³ëÃâ) */
.rightQuick span.txt {
    font-size: 14px;
    opacity: 0;
    position: absolute;
    top: 8px;
    left: -45px; /* ÅؽºÆ® °£°Ý */
    white-space: nowrap;
    transition: all .4s ease-out;
}

.rightQuick li:hover span.txt {
    opacity: 1;
}

/* À̹ÌÁö ¾ÆÀÌÄÜ °øÅë ½ºÅ¸ÀÏ */
.rightQuick .rq-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 6px 0;
    transition: all .4s ease-out;
}

/* hover ½Ã ¾ÆÀÌÄÜ Åõ¸íµµ È¿°ú */
.rightQuick li:hover .rq-icon {
    opacity: 0.3;
}

/* Àå¹Ù±¸´Ï ¼ýÀÚ Ç¥½Ã */
.rightQuick .cart span.user_basket_quantity {
    position: absolute;
    top: 0;
    right: 6px;
    background: #2c2c2c;
    border-radius: 50%;
    color: #fff;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    pointer-events: none;
}

/* °Ë»ö Àüü ·¹À̾î */
.rightQuick .searchArea {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    z-index: 9999 !important;   /* ¡ç Ŭ¸¯ ¾ÈµÇ´ø ¹®Á¦ ÇØ°á */
    padding: 10px 0 0;
}

/* °Ë»ö ¹Ú½º */
.rightQuick .search {
    position: relative;
    width: 45%;
    margin: 10% auto 0;
    border-bottom: 2px solid #2e2e2e;
    padding: 10px 0 0;
    z-index: 10000;              /* ¡ç ³»ºÎ ¿ä¼Ò°¡ À§·Î ¿Ã¶ó¿Àµµ·Ï */
}

/* °Ë»ö input */
.rightQuick .search input {
    width: 100%;
    height: 44px;
    margin: 0;                   /* ¡ç Á¤»óÀûÀ¸·Î Á¤·Ä */
    border: none;
    font-size: 20px;
    background: transparent;
    position: relative;
    z-index: 10001;              /* ¡ç Ŭ¸¯ °¡´ÉÇÏ°Ô */
    pointer-events: auto;        /* ¡ç ÀÔ·Â °¡´ÉÇϵµ·Ï È®½ÇÈ÷ */
}

/* °Ë»ö ¹öÆ° */
.rightQuick .search .btnSch {
    position: absolute;
    bottom: 10px;
    right: 4px;
    z-index: 10001;
}

/* °Ë»ö ´Ý±â ¹öÆ° */
.rightQuick .search .searchClose {
    position: absolute;
    top: 80px;        /* ¡ç input ¿µ¿ª ¹Û ÀÚ¿¬½º·´°Ô °íÁ¤ */
    right: 50%;
    z-index: 10002;    /* ¡ç Ç×»ó ÃÖ»ó´Ü¿¡ º¸À̵µ·Ï */
}

.rightQuick .search input {
    width: 100%;
    height: 44px;
    margin: 0;
    border: none;
    font-size: 20px;
    background: transparent;
    outline: none;
    position: relative;
    z-index: 10001;
    pointer-events: auto;
}




/* ¿ìÃø ¸Þ´º ±âº» a ½ºÅ¸ÀÏ */
.rightQuick a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
}




/*¡Ú ÀÏ´Ü ¿©±â±îÁö 251127 ÀÛ¾÷ ¿ÀÀü¿¡*/

/* ¿ìÃø Äü¸Þ´º ³»ºÎ ¾ÆÀÌÄÜ¿¡¸¸ Àû¿ëµÇµµ·Ï °Ý¸® */
.rightQuick .rq-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
}

/* Ȥ½Ã »óÇ° À̹ÌÁö±îÁö ¿À¿°µÈ ±âÁ¸ ±Ô°Ý Á¦°Å */
.MS_prod_img_m {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: cover !important;
}





/* ¸ÞÀÎ ·Ñ¸µ »óÇ° ½½¶óÀÌ´õ ·¹À̾ƿô º¹±¸ */
.mdPickWrap .mdPick {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.mdPickWrap .mdPick .list {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    display: inline-block !important;
    margin: 0 10px !important;
}

/* ½æ³×ÀÏ À̹ÌÁö Á¤»ó º¹±¸ */
.mdPickWrap .mdPick .thumb img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block;
}




.rightQuick i img.rq-icon {
    width: 22px !important;
    height: 22px !important;
    max-width: none !important;
    max-height: none !important;
    display: inline-block !important;
}

.rightQuick i {
    line-height: 1 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* BASIC css end */