.category_list {
    position:relative;
    float:left;
    width:50%;
    background-color: #ffffff;
    border-bottom:1px solid #dddddd;
}

/*카테고리*/
.menu {display:none;position:fixed; left:0; top:0;height:100%;z-index:99999;-webkit-backface-visibility:hidden;width:100%;background:#efefef}
.menu .menu_wr{width:100%;height:100%;overflow-y:auto;background:#eee;position:relative;z-index:199919;
    -webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4);
    -moz-box-shadow: 0 0 5px rgba(55,55,5,0.4);
    box-shadow: 0 0 5px rgba(55,55,5,0.4);}
.menu .menu_close {position:absolute;top:50%;right:0px;width:40px;height:40px;background:none;color:#fff;font-size:20px;margin-top:-20px;border:0;z-index:199999}

.cate {background:#fff; max-width: 1200px; margin: 0 auto;}
.cate a {display:block;color:#333;padding:5px 0;}
.cate li {position:relative;line-height:40px}
.cate li button {position:absolute;top:0;right:0;border:0;width:30px;height:40px;overflow:hidden;border:0;background:url(../../../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
.cate li button.ct_cl {background:url(../../../img/mobile/gnb_bg2.png) no-repeat 50% 50%}
.cate li li { line-height: 1.5; }

.sub_cate {display:none}
.sub_cate a {border-bottom:1px solid #efefef;background:url(../../../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px}
.sub_cate2 a {padding-left:40px;background-position:31px 17px}
.sub_cate3 a {padding-left:50px;background-position:41px 17px}
.sub_cate4 a {padding-left:60px;background-position:51px 17px}

#cate_tnb {background:#fff;border-bottom:1px solid #e1e1e1;margin:10px 0}
#cate_tnb:after {display:block;visibility:hidden;clear:both;content:""}
#cate_tnb li {border-bottom:1px solid #efefef;float:left;width:50%;line-height:43px;padding:0 10px 0 50px;position:relative}
#cate_tnb li:nth-child(2n+1) {clear:both;border-right:1px solid #efefef}
#cate_tnb li i {position:absolute;top:0;left:0;width:50px;text-align:center;color:#a5a8ac;line-height:42px;font-size:16px}

/*카테고리*/
.menu_wr h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.parents_category > li { width: 140px; margin-right: 0; }
.children_category { display: none; }
.children_category_mobile {  }
.children_category > li > a { font-size: 14px; }
.parents_category:hover .children_category { display: block; }
.parents_category:hover .children_category li { float: unset; }
.parents_category:hover .children_category li a { color: gray; } /* _hs */
.parents_category:hover .children_category li a:hover { color: #f55b4b; } /* _hs */


@media (max-width: 1024px){
    .menu {display:none;overflow-y:auto;position:fixed;top:0;left:0;height:100%;width:100%;background:#ffffff;z-index:99999;text-align:left;
        -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
        box-shadow: 0 2px 15px rgba(0,0,0,0.2)}
    .menu_header{
        padding:20px;
        min-height: 64px;
        color:#fff;
        font-size:14px;
        background: #ff4867;
    }
    .menu_header span{
        font-size:16px;
        font-weight: 500;
    }
    #btn_user{display:none}
    .btn_login{display: none;position: absolute; background:#fff;padding:0 10px;right: 0;bottom:-40px;}
    .btn_login .btn_ol{line-height:55px;height:55px;border:0;background:none;color:#717989;padding:0 10px;position:relative}
    .btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px}
    .menu_title{
        margin:20px;
        font-size:16px;
        color:#333333;
    }
    .menu .menu_close {
        position: absolute;
        right: 20px;
        top: 40px;
        width: 25px;
        height: 25px;
        border:0;
        background: transparent;
        z-index:199999
    }
    .menu .menu_close:hover {
        opacity: 1;
    }
    .menu_close:before, .menu_close:after {
        position: absolute;
        top: 0;
        left: 15px;
        content: ' ';
        height: 25px;
        width: 2px;
        background-color: #fff;
    }
    .menu_close:before {
        transform: rotate(45deg);
    }
    .menu_close:after {
        transform: rotate(-45deg);
    }

    .menu .menu_close:hover{color:#000}
    .menu_body ul{
        border-bottom:1px solid #ddd;
    }
    .menu_body li{
        margin-top:0;
        padding:10px 20px;
        font-size:16px;
        text-align: left;
        cursor: pointer;
    }
    /*.menu_body li:nth-child(1){background: url("../../../img/menu_icon01.png") no-repeat center top; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(2){background: url("../../../img/menu_icon02.png") no-repeat center top; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(3){background: url("../../../img/menu_icon03.png") no-repeat center top; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(4){background: url("../../../img/menu_icon04.png") no-repeat center top; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(5){background: url("../../../img/menu_icon05.png") no-repeat center top; background-size: 36px 34px; }*/
    /*.menu_body li:nth-child(6){background: url("../../../img/menu_icon06.png") no-repeat center top; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(7){background: url("../../../img/menu_icon07.png") no-repeat center top; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(8){background: url("../../../img/menu_icon08.png") no-repeat center top; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(9){background: url("../../../img/menu_icon09.png") no-repeat center top; background-size: 36px 34px; border-bottom:0 solid transparent;}*/
    /*.menu_body li:nth-child(10){background: url("../../../img/menu_icon10.png") no-repeat center top; background-size: 36px 34px; border-bottom:0 solid transparent;}*/
    .category_list_about{
        display: inline-block;
        margin-top:22px;
        padding:38px 0 23px 0;
        width: 25%;
        font-size:16px;
        text-align: center;
        cursor: pointer;
        border-bottom:0 solid transparent;
        background: url("../../../img/menu_icon00.png") no-repeat center top !important;
        background-size: 36px 34px !important;
    }
    .category_list_about_box{
        border-bottom:1px solid #ddd;
    }
    .menu_wr{padding:10px 0;background:#fff;margin:10px 0;border-top:1px solid #eee}
    .menu_wr a {display:block;padding: 0 20px;color:#727280}
    .menu_wr li{position:relative;z-index:99999;line-height:45px;}
    .menu_wr li:hover {background:#f3f3f3; }
    .menu_wr li button{position:absolute;top:0;right:0;border:0;width:45px;height:45px;overflow:hidden;border:0;background:url(../../../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
    .menu_wr li button.ct_cl{background:url(../../../img/mobile/gnb_bg2.png) no-repeat 50% 50%}

    .sub_cate{display:none;background:#fff;font-size:0.923em;}
    .sub_cate a{padding-left:30px}
    .sub_cate1{}
    .sub_cate li:hover{position:relative;}
    .sub_cate2 a{padding-left:40px;background-position:31px 17px}
    .sub_cate3 a{padding-left:50px;background-position:41px 17px}
    .sub_cate4 a{padding-left:60px;background-position:51px 17px}
}
@media (min-width: 1025px){
    .menu{
        position: absolute;
        left:0;
        top:109px;
        margin: 0 auto;
        max-width: 180px;
        width: 100%;
        height: auto;
        background: transparent;
    }
    .menu .menu_header{
        position: absolute;
        top:-40px;
        width: 20px;
        height: 24px;
        background: url("/img/menu_close.png") no-repeat #fff 0 6px;
        font-size:0;
        color:transparent;
    }
    .menu .menu_header:after {
        display:block;

    }
    .menu .menu_header .menu_close{
        top:0px;
        left:0;
        right:auto;
        margin: 0;
        width: 83px;
        height: 40px;
    }

    .menu .menu_header .menu_close .sound_only{
        top:0;
        width: 83px !important;
        height: 40px !important;
    }
    .menu_body{
        margin: 0 auto;
        width: 100%;
        max-width: 180px;
    }
    .menu_body h3{
        display: none;
    }
    .menu_body ul{
        background: #fff;
        border:1px solid #ddd;
    }
    .category_list{
        float:none;
        padding-left:50px;
        width: 100%;
        height: 44px;
        line-height: 44px;
        cursor: pointer;
    }
    /*.menu_body li:nth-child(1){background: url("../../../img/menu_icon01.png") no-repeat 5px center; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(2){background: url("../../../img/menu_icon02.png") no-repeat 5px center; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(3){background: url("../../../img/menu_icon03.png") no-repeat 5px center; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(4){background: url("../../../img/menu_icon04.png") no-repeat 5px center; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(5){background: url("../../../img/menu_icon05.png") no-repeat 5px center; background-size: 36px 34px; }*/
    /*.menu_body li:nth-child(6){background: url("../../../img/menu_icon06.png") no-repeat 5px center; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(7){background: url("../../../img/menu_icon07.png") no-repeat 5px center; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(8){background: url("../../../img/menu_icon08.png") no-repeat 5px center; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(9){background: url("../../../img/menu_icon09.png") no-repeat 5px center; background-size: 36px 34px;}*/
    /*.menu_body li:nth-child(10){background: url("../../../img/menu_icon10.png") no-repeat 5px center; background-size: 36px 34px; border-bottom:0 solid transparent;}*/
    .category_list_about_box{
        background: #fff;
        border-top:1px solid #ddd;
        border-right:1px solid #ddd;
        border-left:1px solid #ddd;
    }
    .category_list_about{
        display: block;
        padding-left:50px;
        width: 100%;
        height: 44px;
        line-height: 44px;
        cursor: pointer;
        border-bottom:0 solid transparent;
        background: url("../../../img/menu_icon00.png") no-repeat 5px center !important;
        background-size: 36px 34px !important;
    }

    #btn_cate{display:none}
    .menu:after {display:block;visibility:hidden;clear:both;content:""}
    .menu_wr{float:left;}

    .btn_login .btn_ol{width:auto;vertical-align:top}
    .btn_login .btn_ol .txt{color:#717989;display:inline-block;margin-left:5px}
    .btn_login{ position: relative; line-height:45px; text-align: right; }
    .btn_login a{padding:0 10px;display:inline-block;position:relative;color:#717583;}
    .btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px}
    .btn_login button{background:0;padding:0 10px;border:0;color:#717583;outline:none;height:45px;line-height: 45px;}
    .btn_login img{ width:30px;height:30px;border-radius:50px;margin-right:5px;margin-top:7px;vertical-align:top}
    .menu_wr li{display:inline-block;padding: 0 10px;font-size:1.154em;font-weight:500}
    .menu_wr li button{border:0;width:25px;height:45px;overflow:hidden;border:0;background:url(../../../img/mobile/btn_menu.png) no-repeat 50% 50%;text-indent:-9999px;opacity:0.5}
    .sub_cate{display:none}
    .sub_cate a{display:block }
    .menu_wr li:hover .sub_cate1{display: block;position:absolute; padding:10px 0 ;
        background:#fff;min-width:100px;
        -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
        box-shadow: 0 2px 15px rgba(0,0,0,0.2)}

    .sub_cate1 li{display:block;font-size:13px;font-weight:300;line-height:40px;padding:0 20px;color:#727280}
    .sub_cate1 li:hover{color:#000;background:#f3f3f3}
    .sub_cate button{display:none}
}