#wrapper{width:100%; min-width:320px; min-height:100%; background-color:#fff; margin:0 auto;}

header{position:sticky; top:0; z-index:10000; float:left; width:100%; height:90px; background-color:#fff; display:inline-block; text-align:center; border-bottom:1px solid #e6e6e6;}
header .top_contents{position:relative; width:100%; height:100%; max-width:1160px; display:inline-block; margin:0 auto;}
header h1{position:absolute; top:29px; left:16px; width:120px;}
header h1 a{display:block;}

header nav{margin-top:32px; display:inline-block; text-align:center;}
header nav ul{display:inline-block;}
header nav ul li{float:left; margin:0 15px;}
header nav ul li a{font-size:18px; font-weight:600; color:#333333!important;}
header .right_menu{position:absolute; top:32px; right:16px; color:#333333!important;}

main{width:100%; display:inline-block; margin:0 auto;}

main .bx-wrapper{margin:0 auto;}

.left_menu_popup{position:fixed; left:0; top:0; z-index:10001; visibility:hidden; width:100%; height:100%; overflow-x:hidden; transition:all 0.2s ease;}
.left_menu_popup.on{visibility:visible;}
.left_menu_popup .layer_cont{position:absolute; right:-100%; z-index:1; display:inline-block; width:445px; min-height:100%; background-color:#fff; transition:all 0.2s ease;}
.left_menu_popup.on .layer_cont{right:0;}
.left_menu_popup .layer_cont .popup_contents{position:absolute; top:0; right:0; clear:both; float:left; width:100%; height:100%; padding:0 25px; padding-top:56px; box-sizing:border-box; overflow-y:auto; transition:all 0.2s ease-in-out;}
.left_menu_popup .layer_cont .popup_contents .log_out span{position:relative; top:2px;}
.left_menu_popup .layer_cont .popup_contents .top_close{position:absolute; top:25px; right:25px; color:#333333;}
.left_menu_popup .layer_cont .popup_contents .btn_login_box{clear:both; width:100%; display:inline-block; margin-top:35px;}
.left_menu_popup .layer_cont .popup_contents .btn_login_box li{float:left; width:calc(50% - 5px); margin-right:10px;}
.left_menu_popup .layer_cont .popup_contents .btn_login_box li:last-child{margin-right:0;}
.left_menu_popup .layer_cont .popup_contents .btn_login_box li a{height:51px; line-height:51px; display:block; text-align:center;}
.left_menu_popup .layer_cont .popup_contents .btn_login_box li a.btn_login{background-color:#333333; color:#fff; font-size:16px; font-weight:500; border-radius:8px;}
.left_menu_popup .layer_cont .popup_contents .btn_login_box li a.btn_join{background-color:#fff; color:#333333; border-radius:8px; border:1px solid #e6e6e6; font-size:16px; font-weight:600; box-sizing:border-box;}

.left_menu_popup .layer_cont .popup_contents .btn_logout_box{clear:both; width:100%; display:inline-block; margin-top:35px;}
.left_menu_popup .layer_cont .popup_contents .btn_logout_box .profile_img{float:left; width:60px; height:60px; overflow:hidden; border:1px solid #e6e6e6; border-radius:100px;}
.left_menu_popup .layer_cont .popup_contents .btn_logout_box .profile_contents{float:left; margin-left:10px;}
.left_menu_popup .layer_cont .popup_contents .btn_logout_box .profile_contents .profile_name{float:left;}
.left_menu_popup .layer_cont .popup_contents .btn_logout_box .profile_contents .profile_name .btn_msg_list{position:relative; display:inline-block;}
.left_menu_popup .layer_cont .popup_contents .btn_logout_box .profile_contents .profile_name .btn_msg_list .fa-envelope{color:#333;}
.left_menu_popup .layer_cont .popup_contents .btn_logout_box .profile_contents .profile_name .btn_msg_list .msg_num{position:absolute; top:-8px; right:-12px; min-width:19px; display:inline-block; background-color:#e30613; font-size:10px; color:#fff; font-weight:500; text-align:center; border-radius:23px; padding:3px 5px; box-sizing:border-box;}
.left_menu_popup .layer_cont .popup_contents .btn_logout_box .profile_contents .btn_prf_edit{ float:left; display:inline-block; padding:6px 10px; margin-top:4px; border-radius:20px; border:1px solid #e6e6e6; box-sizing:border-box;}
.left_menu_popup .layer_cont .popup_contents .btn_logout_box .profile_contents .btn_box{clear:both; float:left; display:inline-block; width:100%; margin-top:4px;}

.left_menu_popup .layer_cont .popup_contents .gnb{clear:both; width:100%; display:inline-block; margin-top:35px;}
.left_menu_popup .layer_cont .popup_contents .gnb li{clear:both; width:100%; display:inline-block;}
.left_menu_popup .layer_cont .popup_contents .gnb li a{display:block; font-size:18px; color:#333333; line-height:3;}

.left_menu_popup .layer_cont .popup_contents .l_lenu_copyright{clear:both; width:100%; text-align:center; margin-top:75px;}

.left_menu_popup.on .popup_bg{position:fixed; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); transition:all 0.1s ease-in-out;}
.left_menu_popup.on .popup_bg{background: rgba(0, 0, 0, 0.7);}

/*main category*/
main .floating_imgbox{clear:both; width:100%; max-width:1160px; margin:0 auto; margin-top:75px; padding:0 16px; text-align:center; box-sizing:border-box;}
main .floating_imgbox .item img{border-radius:20px; overflow:hidden; object-fit:cover; border:1px solid #e6e6e6;}
main .floating_imgbox .item .text{margin-top:15px;}
main .floating_imgbox .owl-nav{position:relative; top:-70px;}
main .floating_imgbox .owl-nav .owl-prev{position:absolute; left:-35px;}
main .floating_imgbox .owl-nav .owl-next{position:absolute; right:-35px;}

/*main artiplay*/
main .creator_play{clear:both; width:100%; max-width:1160px; margin:0 auto; margin-top:75px; padding:0 16px; box-sizing:border-box;}
main .creator_play .title{float:left; color:#333333;}
main .creator_play .sub_text{clear:both; float:left; margin-top:5px;}
main .creator_play .btn_more{float:right; color:#999999; margin-top:5px;}
main .creator_play ul{clear:both; width:100%; display:inline-block; margin-top:25px;}
main .creator_play ul li{float:left; width:calc(20% - 8px); margin-right:10px; margin-bottom:10px; overflow:hidden;}
main .creator_play ul li:nth-child(5n){margin-right:0;}
main .creator_play ul li a{position:relative; float:left; width:100%; display:inline-block; overflow:hidden; padding-top:100%; border:1px solid #e6e6e6; box-sizing:border-box;}
main .creator_play ul li a img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin:auto; object-fit:cover; transition:all 0.2s ease-in-out;}
main .creator_play ul li a:hover img{transform:scale(1.1);}

/*main creator*/
main .creator_imgbox{clear:both; width:100%; max-width:1160px; margin:0 auto; margin-top:75px; text-align:center; padding:0 16px; box-sizing:border-box;}
main .creator_imgbox .title{float:left; color:#333333;}
main .creator_imgbox .sub_text{clear:both; float:left; margin-top:5px;}
main .creator_imgbox .btn_more{float:right; color:#999999; margin-top:5px;}
main .creator_imgbox .owl-carousel{clear:both; margin-top:35px; display:inline-block;}
main .creator_imgbox .owl-carousel a{position:relative; display:inline-block; padding-top:100%; width:100%; border-radius:100px; overflow:hidden; border:1px solid #e6e6e6;}
main .creator_imgbox .item img{float:left; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
main .creator_imgbox .item .text{display:inline-block; width:100%; margin-top:15px; text-align:center;}
main .creator_imgbox .owl-nav{position:relative; top:-70px;}
main .creator_imgbox .owl-nav .owl-prev{position:absolute; left:-35px;}
main .creator_imgbox .owl-nav .owl-next{position:absolute; right:-35px;}

/*month artifle*/
main .month_creator{clear:both; width:100%; max-width:1160px; margin:0 auto; margin-top:75px; padding:0 16px; box-sizing:border-box;}
main .month_creator .title{float:left; color:#333333;}
main .month_creator .sub_text{clear:both; float:left; margin-top:5px;}
main .month_creator .btn_more{float:right; color:#999999; margin-top:5px;}
main .month_creator ul{clear:both; width:100%; display:inline-block; margin-top:25px;}
main .month_creator ul li{float:left; width:calc(33.33% - 13.33px); margin-right:20px; overflow:hidden;}
main .month_creator ul li:nth-child(3n){margin-right:0;}
main .month_creator ul li .creator_box{display:inline-block; width:100%; margin-bottom:10px;}
main .month_creator ul li .creator_box img{width:100%; height:275px; object-fit:cover; border:1px solid #e6e6e6;}
main .month_creator ul li .creator_box .title{clear:both; float:left; width:100%; font-size:20px; font-weight:600; color:#333333; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
main .month_creator ul li .creator_box .text{clear:both; float:left; width:100%; margin-top:5px; line-height:1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
main .month_creator ul li .tag{float:left; display:inline-block; color:#333333; font-weight:600; margin-right:5px; margin-bottom:5px; padding:6px 10px; border-radius:20px; border:1px solid #e6e6e6; box-sizing:border-box; transition:all 0.2s ease-in-out;}
main .month_creator ul li .tag:hover{border:1px solid #333333;}

/*month artitalk*/
main .arti_talk{clear:both; width:100%; max-width:1160px; margin:0 auto; margin-top:75px; padding:0 16px; box-sizing:border-box;}
main .arti_talk .title{float:left; color:#333333;}
main .arti_talk .btn_more{float:right; color:#999999; margin-top:5px;}
main .arti_talk ul{clear:both; width:100%; margin-top:25px; display:inline-block;}
main .arti_talk ul li{float:left; width:calc(25% - 15px); margin-right:20px;}
main .arti_talk ul li:last-child{margin-right:0;}
main .arti_talk ul li .thumb{position:relative; float:left; width:100%; display:inline-block; overflow:hidden; padding-top:100%; border:1px solid #e6e6e6; border-radius:6px;}
main .arti_talk ul li .thumb img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
main .arti_talk ul li .text{clear:both; width:100%; display:inline-block; margin-top:20px;}
main .arti_talk ul li .text .title{clear:both; width:100%; float:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
main .arti_talk ul li .text .sub_text{clear:both; width:100%; float:left; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
main .arti_talk ul li .date{clear:both; float:left; display:inline-block; margin-top:7px;}
main .arti_talk ul li .reply_like{float:right; margin-top:7px;}
main .arti_talk ul li .reply_like .btn_reply{float:left; margin-right:10px; cursor:pointer; color:#999;}
main .arti_talk ul li .reply_like .btn_reply svg{vertical-align:middle;}
main .arti_talk ul li .reply_like .btn_reply span{margin-left:3px; vertical-align:middle;}
main .arti_talk ul li .reply_like .btn_like{float:left; cursor:pointer; transition:all 0.2s ease; color:#999;}
main .arti_talk ul li .reply_like .btn_like.on{color:#FF4B41;}
main .arti_talk ul li .reply_like .btn_like svg{vertical-align:middle;}
main .arti_talk ul li .reply_like .btn_like span{margin-left:3px; vertical-align:middle;}

/*creator*/
.creator{clear:both; width:100%; max-width:1160px; margin:0 auto; padding:0 16px; box-sizing:border-box;}
.creator .title{float:left; margin-top:75px;}
.creator .magazine{clear:both; width:100%; display:inline-block; margin-top:55px;}
.creator .magazine .sub_title{float:left; color:#333333;}
.creator .magazine .sub_text{clear:both; float:left; margin-top:5px;}
.creator .magazine .btn_more{float:right; color:#999999; margin-top:5px;}
.creator .magazine ul{clear:both; width:100%; display:inline-block; margin-top:25px;}
.creator .magazine ul li{width:calc(50% - 7.5px); height:306px; float:left; margin-right:15px; margin-bottom:45px; overflow:hidden;}
.creator .magazine ul li:nth-child(2n){margin-right:0;}
.creator .magazine ul li a{position:relative; width:100%; height:100%; display:inline-block;}
.creator .magazine ul li a .magazine_img{position:absolute; top:0; left:0; width:100%; height:100%;}
.creator .magazine ul li a .magazine_img img{height:100%; object-fit:cover; transition:all 0.2s ease;}
.creator .magazine ul li a:hover .magazine_img img{transform:scale(1.1);}
.creator .magazine ul li a .black_bg{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:#000; opacity:0.5;}
.creator .magazine ul li a .title{position:absolute; bottom:65px; z-index:2; padding:0 25px; box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-break:keep-all;}
.creator .magazine ul li a .name{position:absolute; bottom:35px; z-index:2; padding:0 25px; box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

.creator .search_box{clear:both; float:left; width:100%; display:inline-block; margin-top:55px;}
.creator .search_box .sch_input_box{display:inline-block; border-radius:5px; width:100%; box-sizing:border-box;}
.creator .search_box .sch_input{float:left; height:52px; line-height:52px; padding:0 16px; width:calc(100% - 62px); box-sizing:border-box;}
.creator .search_box .btn_search{float:right; display:block; padding:16px; color:#333;}

.creator .new_creator{clear:both; width:100%; display:inline-block; margin-top:75px;}
.creator .new_creator .sub_title{float:left; color:#333333;}
.creator .new_creator .sub_text{clear:both; float:left; margin-top:5px;}
.creator .new_creator .btn_more{float:right; color:#999999; margin-top:5px;}
.creator .new_creator .owl-carousel{clear:both; margin-top:35px; display:inline-block;}
.creator .new_creator .item a{float:left; position:relative; display:inline-block; padding-top:100%; width:100%; border-radius:100px; overflow:hidden; border:1px solid #e6e6e6;}
.creator .new_creator .item img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.creator .new_creator .item .text{display:inline-block; width:100%; margin-top:15px; text-align:center;}
.creator .new_creator .owl-nav{position:relative; top:-70px;}
.creator .new_creator .owl-nav .owl-prev{position:absolute; left:-35px;}
.creator .new_creator .owl-nav .owl-next{position:absolute; right:-35px;}

.creator .recmd_creator{clear:both; width:100%; display:inline-block; margin-top:75px;}
.creator .recmd_creator .sub_title{float:left; color:#333333;}
.creator .recmd_creator .sub_text{clear:both; float:left; margin-top:5px;}
.creator .recmd_creator .btn_more{float:right; color:#999999; margin-top:5px;}
.creator .recmd_creator ul{clear:both; width:100%; display:inline-block; margin-top:25px;}
.creator .recmd_creator ul li{float:left; width:calc(33.33% - 10px); height:386px; margin-right:15px; overflow:hidden;}
.creator .recmd_creator ul li:nth-child(3n){margin-right:0;}
.creator .recmd_creator ul li .creator_box{width:100%; display:inline-block; margin-bottom:10px;}
.creator .recmd_creator ul li .creator_box img{width:100%; height:275px; object-fit:cover; border:1px solid #e6e6e6;}
.creator .recmd_creator ul li .creator_box .title{clear:both; float:left; width:100%; font-size:20px; font-weight:600; color:#333333; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.creator .recmd_creator ul li .creator_box .text{clear:both; float:left; width:100%; margin-top:5px; line-height:1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.creator .recmd_creator ul li .tag{float:left; display:inline-block; color:#333333; font-weight:600; margin-right:5px; margin-bottom:5px; padding:6px 10px; border-radius:20px; border:1px solid #e6e6e6; box-sizing:border-box; transition:all 0.2s ease-in-out;}
.creator .recmd_creator ul li .tag:hover{border:1px solid #333333;}

.creator .creator_list{clear:both; width:100%; display:inline-block; margin-top:75px;}
.creator .creator_list .sub_title{float:left; color:#333333;}
.creator .creator_list .btn_more{float:right; color:#999999; margin-top:5px;}
.creator .creator_list ul{clear:both; float:left; width:100%; display:flex; flex-wrap:wrap; margin-top:35px;}
.creator .creator_list ul li{float:left; width:calc(20% - 2.4%); display:inline-block; margin-right:3%; margin-bottom:45px; text-align:center;}
.creator .creator_list ul li:nth-child(5n){margin-right:0;}
.creator .creator_list ul li a{float:left; position:relative; display:inline-block; padding-top:100%; width:100%; border-radius:6px; overflow:hidden; border:1px solid #e6e6e6;}
.creator .creator_list ul li a img{float:left; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.creator .creator_list ul li .text{clear:both; display:inline-block; width:100%; text-align:center; font-size:16px; margin-top:15px;}

/*creator page*/
.creator .user_page{clear:both; width:100%; display:inline-block;}
.creator .user_page .creator_info{clear:both; width:100%; display:flex; justify-content:center; margin-top:55px; padding:55px 25px; border:1px solid #e6e6e6; border-radius:8px; box-sizing:border-box;}
.creator .user_page .creator_info .profile_img{float:left; display:inline-block; width:30%; max-width:150px; border-radius:150px; border:1px solid #e6e6e6; overflow:hidden;}
.creator .user_page .creator_info .profile_img .img_box{float:left; position:relative; display:inline-block; width:100%; padding-top:100%; border-radius:150px; overflow:hidden; border:1px solid #e6e6e6;}
.creator .user_page .creator_info .profile_img .img_box img{float:left; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}

.creator .user_page .creator_info .profile_contents{float:left; width:70%; margin-left:25px; margin-top:3px;}
.creator .user_page .creator_info .profile_contents .user_id{float:left; margin-top:2px;}

.creator .user_page .creator_info .profile_contents .btn_box{display:inline-block; margin-left:10px;}
.creator .user_page .creator_info .profile_contents .btn_like{float:left; display:inline-block; border:1px solid #e6e6e6; overflow:hidden; padding:3px 12px; border-radius:34px; box-sizing:border-box;}
.creator .user_page .creator_info .profile_contents .btn_like .icon_heart{float:left; display:block; color:#e6e6e6; transition:all 0.2s ease;}
.creator .user_page .creator_info .profile_contents .btn_like.on .icon_heart{color:#f56d5f;}
.creator .user_page .creator_info .profile_contents .btn_like .like_num{float:left; margin-left:6px; margin-top:4px;}

.creator .user_page .creator_info .profile_contents .btn_msg{float:left; display:inline-block; margin-left:5px; border:1px solid #e6e6e6; overflow:hidden; padding:3px 12px; border-radius:34px; box-sizing:border-box;}
.creator .user_page .creator_info .profile_contents .btn_msg .icon_msg{float:left; display:block; color:#999;}
.creator .user_page .creator_info .profile_contents .btn_msg .msg_txt{float:left; margin-left:6px; margin-top:4px;}

.creator .user_page .creator_info .profile_contents .btn_favorite{float:left; display:inline-block; margin-left:5px; border:1px solid #e6e6e6; overflow:hidden; padding:3px 12px; border-radius:34px; box-sizing:border-box;}
.creator .user_page .creator_info .profile_contents .btn_favorite .icon_favorite{float:left; display:block; color:#e6e6e6; transition:all 0.2s ease;}
.creator .user_page .creator_info .profile_contents .btn_favorite.on .icon_favorite{color:#FFD306;}
.creator .user_page .creator_info .profile_contents .btn_favorite .favorite_txt{float:left; margin-left:6px; margin-top:4px;}
.creator .user_page .creator_info .profile_contents .info_text{clear:both; float:left; width:100%; display:inline-block; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; word-break:keep-all;}

.creator .user_page .work_list{clear:both; width:100%; display:inline-block; margin-top:35px;}
.creator .user_page .work_list li{float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:45px;}
.creator .user_page .work_list li:nth-child(4n){margin-right:0;}
.creator .user_page .work_list li a{display:inline-block; width:100%; height:100%;}
.creator .user_page .work_list li a .work_img{float:left; position:relative; display:inline-block; width:100%; padding-top:100%; border-radius:6px; overflow:hidden; border:1px solid #e6e6e6;}
.creator .user_page .work_list li a .work_img img{float:left; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.creator .user_page .work_list li a .work_title{clear:both; float:left; margin-top:15px; color:#333333; font-size:16px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

/*magazine*/
.creator .magazine_list{clear:both; width:100%; display:inline-block; margin-top:55px;}
.creator .magazine_list li{width:calc(50% - 7.5px); height:306px; float:left; margin-right:15px; margin-bottom:45px; overflow:hidden;}
.creator .magazine_list li:nth-child(2n){margin-right:0;}
.creator .magazine_list li a{position:relative; width:100%; height:100%; display:inline-block;}
.creator .magazine_list li a .magazine_img{position:absolute; top:0; left:0; width:100%; height:100%;}
.creator .magazine_list li a .magazine_img img{height:100%; object-fit:cover; transition:all 0.2s ease;}
.creator .magazine_list li a:hover .magazine_img img{transform:scale(1.1);}
.creator .magazine_list li a .black_bg{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:#000; opacity:0.5;}
.creator .magazine_list li a .title{position:absolute; bottom:65px; z-index:2; padding:0 25px; box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-break:keep-all;}
.creator .magazine_list li a .name{position:absolute; bottom:35px; z-index:2; padding:0 25px; box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

.creator .magazine_view{clear:both; width:100%; display:inline-block; margin-top:55px;}
.creator .magazine_view .magazine_title{width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.creator .magazine_view .magazine_subtxt{clear:both; margin-top:10px;}
.creator .magazine_view .magazine_subtxt .date{margin-left:10px; color:#BDBDBD;}
.creator .magazine_view .magazine_body{clear:both; width:100%; margin-top:35px; border-top:2px solid #333333; border-bottom:1px solid #e6e6e6; padding:55px 16px; box-sizing:border-box;}
.creator .magazine_view .magazine_body p{line-height:1.5;}


.creator .magazine_view .bottom_button{clear:both; display:flex; justify-content:center; width:100%; text-align:center; margin-top:55px;}
.creator .magazine_view .bottom_button .btn_like{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; box-sizing:border-box;}
.creator .magazine_view .bottom_button .btn_like .icon_heart{display:inline-block; color:#e6e6e6; transition:all 0.2s ease;}
.creator .magazine_view .bottom_button .btn_like.on .icon_heart{color:#f56d5f;}
.creator .magazine_view .bottom_button .btn_like .like_num{display:inline-block; vertical-align:bottom; color:#333; font-weight:500;}
.creator .magazine_view .bottom_button .btn_list{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; font-size:15px; color:#333; font-weight:500; margin-left:10px; box-sizing:border-box;}

.creator .magazine_view .comment_box{clear:both; display:inline-block; width:100%; margin-top:75px;}
.creator .magazine_view .comment_box .icon{display:inline-block; vertical-align: middle;}
.creator .magazine_view .comment_box .text{display:inline-block; margin-left:5px;}
.creator .magazine_view .comment_box .cmt_inp_box{clear:both; width:100%; display:inline-block; margin-top:15px;}
.creator .magazine_view .comment_box .cmt_inp_box .input_box_line{float:left; width:calc(100% - 62px);}
.creator .magazine_view .comment_box .cmt_inp_box .btn_comment{float:left; width:52px; height:52px; line-height:52px; border-radius:5px; background-color:#333; color:#fff; margin-left:10px; text-align:center;}

.cmt_inp_box .btn_comment{float:left; width:52px; height:52px; line-height:52px; border-radius:5px; background-color:#333; color:#fff; margin-left:10px; text-align:center;border:0;outline:0;cursor:pointer}

.creator .magazine_view .comment_list{clear:both; display:inline-block; width:100%; margin-top:15px;}
.creator .magazine_view .comment_list li{clear:both; width:100%; padding:25px 0; display:inline-block; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.creator .magazine_view .comment_list .name{width:100%; display:inline-block; color:#333; font-weight:700;}
.creator .magazine_view .comment_list .comment_text{width:100%; display:inline-block; font-size:16px; margin-top:18px;}
.creator .magazine_view .comment_list .date{clear:both; float:left; margin-top:10px; color:#BDBDBD;}
.creator .magazine_view .comment_list .btn_like{float:right; margin-top:10px; cursor:pointer; color:#999;}
.creator .magazine_view .comment_list .btn_like.on{color:#FF4B41;}
.creator .magazine_view .comment_list .btn_like svg{vertical-align:middle;}
.creator .magazine_view .comment_list .btn_like span{margin-left:3px; vertical-align:middle;}

/*recommend creator*/
.creator .rcmd_creator_list{clear:both; width:100%; display:inline-block; margin-top:55px;}
.creator .rcmd_creator_list li{float:left; width:calc(33.33% - 10px); height:386px; margin-right:15px; margin-bottom:45px; overflow:hidden;}
.creator .rcmd_creator_list li:nth-child(3n){margin-right:0;}
.creator .rcmd_creator_list li .creator_box{display:inline-block; width:100%; margin-bottom:10px;}
.creator .rcmd_creator_list li .creator_box img{width:100%; height:275px; object-fit:cover; border:1px solid #e6e6e6;}
.creator .rcmd_creator_list li .creator_box .title{clear:both; float:left; width:100%; font-size:20px; font-weight:600; color:#333333; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.creator .rcmd_creator_list li .creator_box .text{clear:both; float:left; width:100%; margin-top:5px; line-height:1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.creator .rcmd_creator_list li .tag{float:left; display:inline-block; color:#333333; font-weight:600; margin-right:5px; margin-bottom:5px; padding:6px 10px; border-radius:20px; border:1px solid #e6e6e6; box-sizing:border-box; transition:all 0.2s ease-in-out;}
.creator .rcmd_creator_list li .tag:hover{border:1px solid #333333;}

.creator .rcmd_creator_view{clear:both; width:100%; display:inline-block; margin-top:55px;}
.creator .rcmd_creator_view .creator_info{clear:both; width:100%; display:flex; justify-content:center; padding:55px 25px; border:1px solid #e6e6e6; border-radius:8px; box-sizing:border-box;}
.creator .rcmd_creator_view .creator_info .profile_img{float:left; display:inline-block; width:30%; max-width:150px; border-radius:150px; border:1px solid #e6e6e6; overflow:hidden;}
.creator .rcmd_creator_view .creator_info .profile_contents{float:left; width:70%; margin-left:25px; margin-top:3px;}
.creator .rcmd_creator_view .creator_info .profile_contents .user_id{float:left; margin-top:2px;}
.creator .rcmd_creator_view .creator_info .profile_contents .btn_like{float:left; display:inline-block; margin-left:10px; border:1px solid #e6e6e6; overflow:hidden; padding:3px 12px; border-radius:34px; box-sizing:border-box;}
.creator .rcmd_creator_view .creator_info .profile_contents .btn_like .icon_heart{float:left; display:block; color:#e6e6e6; transition:all 0.2s ease;}
.creator .rcmd_creator_view .creator_info .profile_contents .btn_like.on .icon_heart{color:#f56d5f;}
.creator .rcmd_creator_view .creator_info .profile_contents .btn_like .like_num{float:left; margin-left:6px; margin-top:4px;}
.creator .rcmd_creator_view .creator_info .profile_contents .info_text{clear:both; float:left; width:100%; display:inline-block; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; word-break:keep-all;}

.creator .rcmd_creator_view .creator_detail{clear:both; width:100%; display:inline-block; margin-top:55px; line-height:1.5;}
.creator .rcmd_creator_view .bottom_button{clear:both; display:flex; justify-content:center; width:100%; text-align:center; margin-top:55px;}
.creator .rcmd_creator_view .bottom_button .btn_like{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; box-sizing:border-box;}
.creator .rcmd_creator_view .bottom_button .btn_like .icon_heart{display:inline-block; color:#e6e6e6; transition:all 0.2s ease;}
.creator .rcmd_creator_view .bottom_button .btn_like.on .icon_heart{color:#f56d5f;}
.creator .rcmd_creator_view .bottom_button .btn_like .like_num{display:inline-block; vertical-align:bottom; color:#333; font-weight:500;}
.creator .rcmd_creator_view .bottom_button .btn_list{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; font-size:15px; color:#333; font-weight:500; margin-left:10px; box-sizing:border-box;}

.creator .rcmd_creator_view .comment_box{clear:both; display:inline-block; width:100%; margin-top:75px;}
.creator .rcmd_creator_view .comment_box .icon{display:inline-block; vertical-align: middle;}
.creator .rcmd_creator_view .comment_box .text{display:inline-block; margin-left:5px;}
.creator .rcmd_creator_view .comment_box .cmt_inp_box{clear:both; width:100%; display:inline-block; margin-top:15px;}
.creator .rcmd_creator_view .comment_box .cmt_inp_box .input_box_line{float:left; width:calc(100% - 62px);}
.creator .rcmd_creator_view .comment_box .cmt_inp_box .btn_comment{float:left; width:52px; height:52px; line-height:52px; border-radius:5px; background-color:#333; color:#fff; margin-left:10px; text-align:center;}

.creator .rcmd_creator_view .comment_list{clear:both; display:inline-block; width:100%; margin-top:15px;}
.creator .rcmd_creator_view .comment_list li{clear:both; width:100%; padding:25px 0; display:inline-block; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.creator .rcmd_creator_view .comment_list .name{width:100%; display:inline-block; color:#333; font-weight:700;}
.creator .rcmd_creator_view .comment_list .comment_text{width:100%; display:inline-block; font-size:16px; margin-top:18px;}
.creator .rcmd_creator_view .comment_list .date{clear:both; float:left; margin-top:10px; color:#BDBDBD;}
.creator .rcmd_creator_view .comment_list .btn_like{float:right; margin-top:10px; cursor:pointer; color:#999;}
.creator .rcmd_creator_view .comment_list .btn_like.on{color:#FF4B41;}
.creator .rcmd_creator_view .comment_list .btn_like svg{vertical-align:middle;}
.creator .rcmd_creator_view .comment_list .btn_like span{margin-left:3px; vertical-align:middle;}

.creator .sort_num{clear:both; float:left; display:inline-block; margin-top:65px;}
.creator .sort{float:right; margin-top:55px;}
.creator .sort ul{float:left; margin-top:10px; margin-right:5px;}
.creator .sort ul li{float:left; margin-right:10px;}
.creator .sort ul li a{display:inline-block; color:#BDBDBD;}
.creator .sort ul li a.on{color:#333;}
.creator .sort ul li a svg{vertical-align:text-top;}
.creator .btn_write{float:right; display:inline-block; background-color:#333; color:#fff; padding:10px 26px; border-radius:4px;}

.creator .work_list li .date{clear:both; float:left; display:inline-block; margin-top:7px;}
.creator .work_list li .reply_like{float:right; margin-top:7px;}
.creator .work_list li .reply_like .btn_reply{float:left; margin-right:10px; cursor:pointer; color:#999;}
.creator .work_listl li .reply_like .btn_reply svg{vertical-align:middle;}
.creator .work_list li .reply_like .btn_reply span{margin-left:3px; vertical-align:middle;}
.creator .work_list li .reply_like .btn_like{float:left; cursor:pointer; transition:all 0.2s ease; color:#999;}
.creator .work_list li .reply_like .btn_like.on{color:#FF4B41;}
.creator .work_list li .reply_like .btn_like svg{vertical-align:middle;}
.creator .work_list li .reply_like .btn_like span{margin-left:3px; vertical-align:middle;}

/*creator play*/
.c_play{clear:both; width:100%; max-width:1160px; margin:0 auto; padding:0 16px; box-sizing:border-box;}
.c_play .title{float:left; color:#333333; margin-top:75px;}
.c_play .c_play_work{clear:both; width:100%; display:inline-block; margin-top:55px;}
.c_play .c_play_work .sub_title{float:left; color:#333;}
.c_play .c_play_work .btn_more{float:right; color:#999999; margin-top:5px;}
.c_play .c_play_work .work_list{clear:both; width:100%; display:inline-block; margin-top:35px;}
.c_play .c_play_work .work_list li{float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:45px; overflow:hidden;}
.c_play .c_play_work .work_list li:nth-child(4n){margin-right:0;}
.c_play .c_play_work .work_list li .c_play_work_img{float:left; display:inline-block; width:100%; height:100%;}
.c_play .c_play_work .work_list li .c_play_work_img a{float:left; position:relative; display:inline-block; padding-top:100%; width:100%; border-radius:6px; overflow:hidden; border:1px solid #e6e6e6;}
.c_play .c_play_work .work_list li .c_play_work_img img{float:left; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.c_play .c_play_work .work_list li .text_box{float:left; display:inline-block; width:100%; margin-top:20px;}
.c_play .c_play_work .work_list li .text_box .c_play_ctg{float:left; display:inline-block; border:1px solid #e6e6e6; border-radius:20px; padding:6px 10px; transition:all 0.2s ease; box-sizing:border-box;}
.c_play .c_play_work .work_list li .text_box .c_play_ctg:hover{border:1px solid #333; color:#333; font-weight:600;}
.c_play .c_play_work .work_list li .text_box .btn_like{float:right; display:inline-block;}
.c_play .c_play_work .work_list li .text_box .btn_like .icon_heart{float:right; display:inline-block; color:#e6e6e6; transition:all 0.2s ease;}
.c_play .c_play_work .work_list li .text_box .btn_like.on .icon_heart{color:#f56d5f;}
.c_play .c_play_work .work_list li .text_box .c_play_work_title{clear:both; float:left; width:100%; word-break:keep-all; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.c_play .c_play_work .work_list li .text_box .name{clear:both; width:100%; display:inline-block; margin-top:5px;}

.c_play .sort_num{clear:both; float:left; display:inline-block; margin-top:65px;}
.c_play .sort{float:right; margin-top:55px;}
.c_play .sort ul{float:left; margin-top:10px; margin-right:5px;}
.c_play .sort ul li{float:left; margin-right:10px;}
.c_play .sort ul li a{display:inline-block; color:#BDBDBD;}
.c_play .sort ul li a.on{color:#333;}
.c_play .sort ul li a svg{vertical-align:text-top;}
.c_play .btn_write{float:left; display:inline-block; background-color:#333; color:#fff; padding:10px 26px; border-radius:4px;}

.c_play .c_play_work .work_ctg{clear:both; width:100%; padding-bottom:5px; display:inline-block; float:left; white-space:nowrap; -webkit-overflow-scrolling:touch; overflow-x:auto; display:flex; align-items:center;}
.c_play .c_play_work .work_ctg li{margin-right:8px; display:inline-block;}
.c_play .c_play_work .work_ctg li:last-child{margin-right:0;}
.c_play .c_play_work .work_ctg li a{padding:8px 16px; display:block; border:1px solid #e6e6e6; border-radius:3px; box-sizing:border-box;}
.c_play .c_play_work .work_ctg li a.on{background-color:#333; color:#fff;}
.c_play .c_play_work .work_ctg::-webkit-scrollbar {height:5px;}
.c_play .c_play_work .work_ctg::-webkit-scrollbar-thumb {background: rgba(120, 120, 120, 0.3); border-radius: 100px;}
.c_play .c_play_work .work_ctg::-webkit-scrollbar-thumb:hover {background: rgba(120, 120, 120, 0.5);}
.c_play .c_play_work .work_ctg::-webkit-scrollbar-track {display: none;}

.c_play .work_category{clear:both; width:100%; display:inline-block; margin-top:40px;}
.c_play .work_category .sub_title{float:left; color:#333;}
.c_play .work_category .owl-carousel{clear:both; margin-top:35px; display:inline-block;}
.c_play .work_category .item img{border-radius:20px; overflow:hidden; object-fit:cover; border:1px solid #e6e6e6;}
.c_play .work_category .item .text{margin-top:15px; text-align:center;}
.c_play .work_category .owl-nav{position:relative; top:-70px;}
.c_play .work_category .owl-nav .owl-prev{position:absolute; left:-35px;}
.c_play .work_category .owl-nav .owl-next{position:absolute; right:-35px;}

.c_play .work_view{clear:both; width:100%; display:inline-block; margin-top:55px;}
.c_play .work_view .ctg_name{clear:both; display:inline-block; color:#333; padding:6px 10px; border:1px solid #e6e6e6; border-radius:20px; box-sizing:border-box;}
.c_play .work_view .work_title{width:100%; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.c_play .work_view .work_subtxt{clear:both; margin-top:10px;}
.c_play .work_view .work_subtxt .date{margin-left:10px; color:#BDBDBD;}
.c_play .work_view .work_body{clear:both; width:100%; margin-top:35px; border-top:2px solid #333333; border-bottom:1px solid #e6e6e6; padding:55px 16px; box-sizing:border-box;}
.c_play .work_view .work_body p{line-height:1.5;}

.c_play .work_view .bottom_button{clear:both; display:flex; justify-content:center; width:100%; text-align:center; margin-top:55px;}
.c_play .work_view .bottom_button .btn_like{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; box-sizing:border-box;}
.c_play .work_view .bottom_button .btn_like .icon_heart{display:inline-block; color:#e6e6e6; transition:all 0.2s ease;}
.c_play .work_view .bottom_button .btn_like.on .icon_heart{color:#f56d5f;}
.c_play .work_view .bottom_button .btn_like .like_num{display:inline-block; vertical-align:bottom; color:#333; font-weight:500;}
.c_play .work_view .bottom_button .btn_list{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; font-size:15px; color:#333; font-weight:500; margin-left:10px; box-sizing:border-box;}

.c_play .work_view .comment_box{clear:both; display:inline-block; width:100%; margin-top:75px;}
.c_play .work_view .comment_box .icon{display:inline-block; vertical-align: middle;}
.c_play .work_view .comment_box .text{display:inline-block; margin-left:5px;}
.c_play .work_view .comment_box .cmt_inp_box{clear:both; width:100%; display:inline-block; margin-top:15px;}
.c_play .work_view .comment_box .cmt_inp_box .input_box_line{float:left; width:calc(100% - 62px);}
.c_play .work_view .comment_box .cmt_inp_box .btn_comment{float:left; width:52px; height:52px; line-height:52px; border-radius:5px; background-color:#333; color:#fff; margin-left:10px; text-align:center;}

.c_play .work_view .comment_list{clear:both; display:inline-block; width:100%; margin-top:15px;}
.c_play .work_view .comment_list li{clear:both; width:100%; padding:25px 0; display:inline-block; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.c_play .work_view .comment_list .name{width:100%; display:inline-block; color:#333; font-weight:700;}
.c_play .work_view .comment_list .comment_text{width:100%; display:inline-block; font-size:16px; margin-top:18px;}
.c_play .work_view .comment_list .date{clear:both; float:left; margin-top:10px; color:#BDBDBD;}
.c_play .work_view .comment_list .btn_like{float:right; margin-top:10px; cursor:pointer; color:#999;}
.c_play .work_view .comment_list .btn_like.on{color:#FF4B41;}
.c_play .work_view .comment_list .btn_like svg{vertical-align:middle;}
.c_play .work_view .comment_list .btn_like span{margin-left:3px; vertical-align:middle;}

.c_play .popular_work{clear:both; width:100%; display:inline-block; margin-top:75px;}
.c_play .popular_work .sub_title{float:left; color:#333;}
.c_play .popular_work .btn_more{float:right; color:#999999; margin-top:5px;}
.c_play .popular_work ul{clear:both; width:100%; display:inline-block; margin-top:35px;}
.c_play .popular_work ul li{width:calc(33.33% - 10px); height:260px; float:left; margin-right:15px; margin-bottom:15px; overflow:hidden;}
.c_play .popular_work ul li:nth-child(3n){margin-right:0;}
.c_play .popular_work ul li a{position:relative; width:100%; height:100%; display:inline-block;}
.c_play .popular_work ul li a .magazine_img{position:absolute; top:0; left:0; width:100%; height:100%;}
.c_play .popular_work ul li a .magazine_img img{height:100%; object-fit:cover; transition:all 0.2s ease;}
.c_play .popular_work ul li a:hover .magazine_img img{transform:scale(1.1);}
.c_play .popular_work ul li a .black_bg{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:#000; opacity:0.5;}
.c_play .popular_work ul li a .title{position:absolute; bottom:65px; z-index:2; padding:0 25px; color:#fff; box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-break:keep-all;}
.c_play .popular_work ul li a .name{position:absolute; bottom:35px; z-index:2; padding:0 25px; color:#fff; box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

.c_play .popular_work_list{clear:both; width:100%; display:inline-block; margin-top:55px;}
.c_play .popular_work_list ul{clear:both; width:100%; display:inline-block;}
.c_play .popular_work_list ul li{width:calc(33.33% - 10px); height:260px; float:left; margin-right:15px; margin-bottom:45px; overflow:hidden;}
.c_play .popular_work_list ul li:nth-child(3n){margin-right:0;}
.c_play .popular_work_list ul li a{position:relative; width:100%; height:100%; display:inline-block;}
.c_play .popular_work_list ul li a .magazine_img{position:absolute; top:0; left:0; width:100%; height:100%;}
.c_play .popular_work_list ul li a .magazine_img img{height:100%; object-fit:cover; transition:all 0.2s ease;}
.c_play .popular_work_list ul li a:hover .magazine_img img{transform:scale(1.1);}
.c_play .popular_work_list ul li a .black_bg{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:#000; opacity:0.5;}
.c_play .popular_work_list ul li a .title{position:absolute; bottom:65px; z-index:2; padding:0 25px; color:#fff; box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-break:keep-all;}
.c_play .popular_work_list ul li a .name{position:absolute; bottom:35px; z-index:2; padding:0 25px; color:#fff; box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

.c_play .popular_work_view{clear:both; width:100%; display:inline-block; margin-top:55px;}
.c_play .popular_work_view .magazine_title{width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.c_play .popular_work_view .magazine_subtxt{clear:both; margin-top:10px;}
.c_play .popular_work_view .magazine_subtxt .date{margin-left:10px; color:#BDBDBD;}
.c_play .popular_work_view .magazine_body{clear:both; width:100%; margin-top:35px; border-top:2px solid #333333; border-bottom:1px solid #e6e6e6; padding:55px 16px; box-sizing:border-box;}
.c_play .popular_work_view .magazine_body p{line-height:1.5;}

.c_play .popular_work_view .bottom_button{clear:both; display:flex; justify-content:center; width:100%; text-align:center; margin-top:55px;}
.c_play .popular_work_view .bottom_button .btn_like{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; box-sizing:border-box;}
.c_play .popular_work_view .bottom_button .btn_like .icon_heart{display:inline-block; color:#e6e6e6; transition:all 0.2s ease;}
.c_play .popular_work_view .bottom_button .btn_like.on .icon_heart{color:#f56d5f;}
.c_play .popular_work_view .bottom_button .btn_like .like_num{display:inline-block; vertical-align:bottom; color:#333; font-weight:500;}
.c_play .popular_work_view .bottom_button .btn_list{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; font-size:15px; color:#333; font-weight:500; margin-left:10px; box-sizing:border-box;}

.c_play .popular_work_view .comment_box{clear:both; display:inline-block; width:100%; margin-top:75px;}
.c_play .popular_work_view .comment_box .icon{display:inline-block; vertical-align: middle;}
.c_play .popular_work_view .comment_box .text{display:inline-block; margin-left:5px;}
.c_play .popular_work_view .comment_box .cmt_inp_box{clear:both; width:100%; display:inline-block; margin-top:15px;}
.c_play .popular_work_view .comment_box .cmt_inp_box .input_box_line{float:left; width:calc(100% - 62px);}
.c_play .popular_work_view .comment_box .cmt_inp_box .btn_comment{float:left; width:52px; height:52px; line-height:52px; border-radius:5px; background-color:#333; color:#fff; margin-left:10px; text-align:center;}

.c_play .popular_work_view .comment_list{clear:both; display:inline-block; width:100%; margin-top:15px;}
.c_play .popular_work_view .comment_list li{clear:both; width:100%; padding:25px 0; display:inline-block; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.c_play .popular_work_view .comment_list .name{width:100%; display:inline-block; color:#333; font-weight:700;}
.c_play .popular_work_view .comment_list .comment_text{width:100%; display:inline-block; font-size:16px; margin-top:18px;}
.c_play .popular_work_view .comment_list .date{clear:both; float:left; margin-top:10px; color:#BDBDBD;}
.c_play .popular_work_view .comment_list .btn_like{float:right; margin-top:10px; cursor:pointer; color:#999;}
.c_play .popular_work_view .comment_list .btn_like.on{color:#FF4B41;}
.c_play .popular_work_view .comment_list .btn_like svg{vertical-align:middle;}
.c_play .popular_work_view .comment_list .btn_like span{margin-left:3px; vertical-align:middle;}

.c_play .random_play{clear:both; width:100%; display:inline-block; margin-top:55px;}
.c_play .random_play .sub_title{float:left; color:#333;}
.c_play .random_play ul{clear:both; width:100%; display:inline-block; margin-top:35px;}
.c_play .random_play ul li{float:left; width:calc(20% - 8px); margin-right:10px; margin-bottom:10px; overflow:hidden;}
.c_play .random_play ul li:nth-child(5n){margin-right:0;}
.c_play .random_play ul li a{position:relative; float:left; width:100%; display:inline-block; overflow:hidden; padding-top:100%; border:1px solid #e6e6e6; box-sizing: border-box;}
.c_play .random_play ul li a img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin:auto; object-fit:cover; transition:all 0.2s ease-in-out;}
.c_play .random_play ul li a:hover img{transform:scale(1.1);}

/*daily talk*/
.daily_talk{clear:both; width:100%; max-width:1160px; margin:0 auto; padding:0 16px; box-sizing:border-box;}
.daily_talk .title{float:left; color:#333333; margin-top:75px;}

.daily_talk .work_ctg{clear:both; width:100%; padding-bottom:5px; margin-top:55px; display:inline-block; float:left; white-space:nowrap; -webkit-overflow-scrolling:touch; overflow-x:auto; display:flex; align-items:center;}
.daily_talk .work_ctg li{margin-right:8px; display:inline-block;}
.daily_talk .work_ctg li:last-child{margin-right:0;}
.daily_talk .work_ctg li a{padding:8px 16px; display:block; border:1px solid #e6e6e6; border-radius:3px; box-sizing:border-box;}
.daily_talk .work_ctg li a.on{background-color:#333; color:#fff;}
.daily_talk .work_ctg::-webkit-scrollbar {height:5px;}
.daily_talk .work_ctg::-webkit-scrollbar-thumb {background: rgba(120, 120, 120, 0.3); border-radius: 100px;}
.daily_talk .work_ctg::-webkit-scrollbar-thumb:hover {background: rgba(120, 120, 120, 0.5);}
.daily_talk .work_ctg::-webkit-scrollbar-track {display: none;}

.daily_talk .sort_num{clear:both; float:left; display:inline-block; margin-top:65px;}
.daily_talk .sort{float:right; margin-top:55px;}
.daily_talk .sort ul{float:left; margin-top:10px; margin-right:5px;}
.daily_talk .sort ul li{float:left; margin-right:10px;}
.daily_talk .sort ul li a{display:inline-block; color:#BDBDBD;}
.daily_talk .sort ul li a.on{color:#333;}
.daily_talk .sort ul li a svg{vertical-align:text-top;}
.daily_talk .btn_write{float:left; display:inline-block; background-color:#333; color:#fff; padding:10px 26px; border-radius:4px;}

.daily_talk .daily_talk_list{clear:both; width:100%; margin-top:35px; display:inline-block;}
.daily_talk .daily_talk_list li{float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:45px;}
.daily_talk .daily_talk_list li:nth-child(4n){margin-right:0;}
.daily_talk .daily_talk_list li .thumb{position:relative; float:left; width:100%; display:inline-block; overflow:hidden; padding-top:100%; border:1px solid #e6e6e6; border-radius:6px;}
.daily_talk .daily_talk_list li .thumb img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.daily_talk .daily_talk_list li .text{clear:both; width:100%; display:inline-block; margin-top:20px;}
.daily_talk .daily_talk_list li .text .d_talk_title{clear:both; width:100%; float:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.daily_talk .daily_talk_list li .text .sub_text{clear:both; width:100%; float:left; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.daily_talk .daily_talk_list li .date{clear:both; float:left; display:inline-block; margin-top:7px;}
.daily_talk .daily_talk_list li .reply_like{float:right; margin-top:7px;}
.daily_talk .daily_talk_list li .reply_like .btn_reply{float:left; margin-right:10px; cursor:pointer; color:#999;}
.daily_talk .daily_talk_list li .reply_like .btn_reply svg{vertical-align:middle;}
.daily_talk .daily_talk_list li .reply_like .btn_reply span{margin-left:3px; vertical-align:middle;}
.daily_talk .daily_talk_list li .reply_like .btn_like{float:left; cursor:pointer; transition:all 0.2s ease; color:#999;}
.daily_talk .daily_talk_list li .reply_like .btn_like.on{color:#FF4B41;}
.daily_talk .daily_talk_list li .reply_like .btn_like svg{vertical-align:middle;}
.daily_talk .daily_talk_list li .reply_like .btn_like span{margin-left:3px; vertical-align:middle;}

.daily_talk .daily_talk_view{clear:both; width:100%; display:inline-block; margin-top:55px;}
.daily_talk .daily_talk_view .ctg_name{clear:both; display:inline-block; color:#333; padding:6px 10px; border:1px solid #e6e6e6; border-radius:20px; box-sizing:border-box;}
.daily_talk .daily_talk_view .work_title{width:100%; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.daily_talk .daily_talk_view .work_subtxt{clear:both; margin-top:10px;}
.daily_talk .daily_talk_view .work_subtxt .date{margin-left:10px; color:#BDBDBD;}
.daily_talk .daily_talk_view .work_body{clear:both; width:100%; margin-top:35px; border-top:2px solid #333333; border-bottom:1px solid #e6e6e6; padding:55px 16px; box-sizing:border-box;}
.daily_talk .daily_talk_view .work_body p{line-height:1.5;}

.daily_talk .daily_talk_view .bottom_button{clear:both; display:flex; justify-content:center; width:100%; text-align:center; margin-top:55px;}
.daily_talk .daily_talk_view .bottom_button .btn_like{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; box-sizing:border-box;}
.daily_talk .daily_talk_view .bottom_button .btn_like .icon_heart{display:inline-block; color:#666666; transition:all 0.2s ease;}
.daily_talk .daily_talk_view .bottom_button .btn_like.on .icon_heart{color:#f56d5f;}
.daily_talk .daily_talk_view .bottom_button .btn_like .like_num{display:inline-block; vertical-align:bottom; color:#333; font-weight:500;}
.daily_talk .daily_talk_view .bottom_button .btn_list{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; font-size:15px; color:#333; font-weight:500; margin-left:10px; box-sizing:border-box;}

.daily_talk .daily_talk_view .comment_box{clear:both; display:inline-block; width:100%; margin-top:75px;}
.daily_talk .daily_talk_view .comment_box .icon{display:inline-block; vertical-align: middle;}
.daily_talk .daily_talk_view .comment_box .text{display:inline-block; margin-left:5px;}
.daily_talk .daily_talk_view .comment_box .cmt_inp_box{clear:both; width:100%; display:flex; flex-direction:row; margin-top:15px;}
.daily_talk .daily_talk_view .comment_box .cmt_inp_box .input_box_line{float:left; width:calc(100% - 62px);}
.daily_talk .daily_talk_view .comment_box .cmt_inp_box .btn_comment{float:left; width:52px; height:52px; line-height:52px; border-radius:5px; background-color:#333; color:#fff; margin-left:10px; text-align:center;}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
  	.btn_comment{margin-top:2px;}
}}

.daily_talk .daily_talk_view .comment_list{clear:both; display:inline-block; width:100%; margin-top:15px;}
.daily_talk .daily_talk_view .comment_list li{clear:both; width:100%; padding:25px 0; display:inline-block; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.daily_talk .daily_talk_view .comment_list .name{width:100%; display:inline-block; color:#333; font-weight:700;}
.daily_talk .daily_talk_view .comment_list .comment_text{width:100%; display:inline-block; font-size:16px; margin-top:18px;}
.daily_talk .daily_talk_view .comment_list .date{clear:both; float:left; margin-top:10px; color:#BDBDBD;}
.daily_talk .daily_talk_view .comment_list .btn_like{float:right; margin-top:10px; cursor:pointer; color:#999;}
.daily_talk .daily_talk_view .comment_list .btn_like.on{color:#FF4B41;}
.daily_talk .daily_talk_view .comment_list .btn_like svg{vertical-align:middle;}
.daily_talk .daily_talk_view .comment_list .btn_like span{margin-left:3px; vertical-align:middle;}

.daily_talk .daily_talk_write{clear:both; width:100%; display:inline-block; margin-top:55px;}
.daily_talk .daily_talk_write .select_box{clear:both; float:left; width:100%; display:inline-block;}
.daily_talk .daily_talk_write .write_title{clear:both; float:left; width:100%; display:inline-block; margin-top:10px;}
.daily_talk .daily_talk_write .write_body{clear:both; float:left; width:100%; min-height:350px; display:inline-block; margin-top:10px;}
.daily_talk .daily_talk_write .filebox{clear:both; float:left; width:100%; display:inline-block; margin-top:10px;}
.daily_talk .daily_talk_write .btn_bottom{clear:both; display:inline-block; width:100%; text-align:center; margin-top:75px;}
.daily_talk .daily_talk_write .btn_bottom .btn_register{margin-left:10px;}

/*event*/
.event{clear:both; width:100%; max-width:1160px; margin:0 auto; padding:0 16px; box-sizing:border-box;}
.event .title{float:left; color:#333333; margin-top:75px;}
.event .event_list{clear:both; width:100%; margin-top:55px; display:inline-block;}
.event .event_list li{float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:45px;}
.event .event_list li:nth-child(2n){margin-right:0;}
.event .event_list li .thumb{position:relative; float:left; width:100%; display:inline-block; overflow:hidden; padding-top:60%; border:1px solid #e6e6e6; border-radius:6px;}
.event .event_list li .thumb img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.event .event_list li .text{clear:both; width:100%; display:inline-block; margin-top:20px;}
.event .event_list li .text .d_talk_title{clear:both; width:100%; float:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.event .event_list li .text .sub_text{clear:both; width:100%; float:left; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.event .event_list li .date{clear:both; float:left; display:inline-block; margin-top:7px;}

.event .event_view{clear:both; width:100%; display:inline-block; margin-top:55px;}
.event .event_view .work_title{width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.event .event_view .work_subtxt{clear:both; margin-top:10px;}
.event .event_view .work_subtxt .date{margin-left:10px; color:#BDBDBD;}
.event .event_view .work_body{clear:both; width:100%; margin-top:35px; border-top:2px solid #333333; border-bottom:1px solid #e6e6e6; padding:55px 16px; box-sizing:border-box;}
.event .event_view .work_body p{line-height:1.5;}

.event .event_view .bottom_button{clear:both; display:flex; justify-content:center; width:100%; text-align:center; margin-top:55px;}
.event .event_view .bottom_button .btn_like{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; box-sizing:border-box;}
.event .event_view .bottom_button .btn_like .icon_heart{display:inline-block; color:#e6e6e6; transition:all 0.2s ease;}
.event .event_view .bottom_button .btn_like.on .icon_heart{color:#f56d5f;}
.event .event_view .bottom_button .btn_like .like_num{display:inline-block; vertical-align:bottom; color:#333; font-weight:500;}
.event .event_view .bottom_button .btn_list{float:left; border:1px solid #666; width:100px; height:45px; line-height:45px; display:inline-block; border-radius:6px; font-size:15px; color:#333; font-weight:500; margin-left:10px; box-sizing:border-box;}

.event .event_view .comment_box{clear:both; display:inline-block; width:100%; margin-top:75px;}
.event .event_view .comment_box .icon{display:inline-block; vertical-align: middle;}
.event .event_view .comment_box .text{display:inline-block; margin-left:5px;}
.event .event_view .comment_box .cmt_inp_box{clear:both; width:100%; display:inline-block; margin-top:15px;}
.event .event_view .comment_box .cmt_inp_box .input_box_line{float:left; width:calc(100% - 62px);}
.event .event_view .comment_box .cmt_inp_box .btn_comment{float:left; width:52px; height:52px; line-height:52px; border-radius:5px; background-color:#333; color:#fff; margin-left:10px; text-align:center;}

.event .event_view .comment_list{clear:both; display:inline-block; width:100%; margin-top:15px;}
.event .event_view .comment_list li{clear:both; width:100%; padding:25px 0; display:inline-block; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.event .event_view .comment_list .name{width:100%; display:inline-block; color:#333; font-weight:700;}
.event .event_view .comment_list .comment_text{width:100%; display:inline-block; font-size:16px; margin-top:18px;}
.event .event_view .comment_list .date{clear:both; float:left; margin-top:10px; color:#BDBDBD;}
.event .event_view .comment_list .btn_like{float:right; margin-top:10px; cursor:pointer; color:#999;}
.event .event_view .comment_list .btn_like.on{color:#FF4B41;}
.event .event_view .comment_list .btn_like svg{vertical-align:middle;}
.event .event_view .comment_list .btn_like span{margin-left:3px; vertical-align:middle;}

.event .event_view{clear:both; width:100%; display:inline-block; margin-top:55px;}
.event .event_view .select_box{clear:both; float:left; width:100%; display:inline-block;}
.event .event_view .write_title{clear:both; float:left; width:100%; display:inline-block; margin-top:10px;}
.event .event_view .write_body{clear:both; float:left; width:100%; min-height:350px; display:inline-block; margin-top:10px;}
.event .event_view .filebox{clear:both; float:left; width:100%; display:inline-block; margin-top:10px;}
.event .event_view .btn_bottom{clear:both; display:inline-block; width:100%; text-align:center; margin-top:75px;}
.event .event_view .btn_bottom .btn_register{margin-left:10px;}

/*login*/
.login_box{display:flex; width:100%; height:auto; min-height:100vh; align-items:center; justify-content:center; background-color:#f9fafb;}
.login_box .login{display:flex; align-items:center; flex-direction:column; width:640px; margin:0 auto; padding:90px 160px; border-radius:32px; background-color:#fff; box-sizing:border-box;}
.login_box .login .login_logo{clear:both; width:120px; display:inline-block; text-align:center;}
.login_box .login .login_input_box{clear:both; width:100%; display:inline-block; margin-top:55px;}
.login_box .login .login_input_box .pw{margin-top:10px;}
.login_box .login .login_input_box .btn_login{margin-top:25px;}
.login_box .login .login_input_box .btn_join{margin-top:10px;}
.login_box .login .login_b_menu{clear:both; width:100%; display:inline-block; margin-top:10px;}
.login_box .login .login_b_menu .id_save_box{float:left;}
.login_box .login .login_b_menu .btn_id_pw_sch{float:right;}
.login_box .login .kakao_login{clear:both; width:100%; height:53px; line-height:53px; color:#333; text-align:center; font-weight:600; margin-top:55px; display:inline-block; background-color:#FEE440; border-radius:6px;}
.login_box .login .kakao_login img{width:24px;}

.left_kakao_login{clear:both; width:100%; height:53px; line-height:53px; color:#333; text-align:center; font-weight:600; margin-top:55px; display:inline-block; background-color:#FEE440; border-radius:6px;}
.left_kakao_login img{width:24px;}

/*join*/
.join_box{display:flex; width:100%; height:auto; min-height:100vh; align-items:center; justify-content:center; background-color:#f9fafb; padding:75px 0; box-sizing:border-box;}
.join_box .join{display:flex; align-items:center; flex-direction:column; width:640px; margin:0 auto; padding:90px 100px; border-radius:32px; background-color:#fff; box-sizing:border-box;}
.join_box .join .login_logo{clear:both; width:120px; display:inline-block; text-align:center;}
.join_box .join .title{margin-top:35px; text-align:center;}
.join_box .join .join_input_box{clear:both; width:100%; display:inline-block; margin-top:35px;}
.join_box .join .join_input_box .agree_box{clear:both; width:100%; height:175px; display:inline-block; padding:16px; border:1px solid #e6e6e6; border-radius:6px; box-sizing:border-box; overflow-y:auto;}
.join_box .join .join_input_box .btn_next{clear:both; margin-top:35px;}
.join_box .join .join_input_box .pw{margin-top:10px;}
.join_box .join .join_input_box .name{margin-top:10px;}
.join_box .join .join_input_box .tell{margin-top:10px;}
.join_box .join .join_input_box .nickname{margin-top:10px;}
.join_box .join .join_input_box .s_number{margin-top:10px;}
.join_box .join .join_input_box .info_text{display:inline-block; margin-top:5px; word-break:keep-all;}
.join_box .join .join_input_box .intro_write{min-height:160px; margin-top:10px; resize:vertical;}
.join_box .join .join_input_box .complete{clear:both; width:100%; padding:55px 0; display:inline-block; text-align:center; border-top:1px solid #333; border-bottom:1px solid #333;}
.join_box .join .join_input_box .btn_home{clear:both; margin-top:55px;}

.join_box .join .artiple_apply_box{clear:both; width:100%; display:inline-block; margin-top:35px;}
.join_box .join .artiple_apply_box li{clear:both; float:left; width:100%; display:inline-block; margin-bottom:35px;}
.join_box .join .artiple_apply_box li:last-child{margin-bottom:0;}
.join_box .join .artiple_apply_box li .sub_tit{float:left;}
.join_box .join .artiple_apply_box li .brand{clear:both; float:left; margin-top:5px;}
.join_box .join .artiple_apply_box li .domain{clear:both; float:left; margin-top:5px;}
.join_box .join .artiple_apply_box li .email{clear:both; float:left; margin-top:5px;}
.join_box .join .artiple_apply_box li .phone_num{clear:both; float:left; margin-top:5px;}
.join_box .join .artiple_apply_box li .info_txt{clear:both; float:left; margin-top:5px;}
.join_box .join .artiple_apply_box li .file_upload{margin-top:10px;}
.join_box .join .artiple_apply_box li .intro_write{min-height:160px; margin-top:5px; resize:vertical;}
.join_box .join .artiple_apply_box li .font_num{float:right; margin-top:3px; color:#BDBDBD;}
.join_box .join .artiple_apply_box li .chk_box{clear:both; width:100%; display:inline-block; margin-top:10px;}
.join_box .join .artiple_apply_box li .chk_box .agree_txt{display:inline-block;}
.join_box .join .artiple_apply_box li .chk_box .btn_view_txt{display:block; float:right; background-color:#BDBDBD; border-radius:3px; padding:3px 5px; color:#fff; box-sizing:border-box;}
.join_box .join .artiple_apply_box li .caution_txt{display:block; width:100%; background-color:#f9fafb; padding:16px; border-radius:6px; box-sizing:border-box;}
.join_box .join .btn_atp_apply{clear:both; margin-top:35px;}

/*profile edit*/
.profile_edit_box{display:flex; width:100%; height:auto; min-height:100vh; align-items:center; justify-content:center; background-color:#f9fafb;}
.profile_edit_box .profile_edit{display:flex; align-items:center; flex-direction:column; width:640px; margin:0 auto; padding:90px 100px; border-radius:32px; background-color:#fff; box-sizing:border-box;}
.profile_edit_box .profile_edit .login_logo{clear:both; width:120px; display:inline-block; text-align:center;}
.profile_edit_box .profile_edit .title{margin-top:35px; text-align:center;}
.profile_edit_box .profile_edit .edit_input_box{clear:both; width:100%; display:inline-block; margin-top:35px;}
.profile_edit_box .profile_edit .edit_input_box .pw{margin-top:10px;}
.profile_edit_box .profile_edit .edit_input_box .name{margin-top:10px;}
.profile_edit_box .profile_edit .edit_input_box .tell{margin-top:10px;}
.profile_edit_box .profile_edit .edit_input_box .nickname{margin-top:10px;}
.profile_edit_box .profile_edit .edit_input_box .s_number{margin-top:10px;}
.profile_edit_box .profile_edit .edit_input_box .intro_write{min-height:160px; margin-top:10px; resize:vertical;}
.profile_edit_box .profile_edit .edit_input_box .profile_pic{clear:both; float:left; width:100%; margin-top:10px; display:inline-block;}
.profile_edit_box .profile_edit .edit_input_box .profile_pic .pic_img{float:left; display:inline-block; width:60px; height:60px; border-radius:6px; overflow:hidden; border:1px solid #e6e6e6;}
.profile_edit_box .profile_edit .edit_input_box .profile_pic .prf_edit_text{float:left; margin-left:10px; width:calc(100% - 72px);}
.profile_edit_box .profile_edit .edit_input_box .profile_pic .prf_edit_text p{clear:both ;margin-top:5px; width:100%; }
.profile_edit_box .profile_edit .edit_input_box .profile_pic .prf_edit_text span{float:left; max-width:90%; word-break:break-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.profile_edit_box .profile_edit .edit_input_box .profile_pic .prf_edit_text .prf_pic_del{display:inline-block; margin-left:5px; color:#333;}
.profile_edit_box .profile_edit .edit_input_box .btn_conform{clear:both; margin-top:35px;}

/*favorite creator*/
.creator .favorite_c_list{clear:both; width:100%; display:inline-block; margin-top:75px;}
.creator .favorite_c_list .sub_title{float:left; color:#333333;}
.creator .favorite_c_list .btn_more{float:right; color:#999999; margin-top:5px;}
.creator .favorite_c_list ul{clear:both; float:left; width:100%; display:flex; flex-wrap:wrap; margin-top:35px;}
.creator .favorite_c_list ul li{float:left; width:calc(20% - 2.4%); display:inline-block; margin-right:3%; margin-bottom:45px; text-align:center;}
.creator .favorite_c_list ul li:nth-child(5n){margin-right:0;}
.creator .favorite_c_list ul li a{float:left; position:relative; display:inline-block; padding-top:100%; width:100%; border-radius:6px; overflow:hidden; border:1px solid #e6e6e6;}
.creator .favorite_c_list ul li a img{float:left; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.creator .favorite_c_list ul li .text{clear:both; display:inline-block; width:100%; text-align:center; font-size:16px; margin-top:15px;}

.creator .like_work{clear:both; width:100%; display:inline-block; margin-top:75px;}
.creator .like_work .sub_title{float:left; color:#333333;}
.creator .like_work .btn_more{float:right; color:#999999; margin-top:5px;}
.creator .like_work_list{clear:both; width:100%; display:inline-block; margin-top:35px;}
.creator .like_work_list li{float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:45px; overflow:hidden;}
.creator .like_work_list li:nth-child(4n){margin-right:0;}
.creator .like_work_list li .c_play_work_img{float:left; display:inline-block; width:100%; height:100%;}
.creator .like_work_list li .c_play_work_img a{float:left; position:relative; display:inline-block; padding-top:100%; width:100%; border-radius:6px; overflow:hidden; border:1px solid #e6e6e6;}
.creator .like_work_list li .c_play_work_img img{float:left; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; margin:auto;}
.creator .like_work_list li .text_box{float:left; display:inline-block; width:100%; margin-top:20px;}
.creator .like_work_list li .text_box .c_play_ctg{float:left; display:inline-block; border:1px solid #e6e6e6; border-radius:20px; padding:6px 10px; transition:all 0.2s ease; box-sizing:border-box;}
.creator .like_work_list li .text_box .c_play_ctg:hover{border:1px solid #333; color:#333; font-weight:600;}
.creator .like_work_list li .text_box .btn_like{float:right; display:inline-block;}
.creator .like_work_list li .text_box .btn_like .icon_heart{float:right; display:inline-block; color:#e6e6e6; transition:all 0.2s ease;}
.creator .like_work_list li .text_box .btn_like.on .icon_heart{color:#f56d5f;}
.creator .like_work_list li .text_box .c_play_work_title{clear:both; float:left; width:100%; word-break:keep-all; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.creator .like_work_list li .text_box .name{clear:both; width:100%; display:inline-block; margin-top:5px;}

/*bottom banner*/
.bottom_j_banner{clear:both; width:980px; margin:0 auto; margin-top:75px;}
.bottom_j_banner a{display:block;}

/*message popup*/
.msg_popup{position:absolute; z-index:10010; width:100%; height:100%; visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.2s ease-in-out;}
.msg_popup.on{visibility:visible; opacity:1;}
.msg_popup .layer_popup{position:fixed; z-index:10011; width:550px; padding:20px; background-color:#FFFFFF; text-align:center; border-radius:10px; box-shadow:0px 3px 6px #00000029; box-sizing:border-box;}
.msg_popup .layer_popup h2{text-align:center; margin-top:10px;}
.msg_popup .layer_popup .btn_popup_close{position:absolute; top:10px; right:10px; color:#222;}
.msg_popup .layer_popup .msg_text_box{clear:both; height:250px; margin-top:30px;}
.msg_popup .layer_popup .btn_msg_send{clear:both; display:inline-block; padding:12px 24px; background-color:#333333; color:#fff; margin-top:20px;}
.msg_popup .popup_bg{position:fixed; width:100%; height:100%; background-color:#000; opacity:0.75;}

/*message_list*/
.message{clear:both; width:100%; max-width:1160px; margin:0 auto; padding:0 16px; box-sizing:border-box;}
.message .title{float:left; color:#333333; margin-top:75px;}

.message .msg_tab{clear:both; display:inline-block; width:100%; margin-top:55px;}
.message .msg_tab li{float:left; width:50%; border:1px solid #e6e6e6; box-sizing:border-box;}
.message .msg_tab li:first-child{border-right:0;}
.message .msg_tab li.on{border:0; background-color:#333;}
.message .msg_tab li a{display:block; width:100%; height:45px; line-height:45px; text-align:center; font-size:15px; font-weight:500;}
.message .msg_tab li.on a{color:#fff;}

.message .message_list{clear:both; width:100%; margin-top:35px; display:inline-block; border-top:2px solid #333;}
.message .qna-question {float:left; width:100%; border-bottom:1px solid #e6e6e6;}
.message .panel-title {float:left; position:relative; margin:0; width:100%; display:flex; align-items:center; cursor:pointer; padding:20px 0;}
.message .panel-title .q{display:inline-block; float:left; width:70px; text-align:center;}
.message .panel-title .text{float:left; width:calc(100% - 95px); line-height:1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.message .panel-title .text .new_icon{display:flex; justify-content:center; align-items:center; float:left; width:18px; height:18px; margin-right:5px; background-color:#e30613; font-size:10px; color:#fff; border-radius:3px;}
.message .panel-title .waiting{padding:5px 8px 5px 8px; background-color:#F5F5F5; border-radius:4px; margin-left:5px;}
.message .panel-title .done{padding:5px 8px 5px 8px; background-color:#FEE440; border-radius:4px; margin-left:5px; color:#212121;}
.message .panel-content {clear:both; float:left; height: 0; overflow: hidden; z-index: -1; position: relative; opacity:0;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
}
.message .panel-content .view_all{display:inline-block; width:100%; padding:16px; background-color:#f6f6f6; border-radius:6px; box-sizing:border-box;}
.message .panel-content .view_all .day{clear:both; display:block; margin-top:10px;}
.message .panel-content .sender{display:inline-block; float:left; margin-top:16px; margin-left:10px;}
.message .panel-content .btn_reply{display:inline-block; float:right; margin-top:10px; margin-right:10px; padding:5px 8px; border:1px solid #e6e6e6; border-radius:3px; box-sizing:border-box;}
.message .panel:checked ~ .panel-content{position:relative; z-index:10; height:auto; opacity:1; width:100%; margin-bottom:16px;}
.message .plus {position: absolute; right: 0; top: 50%; margin-top: -10px; line-height: 100%; color: #BDBDBD;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
}
.message .panel:checked + label .plus {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.message .panel {display: none;}

/*about*/
.about{width:100%; max-width:1160px; display:block; margin:0 auto; margin-top:35px; text-align:center;}
.about .about_top{position:relative; width:100%; display:inline-block;}
.about .about_top .about_tit{width:70%; margin:0 auto;}
.about .about_top p{font-size:24px; line-height:1.5; padding:0 16px; box-sizing:border-box; word-break:keep-all;}
.about .about_top .pencil{position:absolute; right:27%; top:65%; width:60px;}
.about .about_top .eye{position:absolute; left:23%; top:92%; width:80px;}

.about_b{width:100%; display:block; margin:0 auto; margin-top:35px; margin-bottom:-100px; text-align:center; background:url("../images/about_bg.jpg") center 0 repeat-x; background-size:cover;}
.about_b .about_bottom{position:relative; width:100%; max-width:1160px; display:inline-block; margin-top:35px;}
.about_b .about_bottom p{margin-top:200px; margin-bottom:200px; font-size:24px; line-height:1.5; color:#fff; padding:0 16px; box-sizing:border-box; word-break:keep-all;}
.about_b .about_bottom .shine{position:absolute; top:28%; right:28%; width:50px;}
.about_b .about_bottom .guitar{position:absolute; top:50%; right:18%; width:120px;}


/*footer*/
footer{width:100%; display:inline-block; margin-top:100px; padding:35px 16px 55px 16px; border-top:1px solid #e6e6e6; text-align:center; box-sizing:border-box;}
footer .f_contents{display:inline-block; width:100%; max-width:1160px; margin:0 auto; text-align:left;}
footer .company{float:left; width:60%;}
footer .company .info{clear:both; float:left; line-height:1.3; word-break:keep-all;}
footer .company .btn_privacy_policy{clear:both; float:left; color:#333333; line-height:1.3;}
footer .company .copyright{clear:both; float:left;}

footer .cs_center{float:right; width:40%; margin-top:5px; padding-left:75px; box-sizing:border-box;}
footer .cs_center .title{float:left; line-height:1;}
footer .cs_center .text{clear:both; float:left; margin-top:10px;}

.scroll_top {position:fixed; bottom:25px; right:10px; z-index:52; width:50px; height:50px; border-radius:50px; text-align:center; box-shadow:0 3px 9px rgb(0 0 0 / 15%); opacity:0.9;}
.scroll_top a {display:block; width:100%; height:100%; color:#212121; line-height:50px;}

@media all and (max-width: 1128px) {
.bottom_j_banner{width:100%; padding:0 16px; box-sizing:border-box;}

.about .about_top .pencil{position:absolute; right:20%;}
.about .about_top .eye{position:absolute; left:16%;}
}

@media all and (max-width: 900px) {
header nav{display:none;}

main .month_creator ul li{float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:25px; overflow:hidden;}
main .month_creator ul li:nth-child(2n){margin-right:0;}
main .month_creator ul li:last-child{margin-bottom:0;}

main .arti_talk ul li{float:left; width:calc(33.33% - 13.33px); margin-right:20px; margin-bottom:25px;}
main .arti_talk ul li:nth-child(3n){margin-right:0;}

.creator .recmd_creator ul li .creator_box img{height:230px;}
.creator .rcmd_creator_list li .creator_box img{height:230px;}
.creator .user_page .work_list li{width: calc(33.33% - 13.33px);}
.creator .user_page .work_list li:nth-child(4n){margin-right:20px;}
.creator .user_page .work_list li:nth-child(3n){margin-right:0;}

/*creator_play*/
.c_play .popular_work ul li{width:calc(50% - 7.5px); height:260px; float:left; margin-right:15px; margin-bottom:15px; overflow:hidden;}
.c_play .popular_work ul li:nth-child(3n){margin-right:15px;}
.c_play .popular_work ul li:nth-child(2n){margin-right:0;}

/*talk*/
.daily_talk .daily_talk_list li{float:left; width:calc(33.33% - 13.33px);}
.daily_talk .daily_talk_list li:nth-child(4n){margin-right:20px;}
.daily_talk .daily_talk_list li:nth-child(3n){margin-right:0;}

.creator .user_page .creator_info .profile_contents .btn_box{clear:both; float:left; display:inline-block; margin-left:0; margin-top:10px;}

.about .about_top .pencil{position:absolute; right:15%;}
.about .about_top .eye{position:absolute; left:11%;}

footer .cs_center{padding-left:35px;}
}

@media all and (max-width: 760px) {

main .creator_play ul li{float:left; width:calc(33.33% - 6.7px); margin-right:10px; margin-bottom:10px; overflow:hidden; box-sizing:border-box;}
main .creator_play ul li:nth-child(5n){margin-right:10px;}
main .creator_play ul li:nth-child(3n){margin-right:0;}

main .month_creator ul li .creator_box img{height:200px;}
main .arti_talk ul li{float:left; width:calc(50% - 7.5px); margin-right:15px; margin-bottom:25px;}
main .arti_talk ul li:nth-child(2n){margin-right:0;}
main .arti_talk ul li:nth-child(3n){margin-right:15px;}

/*creator*/
.creator .recmd_creator ul li{float:left; width:calc(50% - 7.5px); margin-bottom:45px;}
.creator .recmd_creator ul li:nth-child(2n){margin-right:0;}
.creator .recmd_creator ul li:nth-child(3n){margin-bottom:0;}
.creator .recmd_creator ul li .creator_box img{height:230px;}

.creator .rcmd_creator_list li{float:left; width:calc(50% - 7.5px);}
.creator .rcmd_creator_list li:nth-child(2n){margin-right:0;}
.creator .rcmd_creator_list li .creator_box img{height:230px;}

.creator .creator_list ul li{float:left; width:calc(25% - 2.25%);}
.creator .creator_list ul li:nth-child(5n){margin-right:3%;}
.creator .creator_list ul li:nth-child(4n){margin-right:0;}

.creator .favorite_c_list ul li{float:left; width:calc(25% - 2.25%);}
.creator .favorite_c_list ul li:nth-child(5n){margin-right:3%;}
.creator .favorite_c_list ul li:nth-child(4n){margin-right:0;}

.creator .user_page .work_list li{width:calc(50% - 10px);}
.creator .user_page .work_list li:nth-child(4n){margin-right:20px;}
.creator .user_page .work_list li:nth-child(3n){margin-right:20px;}
.creator .user_page .work_list li:nth-child(2n){margin-right:0;}

/*creator_play*/
.c_play .c_play_work .work_list li{float:left; width:calc(33.33% - 13.33px);}
.c_play .c_play_work .work_list li:nth-child(4n){margin-right:20px;}
.c_play .c_play_work .work_list li:nth-child(3n){margin-right:0;}

.creator .like_work_list li{float:left; width:calc(33.33% - 13.33px);}
.creator .like_work_list li:nth-child(4n){margin-right:20px;}
.creator .like_work_list li:nth-child(3n){margin-right:0;}

.c_play .random_play ul li{float:left; width:calc(33.33% - 6.7px);}
.c_play .random_play ul li:nth-child(5n){margin-right:10px;}
.c_play .random_play ul li:nth-child(3n){margin-right:0;}

/*talk*/
.daily_talk .daily_talk_list li{float:left; width:calc(50% - 10px);}
.daily_talk .daily_talk_list li:nth-child(3n){margin-right:20px;}
.daily_talk .daily_talk_list li:nth-child(2n){margin-right:0;}

/*event*/
.event .event_list li{float:left; width:100%; margin-right:0;}

.about .about_top .about_tit{width:80%;}
.about .about_top p{font-size:16px;}
.about .about_top .pencil{display:none;}
.about .about_top .eye{display:none;}

.about_b .about_bottom p{margin-top:100px; margin-bottom:100px; font-size:16px;}
.about_b .about_bottom .shine{display:none;}
.about_b .about_bottom .guitar{display:none;}

footer .company{width:100%;}
footer .cs_center{clear:both; width:100%; padding-left:0; margin-top:25px;}
}

@media all and (max-width: 500px) {
.left_menu_popup .layer_cont{width:100%;}
.msg_popup .layer_popup{width:90%;}
.msg_popup .layer_popup .msg_text_box{height:200px; margin-top:25px;}

header{height:70px;}
header h1{width:100px; top:23px;}
header .right_menu{top:25px;}

main .creator_play ul li{float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; overflow:hidden; box-sizing:border-box;}
main .creator_play ul li:nth-child(3n){margin-right:10px;}
main .creator_play ul li:nth-child(2n){margin-right:0;}

main .month_creator ul li{float:left; width:100%; margin-right:0; overflow:hidden;}
main .month_creator ul li:last-child{margin-bottom:0;}

/*creator*/
.creator .title{margin-top:35px;}
.creator .new_creator{margin-top:55px;}
.creator .recmd_creator{margin-top:55px;}
.creator .creator_list{margin-top:55px;}
.creator .magazine ul li{width:100%; height:280px; float:left; margin-right:0;}
.creator .magazine ul li:nth-child(4n){margin-bottom:0;}
.creator .recmd_creator ul li{float:left; width:100%;}
.creator .recmd_creator ul li .creator_box img{height:280px;}
.creator .rcmd_creator_list li{float:left; width:100%;}
.creator .rcmd_creator_list li .creator_box img{height:280px;}
.creator .creator_list ul li{float:left; width:calc(33.33% - 2%); margin-bottom:35px;}
.creator .creator_list ul li:nth-child(4n){margin-right:3%;}
.creator .creator_list ul li:nth-child(3n){margin-right:0;}

.creator .favorite_c_list ul li{float:left; width:calc(33.33% - 2%); margin-bottom:35px;}
.creator .favorite_c_list ul li:nth-child(4n){margin-right:3%;}
.creator .favorite_c_list ul li:nth-child(3n){margin-right:0;}

.creator .user_page .creator_info{flex-direction:column; align-items:center; padding:45px 25px;}
.creator .user_page .creator_info .profile_contents{text-align:center; margin-left:0; margin-top:15px;}
.creator .user_page .creator_info .profile_contents .user_id{width:100%;}
.creator .user_page .creator_info .profile_contents .btn_box{float:none;}
.creator .user_page .creator_info .profile_contents .btn_like{margin:0 auto; margin-left:0; margin-top:10px; float:none;}
.creator .user_page .creator_info .profile_contents .btn_msg{margin:0 auto; margin-left:0; margin-top:10px; float:none;}
.creator .user_page .creator_info .profile_contents .btn_favorite{margin:0 auto; margin-left:0; margin-top:10px; float:none;}

.creator .magazine_list li{width:100%; height:280px; float:left; margin-right:0;}
.creator .magazine_list li:nth-child(4n){margin-bottom:0;}

/*creator_play*/
.c_play .title{margin-top:35px;}
.c_play .c_play_work .work_list li{float:left; width:calc(50% - 8px); margin-right:16px;}
.c_play .c_play_work .work_list li:nth-child(3n){margin-right:16px;}
.c_play .c_play_work .work_list li:nth-child(2n){margin-right:0;}

.creator .like_work_list li{float:left; width:calc(50% - 8px); margin-right:16px;}
.creator .like_work_list li:nth-child(3n){margin-right:16px;}
.creator .like_work_list li:nth-child(2n){margin-right:0;}

.c_play .popular_work ul li{width:100%; height:280px; float:left; margin-right:0; margin-bottom:15px; overflow:hidden;}

.c_play .random_play ul li{float:left; width:calc(50% - 5px);}
.c_play .random_play ul li:nth-child(3n){margin-right:10px;}
.c_play .random_play ul li:nth-child(2n){margin-right:0;}

.c_play .sort_num{margin-top:55px;}
.c_play .sort{clear:both; float:left; width:100%; margin-top:15px;}
.c_play .btn_write{float:right;}

/*daily_talk*/
.daily_talk .title{margin-top:35px;}
.daily_talk .sort_num{margin-top:55px;}
.daily_talk .sort{clear:both; float:left; width:100%; margin-top:15px;}
.daily_talk .btn_write{float:right;}

.creator .sort_num{margin-top:55px;}
.creator .sort{clear:both; float:left; width:100%; margin-top:15px;}
.creator .btn_write{float:right;}


/*event*/
.event .title{margin-top:35px;}

/*login*/
.login_box{background-color:#fff; align-items:flex-start;}
.login_box .login{padding: 70px 25px;}

/*join*/
.join_box{background-color:#fff; align-items:flex-start; padding:0;}
.join_box .join{padding: 70px 25px;}

/*profile edit*/
.profile_edit_box{background-color:#fff; align-items:flex-start;}
.profile_edit_box .profile_edit{padding: 70px 25px;}

.bottom_j_banner{margin-top:35px;}

footer .company{width:100%;}
footer .cs_center{clear:both; width:100%;}
}


/*더보기*/
.btn_more_box{clear:both; float:left; width:100%; margin-top:25px; text-align:center;}
.bottom_btn_more{display:none;clear:both; width:100%; height:38px; display:inline-block; line-height:34px; border-radius:38px; text-align:center; transition:all 0.3s ease;}
.bottom_btn_more:hover{box-shadow: 0px 2px 4px 0px #00000010;}
.bottom_btn_more span{vertical-align:middle;}


.modifybtn{display:none}
#comment.autosize { min-height: 50px; }
.cmtreply{clear:both;margin-top:20px}
textarea{ -ms-overflow-style: none;}
textarea::-webkit-scrollbar{ display:none;}
.fa-thumbs-up.on{color:Red}


/*파일업로드*/

.btn_upload_pic{clear:both; width:100%; display:inline-block; margin-top:16px; padding:19px 0; text-align:center; border-radius:8px; color:#fff;}
.btn_upload_pic p{display:inline-block;}
.btn_upload_pic .icon-camera{vertical-align:sub; margin-right:6px;}
.daily_talk .info_text{clear:both; margin-top:16px;}
.daily_talk .info_text .icon-alert{vertical-align:sub; margin-right:5px;}
/*.daily_talk .review_img{clear:both; display:inline-block; width:100%; margin-top:16px; white-space:nowrap; -webkit-overflow-scrolling: touch; overflow-x:auto;}*/
.daily_talk .review_img{clear:both; display:inline-block; width:100%; margin-top:16px; }
.daily_talk .review_img li{position:relative; width:64px; height:64px; display:inline-block; border-radius:8px; margin-right:8px; overflow:hidden; text-align:center;}
.daily_talk .review_img li:last-child{margin-right:0;}
.daily_talk .review_img li .icon-camera{display:block; width:100%; line-height:64px; color:#212121;}
.daily_talk .review_img li img{width:64px; height:64px; object-fit:cover;}
.daily_talk .review_img li .btn_del{position:absolute; right:5px; top:5px; display:block; padding:3px; background-color:#fff; border-radius:2px; color:#212121; opacity:0.9;}

.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.filebox label {
  width:68px;
  display: inline-block;
  padding: 19px 16px;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #212121;
  cursor: pointer;
  border-radius:8px;
  text-align:center;
}

/* named upload */
.filebox .upload-name {
  width:calc(100% - 110px);
  display: inline-block;
  padding: 19px 16px; /* label의 패딩값과 일치 */
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #F5F5F5;
  border:0;
  border-radius: 8px;
  margin-right: 6px;
  color: #999999;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none; appearance: none;
  box-sizing: border-box;
}
.filebox input:disabled{background-color:#F5F5F5; opacity:1;}
.pub_btn_list{float:left; border:1px solid #666; height:45px; line-height:45px; display:inline-block; padding-left:20px;padding-right:20px; border-radius:6px; font-size:15px; color:#333; font-weight:500; margin-left:10px; box-sizing:border-box;}

/*베이직팝업*/
.basic_popup{position:fixed; top:0; width:100%; height:100%; box-sizing:border-box; opacity:1; transition:all 0.5s; overflow:hidden; z-index:100000; display:none; justify-content:center; align-items:center;}
.basic_popup .layer{ display:block;  border-radius:5px; overflow:hidden; box-shadow:0 0 10px rgb(0 0 0 / 30%);}
.basic_popup .basic_popup_con{ text-align:center; overflow:hidden;max-height:75vh;width:auto}
.basic_popup .basic_popup_con img{max-height:75vh;width:auto}
.basic_popup .popup_close{height:35px; background-color:#333;padding-top:10px}
.basic_popup .popup_close .popup_close_chk{float:left; text-align:left; margin-top:4px; margin-left:10px;}
.basic_popup .popup_close .popup_close_btn{float:right; margin-top:4px; margin-right:10px;}
.basic_popup .popup_close .popup_close_btn a{display:inline-block; color:#c8c8c8;}
.index_popup_bg{position:fixed; width:100%; height:100%; top:0px; background-color:#000; opacity:0.75;z-index:99999;display:none} 

/*공지사항*/
.news_main{float:left; width:100%; margin-bottom: 110px;}
.news_main h4{float:left; margin-top:82px;}
.news_main .new_list_box{clear:both; float:left; width:100%; margin-top:23px;}
.news_main .new_list_box th{height:60px; background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; color:#3c3c3c; text-align:center;}
.news_main .new_list_box td{height:60px; border-bottom:1px solid #e6e6e6;}
.news_main .new_list_box td .title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.news_main .new_list_box td .contents{padding:58px;}

.news_main .new_view_box{clear:both; float:left; width:100%; margin-top:23px;}
.news_main .new_view_box th{height:60px; background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; color:#3c3c3c; text-align:center;}
.news_main .new_view_box td{height:60px; border-bottom:1px solid #e6e6e6;}
.news_main .new_view_box td .title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.news_main .new_view_box td .contents{padding:58px; line-height:1.7;}
.news_main .new_view_box td .m_l_15{margin-left:15px;}
.news_main .bottom_news_btn{clear:both; float:left; width:100%; text-align: right; margin-top:13px;}

/*page*/
.page{clear:both; float:left; width:100%; margin-top:53px;}
.page .page_box{width:100%; text-align:center;}
.page .page_box a{display:inline-block; width:25px; height:25px; text-align:center; font-weight:400;}
.page .page_box a:hover{color:#7db2cc;}
.page .page_box a.on{color:#7db2cc;}
.page .page_box .btn_page_left{display:inline-block; width:25px; height:25px; background:url('/images/btn_page_left.png?x=1') 0 0 no-repeat; text-indent:-9999px; margin-right:7px;}
.page .page_box .btn_page_left:hover{background:url('/images/btn_page_left.png?x=1') 0 -25px no-repeat;}
.page .page_box .btn_page_right{display:inline-block; width:25px; height:25px; background:url('/images/btn_page_right.png?x=1') 0 0 no-repeat; text-indent:-9999px; margin-left:7px;}
.page .page_box .btn_page_right:hover{background:url('/images/btn_page_right.png?x=1') 0 -25px no-repeat;}

table.bbs_list{width:100%;margin-top:20px}
table.bbs_list tr td {
    font-weight: 400;
    color: #151b1e;
    height:35px;
    padding:5px;
    border-bottom:1px solid #d3d6da;
}    
table.bbs_list tr:last-child td{
    border-bottom:0px solid #d3d6da;
}
table.bbs_list tr td.subject {
word-break:break-all;
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
table.bbs_list tr td .ctg_name{clear:both; display:inline-block; color:#333; padding:6px 10px; border:1px solid #e6e6e6; border-radius:20px; box-sizing:border-box;}

table.bbs_list tr td.subject .overflow {
    display: flex;
    flex: 1;
}

table.bbs_list tr td.subject .overflow-space {
    flex: 1;
    width: 1px;
}

table.bbs_list tr td.subject .overflow-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}