@charset "utf-8";

/* modal */
div.dg-modal{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:0; display:none;}
div.dg-modal.on{display:block; z-index:99;}
div.dg-modal div.bg{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(3px);}
div.dg-modal div.modal{width:640px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; padding:2rem 3rem; border-radius:1rem; box-shadow:0 10px 50px rgba(0,0,0,0.25);}
div.dg-modal div.modal p.txt01{text-align:center; font-size:1.8rem; font-family:'Pretendard-Bold'; margin-bottom:0.5rem;}
div.dg-modal div.modal p.txt02{text-align:center; font-size:1.1rem; color:#5f5f5f; word-break:keep-all;}
div.dg-modal div.modal div.con{margin:2rem 0;}
div.dg-modal div.modal div.con01{background:rgba(var(--color-main01-rgb),0.05); padding:1.5rem; border-radius:10px;}

/* layout */
div.bbs-wrap{}
div.bbs-wrap div.bbs-box{background:#fff; border-radius:1.5rem; box-shadow:0 20px 40px rgba(0,0,0,0.1); border:1px solid #eee; padding:2rem;}

div.bbs-wrap div.bbs-top{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:1rem;}
div.bbs-wrap div.bbs-top div.total{font-family:'Pretendard-SemiBold'; font-size:1.2rem;}
div.bbs-wrap div.bbs-top div.total span.total-label{color:#474747; font-family:'Pretendard-Light'; letter-spacing:-1px; margin-right:0.3rem; position:relative; padding-left:1.5rem;}
div.bbs-wrap div.bbs-top div.total span.total-label:before{content:''; display:block; width:1.3rem; height:1.3rem; background:url("/fro_end/img/total_label.svg")center/100% auto no-repeat; position:absolute; top:1px; left:0;}

div.bbs-wrap div.bbs-top div.search{display:flex; align-items:center;}
div.bbs-wrap div.bbs-top div.search div.sel-wrap{margin-right:0.5rem;}
div.bbs-wrap div.bbs-top div.search div.input-wrap{display:flex; align-items:center;}
div.bbs-wrap div.bbs-top div.search div.input-wrap input.search-txt{border-radius:5px 0 0 5px;}
div.bbs-wrap div.bbs-top div.search div.input-wrap a.search-btn{display:inline-block; background:#222; color:#fff; font-size:1.1rem; border-radius:0 5px 5px 0; font-family:'Pretendard-Medium'; height:3.2rem; line-height:3.2rem; width:5rem; text-align:center;}

div.bbs-wrap div.bbs-info{display:flex; flex-wrap:wrap;}
div.bbs-wrap div.bbs-info p.info-item{color:#999; font-family:'Pretendard-Light'; margin-right:1.5rem; position:relative; padding-left:1.5rem;}
div.bbs-wrap div.bbs-info p.info-item.category{color:#111;}
div.bbs-wrap div.bbs-info p.info-item:before{content:''; display:block; width:1.1rem; height:1.1rem; position:absolute; top:0; left:0; opacity:0.3;}
div.bbs-wrap div.bbs-info p.info-item.category:before{background:url("/fro_end/img/bbs_category.svg")center/100% auto no-repeat; opacity:0.6;}
div.bbs-wrap div.bbs-info p.info-item.write:before{background:url("/fro_end/img/bbs_write.svg")center/95% auto no-repeat;}
div.bbs-wrap div.bbs-info p.info-item.date:before{background:url("/fro_end/img/bbs_date.svg")center/95% auto no-repeat;}
div.bbs-wrap div.bbs-info p.info-item.view:before{background:url("/fro_end/img/bbs_view.svg")center/100% auto no-repeat;}
div.bbs-wrap div.bbs-info div.label-wrap span.label{font-size:0.9rem; font-family:'Pretendard-SemiBold'; letter-spacing:-0.5px; padding:4px 8px; border-radius:5px;}
div.bbs-wrap div.bbs-info div.label-wrap span.label.secret{background:rgba(var(--color-main03-rgb),0.1); color:var(--color-main03);}
div.bbs-wrap div.bbs-info div.label-wrap span.label.reply{background:rgba(var(--color-main02-rgb),0.1); color:var(--color-main02);}

div.bbs-wrap ul.bbs-attach{margin-bottom:2rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
div.bbs-wrap ul.bbs-attach li{margin:0.5rem;}
div.bbs-wrap ul.bbs-attach li a{display:block; padding:10px 16px; background:#eee; border-radius:50px; transition:0.3s; position:relative; padding-left:2.5rem;}
div.bbs-wrap ul.bbs-attach li a:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ic_attach.svg")center/100% auto no-repeat; position:absolute; top:0.7rem; left:1rem;}
@media(hover:hover){
	div.bbs-wrap ul.bbs-attach li a:hover{background:var(--color-main01); color:#fff; box-shadow:0 10px 30px rgba(var(--color-main01-rgb),0.2); transform:translateY(-2px);}
	div.bbs-wrap ul.bbs-attach li a:hover:before{background-image:url("/fro_end/img/ic_attach_wh.svg");}
}


/* bbs list */
div.bbs-wrap ul.bbs-list{border-top:2px solid var(--color-main01);}
div.bbs-wrap ul.bbs-list li{width:100%; border-bottom:1px dashed #ddd; display:flex; align-items:flex-start; padding:1.5rem 0;}
div.bbs-wrap ul.bbs-list li h3.title{font-family:'Pretendard-Medium'; font-size:1.3rem; letter-spacing:-0.5px; margin-bottom:1rem;}
div.bbs-wrap ul.bbs-list li div.left-num{width:5%; font-family:'Montserrat_B'; font-size:1.2rem; color:var(--color-main01); text-align:center; word-break:keep-all;}
div.bbs-wrap ul.bbs-list li div.right-con{width:95%; position:relative;}
div.bbs-wrap ul.bbs-list li div.right-con div.tit{width:fit-content; max-width:calc(100% - 6rem); padding-right:2.25rem; position:relative;}
div.bbs-wrap ul.bbs-list li div.right-con div.tit a{display:block; width:100%; height:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.bbs-wrap ul.bbs-list li div.right-con div.tit span.label-new{display:inline-block; width:1.6rem; height:1.6rem; text-align:center; line-height:1.6rem; font-size:0.9rem; background:var(--color-main04); color:#fff; box-shadow:0 0 40px rgba(var(--color-main04-rgb), 0.2); border-radius:50px; font-family:'Pretendard-SemiBold'; position:absolute; top:0; right:0;}
div.bbs-wrap ul.bbs-list li div.right-con a.attach-file{display:block; width:3.5rem; height:3.5rem; background:var(--color-main01) url("/fro_end/img/ic_download_wh.svg")center/40% auto no-repeat; border-radius:50%; position:absolute; top:50%; right:1rem; transform:translateY(-50%); transition:0.4s;}
div.bbs-wrap ul.bbs-list li.main-noti{background:rgba(var(--color-main01-rgb),0.02);}
div.bbs-wrap ul.bbs-list li.main-noti div.left-num{height:2rem; background:url("/fro_end/img/ic_mainnoti.svg")center/auto 90% no-repeat; font-size:0;}
div.bbs-wrap ul.bbs-list li.main-noti div.right-con div.tit h3.title{font-family:'Pretendard-SemiBold';}
@media (hover:hover){
	div.bbs-wrap ul.bbs-list li div.right-con div.tit a:hover{color:var(--color-main01);}
	div.bbs-wrap ul.bbs-list li div.right-con a.attach-file:hover{box-shadow:0 10px 30px rgba(var(--color-main01-rgb),0.2); transform:translateY(-55%);}	
}

/* bbs list gallery */
div.bbs-wrap ul.bbs-list.gallery{border-top:0; display:flex; flex-wrap:wrap;}
div.bbs-wrap ul.bbs-list.gallery li{width:23.5%; margin-right:2%; border:1px solid #ddd; padding:0; border-radius:1rem; overflow:hidden; margin-bottom:3rem; transition:0.6s;}
div.bbs-wrap ul.bbs-list.gallery li:nth-child(4n){margin-right:0;}
div.bbs-wrap ul.bbs-list.gallery li a{display:block; width:100%; height:100%; position:relative;}
div.bbs-wrap ul.bbs-list.gallery li a div.label-wrap{position:absolute; top:0.8rem; left:0.8rem; display:flex; align-items:center;}
div.bbs-wrap ul.bbs-list.gallery li a div.label-wrap span[class*="label"]{display:inline-block; width:3rem; height:3rem;  line-height:3rem; margin:3px; text-align:center; font-size:1rem;color:#fff; border-radius:50px; font-family:'Pretendard-SemiBold';}
div.bbs-wrap ul.bbs-list.gallery li a div.label-wrap span.label-noti{font-size:0 !important; background:var(--color-main02) url("/fro_end/img/ic_mainnoti_wh.svg")center/50% auto no-repeat; box-shadow:0 0 20px rgba(var(--color-main02-rgb), 0.5);}
div.bbs-wrap ul.bbs-list.gallery li a div.label-wrap span.label-new{box-shadow:0 0 20px rgba(var(--color-main04-rgb), 0.5); background:var(--color-main04);}
div.bbs-wrap ul.bbs-list.gallery li a div.top-img{height:12.5rem; overflow:hidden; border-bottom:1px solid #ddd;}
div.bbs-wrap ul.bbs-list.gallery li a div.top-img img{width:100%; height:100%; /* object-fit:cover; */}
div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit{padding:1.5rem;}
div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit span.dg-label{margin-bottom:0.5rem; font-size:0.9rem;}
div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit h3.title{height:3.125rem; font-family:'Pretendard-SemiBold'; margin-bottom:1.5rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit div.bbs-info{}
@media(hover:hover){
	div.bbs-wrap ul.bbs-list.gallery li:hover{transform:translateY(-10px); box-shadow:0 15px 32px rgba(0,0,0,0.1); border-color:#222;}
}

/* bbs list Q&A */
div.bbs-wrap ul.bbs-list li div.right-con div.tit h3.title{position:relative;}
div.bbs-wrap ul.bbs-list li div.right-con div.tit h3.title #img_reply{position:absolute; top:5px; left:-2.25rem;}

/* bbs view */
div.bbs-wrap div.bbs-view div.view-tit{text-align:center; margin-bottom:2rem;}
div.bbs-wrap div.bbs-view div.view-tit p.category{margin:0 auto; color:var(--color-main01); font-size:1rem; padding:5px 10px; border-radius:50px; border:1px solid var(--color-main01); width:fit-content; font-family:'Pretendard-Medium';}
div.bbs-wrap div.bbs-view div.view-tit div.tit{position:relative; margin:1.5rem 0;}
div.bbs-wrap div.bbs-view div.view-tit div.tit a.arrow{display:block; width:2rem; height:2rem; background:url("/fro_end/img/ic_select_arrow.svg")center/80% auto no-repeat; transition:0.4s; position:absolute; top:0; opacity:0.3;}
div.bbs-wrap div.bbs-view div.view-tit div.tit a.arrow.prev{transform:rotate(90deg); left:0;}
div.bbs-wrap div.bbs-view div.view-tit div.tit a.arrow.next{transform:rotate(-90deg); right:0;}
div.bbs-wrap div.bbs-view div.view-tit div.tit h3.title{font-size:2rem; font-family:'Pretendard-Bold'; padding:0 5rem;}
div.bbs-wrap div.bbs-view div.view-tit div.bbs-info{justify-content:center;}
div.bbs-wrap div.bbs-view div.view-con{line-height:1.8; font-size:1.1rem; border:2px solid #222; padding:2rem; border-radius:10px; width:90%; margin:0 auto;}
div.bbs-wrap div.bbs-view div.view-con ul,
div.bbs-wrap div.bbs-view div.view-con ol,
div.bbs-wrap div.bbs-view div.view-con dl{list-style:revert !important;}
div.bbs-wrap div.bbs-view div.view-con table,
div.bbs-wrap div.bbs-view div.view-con img{max-width:100%;}
div.bbs-wrap div.bbs-view div.view-con tr,
div.bbs-wrap div.bbs-view div.view-con td,
div.bbs-wrap div.bbs-view div.view-con th{border:1px solid #222; padding:5px;}
div.bbs-wrap div.bbs-view div.view-con.reply{margin-top:2rem; background:#f5f5f5; border:0;}
div.bbs-wrap div.bbs-view div.view-con.reply div.fix-top{font-size:1rem; margin-bottom:1rem; line-height:initial !important; display:flex; align-items:center; justify-content:space-between;}
div.bbs-wrap div.bbs-view div.view-con.reply div.fix-top p.tit{font-family:'Pretendard-Bold';}
div.bbs-wrap div.bbs-view div.view-con.reply div.fix-top div.bbs-info p.info-item{padding-left:0; margin-right:0; padding:0 0.8rem; position:relative;}
div.bbs-wrap div.bbs-view div.view-con.reply div.fix-top div.bbs-info p.info-item:after{content:''; display:block; width:1px; height:60%; background:#222; opacity:0.2; position:absolute; top:20%; right:0;}
div.bbs-wrap div.bbs-view div.view-con.reply div.fix-top div.bbs-info p.info-item:last-child{padding-right:0;}
div.bbs-wrap div.bbs-view div.view-con.reply div.fix-top div.bbs-info p.info-item:last-child:after{display:none;}
@media (hover:hover){
	div.bbs-wrap div.bbs-view div.view-tit div.tit a.arrow:hover{opacity:1;}
	div.bbs-wrap div.bbs-view div.view-tit div.tit a.arrow.prev:hover{transform:rotate(90deg) translateY(3px);}
	div.bbs-wrap div.bbs-view div.view-tit div.tit a.arrow.next:hover{transform:rotate(-90deg) translateY(3px);}
}

/* ´ñ±Û±â´É */
div.comment-wrap{width:90%; margin:0 auto; margin-top:3rem;}
div.comment-wrap h3.comm-tit{font-family:'Pretendard-Bold'; font-size:1.2rem; border-bottom:1px solid #222; padding-bottom:0.5rem;}
div.comment-wrap ul.comm-list{}
div.comment-wrap ul.comm-list li{border-bottom:1px solid #ddd; padding:1rem 0.5rem; position:relative;}
div.comment-wrap ul.comm-list li:last-child{border-bottom:0 !important;}
div.comment-wrap ul.comm-list li div.info{display:flex; margin-bottom:0.5rem; align-items:center;}
div.comment-wrap ul.comm-list li div.info p.name{font-family:'Pretendard-Bold'; font-size:1.1rem; margin-right:0.5rem;}
div.comment-wrap ul.comm-list li div.info p.date{color:#aaa; font-family:'Pretendard-Light'; font-size:0.9rem;}
div.comment-wrap ul.comm-list li div.cont{font-family:'Pretendard-Light';}
div.comment-wrap ul.comm-list li div.reply_list_btn{position:absolute; top:0.85rem; right:0;}
div.comment-wrap ul.comm-list div.comm-write{border:0; padding:1rem;}
div.comment-wrap ul.comm-list div.comm-write div.write{display:block; text-align:right;}
div.comment-wrap ul.comm-list div.comm-write div.write br{display:none;}
div.comment-wrap ul.comm-list div.comm-write div.write textarea.comment-input{width:100%; border-radius:5px;}
div.comment-wrap div.comm-write{background:#f5f5f5; padding:1.5rem; border-radius:10px; border:1px solid #eee;}
div.comment-wrap div.comm-write label.c-input{height:auto; line-height:initial; margin-bottom:0.5rem;}
div.comment-wrap div.comm-write div.write{display:flex; align-items:center;}
div.comment-wrap div.comm-write div.write textarea.comment-input{width:92%; height:4rem; border-radius:5px 0 0 5px;}
div.comment-wrap div.comm-write div.write a{word-break:keep-all;}
div.comment-wrap div.comm-write div.write a.comment-regist{width:8%; height:4rem; line-height:4rem; padding:0; text-align:center; word-break:keep-all; border-radius:0 5px 5px 0;}
div.comment-wrap ul.pagination{padding:0; margin-top:0; background:#fff; border-radius:0;}
div.comment-wrap ul.pagination li{width:1.7rem; height:1.7rem; line-height:1.7rem; font-size:0.95rem; margin:0 0.25rem;}

/* ÆäÀÌÁö³×ÀÌ¼Ç */
ul.pagination{width:fit-content; margin:0 auto; display:flex; align-items:center; justify-content:center; margin-top:2rem; background:#f5f5f5; border-radius:50px; padding:0.5rem 0;}
ul.pagination li{width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; border-radius:50%; margin:0 1rem; font-size:1.2rem; color:#5f5f5f; font-family:'Pretendard-Light';}
ul.pagination li.arrow{font-size:0 !important; color:rgba(255,255,255,0); opacity:0.3; display:block; background:url("/fro_end/img/ic_arrow.svg")center/70% auto no-repeat;}
ul.pagination li.arrow.prev{transform:rotate(180deg);}
ul.pagination li.arrow.next{}
ul.pagination li.on{color:#fff; background:#222; font-family:'Pretendard-Medium';}
ul.pagination li a{display:block; width:100%; height:100%;}
@media(hover:hover){
	ul.pagination li:not(.arrow, .on):hover{background:#ddd; color:#222;}
	ul.pagination li.arrow:hover{opacity:1;}
}

/* bbs write */
div.bbs-wrap div.bbs-write div.write-edit{padding:2rem; margin-top:2rem;}

/* ºñ¹Ð±Û ºñ¹Ð¹øÈ£ ÀÔ·ÂÆäÀÌÁö */
div.secret_page{width:768px; margin:0 auto; border-radius:1rem; overflow:hidden;}
div.secret_page div.tit{text-align:center; background:var(--color-main03); color:#fff; padding:1rem; word-break:keep-all;}
div.secret_page div.tit p.txt01{font-size:1.5rem; font-family:'Pretendard-Bold'; margin-bottom:0.3rem;}
div.secret_page div.tit p.txt02{}
div.secret_page div.con{padding:2rem 4rem; background:#f5f5f5; margin-bottom:2rem;}

/* °ü¸®ÀÚ¸ðµå ±Û¾²±ââ */
#bbs_content{width:90%; margin:0 auto;}
#bbs_content div.sel-wrap{min-width:5rem;}
#bbs_content div.sel-wrap select{width:100%; line-height:initial;}
#bbs_content .board_tya-search select{line-height:initial; appearance:auto;}

@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){}
@media screen and (max-width:1280px){
	/* layout */
	div.bbs-wrap div.bbs-top div.search div.input-wrap a.search-btn{height:3rem; line-height:3rem;}

	/* bbs list gallery */
	div.bbs-wrap ul.bbs-list.gallery li{width:30%; margin-right:5%;}
	div.bbs-wrap ul.bbs-list.gallery li:nth-child(4n){margin-right:5%;}
	div.bbs-wrap ul.bbs-list.gallery li:nth-child(3n){margin-right:0;}
	div.bbs-wrap ul.bbs-list.gallery li a div.top-img{height:13rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit{padding:1.2rem;}
}
@media screen and (max-width:1024px){
	/* layout */
	div.bbs-wrap div.bbs-top div.total{font-size:1.05rem;}
	div.bbs-wrap div.bbs-top div.total span.total-label:before{width:1.2rem; height:1.2rem;}

	/* bbs list */
	div.bbs-wrap ul.bbs-list li h3.title{font-size:1.2rem;}
	div.bbs-wrap ul.bbs-list li div.left-num{width:8%;}
	div.bbs-wrap ul.bbs-list li div.right-con{width:92%;}
	div.bbs-wrap ul.bbs-list li div.right-con div.tit span.label-new{width:1.5rem; height:1.5rem; line-height:1.5rem;}
	div.bbs-wrap ul.bbs-list li div.right-con a.attach-file{width:3.2rem; height:3.2rem;}

	/* bbs list gallery */
	div.bbs-wrap ul.bbs-list.gallery li a div.top-img{height:10rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.label-wrap span[class*="label"]{width:2.5rem; height:2.5rem; line-height:2.5rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.label-wrap span.label-noti{background-size:60% auto;}
	div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit h3.title{height:3rem;}

	/* pagination */
	ul.pagination li{width:2rem; height:2rem; line-height:2rem; font-size:1.1rem;}

	/* bbs view */
	div.bbs-wrap div.bbs-view div.view-tit p.category{font-size:0.9rem;}
	div.bbs-wrap div.bbs-view div.view-tit div.tit h3.title{font-size:1.6rem;}
	div.bbs-wrap div.bbs-view div.view-con{padding:1rem; line-height:1.6; font-size:1rem;}

	/* ´ñ±Û */
	div.comment-wrap div.comm-write div.write textarea.comment-input{width:85%;}
	div.comment-wrap div.comm-write div.write a.comment-regist{width:15%; font-size:1rem;}

}
@media screen and (max-width:884px){
	/* bbs view */
	div.bbs-wrap ul.bbs-attach li{margin:5px;}
	div.bbs-wrap ul.bbs-attach li a{font-size:0.9rem; padding:10px 12px; padding-left:2rem;}
	div.bbs-wrap ul.bbs-attach li a:before{width:0.85rem; height:0.85rem; left:0.8rem;}

	/* bbs list gallery */
	div.bbs-wrap ul.bbs-list.gallery{justify-content:space-between;}
	div.bbs-wrap ul.bbs-list.gallery li{width:45%; margin-right:0;}
	div.bbs-wrap ul.bbs-list.gallery li:nth-child(4n){margin-right:0;}
}
@media screen and (max-width:768px){
	/* layout */
	div.bbs-wrap div.bbs-info p.info-item{font-size:0.88rem; margin-right:1rem; padding-left:1.2rem;}
	div.bbs-wrap div.bbs-info p.info-item:before{width:1rem; height:1rem;}
	div.bbs-wrap div.bbs-info div.label-wrap span.label{font-size:0.8rem;}

	/* bbs list */
	div.bbs-wrap ul.bbs-list li div.left-num{font-size:1.1rem;}
	div.bbs-wrap ul.bbs-list li.main-noti div.left-num{height:1.6rem;}
	div.bbs-wrap ul.bbs-list li div.right-con div.tit{padding-right:1.7rem;}
	div.bbs-wrap ul.bbs-list li div.right-con div.tit span.label-new{width:1.3rem; height:1.3rem; line-height:1.3rem; font-size:0.7rem;}
	div.bbs-wrap ul.bbs-list li div.right-con a.attach-file{width:2.8rem; height:2.8rem;}

	/* bbs list gallery */
	div.bbs-wrap ul.bbs-list.gallery li{margin-bottom:2rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit{padding:1rem;}

	/* ºñ¹Ð±Û ºñ¹Ð¹øÈ£ ÀÔ·ÂÆäÀÌÁö */
	div.secret_page{width:90%;}
}
@media screen and (max-width:640px){
	/* modal */
	div.dg-modal div.modal{width:90%; padding:2rem;}
	div.dg-modal div.modal p.txt01{font-size:1.6rem;}
	div.dg-modal div.modal p.txt02{font-size:1rem;}

	/* layout  */
	div.bbs-wrap.w1280{width:100%;}
	div.bbs-wrap div.bbs-top{flex-direction:column-reverse; margin-bottom:0.5rem;}
	div.bbs-wrap div.bbs-top div.total{color:var(--color-main01); font-size:1rem;}
	div.bbs-wrap div.bbs-top div.search{width:100%; margin-bottom:2rem;}
	div.bbs-wrap div.bbs-top div.search div.input-wrap{width:100%;}

	div.bbs-wrap ul.bbs-attach{margin-bottom:1.5rem;}

	/* bbs list */
	div.bbs-wrap ul.bbs-list li{display:block; padding:1rem;}
	div.bbs-wrap ul.bbs-list li div.left-num{width:100%; text-align:left; margin-bottom:0.3rem; font-size:0.95rem;}
	div.bbs-wrap ul.bbs-list li div.right-con{width:100%; position:relative;}
	div.bbs-wrap ul.bbs-list li div.right-con div.tit{max-width:100%;}
	div.bbs-wrap ul.bbs-list li div.right-con div.bbs-info div.label-wrap{position:absolute; top:-1.6rem; left:2.2rem;}
	div.bbs-wrap ul.bbs-list li div.right-con div.bbs-info div.label-wrap span.label{font-size:0.75rem;}
	div.bbs-wrap ul.bbs-list li div.right-con a.attach-file{display:none;}
	div.bbs-wrap ul.bbs-list li.main-noti div.left-num{font-size:0.9rem; font-family:'Pretendard-Black'; letter-spacing:-1px; background:transparent;}
	div.bbs-wrap ul.bbs-list li.main-noti div.right-con div.bbs-info div.label-wrap{top:-2rem;}

	div.bbs-wrap ul.bbs-list li div.right-con div.tit h3.title #img_reply{width:13px; height:13px; left:-16px; top:2px;}

	/* bbs list gallery */
	div.bbs-wrap ul.bbs-list.gallery{justify-content:space-between;}
	div.bbs-wrap ul.bbs-list.gallery li{width:48%;}
	div.bbs-wrap ul.bbs-list.gallery li a div.top-img{height:12rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit{padding:0.8rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit h3.title{margin-bottom:2rem;}
	
	/* pagination */
	ul.pagination li{margin:0 0.5rem;}

	/* bbs view */
	div.bbs-wrap div.bbs-view div.view-tit p.category{font-size:0.85rem;}
	div.bbs-wrap div.bbs-view div.view-tit div.tit h3.title{font-size:1.5rem;}
	div.bbs-wrap div.bbs-view div.view-con{border-radius:10px; padding:1rem 0; border:0; border-top:1px solid #222; border-bottom:1px solid #222; border-radius:0;}

	/* ´ä±Û */
	div.bbs-wrap div.bbs-view div.view-con.reply{padding:1rem; border-radius:10px;}

	/* ´ñ±Û */
	div.comment-wrap ul.comm-list li{padding:1rem 0;}
	div.comment-wrap ul.comm-list li div.info p.name{font-size:1rem;}
	div.comment-wrap ul.comm-list li div.cont{font-size:0.9rem;}
	div.comment-wrap div.comm-write{padding:1rem;}

}
@media screen and (max-width:480px){
	/* layout */
	div.bbs-wrap div.bbs-top div.search div.sel-wrap{margin-right:4px;}
	div.bbs-wrap div.bbs-top div.search div.sel-wrap select{padding:0 0.5rem; padding-right:2rem;}
	div.bbs-wrap div.bbs-top div.search div.input-wrap a.search-btn{height:2.8rem; line-height:2.8rem;}

	div.bbs-wrap ul.bbs-attach li a{font-size:0.85rem; padding:8px 11px; padding-left:1.8rem;}
	div.bbs-wrap ul.bbs-attach li a:before{width:11px; height:11px; top:10px; left:10px;}

	/* bbs list */
	div.bbs-wrap ul.bbs-list li h3.title{font-size:1.1rem;}

	/* bbs list gallery */
	div.bbs-wrap ul.bbs-list.gallery li{border-radius:10px;}
	div.bbs-wrap ul.bbs-list.gallery li a div.label-wrap span[class*="label"]{width:2rem; height:2rem; line-height:2rem; font-size:0.9rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.top-img{height:8rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit h3.title{height:2.5rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit span.dg-label{font-size:0.88rem;}

	/* bbs view */
	div.bbs-wrap div.bbs-view div.view-tit div.tit h3.title{font-size:1.3rem; padding:0 2rem;}
	div.bbs-wrap div.bbs-view div.view-tit div.tit a.arrow{width:1.6rem; height:1.6rem;}
	div.bbs-wrap div.bbs-view div.view-con{width:100%; font-size:0.8rem; overflow-x:auto;}

	/* pagination */
	ul.pagination li{font-size:1rem; margin:0 0.3rem; width:1.8rem; height:1.8rem; line-height:1.8rem;}

	/* ´ñ±Û */
	div.comment-wrap{width:95%;}
	div.comment-wrap ul.comm-list div.comm-write{padding:0.6rem;}
	div.comment-wrap div.comm-write{padding:0.8rem;}
	div.comment-wrap div.comm-write textarea.comment-input{border:1px solid #222; font-size:0.9rem;}
	
	/* bbs write */
	div.bbs-write div.write-top div.form-wrap div.form.form-main div.con.lay_flex{display:block;}
	div.bbs-write div.write-top div.form-wrap div.form.form-attach div.con.lay_flex{display:block;}
	div.bbs-write div.write-top div.form-wrap div.form.form-attach div.con.lay_flex input[type="file"]{width:100% !important;}

	/* ºñ¹Ð±Û ºñ¹Ð¹øÈ£ ÀÔ·ÂÆäÀÌÁö */
	div.secret_page{width:100%;}
	div.secret_page div.tit p.txt01{font-size:1.3rem;}
	div.secret_page div.tit p.txt02{font-size:0.9rem;}
	div.secret_page div.con{padding:2rem;}
}
@media screen and (max-width:425px){
	/* bbs list gallery */
	div.bbs-wrap ul.bbs-list.gallery li{width:100%; border:1px solid #222;}
	div.bbs-wrap ul.bbs-list.gallery li a div.label-wrap span[class*="label"]{width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:1rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.top-img{height:12rem;}
	div.bbs-wrap ul.bbs-list.gallery li a div.bot-tit h3.title{height:auto;}
}
@media screen and (max-width:390px){
	/* bbs list gallery */
	div.bbs-wrap ul.bbs-list.gallery li a div.top-img{height:11rem;}
}
@media screen and (max-width:320px){}