/* BASIC css start */
#hdWrap
{   /* ·¹°Å½Ã
    z-index: 2;
    position: relative;*/
    background: #fff url(/design/bike1/10173/moms/images/common/bg_hd.gif) repeat-x 0 100%;
}

/* gnb */
#header #gnb li 
{
    position: relative; 
}
#header #gnb a 
{ 
    font-size: 13px; 
    color: #333333; 
}
#header #gnb li:hover a
{  
    color: #000; 
}
#header #gnb li .ico 
{
    position: absolute; 
    z-index: 2;
    width: 100%;
    left: 0; 
    bottom: -23px;
}
/* hdSchFrm */
#header #hdSchFrm fieldset 
{
    position: relative;
    border: solid 1px rgb(209 213 219 / var(--tw-border-opacity, 1));
}
#header #hdSchFrm .MS_search_word 
{
    width: 100%;
    height: 26px;
    border: 0 none;
    text-align: center;
}
#header #hdSchFrm .btn-sch 
{
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 24px; 
    height: 26px; 
    line-height: 26px; 
    display: block; 
}
#header #hdSchFrm .btn-sch img 
{
    vertical-align: middle; 
    margin-top: 4px; 
}
/* favLink */
#header .fav-wrap { position: absolute; left: 0; top: 10px; }
#header .fav-wrap a { margin-right: 20px; }

.evt-wrap { position: absolute; left: 0; bottom: 0; }
.evt-wrap li { width: 85px; float: left; }
.evt-wrap .line { margin-right: 15px; background: url(/design/bike1/10173/moms/images/common/evt_line.gif) no-repeat 100% 50%; }
.evt-wrap li img {}

.categorys-wrap {  }
.categorys-wrap .l-cat { /*position: relative; float: left; width: 12.5%; height: 40px; text-align: center;*/ }
.categorys-wrap .l-cat a { padding-bottom: 7px; line-height: 40px; font-size: 1rem;; color: #222; font-weight:500; }
.categorys-wrap .on  .l-name { border-bottom: 3px solid #ce8746; }
.categorys-wrap .sub-menus {
    display: none; padding-top: 25px; position: absolute; left: 0; top: 39px; z-index: 2; background-color: #fff; border: 1px solid #e6e6e6;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(230,230,230,1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(230,230,230,1);
    box-shadow: 3px 3px 5px 0px rgba(230,230,230,1);
}
.categorys-wrap .on .sub-menus { display: block; margin-bottom: 25px; }
.categorys-wrap .sub-menus ul { margin-bottom: 25px; padding-left: 25px; float: left; width: 190px; border-right: 1px solid #e9e9e9; }
.categorys-wrap .sub-menus .no-line { border-right: 0 none; }
.categorys-wrap .sub-menus ul li { }
.categorys-wrap .sub-menus ul li a { text-align: left; display: block; line-height: 24px; padding-bottom: 0; font-size: 12px; color: #7d7d7d; }
.categorys-wrap .sub-menus ul li h4 a { padding-bottom: 6px; font-size: 14px; color: #4b4a4a; }
.categorys-wrap .menu-1 { width: 954px; }
.categorys-wrap .menu-1 .smaller-height { height: 110px; }
.categorys-wrap .menu-2 { width: 660px; }
.categorys-wrap .menu-2 ul { width: 218px; height: 190px; }
.categorys-wrap .menu-2 .smaller-height { height: 130px; }
.categorys-wrap .menu-3 { width: 760px; }
.categorys-wrap .menu-3 ul { width: 180px; height: 140px; }
.categorys-wrap .menu-3 .smaller-height { height: 100px; }
.categorys-wrap .menu-4 { width: 660px; }
.categorys-wrap .menu-4 ul { width: 200px; height: 80px; }
.categorys-wrap .menu-4 .smaller-height { height: 120px; }
.categorys-wrap .menu-7 { width: 190px; }
.categorys-wrap .menu-7 ul { width: 190px; height: 80px; }
.categorys-wrap .menu-8 { width: 370px; }
.categorys-wrap .menu-8 ul { width: 180px; height: 200px; }
.categorys-wrap .menu-8 .smaller-height { height: 80px; }

#MK_desktopiconbanner { position: absolute; top: 0; left: 80px; }

/* Ä¿½ºÅÒ ¼­ºê¸Þ´º */
#submenu 
{
    position: relative;
}
#submenu .menu-item 
{
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #333333;
    font-family: 'Pretendard';
    text-decoration: none;
    transition: all 0.2s ease;
    padding-bottom: 4px;
}

#submenu .menu-item::after 
{
    content: '';
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    background-color: #6fc9b9;
    transform: scaleX(0);
    transition: all 0.2s ease-in-out;
}

#submenu .menu-item:hover 
{
    color: #000;
    transition: all 0.2s ease-in-out;
}

#submenu .menu-item:hover::after 
{
    transform: scaleX(1);
}

#submenu .brand_media::before
{
    content: "";
    position: absolute;
    display: flex;
    width: 10px;
    height: 2px;
    /* left: 43%; */
    top: -6px;
    bottom: 0;
    background-color: rgb(239 56 56);
}
#submenu .brand_media::after
{
    background-color: rgb(239 56 56) !important;
}

/* BASIC css end */

/*  ¸ð¹ÙÀÏ ¸ð´Þ  */
[x-cloak]
{
    display: none !important;
}
/*  ¸ð¹ÙÀÏ ¸ð´Þ  */

/* [¸ð¹ÙÀÏ/PC ÅëÇÕ °Ë»ö ¸ð´Þ ½ºÅ¸ÀÏ] */

/* ¸ÞÀÌÅ©¼¥ ÀÎDz °­Á¦ ½ºÅ¸Àϸµ */
.mobile-search-box .MS_search_word {
    width: 100% !important;
    height: 40px !important;
    border: 0 none !important;
    background: transparent !important;
    font-size: 1rem !important; /* 16px ~ 18px Àû´ç */
    font-weight: 500 !important;
    color: #111 !important;
    outline: none !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Ç÷¹À̽ºÈ¦´õ »ö»ó - JS·Î ÁÖÀÔµÈ ¼Ó¼º Á¦¾î */
.mobile-search-box .MS_search_word::placeholder {
    color: #9ca3af; /* gray-400 */
    font-weight: 400;
}
/* BASIC css end */