/* 서브메인 탭메뉴 */
#main_tab {width:100%; height:32px; margin:20px 0 30px 0; font-weight:bold; font-size:110%;}
#main_tab ul {list-style:none;padding:0;margin:0;}
#main_tab li {width:12.5%; height:32px; float:left; list-style-type:none; padding:0 3px; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; border-left:1px solid #DCDCDC; cursor:pointer; text-align:center; overflow:hidden;}
#main_tab li span {position:relative; top:5px;}
#main_tab li:first-child {border-radius:5px 0 0 5px;}
#main_tab li:last-child {border-radius:0 5px 5px 0; border-right:1px solid #DCDCDC;}
#main_tab .on {height:32px; border:1px solid #E86C36; background-color:#FF8647; font-weight:bold;}
#main_tab .on span {position:relative; top:5px; color:#FFF;}

/* 카테고리 블릿 */
.tv_blit_cate1 {background-color:#5CB85C;}
.tv_blit_cate2 {background-color:#337AB7;}
.tv_blit_cate3 {background-color:#F0AD4E;}
.tv_blit_cate4 {background-color:#5BC0DE;}
.tv_blit_cate5 {background-color:#D9534F;}
.tv_blit_cate6 {background-color:#E657B3;}
.tv_blit_cate7 {background-color:#FF8095;}

/* 영상 목록 */
#video_list {margin-bottom:40px;}
#video_list .sortlist {font-weight:bold; font-size:110%; position:relative;}
#video_list .sortlist ul {width:210px; margin:0 auto; padding:0; list-style:none;}
#video_list .sortlist ul li {float:left; width:70px; border-bottom:2px solid #E2E2E2; color:#777; padding-bottom:10px; text-align:center; cursor:pointer;}
#video_list .sortlist ul li.on {border-bottom:2px solid #F98145; color:#F98145; font-weight:bold;}
#video_list .sortlist .tv_popup_btn_area {position:relative;}
#video_list .sortlist .tv_popup_search {position:absolute; z-index:100; display:none; width:230px; height:auto; padding:10px; background-color:#FFF; border-radius:5px; border:1px solid #E2E2E2; box-shadow:0 3px 8px rgba(0, 0, 0, 0.2);}
#video_list .sortlist .tv_popup_search .tv_search_keyword {width:165px; height:29px; margin-right:7px; padding:5px 3px; border-bottom:1px solid #E2E2E2; border-top:0; border-left:0; border-right:0; outline:0; float:left;}
#video_list .sortlist .tv_popup_search .btn {float:left;}
#video_list .info_num {margin:5px 0 10px 0;}
#video_list .videolist {margin:0 -7px; padding:0;}
#video_list .videobox_wrap {width:25%; float:left; margin-bottom:20px;}
#video_list .videobox {display:block; margin:0 7px; background-color:#FFF;}
#video_list .videobox .pic {width:100%; height:133px; padding:0px; background:#000; margin:0 auto; overflow:hidden; border-radius:7px; position:relative; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear;}
#video_list .videobox .pic .time {position:absolute; right:5px; bottom:5px; padding:0 4px; border-radius:3px; background-color:#000000; font-weight:bold; line-height:1.5em; color:#FFF; letter-spacing:0; font-size:12px;}
#video_list .videobox .pic .noimg {display:block; margin-top:25%;}
#video_list .videobox .videoinfo {width:100%; height:115px; padding:10px 3px;}
#video_list .videobox .cate {display:inline-block; padding:0 4px; border-radius:3px; font-size:12px; color:#FFF; font-weight:bold;}
#video_list .videobox .sbj {height:45px; position:relative; padding:5px 0; line-height:1.9rem; font-size:110%; font-weight:bold; letter-spacing:-0.05em; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#video_list .videobox .sbj .new {display:inline-block; margin-left:3px; font-size:85%; font-weight:normal; color:#ff0000;}
#video_list .videobox .info {height:30px; padding:3px 0; color:#555; font-size:12px;}
#video_list .videobox .info .photo {width:30px; height:30px; float:left; margin-top:2px; border-radius:50%; background:url('/files/member/simbol/0.gif') no-repeat center center #F4F4F4; background-size:contain;}
#video_list .videobox .info .photo img {width:30px; height:30px; border-radius:50%;}
#video_list .videobox .info .etc {margin-left:35px;}
#video_list .videobox .info .etc .name {height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#video_list .videobox .info .etc .name_tmp {height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#video_list .btn_tv_more {width:100%; height:40px; text-align:center; font-weight:bold; line-height:40px; cursor:pointer;}
#video_list .no_data {text-align:center;}

/* 영상 상세 */
#video_view {margin-bottom:20px;}
#video_view .tv_wrap {}
#video_view .tv_wrap #tv_cv {width:100%; padding-bottom:56.25%; background-color:#F4F4F4; color:#F4F4F4; position:relative;}
#video_view .tv_wrap #tv_cv iframe {position:absolute; width:100%; height:100%;}
#video_view .tv_cate {display:inline-block; border-radius:3px; padding:0 5px; margin:10px 0 5px 0; font-size:12px; font-weight:bold; color:#FFF;}
#video_view .tv_title {width:100%; font-size:16px; font-weight:400; word-break:break-all;}

#video_view .tv_info {width:100%; min-height:40px; margin:20px 0; padding-bottom:10px; border-bottom:1px solid #E2E2E2; position:relative; color:#777;}
#video_view .tv_info .tv_num {margin:20px 0 10px 0;}
#video_view .tv_info .tv_channel {width:75%;}
#video_view .tv_info .tv_channel .photo {width:30px; height:30px; float:left; border-radius:50%; background:url('/files/member/simbol/0.gif') no-repeat center center #F4F4F4; background-size:contain;}
#video_view .tv_info .tv_channel .photo img {width:30px; height:30px; border-radius:50%;}
#video_view .tv_info .tv_channel .name {height:30px; margin-left:37px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#video_view .tv_info .tv_btn {width:25%; margin-bottom:3px;}
#video_view .tv_info .tv_popup_btn_area {position:relative;}
#video_view .tv_info .tv_info_btn {position:absolute; top:-16px; width:35px; padding:1px 2px; border-radius:3px; display:inline-block; cursor:pointer; text-align:center; font-size:20px;}
#video_view .tv_info .tv_info_btn_like {right:45px;}
#video_view .tv_info .tv_info_btn_share {right:5px;}
#video_view .tv_info .tv_btn_on {background-color:#F4F4F4;}
#video_view .tv_info .tv_btn_txt {position:absolute; top:15px; width:35px; font-size:11px; text-align:center;}
#video_view .tv_info .tv_btn_txt_like {right:45px;}
#video_view .tv_info .tv_btn_txt_share {right:5px;}
#video_view .tv_info .tv_popup_share {position:absolute; z-index:40; display:none; width:250px; height:auto; padding:10px; text-align:center; background-color:#FFF; border-radius:5px; border:1px solid #E2E2E2; box-shadow:0 3px 8px rgba(0, 0, 0, 0.2);}
#video_view .tv_info .tv_popup_share img {margin:0 3px; cursor:pointer;}

#video_view .tv_content {margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #E2E2E2; word-break:break-all; position:relative;}
#video_view .tv_content.content_reduce {height:150px; overflow:hidden;}
#video_view .tv_content .btn_content_more {width:100%; height:35px; text-align:center; background-color:#FFF; cursor:pointer; display:none; position:absolute; left:0; bottom:0; box-shadow:0 -10px 20px 20px #FFF;}
#video_view .btns {padding-bottom:20px;}
#video_view .comment_pc {padding:20px 0 10px 0;}
#video_view .comment_pc .comment_tit {font-size:110%; font-weight:bold;}
#video_view .comment_mo {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #E2E2E2;}
#video_view .comment_mo .comment_head {height:30px; line-height:35px; margin-bottom:10px;}
#video_view .comment_mo .comment_tit {font-size:110%; font-weight:bold;}
#video_view .comment_mo .btn_comment_write {height:35px; line-height:33px; border:1px solid #E2E2E2; background-color:#F4F4F4; text-align:center; cursor:pointer;}

#video_view .videolist_tit {padding:5px 0 10px 0; font-size:110%; font-weight:bold;}
#video_view .videolist_right {}
#video_view .videolist_right .videobox {width:100%; display:block; background-color:#FFF; cursor:pointer;}
#video_view .videolist_right .videobox .pic {width:100%; height:127px; padding:0px; background:#000; margin:0 auto; overflow:hidden; border-radius:7px; position:relative; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear;}
#video_view .videolist_right .videobox .pic .time {position:absolute; right:5px; bottom:5px; padding:0 4px; border-radius:3px; background-color:#000000; font-weight:bold; line-height:1.5em; color:#FFF; letter-spacing:0; font-size:12px;}
#video_view .videolist_right .videobox .pic .noimg {display:block; margin-top:25%;}
#video_view .videolist_right .videobox .videoinfo {width:100%; height:65px;}
#video_view .videolist_right .videobox .sbj {max-height:36px; padding:4px 0; line-height:1.7rem; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#video_view .videolist_right .videobox .etc {height:25px; padding:3px 0; color:#777; font-size:12px; letter-spacing:-0.05em; position:relative;}
#video_view .videolist_right .videobox .etc span {display:inline-block;}
#video_view .videolist_right .videobox .etc em {display:inline-block; width:1px; height:10px; background:#D5D5D5; margin:2px 5px 0 5px;}
#video_view .videolist_right .videobox .name {width:165px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#video_view .videolist_right .videobox .name_tmp {width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#video_view .videolist_right .videobox .hit {position:absolute; right:0;}
#video_view .videolist_right .no_data {width:100%; height:127px; text-align:center; line-height:127px; color:#777; background-color:#F4F4F4; border-radius:7px;}
#video_view .videolist_right .rel_page {margin-top:5px; text-align:center;}
#video_view .videolist_right .rel_page div {width:28px; padding:5px; border-radius:3px; display:inline-block; cursor:pointer;}

#video_view .videolist_btm {}
#video_view .videolist_btm .videobox {width:100%; height:150px; margin-bottom:10px; position:relative; padding-left:260px; box-sizing:border-box; cursor:pointer;}
#video_view .videolist_btm .videobox .pic_wrap {position:absolute; top:0; left:0;}
#video_view .videolist_btm .videobox .pic {width:250px; height:141px; margin:0 auto; padding:0px; position:relative; background:#000; overflow:hidden; border-radius:7px; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear;}
#video_view .videolist_btm .videobox .pic .time {position:absolute; right:5px; bottom:5px; padding:0 4px; border-radius:3px; background-color:#000000; font-weight:bold; line-height:1.5em; color:#FFF; letter-spacing:0; font-size:12px;}
#video_view .videolist_btm .videobox .pic .noimg {display:block; margin-top:25%;}
#video_view .videolist_btm .videobox .videoinfo {}
#video_view .videolist_btm .videobox .sbj {max-height:60px; margin-bottom:3px; line-height:2rem; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#video_view .videolist_btm .videobox .etc {height:25px; padding:3px 0; color:#777; font-size:12px; letter-spacing:-0.05em; position:relative;}
#video_view .videolist_btm .videobox .etc span {display:inline-block;}
#video_view .videolist_btm .videobox .etc em {display:inline-block; width:1px; height:10px; background:#D5D5D5; margin:2px 5px 0 5px;}
#video_view .videolist_btm .videobox .name {width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#video_view .videolist_btm .videobox .name_tmp {width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#video_view .videolist_btm .videobox .hit {position:absolute; right:0;}
#video_view .btn_tv_more {width:100%; height:40px; margin-top:10px; text-align:center; font-weight:bold; line-height:40px; cursor:pointer;}
#video_view .btn_tv_more:hover {background-color:#f4f4f4;}

/* 영상 댓글(MO) */
#video_comment {padding:20px 10px 10px 10px;}
#video_comment hr {margin:10px 0;}
#video_comment .cmt_header {width:100%;}
#video_comment .cmt_header .cmt_tit {font-size:110%; line-height:30px;}
#video_comment .cmt_header .cmt_close {margin-right:10px; font-size:120%; cursor:pointer;}
#video_comment .cmt_body .tv_cate {display:inline-block; border-radius:3px; padding:0 5px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#FFF;}
#video_comment .cmt_body .cmt_sbj {width:100%; margin-bottom:20px; font-size:16px; font-weight:400; word-break:break-all;}
#video_comment .submitbox {width:100%; margin:0 auto 10px auto; text-align:center;}
#video_comment .submitbox button {margin:0 auto;}

/* 제휴신청 */
#video_partner {}
#video_partner .alert ul {margin:0; padding-left:15px; letter-spacing:-0.03em;}
#video_partner .appl_header {width:100%; height:50px; padding:12px 15px; background-color:#FF8647; color:#FFF; font-size:17px; font-weight:bold;}
#video_partner .appl_header .close, .close:hover, .close:focus {color:#FFF; margin:0; opacity:1;}
#video_partner .appl_body {padding:20px 15px; min-height:300px;}
#video_partner .appl_form {width:700px; max-width:100%; margin:0 auto;}
#video_partner .sub_tit {width:100%; margin-bottom:5px; font-size:15px; font-weight:bold;}
#video_partner .table {width:100%; margin-bottom:15px; border:1px #DDD solid;}
#video_partner .table .inq_td {width:110px; text-align:center; background-color:#F4F4F4; font-weight:bold;}
#video_partner .table span {color:#ff0000;}
#video_partner .table .etc {color:#777; margin-top:3px; display:inline-block;}
#video_partner .table .input_m {width:230px; display:inline-block;}
#video_partner .table label {margin-right:10px;}
#video_partner .table textarea {min-height:50px; resize:vertical;}
#video_partner .agreecheck {width:100%; margin-bottom:10px;}
#video_partner .agree_box1, #video_partner .agree_box2 {margin:10px auto; display:none;}
#video_partner .agree_title {font-weight:bold; font-size:110%; margin-bottom:20px;}
#video_partner .submitbox {width:100%; padding-top:10px; text-align:center;}
#video_partner .submitbox button {margin:0 5px;}
#video_partner .appl_result {padding:50px 0; text-align:center; display:none;}