@charset "UTF-8";

/* 공통 :: 카테고리 */
div.bbs-wrap div.category{margin-bottom: 5rem;}
div.bbs-wrap div.category ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 2rem;}
div.bbs-wrap div.category ul > li{background: #fff; border: 1px solid var(--color-gray400); color: #777; border-radius: 0.5rem;}
div.bbs-wrap div.category ul > li a{padding: 0.8rem 1rem; font-size: 1.125rem;}
div.bbs-wrap div.category ul > li.on{border: 2px solid var(--color-main04); color: var(--color-main04); font-family: 'NanumNeo_EB',sans-serif;}

/* 공통 :: 검색영역 */
div.bbs-wrap div.bbs-top{margin-bottom:2rem; display: flex; justify-content: end;}
div.bbs-wrap div.bbs-top div.search{display:flex; gap: 0.5rem; align-items:center; font-size:1.125rem;}
div.bbs-wrap div.bbs-top div.search div.input-wrap{width: 20rem; display: flex; align-items: center; position: relative;}
div.bbs-wrap div.bbs-top div.search div.input-wrap input[type="text"]{border-radius: 0.5rem;}
div.bbs-wrap div.bbs-top div.search div.input-wrap a.search-btn{width: 3rem; height: 3rem; display: block; background: url('../img/bbs_ico_search.svg') center / 50% auto no-repeat; position: absolute; top: 0; right: 0;}
/* 공통 :: bbs-util */
div.bbs-wrap div.bbs-util{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem;}
div.bbs-wrap div.bbs-util div.total{}
div.bbs-wrap div.bbs-util div.total span.total-num{font-family:'NanumNeo_EB',sans-serif;}

/* 통합검색 */
div.total-search-wrap{padding:5rem 0 8rem 0;}
div.bbs-wrap section.board.total-search div.search-wrap{margin-bottom: 8rem;}
div.bbs-wrap section.board.total-search div.search-wrap div.inner{width: 100%; height: 100%; margin: 0 auto;}
div.bbs-wrap section.board.total-search div.search-wrap div.inner div.inp{width: 100%; font-size: 1.125rem; display: flex; justify-content: center; align-items: center;}
div.bbs-wrap section.board.total-search div.search-wrap div.inner div.inp span.lab{margin-right: 2rem; font-size: 1.25rem; font-family: "Montserrat_B", sans-serif; letter-spacing: 2px; color: var(--color-main03);}
div.bbs-wrap section.board.total-search div.search-wrap div.inner div.inp input[type="text"]{width: 50%; height: 4rem; border: 1px solid #333; border-radius: 50px; padding: 1rem 2rem;}
div.bbs-wrap section.board.total-search div.search-wrap div.inner div.inp a.btn-total-search{position: relative; width: 4rem; height: 4rem; border-radius: 100%; background: var(--color-main03); margin-left: 1rem; transition: .3s;}
div.bbs-wrap section.board.total-search div.search-wrap div.inner div.inp a.btn-total-search::after{position: absolute; content: ''; display: block;  width: 1.5rem;height: 1.5rem; background: url('../img/ico_search_wh.svg') center / 100% auto no-repeat; top: 50%;left: 50%; transform: translate(-50%, -50%);}
@media(hover:hover){
	div.bbs-wrap section.board.total-search div.search-wrap div.inner div.inp a.btn-total-search:hover{transform: scale(1.1);}
}

/* 공통 :: 상세검색 */
div.search-wrap.detail{padding:3rem 6rem; position:relative; overflow:hidden; background: #F7F7F7; border-radius: 1rem; margin-bottom:6rem;}
div.search-wrap.detail div.search{width:100%; padding-bottom:1.5rem; display: flex; justify-content: space-between;}
div.search-wrap.detail div.search div.select-sort{display:flex; gap:0.5rem; width: 25%;}
div.search-wrap.detail div.search div.select-sort select{width: 100%;}
div.search-wrap.detail div.input-txt{position: relative; width: 70%;}
div.search-wrap.detail div.input-txt a.btn-search{width: 3rem; height: 3rem; display: block; background: url('../img/bbs_ico_search.svg') center / 50% auto no-repeat; position: absolute; top: 0; right: 0;}
/* 과목 키워드 태그 (상세검색 form-item > con 안에 위치) */
button.keyword-tag{display:inline-block; padding:0 1rem; height:var(--height-input); line-height:calc(var(--height-input) - 4px); border:2px solid var(--color-gray500); border-radius:0.5rem; background:#fff; font-family:'NanumNeo_B',sans-serif; font-size:0.875rem; cursor:pointer; transition:all .2s; white-space:nowrap; margin:0.25rem;}
button.keyword-tag:hover{border-color:var(--color-main02); color:var(--color-main02);}
button.keyword-tag.is-active{background:var(--color-main02); border-color:var(--color-main02); color:#fff; box-shadow:5px 8px 20px rgba(0,0,0,0.1);}

div.search-wrap.detail a.btn-detail{position:absolute; bottom:0; left:0; height:3rem; line-height:3rem; font-size:0.925rem; font-family:'Pretendard-Bold',sans-serif; display:block; width:100%; text-align:center; background:#ddd;}
div.search-wrap.detail a.btn-detail span{position: relative;}
div.search-wrap.detail a.btn-detail span:after{ content: ''; display: block;  width: 1em; height: 1em; background: url("../img/ico_arrow_down.svg")center/100% auto no-repeat;  position: absolute; top: 50%; right: -1.5rem;transform: translateY(-50%) rotate(180deg);}
div.search-wrap.detail a.btn-detail.open span:after{transform:translateY(-50%);}
div.search-wrap.detail div.search-option{display:none; border-top:1px solid #ddd;} 
div.search-wrap.detail div.search-option div.form{margin: 2rem 0 1.25rem 0; border-bottom:1px solid #ddd;}
div.search-wrap.detail div.search-option div.form div.form-item{border-bottom: none; padding-top: 0;}
div.search-wrap.detail div.search-option div.form div.form-item:last-child{border-bottom:0;}
div.search-wrap.detail div.search-option div.form div.input-self{display:flex; align-items:center; gap:1rem; margin-top:0.5rem; /* 직접입력 */}
div.search-wrap.detail div.search-option div.form div.input-self div.fee-limit input{width:auto;}
div.search-wrap.detail div.search-option ul.inf-list{margin-bottom: 1.25rem;}
div.search-wrap.detail div.search-option.open{display: block;}

/* 공통 :: 페이지네이션 */
div.pagination{margin-top:3rem;}
div.pagination ul{display:flex; align-items:center; gap:5px; justify-content:center;}
div.pagination ul li{width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; border-radius:0.5rem; color:#777;}
div.pagination ul li a{width:100%; height:100%;}
div.pagination ul li.arrow{background:url("../img/ico_arrow_down.svg")center/40% auto no-repeat; border:1px solid #333; transform: rotate(-90deg); opacity: .3;}
div.pagination ul li.arrow.prev{transform:rotate(90deg); margin-right:1rem;}
div.pagination ul li.arrow.next{margin-left:1rem;}
div.pagination ul li.on{color:#fff; background: var(--color-main01); font-family:'NanumNeo_EB',sans-serif;}
div.pagination ul li:not(.on, .arrow, .dots):hover{background:#f1f1f1;}
@media(hover:hover){
	div.pagination ul li.arrow:hover{opacity: 1;}
}

/* list */
div.bbs-wrap section.board.list table.bbs-table{border-top:2px solid #333; text-align:center; width:100%;}
div.bbs-wrap section.board.list table.bbs-table thead{border-bottom:1px solid #333;}
div.bbs-wrap section.board.list table.bbs-table thead th{padding:1.5rem 0.5rem; font-size:1.125rem; background:#fff; border:0;}
div.bbs-wrap section.board.list table.bbs-table tbody tr{border-bottom:1px solid #ddd;}
div.bbs-wrap section.board.list table.bbs-table tbody td{padding:1.125rem 0.5rem; font-size:1.1rem; color:#777; border:0;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit{text-align:left; font-family:'NanumNeo_B',sans-serif; color:#333;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{width:fit-content; max-width:50rem; vertical-align:middle; display:flex; align-items:center;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit a p.bbs-tit{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit a div.label{display:flex; align-items:center;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.secret{display:inline-block; width:1.25rem; height:1.25rem; background:url("../img/ico_secret.svg")center/auto 100% no-repeat; margin-right:0.2rem;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.attach{display:inline-block; width:1.25rem; height:1.25rem; background:url("../img/ico_attach.svg")center/auto 100% no-repeat; opacity:.5; margin-left: 0.25rem;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.comment-count{font-family:'NanumNeo_R',sans-serif; margin:0 0.125rem;}
div.bbs-wrap section.board.list table.bbs-table tbody td.dep span.arrow{display: inline-block; width: 1rem; height: 1rem; transform: translateY(2px) rotate(-90deg);  background: url('../img/ico_arrow_down.svg') center / 70% auto no-repeat; opacity: .5;}
div.bbs-wrap section.board.list table.bbs-table tbody tr.main-noti td.tit{font-family:'NanumNeo_EB',sans-serif; }
div.bbs-wrap section.board.list table.bbs-table tbody tr.main-noti td.num span.noti{font-size: 0.9rem; font-family:'NanumNeo_B',sans-serif; background: var(--color-main02); color: #fff; padding: 0.5rem 0.8rem; border-radius: 50px; box-shadow: 0 0 15px rgba(3, 129, 254, 0.3);}
div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit{padding-left:3rem; position:relative;}
div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit:before{content:''; display:block; width:1.5rem; height:1.5rem; background:url("../img/ico_reply.svg")center/100% auto no-repeat; position:absolute; top: 40%; left:1rem; transform:translateY(-50%); opacity: .5;}
@media(hover:hover){
	div.bbs-wrap section.board.list table.bbs-table tbody tr:hover{background:#F2F9FF;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit a:hover{color:var(--color-main01);}
}

/* view */
div.bbs-wrap section.board.view{}
div.bbs-wrap section.board.view div.viewer div.view-top{}
div.bbs-wrap section.board.view div.viewer div.view-top div.title{padding:1.25rem 0; border-bottom: 2px solid #333;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title p.category{background:var(--color-gray200); font-family:'NanumNeo_EB',sans-serif; margin-bottom:0.25rem; color:#777; width:fit-content; padding:0.3rem 0.6rem; border-radius: 50px;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title h3{font-family:'NanumNeo_EB',sans-serif; font-size:2rem; line-height:1.5;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util{display:flex; flex-wrap: wrap; align-items:center; gap: 2rem; padding:1rem 0; position:relative; border-bottom: 1px solid var(--color-gray400);}
div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info{display:flex; flex-wrap: wrap; gap: 2rem; align-items:center;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li{display: flex;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li span.lab{display: inline-block; font-family: 'NanumNeo_EB',sans-serif; padding-right: 0.5rem;  border-right: 1px solid var(--color-gray400); margin-right: 0.5rem;  word-break: keep-all;}
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("../img/ico_linkcopy.svg")center/100% auto no-repeat; position:absolute; top:1px; left:0; opacity:.4;}
div.bbs-wrap section.board.view div.viewer div.view-cont{font-size:1rem; color:#000; line-height:1.5; padding:1.5rem; border-bottom:1px solid #333;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner{}
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; background: var(--color-gray200); border-radius: 1rem; margin-top: 1rem;}
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;}
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("../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; padding-left: 0.25rem;}
/* view-comment */
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 p.comment-tit{font-family:'NanumNeo_EB',sans-serif; padding-bottom:1rem; border-bottom:2px solid #333; position:relative; padding-left:2rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment p.comment-tit:before{content:''; display:block; width:1.25rem; height:1.25rem; background:url("../img/ico_comment.svg")center/100% auto no-repeat; position:absolute; top:1px; left:0;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap{}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul{}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li{position: relative; padding: 1.25rem 2rem; border-bottom: 1px solid #ddd;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li:last-child{border-bottom: 1px solid #ddd;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li.comment-reply{padding-left: 3.625rem; }
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li.comment-reply:before{content: ''; position: absolute; left: 1.875rem; top: 1.45rem; width: 1.125rem; height: 0.75rem; background: url("../img/ico_reply.svg") no-repeat center/100%;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li.comment-reply.re-write-wrap{display:none;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li.comment-reply.re-write-wrap.on{display:block;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li div.comment-list-top{display: flex; justify-content: space-between; align-items: center;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li div.comment-list-top p.comment-name{font-family: 'NanumNeo_EB',sans-serif; font-size: 1rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li.comment-reply div.comment-list-top p.comment-name{}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li div.comment-list-top div.comment-btn{display: flex;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li div.comment-list-top div.comment-btn a{position: relative; padding: 0 0.75rem; border-right: 1px solid #ddd; font-size: 0.875rem; color: #999; transition: all 0.4s;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li div.comment-list-top div.comment-btn a:last-child{border-right: 0; padding-right: 0;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li div.comment-list-top div.comment-btn a.comment-del{color: #f44336;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-cont{margin-top: 1rem; font-size: 1rem; word-break: keep-all;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-time{margin-top: 2rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-time p{position: relative; font-size: 0.9rem; color: #999;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write{padding: 1.25rem 2rem; background: var(--color-gray100); border-bottom: 2px solid #333;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.comment-re-write{padding: 0; background: transparent; border-bottom: 0;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.comment-write-top{width: 100%;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.comment-write-top textarea{width: 100%; height: 5rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.comment-write-bot{display: flex; justify-content: flex-end; align-items: center; margin-top: 0.625rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.comment-write-bot div.comment-write-btn a{}
/* view-util */
div.bbs-wrap section.board.view div.viewer-util{}
div.bbs-wrap section.board.view div.viewer-util div.list-move{width:100%; margin-top: 2rem; border-top: 1px solid #333; border-bottom: 1px solid #333;}
div.bbs-wrap section.board.view div.viewer-util div.list-move div.arrow{padding: 1rem 0; display: flex; align-items: center;}
div.bbs-wrap section.board.view div.viewer-util div.list-move div.arrow.empty{opacity:.5; pointer-events:none;}
div.bbs-wrap section.board.view div.viewer-util div.list-move div.arrow.prev{border-bottom: 1px solid var(--color-gray400);}
div.bbs-wrap section.board.view div.viewer-util div.list-move div.arrow span.lab{display: inline-block; min-width: 5rem; text-align: center; border-right: 1px solid #ddd; font-family: 'NanumNeo_EB',sans-serif;}
div.bbs-wrap section.board.view div.viewer-util div.list-move div.arrow a{margin-left: 1rem;}

@media(hover:hover){
	div.bbs-wrap section.board.view div.viewer div.view-top div.util a.btn-linkcopy:hover{font-weight:bold;}
	div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li a:hover{font-weight: bold;}
	div.bbs-wrap section.board.view div.viewer-util div.list-move div.arrow a:hover{font-family: 'NanumNeo_B',sans-serif;}
}

/* write */
div.bbs-wrap section.board.write{width:1000px; margin:0 auto; border-top:2px solid #333;}
div.bbs-wrap section.board.write div.write-top{margin-bottom:1rem;}
div.bbs-wrap section.board.write div.write-top div.form div.form-item:last-child{border-bottom:0;}
div.bbs-wrap section.board.write div.write-top div.form div.form-item div.tit{font-size: 1.125rem;}
div.bbs-wrap section.board.write div.write-top div.form div.form-item.category{margin-bottom: 0;}
div.bbs-wrap section.board.write div.write-top div.form div.form-item.tit div.con input[type="text"]{width:100%; margin-bottom:0.5rem;}

/* gallery */
div.bbs-wrap section.board.gallery ul.gallery-list{display:flex; flex-wrap:wrap;}
div.bbs-wrap section.board.gallery ul.gallery-list li{width:30%; margin-right:5%; margin-bottom: 5rem;}
div.bbs-wrap section.board.gallery ul.gallery-list li:nth-child(3n){margin-right:0;}
div.bbs-wrap section.board.gallery ul.gallery-list li a{width:100%; height:100%; position: relative;}
div.bbs-wrap section.board.gallery ul.gallery-list li a div.thumb{position: relative; width:100%; height:16.25rem; overflow:hidden; border-bottom:1px solid #ddd; border-radius: 1rem; margin-bottom: 1.25rem;} 
div.bbs-wrap section.board.gallery ul.gallery-list li a div.thumb span.category{position: absolute; bottom: 1rem; left: 1rem; padding: 0.5rem 0.8rem; background: var(--color-main04); font-family: 'NanumNeo_B',sans-serif; color: #fff; font-size: 0.9rem; border-radius: 4px; z-index: 2;}
div.bbs-wrap section.board.gallery ul.gallery-list li a div.thumb img{display:block; width:100%; height:100%; object-fit:cover; transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap section.board.gallery ul.gallery-list li a div.label{width:100%;}
div.bbs-wrap section.board.gallery ul.gallery-list li a div.label p.tit{height:3.5rem; line-height: 1.5; font-family:'NanumNeo_EB',sans-serif; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:1.25rem; margin-bottom:1.25rem;}
div.bbs-wrap section.board.gallery ul.gallery-list li a div.label div.bbs-info{display: flex; gap:2rem; color:#7f7f7f; border-top: 1px solid var(--color-gray400); padding-top: 1rem;}
div.bbs-wrap section.board.gallery ul.gallery-list li a div.label div.bbs-info p{position: relative; padding-left: 1.5rem; font-size: 0.9rem;}
div.bbs-wrap section.board.gallery ul.gallery-list li a div.label div.bbs-info p::before{content: ''; display: block; width: 1.1rem; height: 1.1rem; position: absolute; top: 0; left: 0; opacity: 0.3;}
div.bbs-wrap section.board.gallery ul.gallery-list li a div.label div.bbs-info p.date::before{background:url("../img/ico_clock.svg")center/95% auto no-repeat;}
div.bbs-wrap section.board.gallery ul.gallery-list li a div.label div.bbs-info p.view::before{background:url("../img/ic_pw_show.svg")center/95% auto no-repeat;}
@media(hover:hover){
	div.bbs-wrap section.board.gallery ul.gallery-list li:hover a div.thumb img{transform:scale(1.1);}
	div.bbs-wrap section.board.gallery ul.gallery-list li:hover a div.label p.tit{color: var(--color-main01);}
}

/* 자격증안내 리스트 */
div.bbs-wrap section.certi-course{}
div.bbs-wrap section.certi-course div.bbs-top{display: flex; justify-content: space-between; align-items: end; margin-bottom: 1rem;}
div.bbs-wrap section.certi-course ul.certi-list{}
div.bbs-wrap section.certi-course ul.certi-list > li{margin-bottom: 4rem;}
div.bbs-wrap section.certi-course ul.certi-list > li div.top{background: var(--color-main03); color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-radius: 1.5rem 1.5rem 0 0;}
div.bbs-wrap section.certi-course ul.certi-list > li div.top p.c-tit{font-size: 1.5rem; font-family: 'NanumNeo_B',sans-serif; display: flex; align-items: center; gap: 0.5rem; word-break: keep-all;}
div.bbs-wrap section.certi-course ul.certi-list > li div.top p.c-tit span.cate-lab{font-size: 0.9rem; padding: 0.25rem 0.5rem; border-radius: 50px; font-family: 'NanumNeo_EB',sans-serif;}
div.bbs-wrap section.certi-course ul.certi-list > li div.top p.c-tit span.cate-lab.lab01{background: #FFF1E8; border: 1px solid var(--color-main04); color: var(--color-main04);}
div.bbs-wrap section.certi-course ul.certi-list > li div.top p.c-tit span.cate-lab.lab02{background: #F2F9FF; border: 1px solid var(--color-main02); color: var(--color-main02);}
div.bbs-wrap section.certi-course ul.certi-list > li div.top a.detail-btn{border: 2px solid #fff; padding: 0.5rem 2rem 0.5rem 1rem; border-radius: 0.5rem; position: relative; transition: 0.3s; -webkit-transition: 0.3s;}
div.bbs-wrap section.certi-course ul.certi-list > li div.top a.detail-btn::after{position: absolute; content: ''; width: 1.25rem; height: 1.25rem; top: 50%; right: 0.5rem; transform: translateY(-50%); background: url('../img/ico_next_wh.svg') center/100% no-repeat;}
div.bbs-wrap section.certi-course ul.certi-list > li div.bot{border-bottom: 2px solid var(--color-main03);}
div.bbs-wrap section.certi-course ul.certi-list > li div.bot ul.info-list{display: flex; flex-wrap: wrap; border-bottom: 1px dashed var(--color-gray400); padding-bottom: 1rem;}
div.bbs-wrap section.certi-course ul.certi-list > li div.bot ul.info-list > li{width: calc(100% / 3); padding-right: 0.5rem; font-size: 1rem; display: flex; align-items: baseline; margin-top: 1rem; border: 0}
div.bbs-wrap section.certi-course ul.certi-list > li div.bot ul.info-list > li span.lab{background: #666; color: #fff; padding: 0.5rem 0.625rem; border-radius: 50px; margin-right: 0.5rem; font-family: 'NanumNeo_B',sans-serif; white-space:nowrap;}
div.bbs-wrap section.certi-course ul.certi-list > li div.bot ul.info-list > li span.txt{line-height: 1.5;}
div.bbs-wrap section.certi-course ul.certi-list > li div.bot div.refund{padding: 1rem;}
div.bbs-wrap section.certi-course ul.certi-list > li div.bot div.refund p.inf-error{margin-top: 0; margin-bottom: 1rem; font-family: 'NanumNeo_B',sans-serif;}
div.bbs-wrap section.certi-course ul.certi-list > li div.bot div.refund div.txt p{margin-bottom: 0.5rem; font-family: 'NanumNeo_B',sans-serif;}
div.bbs-wrap section.certi-course ul.certi-list > li div.bot div.btn-wrap{text-align: center; margin-bottom: 1rem;}
@media(hover:hover){
	div.bbs-wrap section.certi-course ul.certi-list > li div.top a.detail-btn:hover{background: #fff; color: #333; font-family: 'NanumNeo_B',sans-serif;}
	div.bbs-wrap section.certi-course ul.certi-list > li div.top a.detail-btn:hover::after{background: url('../img/ico_next.svg') center/100% no-repeat;}
}

/* 자격증안내 상세 모달창 */
div.bbs-wrap section.certi-course div.certi-modal-wrap{}
div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal{}
div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal{max-width: 800px;}
div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal div.mhead{background: var(--color-main03); color: #fff; padding:1.25rem 2rem; display: flex; align-items: center; justify-content: space-between; border-radius: 1.5rem 1.5rem 0 0;}
div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal div.mhead p.tit{font-size: 1.4rem; font-family: 'NanumNeo_EB',sans-serif;}
div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal div.mhead a.modal-close{width: 2rem; height: 2rem; background: url('../img/ico_close_wh.svg') center / 100% auto no-repeat; transition: 0.3s; -webkit-transition: 0.3s;}
div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal div.mbody{padding: 2rem; overflow-y: auto; max-height: 80dvh;}
div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal div.mbody h4.c-name{font-size: 1.5rem; font-family: 'NanumNeo_EB',sans-serif; margin-bottom: 1rem;}
div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal div.mbody table{font-size: 1rem;}
@media(hover:hover){
	div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal div.mhead a.modal-close:hover{transform: rotate(180deg);}
}

/****** 반응형 ******/
@media screen and (max-width:1600px){

}

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

@media screen and (max-width:1280px){
	/* 공통 :: 상세검색 */
	div.search-wrap.detail{padding: 3rem;}

	/* list */
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{max-width:35rem;}

	/* gallery */
	div.bbs-wrap section.board.gallery ul.gallery-list li a div.thumb{height:15rem;}

	/* 자격증안내 리스트 */
	div.bbs-wrap section.certi-course ul.certi-list > li div.top p.c-tit{font-size: 1.3rem;}
}


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

@media screen and (max-width:1024px){
	/* 공통 :: 상세검색 */
	div.search-wrap.detail div.input-txt{width: 60%;}
	div.search-wrap.detail div.search div.select-sort{width: 35%;}
	div.search-wrap.detail div.search div.select-sort select{padding-right: 1.5rem;}

	/* 통합검색 */
	div.bbs-wrap section.board.total-search div.search-wrap div.inner div.inp input[type="text"]{width: 70%;}

	/* list */
	div.bbs-wrap section.board.list table.bbs-table thead th{padding:1.25rem 0.5rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td{padding:1rem 0.5rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{max-width:25rem;}

	/* write */
	div.bbs-wrap section.board.write{width:100%;}
	div.bbs-wrap section.board.write div.write-top{padding:1.5rem;}

	/* view */
	div.bbs-wrap section.board.view div.viewer div.view-top div.title h3{font-size: 1.8rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li{}

	/* gallery */
	div.bbs-wrap section.board.gallery ul.gallery-list li a div.thumb{height:13rem;}
	div.bbs-wrap section.board.gallery ul.gallery-list li a div.thumb span.category{font-size:0.85rem; padding: 0.4rem 0.625rem;}

	/* 자격증안내 리스트 */
	div.bbs-wrap section.certi-course ul.certi-list > li div.bot ul.info-list > li{width: 50%;}
	div.bbs-wrap section.certi-course ul.certi-list > li div.bot ul.info-list > li span.lab{width: 8rem; text-align: center; font-size: 0.85rem; padding:5px;}
}

@media screen and (max-width:800px){
	/* 통합검색 */
	div.bbs-wrap section.board.total-search div.search-wrap div.inner div.inp span.lab{display: none;}

	/* 공통 :: 카테고리 */
	div.bbs-wrap div.category{margin-bottom: 3rem;}
	div.bbs-wrap div.category ul > li a{padding: 0.4rem 0.8rem; font-size: 1.1rem;}

	/* pagination */
	div.pagination ul{gap:2px;}

	/* gallery */
	div.bbs-wrap section.board.gallery ul.gallery-list{justify-content: space-between;}
	div.bbs-wrap section.board.gallery ul.gallery-list li{width: 45%; margin-right: 0; margin-bottom: 4rem;}

	/* table */
	div.bbs-wrap section.board.list table.bbs-table{display:block; text-align: left;}
	div.bbs-wrap section.board.list table.bbs-table thead{display:none;}
	div.bbs-wrap section.board.list table.bbs-table tbody{display:block;}
	div.bbs-wrap section.board.list table.bbs-table tr{display:block;}
	div.bbs-wrap section.board.list table.bbs-table th{display:block;}
	div.bbs-wrap section.board.list table.bbs-table td{display:inline-block;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr{width:100%; padding:1rem; position:relative;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr.no-data{justify-content: center;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr.no-data td{text-align: center;}
	div.bbs-wrap section.board.list table.bbs-table tbody td{padding:0; text-align:left; font-size: 1rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.num{font-family:'Montserrat_B','NanumNeo_EB',sans-serif; color:var(--color-main01);}
	div.bbs-wrap section.board.list table.bbs-table tbody td.cate{font-size:0.85rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit{width:100%; margin:0.65rem 0;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{max-width:100%;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.loca{width: 100%;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr.main-noti td.num span.noti{display: block; font-size: 0; width: 2rem; height: 2rem; background: url('../img/ico_noti.svg') center / 100% no-repeat; box-shadow: none; padding: 0;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit{padding-left: 1.5rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit:before{left: 0; width: 1.25rem;height: 1.25rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.writer{font-size:0.8rem; padding-right:0.7rem; margin-right:0.7rem; position:relative; color:#777;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.writer:after{content:''; display:block; width:1px; height:60%; background:#ccc; position:absolute; top:20%; right:0;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.date{font-size:0.8rem; padding-right:0.7rem; margin-right:0.7rem; position:relative; color:#777;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.date:after{content:''; display:block; width:1px; height:60%; background:#ccc; position:absolute; top:20%; right:0;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.view{position:relative; padding-left:2.5rem; font-size:0.8rem; color:#777;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.view:before{content:'View.'; display:block; position:absolute; font-size:1em; color:inherit; top:0; left:0;}

	/* 자격증안내 리스트 */
	div.bbs-wrap section.certi-course ul.certi-list > li div.top p.c-tit{font-size: 1.25rem;}
	div.bbs-wrap section.certi-course ul.certi-list > li div.bot ul.info-list > li span.lab{width: 7rem; padding: 4px; margin-right: 0.3rem;}
	
	/* 자격증안내 상세 모달창 */
	div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal div.mhead{padding: 1.25rem 1.5rem;}
	div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal div.mbody{padding: 1.5rem;}
}

@media screen and (max-width:680px){
	/* 자격증안내 리스트 */
	div.bbs-wrap section.certi-course ul.certi-list > li{margin-bottom: 3rem;}
	div.bbs-wrap section.certi-course ul.certi-list > li div.top{padding: 1rem;}
	div.bbs-wrap section.certi-course ul.certi-list > li div.top p.c-tit{font-size: 1.125rem;}
	div.bbs-wrap section.certi-course ul.certi-list > li div.bot ul.info-list > li{width: 100%;}

	/* 자격증안내 상세 모달창 */
	div.bbs-wrap section.certi-course div.certi-modal-wrap div.certi-modal div.modal{max-width: unset; width: 90%;}

}

@media screen and (max-width:640px){
	/* 공통 :: 상세검색 */
	div.search-wrap.detail div.search{flex-wrap: wrap; gap: 0.8rem;}
	div.search-wrap.detail div.search div.select-sort{width: 100%;}
	div.search-wrap.detail div.input-txt{width: 100%;}

	/* 통합검색 */
	div.bbs-wrap section.board.total-search div.search-wrap{margin-bottom: 5rem;}

	/* 공통 :: 검색영역 */
	div.bbs-wrap div.bbs-top div.search{width: 100%;}
	div.bbs-wrap div.bbs-top div.search div.input-wrap{width: 100%;}

	/* write */
	div.bbs-wrap section.board.write div.write-top{padding:0;}

	/* view */
	div.bbs-wrap section.board.view div.viewer div.view-top div.title{padding: 1rem 0;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.title h3{font-size: 1.625rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info{gap: 1rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li{font-size: 0.9rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util a.btn-linkcopy{font-size: 0.9rem;}

	/* gallery */
	div.bbs-wrap section.board.gallery ul.gallery-list li{width: 48%;}
	div.bbs-wrap section.board.gallery ul.gallery-list li a div.thumb{height:12rem; margin-bottom: 1rem;}
	div.bbs-wrap section.board.gallery ul.gallery-list li a div.label p.tit{font-size: 1.2rem;}

	/* 자격증안내 리스트 */
	div.bbs-wrap section.certi-course div.bbs-top{flex-wrap: wrap;}
}

@media screen and (max-width:480px){
	/* 공통 :: 상세검색 */
	div.search-wrap.detail{padding: 2rem; padding-bottom: 3rem;}
	div.search-wrap.detail div.search-option div.form div.input-self{flex-wrap: wrap; gap:0.5rem;}

	/* pagination */
	div.pagination ul li{width:2.2rem; height:2.2rem; line-height:2.2rem; font-size:0.9rem;}

	/* view */
	div.bbs-wrap section.board.view div.viewer div.view-top div.title h3{font-size: 1.5rem;}
	div.bbs-wrap section.board.view div.viewer div.view-cont{padding: 1rem 0;}
	div.bbs-wrap section.board.view div.viewer div.view-attach{flex-wrap: wrap;}
	div.bbs-wrap section.board.view div.viewer div.view-attach span.lab{width: 100%; text-align:left; margin-bottom: 0.5rem;}

	/* comment */
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li{padding:1.25rem 1rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li.comment-reply{padding-left:2.625rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-wrap ul > li.comment-reply:before{left:0.875rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write{padding: 1.25rem;}

	/* gallery */
	div.bbs-wrap section.board.gallery ul.gallery-list li a div.label p.tit{font-size: 1.125rem;}

	/* 자격증안내 리스트 */
	div.bbs-wrap section.certi-course ul.certi-list > li div.top{flex-wrap: wrap; justify-content:center; gap: 0.8rem;}
	div.bbs-wrap section.certi-course ul.certi-list > li div.top p.c-tit{width: 100%; flex-direction: column;}
	div.bbs-wrap section.certi-course ul.certi-list > li div.top a.detail-btn{padding:0.4rem 2.25rem 0.4rem 0.8rem;}
}

@media screen and (max-width:400px){
	/* 공통 :: 검색영역 */
	div.bbs-wrap div.bbs-top div.search{flex-wrap: wrap;}

	/* gallery */
	div.bbs-wrap section.board.gallery ul.gallery-list li{width: 100%;}
}

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