@charset "utf-8";
/* SIR 지운아빠 */ 


@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");


/* 게시판 목록 */
.board-category	{
	float:left;height:30px;
	display: block;
	position: relative;margin: 10px 0; 
	
} 
#navi_category ul {text-align:center;}
#navi_category li {display:inline-block; padding:5px 0;}
#navi_category li:before {display:inline-block; content:"|";padding:0 15px;opacity:.6;}
#navi_category li:first-child:before {display:none;content:"";}
#navi_category #bo_cate_on {font-weight:bold;}
/* 갤러리 목록 */
#bo_gall {margin:0 auto;}
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px 0;padding:0;list-style:none; display: grid; gap:12px 12px;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_box {position:relative; padding:0;overflow:hidden; height:100%;     background: linear-gradient(to bottom, rgba(255,255,255,.8) 20%, transparent ,rgba(255,255,255,.8) 80%); transition:backdrop-filter .8s;}
#bo_gall .gall_box:hover {  backdrop-filter: blur(0) !important;}

#bo_gall .gall_li .gall_chk{position:absolute;bottom:0;right:0; z-index:1;}
#bo_gall .gall_li .gall_chk label{display:block;width:100%;padding:10px;box-sizing:border-box;}

.gall_row li {height:360px; -webkit-mask-image: linear-gradient(0deg, transparent 10px, white 10px), linear-gradient(-135deg, white 5px, transparent 5px), linear-gradient(135deg, white 5px, transparent 5px); -webkit-mask-position: left bottom;  -webkit-mask-repeat: repeat-x;  -webkit-mask-size: 100% 100%, 10px 10px, 10px 10px;}

.gall_row .box_clear{clear:both} 

#bo_gall .gall_con {width:100%;height:100%;}  
#bo_gall .bo_tit{display:block;width:100%;height:100%;padding:0 10px;box-sizing:border-box; color:#020715; font-family:'Pretendard';} 
/* 게시판 목록 공통 */
#bo_btn_top{margin: 10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right; }
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none} 
.bo_fx #chkall {display:inline-block;width:0;height:0;overflow:hidden;}
.bo_fx #chkall + label span {display:inline-block;font-size:12px;line-height:26px;} 
.bo_fx #chkall + label span:after {content:"선택";}
.bo_fx #chkall + label span.on:after{ content:"해제";}
.bo_fx ul {margin:0;padding:0;list-style:none} 

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0; text-decoration:none;vertical-align:middle}  
.ca_name {font-size:14px; margin: 6px 0;} 
.subject {font-family:'GmarketSansLight'; font-size:24px; margin:4px 0; padding:2px 0; line-height: 110%;}
.campaign { font-size:12px;}
.list-line {display: block; height: 3px; border:0;}
.gall_bt {position:absolute; bottom:0; padding:12px 0; display:flex; justify-content: space-between; width: calc(100% - 20px); align-items: flex-end; font-size: 13px; gap: 8px;}
.session_with {font-size:12px;}

.blur-txt {filter:blur(4px); transition:filter .8s;}
.blur-txt:hover {filter:blur(0px);}
.pc-img {min-width:88px; width:88px; height:88px; background: linear-gradient(180deg, #c4cfd0, #fff); border-radius:100%; overflow:hidden; position:relative;}
.pc-img:before {content: ''; box-shadow: inset 0px 2px 4px rgb(0 0 0 / 50%); z-index: 999; width: 100%; height: 100%; position: absolute; border-radius: 50%;}
.pc-img > img {max-width:100px; position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%);}

.hash_tag {color:white; padding:1px 2px; border-radius:4px;}


/** Category */
#bo_cate {text-align:center;}
#bo_cate li {display:inline-block; vertical-align:middle; margin:0.2em;}
#bo_cate li a {border-radius:9em;}

#bo_gall li.empty_list {width: 100%; grid-column: 1 / 5; display: flex; align-items: center; justify-content: center;} 
  
#bo_gall li.gall_li.bo_notice .gall_name,#bo_gall li.gall_li.bo_notice .gall_date{display:none;} 
#bo_gall li.gall_li.bo_notice,#bo_gall li.gall_li.bo_notice .gall_box ,#bo_gall li.gall_li.bo_notice .gall_con{display:block;width:100%;clear:both;}  
#bo_gall li.gall_li.bo_notice .bo_tit{padding:10px;height:auto;}
#bo_gall li.gall_li.bo_notice .gall_chk{left:auto;right:0;top:0;bottom:0;}  
#bo_gall li.gall_li.bo_notice .gall_box {opacity:1;}
#bo_gall .bo_notice .notice_icon{display:inline-block; width:20px;height:20px;line-height:18px;padding:0;margin-right:5px;font-style:normal;text-align:center;font-weight:bold;}
 
.pg_wrap{clear:both;}

/* 갤러리 뷰 */
#view_area {overflow:auto}
#password_box {max-width:300px;margin:20px auto;position:relative;z-index:9999;}
#password_box p{padding:5px;}
#view_box{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);z-index:999;}
#view_box.on {display:block;}
#view_box .fix-layout {margin:0 auto;height:100%;}
#view_box #close_area{display:block;position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:10;}
#view_area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:90;}



#bo_v_con, .co-content {line-height:180%; word-spacing: -1px; letter-spacing: -0.2px; font-family:'Pretendard';}
#bo_v_bot	{ padding: 20px 0; overflow: hidden; }
.bo_v_nb	{ float: left; }
.bo_v_com	{ float: right; }

.board-viewer {color:#020715; font-size:14px;}
.board-viewer-inner {backdrop-filter:blur(3px); background:linear-gradient(to bottom,rgba(255,255,255,.6),white 20%); padding:36px;}
.review-infoin {text-align:center; margin:16px 0; margin-bottom:24px;}

.cinfo {margin:8px 0;}

.contents .subject {text-align:center;}
.content-line {display: block; height: 1px; border:0; margin:20px 0;}

/*글쓰기*/ 
#bo_w .write_div{margin:10px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:0;right:0;line-height:30px;height:30px;}
#bo_w .bo_w_link label,#bo_w .bo_w_flie label{display:inline-block;height:28px;line-height:28px;width:60px;background: #eee;text-align:center;color:#888} 
#bo_w .bo_w_link .frm_input,#bo_w .bo_w_flie .frm_file{padding-left:65px}  
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 } 

.board-write > dl {position:relative;}
.board-write > dl > dt { width:70px;position:absolute;line-height:32px;text-align:center; }
.board-write > dl > dd { width:100%;margin-left:0;padding-left:80px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}

input[type=text], textarea {font-family: 'Pretendard';}


/* 게시판 댓글  */ 
.board-comment-list			{ position: relative; }
.board-comment-list .co-line	{
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
}


.co-memo
{
    font-size: 14px;
    background: linear-gradient(to left, #EE3CD9 0%, #88F8FA 100%);
    background-size: 100% 40%;
    background-position: center 100%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 12px;
    font-family: 'GmarketSansMedium';
	line-height: 100%;
}

.co-memo:before
{
    content: '\23 ';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.board-comment-list .item	{
	position: relative;

}
.board-comment-list .co-name	{
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	width: 90px;
	padding: 10px 10px;
	box-sizing: border-box;
}
.board-comment-list .co-info {
	display: block;
	text-align: right;
	padding-top: 15px;
	font-size: 11px;
	opacity: .7;
}
.board-comment-list .co-info span	{ display: inline-block; opacity: .8; }
.board-comment-list .co-info span + span:before	{
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	vertical-align: middle;
	margin: 0 10px;
}

.board-comment-list .co-content {padding: 12px 0; text-align: justify;}

.board-comment-list .item.reply	{ border-left: 5px solid rgba(255, 255, 255, .1); }
.board-comment-list .item.reply .co-name	{
	background: none;
}


.board-comment-list + .board-comment-write	{
	margin-top: 20px;
}

.board-comment-form	{ 
	position: relative;
	padding-right: 80px;
}
.board-comment-form .btn_confirm	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 29px;
	width: 80px;
}
.board-comment-form .btn_confirm .ui-btn	{
	width: 100%;
	height: 100%;
}
.board-comment-form p	{
	margin: 0;
	padding: 5px 10px;
}
.board-comment-form textarea	{ display: block; height: 100px; resize: none; border: none; }


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

#gall_ul {
	grid-auto-flow: inherit;
    grid-template-columns: 1fr !important;
	}
}