@charset "euc-kr";

div.bbs-wrap{font-family:'NanumNeo_R', sans-serif; font-size:1rem; padding:3rem 0;}
div.bbs-wrap span.ic-noti{display:inline-block; background:var(--color-main01); color:#fff; font-family:'NanumNeo_B', sans-serif; border-radius:3px; box-shadow:0 0 30px rgba(231,30,24,0.2); padding:0.3rem 0.5rem; font-size:0.85em;}
div.bbs-wrap span.ic-new{display:inline-block; width:1.25rem; height:1.25rem; line-height:1.25rem; font-family:'NanumNeo_H', sans-serif; font-size:0.7rem; margin-left:0.5rem; text-align:center; border-radius:50%; background:#ffb300; color:#fff; animation:twinkle 1.4s linear infinite; vertical-align:top;}
div.bbs-wrap span.ic-lock{display:inline-block; width:1.25rem; height:1.25rem; background:url("/fro_end/img/bbs_lock.svg")center/100% auto no-repeat; margin-left:0.5rem; vertical-align:top; transform:translateY(-1px);}
div.bbs-wrap span.ic-cate{display:inline-block; color:var(--color-main02); border:1px solid var(--color-main02); font-size:0.85em; padding:0.3rem 0.5rem; margin-right:0.5rem;}


/* search */
div.search-area{display:flex;}
div.search-area div.select{margin-right:1rem;}
div.search-area div.select select{border:0; border-bottom:1px solid #222; padding-left:0;}
div.search-area div.search{position:relative;}
div.search-area div.search input[type="text"]{width:20rem; padding-right:3.8rem; border:0; border-bottom:1px solid #222; font-size:1rem;}
div.search-area div.search input[type="text"]:focus{border-color:var(--color-main01);}
div.search-area div.search a.ic-search{width:3rem; height:3rem; display:block; background:url("/fro_end/img/bbs_search.svg")center/50% auto no-repeat; position:absolute; top:0; right:0;}

/* list */
div.bbs-wrap.list div.bbs-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem;}
div.bbs-wrap.list div.bbs-mid div.count{margin-bottom:0.5rem;}
div.bbs-wrap.list div.bbs-mid div.count span.num{font-family:'NanumNeo_EB', sans-serif;}

/* table */
div.bbs-wrap table.bbs-table{width:100%; text-align:center; border-top:2px solid #222;}
div.bbs-wrap table.bbs-table tr{border-bottom:1px solid #ddd;}
div.bbs-wrap table.bbs-table th{padding:1rem 0.5rem;}
div.bbs-wrap table.bbs-table td{padding:1rem;}
div.bbs-wrap table.bbs-table thead tr{border-bottom:1px solid #222;}
div.bbs-wrap table.bbs-table td.comm,
div.bbs-wrap table.bbs-table td.date,
div.bbs-wrap table.bbs-table td.view{color:#888; font-size:0.9em;}
div.bbs-wrap table.bbs-table td.tit{text-align:left; font-family:'NanumNeo_B', sans-serif;}
div.bbs-wrap table.bbs-table td.tit a{display:inline-block; width:fit-content; max-width:40rem; height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
div.bbs-wrap table.bbs-table td.tit.reply{color:#656565; padding-left:3.5rem; position:relative; font-family:'NanumNeo_R', sans-serif;}
div.bbs-wrap table.bbs-table td.tit.reply:before{content:''; display:block; width:1.25rem; height:1.25rem; background:url("/fro_end/img/bbs_reply_arrow.svg")center/100% auto no-repeat; position:absolute; top:0.8rem; left:1.5rem;}
div.bbs-wrap table.bbs-table tr.main-noti td.tit{font-family:'NanumNeo_EB', sans-serif;}
@media(hover:hover){
	div.bbs-wrap table.bbs-table tr:hover td.comm,
	div.bbs-wrap table.bbs-table tr:hover td.date,
	div.bbs-wrap table.bbs-table tr:hover td.view{color:#222;}
	div.bbs-wrap table.bbs-table tbody tr:hover{background:#fcf9f9;}
	div.bbs-wrap table.bbs-table td.tit a:hover{font-family:'NanumNeo_EB', sans-serif;}	
}


/* pagination */
div.bbs-wrap div.pagination{margin-top:4rem;}
div.bbs-wrap div.pagination ul{display:flex; align-items:center; justify-content:center;}
div.bbs-wrap div.pagination ul li{width:2rem; height:2rem; line-height:2rem; text-align:center; margin:0 0.3rem; opacity:.6;}
div.bbs-wrap div.pagination ul li a{display:block; width:100%; height:100%;}
div.bbs-wrap div.pagination ul li.active{font-family:'NanumNeo_H', sans-serif; opacity:1; color:var(--color-main01);}
div.bbs-wrap div.pagination ul li.arrow{border:1px solid #222; opacity:.3;}
div.bbs-wrap div.pagination ul li.arrow.first{background:url("/fro_end/img/bbs_arrow_end.svg")center/58% auto no-repeat; transform:rotate(180deg);}
div.bbs-wrap div.pagination ul li.arrow.prev{background:url("/fro_end/img/bbs_arrow.svg")center/40% auto no-repeat; transform:rotate(180deg);}
div.bbs-wrap div.pagination ul li.arrow.next{background:url("/fro_end/img/bbs_arrow.svg")center/40% auto no-repeat;}
div.bbs-wrap div.pagination ul li.arrow.last{background:url("/fro_end/img/bbs_arrow_end.svg")center/58% auto no-repeat;}
@media(hover:hover){
	div.bbs-wrap div.pagination ul li:not(.active):hover{opacity:1;font-family:'NanumNeo_B', sans-serif;}
}




/* view */
div.bbs-wrap.view{}
div.bbs-wrap.view div.bbs-top{}
div.bbs-wrap.view div.bbs-top div.title{background:#fff;}
div.bbs-wrap.view div.bbs-top div.title span.category{display:inline-block; color:var(--color-main02); border:1px solid var(--color-main02); padding:0.4rem 0.8rem; font-family:'NanumNeo_B', sans-serif;}
div.bbs-wrap.view div.bbs-top div.title h3.tit{margin:1.25rem 0; font-size:2em; font-family:'NanumNeo_EB', sans-serif;}
div.bbs-wrap.view div.bbs-top div.info{border-top:1px solid #222; border-bottom:1px solid #ddd; padding:0.5rem 0;}
div.bbs-wrap.view div.bbs-top div.info ul{display:flex; flex-wrap:wrap; align-items:center; opacity:.8; font-size:0.95em;}
div.bbs-wrap.view div.bbs-top div.info ul li{font-family:'NanumNeo_R', sans-serif; display:flex; margin:0.5rem 0; margin-right:4rem;}
div.bbs-wrap.view div.bbs-top div.info ul li:last-child{margin-right:0 !important;}
div.bbs-wrap.view div.bbs-top div.info ul li span.lab{display:inline-block; font-family:'NanumNeo_B', sans-serif; padding-right:0.5rem; border-right:1px solid #ddd; margin-right:0.5rem; word-break:keep-all;}
div.bbs-wrap.view div.bbs-top div.info ul li.info-link a{width:20rem; overflow:hidden; text-wrap:nowrap; text-overflow:ellipsis;}
div.bbs-wrap.view div.bbs-mid{}
div.bbs-wrap.view div.bbs-mid div.contents{padding:4rem 0; border-bottom:1px solid #222; line-height:1.6;}
div.bbs-wrap.view div.bbs-mid div.contents img{max-width:100%;}
div.bbs-wrap.view div.bbs-mid div.contents table{border-collapse:collapse; border-spacing:1px;}
div.bbs-wrap.view div.bbs-mid div.contents table td,
div.bbs-wrap.view div.bbs-mid div.contents table th{border:1px solid #aaa; padding:3px;}
div.bbs-wrap.view div.bbs-mid div.contents ul,
div.bbs-wrap.view div.bbs-mid div.contents ol,
div.bbs-wrap.view div.bbs-mid div.contents dl{list-style:revert;}
div.bbs-wrap.view div.bbs-mid div.attach{margin-top:1rem; background:var(--color-main05);}
div.bbs-wrap.view div.bbs-mid div.attach ul{}
div.bbs-wrap.view div.bbs-mid div.attach ul li{padding:1.5rem; margin-left:4rem; margin-right:2rem; position:relative; border-bottom:1px solid #ddd;}
div.bbs-wrap.view div.bbs-mid div.attach ul li:last-child{border-bottom:none;}
div.bbs-wrap.view div.bbs-mid div.attach ul li:before{content:''; display:block; width:1.25rem; height:1.25rem; background:url("/fro_end/img/bbs_attach.svg")center/100% auto no-repeat; position:absolute; top:50%; left:-2rem; transform:translateY(-50%);}
div.bbs-wrap.view div.bbs-mid div.attach ul li a{color:#888;}
div.bbs-wrap.view div.bbs-mid div.comment{margin-top:4rem;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-tit{font-family:'NanumNeo_B',sans-serif; position:relative; padding-left:1.8rem; margin-bottom:0.5rem; text-align:left;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-tit:before{content:''; display:block; width:1.25rem; height:1.25rem; background:url("/fro_end/img/bbs_comment.svg")center/100% auto no-repeat; position:absolute; top:-3px; left:0;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list{}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul{}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li{padding:1.2rem 0; border-bottom:1px solid #ddd;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li:first-child{border-top:2px solid #222;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:0.6rem;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top p.name{font-family:'NanumNeo_EB',sans-serif;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top div.util{}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top div.util a{margin:0 0.25rem; font-size:0.9em; position:relative; opacity:.75;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top div.util a:before{content:''; display:block; width:0; height:1px; background:#222; position:absolute; left:0; bottom:-2px; transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top div.util a.util-del{color:var(--color-main01);}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top div.util a.util-del:before{background:var(--color-main01);}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-mid{margin-bottom:1.5rem;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-mid div.content{font-size:0.95em; line-height:1.4;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-bot{}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-bot div.date{color:var(--color-main03); font-size:0.8em;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li.reply{padding-left:3.5rem; position:relative;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li.reply:before{content:''; display:block; width:1.15rem; height:1.15rem; background:url("/fro_end/img/bbs_reply_arrow.svg")center/100% auto no-repeat; position:absolute; top:1rem; left:1rem;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li.reply div.li-top p.name{color:#888;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li.reply div.comm-write{padding:0; box-shadow:8px 8px 12px rgba(0,0,0,0.1);}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li.reply div.comm-write textarea{border:1px solid #333; border-right:0;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li.reply div.comm-write a.text-regis{}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-write{background:#f5f5f5; padding:1.5rem;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-write div.text-area{display:flex;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-write div.text-area textarea{width:calc(100% - 5rem); height:4rem; border:0; resize:none;}
div.bbs-wrap.view div.bbs-mid div.comment div.comm-write div.text-area a.text-regis{display:block; width:5rem; height:4rem; line-height:4rem; text-align:center; background:#333; color:#fff;}
div.bbs-wrap.view div.bbs-bot{}
div.bbs-wrap.view div.bbs-bot div.paging{border-top:1px solid #222; border-bottom:1px solid #222; margin-top:2rem;}
div.bbs-wrap.view div.bbs-bot div.paging div.move{padding:1rem 0; display:flex;}
div.bbs-wrap.view div.bbs-bot div.paging div.move span.lab{width:5rem; text-align:center; border-right:1px solid #ddd; font-family:'NanumNeo_B',sans-serif;}
div.bbs-wrap.view div.bbs-bot div.paging div.move a{margin-left:1rem;}
div.bbs-wrap.view div.bbs-bot div.paging div.move.prev{border-bottom:1px solid #ddd;}
div.bbs-wrap.view div.bbs-bot div.paging div.move.next{}
div.bbs-wrap.view div.bbs-bot div.paging div.move.empty{opacity:.5; pointer-events:none;}
@media(hover:hover){
	div.bbs-wrap.view div.bbs-top div.info ul li.info-link a:hover{color:var(--color-main01); overflow:visible;}
	div.bbs-wrap.view div.bbs-mid div.attach ul li a:hover{color:#222;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top div.util a:hover{opacity:1;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top div.util a:hover:before{width:100%;}
	div.bbs-wrap.view div.bbs-bot div.paging div.move a:hover{font-family:'NanumNeo_B',sans-serif;}
}


/* delete */
div.bbs-wrap.delete-ok{}
div.bbs-wrap.delete-ok div.title{margin-bottom:2rem; text-align:center;}
div.bbs-wrap.delete-ok div.title:before{content:''; display:block; width:2rem; height:2rem; background:url("/fro_end/img/bbs_delete.svg")center/100% auto no-repeat; margin:0 auto; margin-bottom:1rem;}
div.bbs-wrap.delete-ok div.title h3.tit{font-family:'NanumNeo_EB', sans-serif; font-size:1.5rem; margin-bottom:0.5rem;}
div.bbs-wrap.delete-ok div.title p{color:#888;}
div.bbs-wrap.delete-ok div.cont{}
div.bbs-wrap.delete-ok div.cont div.table-wrap{width:60%; margin:0 auto;}


/* write */
div.bbs-wrap.write{}
div.bbs-wrap.write div.bbs-top{border-top:2px solid #222;}
div.bbs-wrap.write div.bbs-top div.form-wrap{margin-bottom:1rem;}
div.bbs-wrap.write div.bbs-top div.form-wrap div.form{display:flex; padding:1rem 0; border-bottom:none;}
div.bbs-wrap.write div.bbs-top div.form-wrap div.form div.tit{width:10rem; justify-content:center; text-align:center;}
div.bbs-wrap.write div.bbs-top div.form-wrap div.form div.con{width:calc(100% - 10rem);}
div.bbs-wrap.write div.bbs-top div.form-wrap div.form.writer{width:50%; padding-right:4%;}
div.bbs-wrap.write div.bbs-top div.form-wrap div.form.email{width:50%; padding-left:4%;}


/* gallery */
div.bbs-wrap.gallery{}
div.bbs-wrap.gallery div.gallery-list{}
div.bbs-wrap.gallery div.gallery-list ul{display:flex; flex-wrap:wrap;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery{width:30%; margin-right:5%; margin-top:1rem; margin-bottom:5rem; position:relative;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery:before{content:''; display:block; width:5rem; height:5rem; background:var(--color-main01); position:absolute; top:0; left:0; z-index:-1; opacity:0; transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery:nth-child(3n){margin-right:0;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a{display:block; width:100%; height:100%;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb{width:100%; height:15rem; overflow:hidden; position:relative; background:#f5f5f5 url("/fro_end/img/logo.png")center/55% auto no-repeat; margin-bottom:0.5rem;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:.08;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb img{width:100%; height:100%; object-fit:cover; transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb div.lab{position:absolute; top:0.8rem; left:0.8rem; z-index:3; display:flex; align-items:center;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb div.lab span[class*="ic-"]{font-size:1em; margin-right:0.3rem;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb div.lab span.ic-new{width:1.6rem; height:1.6rem; line-height:1.6rem; animation:none; font-size:0.8em;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title{}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title span.ic-cate{margin-bottom:0.5rem;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title h3.tit{font-family:'NanumNeo_EB', sans-serif; font-size:1.3rem; overflow:hidden; text-overflow:ellipsis; text-wrap:nowrap;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title div.info{margin-top:1.5rem;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title div.info ul{}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title div.info ul li{font-size:0.85em; color:#888; padding-right:0.8rem; margin-right:0.8rem; border-right:1px solid #ddd;}
div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title div.info ul li:last-child{border-right:0 !important; margin-right:0 !important; padding-right:0 !important;}
@media(hover:hover){
	div.bbs-wrap.gallery div.gallery-list ul li.gallery:hover a div.thumb:after{opacity:0;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery:hover a div.thumb img{transform:scale(1.2);}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery:hover:before{top:-0.6rem; left:-0.6rem; opacity:1;}
}



/* modal */

/*div.modal{width:100%; height:100%; position:fixed; top:0; left:0;right:0;bottom:0; font-size:1rem; z-index:999; display:none;}*/
div.modal div.bg{width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0;  z-index:999; backdrop-filter:blur(5px);}
div.modal div.container{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  z-index:999; background:#fff; width:520px;}
div.modal div.container div.title{margin:3rem; margin-bottom:1.5rem;}
div.modal div.container div.title h3{font-family:'NanumNeo_EB', sans-serif; font-size:1.5em;}
div.modal div.container div.title h3.tit2{text-align:center; line-height:1.6;}
div.modal div.container div.cont{margin:3rem; margin-top:0;}
div.modal div.container div.cont div.input-wrap input{}
div.modal div.container div.btn{display:flex;}
div.modal div.container div.btn a{width:50%; text-align:center; height:3.2rem; line-height:3.2rem; display:block; font-size:1.125em; font-family:'NanumNeo_B', sans-serif;}
div.modal div.container div.btn a.cancel{background:#b2b2b2; color:#fff;}
div.modal div.container div.btn a.confirm{color:#fff; background:var(--color-main02);}

div.modal.secret div.container div.title h3{position:relative; padding-left:2.2rem;}
div.modal.secret div.container div.title h3:before{content:''; display:block; width:1.6rem; height:1.6rem; position:absolute; top:-1px; left:0; background:url("/fro_end/img/bbs_lock.svg")center/100% auto no-repeat;}

/* ºñ¹Ð±Û Ŭ¸¯½Ã ³ªÅ¸³ª´Â ºñ¹Ð¹øÈ£ ÀÔ·Ââ */
div.secret_pw{padding:50px;}
div.secret_pw img{width:35px; height:35px;}
div.secret_pw div.txt{margin:15px 0;}
div.secret_pw input{width:100%;}
div.secret_pw div.btn_wrap{margin:30px 0 0 0 ;}

/* ¹öÆ° ½ºÅ¸ÀÏ */
div.btn_wrap{margin:50px 0; text-align:center;}
div.btn_wrap a.Nbtn{display:inline-block; width:auto; height:45px; line-height:45px; padding:0 25px; margin-right:10px; border:1px solid #333; color:#333; cursor:pointer; -webkit-transition:0.4s; -ms-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
div.btn_wrap a.Nbtn.lightblue{background:#0bbff2; border:1px solid #0bbff2; color:#fff;}
div.btn_wrap a.Nbtn.gray{background:#999999; border:1px solid #999999; color:#fff;}
div.btn_wrap a.Nbtn:last-child{margin-right:0;}
div.btn_wrap a.Nbtn:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.3); transform:translateY(-8px); color:#fff;}
div.btn_wrap a.Nbtn.Nbtn_ok:hover{background:#0bbff2; border:1px solid #0bbff2;}
div.btn_wrap a.Nbtn.Nbtn_edit:hover{background:#f79200; border:1px solid #f79200;}
div.btn_wrap a.Nbtn.Nbtn_del:hover{background:#999999; border:1px solid #999999;}
div.btn_wrap a.Nbtn.Nbtn_list:hover{background:#017cc2; border:1px solid #017cc2;}
a.btn_02{position:relative; display:inline-block; width:auto; padding:0 15px; background:#017cc2; color:#fff; text-align:center; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a.btn_02:hover{background:#004890;}

/* course */
div.bbs-wrap.course{}
div.bbs-wrap.course div.bbs-top{}
div.bbs-wrap.course div.bbs-top div.form-wrap{width:100%; display:flex; justify-content:center; margin-bottom:2rem; padding:2.5rem 1rem; background:var(--color-main05); position:relative; box-shadow:0 10px 20px rgba(0,0,0,0.1);}
div.bbs-wrap.course div.bbs-top div.form-wrap:before{content:''; display:block; width:6rem; height:3rem; background:var(--color-main02); position:absolute; top:-10px; left:-10px; z-index:-1;}
div.bbs-wrap.course div.bbs-top div.form-wrap:after{content:''; display:block; width:3rem; height:6rem; background:var(--color-main01); position:absolute; bottom:-10px; right:-10px; z-index:-1;}
div.bbs-wrap.course div.bbs-top div.form-wrap div.form{border:none; padding:0; margin:0.5rem; display:flex;}
div.bbs-wrap.course div.bbs-top div.form-wrap div.form div.tit{margin-left:1rem; margin-right:0.5rem; margin-bottom:0;}
div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail input[type="text"]{width:20rem; border-radius:0 !important;}
div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail a.kc-btn{text-wrap:nowrap; line-height:3rem; height:3rem; padding:0 2rem;}
div.bbs-wrap.course div.bbs-mid{}
div.bbs-wrap.course div.bbs-mid div.table-wrap{font-size:1.125rem;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table{}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td{border-right:1px solid #ddd;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td:last-child{border-right:none;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.name{font-family:'NanumNeo_EB',sans-serif;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time{text-align:left; line-height:1.5;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time > p[class*="ic-"]{position:relative; padding-left:1.5em; min-height:1.6rem;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time > p[class*="ic-"]:before{content:''; display:block; width:0.95em; height:0.95em; position:absolute; top:5px; left:0;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time p.ic-week:before{background:url("/fro_end/img/bbs_calendar.svg")center/100% auto no-repeat;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time p.ic-clock:before{background:url("/fro_end/img/bbs_clock.svg")center/100% auto no-repeat;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state{}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state{display:inline-block; padding:0.8rem 1rem; font-family:'NanumNeo_B', sans-serif;  transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state.state1{background:var(--color-main02); color:#fff; position:relative; overflow:hidden; z-index:2; box-shadow:0 5px 15px rgba(69,152,91,0.3);} /* Á¢¼öÁß */
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state.state1:before{content:''; display:block; width:100%; height:100%; background:var(--color-main01); position:absolute; top:0; left:-100%; transition:0.3s; -webkit-transition:0.3s; z-index:-1;}
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state.state2{background:rgba(69,152,91,0.1); color:rgba(69,152,91,0.7); pointer-events:none;} /* ÁغñÁß */
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state.state3{opacity:0.7; border:1px solid #333; background:#fff; font-family:'NanumNeo_R', sans-serif;} /* ¸¶°¨ */
div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.plan  a.pop-plan{font-size:0; display:block; width:1.5rem; height:1.5rem; background:url("/fro_end/img/bbs_courseplan.svg")center/100% auto no-repeat; margin:0 auto;}
@media(hover:hover){
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail a.kc-btn:hover{background:var(--color-main02);}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state.state1:hover{box-shadow:0 5px 15px rgba(231,30,24,0.3);}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state.state1:hover:before{left:0;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state.state3:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1); opacity:1;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.plan  a.pop-plan:hover{background-image:url("/fro_end/img/bbs_courseplan_open.svg");}
}


/* course plan */
div.course-plan{padding:1rem; font-size:1rem; position:relative;}
div.course-plan h3.tit{font-family:'NanumNeo_EB',sans-serif; font-size:1.8em; margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:1px solid #222;}
div.course-plan div.cp-top{margin-bottom:4rem;}
div.course-plan div.cp-top div.table-wrap{}
div.course-plan div.cp-top div.table-wrap table.table01{}
div.course-plan div.cp-top div.table-wrap table.table01 thead th{background:var(--color-main02); color:#fff; font-size:1.25em;}
div.course-plan div.cp-top div.table-wrap table.table01 td p[class*="ic-"]{position:relative; padding-left:1.5em; min-height:1rem;}
div.course-plan div.cp-top div.table-wrap table.table01 td p[class*="ic-"]:before{content:''; display:block; width:0.95em; height:0.95em; position:absolute; top:0; left:0;}
div.course-plan div.cp-top div.table-wrap table.table01 td p.ic-week{margin-bottom:0.5rem;}
div.course-plan div.cp-top div.table-wrap table.table01 td p.ic-week:before{background:url("/fro_end/img/bbs_calendar.svg")center/100% auto no-repeat;}
div.course-plan div.cp-top div.table-wrap table.table01 td p.ic-clock:before{background:url("/fro_end/img/bbs_clock.svg")center/100% auto no-repeat; top:0.8px;}
div.course-plan div.cp-mid div.attach-wrap{margin:1rem 0; background:#f5f5f5; position:relative; padding:0 4rem; border:1px solid #aaa; overflow:hidden; z-index:1; color:#888;}
div.course-plan div.cp-mid div.attach-wrap:before{content:''; display:block; width:1.35rem; height:1.35rem; background:url("/fro_end/img/bbs_attach.svg")center/100% auto no-repeat; position:absolute; top:50%; left:1.65rem; z-index:1; transform:translateY(-50%); transition:0.3s; -webkit-transition:0.3s;}
div.course-plan div.cp-mid div.attach-wrap:after{content:''; display:block; width:1.35rem; height:1.35rem; background:url("/fro_end/img/bbs_download.svg")center/100% auto no-repeat; position:absolute; top:-150%; left:1.65rem; z-index:1; transform:translateY(-50%); transition:0.3s; -webkit-transition:0.3s;}
div.course-plan div.cp-mid div.attach-wrap a.attach-file{display:block; width:100%;  padding:1.25rem 0; overflow:hidden; text-wrap:nowrap; text-overflow:ellipsis;}
div.course-plan div.cp-mid{margin-bottom:4rem;}
div.course-plan div.cp-mid div.contents img{max-width:100%;}
div.course-plan div.cp-mid div.contents table{border-collapse:collapse; border-spacing:1px;}
div.course-plan div.cp-mid div.contents table td,
div.course-plan div.cp-mid div.contents table th{border:1px solid #aaa; padding:3px;}
div.course-plan div.cp-mid div.contents ul,
div.course-plan div.cp-mid div.contents ol,
div.course-plan div.cp-mid div.contents dl{list-style:revert;}
div.course-plan div.cp-bot{}
@media(hover:hover){
	div.course-plan div.cp-mid div.attach-wrap:hover{color:#222;}
	div.course-plan div.cp-mid div.attach-wrap:hover:before{top:150%;}
	div.course-plan div.cp-mid div.attach-wrap:hover:after{top:50%;}
}
@media print{
	div.course-plan{font-size:13px;}
	div.course-plan h3.tit{font-size:1em; margin-bottom:5px; padding-bottom:5px;}
	div.course-plan div.cp-top{margin-bottom:2rem;}
	div.course-plan div.cp-top div.table-wrap table.table01 thead th{font-size:1em;}
	div.course-plan div.cp-top div.table-wrap table.table01 td,
	div.course-plan div.cp-top div.table-wrap table.table01 th{padding:0.5rem;}
	div.course-plan div.cp-mid{margin-bottom:2rem;}
	div.course-plan div.cp-mid div.attach-wrap{display:none;}
	div.course-plan div.cp-bot div.btn-wrap{display:none}
}


/* course detail */
div.course-detail{}
div.course-detail div.course-top{margin-bottom:5rem;}
div.course-detail div.course-top div.title{background:#000; padding:5rem 0; position:relative; margin-bottom:1.5rem;}
div.course-detail div.course-top div.title:before{content:''; display:block; width:100%; height:100%; background:url("/fro_end/img/bbs_course_bg.jpg")center/cover no-repeat; position:absolute; top:0; left:0; opacity:0.3; background-attachment:fixed; z-index:0;}
div.course-detail div.course-top div.title h3.course-name{text-align:center; color:#fff;  font-size:2.8rem; font-family:'NotoSerif_B', sans-serif; text-shadow:0 5px 10px rgba(0,0,0,0.5); position:relative; z-index:4;}
div.course-detail div.course-top div.title div.btn-wrap{margin-top:2.5rem; z-index:2; position:relative;}
div.course-detail div.course-top div.title div.btn-wrap a.kc-btn{padding:0 1.6rem; height:3rem; line-height:3rem;}
div.course-detail div.course-top div.title div.btn-wrap a.kc-btn.state3{background:#d3d3d3; color:#686868; opacity:.8; pointer-events:none; font-family:'NanumNeo_R', sans-serif;} /* ¸¶°¨ */
div.course-detail div.course-top div.table-wrap.info{position:relative; z-index:3; font-size:1.2rem; text-align:right;}
div.course-detail div.course-top div.table-wrap.info a.go-back{display:inline-block; font-size:1rem; font-family:'NanumNeo_B', sans-serif; margin-top:0.5rem; padding-left:2em; position:relative; width:fit-content; transition:0.3s; -webkit-transition:0.3s;}
div.course-detail div.course-top div.table-wrap.info a.go-back:before{content:''; display:block; width:1.5em; height:1.5em;border-radius:50%; background:rgba(0,0,0,0.1); position:absolute; top:50%; left:0; transform:translateY(-50%); transition:0.3s; -webkit-transition:0.3s;}
div.course-detail div.course-top div.table-wrap.info a.go-back:after{content:''; display:Block; width:1em; height:1em; background:url("/fro_end/img/ic_arrow.svg")center/100% auto no-repeat; position:absolute; top:50%; left:0.5em;transform:translateY(-50%) rotate(180deg); transition:0.3s; -webkit-transition:0.3s;}
div.course-detail div.course-mid{position:relative;}
div.course-detail div.course-mid a.go-back{display:inline-block; font-size:1rem; font-family:'NanumNeo_B', sans-serif; margin-top:0.5rem; padding-left:2em; position:absolute; top:0; right:0; width:fit-content; transition:0.3s; -webkit-transition:0.3s;}
div.course-detail div.course-mid a.go-back:before{content:''; display:block; width:1.5em; height:1.5em;border-radius:50%; background:rgba(0,0,0,0.1); position:absolute; top:50%; left:0; transform:translateY(-50%); transition:0.3s; -webkit-transition:0.3s;}
div.course-detail div.course-mid a.go-back:after{content:''; display:Block; width:1em; height:1em; background:url("/fro_end/img/ic_arrow.svg")center/100% auto no-repeat; position:absolute; top:50%; left:0.5em;transform:translateY(-50%) rotate(180deg); transition:0.3s; -webkit-transition:0.3s;}
div.course-detail div.course-mid div.tab-wrap{}
div.course-detail div.course-mid div.tab-wrap div.tab-tit{}
div.course-detail div.course-mid div.tab-wrap div.tab-tit ul{display:flex;}
div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li{font-size:1.5rem; background:#f5f5f5; color:var(--color-main03); border-left:1px solid #ddd; border-top:2px solid var(--color-main03); position:relative; transition:0.3s; -webkit-transition:0.3s;}
div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li:last-child{border-right:1px solid #ddd;}
div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li:after{content:''; display:block; width:0; height:3px; background:#fff; position:absolute; left:0; bottom:-2px;}
div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li a{display:block; padding:1rem 2rem;}
div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li.active{font-family:'NanumNeo_B',sans-serif; color:#222; border-top-color:#222; background:#fff;}
div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li.active:after{width:100%;}
div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li.active a{}
div.course-detail div.course-mid div.tab-wrap div.tab-con{width:100%; border-top:1px solid #ccc; padding:3rem 0;}
div.course-detail div.course-mid div.tab-wrap div.tab-con div.tab-item div.intro-contents{font-size:1rem; line-height:1.6;}
div.course-detail div.course-mid div.tab-wrap div.tab-con table{width:100%;}
div.course-detail div.course-mid div.tab-wrap div.tab-con div.empty{text-align:center; background:#f6f6f6; padding:2rem 0; color:#838383;}
div.course-detail div.course-mid div.tab-wrap div.tab-con div.empty:before{content:'!'; display:block; width:1rem; height:1rem; line-height:1rem; text-align:center; border-radius:50%; border:2px solid #aaa; font-size:10px; font-weight:bold; margin:0 auto; margin-bottom:0.5rem;}
div.course-detail div.course-mid div.prof-list{}
div.course-detail div.course-mid div.prof-list ul{}
div.course-detail div.course-mid div.prof-list ul li{margin-top:2rem; padding-top:1.5rem; border-top:2px solid #222; font-size:1.125rem;}
div.course-detail div.course-mid div.prof-list ul li:first-child{border-top:none; margin-top:0; padding-top:0;}
div.course-detail div.course-mid div.prof-list ul li div.prof{display:flex;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-left{width:15%;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-left div.img{width:80%;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-left div.img img{display:block; width:100%; height:auto; box-shadow:8px 8px 40px rgba(0,0,0,0.1);}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right{width:85%; padding-left:2rem;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top{padding-bottom:1rem; border-bottom:1px solid #222;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.title{display:flex; align-items:center; margin-bottom:2rem; flex-wrap:wrap; gap:0.5rem;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.title p.name{font-size:1.6em; font-family:'NanumNeo_EB', sans-serif; margin-right:0.8rem;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.title span.posi{color:#a0a0a0;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.title span.posi02{}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.info{}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.info p.email{padding-left:2rem; position:relative;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.info p.email:before{content:''; display:block; width:1.5rem; height:1.5rem; background:url("/fro_end/img/D1600_mail.svg")center/100% auto no-repeat; position:absolute; top:-3px; left:0;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.info p{min-height:2rem; display:flex; align-items:center;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.info p span.tit{font-size:0.9rem; display:inline-block; background:#f5f5f5; border:1px solid #ddd; border-radius:50px; padding:0.3rem 0.6rem; margin-right:0.5rem; color:#5f5f5f;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-bot{}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-bot div.career{background:#f9f9f9;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-bot div.career ul li{display:flex; border-top:0; margin-top:0; padding-top:0; padding:1rem 0; border-bottom:1px solid #ddd;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-bot div.career ul li div.tit{width:12%; font-family:'NanumNeo_EB', sans-serif; font-size:1rem; text-align:center;}
div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-bot div.career ul li div.con{width:88%; font-size:1rem; padding:0 1.5rem;}
div.course-detail div.course-bot div.btn-wrap a.kc-btn.state3{background:#d3d3d3; color:#686868; opacity:.8; pointer-events:none; font-family:'NanumNeo_R', sans-serif;}/* ¸¶°¨ */
@media(hover:hover){
	div.course-detail div.course-top div.table-wrap.info a.go-back:hover:before{background:#333;}
	div.course-detail div.course-top div.table-wrap.info a.go-back:hover:after{left:0.25em; background-image:url("/fro_end/img/ic_arrow_wh.svg");}
	div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li:hover{color:#666; border-top-color:#666;}
}


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

	/* view */
	div.bbs-wrap.view div.bbs-top div.info ul li{margin-right:3rem;}
	div.bbs-wrap.view div.bbs-top div.info ul li.info-link a{width:12rem;}
	
	/* cousre */
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form{display:block;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form div.tit{text-align:left; margin:0; margin-bottom:0.3rem; font-size:0.9rem;}

}

@media screen and (max-width:1024px){
	
	div.bbs-wrap span.ic-noti{font-size:0.8em; padding:0.3rem 0.4rem;}
	div.bbs-wrap span.ic-cate{font-size:0.8em; padding:0.3rem 0.4rem; margin-right:0.4rem;}
	
	/* table */
	div.bbs-wrap table.bbs-table td.tit a{max-width:30rem;}
	
	/* gallery */
	div.bbs-wrap.gallery div.gallery-list ul li.gallery{width:31%; margin-right:3%;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb{height:13rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb div.lab span[class*="ic-"]{font-size:0.8em;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb div.lab span.ic-new{width:1.4rem; height:1.4rem; line-height:1.4rem; margin-left:0;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title h3.tit{font-size:1.2rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title span.ic-cate{margin-bottom:0.3rem;}

	/* view */
	div.bbs-wrap.view div.bbs-mid div.attach ul li{padding:1.25rem; margin-left:3.5rem;}
	div.bbs-wrap.view div.bbs-mid div.attach ul li:before{width:1.15rem; height:1.15rem;}

	/* course */
	div.bbs-wrap.course div.bbs-mid div.table-wrap{font-size:1.025rem;}

	/* course detail */
	div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li{font-size:1.3rem;}
	div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li a{padding:1rem 1.6rem;}

}

@media screen and (max-width:960px){
	
	/* course */
	div.bbs-wrap.course div.bbs-mid div.table-wrap{font-size:1rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td{padding:0.6rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state{padding:0.5rem 0.6rem; text-wrap:nowrap;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time > p[class*="ic-"]{padding-left:1.25rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time > p[class*="ic-"]:before{width:0.9rem; height:0.9rem;}

}

@media screen and (max-width:884px){
	
	/* table */
	div.bbs-wrap table.bbs-table colgroup{display:none;}
	div.bbs-wrap table.bbs-table td.tit a{max-width:25rem;}
	
	/* gallery */
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb{height:11rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title h3.tit{font-size:1.125rem;}

	/* course detail */
	div.course-detail div.course-top div.title h3.course-name{font-size:2.5rem;}
	div.course-detail div.course-top div.title div.btn-wrap{margin-top:2rem;}
	div.course-detail div.course-mid div.prof-list ul li div.prof{display:block;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-left{width:100%; margin-bottom:1.8rem;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-left div.img{width:8rem;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-left div.img img{box-shadow:8px 8px 12px rgba(0,0,0,0.2);}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right{width:100%; padding-left:0;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.title{margin-bottom:1rem;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.title p.name{font-size:1.4em;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.info p.email{padding-left:1.5rem;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.info p.email:before{width:1.2rem; height:1.2rem; top:0;}
}

@media screen and (max-width:800px){
	
	/* table */
	div.bbs-wrap table.bbs-table td.tit a{max-width:20rem;}

	
	/* course */
	div.bbs-wrap.course div.bbs-top div.form-wrap{background:#fff; padding:0; box-shadow:none;}
	div.bbs-wrap.course div.bbs-top div.form-wrap:before{display:none;}
	div.bbs-wrap.course div.bbs-top div.form-wrap:after{display:none;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form{margin:0 0.3rem;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail{}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail div.con{}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail div.con span.lay-bar{display:none;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail a.kc-btn{padding:0 1.5rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table{display:block; border-top:none;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table colgroup{display:none;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table thead{display:none;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody{display:flex; flex-wrap:wrap; justify-content:space-between;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr{display:block; width:47%; border:1px solid #ddd; border-top:2px solid #2d5a27; background:var(--color-main05); margin-bottom:2rem; padding:0 !important; box-shadow:0 10px 30px rgba(0,0,0,0.1);}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td{background:#fff; display:block; border:0; padding:1rem; text-align:right; border-bottom:1px solid #ddd; position:relative;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td:before{content:''; display:block; font-size:1em; position:absolute; top:0; left:0; padding:1rem; font-family:'NanumNeo_B',sans-serif;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td.sort{text-align:center; background:var(--color-main05); border-bottom:none; padding:0.8rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td.sort > span{background:#2d5a27; padding:0.35rem 0.5rem; display:inline-block; color:#fff; font-size:0.85em; border-radius:4px; font-family:'NanumNeo_H',sans-serif;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td.name{text-align:center; font-size:1.2rem; background:var(--color-main05); padding-top:0.5rem; border-bottom:1px solid #2d5a27;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td.plan{border-bottom:none;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.year,
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.semester{background:var(--color-main05); border:0; display:inline-block; padding:0.25rem; text-align:center; width:fit-content;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.period:before{content:'±³À°±â°£';}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time:before{content:'±³À°½Ã°£';}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.money:before{content:'¼ö°­·á';}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state:before{content:'¼ö°­ÇöȲ'; top:50%; transform:translateY(-50%);}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.plan:before{content:'¼ö¾÷°èȹ¼­'; top:50%; transform:translateY(-50%);}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time{display:flex; justify-content:flex-end;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time > p[class*="ic-"]{text-align:right; padding:0;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time > p[class*="ic-"]:before{display:none;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time > p.ic-week{position:relative; padding:0; padding-right:1rem; margin-right:0.5rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.time > p.ic-week:after{content:'/'; display:block; font-size:1em; position:absolute; top:0; right:0;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.plan a.pop-plan{display:inline-block; border:1px solid #333; padding:0.5rem 0.6rem; background:#fff; font-size:1em; width:fit-content; height:auto; line-height:initial; text-align:right;}

	/* view */
	div.bbs-wrap.view div.bbs-top div.title span.category{padding:0.3rem 0.6rem; font-size:0.9rem;}
	div.bbs-wrap.view div.bbs-top div.title h3.tit{font-size:1.65em; margin-bottom:0.6rem;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li{padding:1rem 0;}

	/* write */
	div.bbs-wrap.write div.bbs-top div.form-wrap div.form div.tit{width:8rem;}
	div.bbs-wrap.write div.bbs-top div.form-wrap div.form.writer{padding-right:0;}
	div.bbs-wrap.write div.bbs-top div.form-wrap div.form.email{padding-left:0;}

}

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

	/* view */
	div.bbs-wrap.view div.bbs-top div.info ul{font-size:0.85em;}
	div.bbs-wrap.view div.bbs-top div.info ul li{margin-right:2rem;}
	div.bbs-wrap.view div.bbs-mid div.attach ul li{padding:1rem; margin-left:3rem;}
	div.bbs-wrap.view div.bbs-mid div.attach ul li:before{width:1rem; height:1rem; left:-1.5rem;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top div.util a{font-size:0.85em;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li.reply{padding-left:2.5rem;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li.reply:before{width:1rem; height:1rem; left:0.5rem;}

	/* course */
	div.bbs-wrap.course div.bbs-top div.form-wrap{flex-wrap:wrap;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form{width:33.3%; margin:0; display:flex; align-items:center;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form div.tit{width:5rem; display:block; text-align:center;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form div.con{width:calc(100% - 6rem);}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form div.con select{width:100%;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail{width:100%; margin-top:1rem;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail input[type="text"]{width:100%;}

	/* cousre detail */
	div.course-detail div.course-top div.title{padding:3rem 0;}
}

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

	div.bbs-wrap span.ic-new{margin-left:0.2rem;}
	div.bbs-wrap span.ic-noti{box-shadow:0 0 15px rgba(231,30,24,0.3);}
	
	/* table */
	div.bbs-wrap table.bbs-table thead{display:none;}
	div.bbs-wrap table.bbs-table,
	div.bbs-wrap table.bbs-table tbody,
	div.bbs-wrap table.bbs-table tr,
	div.bbs-wrap table.bbs-table th,
	div.bbs-wrap table.bbs-table td{display:block; width:100%;}
	div.bbs-wrap table.bbs-table tr{display:flex; flex-wrap:wrap; position:relative; padding:0.5rem; padding-left:4rem;}
	div.bbs-wrap table.bbs-table td{padding:0.5rem;}
	div.bbs-wrap table.bbs-table td.num{position:absolute; top:50%; left:0; transform:translateY(-50%); width:3.5rem; padding:0; text-align:center; font-family:'NanumNeo_B', sans-serif;}
	div.bbs-wrap table.bbs-table td.tit{width:100%;}
	div.bbs-wrap table.bbs-table td.tit a{vertical-align:-webkit-baseline-middle; max-width:85%; font-size:1.1rem;}
	div.bbs-wrap table.bbs-table td.tit.reply{padding-left:2.5rem;}
	div.bbs-wrap table.bbs-table td.tit.reply:before{width:1rem; height:1rem; top:0.6rem; left:0.8rem;}
	div.bbs-wrap table.bbs-table td.comm,
	div.bbs-wrap table.bbs-table td.date,
	div.bbs-wrap table.bbs-table td.view{display:inline-block; width:auto; font-size:0.8em; position:relative; padding-left:2.85rem; margin-left:0.5rem;}
	div.bbs-wrap table.bbs-table td.comm:before,
	div.bbs-wrap table.bbs-table td.date:before,
	div.bbs-wrap table.bbs-table td.view:before{content:''; display:block; font-size:1em; position:absolute; top:0.5rem; left:0;}
	div.bbs-wrap table.bbs-table td.comm:before{content:'´ñ±Û¼ö :';}
	div.bbs-wrap table.bbs-table td.date:before{content:'ÀÛ¼ºÀÏ :';}
	div.bbs-wrap table.bbs-table td.view:before{content:'Á¶È¸¼ö :';}

	/* serach */
	div.search-area div.search input[type="text"]{width:15rem;}
	div.search-area div.search a.ic-search{width:2.5rem; height:2.5rem;}

	/* list */
	div.bbs-wrap.list div.bbs-top{justify-content:center; margin-bottom:2rem;}
	div.bbs-wrap.list div.bbs-mid div.count{font-size:0.9rem;}

	/* pagination */
	div.bbs-wrap div.pagination ul li{width:1.8rem; height:1.8rem; line-height:1.8rem;}

	/* gallery */
	div.bbs-wrap.gallery div.gallery-list ul{justify-content:space-between;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery{width:46%; margin-right:0; margin-bottom:3rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb{height:9.25rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title span.ic-cate{font-size:0.7rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title div.info{margin-top:1rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title div.info ul li{font-size:0.75em; margin-right:0; padding-right:0; border:0;}

	/* view */
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-tit{margin-bottom:0.3rem;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-top{margin-bottom:0.4rem;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-mid{margin-bottom:1rem;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-list ul li div.li-mid div.content{font-size:0.9em;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-write{padding:1.2rem;}

	/* course */
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail input[type="text"]{width:calc(100% - 5rem);}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail a.kc-btn{height:2.8rem; line-height:2.8rem; padding:0; width:5rem; text-align:center;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap{font-size:0.95rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr{width:48%; box-shadow:0 8px 18px rgba(0,0,0,0.12);}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td{padding:0.95rem 0.65rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td:before{padding:0.95rem 0.65rem;}

	/* course detail */
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.info p{font-size:0.95rem;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.info p span.tit{padding:0.2rem 0.5rem; font-size:0.85rem;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-bot div.career ul li{display:block; padding:0.8rem 0.5rem;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-bot div.career ul li div.tit{width:100%; text-align:left; font-size:0.9rem; margin-bottom:0.5rem;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-bot div.career ul li div.con{width:100%; padding-left:0;}
	
	/* write */
	div.bbs-wrap.write div.bbs-top div.form-wrap div.form.secret div.con div.lay-flex.option-lock{flex-direction:column; align-items:flex-start;}
	div.bbs-wrap.write div.bbs-top div.form-wrap div.form.secret div.con div.lay-flex.option-lock div.type-pw{width:100%;}
	div.bbs-wrap.write div.bbs-top div.form-wrap div.form.secret div.con div.lay-flex.option-lock div.type-pw input.lock-pw{width:100%;}
	div.bbs-wrap.write div.bbs-top div.form-wrap div.form-set1{flex-wrap:wrap;}
	div.bbs-wrap.write div.bbs-top div.form-wrap div.form.writer{width:100%;}
	div.bbs-wrap.write div.bbs-top div.form-wrap div.form.email{width:100%;}

	/* course detail */
	div.course-detail div.course-top div.title h3.course-name{font-size:2.3rem;}
}

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

	/* modal */
	div.modal div.container{width:80%;}

	/* view */
	div.bbs-wrap.view div.bbs-top div.info ul{font-size:0.8em;}
	div.bbs-wrap.view div.bbs-top div.info ul li{margin-right:1.5rem;}
	div.bbs-wrap.view div.bbs-mid div.attach ul li{font-size:0.9rem;}
	
	/* course */
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form div.tit{width:4rem;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form div.con{width:calc(100% - 5rem);}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr{width:100%; box-shadow:0 5px 15px rgba(0,0,0,0.1);}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td{padding:0.8rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table tbody tr td:before{padding:0.8rem;}
	div.bbs-wrap.course div.bbs-mid div.table-wrap table.bbs-table td.state a.ic-state.state1{box-shadow:0 0 15px rgba(69,152,91,0.4);}
}

@media screen and (max-width:480px){
	
	div.bbs-wrap span.ic-cate{display:block; border:none; padding:0; margin-bottom:3px; font-family:'NanumNeo_H', sans-serif;}
	
	/* table */
	div.bbs-wrap table.bbs-table tr{padding-left:3.5rem;}	
	div.bbs-wrap table.bbs-table td.num{width:3rem;}
	
	/* search */
	div.search-area{justify-content:space-between;}
	div.search-area div.select{width:22%; margin-right:0;}
	div.search-area div.select select{width:100%;}
	div.search-area div.search{width:45%;}
	div.search-area div.search input[type="text"]{width:100%; border-radius:0 !important;}

	/* gallery */
	div.bbs-wrap.gallery div.gallery-list ul li.gallery{width:48%;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb div.lab{top:0.35rem; left:0.35rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title div.info ul li{font-size:0.7em;}
	
	/* view */
	div.bbs-wrap.view div.bbs-top div.info ul li{margin-right:1rem;}
	div.bbs-wrap.view div.bbs-top div.info ul li span.lab{margin-right:0.25rem; padding-right:0.25rem;}


	/* course */
	div.bbs-wrap.course div.bbs-top div.form-wrap{justify-content:space-between; margin-bottom:1.25rem;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form{width:30%;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form div.tit{display:none;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form div.con{width:100%;}
	div.bbs-wrap.course div.bbs-top div.form-wrap div.form.detail div.con{width:100%;}

	/* modal */
	div.modal div.container div.title{margin:2rem; margin-bottom:1rem;}
	div.modal div.container div.cont{margin:2rem; margin-top:0;}

	/* course detail */
	div.course-detail div.course-top div.title:before{background-attachment:initial; opacity:.3;}
	div.course-detail div.course-top div.title h3.course-name{font-size:2rem;}
	div.course-detail div.course-top div.table-wrap.info th{padding:0.8rem 0.5rem; word-break:keep-all;}
	div.course-detail div.course-top div.table-wrap.info td{padding:0.8rem;}
	div.course-detail div.course-mid div.tab-wrap div.tab-tit ul li{font-size:1.15rem; width:50%; text-align:center;}
	div.course-detail div.course-mid div.prof-list ul li div.prof div.prof-right div.r-top div.title p.name{font-size:1.4rem;}

	/* course plan */
	div.course-plan div.cp-top div.table-wrap table.table01 colgroup{display:none;}
}

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

	div.bbs-wrap span.ic-lock{width:1.1rem; height:1.1rem; margin-left:0.2rem; transform:translateY(1.5px);}
	
	/* table */
	div.bbs-wrap table.bbs-table td.tit a{max-width:75%;}
	
	/* pagination */
	div.bbs-wrap div.pagination{margin-top:3rem;}
	div.bbs-wrap div.pagination ul li{width:1.5rem; height:1.5rem; line-height:1.5rem; margin:0 2px;}

	/* search */
	div.search-area{display:block; width:100%;}
	div.search-area div.select{width:100%;}
	div.search-area div.search{width:100%;}

	/* gallery */
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.title h3.tit{font-size:1.025rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb{height:9rem;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb div.lab span[class*="ic-"]{font-size:10px;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb div.lab span.ic-new{width:1.2rem; height:1.2rem; line-height:1.2rem;}
	
	/* veiw */
	div.bbs-wrap.view div.bbs-mid div.contents{padding:3rem 0;}
	div.bbs-wrap.view div.bbs-mid div.comment div.comm-write{padding:1rem;}

	/* modal */
	div.modal div.container{width:90%;}
}

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

	/* gallery */
	div.bbs-wrap.gallery div.gallery-list ul li.gallery{width:100%;}
	div.bbs-wrap.gallery div.gallery-list ul li.gallery a div.thumb{height:11rem;}

	/* veiw */
	div.bbs-wrap.view div.bbs-mid div.contents{padding:2rem 0;}
}