@charset "utf-8";

.snsList{}
.snsList .no_data{position:relative; width:100%; height:672px; font-size:14px; line-height:672px; text-align:center; }
.snsList .no_data:after{display:block; content:''; position:absolute; top:44%; left:49%; width:25px; height:25px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/no_data.png) no-repeat 0 0;}

.snsList .filter_open{height:239px;}
.snsList .filter_open .filter_brand{width:291px; padding-left:0;}


.filter_open .filter_target{width:157px; padding-left:30px;}
.filter_open .filter_target dl{}
.filter_open .filter_target dt{float:left;width:100%;}
.filter_open .filter_target dd{margin-bottom:7px;float:left;}
.filter_open .filter_target dd>label{display:inline-block;width:105px;color:#000;font-size:11px;font-family: 'Lato';font-weight:300; cursor: pointer;}
.filter_open .filter_target dd>label input[type=checkbox]{}
.filter_open .filter_target dd>label input[type=checkbox] + .check_icon{ display: inline-block; width:13px; height: 12px; background: url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_check_off.png) left center no-repeat; vertical-align: middle;margin-right:5px;}
.filter_open .filter_target dd>label input[type=checkbox] { display: none; }
.filter_open .filter_target dd>label input[type=checkbox]:checked + .check_icon { background-image: url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_check_on.png); }
.filter_open .filter_target dd>label.check .check_icon { background-image: url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_check_on.png); }


.filter_open .filter_channel{width:117px;}
.filter_open .filter_channel dl{width:117px;}
.filter_open .filter_channel dt{float:left;width:100%;}
.filter_open .filter_channel dd{margin-bottom:7px;float:left;}
.filter_open .filter_channel dd>label{display:inline-block;width:105px;color:#000;font-size:11px;font-family: 'Lato';font-weight:300; cursor: pointer;}
.filter_open .filter_channel dd>label input[type=checkbox]{}
.filter_open .filter_channel dd>label input[type=checkbox] + .check_icon{ display: inline-block; width:13px; height: 12px; background: url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_check_off.png) left center no-repeat; vertical-align: middle;margin-right:5px;}
.filter_open .filter_channel dd>label input[type=checkbox] { display: none; }
.filter_open .filter_channel dd>label input[type=checkbox]:checked + .check_icon { background-image: url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_check_on.png); }
.filter_open .filter_channel dd>label.check .check_icon { background-image: url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_check_on.png); }


.snsList .btn_more{margin-top:50px;}
.snsList .sns_area{ text-align: center;}
.snsList .sns_area .sns_list_wrap{}
.snsList .btn_upload{display:block; margin: 50px auto 50px;  font-size:18px; color:#fff; width:220px; height:50px; padding:16px 0 0 18px; background:#000 url(//image.goodpeople.co.kr/goodpeople/web/sns/btn_upload.png) 23px center no-repeat; text-align:center;}
.snsList .sns_box{text-align: left;padding-top:10px;}
.snsList .sns_box:after{content: ''; display:block; clear: both;}
.snsList .sns_box ul{float: left;}
.snsList .sns_box ul.list_left{width:690px; margin-bottom:-10px;}
.snsList .sns_box ul.list_right{width:450px; margin-bottom:-10px;}
.snsList .sns_box ul li {float:left; position: relative; width:220px; height:220px; margin: 0 10px 10px 0; overflow:hidden; text-align:center;}
.snsList .sns_box ul li.big{width:450px; height:450px;}
.snsList .sns_box ul li.big .dim{background:#000;}
.snsList .sns_box ul li.big .txt_over{height:450px;}
.snsList .sns_box ul li.last{margin-right:0;}

.snsList .sns_box ul li.i_right{float:right; margin: 0 0 10px 0;}
.snsList .sns_box ul li.i_center_right{float:right; margin: 0 10px 10px 0;}

.snsList .sns_box ul li a{display:block; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:cover;
background-size:cover;}
.snsList .sns_box ul li a img{width:100%; height:100%; }
.snsList .sns_box ul li.big a img{width:100%; height:100%;}
.snsList .sns_box ul li a .dim{position: absolute;left: 0;top: 0; right: 0; bottom: 0;
    text-align: center; display: inline-block; width: 100%;  height: 100%;  background:#000;
    opacity: 0;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.snsList .sns_box ul li a .txt_over{display:table; position: absolute; top:0; left:0; width:100%; height:220px; opacity: 0;}
.snsList .sns_box ul li a .tex_center{display:table-cell; text-align: center; vertical-align: middle;}
.snsList .sns_box ul li a .tag{ max-height:108px;padding:0 31px;text-align: center; font-size:16px; color:#fff; line-height:22px; display:-webkit-box; overflow:hidden;text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical;word-break: break-all; }


.snsView{}
.snsView .view_cont{}
.snsView .view_cont .view_area:after{content: ''; display:block; clear: both;}
.snsView .view_cont .slide_visual{float: left; width:720px; height:720px; overflow: hidden;}
.snsView .view_cont .slide_visual{display:block;}
.snsView .view_cont .slide_visual > ul{position:relative; height:720px;}
.snsView .view_cont .slide_visual .icon{position:absolute; bottom:30px; right:30px; z-index:10; margin:0;}
.snsView .view_cont .slide_visual > ul > li{position:absolute; top:0; left:0; width:720px; height:720px; background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:cover; background-size:cover;}
.snsView .view_cont .slide_visual > ul > li > img{display:block; }
.snsView .view_cont .slide_visual > ul > li > .btn_i_play{display:block;position:absolute; top:50%; left:50%; margin: -37px 0 0 -37px; z-index:1; }
.snsView .view_cont .slide_visual .indicator a{width:13px; height:13px; background:none; background-color:transparent; border:2px solid #000; border-radius: 50%;}
.snsView .view_cont .slide_visual .indicator a.on{background:none; background-color:#000;  border-radius: 50%;}
.snsView .view_cont .slide_visual .pop_i_video{display:none; position:absolute; top:0; left:0; width:720px; height:720px; z-index:999; background-color:#000;}
.snsView .view_cont .slide_visual .pop_i_video .btn_video_play{position:absolute; top:50%; left:50%; margin: -37px 0 0 -37px; z-index:1;}
.snsView .view_cont .slide_visual .pop_i_video video{width:720px; height:720px;}

.snsView .view_cont .slide_visual .video_type{display:block;width:720px; height:720px; background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:cover; background-size:cover;}
.snsView .view_cont .slide_visual .video_type a.btn_ytb_play{display:block;position:absolute; top:50%; left:50%; margin: -37px 0 0 -37px; z-index:1;}
.snsView .view_cont .slide_visual .video_type > img{display:block; width:720px; height:720px;}

.snsView .view_cont .slide_visual .pop_youtube{display:none;position:absolute; top:0; left:0; width:720px; height:720px; z-index:999; background-color:#000;}
.snsView .view_cont .slide_visual .pop_youtube img{display:block;}

.snsView .view_cont .data_box{float: left; margin-left:38px; width:380px;}
.snsView .view_cont .data_list{height:62px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.snsView .view_cont .data_list dl{float: left; padding-top:10px;}
.snsView .view_cont .data_list dl.no_sns{padding-top:23px;}
.snsView .view_cont .data_list dt{display:inline-block; vertical-align: middle;}
.snsView .view_cont .data_list dt img{width:40px; height:40px; border:1px solid #bcbabb; border-radius: 50%; }
.snsView .view_cont .data_list dd{display:inline-block; margin-left:10px; vertical-align: middle; font-size:14px;}
.snsView .view_cont .data_list .share_btns{float: right; position: relative; padding-top:19px;}
.snsView .view_cont .data_list .share_list_top{top:61px;}
.snsView .view_cont .data_tit{margin:30px 0 10px 0;}
.snsView .view_cont .data_tit .brand_name{display:inline-block; height:21px; padding: 0 20px; font-size:12px; color:#fff; text-align:center; line-height:24px; background-color:#000;}
.snsView .view_cont .data_tit p{margin:10px 0;font-size:22px; color:#000; line-height:32px; letter-spacing:-1px; white-space: pre-line;word-break: break-all;}
.snsView .view_cont .data_txt{ font-size:14px; color:#959595; line-height: 24px; letter-spacing: -1px; white-space: pre-line; word-break: break-all;}
.btn_detail{display:inline-block;margin-top:17px;font-size:12px; line-height:14px; border-bottom:1px solid #000;}

.snsView .view_cont .like_cont:after{content: ''; display:block; clear: both;}

/* SNS 업로드 페이지 */
.sns_upload{}
.upload_cont{position:relative;}
.channel_list{position:relative; width:1140px; height:92px; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center;}
.move_allow{display:block; position:absolute; top:91px; left:114px; width:15px; height:7px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/allow_move.png) no-repeat 0 0; }
.channel_list li{float:left; width:20%; height:100%; }
.channel_list li a{display:block; width:100%; height:100%; padding-top:33px;}
/*.channel_list li a:after{display:inline-block; content:''; height:100%; vertical-align:middle;}*/
.channel_list li a span{display:inline-block; margin-right:10px; text-indent:-9999em; vertical-align:top;}
.channel_list li a .i_chan{}
.channel_list li .i_drive{width:29px; height:24px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_drive.png) no-repeat 50% 50%;}
.channel_list li.on .i_drive,
.channel_list li:hover .i_drive{background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_drive_on.png) no-repeat 50% 50%;}
.channel_list li .i_face{width:9px; height:24px;background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_face.png) no-repeat 50% 50%;}
.channel_list li.on .i_face,
.channel_list li:hover .i_face{background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_face_on.png) no-repeat 50% 50%;}
.channel_list li .i_insta{width:24px; height:24px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_insta.png) no-repeat 50% 50%;}
.channel_list li.on .i_insta,
.channel_list li:hover .i_insta{background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_insta_on.png) no-repeat 50% 50%;}
.channel_list li .i_youtube{width:26px; height:24px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_you.png) no-repeat 50% 50%;}
.channel_list li.on .i_youtube,
.channel_list li:hover .i_youtube{background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_you_on.png) no-repeat 50% 50%;}
.channel_list li .i_blog{width:16px; height:24px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_blog.png) no-repeat 50% 50%;}
.channel_list li.on .i_blog,
.channel_list li:hover .i_blog{background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_blog_on.png) no-repeat 50% 50%;}
.channel_list li a p{ display:inline-block; height:19px;margin-top:4px; font-family: 'Lato'; color:#d9d9d9; font-size:18px; line-height:19px;  font-weight:900; vertical-align:top;}
.channel_list li.on p,
.channel_list li:hover p{color:#000;}

.tab_channel{padding-top:38px;}
.tab_channel .channel_cont{}

.bl_star{display:inline-block; margin-right:3px; vertical-align:middle;}
.target{overflow:hidden;}
.target dt{float:left; width:101px; font-family: 'Lato';  font-size:16px;}

.target dd{float:left;}
.target dd label{display: inline-block; width: 54px; color: #000;
    font-size: 13px;  cursor: pointer;}
.target dd label input[type=checkbox] { display: none; }
.target dd label .check_icon{ display: inline-block; width:14px; height: 14px;margin: 0 5px 2px 0; background: url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_check_off.png) left center no-repeat; vertical-align: middle;}
.target dd label input[type=checkbox]:checked + .check_icon { background-image: url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_check_on.png); }
.target dd label.checked .check_icon { background-image: url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_check_on.png); }

.select_brd{width:270px; height:36px; margin: 30px 0;}
.select_brd .selected{width:270px; height:36px; line-height:36px; font-size:14px; color:#000;}
.select_brd ul{width:270px; top:35px;}
.select_brd ul li a{padding:11px; font-size:14px;color:#000;}

.file_wrap{position:relative;}
span.txt{position:absolute; top:-40px; right:0; font-size:12px; color:#999; }

.input_search{position:relative;clear: both;display:inline-block; margin-bottom:30px;  font-size:0;}
.input_search a.btn_sch_del{display:none;position:absolute; top:13px; right:136px; width:11px; height:10px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/btn_file_del.png) no-repeat 0 0;}
.input_search a.btn_sch_del.on{display:block;}
.input_search{}
.input_search input[type=text]{width:1020px; height:36px; padding-left:15px; line-height: 36px; display:inline-block; font-family: 'Nanum Barun Gothic', sans-serif;  font-size:14px; color:#000; border:1px solid #dddddd;}
.input_search a.btn_sch{display: inline-block; overflow: hidden; width: 120px; padding: 12px 0 11px; background-color: #000; color: #fff; font-size: 13px; text-align: center; vertical-align: middle;}

.tab_channel .channel_cont .page_default{display:block;height:330px; padding-top:157px; font-size:14px; line-height:22px; text-align:center;}
.tab_channel .channel_cont .no_data{display:block;height:330px; padding-top:157px; font-size:14px; line-height:22px; text-align:center;}
.tab_channel .channel_cont .no_data span{font-size:14px; line-height:22px; font-weight:700;}
.tab_channel .channel_cont .no_data a{ display:inline-block; margin-top:20px;font-family: 'Lato'; font-size:12px; line-height:16px; border-bottom:1px solid #000; }
.tab_channel .channel_cont .no_image{display:block;height:330px; padding-top:157px; font-size:14px; line-height:22px; text-align:center;}

.tab_channel .channel_cont .btn_more{margin-top:27px;}
.tab_channel .channel_cont .btn_more span{font-family:'Lato', 'Nanum Barun Gothic'; font-size:16px;}

.tab_channel .btn_box p{margin:48px 0 15px 0;text-align:center; font-size:12px; color:#999; line-height:14px;}
.tab_channel .btn_box .btn_wrap{text-align:center;font-size:0;}
.tab_channel .btn_box .btn_wrap a{display:inline-block;width:160px;height:52px;line-height:52px;margin-left:10px;font-size:15px;text-align:center; background-color:#000; color:#fff;}
.tab_channel .btn_box .btn_wrap a:first-child{margin-left:0;}
.tab_channel .btn_box .btn_wrap .btn_default{border: 1px solid #dddddd;background-color: #fff; color: #000;}


/* 드라이브 */
.my_drive{}
.my_drive .file_wrap .input_file{position:relative;clear: both;display:inline-block; margin-bottom:10px;  font-size:0;}
.my_drive .file_wrap .input_file a.btn_file_del{display:none;position:absolute; top:4px; right:124px; width:28px; height:28px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/btn_file_del.png) no-repeat 50% 50%;}
.my_drive .file_wrap .input_file a.btn_file_del.on{display:block;}
.my_drive .file_wrap .input_file .file_name{width:1020px; height:36px; padding-left:15px; line-height: 36px; display:inline-block; font-family: 'Nanum Barun Gothic', sans-serif;  font-size:14px; color:#bbbbbb; border:1px solid #dddddd;}
.my_drive .file_wrap .input_file .file_label{display: inline-block; cursor: pointer;overflow: hidden; width: 120px; padding: 12px 0 11px; background-color: #000; color: #fff; font-size: 13px; text-align: center; vertical-align: middle;}
.my_drive .file_wrap .input_file .file_upload{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none;}

.my_drive .drive_tit{margin:27px 0 8px 0 ;font-size:16px; line-height:18px; vertical-align:middle;}

.my_drive .text_box{ position:relative; width:1140px; padding:10px 0 25px 10px; border:1px solid #dddddd;  font-size:14px; color:#bbb;}
.my_drive .text_box textarea{width:100%; height:100%;  resize: none; font-family: 'Nanum Barun Gothic', sans-serif;  font-size:14px; color:#000;}
.my_drive .text_box span{position:absolute; bottom:10px; right:19px; font-size:11px; color:#bbb; vertical-align:middle; }
.my_drive .text_box span em{font-size:11px; color:#bbb; vertical-align:middle;}
.my_drive .text_box.text_drive{height:70px;}
.my_drive .text_box.text_detail{height:200px;}

.my_drive .link_box{width:1140px; height:36px;  border:1px solid #dddddd;}
.my_drive .link_box input{width:100%; height:100%; padding:7px 10px; font-family: 'Nanum Barun Gothic', sans-serif; font-size:14px; color:#bbb;}

/* 페이스북/인스타/유튜브 리스트 */
.search_list{overflow:hidden; margin:0 -20px 0px 0;}
.search_list li{position:relative; float:left;width:212px; height:212px; margin:0 20px 20px 0;  background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:cover;background-size:cover;}
.search_list li .i_movie{position:absolute; display:block; top:10px; left:10px; width:30px; height:30px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/i_movie.png) no-repeat 50% 50%; text-indent:-9999em;}
.search_list li .radio_wrap{position:absolute; bottom:10px; right:10px; width:30px; height:30px; }
.search_list li .radio_wrap label{display:block; width:100%; height:100%; }
.search_list li .radio_wrap label input[type=radio]{position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; }
.search_list li .radio_wrap label span{display:block; width:100%; height:100%; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/bg_check.png) no-repeat 50% 50% #d3d3d3; text-indent:-9999em; border-radius: 50%;}
.search_list li .radio_wrap label input[type=radio]:checked + span{ background-color:#000; }

/* 페이스북/인스타 선택한 리스트 */
.search_list li.detail_wrap{position:relative; width:1140px; height:0; padding-top:6px;}
.search_list li.detail_wrap .list_allow{display:block; content:''; position:absolute; top:-1px; left:106px; width:15px; height:8px; background:url(//image.goodpeople.co.kr/goodpeople/web/sns/list_allow_p.png) no-repeat 0 0;}
.select_list{padding: 20px 14px 10px 24px; border:1px solid #dddddd; background-color:#f7f7f7;}
.select_list:after{display:block; content:''; clear:both;}
.select_list li{position:relative; float:left;width:100px; height:100px; margin:0 10px 10px 0;  background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:cover;background-size:cover;}
.select_list li .check_wrap{position:absolute; bottom:5px; right:5px; width:16px; height:16px; }
.select_list li .check_wrap label{display:block; width:100%; height:100%;background:url(//image.goodpeople.co.kr/goodpeople/web/sns/check_select.png) no-repeat 50% 50% ; }
.select_list li .check_wrap label input[type=checkbox]{position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; }
.select_list li .check_wrap label span{display:block; width:100%; height:100%;background-color:transparent; border-radius: 50%; font-size:11px; color:#fff; font-family: 'Lato'; text-align:center; line-height:17px; text-indent:-9999em;}
.select_list li .check_wrap label input[type=checkbox]:checked + span{ background-color:#000; text-indent:0;}

/* 페이스북 */


/* 인스타 */

/* 유튜브  */
.my_youtube{}

/* 블로그 */
.my_blog{}
.my_blog .blog_list{}
.my_blog .blog_list .blog_img{width:300px; height:300px; text-indent:-9999em; background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:cover; background-size:cover;}