.tab_menu_wrap{ width: 100%; height:120px; }
.tab_menu_wrap .tab_menu{ width: 560px; margin: auto;  }
.tab_menu_wrap .tab_menu{ width: 560px; margin: auto;  }

.tab_menu{ background: #eee; width: 100%; height: 40px; }
.tab_menu ul{ list-style-type: none; padding: 0; margin: 0; width: 560px; margin: 0 auto; }
.tab_menu ul li{ float:left; padding: 10px 20px; width: 100px; height: 20px; text-align: center; background-color: #eee;  margin: 0; cursor: pointer; }
.tab_menu ul li:hover{ background-color: #888; color: #fff;}
.tab_menu ul li.on{ background-color: #888; color: #fff;}


/* 전체 테마 */
/*.theme_box{ border: 1px solid #ccc;  }*/
/*.theme_box img{ width:100%; }*/
.theme_user_action_box{ padding: 10px 0; height: 15px; width: 100%; background-color: #eee; }
.theme_user_action_box .tag_list{ float:left; margin-left:10px; }
.theme_user_action_box .favorite_btn{ float: right; margin-right: 10px; cursor: pointer;  color: #ccc; }
.theme_user_action_box .favorite_btn.on{  color: red; }



/* 감상하기 - 카테고리 팝업 */
.category_top_con{position: relative; z-index: 10010;}
.popup_cts_wrap {position: fixed; top: 50%; left: 50%; z-index: 10010; transform: translate(-50%, -50%);}
.popup_bg_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; background-color: #000; opacity: 0.9;}
.popup_cts_con {margin: 0px auto; color: #fff; padding: 0px 22px;}
.popup_cts_con h2 {font-size: 50px; letter-spacing: -0.06em; line-height: 1em; font-weight: 400; margin-bottom: 48px;}
.category_1depth {width: 100%; position: relative;}
.category_1depth * {box-sizing: border-box;}
.category_1depth > li {width: 100%; margin-bottom: 10px; overflow: hidden;}
.category_1depth > li > a {display: block; font-size: 17.5px; letter-spacing: -0.03em; line-height: 27.5px; font-weight: 400; float: left; margin-right: 15px;}
.category_1depth > li > .line {display: none; overflow: hidden; border-bottom: 2px solid #6283ff; margin-top: 13px;}
.category_1depth > li.active > a{color: #6283ff;}
.category_1depth > li.active > .line {display: block;}
.category_1depth > li:hover > .line {display: block;}
.category_1depth > li > a:hover {color: #6283ff;}
.category_1depth > li .category_2depth {display: none; min-height: 400px; height: 100%; position: relative; margin-top: 42px;}
.category_1depth > li.active .category_2depth {display: block; clear: both;}
.category_1depth > li:hover .category_2depth {display: block; clear: both;}
.category_1depth > li .category_2depth > li {width: 100%; margin-bottom: 22px; padding-left: 25px;}
.category_1depth > li .category_2depth > li > a {display: inline-block; font-size: 30px; letter-spacing: -0.045em; line-height: 1em; font-weight: 400;}
.category_1depth > li .category_2depth > li.active > a {color: #6283ff;}
.category_1depth > li .category_2depth > li > a:hover {color: #6283ff;}
.category_1depth > li .category_2depth > li .category_3depth {height: 100%; overflow: hidden; position: absolute; top: 0; right: 0;}
.category_1depth > li .category_2depth > li .category_3depth .category_img_con {position: relative; display: inline-block; height: 100%; text-align: right;}
.category_1depth > li .category_2depth > li .category_3depth .category_img_con:after {
    display: block; content: "";
    position: absolute; left: 0; bottom: 0; width: 100%; height: 70%;
    background: #000;
    background: -webkit-linear-gradient(bottom, #000 5%, rgba(0,255,0,0));
    background: -moz-linear-gradient(bottom, #000 5%, rgba(0,255,0,0));
    background: -o-linear-gradient(bottom, #000 5%, rgba(0,255,0,0));
    background: linear-gradient(to top, #000 5%, rgba(0,255,0,0));
}

@media all and (min-width: 768px) {
    .popup_cts_con {padding: 0px 44px;}
}

@media all and (min-width: 1200px) {
    .popup_cts_con {padding: 0px 88px;}
    .category_1depth {width: 50%; min-height: 625px;}
    .category_1depth > li.active {min-height: auto;}
    .category_1depth > li .category_2depth {position: absolute; left: 100%; top: 0px; width: 100%; height: 100%; margin-top: 0;}
    .category_1depth > li .category_2depth > li {width: 41.66%;}
    .category_1depth > li .category_2depth > li .category_3depth {width: 58.33%;}
}