@charset "utf-8";

#bo_btn_top .chk_box {float:left;margin:0 8px 0 0;line-height:40px;}

#photo_type {}
#photo_type ul {}
#photo_type ul:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type ul li {display:block;float:left;position:relative;width:32%;margin:0 2% 20px 0;}
#photo_type ul li:nth-child(3n) {margin:0 0 20px 0;}
#photo_type ul li .chk_box {display:block;position:absolute;left:5px;top:5px;background:#fff;}
#photo_type ul li .chk_box input[type="checkbox"] + label {padding:0;}
#photo_type ul li .chk_box input[type="checkbox"] + label span {margin:-15px 0 0 0;}
#photo_type ul li .bo_box {display:block;position:relative;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#photo_type ul li .bo_thumb {display:block;margin:0 0 12px 0;}
#photo_type ul li .bo_thumb img {width:100%;height:auto;border-radius:5px;}
#photo_type ul li .bo_tit {display:block;margin:0 0 6px 0;font-size:15px;font-weight:600;text-align:left;line-height:140%;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
}
#photo_type ul li .new_icon {display:inline-block;width:18px;height:18px;color:#fff;font-size:11px;text-align:center;font-weight:400;background:#cd171e;border-radius:3px;}
#photo_type ul li .bo_cate_link {display:inline-block;margin:0 0 8px 0;padding:0 4px;color:#666;font-size:12px;text-align:center;line-height:20px;background:#f6f6f6;border-radius:3px;}
#photo_type ul li .bo_view {display:block;float:right;color:#aaa;font-size:13px;font-weight:400;}
#photo_type ul li .bo_view i {color:#ddd;font-size:16px;}

#photo_type ul li .bo_info {display:block;color:#999;font-size:13px;line-height:30px;}
#photo_type ul li .bo_info:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type ul li .bo_info .var {display:inline-block;width:1px;height:12px;margin:0 2px;background:#ddd;}
#photo_type ul li .bo_info a.bo_scrap {display:block;float:right;color:#aaa}
#photo_type ul li .bo_info a.bo_scrap i {font-size:22px;}

#photo_type ul li .bo_info a.bo_scrap_no {display:block;float:right;color:#aaa}
#photo_type ul li .bo_info a.bo_scrap_no i {font-size:22px;}

.bo_sch_wrap {float:none;width:100%;margin:0 0 40px 0;padding:10px 20px;background:#f6f6f6;border-radius:10px;}
.selec_wrap {position:relative;line-height:40px;cursor:pointer;}
.selec_wrap label {display:inline-block;width:30px;font-weight:700;}
.selec_wrap span.selec {display:inline-block;margin:0 20px 0 0;padding:0 8px;color:#666;font-size:13px;line-height:32px;background:#fff;border:solid 1px #ddd;border-radius:4px;}
.selec_wrap .arrow {display:block;position:absolute;right:0;top:0;width:40px;height:40px;text-align:center;}
.selec_wrap .arrow i {font-size:12px;}


.selec_item {display:none;margin:10px 0 0 0;padding:20px 0 0 0;border-top:solid 1px #ddd;}
.selec_item ul {}
.selec_item ul li {display:block;position:relative;margin:0 0 10px 0;padding:0 0 0 100px;line-height:40px;}
.selec_item ul li:last-child {margin:0;}
.selec_item ul li label {display:block;position:absolute;left:0;top:0;font-weight:700;}

.selec_item ul li.chk_box input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:0;padding:0 12px;line-height:30px;color:#666;font-weight:400;background:#fff;border:solid 1px #ddd;border-radius:40px;}
.selec_item ul li.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:0;top:0px;width:0px;height:0px;border:none;}
.selec_item ul li.chk_box input[type="checkbox"] + label:hover span {border:none;}
.selec_item ul li.chk_box input[type="checkbox"] + label span:after {display:none;}

.selec_item ul li.chk_box input[type="checkbox"]:checked + label {color:#fff;background:#222;border:solid 1px #222;}
.selec_item ul li.chk_box input[type="checkbox"]:checked + label span {background:none;border:none;}
.selec_item ul li.chk_box input[type="checkbox"]:checked + label span:after {color:#fff;}

.selec_wrap .arrow.active {transform-origin: 50%, 50%
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
}

#bo_v_ann {margin:0 0 40px 0;}
#bo_v_ann:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_ann .img {float:left;width:48%;}
#bo_v_ann .img img {width:100%;height:auto;}
#bo_v_ann .info {float:right;width:48%;}
#bo_v_ann .bo_v_headinfo {margin:0 0 8px 0;}
#bo_v_ann .bo_v_headinfo span {display:inline-block;padding:0 6px;color:#666;font-size:12px;text-align:center;line-height:20px;background:#f6f6f6;border-radius:3px;}
#bo_v_ann .bo_v_headinfo ul {float:right;}
#bo_v_ann .bo_v_headinfo ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_ann .bo_v_headinfo ul li {display:block;float:left;margin:0 10px 0 0;color:#999;font-size:13px;}
#bo_v_ann .bo_v_headinfo ul li:last-child {margin:0;}
#bo_v_ann .bo_v_headinfo ul li i {color:#ddd;font-size:16px;}
#bo_v_ann .title {display:block;margin:0 0 12px 0;font-size:24px;font-weight:700;line-height:140%;}

#bo_v_ann ul.bo_v_info {margin:0 0 16px 0;padding:20px 0;border-top:solid 1px #eee;border-bottom:solid 1px #eee;}
#bo_v_ann ul.bo_v_info li {display:block;position:relative;margin:0 0 12px 0;padding:0 0 0 80px;line-height:140%;}
#bo_v_ann ul.bo_v_info li:last-child {margin:0;}
#bo_v_ann ul.bo_v_info li label {display:block;position:absolute;left:0;top:0;font-weight:700;}
#bo_v_ann ul.bo_v_info li a i {font-size:14px;}

#bo_v_ann .button {}
#bo_v_ann .button:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_ann .button a {display:block;float:left;font-weight:600;}
#bo_v_ann .button a:nth-child(1) {width:18%;margin:0 2% 0 0;color:#999;background:#fff;}
#bo_v_ann .button a:nth-child(2) {width:39%;margin:0 2% 0 0;color:#222;background:#fff;}
#bo_v_ann .button a:nth-child(2) i {font-size:20px;}
#bo_v_ann .button a:nth-child(3) {width:39%;}

.bo_v_tab {margin:0 0 20px 0;border-bottom:solid 2px #eee;}
.bo_v_tab ul {}
.bo_v_tab ul:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_tab ul li {display:block;float:left;}
.bo_v_tab ul li a {display:block;position:relative;padding:0 10px;color:#ccc;font-size:15px;font-weight:600;line-height:40px;}
.bo_v_tab ul li a span {display:inline-block;min-width:20px;padding:0 4px;height:20px;color:#aaa;font-size:11px;text-align:center;line-height:20px;background:#f6f6f6;border-radius:20px;}
.bo_v_tab ul li a.selected {color:#222;}
.bo_v_tab ul li a.selected:after {content:'';display:block;position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#222;z-index:2;}


/* 팀원모집 */
#bo_vt_wrap {position:relative;margin:40px 0;}

.vt_btn {display:block;width:100%;height:60px;color:#222;font-size:18px;line-height:60px;text-align:left;font-weight:700;background:none;border:none;}
.vt_btn strong {color:#cd171e;font-weight:700;}
.vt_btn i {font-size:20px;}

#bo_vt_empty {padding:40px 0;color:#999;text-align:center;}

/* 팀원모집 글쓰기 */
.bo_vt_w {margin:0 0 20px 0;}
.bo_vt_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vt_textarea {position:relative;padding:20px;background:#f6f6f6;border:solid 1px #ddd;border-radius:4px;}
.bo_vt_textarea #char_cnt {display:none;margin:4px 0 0 0;color:#999;font-size:12px;font-weight:400;}
.bo_vt_textarea .frm_input {display:block;width:calc(100% - 60px);height:20px;padding:0px;font-size:15px;line-height:140%;background:none;border:none;}
.bo_vt_textarea .frm_input:focus {border:none !important;}
.bo_vt_textarea .btn_cmt_submit {display:block;position:absolute;right:20px;top:10px;width:80px;height:40px;color:#fff;text-align:center;line-height:40px;background:#999;border:none;border-radius:4px;}

.bo_vt_w a.btn_cmt_login {display:block;height:60px;margin:12px 20px;padding:10px;color:#999;background:url(../img/icon_smile.png) no-repeat right 50%;border:solid 1px #ddd;}


/* 팀원모집 리스트 */
#bo_vt {}
#bo_vt h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

ul.bo_vt_sort {margin:0 0 20px 0;border-bottom:solid 2px #eee;}
ul.bo_vt_sort:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_vt_sort li {display:block;float:left;margin:0 20px 0 0;}
ul.bo_vt_sort li:last-child {margin:0;}
ul.bo_vt_sort li a {display:block;position:relative;color:#999;font-size:15px;line-height:40px;font-weight:400;}
ul.bo_vt_sort li a.active {color:#222;}
ul.bo_vt_sort li a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#222;z-index:1;}


#line_type {margin:0 0 30px 0;border-top:solid 1px #222;}
#line_type ul li {display:block;position:relative;padding:20px 10px;border-bottom:solid 1px #ddd;}
#line_type ul li:after {display:block;visibility:hidden;clear:both;content:""}
#line_type ul li.bo_notice {background:#f6f6f6;}
#line_type ul li a.bo_thumb {float:right;width:80px;margin:0 0 0 10px;border-radius:10px;overflow:hidden;}
#line_type ul li a.bo_thumb img {width:100%;height:auto;}
#line_type ul li a.bo_tit {display:block;margin:0 0 12px 0;font-size:15px;font-weight:600;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#line_type ul li .new_icon {display:inline-block;width:18px;height:18px;color:#fff;font-size:11px;text-align:center;font-weight:400;line-height:20px;background:#cd171e;border-radius:3px;}
#line_type ul li .bo_cate_link {display:inline-block;padding:0 8px;color:#cd171e;font-size:14px;line-height:24px;font-weight:500;background:#f9e6e6;border-radius:3px;}
#line_type ul li .bo_recruit {display:inline-block;padding:0 8px;color:#00a651;font-size:14px;line-height:24px;font-weight:500;background:#eafaec;border-radius:3px;}
#line_type ul li .cnt_cmt {display:inline-block;margin:0 0 0 4px;color:#cd171e;}
#line_type ul li .bo_info {}
#line_type ul li .bo_info:after {display:block;visibility:hidden;clear:both;content:""}
#line_type ul li .bo_info span {display:block;float:left;position:relative;margin:0 12px 0 0;padding:0 12px 0 0;color:#777;font-size:13px;}
#line_type ul li .bo_info span:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:16px;margin:-8px 0 0 0;background:#ddd;}
#line_type ul li .bo_info span:last-child {margin:0;padding:0;}
#line_type ul li .bo_info span:last-child:after {display:none;}
#line_type ul li .bo_info span.sv_member {color:#222;font-weight:400;}


#line_type ul li .chk_box {display:block;position:absolute;right:25px;top:5px;background:#fff;}
#line_type ul li .chk_box input[type="checkbox"] + label {padding:0;}
#line_type ul li .chk_box input[type="checkbox"] + label span {margin:-15px 0 0 0;}



/* 프로필 이미지*/
/*#bo_vt article {display:block;position:relative;padding:18px 20px;border-bottom:dashed 1px #ccc;}
#bo_vt article:last-child {border-bottom:none;}
#bo_vt article .pf_img {display:block;position:absolute;left:20px;top:18px;width:40px;}
#bo_vt article .pf_img img {width:100%;height:auto;border-radius:50%;}*/

/* 프로필 이미지 삭제*/
#bo_vt article {display:block;position:relative;padding:24px 0px;border-bottom:solid 1px #ddd;}
#bo_vt article .pf_img {display:none;position:absolute;left:20px;top:18px;width:40px;}
#bo_vt article .pf_img img {width:100%;height:auto;border-radius:50%;}

#bo_vt article header {display:block;position:relative;margin:0 0 18px 0;}
#bo_vt article header strong {font-weight:500;}
#bo_vt article .cm_wrap {display:block;position:relative;}
#bo_vt article .cm_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vt article .cm_wrap .profile_img img {border-radius:50%;vertical-align:middle;}
#bo_vt article .cm_wrap .bo_vt_ip,
#bo_vt article .cm_wrap .bo_vt_hdinfo {color:#999;}
#bo_vt article .cm_wrap .bo_vt_hdinfo {display:block;position:absolute;right:0px;top:0;}
#bo_vt article .cm_wrap .bo_vt_hdinfo i {margin:0 4px 0 0;font-size:12px;}
#bo_vt article .cmt_contents p {line-height:160%;}
#bo_vt article .cmt_contents p .username {color:#ff9900;font-weight:400;}
#bo_vt article .cmt_contents p i {color:#ff9900;font-size:16px;}
#bo_vt article .bo_vt_w {display:block;}
#bo_vt article .bo_vt_w iframe {background:#fff;}

.cmt_rep_icon:before {content:'\e97e';display:block;position:absolute;top:0;left:-15px;color:#999;font-family:'xeicon';font-size:16px;}

.bo_vl_opt {display:none;position:absolute;right:10px;top:20px;}
.bo_vl_opt button.btn_cm_opt {width:22px;height:22px;text-align:center;line-height:22px;background:none;border:none;}
.bo_vl_opt button.btn_cm_opt i {color:#999;font-size:14px;}

.bo_vt_act {}
.bo_vt_act li {display:block;float:left;margin:0 12px 0 0;}
.bo_vt_act li:last-child {margin:0;}
.bo_vt_act li a {display:block;color:#cd171e;font-size:13px;line-height:28px;}

.bo_vt_login {position:relative;padding:10px 20px;color:#999;font-size:13px;font-weight:400;background:#f6f6f6;border:solid 1px #ddd;border-radius:4px;}
.bo_vt_login img {width:24px;height:auto;margin:0 10px 0 0;border-radius:50%;}
.bo_vt_login .icon {display:block;position:absolute;right:10px;top:0;bottom:0;color:#222;line-height:46px;}
.bo_vt_login .icon i {font-size:20px;}

.bo_vt_login_on {position:relative;padding:10px 20px;color:#999;font-size:13px;font-weight:400;background:#f6f6f6;border:solid 1px #ddd;border-radius:4px;cursor:pointer;}
.bo_vt_login_on img {width:24px;height:auto;margin:0 10px 0 0;border-radius:50%;}
.bo_vt_login_on .icon {display:block;position:absolute;right:10px;top:0;bottom:0;color:#222;line-height:46px;}
.bo_vt_login_on .icon i {font-size:20px;}

.cmt_img img {max-width:100%;}

.overlay {display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6);z-index:99}

.layer {display:none;position:fixed;left:50%;top:50%;width:360px;padding:20px 10px;background:#fff;border-radius:10px;z-index:999;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.layer h2 {display:block;margin:0 0 12px 0;font-size:18px;font-weight:700;text-align:center;}
.layer p {margin:0 0 18px 0;color:#999;text-align:center;}
.layer .file_wr {margin:0 0 20px 0;}
.layer .btn_submit {display:block;width:100%;}
.layer .btn_layerclose {display:block;position:absolute;right:10px;top:20px;width:30px;height:30px;text-align:center;background:none;border:none;}
.layer .btn_layerclose i {font-size:20px;}

.layer ul.act {margin:0 0 10px 0;}
.layer ul.act:after {display:block;visibility:hidden;clear:both;content:""}
.layer ul.act li {display:block;float:left;position:relative;margin:0 8px 5px 0;}
.layer ul.act li:last-child {margin:0 0 5px 0;}
.layer ul.act li.chk_box input[type="checkbox"] + label {display:block;position:relative;padding-left:0;padding:0 12px;line-height:30px;color:#666;background:#fff;border:solid 1px #ddd;border-radius:40px;}
.layer ul.act li.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:0;top:0px;width:0px;height:0px;border:none;}
.layer ul.act li.chk_box input[type="checkbox"] + label:hover span {border:none;}
.layer ul.act li.chk_box input[type="checkbox"] + label span:after {display:none;}

.layer ul.act li.chk_box input[type="checkbox"]:checked + label {color:#fff;background:#222;border:solid 1px #222;}
.layer ul.act li.chk_box input[type="checkbox"]:checked + label span {background:none;border:none;}
.layer ul.act li.chk_box input[type="checkbox"]:checked + label span:after {color:#fff;}

.layer ul.act li .frm_act {display:block;width:80px;height:30px;padding:0 30px 0 12px;color:#999;line-height:28px;background:#fff;border:solid 1px #ddd;border-radius:40px;}
.layer ul.act li .frm_act_direct {display:block;width:100px;height:30px;padding:12px;color:#f00001;line-height:28px;background:#fff;border:solid 1px #f00001;border-radius:40px;}
.layer ul.act li button {display:block;position:absolute;right:0;top:0;width:30px;height:30px;color:#999;text-align:center;background:none;border:none;}
.layer ul.act li button i {font-size:14px;}
.layer ul.act li button.btn_frmact_direct {color:#f00001;}

.layer button {width:46%; margin:5px;}

.red {color:#ff0000;}

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




@media screen and (max-width:980px) {
#photo_type {margin:0 10px;}

.bo_sch_wrap {width:auto;margin:0 10px 30px 10px;}
.selec_item ul li {padding:0 0 0 80px;}

#bo_v_ann {margin:0 10px 40px 10px;}

.vt_btn {padding:0 10px;}

ul.bo_vt_sort {padding:0 10px;}

.bo_vt_w {margin:0 10px;}
.bo_vt_w_wr .frm_input {width:100px;}

#bo_vt article {padding:24px 10px;}
}




@media screen and (max-width:768px) {
#photo_type ul li {width:49%;margin:0 2% 20px 0;}
#photo_type ul li:nth-child(3n) {margin:0 2% 20px 0;}
#photo_type ul li:nth-child(2n) {margin:0 0 20px 0;}

.selec_item ul li {padding:0 0 0 40px;}

#bo_v_ann {margin:0 0px 40px 0px;}
#bo_v_ann .img {float:none;width:100%;margin:0 0 20px 0;}
#bo_v_ann .info {float:none;width:auto;margin:0 10px;}
}