@charset "utf-8";
#bo_list,
#bo_w,
#bo_v {display:block;position:relative;width:100%;max-width:720px;margin:0 auto;}

/* write */
.write_div {display:block;position:relative;padding:18px 0;}
.write_div:after {display:block;visibility:hidden;clear:both;content:""}
.write_div .dot {display:inline-block;width:4px;height:4px;margin:0 0 14px 3px;background:#f00001;border-radius:50%;vertical-align:middle;}

.write_div.bo_w_info label,
.write_div.bo_w_select label,
.write_div.bo_w_tit label,
.write_div.bo_w_link label,
.write_div.bo_w_file label,
.write_div.bo_w_hp label,
.write_div.bo_w_sbj label,
.write_div.bo_w_content label,
.write_div.bo_w_mail .label,
.write_div.bo_w_opt .label {display:block;margin:0 0 10px 0;font-weight:600;}
.write_div i {margin:0 12px 0 0;color:#999;font-size:14px;}
.write_div.bo_w_content {padding:18px 0;}
.write_div.bo_w_datepick .select:last-child {margin:0;}
.write_div.bo_w_half {padding:0;}
.write_div.bo_w_half:after {display:block;visibility:hidden;clear:both;content:""}
.write_div.bo_w_half .write_div_half {display:block;float:left;position:relative;width:49%;margin:0 2% 0 0;padding:18px 20px 18px 160px;}
.write_div.bo_w_half .write_div_half:after {display:block;visibility:hidden;clear:both;content:""}
.write_div.bo_w_half .write_div_half:last-child {margin:0;}

ul.bo_w_option:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_w_option li {display:block;float:left;margin:0 24px 0 0;}
ul.bo_w_option li:last-child {margin:0;}

/* 자동저장 */
#autosave_wrapper {position:relative;}
#autosave_wrapper .btn span {color:#fff}
#autosave_pop {display:none;position:absolute !important;z-index:10;right:0;top:var(--h);width:100%;height:auto !important;height:180px;max-height:180px;background:#fff;border:1px solid #999;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #999 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {height:140px;margin:0 0 40px 0;padding:4px;overflow-y:scroll;border-bottom:1px solid #eee;list-style:none;}
#autosave_pop li {display:block;padding:8px 10px;line-height:normal;border-bottom:1px solid #fff;background:#f6f6f6;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;position:relative;color:#999;font-size:12px;}

.autosave_close {display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:40px;color:#999;font-weight:500;background:none;cursor:pointer;}
.autosave_close:hover {color:#ff7700;background:#eee;}
.autosave_content {display:none}
.autosave_del {display:inline-block;position:relative;width:18px;height:18px;text-indent:-999px;overflow:hidden;vertical-align:baseline;background:none;}
.autosave_del:after {content:'\e921';display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:#bbb;font-family:'xeicon';font-size:16px;text-align:center;line-height:18px;text-indent:0;}

.wr_content {background:#fff;}
.wr_content textarea {height:180px;border:var(--bdr);border-radius:var(--radius);}

.file_del {display:block;margin:5px 0 0 0;}
.file_del.chk_box input[type="checkbox"] + label {position:relative;padding:0 0 0 28px;font-weight:300;}

#bo_w .btn_confirm {margin:40px 0 0 0;padding:0 10px;}

@media screen and (max-width:720px) {
	.write_div {padding:18px 20px;line-height:normal}
	.write_div.bo_w_half .write_div_half {float:none;width:100%;padding:18px 20px;border-bottom:solid 1px #eee;}
	.write_div.bo_w_half .write_div_half:last-child {border-bottom:none;}
	.write_div.bo_w_content {padding:18px 20px;}
}

.bo_w_file.file_add .btn_plus,
.bo_w_file.file_add .btn_minus {display:block;padding:0 !important;}
.bo_w_file.file_add .btn_plus {float:left;width:50px;height:50px;border:var(--bdr);}
.bo_w_file.file_add .btn_plus i {margin:0;color:#666;font-size:20px;}
.bo_w_file.file_add .btn_minus {position:absolute;right:10px;top:25px;width:20px;height:20px;margin:-10px 0 0 0;text-align:center;line-height:20px;border:none;border-radius:50%;z-index:1;}
.bo_w_file.file_add .btn_minus i {margin:0;font-size:14px;}
.bo_w_file.file_add .frm_file {float:right;width:calc(100% - 60px);color:#666;}
.bo_w_file.file_add .frm_file:after {display:none;}

/* category */
#bo_cate {position:relative;background:#fff;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_cate .swiper-slide {width:auto;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:"";}
#bo_cate li {max-height:60px;text-align:center;}
#bo_cate a {position:relative;padding:10px 16px;color:#999;font-size:16px;line-height:38px;font-weight:600;background:#fff;border:var(--bdr);border-radius:30px;}
#bo_cate a:hover {color:var(--color2);}
#bo_cate::-webkit-scrollbar {display:none}
#bo_cate #bo_cate_on {color:#222;line-height:36px;font-weight:600;border:solid 2px var(--color2);}
#bo_cate .swiper-button-wrap {display:block;position:absolute;right:0px;top:0px;background:rgba(255,255,255,0.8);z-index:9;}
#bo_cate .swiper-button-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate .swiper-btn-next,
#bo_cate .swiper-btn-prev {float:left;width:30px;height:40px;text-align:center;cursor:pointer;}
#bo_cate .swiper-btn-next i,
#bo_cate .swiper-btn-prev i {color:var(--color2);font-size:14px;line-height:40px;}

@media screen and (max-width:720px) {
	#bo_cate {margin-bottom:15px;}
	#bo_cate a {padding:0;line-height:50px;font-weight:400;border:none;}
	#bo_cate #bo_cate_on {color:#222;line-height:50px;border:none;}
	#bo_cate #bo_cate_on:after {content:'';display:block;position:absolute;top:30px;left:0;right:0;bottom:0;height:3px;background:var(--color);}
}

.bo_sch_wrap {display:none;width:100%;max-width:640px;margin:0 auto 20px auto; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.bo_sch {display:block;position:relative;}
.bo_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_sch #sfl {display:block;}
.bo_sch .sch_bar {display:block;position:relative;}
.bo_sch #stx {display:block;width:100%;height:60px;padding:0 10px;font-size:16px;line-height:60px;border:solid 6px #eee;border-radius:0;}
.bo_sch button.sch_btn {display:block;position:absolute;right:0;top:0;width:60px;height:60px;color:#222;font-size:16px;text-align:center;line-height:60px;background:none;border:none;}

@media screen and (max-width:640px) {
	.bo_sch_wrap {width:auto;max-width:auto;margin:0 20px 40px 20px;}
}

#bo_btn_top {position:relative;margin:0 0px 20px 0px;line-height:var(--h);}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_btn_top #bo_list_total {float:left;color:#888;line-height:var(--h);}
#bo_btn_top #bo_list_total strong {color:var(--color2);font-weight:500;}

@media screen and (max-width:720px) {
	#bo_btn_top {position:relative;margin:0 20px 0 20px;}
	#bo_btn_top #bo_list_total {font-size:13px;}
}

ul.btn_bo_user {display:block;float:right;}
ul.btn_bo_user:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_bo_user li {display:block;float:left;position:relative;margin:0 5px 0 0;}
ul.btn_bo_user li:last-child {margin:0;}
ul.btn_bo_user li .btn.btn_act,
ul.btn_bo_user li .btn.btn_normal {min-width:90px;}
ul.btn_bo_user li .btn_more_opt {width:24px;padding:0;background:none;}
ul.btn_bo_user li .btn_more_opt i {color:#999;font-size:16px;}
ul.btn_bo_user li ul.more_opt {display:none;position:absolute;right:0;top:36px;background:#fff;border:solid 1px #ddd;z-index:2}
ul.btn_bo_user li ul.more_opt li {float:none;margin:0;border-bottom:dashed 1px #ddd;}
ul.btn_bo_user li ul.more_opt li:last-child {border-bottom:none;}
ul.btn_bo_user li ul.more_opt li a,
ul.btn_bo_user li ul.more_opt li button {
	display:block;width:80px;color:#999;font-size:12px;line-height:40px;text-align:center;background:none;border:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
ul.btn_bo_user li ul.more_opt li a i,
ul.btn_bo_user li ul.more_opt li button i {color:#999;font-size:16px;}
ul.btn_bo_user li ul.more_opt li a:hover,
ul.btn_bo_user li ul.more_opt li button:hover {color:#ff7700;background:#eee;}
ul.btn_bo_user .btn.btn_admin {width:40px;}

ul.btn_bo_snb {display:block;float:left;margin:15px 0;}

@media screen and (max-width:720px) {
	ul.btn_bo_snb {margin:0;}
}

ul.btn_bo_snb:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_bo_snb li {display:block;float:left;position:relative;margin:0 10px 0 0;}
ul.btn_bo_snb li:last-child {margin:0;}
ul.btn_bo_snb li .btn {min-width:150px;font-size:16px;font-weight:500;background:#f5f5f5;line-height:25px;border:2px solid #f5f5f5;}
ul.btn_bo_snb li .btn.active {color:#222;font-size:16px;font-weight:700;background:#fff;line-height:25px;border: 2px solid #ff6060;}

@media screen and (max-width:720px) {
	ul.btn_bo_snb {padding:0 15px;}
}

@media screen and (min-width:1200px) {
	ul.btn_bo_snb {padding:0}
}

ul.btn_bo_opt {display:block;margin:15px 10px;float:right;}
ul.btn_bo_opt:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_bo_opt li {display:block;float:left;position:relative;margin:0 15px 0 0;}
ul.btn_bo_opt li:last-child {margin:0;}
ul.btn_bo_opt li a {width:100%;text-align:center;font-size:15px;line-height:30px;}
ul.btn_bo_opt li a i {color:#c7c7c7;}
ul.btn_bo_opt li a img {width:20px;height:auto;vertical-align:middle !important;margin:-1px 6px 0px 3px;}
ul.btn_bo_opt li a.btn_type {opacity:0.4}
ul.btn_bo_opt li a.btn_type span {display:none;}
ul.btn_bo_opt li a.btn_type.active {opacity:1;}
ul.btn_bo_opt li a.btn_thumb_type {position:relative;top:-1px;}

.lay_sort {display:none;position:absolute;left:50%;top:45px;width:120px;margin:0 0 0 -60px;color:#222;font-size:16px;font-weight:400;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:2;}
.lay_sort a {border-bottom:solid 1px #eee;}
.lay_sort a:last-child {border-bottom:none;}
.lay_sort a.active {color:var(--color);}

@media screen and (max-width:720px) {
	ul.btn_bo_user.mob_abs {float:none;position:absolute;;right:0px;top:-47px;z-index:10;}
	ul.btn_bo_user.mob_abs.sticky {position:fixed;right:20px;top:0;}
	ul.btn_bo_user.mob_abs li .btn {min-width:auto;padding:0;color:var(--color);font-weight:700;font-size:16px;background:none;border:none;}
	
	ul.btn_bo_snb {display:none;float:none;}
	
	ul.btn_bo_opt {float:none;margin:15px 10px;}
	ul.btn_bo_opt li:last-child {display:none;}
	ul.btn_bo_opt li a.btn_type span {display:inline;vertical-align: middle !important;font-size:15px;}
	ul.btn_bo_opt li a.btn_sort {position:absolute;right:20px;top:-40px;}
}

.bo_fx {margin:0;text-align:center;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}

@media screen and (max-width:720px) {
	.bo_fx {margin:0 20px;}
}

/* view */
#bo_v_top {margin:0 0 20px 0;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}

h2#bo_v_title {position:relative;text-align:left;}
h2#bo_v_title .bo_v_cate {display:block;margin:0 0 8px 0;color:var(--color2);font-size:16px;font-weight:600;}
h2#bo_v_title .bo_v_tit {display:block;margin:0 0 4px 0;color:#222;font-size:30px;line-height:120%;font-weight:700;letter-spacing:-0.5px;}

#bo_v_info {position:relative;margin:0 0 30px 0;padding:0 0 10px 0;border-bottom:solid 1px #eee;}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info_ct {text-align:left;line-height:40px;}
#bo_v_info .profile_info_ct:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info .profile_info_ct .profile_img img {width:28px;height:28px;}
#bo_v_info .profile_info_ct a,
#bo_v_info .profile_info_ct strong,
#bo_v_info .profile_info_ct strong a {font-weight:300;}
#bo_v_info .profile_info_ct strong {display:block;float:left;position:relative;margin:0 15px 0 0;cursor:pointer;}
#bo_v_info .profile_info_ct i {color:#c8c8c8;font-size:20px;vertical-align:middle;}
#bo_v_info .profile_info_ct .if_good,
#bo_v_info .profile_info_ct .if_share,
#bo_v_info .profile_info_ct .if_view {color:#666;}
#bo_v_info .profile_info_ct .if_date {color:#828282;}

#bo_v_info .profile_info_ct strong:last-child {margin:0;padding:0;}
#bo_v_info .profile_info_ct strong:last-child:after {display:none;}

#bo_v_atc {min-height:240px;}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_atc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_link {display:block;margin:0 0 24px 0;}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {display:block;position:relative;}
#bo_v_link ul li {
	display:block;position:relative;padding:0 0 0 10px;line-height:24px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}
#bo_v_link ul li:before {content:'';display:block;position:absolute;left:0;top:50%;width:3px;height:3px;margin:-1.5px 0 0 0;background:#999;border-radius:50%;}
#bo_v_link ul li strong {display:inline-block;position:relative;width:30px;color:#999;font-weight:600;}
#bo_v_link ul li a strong {font-weight:300;}
#bo_v_link ul li .bo_v_link_cnt {color:#999;font-size:12px;}

#bo_v_img {margin:20px 0;text-align:center;}
#bo_v_img a.view_image {display:block;margin:0 0 20px 0;}
#bo_v_img img {max-width:auto;}

#bo_v_con {margin:0 0 40px 0;padding:0 0 40px 0;font-size:16px;line-height:160%;border-bottom:solid 1px #eee;}

#bo_v_file {display:block;margin:0 0 30px 0;}
#bo_v_file h3 {display:block;margin:0 0 10px 0;font-weight:700;}
#bo_v_file ul {display:block;width:100%;margin:0 auto;}
#bo_v_file ul li {display:block;margin:0 0 5px 0;}
#bo_v_file ul li:last-child {margin:0;}
#bo_v_file ul li a.view_file_download {
	display:block;
	position:relative;
	padding:0 0 0 80px;
	font-size:16px;
	line-height:54px;
	background:#fff;
	border:var(--bdr);
	border-radius:var(--radius);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}

#bo_v_file ul li .fileinfo {display:inline-block;margin:0;color:#999;font-size:14px;}
#bo_v_file ul li .icon {display:block;position:absolute;left:0;top:0;width:50px;height:100%;text-align:center;background:#f8f8f8;border-right:solid 1px #ddd;}
#bo_v_file ul li .icon img {width:28px;height:auto;}

#bo_v_link2 {display:block;margin:0 0 20px 0;}
#bo_v_link2 h3 {display:block;margin:0 0 10px 0;font-weight:700;}
#bo_v_link2 ul {display:block;width:100%;margin:0 auto;}
#bo_v_link2 ul li {display:block;margin:0 0 10px 0;}
#bo_v_link2 ul li:last-child {margin:0;}
#bo_v_link2 ul li a {
	display:block;
	position:relative;
	padding:0 0 0 80px;
	font-size:16px;
	line-height:54px;
	background:#fff;
	border:var(--bdr);
	border-radius:var(--radius);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}
#bo_v_link2 ul li .icon {display:block;position:absolute;left:0;top:0;width:50px;height:100%;text-align:center;background:#f8f8f8;border-right:solid 1px #ddd;}
#bo_v_link2 ul li .icon img {width:28px;height:auto;}
#bo_v_link2 ul li .bo_v_link_cnt {display:inline-block;margin:0;color:#999;font-size:14px;}

@media screen and (max-width:720px) {
	#bo_v_top {margin:0 20px 20px 20px;}
	
	h2#bo_v_title {padding:0 20px;}
	h2#bo_v_title .bo_v_tit {font-size:24px;}
	
	#bo_v_info {padding:0 20px 0px 20px;}
	#bo_v_info .profile_info_ct a,
	#bo_v_info .profile_info_ct strong,
	#bo_v_info .profile_info_ct strong a {font-size:13px;}
	#bo_v_info .profile_info_ct strong {margin:0 8px 0 0;padding:0 8px 0 0;}
	
	#bo_v_atc {padding:0 20px}
	
	#bo_v_file ul {width:100%;max-width:100%;}
	#bo_v_link2 ul {width:100%;max-width:100%;}
}

#bo_v_bottom {margin:40px 20px 0 20px;text-align:center;}
#bo_v_bottom:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bottom .btn {margin:0 4px;}
#bo_v_bottom .btn.btn_normal,
#bo_v_bottom .btn.btn_act {min-width:150px;}

@media screen and (max-width:720px) {
	#bo_v_bottom .btn {margin:0 2px;}
	#bo_v_bottom .btn.btn_normal,
	#bo_v_bottom .btn.btn_act {min-width:100px;}
}

/* 일반게시판 */
#list_type {margin:0 0 40px 0;}
#list_type .cell {line-height:160%;text-align:left;font-size:15px;}
#list_type .row.th .cell {padding:15px 10px;}
#list_type .row.td .cell {padding:20px 10px;}

#list_type .cell a {display:block;}
#list_type .cell i {color:#999;font-size:12px;}
#list_type .cell.chk_box {width:40px;text-align:center;}
#list_type .cell.cell_num {width:50px;}
#list_type .cell.cell_ctg {width:80px;}
#list_type .cell.cell_subject {width:100%;}
#list_type .cell.cell_writer {
	width:120px;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}
#list_type .cell.cell_good {width:80px;}
#list_type .cell.cell_nogood {width:60px;}
#list_type .cell.cell_cmt {width:60px;}
#list_type .cell.cell_view {width:80px;}
#list_type .cell.cell_date {width:60px;}

#list_type .cell.cell_group,
#list_type .cell.cell_board {
	width:120px;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}

#list_type .cell.cell_group a {color:#1398d9}
#list_type .cell.cell_board a {color:#ff7700}
#list_type .row.td.bo_notice {background:#f9f9f9;}
#list_type a.bo_tit {display:block;font-size:16px;font-weight:500;}
#list_type a.bo_tit i {color:#444;font-size:18px;vertical-align:middle;}
#list_type a.bo_tit i.xi-new {color:#f00001;}
#list_type a.bo_tit i.xi-heart {color:#f75665;}
#list_type a.bo_tit i.xi-lock {color:#ff7700;}
#list_type a.bo_tit .cnt_cmt {color:#f00001;font-size:12px;font-weight:600;}
#list_type .notice_icon,
#list_type .bo_current {display:inline-block;padding:0 6px;color:#fff;font-size:12px;line-height:22px;font-weight:500;border-radius:3px;}
#list_type .notice_icon {background:var(--color);}
#list_type .bo_current {background:var(--color);}
#list_type .bo_cate_link {display:inline-block;color:var(--color2);font-size:14px;font-weight:400;}
#list_type .profile_img img {width:28px;height:28px;}
#list_type .chk_box input[type="checkbox"] + label {padding-left:0;}
#list_type .chk_box input[type="checkbox"] + label span {margin:-14px 0 0 -12px;}
#list_type .row.td .cell.cell_good i {color:#c7c7c7;font-size:16px}

@media screen and (max-width:720px) {
	#list_type {border-top:solid 1px #444;}
	#list_type .row.th {display:none;}
	
	#list_type a.bo_tit {
		text-align:left;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis; 
		-o-text-overflow:ellipsis;
		-moz-binding: url('ellipsis.xml#ellipsis');
	}
	
	#list_type .cell.chk_box {display:block;position:absolute !important;right:30px !important;top:0px;width:auto !important;padding:0;border-bottom:none;z-index:3;}
	#list_type .cell.chk_box:after {display:none;}
	#list_type .cell.chk_box input[type="checkbox"] + label span {margin:-18px 0 0 0;}
	#list_type .cell.cell_num {width:40px;}
	#list_type .cell.cell_date {width:80px !important;}
	
	#list_type .cell.cell_group,
	#list_type .cell.cell_board {float:left;width:auto;margin:0;padding:0;}
	#list_type .cell.cell_board:after,
	#list_type .cell.cell_group:after {display:none;}
	#list_type .cell.cell_board:before {content:'\e93e';display:inline-block;width:30px;font-family:'xeicon';color:#666;font-size:12px;text-align:center;}
	
	#list_type a.bo_tit {font-size:16px;}
	
	#list_type .notice_icon,
	#list_type .bo_current {padding:0 4px;font-size:12px;line-height:20px;}
}

.allchk {display:none;float:left;}

@media screen and (max-width:720px) {
	.allchk {display:block;}
}

/* 썸네일 타입 */
.photo_type.thumb {display:block;width:100%;}
.photo_type.thumb:after {display:block;visibility:hidden;clear:both;content:""}
.photo_type.thumb .item {display:block;float:left;width:30%;margin:0 5% 60px 0;}
.photo_type.thumb .item:nth-child(3n) {margin:0 0 60px 0;}

@media screen and (max-width:1200px) {
	.photo_type.thumb {padding:0 10px;}
}

@media screen and (max-width:980px) {
	.photo_type.thumb .item {width:48%;margin:0 4% 30px 0;}
	.photo_type.thumb .item:nth-child(3n) {margin:0 4% 30px 0;}
	.photo_type.thumb .item:nth-child(2n) {margin:0 0 30px 0;}
}

@media screen and (max-width:480px) {
	.photo_type.thumb .item {width:100%;margin:0 0 30px 0;}
	.photo_type.thumb .item:nth-child(3n) {margin:0 0 30px 0;}
	.photo_type.thumb .item:nth-child(2n) {margin:0 0 30px 0;}
	.photo_type.thumb .item:last-child {margin:0;}
}

.photo_type.thumb .item_box {display:block;position:relative;}
.photo_type.thumb .thumb {display:block;position:relative;aspect-ratio: 16 / 9;width:100%;height:100%;margin:0 0 20px 0;border-radius:var(--radius);overflow:hidden;}
.photo_type.thumb .thumb img {
	width:100%;
	height:auto;
	object-fit: cover;
	-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.thumb .thumb a em {
	display:block;
	position:absolute;
	left:0;
	top:50%;
	right:0;
	color:#fff;
	text-align:center;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}

.photo_type.thumb .thumb a {
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	opacity:0;
	-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.thumb .thumb a span {
	display:block;
	position:absolute;
	left:0;
	top:50%;
	right:0;
	color:#fff;
	text-align:center;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}

.photo_type.thumb .thumb a span img {width:48px;height:auto;}
.photo_type.thumb label.needcode {display:block;position:absolute;left:0;right:0;bottom:0;padding:10px;color:#fff;font-size:16px;font-weight:600;text-align:center;background:var(--color);z-index:2}
.photo_type.thumb .bo_cont {display:block;position:relative;padding:5px;}
.photo_type.thumb .bo_cont:after {display:block;visibility:hidden;clear:both;content:""}
.photo_type.thumb .bo_cate_link {display:block;margin:0 0 8px 0;color:#df4949;font-size:16px;font-weight:600;}
.photo_type.thumb a.bo_tit {
	display:block;
	margin:0 0 12px 0;
	color:#222;
	font-size:26px;
	font-weight:700;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:break-word; 
	display:-webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.photo_type.thumb a.bo_tit i {color:#444;font-size:18px;}
.photo_type.thumb a.bo_tit i.xi-new {color:#f00001;}
.photo_type.thumb a.bo_tit i.xi-heart {color:#f75665;}
.photo_type.thumb a.bo_tit i.xi-lock {color:#ff7700;}
.photo_type.thumb a.bo_tit .cnt_cmt {color:#f00001;font-size:12px;font-weight:600;}
.photo_type.thumb .bo_info_txt {font-size:16px;line-height:140%;}
.photo_type.thumb .bo_good {display:block;position:relative;right:3px;top:-10px;color:#999;font-size:13px;}
.photo_type.thumb .bo_good i {color:#c7c7c7;font-size:32px;vertical-align:middle;}
.photo_type.thumb .bo_good a.active i {color:var(--color2);}
.photo_type.thumb .chk_box {display:block;position:absolute;left:5px;top:5px;z-index:3;}
.photo_type.thumb .chk_box span {margin:-11px 0 0 0;}

.photo_type.thumb .item:hover .thumb img {
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}

.photo_type.thumb .thumb a.dim {opacity:0.8;}
.photo_type.thumb .thumb a.dim span {line-height:20px;font-size: 0.985em;font-weight: 500;}

@media screen and (max-width:720px) {
	.photo_type.thumb label.needcode {font-size:14px;}
	.photo_type.thumb .bo_cate_link {margin:0 0 8px 0;font-size:16px;}
	.photo_type.thumb a.bo_tit {margin:0 0 8px 0;font-size:24px;}
	.photo_type.thumb .bo_info_txt {font-size:14px;}
	.photo_type.thumb .bo_good {font-size:12px;}
	.photo_type.thumb .bo_good i {font-size:24px;}
}

@media screen and (max-width:480px) {
	.photo_type.thumb .bo_cate_link {font-size:14px;}
	.photo_type.thumb a.bo_tit {margin:0 0 8px 0;font-size:18px;}
	.photo_type.thumb .bo_cate_category {color:#df4949;font-size:14px;font-weight:500;}
	.photo_type.thumb .vod-desc {line-height:18px;}
}

/* 리스트타입 */
.photo_type.list {display:block;width:100%;}
.photo_type.list .item {display:block;position:relative;margin:0 0 40px 0;}
.photo_type.list .item:last-child {margin:0;}
.photo_type.list .item_box {display:block;position:relative;}
.photo_type.list .item_box:after {display:block;visibility:hidden;clear:both;content:""}

.photo_type.list .thumb {display:block;aspect-ratio: 16 / 9;float:left;position:relative;width:200px;height:100%;border-radius:var(--radius);overflow:hidden;}
.photo_type.list .thumb img {
	width:100%;
	height:auto;
	object-fit: cover;
	-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.list .thumb a {
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	opacity:0;
	-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.list .thumb a em {
	display:block;
	position:absolute;
	left:0;
	top:40%;
	right:0;
	color:#fff;
	text-align:center;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}

.photo_type.list .thumb a em img {width:48px;height:auto;}
.photo_type.list label.needcode {display:block;position:absolute;left:0;right:0;bottom:0;padding:10px;color:#fff;font-size:16px;font-weight:600;text-align:center;background:var(--color);z-index:2}
.photo_type.list .bo_cont {display:block;float:right;width:calc(100% - 240px);}
.photo_type.list .bo_cont:after {display:block;visibility:hidden;clear:both;content:""}
.photo_type.list .bo_cate_link {display:block;margin:0 0 8px 0;color:#df4949;font-size:18px;font-weight:500;}
.photo_type.list .bo_cate_category {color:#df4949;font-size:14px;font-weight:500;}
.photo_type.list a.bo_tit {
	display:block;
	margin:0 0 8px 0;
	color:#222;
	font-size:22px;
	font-weight:700;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:break-word; 
	display:-webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.photo_type.list a.bo_tit i {color:#444;font-size:18px;}
.photo_type.list a.bo_tit i.xi-new {color:#f00001;}
.photo_type.list a.bo_tit i.xi-heart {color:#f75665;}
.photo_type.list a.bo_tit i.xi-lock {color:#ff7700;}
.photo_type.list a.bo_tit .cnt_cmt {color:#f00001;font-size:12px;font-weight:600;}
.photo_type.list .bo_info_txt {margin:0 0 18px 0;font-size:16px;line-height:140%;}
.photo_type.list .bo_info_txt br {display:none;}
.photo_type.list .bo_good {display:block;color:#999;font-size:13px;}
.photo_type.list .bo_good:after {display:block;visibility:hidden;clear:both;content:""}
.photo_type.list .bo_good a {display:inline-block;}
.photo_type.list .bo_good i {color:#c7c7c7;font-size:32px;vertical-align:middle;}
.photo_type.list .bo_good a.active i {color:var(--color2);}
.photo_type.list .chk_box {display:block;position:absolute;left:5px;top:5px;z-index:9;}
.photo_type.list .chk_box span {margin:-11px 0 0 0;}

.photo_type.list .item:hover .thumb img {
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}

.photo_type.list .thumb a.dim {opacity:0.8;}
.photo_type.list .thumb a.dim span {line-height:18px;font-size:0.985em;font-weight:500;}

@media screen and (max-width:1200px) {
	.photo_type.list {padding:0 10px;}
}

@media screen and (max-width:720px) {
	.photo_type.list .thumb {width:160px;}
	.photo_type.list .bo_cont {width:calc(100% - 180px);}
	.photo_type.list label.needcode {font-size:14px;}
	.photo_type.list .bo_cate_link {margin:0 0 8px 0;font-size:16px;}
	.photo_type.list a.bo_tit {margin:0 0 8px 0;font-size:24px;}
	.photo_type.list .bo_info_txt {
		font-size:14px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis; 
		-o-text-overflow:ellipsis;
		-moz-binding: url('ellipsis.xml#ellipsis');
	}
	.photo_type.list .bo_good {position:relative;right:0;top:5px;font-size:12px;}
	.photo_type.list .bo_good a {float:none;}
	.photo_type.list .bo_good i {font-size:24px;}
}

@media screen and (max-width:480px) {
	.photo_type.list .thumb {width:38%;aspect-ratio: 16 / 9;height: auto;min-height:100px;}
	.photo_type.list .bo_cont {width:calc(100% - 45%);}
	.photo_type.list .bo_cate_link {font-size:14px;}
	.photo_type.list a.bo_tit {margin:0 0 8px 0;font-size:16px;}
	.photo_type.list .vod-desc {line-height:18px;}
}

/* 댓글 */
#bo_vc_wrap {position:relative;width:100%;margin:20px auto 0 auto;}

.cmt_btn {display:block;width:100%;height:40px;margin:0 0 10px 0;color:#222;font-size:24px;text-align:left;font-weight:800;background:none;border:none;}
.cmt_btn strong {color:var(--color);font-weight:800;}
.cmt_btn i {font-size:24px;vertical-align:baseline}

/* 댓글 글쓰기 */
.bo_vc_w {display:block;position:relative;margin:0 0 20px 0;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:4px 0 0 0;color:#999;font-size:12px;}
.bo_vc_w textarea {display:block;float:left;width:calc(100% - 80px);height:70px;}
.bo_vc_w_wr {float:right;width:76px;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_wr .frm_input {display:inline-block;width:120px;}
.bo_vc_w_wr .bo_vc_w_captcha {display:inline-block;}
.bo_vc_w_wr #captcha #captcha_info {display:none;}
.bo_vc_w_wr .bo_vc_send_sns {display:block;}
.bo_vc_w_wr input,
.bo_vc_w_wr span,
.bo_vc_w_wr img,
.bo_vc_w_wr a {vertical-align:top;}

.bo_vc_w .btn_cfm .btn {display:block;width:100%;line-height:33px;}
.bo_vc_w .btn_cfm .btn i {display:none;font-size:28px;}
.bo_vc_w .btn_cfm .btn span {display:inline-block;}
.bo_vc_w .btn_cfm .btn.btn_normal {margin:4px 0 0 0;color:#fff;background:#999;border:none;}

a.btn_cmt_login {display:block;position:relative;height:60px;padding:12px 20px;color:#999;background:#f6f6f6;border:solid 1px #ddd;}
a.btn_cmt_login:after {content:'\e9e6';display:block;position:absolute;right:20px;top:0;bottom:0;font-family:'xeicon';font-size:28px;line-height:60px;}

@media screen and (max-width:720px) {
	.cmt_btn {width:auto;margin:0 20px 10px 20px;font-size:18px;}

	/* 댓글 글쓰기 */
	.bo_vc_w {position:fixed;left:0;right:0;bottom:0;margin:0;padding:5px 20px;background:#fff;border-top:solid 1px #eee;z-index:99;}
	
	.bo_vc_w textarea {float:none;width:100%;height:44px;padding:0 10px;color:var(--color);line-height:44px;background:#fff4f4;border:solid 1px #fff4f4;}
	.bo_vc_w textarea::placeholder {color:#f37e7e !important;}
	
	.bo_vc_w .btn_cfm .btn i {display:inline-block;line-height:40px;}
	.bo_vc_w .btn_cfm .btn span {display:none;}
	.bo_vc_w .btn_cfm .btn.btn_normal {display:none;}
	.bo_vc_w .btn_cfm .btn.btn_submit {display:block;position:absolute;right:24px;top:9px;width:38px;height:38px;padding:0;line-height:38px;}
}

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

/* 댓글 리스트 */
#bo_vc {margin:0 0 20px 0;border-top:solid 1px #eee;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 프로필 이미지*/
#bo_vc article {display:block;position:relative;padding:25px 0px;border-bottom:solid 1px #eee;}
#bo_vc article header {display:block;margin:0 0 12px 0;}
#bo_vc article header strong {font-weight:500;}
#bo_vc article .cm_wrap {display:block;position:relative;}
#bo_vc article .cm_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .cm_wrap .profile_img img {width:28px;height:28px;border-radius:50%;vertical-align:middle;}
#bo_vc article .cm_wrap .bo_vc_ip,
#bo_vc article .cm_wrap .bo_vc_hdinfo {color:#999;font-size:12px;}
#bo_vc article .cm_wrap .bo_vc_hdinfo i {margin:0 4px 0 0;font-size:14px;}
#bo_vc article .cmt_contents p {color:#222;font-size:16px;line-height:140%;}
#bo_vc article .cmt_contents p i {color:#3f424b;font-size:14px;}
#bo_vc article .cmt_contents .repname {color:#999;}
#bo_vc article .bo_vc_w {display:block;margin:0;}
#bo_vc article .bo_vc_w iframe {background:#fff;}
#bo_vc article .cm_date {margin:10px 0 0 0;color:#999;font-weight:300;}

.cmt_rep {position:relative;}
.cmt_rep:after {content:'';display:block;position:absolute;top:25px;left:-30px;width:20px;height:22px;background:url(../img/icon_cmt_rep.png) no-repeat 50% 50%;}

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

.bo_vc_act {display:none;position:absolute;right:0;top:30px;width:120px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.2);zoom:1;z-index:9999}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}*/
.bo_vc_act li {display:block;border-bottom:solid 1px #eee;}
.bo_vc_act li:last-child a {border-bottom:none;}
.bo_vc_act li a {display:block;color:#222;font-size:16px;line-height:50px;text-align:center;}
.bo_vc_act li a:hover {color:#f00001}

@media screen and (max-width:720px) {
	#bo_vc {margin:0 20px 20px 20px;}
	#bo_vc article .cm_wrap .profile_img img {width:24px;height:24px;}
	#bo_vc article .cm_date {display:block;position:absolute;right:40px;top:8px;margin:0;font-size:12px;}
	
	.bo_vc_act {width:80px;}
	.bo_vc_act li a {font-size:14px;line-height:40px;}
}