.layout_sub {
    width:1200px;
    margin:0 auto 50px;
    padding:50px 15px 0;
    overflow:hidden;
}

.sub_wrap {
    width:100%;
    background-color:#fff;
    border:1px solid #cacaca;
    padding-right:40px; 
    position: relative;
}

.sub_wrap:before {
    content:'';
    position: absolute;
    top:0;
    left:199px;
    width:2px;
    height:10000px;
    border-right:1px solid #eee;
}

.sub_wrap .sub_menu_wrap {
    width:200px;
    float:left;
    height:100%;
    padding-top:115px;
    position: relative;
    margin-right:40px;
}

.sub_wrap .sub_menu_wrap .sub_menu_title {
    width:207px;
    height:147px;
    background-color:#dd6385;
    box-shadow:0px 0px 8px rgba(0, 0, 0, .4);
    position: absolute;
    top:115px;
    transform:translateY(-100%);
    right:0;
}

.sub_wrap .sub_menu_wrap .sub_menu_title img {
    margin:33px auto 15px;
    display:block;
}

.sub_wrap .sub_menu_wrap .sub_menu_title h2 {
    font-family:'NanumEB';
    font-size:20px;
    color:#fff;
    text-align:center;
}

.sub_wrap .sub_menu_wrap .sub_menu_list {
    width:100%;
}

.sub_wrap .sub_menu_wrap .sub_menu_list .depth1 {
    width:100%;
}

.sub_wrap .sub_menu_wrap .sub_menu_list .depth1>li {
    width:100%;
    border-bottom:1px solid #eee;
}

.sub_wrap .sub_menu_wrap .sub_menu_list .depth1>li.active>a,
.sub_wrap .sub_menu_wrap .sub_menu_list .depth1>li:not(.active)>a:hover {
    color:#fff;
    background-color:#a0a0a0;
    border-bottom:2px solid #d25e7e;
}

.sub_wrap .sub_menu_wrap .sub_menu_list .depth1>li.active_i>.depth2 {
    display:block;
}

.sub_wrap .sub_menu_wrap .sub_menu_list .depth1>li>a {
    padding:12px 20px;
    font-family:'Noto Sans Kr', sans-serif;
    font-size:15px;
    color:#494949;
    display:block;
    border-bottom:2px solid #fff;
    transition:all .3s;
}

.sub_wrap .sub_menu_wrap .sub_menu_list .depth2 {
    width:100%;
    background-color:#f8f8f8;
    padding-left:30px;
    padding-top:10px;
    overflow:hidden;
    display:none;
}

.sub_wrap .sub_menu_wrap .sub_menu_list .depth2>li {
    width:100%;
    padding-bottom:10px;
}

.sub_wrap .sub_menu_wrap .sub_menu_list .depth2>li.active>a,
.sub_wrap .sub_menu_wrap .sub_menu_list .depth2>li>a:hover {
    color:#c13272;
}

.sub_wrap .sub_menu_wrap .sub_menu_list .depth2>li>a {
    color:#575757;
    font-family:'NotoKrR';
    font-size:13px;
}

.sub_top_wrap {
    width:100%;
    padding:35px 0 15px;
    border-bottom:1px solid #eaeaea;
    margin-bottom:30px;
}

.sub_top_wrap .breadcrumb {
    float:left;
    background-color:transparent;
    padding:0;
    margin-bottom:0px;
    margin-top:0px;
}

.sub_top_wrap .breadcrumb li i {
    color:#c6c6c6;
}

.sub_top_wrap .breadcrumb li {
    font-size:13px;
    font-family:'Nanum Gothic';
    color:#393939;
}

.sub_top_wrap .breadcrumb li:last-child {
    color:#d25e7e;
    font-weight: bold;
}

.sub_top_wrap .page_move {
    float:right;
}

.sub_top_wrap .page_move li {
    float:left;
    margin-left:5px;
    width:22px;
    height:22px;
    border-radius:3px;
    border:1px solid #cacaca;
    color:#d25e7e;
}

.sub_top_wrap .page_move li a {
    width:100%;
    height:100%;
    display:block;
    text-align:center;
    line-height:18px;
}

.sub_content_wrap {
    width:calc(100% - 240px);
    float:right;
}

.sub_content {
    /* min-height:1000px; */
    padding-bottom:50px;
}

.sub_content .sub_page_title {
    color:#070707;
    font-family:'NanumSB';
    font-size:33px;
    margin-bottom:40px;
}

/* Media */
@media screen and (max-width:1200px) {
    .layout_sub {
        width:100%;
    }
}

@media screen and (max-width:1023px) {
    .layout_sub {
        margin-bottom: 10px;
    }

    .sub_wrap:before {
        display:none;
    }

    .sub_wrap .sub_menu_wrap {
        display:none;
    }

    .sub_wrap {
        padding:0 0px;
    }

    .sub_top_wrap {
        padding:18px 15px 10px 15px;
        margin-bottom:20px;
    }

    .sub_content_wrap {
        width:100%;
    }

    .sub_content {
        padding: 10px 30px 50px;
    }
}

@media screen and (max-width:767px) {
    .layout_sub {        
        padding:12px 7px 0;
    }

    .sub_top_wrap {
        padding:10px 10px 7px 10px;
        margin-bottom:15px;
    }

    .sub_content {
        padding: 5px 15px 20px;
    }

    .sub_content .sub_page_title {
        text-align: center;
        font-size:25px;
        margin-bottom:20px;
    }
}


@media screen and (max-width:480px) {    

    
}