@charset "UTF-8";

div.bbs-wrap{width:1440px; margin:0 auto;}

/* ¾È³»¹®±¸ */
div.bbs-wrap p.inf-txt{position:relative; padding-left:1.5rem; margin-top:0.5rem; line-height:1.5; font-size:0.95rem; font-family:'NanumNeo_B',sans-serif;}
div.bbs-wrap p.inf-txt:before{content:'!'; display:block; width:18px; height:18px; line-height:18px; text-align:center; font-size:10px; font-family:'NanumNeo_H',sans-serif; border-radius:50%; background:var(--color-main02); color:#fff; position:absolute; top:2px; left:0;}
div.bbs-wrap p.inf-txt.blue{color:var(--color-main03);}
div.bbs-wrap p.inf-txt.blue:before{background:var(--color-main03);}
div.bbs-wrap p.inf-txt.red{color:var(--color-red);}
div.bbs-wrap p.inf-txt.red:before{content:'\00D7'; background:#fff; font-size:14px; color:var(--color-red); border:2px solid var(--color-red); width:15px; height:15px; line-height:16px; top:3px;}


/* ÆäÀÌÁö³×ÀÌ¼Ç */
div.bbs-wrap ul.pagination{display:flex; align-items:center; gap:0.4rem; justify-content:center; margin-top:4rem;}
div.bbs-wrap ul.pagination li{width:2.25rem; height:2.25rem; line-height:2.25rem; text-align:center; border-radius:5px; color:#555;}
div.bbs-wrap ul.pagination li a{display:block; width:100%; height:100%;}
div.bbs-wrap ul.pagination li.arrow{background:url("/fro_end/img/ico_arrow.svg")center/38% auto no-repeat; border:2px solid #999; opacity:.35; margin-left:0.5rem; transition:0.3s;}
div.bbs-wrap ul.pagination li.arrow.prev{transform:rotate(-180deg); margin-right:0.5rem; margin-left:0;}
div.bbs-wrap ul.pagination li.arrow.first{transform:rotate(-180deg); margin:0; background:url("/fro_end/img/ico_double_arrow.svg")center/63% auto no-repeat;}
div.bbs-wrap ul.pagination li.arrow.last{margin:0; background:url("/fro_end/img/ico_double_arrow.svg")center/63% auto no-repeat;}
div.bbs-wrap ul.pagination li.on{background:var(--color-main01); color:#fff; font-family:'NanumNeo_B',sans-serif; box-shadow:0 10px 20px var(--color-main01-10);}
@media(hover:hover){
	div.bbs-wrap ul.pagination li:not(.arrow, .on):hover{background:#eee;}
	div.bbs-wrap ul.pagination li.arrow:hover{opacity:1;}
	div.bbs-wrap ul.pagination li.arrow.first:hover,
	div.bbs-wrap ul.pagination li.arrow.prev:hover{transform:translateX(-3px) rotate(-180deg);}
	div.bbs-wrap ul.pagination li.arrow.last:hover,
	div.bbs-wrap ul.pagination li.arrow.next:hover{transform:translateX(3px);}
}


/* °Ë»ö¿µ¿ª */
div.bbs-wrap section.search{background:#f5f5f5; padding:2rem 1rem; border-radius:1rem; margin-bottom:3rem;}
div.bbs-wrap section.search div.form{display:flex; align-items:center; justify-content:center; gap:0.5rem; flex-wrap:wrap;}
div.bbs-wrap section.search div.form select.search-sort{}
div.bbs-wrap section.search div.form div.search-input{display:flex; align-items:center;}
div.bbs-wrap section.search div.form div.search-input input[type="text"]{border-radius:0.5rem 0 0 0.5rem; width:22rem;}
div.bbs-wrap section.search div.form div.search-input a.btn-search{width:7rem; height:var(--height-input); line-height:var(--height-input); text-align:center; background:#333; color:#fff; border-radius:0 0.5rem 0.5rem 0; font-family:'NanumNeo_EB',sans-serif;}
div.bbs-wrap section.search div.form div.search-input a.btn-search:active{background:var(--color-main01);}
div.bbs-wrap section.search ul.category{display:flex; align-items:center; justify-content:center; gap:0.5rem; margin-top:2rem; flex-wrap:wrap;}
div.bbs-wrap section.search ul.category li{}
div.bbs-wrap section.search ul.category li a{padding:0.4rem 0.8rem; background:#fff; border-radius:5px; border:1px solid #ddd; color:#777; font-size:0.95rem; transition:0.1s; -webkit-transition:0.1s;}
div.bbs-wrap section.search ul.category li.on a{padding:0.3rem 0.7rem; color:var(--color-main01); border:2px solid var(--color-main01); font-family:'NanumNeo_B',sans-serif; box-shadow:0 8px 16px var(--color-main01-10);}
@media(hover:hover){
	div.bbs-wrap section.search ul.category li:not(.on):hover a{background:#f9f9f9; color:#333; border-color:#aaa;}
}

/* list */
div.bbs-wrap section.board.list div.bbs-top{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:1rem;}
div.bbs-wrap section.board.list div.bbs-top ul.count{display:flex; align-items:center; gap:1.4rem;}
div.bbs-wrap section.board.list div.bbs-top ul.count li{position:relative;}
div.bbs-wrap section.board.list div.bbs-top ul.count li:after{content:''; display:block; width:5px; height:5px; border-radius:50px; background:#ddd; position:absolute; top:50%; right:-0.8rem; transform:translateY(-50%);}
div.bbs-wrap section.board.list div.bbs-top ul.count li:last-child:after{display:none;}
div.bbs-wrap section.board.list div.bbs-top ul.count li span.num{font-family:'NanumNeo_EB',sans-serif; color:var(--color-main01); display:inline-block; margin-left:0.25rem;}
div.bbs-wrap section.board.list div.bbs-mid{}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table{border-top:2px solid #333; width:100%; text-align:center;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tr{border-bottom:1px solid #ddd;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table th{padding:1rem 0.5rem; font-family:'NanumNeo_EB',sans-serif;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table td{padding:1rem 0.5rem;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table thead{}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table thead tr{}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table thead tr th{font-size:1.125rem;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody{}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr{}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td{font-size:0.925rem; color:#777;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.cate{font-family:'NanumNeo_B',sans-serif; text-wrap:nowrap;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit{text-align:left; font-family:'NanumNeo_B',sans-serif; color:#333; font-size:1rem; padding-left:1.5rem;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit span.category{font-size:0.9rem; color:var(--color-main01); font-family:'NanumNeo_EB',sans-serif; margin-bottom:0.25rem; display:block;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked{display:flex; width:fit-content; max-width:48rem; position:relative; padding-right:2rem;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked p.bbs-tit{display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked div.label{display:flex; width:fit-content; align-items:center;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked div.label > span{margin-left:0.3rem;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked div.label span.ico-attach{display:inline-block; width:1.35rem; height:1.35rem; background:url("/fro_end/img/ico_attach.svg")center/contain no-repeat; opacity:.5;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked div.label span.lab-new{display:inline-block; width:1.125rem; height:1.125rem; line-height:1.125rem; border-radius:3px; background:var(--color-main02); color:#fff; font-size:10px; text-align:center; font-family:'NanumNeo_EB',sans-serif; animation:twinkle 3s ease-in-out infinite;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked.secret{padding-left:4rem;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked.secret span.lab-secret{display:inline-block; font-size:0.8rem; padding:0.2rem 0.5rem; font-family:'NanumNeo_B',sans-serif; color:var(--color-red); background:rgba(242,15,59,0.1); border-radius:4px; position:absolute; top:0; left:0;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked.reply{position:relative; margin-left:2rem; color:#777; padding-left:2.5rem;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked.reply:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_reply.svg")center/100% auto no-repeat; position:absolute; top:0; left:-1.6rem; opacity:.5;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked.reply:after{content:'Re'; display:block; font-size:0.8rem; padding:0.125rem 0.5rem; font-family:'NanumNeo_B',sans-serif; color:#999; background:#f3f3f3; border-radius:4px; position:absolute; top:0; left:0;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr.main-noti td.num span{display:block; font-size:0; width:1.8rem; height:1.8rem; margin:0 auto; background:url("/fro_end/img/ico_bell.png")center/100% auto no-repeat;}
div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr.main-noti td.tit{font-family:'NanumNeo_EB',sans-serif; color:#333;}
@media(hover:hover){
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr:hover{background:var(--color-main01-5);}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked:hover{color:var(--color-main01);}
}

/* list - gallery */
div.bbs-wrap section.board.gallery ul.pagination{margin-top:0 !important;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list{display:flex; flex-wrap:wrap;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li{width:23%; margin-right:2.6667%; margin-bottom:6rem;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:nth-child(4n){margin-right:0;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li.empty{border-top:2px solid #333; text-align:center; width:100%; padding:1rem 0; color:#999; margin-right:0;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner{display:block; width:100%; height:100%;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.img{height:13rem; overflow:hidden; border-radius:0.8rem; margin-bottom:0.65rem; background:#333;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.img > img{width:100%; height:100%; transition:0.3s;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.txt{padding:0 0.125rem;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.txt p.tit{font-family:'NanumNeo_EB',sans-serif; font-size:1.05rem; height:3rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.txt div.bottom{display:flex; align-items:center; gap:0.25rem; border-top:1px solid #eee; flex-wrap:wrap; margin-top:1rem; padding-top:0.5rem;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.txt div.bottom p{color:#999; font-size:0.85rem; position:relative; letter-spacing:-0.3px; padding-right:1rem;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.txt div.bottom p.cate{font-family:'NanumNeo_B',sans-serif; color:var(--color-main01);}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.txt div.bottom p:before{content:''; display:block; width:1px; height:60%; background:#ccc; position:absolute; top:20%; right:0.4rem;}
div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.txt div.bottom p:last-child:before{display:none;}
@media(hover:hover){
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:hover a.inner div.img > img{transform:scale(1.1); opacity:.8;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:hover a.inner div.txt p.tit{text-decoration:underline;}
}


/* view */
div.bbs-wrap section.board.view{width:1280px; margin:0 auto;}
div.bbs-wrap section.board.view div.viewer div.view-top{border-top:2px solid #333;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title{padding:1.5rem 1rem;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title p.category{color:var(--color-main01); font-family:'NanumNeo_EB',sans-serif; text-align:center; margin-bottom:1rem;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title h3{font-family:'NanumNeo_EB',sans-serif; font-size:1.5rem; text-align:center; line-height:1.5;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util{font-size:0.9rem; display:flex; align-items:center; justify-content:center; gap:2rem; padding:1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; background:#f9f9f9; flex-wrap:wrap;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info{display:flex; align-items:center; flex-wrap:wrap; gap:1rem; justify-content:center;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li{color:#333;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li span.lab{color:#aaa;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util a.btn-linkcopy{position:relative; padding-left:1.25rem;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util a.btn-linkcopy:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_linkcopy.svg")center/83% auto no-repeat; position:absolute; top:1px; left:0; opacity:.4;}
div.bbs-wrap section.board.view div.viewer div.view-cont{font-family:'NanumNeo_R',sans-serif; font-size:1rem; color:#000; line-height:1.6; border-bottom:1px solid #333; padding:1.5rem 0;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner{width:95%; margin:0 auto;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner a{color:blue;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner a:hover{text-decoration:underline;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner img{display:inline-block; max-width:100%;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner table{max-width:100%;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner table th{border:1px solid #ccc; padding:5px; font-weight:bold;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner table td{border:1px solid #ccc; padding:5px;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner ul,
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner ol,
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner dl{list-style:revert;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner video,
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner iframe{max-width:100%;}
div.bbs-wrap section.board.view div.viewer div.view-attach{display:flex; align-items:center; padding:1rem 0; border-bottom:1px solid #ddd;}
div.bbs-wrap section.board.view div.viewer div.view-attach span.lab{width:10rem; text-align:center; font-family:'NanumNeo_EB',sans-serif;}
div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list{}
div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li{position:relative; padding-left:1.5rem; color:#777;}
div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li:before{content:''; display:block; width:1.35rem; height:1.35rem; background:url("/fro_end/img/ico_attach.svg")center/contain no-repeat; position:absolute; top:0.5rem; left:0;}
div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li a{display:inline-block; padding:0.5rem 0;}
div.bbs-wrap section.board.view div.viewer div.view-comment{margin-top:4rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.lab{font-family:'NanumNeo_EB',sans-serif; padding-bottom:0.5rem; border-bottom:2px solid #333; position:relative; padding-left:1.4rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.lab:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_comment.svg")center/100% auto no-repeat; position:absolute; top:3px; left:0;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list{}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li{padding:0.5rem 0.5rem 1rem 0.5rem; margin:0.5rem 0; border-bottom:1px solid #ccc;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.top{display:flex; align-items:center; justify-content:space-between; margin-bottom:0.3rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.top div.writer{font-family:'NanumNeo_EB',sans-serif; font-size:1rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util{display:flex; gap:1rem; align-items:center;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.date{font-size:0.85rem; color:#999;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option{}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a[class^="btn-"]{font-family:'NanumNeo_B',sans-serif; display:inline-block; font-size:0.825rem; padding:0.1rem 0.4rem; border:2px solid #f1f1f1; border-radius:5px; background:#f1f1f1;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a.btn-delete{color:var(--color-red); background:var(--color-red-5); border-color:var(--color-red-5);}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a.btn-reply-close{border-color:#555; color:#555; background:#fff;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.cont{line-height:1.5;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.reply-area{display:none;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li.reply{padding-left:2rem; position:relative;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li.reply:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_reply.svg")center/70% auto no-repeat; position:absolute; top:0.6rem; left:0.5rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li.empty{color:#999;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write{position:relative;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.text-area{width:100%; height:6rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.text-area textarea{padding:1rem; background:#f1f1f1; border-radius:0; border:1px solid #eee; min-height:unset; width:100%; height:100%; border-radius:0.4rem; padding-right:7rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write a.btn-regist{width:auto; background:#333; color:#fff; font-size:1rem; padding:1rem 1.6rem; border-radius:0.3rem; font-family:'NanumNeo_EB',sans-serif; position: absolute; top:50%; transform:translateY(-50%); right:1.5rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply{background:#fff; padding:0; position:relative; padding-left:2rem; margin-top:1rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply:before{content:''; display:block; opacity:.5; width:1rem; height:1rem; background:url("/fro_end/img/ico_reply.svg")center/70% auto no-repeat; position:absolute; top:0; left:0.5rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply div.text-area{height:4rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply div.text-area textarea{padding-right:5rem; font-size:0.9rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply a.btn-regist{font-size:0.85em; padding:0.5rem 1rem;}
div.bbs-wrap section.board.view div.btn-center-wrap.admin{border-top:1px solid #ddd; padding-top:3rem;}
@media(hover:hover){
	div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li:hover{color:#333;}
	div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li a:hover{text-decoration:underline;}
	div.bbs-wrap section.board.view div.view-top div.util a.btn-linkcopy:hover{color:var(--color-main03);}
	div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a[class^="btn-"]:hover{background:#fff;}
}
/* °¶·¯¸®°Ô½ÃÆÇÀº default·Î Áß¾Ó Á¤·Ä */
div.bbs-wrap section.board.view.gallery div.viewer div.view-cont div.inner{text-align:center;}


/* write */
div.bbs-wrap section.board.write{width:1024px; margin:0 auto;}
div.bbs-wrap section.board.write div.write-top{margin-bottom:1rem; border-top:2px solid #333;}


/* ÇÁ·Î±×·¥°Ë»ö */
div.bbs-wrap.course-search section.board.list div.bbs-mid table.bbs-table tbody tr td{font-size:1rem; color:#333;}
div.bbs-wrap.course-search section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a{color:var(--color-blue);}


@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){
	div.bbs-wrap{width:90%;}

	/* °Ë»ö¿µ¿ª */
	div.bbs-wrap section.search ul.category{margin-top:1rem;}

	/* list */
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked{max-width:38rem;}
}
@media screen and (max-width:1280px){
	
	/* list */
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table colgroup{display:none;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table thead tr th{font-size:1.05rem;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td{font-size:0.85rem;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked{max-width:30rem;}

	/* list - gallery */
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li{width:30%; margin-right:5%;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:nth-child(4n){margin-right:3%;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:nth-child(3n){margin-right:0;}

	/* view */
	div.bbs-wrap section.board.view{width:100%;}

}
@media screen and (max-width:1024px){
	
	/* list */
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table{text-align:left;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table thead{display:none;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table,
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody,
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table th,
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table td,
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tr{display:block; width:100%; padding:0;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr{padding:1rem;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td{font-size:0.8rem; color:#999;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.writer,
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.date{display:inline-block; width:fit-content; margin-right:1rem; position:relative;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.writer:after,
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.date:after{content:''; display:block; width:1px; height:60%; background:#ccc; position:absolute; top:20%; right:-0.6rem;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.view{display:inline-block; width:fit-content;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.view:before{content:'view.'; display:inline-block; font-size:1em; margin-right:2px;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.num{display:inline-block; width:fit-content; font-size:0.85rem; font-family:'NanumNeo_H',sans-serif; color:var(--color-main01); margin-right:0.25rem;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.cate{display:inline-block; width:fit-content; font-size:0.85rem; color:#777; vertical-align:middle;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit{padding-left:0; margin:0.65rem 0; font-family:'NanumNeo_EB',sans-serif;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked{max-width:100%;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr td.tit a.linked div.label span.lab-new{width:1.2rem; height:1.2rem; line-height:1.2rem;}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr.main-noti{background:var(--color-main01-5);}
	div.bbs-wrap section.board.list div.bbs-mid table.bbs-table tbody tr.main-noti td.num span{margin:0; width:1.5rem; height:1.5rem;}

	/* list - gallery */
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.img{height:11rem; border-radius:0.5rem;}
	
	/* write */
	div.bbs-wrap section.board.write{width:100%;}

}
@media screen and (max-width:800px){}
@media screen and (max-width:640px){
	
	/* °Ë»ö¿µ¿ª */	
	div.bbs-wrap section.search div.form div.search-input input[type="text"]{width:19rem;}
	div.bbs-wrap section.search div.form div.search-input a.btn-search{width:6rem;}

	/* list - gallery */
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list{justify-content:space-between;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li{width:47%; margin-right:0;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:nth-child(4n){margin-right:0;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.txt div.bottom p{font-size:0.8rem;}

	/* view */
	div.bbs-wrap section.board.view div.viewer div.view-top div.title p.category{font-size:0.95rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.title h3{font-size:1.4rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util{font-size:0.8rem; gap:1rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info{gap:0.5rem;}
	div.bbs-wrap section.board.view div.viewer div.view-attach{display:block;}
	div.bbs-wrap section.board.view div.viewer div.view-attach span.lab{display:block; width:100%; margin-bottom:0.5rem; text-align:left;}
	div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.cont{font-size:0.9rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.text-area textarea{padding:0.8rem; font-size:0.9rem; padding-right:6rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write a.btn-regist{right:1rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply div.text-area textarea{padding:0.65rem; padding-right:5rem; font-size:0.825rem;}

}
@media screen and (max-width:480px){
	
	/* °Ë»ö¿µ¿ª */
	div.bbs-wrap section.search{padding:1.5rem;}
	div.bbs-wrap section.search div.form select.search-sort{width:100%;}
	div.bbs-wrap section.search div.form div.search-input{width:100%;}
	div.bbs-wrap section.search div.form div.search-input input[type="text"]{width:75%;}
	div.bbs-wrap section.search div.form div.search-input a.btn-search{width:25%;}
	div.bbs-wrap section.search ul.category{padding-top:1rem; border-top:1px solid #ccc;}
	div.bbs-wrap section.search ul.category li a{font-size:0.9rem; padding:0.4rem 0.6rem;}

	/* ÆäÀÌÁö³×ÀÌ¼Ç */
	div.bbs-wrap ul.pagination{margin:3rem 0;}

	/* list - gallery */
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li{width:100%; padding:2rem; margin:0.5rem 0;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.img{height:15rem; border-radius:0.85rem;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.txt p.tit{font-size:1.1rem; line-height:1.5; margin-bottom:2rem;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:nth-child(even){background:var(--color-main01-10); border-radius:1.25rem;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:nth-child(even) a.inner div.txt div.bottom{border-color:#dbdbdb;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:nth-child(even) a.inner div.txt div.bottom p{color:#9b9b9b;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:nth-child(even) a.inner div.txt div.bottom p.cate{color:var(--color-main01);}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li:nth-child(even) a.inner div.txt div.bottom p:before{background:#dbdbdb;}
	div.bbs-wrap section.board.gallery ul.pagination{margin-top:2rem !important;}

	/* view */
	div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util{gap:0.5rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.date{font-size:0.8rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a[class^="btn-"]{font-size:0.8rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li.reply{padding-left:1.8rem;}
	div.bbs-wrap section.board.view div.btn-center-wrap.admin{padding-top:2rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write a.btn-regist{padding:1rem 1.5rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply a.btn-regist{padding:0.5rem 0.8rem;}

}
@media screen and (max-width:400px){
	
	/* list - gallery */
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li{padding:1.5rem;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.img{height:13rem;}

}
@media screen and (max-width:320px){
	
	/* list - gallery */
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li{padding:1rem;}
	div.bbs-wrap section.board.gallery div.bbs-mid ul.gallery-list li a.inner div.img{height:11rem;}

}