/* BASIC css start */
.top-banner { background-color: #F8F8F8; }
.top-banner .wrap-inner { text-align: center; }
.top-banner .close-btn { display: block; position: absolute; right: 0; bottom: 10px; width: 20px; height: 20px; text-indent: -9999px; background: url(/design/bike1/10173/moms/images/btn/cross.gif) no-repeat 50% 50%; }

#hdWrap
{
    z-index: 2;
    position: relative;
    height: 190px;
    background: #fff url(/design/bike1/10173/moms/images/common/bg_hd.gif) repeat-x 0 100%;
}

/* header */
#header
{
    position: relative;
    height: 100px;
    width: 1200px; 
}
#header .bi,
#header #gnb { position: absolute; }
/* bi */
#header .bi { left: 50%; bottom: 0; margin-left: -127px; }
/* gnb */
#header #gnb { right: 0; top: 10px; }
#header #gnb li { position: relative; float: left; width: auto; display: inline-block; }
#header #gnb a { font-family: 'Nanum Barun Gothic'; font-size: 12px; margin-left: 15px; color: #909090; }
#header #gnb a i { font-style: normal; color: #fc686f; }
#header #gnb li .ico { position: absolute; left: 5px; bottom: -15px; }
/* hdSchFrm */
#header #hdSchFrm { position: absolute; right: 0; bottom: 0;}
#header #hdSchFrm fieldset { position: relative; width: 208px; height: 28px; border: 1px solid #d6d6d6; }
#header #hdSchFrm .MS_search_word 
{
    border: 0 none;
    padding-left: 5px;
    padding-right: 28px;
    width: 100%;
    height: 26px;
    padding-right: 26px; 
}
#header #hdSchFrm .btn-sch { position: absolute; right: 0; top: 0; width: 24px; height: 26x; 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 { margin-top: 50px; }
.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-family: 'Nanum Barun Gothic'; font-size: 16px; color: #000; }
.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-family: 'Nanum Barun Gothic'; font-size: 12px; color: #7d7d7d; }
.categorys-wrap .sub-menus ul li h4 a { padding-bottom: 6px; font-family: 'Nanum Barun Gothic'; 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;
    top: 100%;
}
.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;
}

.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;
}

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

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

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

/* BASIC css end */