@charset "UTF-8";

/********************************************************
■ 리스트
********************************************************/

/* 공통*/
.boardListTitle {margin-bottom:5rem; font-weight:normal; display:flex; gap: 3rem 0;  flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.boardListTitle .page-count{font-size:var(--krds-pc-font-size-body-large); width:100%;}
.boardListTitle .page-count b{color:var(--krds-color-light-primary-60);}
.boardListTitle .sch-input .ico-search{ right: var(--krds-gap-3); width:3.4rem; height:3.4rem; color:#fff; border-radius: 1.2rem; background: var(--krds-light-color-text-primary); background-size: 2rem;}
.boardListTitle .sch-input .ico-search .svg-icon{width:70%; background-color:#fff;}
.boardListRightTitle {display: flex; align-items: center; justify-content: center;; width:100%; padding:2rem;  border-radius: var(--krds-number-8); background: var(--krds-light-color-surface-primary-subtler); }
.boardListRightTitle .cell{border:1px solid var(--krds-light-color-border-gray-light);}
.boardListRightTitle .cell select{flex-shrink:0; border:none; height:4rem; line-height:1; color:var(--color-444); vertical-align:top; background:var(--krds-light-color-surface-white) url("/resource/images/content/sel_icon.svg") no-repeat right 10px top 50%;}


/* 카테고리 탭으로 */
.category {border-bottom: 1px solid #e5e5e5; margin-bottom:4rem;}
.category ul {text-align: center;}
.category ul li {display: inline-block;}
.category ul li a {position: relative; display: block; padding: 0 2rem 2rem; font-size:var(--krds-pc-font-size-body-large); font-weight: 500; color: var(--color-888); transition: 0.4s;}
.category ul li.on a, .category ul li a.on, .category ul li:hover a{text-decoration: none; color: var(--krds-light-color-text-basic);}
.category ul li a:after {content: ""; position: absolute; top:15%; right: 0; height: 15px; width: 1px; background: #d7d7d7;}
.category ul li:last-child a:after {content: none;}
.category ul li a span {position: relative; display: inline-block; height: 100%;} 
.category ul li a span:after {content: ""; position: absolute; bottom: calc(-100% + 7px); left: 0; width: 100%; height: 4px; background: #f8b922; opacity: 0; transition: 0.4s;}
.category ul li.on a span:after, 
.category ul li a.on span:after, 
.category ul li:hover a span:after, 
.category ul li.focus a span:after, 
.category ul li:active a span:after {opacity: 1;}

/*카테고리 리스트*/
.cate_count{display:flex; gap:3rem; font-size:var(--krds-pc-font-size-body-large); justify-content: center;}
.cate_count li{color:var(--color-444); cursor:pointer; white-space: nowrap;}
.cate_count li.on{color: var(--krds-light-color-text-primary);  font-weight:700; border-bottom: 2px solid var(--krds-light-color-text-primary);}

/* 검색 */
.boardSearch { text-align:center;display: flex; align-items: center; gap:var(--krds-gap-2); margin:0; }
.boardSearch label,
.boardSearch #searchInput{flex:1}



/*List*/
.boardListContainer { position:relative; color:#454545;   margin:0 auto;  }
.boardListContainer select {  }
.boardListContainer fieldset { border:none; }
.boardListContainer fieldset legend { display:none; }
.boardListContainer a { text-decoration:none; }
.boardListContainer img { border:none; vertical-align:middle;}
.boardListContainer .boardList {  }

.boardList table { margin:0;  clear:both; width:100%;}
.boardList table thead {  }
.boardList table thead tr th {color: var(--krds-light-color-text-basic); font-weight:500; text-align:center; padding:2rem 1rem; border-top:2px var(--krds-light-color-text-basic) solid; border-bottom:1px #d5d5d5 solid; background: #f5f5f5; }
.boardList table thead tr th span {  }
.boardList table tbody tr{}
.boardList table tbody tr td {color: #575757; padding:2rem; border-bottom:1px solid #dadada;  text-align:center; vertical-align:middle;}
.boardList table tbody tr td.num {  }
.boardList table tbody tr td.title { text-align:left; vertical-align:middle;   }
.boardList table tbody tr td.title a{color:#383C50;}
.boardList table tbody tr td.title i{color:var(--color-888);}
.boardList table tbody tr td.author .gall img { }
.boardList table tbody tr td.author{color:#575757; }
.boardList table tbody tr td.rdate { white-space:nowrap;color:#575757; }
.boardList table tbody tr td.rnum { color:#707070;  }
.boardList table tbody tr:hover,
.boardList table tbody tr:hover td{background:#f2f9ff;}
.boardList table tbody tr:hover td a{color: var(--krds-light-color-text-primary);}
.boardList table col.col10{width:10%}
.boardList table col.col15{width:15%}
.boardList table col.col45{width:45%}

@media (max-width:1024px){		
	.cate_count{gap:3rem; overflow-x: auto; justify-content: flex-start;}
	

	.boardSearch {flex: 1; flex-wrap:wrap;}
	.boardSearch .sch-input{flex:1;}
	
	.boardList table colgroup{display:none;}
	.boardList table thead{display:none;}
	.boardList table tr{display:block; position:relative; padding:2rem; padding-left:15%; margin-top:1rem; border-radius:3px; border:1px solid #eaecf1;}
	.boardList table tr:first-child{margin-top:0px;}
	.boardList table tr:nth-child(2n){background:#f9fafb;}
	.boardList table tbody tr td{display:block; border:none; padding:0; text-align:left; }
	.boardList table tbody tr td.num{position:absolute; left:0; top:2rem; width:15%; text-align:center;}
	.boardList table tbody tr td.category{display:none;}
	.boardList table tbody tr td.title{margin-bottom:5px;}
	.boardList table tbody tr td.title a{font-size:var(--krds-mobile-font-size-heading-medium); color:var(--color-444);}
	.boardList table tbody tr td.title span{display:inline-block;}
	.boardList table tbody tr td.title img{width:2rem;}
	.boardList table tbody tr td.list-file{display:none;}
	.boardList table tbody tr td.author,
	.boardList table tbody tr td.rdate,
	.boardList table tbody tr td.rnum{display:inline-block; font-size:var(--krds-mobile-font-size-body-medium); color:var(--color-888);}
	.boardList table tbody tr td.author{position:relative; padding-right:8px; margin-right:5px;}
	.boardList table tbody tr td.author:before{content:'';display : block; position : absolute; right :0; top:50%; transform:translateY(-50%);  width :1px; height : 60%; background:rgba(0,0,0,0.1);}

}
@media (max-width:768px){	
	.boardSearch{ gap: var(--krds-gap-3);}
}

/*뉴스 리스트*/
.newsList {--newslist-gap:3rem;}
.newsList ul{display: flex; flex-wrap: wrap; gap:4.7rem var(--newslist-gap);}
.newsList ul li{position: relative; width:calc((100% - var(--newslist-gap) * 2) / 3);  overflow: hidden; border-radius:1.2rem; transition: box-shadow 0.3s; -webkit-box-shadow: 2px 4px 12px 0px rgba(0,0,0,0.12) !important; box-shadow: 2px 4px 12px 0px rgba(0,0,0,0.12);}
.newsList ul li a{position: relative; display: block; position: relative; overflow:hidden; }
.newsList ul li:hover .gimg_in > img {top: 1rem !important;}
.newsList ul li a:before{content: ''; position: absolute; top: 0; left: 0;  width: calc(100% - 2px);  height: calc(100% - 2px);  border:none;  transition: border-color 0.3s;}
.newsList ul li a:after{ content: ''; position: absolute;  right: -4.5rem; bottom: -4.5rem;  display: block;  width: 0;  height: 0; background: var(--color-dark); border-radius: 5.8rem; z-index:-1; transition: all 0.3s ease-in-out 0s;}
.newsList ul li .gimg_in {padding-top: 70.5%;}
.newsList ul li:nth-child(n-1) .gimg_in {background:#e8f8eb;}
.newsList ul li:nth-child(2n) .gimg_in {background:#f4f4f4;}
.newsList ul li .gimg_in > span {width: 23rem;  display: block; transition: all 0.2s; aspect-ratio: 231 / 324; position: absolute;  top: 3rem;  left: 50%;  transform: translate(-50%, 0);}
.newsList ul li .gimg_in > img {width: 23rem;  display: block; transition: all 0.2s; aspect-ratio: 231 / 324; position: absolute;  top: 3rem;  left: 50%;  transform: translate(-50%, 0);}
.newsList ul li .txt_box { padding: 2rem 3rem;  z-index: 2; position: relative; background: #fff;}
.newsList ul li .cate{display: inline-block; font-size: var(--krds-pc-font-size-body-medium);  color: #666; margin-bottom: 0.5rem; padding: 0.5rem 0; line-height: 1; }
.newsList ul li .data_cate {display: inline-block; font-size:var(--krds-pc-font-size-body-medium); margin-bottom: 0.5rem; padding: 0.5rem 0; line-height: 1; color:#5695FF;}
.newsList ul li .data_cate.cateco_01{color:var(--krds-color-light-information-60);} /* 강의자료 */
.newsList ul li .data_cate.cateco_02{color:var(--krds-color-light-danger-60);} /* 교재 */
.newsList ul li .data_cate.cateco_03{color:var(--krds-color-light-warning-50);} /* 동영상 */
.newsList ul li .data_cate.cateco_04{color:var(--krds-color-light-success-60);} /* 홍보자료 */
.newsList ul li .data_cate.cateco_05{color:var(--krds-color-light-point-60);} /* 기본자료 */
.newsList ul li .title{display: block; color: var(--krds-light-color-text-basic); font-size:var(--krds-pc-font-size-body-large); font-weight: 600; text-overflow: ellipsis; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.25; height: 4.6em;}
.newsList ul li .date-wrap{display: flex; align-items: center; justify-content: space-between; margin-top: 1.6rem; font-size:var(--krds-pc-font-size-body-medium); color:var(--color-888); }
.newsList ul li .date-wrap .pdf {display: flex; background: #e7eef6; color: #555; padding: 0.7rem 1.6rem; border-radius: 5rem; align-items: center; gap: 0.8rem; font-size: var(--krds-pc-font-size-body-small); transition: all 0.3s;}
.newsList ul li .date-wrap .pdf .icon {position: relative; width:13px; height:17px; flex-shrink:0; background:url('/resource/images/content/pdf_icon.svg')no-repeat 50% 50%; background-size:cover;}
.newsList ul li .date-wrap .pdf:focus,
.newsList ul li .date-wrap .pdf:hover {background: #066e49; color:#fff;}
.newsList ul li .date-wrap .pdf:focus .icon,
.newsList ul li .date-wrap .pdf:hover .icon {background-image:url('/resource/images/content/pdf_icon_ov.svg')}
.newsList ul li .date-wrap em{position: absolute; right: 3rem; bottom: 3rem; width: 2.4rem; height: 2.4rem;}
.newsList ul li .date-wrap em.blank{background: url(/resource/images/main/curve_arrow.svg)no-repeat 50% 50%; background-size: 100%;}
.newsList ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1)}
.newsList ul li:hover a:before{border-width: 2px; border-color:var(--color-dark); width: calc(100% - 4px);  height: calc(100% - 4px); }
.newsList ul li:hover a.blank-wrap:after{width: 13rem; height: 13rem;}

@media (max-width:1300px){	
	.newsList{--newslist-gap:1rem;}

}
@media (max-width:1030px){		
	.newsList ul li .date-wrap .pdf > div {height: 18px;}
	.newsList ul li .date-wrap .pdf > div > img {top: -0.05em;}
}
@media (max-width: 524px){
	.newsList ul li{ width:100%;}
	.newsList ul li > a {height: 30rem;}
	.newsList ul li .title{height:auto; -webkit-line-clamp:unset;}
	.newsList ul li .gimg_in {padding-top: 100%;}
	.newsList ul li .date-wrap .pdf {padding: 0.7rem 2rem;font-size: var(--krds-mobile-font-size-label-medium);}
}


/*공지사항 리스트*/
.noticeList{border-top:2px solid var(--krds-light-color-text-basic)}
.noticeList ul li{border-bottom:1px solid var(--krds-light-color-border-gray-light);}
.noticeList ul li a{display:block; position: relative; padding: 4rem 8rem 4rem 20rem; background: var(--krds-light-color-surface-white); -webkit-transition: 0.3s;  transition: 0.3s;}
.noticeList ul li a:after{content: "\e940"; position: absolute; right:4rem; top:50%; font-family: 'xeicon'; color:var(--krds-light-color-border-gray-light); font-size:var(--krds-pc-font-size-display-small); transform:translateY(-50%); }
.noticeList ul li a.blank:after{content: "\e980";}
.noticeList ul li .num{position: absolute;  left: 0;top: 4rem;  font-family: var(--Paperlogy);  font-size: var(--krds-pc-font-size-heading-medium); width: 20rem; color:var(--krds-light-color-text-basic); line-height: 1.5;  font-weight: 700;  text-align: center;}
.noticeList ul li .title{display:block; color:var(--krds-light-color-text-basic); font-size:var(--krds-pc-font-size-heading-small); font-weight:600;}
.noticeList ul li .cate{display:inline-block; color:var(--color-888);margin-right:0.5rem;}
.noticeList ul li .date{display:block; color:var(--color-888);  margin-top:0.5rem;}
.noticeList ul li a:focus,
.noticeList ul li a:hover{background:#f2f9ff;}
.noticeList ul li a:focus:after,
.noticeList ul li a:hover:after{color:var(--krds-light-color-text-basic);}

@media (max-width:1030px){		
	.noticeList ul li a{padding: 4rem 8rem 4rem 8rem;}
	.noticeList ul li .num{width:8rem;}
	.noticeList ul li a:after{right:2rem;}
}


/*시도별 입시정보(갤러리)*/
.galleryList{--gallerylist-gap:3rem;}
.galleryList ul{display: flex; flex-wrap: wrap; gap:6rem var(--gallerylist-gap);}
.galleryList ul li{position: relative; width:calc((100% - var(--gallerylist-gap) * 2) / 3);  transition: box-shadow 0.3s;}
.galleryList ul li a{position:relative; display:block; height:100%; border-radius:1.5rem; }
.galleryList ul li span{display:block; }
.galleryList ul li .img-wrap{position:relative; padding-bottom:4rem; }
.galleryList ul li .img-wrap .img{display:block; position:relative; overflow:hidden; box-shadow:0 0px 10px rgba(0,0,0,0.1); border-radius:2rem; padding-top:60.5%; background:var(--krds-light-color-surface-white) url('/resource/images/main/faq_bg.svg')no-repeat 50% 50%; background-size:40% 100%;}
.galleryList ul li .img-wrap .img img{position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%)  scale(1); transition: all 0.2s ease-in-out 0s;}
.galleryList ul li .img-wrap .cate{position:absolute; left:2rem; bottom:2.8rem; background:var(--krds-light-color-divider-primary); color:var(--krds-light-color-surface-white); height:4.5rem; line-height:4.2rem; padding: 0 2rem; padding-top: 0.14rem; border-radius:4rem; font-size:var(--krds-pc-font-size-body-large); font-weight: 400; font-family: var(--Paperlogy); border: 1px solid #fff;}
.galleryList ul li .img-wrap .cate01{background:#0b50d0;}
.galleryList ul li .img-wrap .cate02{background:#FB872A; color:#111;}
.galleryList ul li .img-wrap .cate03{background:#c250c9;}
.galleryList ul li .img-wrap .cate04{background:#37BE73; color:#111;}
.galleryList ul li .txt-wrap{position:relative;}
.galleryList ul li .txt-wrap .title{padding:0 2rem; color:var(--krds-light-color-text-basic);font-size:var(--krds-pc-font-size-body-large); font-weight:600; text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.4em;height: 2.8em;}
.galleryList ul li .txt-wrap .date{position:relative; padding-left:2rem; margin-top:3.5rem; display: flex; align-items: center; justify-content: space-between; font-size:var(--krds-pc-font-size-body-medium); color:var(--color-888);  }
.galleryList ul li .txt-wrap .date i{font-size:var(--krds-pc-font-size-body-large); width:4rem; height:4rem; line-height:4rem; text-align:center; border-radius:50%;color:var(--krds-light-color-text-basic); background:#E8EEF6;}
.galleryList ul li .txt-wrap .date:before{content:''; position:absolute; left:0px; top:-1.5rem; width:100%; height:2px;  background:#ddd; transition: all 0.2s ease-out 0s;}
.galleryList ul li .txt-wrap .date:after{content:''; position:absolute; left:0px; top:-1.5rem; width:0; height:3px;  background:var(--krds-light-color-text-primary); transition: all 0.2s ease-out 0s;}
.galleryList ul li a:focus .txt-wrap .date:after,
.galleryList ul li a:hover .txt-wrap .date:after{width:100%;}
.galleryList ul li a:focus .img-wrap .img img,
.galleryList ul li a:hover .img-wrap .img img{transform: translate(-50%,-50%) scale(1.05);}
.galleryList ul li a:focus .txt-wrap:before,
.galleryList ul li a:hover .txt-wrap:before{background:var(--krds-light-color-divider-primary); color:var(--krds-light-color-surface-white);}

@media (max-width:1300px){		
	.galleryList {--gallerylist-gap:2rem;}
}
@media (max-width:1024px){		
	.galleryList ul li{width:calc((100% - var(--gallerylist-gap)) / 2);}
}
@media (max-width: 524px){
	.galleryList ul li{width:100%;}
}


.no-list{padding:1.5rem; background:url('/resource/images/content/way_bg02-5.jpg')repeat 0 0; }
.no-list > div{background:#fff; border-radius:3rem; padding:8rem 2rem; text-align:center; display: flex; align-items: center;  justify-content: center; color:var(--krds-light-color-text-basic); flex-direction: column;  gap: 4rem; font-size:var(--font-1);}


/*리스트 버튼*/
.boardListContainer .boardButton {margin-top:3rem; text-align:right; vertical-align:middle; }
.boardBtn{display:inline-block; height:5rem; line-height:5rem; border-radius:0.6rem; background:#f7f7f7; color:var(--color-888); padding:0 2rem; transition: all 0.2s ease-out 0s;}
.boardBtn:hover{box-shadow:0 5px 10px rgba(0,0,0,0.1); color:var(--krds-light-color-surface-white); background:var(--krds-light-color-divider-primary);}

/*페이징*/
.pagenate {clear: both;position: relative;padding: 2.5rem 0;	margin-top: 6rem;}
.pagenate .page {text-align: center}
.pagenate .page a {	
	display: inline-block;
	min-width: 4rem;
	height: 4rem;	
	line-height: 4rem;
	color: var(--color-444);
	border-radius:2rem;
	text-align: center;
	vertical-align: middle;	
	-webkit-transition-duration: .3s;	
	transition-duration: .3s;}
.pagenate .page a:hover{background:var(--krds-light-color-action-secondary-hover);}
.pagenate .page a:active{background:var(--krds-light-color-action-secondary-pressed);}
.pagenate .page a.active {color: var(--krds-light-color-surface-white);background-color: var(--krds-light-color-text-primary);}
.pagenate .page a.page_btn {width: 4rem;height: 4rem;padding: 0;font-size: 1px;	line-height: 0;	text-indent: -9999em;	overflow: hidden;	border: none;}
.pagenate .page a.first {background: url(../images/ic-page-first.png) no-repeat center center;}
.pagenate .page a.end {background: url(../images/ic-page-last.png) no-repeat center center;}
.pagenate .page a.prev {background: url(../images/ico-arrow-black-prev.png) no-repeat center center;}
.pagenate .page a.next {background: url(../images/ico-arrow-black-next.png) no-repeat center center;}




/*View*/
.boardViewContainer { position:relative; margin:0 auto;   }
.boardViewContainer #sub-tit{display:none;}
.boardViewContainer hr { display:none; }
.boardViewContainer select, .boardViewContainer textarea {  }
.boardViewContainer fieldset { margin:0; padding:0; border:none; }
.boardViewContainer fieldset legend { display:none; }
.boardViewContainer a { text-decoration:none; }
.boardViewContainer img { border:none; vertical-align:middle; max-width:100%;}

.boardViewContainer .board-view-top{border-bottom:2px solid var(--color-444); }
.boardViewContainer .board-view-top .subject{font-weight:600; font-size:var(--krds-pc-font-size-display-small); color:var(--krds-light-color-text-basic); }
.boardViewContainer .board-view-top .cate{display:inline-block;padding: 0.4em 1.25em;  margin: 0 0 0.5em 0;  border: 1px solid var(--krds-light-color-text-primary);border-radius: 2em;  line-height: 1em; font-size:var(--krds-pc-font-size-body-large); color:var(--krds-light-color-text-primary); font-weight:500;}
.boardViewContainer .board-view-top .regi-date{ color:var(--color-888); padding: 1.5rem 0;  font-size:var(--krds-pc-font-size-body-large);}
.boardViewContainer .board-view-top .regi-date img:not(:first-child){margin-left:1rem;}


.file-down {padding:2rem 1rem; border-bottom:1px var(--krds-light-color-border-gray-light) solid;}
.file-down a:not(:first-child){margin-top:1rem;}
.file-down .ico.ico-file {display:block;	padding:0 0 0 3.5rem; font-size:var(--krds-pc-font-size-body-medium);	background:url('/resource/images/content/ico-file.svg') no-repeat 0 0;color:var(--color-888); background-size:auto 2.2rem;}

.boardViewContainer .content-wrap { padding:4rem 0 4rem; border-bottom:1px solid var(--krds-light-color-border-gray-light); min-height: 30rem; font-size:var(--krds-pc-font-size-body-large) !important; line-height:1.5 !important; font-family:var(--krds-font-family-base) !important;}
.boardViewContainer .content-wrap *{font-size:var(--krds-pc-font-size-body-large) !important; line-height:1.5 !important; font-family:var(--krds-font-family-base) !important;}
.boardViewContainer .pnlAttachedImage {text-align:center; margin:1rem 0 3rem 0;}
.boardViewContainer .boardViewContent {margin:4rem 0 8rem; text-align:left; color:#575757;}
.boardViewContainer .boardViewContent p,
.boardViewContainer .boardViewContent span{ color:#575757;}
.boardViewContainer .boardViewBottom { margin:0 1rem 3px 0; color:#aaa; font-size:var(--krds-pc-font-size-body-xsmall); text-align:right; }
.boardViewContainer .boardViewFile{padding:2rem; border-top:1px solid var(--krds-light-color-border-gray-light);}
.boardViewContainer .boardViewFile a{  color:#757575 !important; vertical-align:middle; font-size:90%;}
.boardViewContainer .boardViewFile p { margin:0; padding:2px 0; }
.boardViewContainer .boardViewFile p img { margin-right:5px;}

.boardViewContainer .boardButton {margin:4rem 0 0;  text-align: center;}


/*게시판 상세 공공누리 부분 height 삭제*/
.codeView01 {height:auto !important;display: flex; border-top: 1px solid var(--krds-light-color-border-gray-light);padding: 2.5rem 0 0; align-items: center;margin-top: 4rem; margin-bottom:-6rem; }
.codeView01 div{height:auto !important; line-height:1.3 !important; color:var(--color-888) !important;}


/*이전다음글*/
.prev_next{border-top: 1px solid var(--krds-light-color-border-gray-light); margin-top:8rem;}
.prev_next li{display: flex; padding: 2rem 0; border-bottom: 1px solid var(--krds-light-color-border-gray-light); color: #666;  font-size: var(--krds-pc-font-size-body-large); line-height: 1;}
.prev_next li p{ display: flex; align-items: center;  justify-content: space-between; flex: 0 0 18rem;  padding: 0 2rem; font-weight: 500;}
.prev_next li:first-child p span:before{content:'이전글'}
.prev_next li:nth-child(2) p span:before{content:'다음글'}
.prev_next li:nth-child(2) p i:before{content: "\ea4e"; }
.prev_next li a{flex: 1 1 0; position: relative; padding-left: 2rem; font-weight: 300;}
.prev_next li a i{color:var(--color-888);}
.prev_next li:hover a{color:var(--krds-light-color-text-basic);}

/*상세 상태 아이콘*/
.ico-stat2 {display:inline-block;	vertical-align:middle;	font-size:var(--krds-pc-font-size-body-large);	font-weight:500;	padding:0.8rem 2.5rem;	border-radius:4rem;	line-height: 1em;	margin-left:0.5rem;}
.ico-stat2.ico-complete {color:var(--krds-light-color-surface-white);background-color:#FB872A;}
.ico-stat2.ico-standby {color:var(--krds-light-color-surface-white);	background-color: var(--krds-light-color-text-primary);}


/*패스워드 확인*/
.formbox{text-align:center;}
.formbox .form-img{    display: inline-block; margin-bottom:-10rem; border-radius: 50%; box-shadow:0 0 20px rgba(0,0,0,0.25);}
.formbox .form-img img{width:20rem; outline: 10px solid rgba(255,255,255,0.7); border-radius: 50%;}
.formbox .inner{max-width:100rem; background:#E8EEF6; border-radius:4rem; padding:14rem 4rem 4rem; margin: 0 auto;}
.formbox .inner .txt-box{margin-bottom:2rem;}
.formbox .inner .txt-box .top-txt{font-size:var(--krds-pc-font-size-heading-medium); font-weight:700;font-family: var(--Paperlogy); color:var(--krds-light-color-text-basic); margin-bottom:1rem; }
.formbox .inner .passwd-box{display:inline-flex; align-items: center; padding:1rem; background:rgba(255,255,255,0.7); border:1px solid var(--krds-light-color-surface-white); border-radius:0.5rem; gap:5px;}
.formbox .inner .passwd-box input[type="password"]{flex:1; }

/*게시판 상세 댓글 박스*/
.board-reply-wrap{}
.board-replybox {clear:both;position:relative;	background:var(--krds-light-color-surface-white); border:1px solid var(--krds-light-color-border-gray-light); border-top:2px solid var(--krds-light-color-divider-primary); padding:3rem;}
.board-replybox .reply-top {position:relative;padding:2rem; border-radius:2rem; box-shadow:0 0 10px rgba(0,0,0,0.15); }
.board-replybox .reply-top .tit {position:relative;	padding-left:6rem;	font-size:var(--krds-pc-font-size-heading-large);	color:var(--krds-light-color-text-basic);	font-weight:600;margin-bottom:2rem;}
.board-replybox .reply-top .tit span {position:absolute;top:0;left:0;color:var(--krds-light-color-text-primary); font-family: var(--Paperlogy); }
.board-replybox .reply-top .file-down{padding:0; border-bottom:none; margin-top:1rem;}
.board-replybox .reply-top .file-down .file-down-a{padding:1rem; background:#E8EEF6; border-radius:1rem;}
.board-replybox .board-writer-info {display:flex; font-size:var(--krds-pc-font-size-body-medium); color:var(--color-888); gap:2rem;}

.board-replybox .reply-content {padding: 4rem 2rem;}
.board-replybox .reply-content *{font-size:var(--krds-pc-font-size-body-large) !important; line-height:1.5 !important; font-family:var(--krds-font-family-base) !important;}

@media (max-width:1500px){	
	.board-reply-wrap{padding:4rem 2rem 10rem;}
}

@media (max-width:1300px){	
	.prev_next li p{flex-basis: 10rem;  padding: 0 1.5rem 0 0;}
	.prev_next li a{ padding-left: 1.5rem;}
	
	.board-replybox{padding:2rem;}
}
@media (max-width:1024px){	
	.boardViewContainer .board-view-top .subject{font-size:var(--krds-mobile-font-size-display-small);}
	
}
@media (max-width:767px){	
	.prev_next li a{overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 1.3em; }
	.board-replybox .reply-content{padding: 4rem 0rem;}
}

/********************************************************
■ Write
********************************************************/
/*Write*/
.boardWriteContainer { position:relative; color:var(--krds-light-color-text-basic);    margin:0 auto; }
.boardWriteContainer h3 { width:100%; margin:2px; padding:6px 0 6px 10px; border:1px solid var(--krds-light-color-border-gray-light);  background:linear-gradient(180deg, #fefefe 0%, #eee 100%);}
.boardWriteContainer form { margin:0; padding:0; }
.boardWriteContainer select, .boardWriteContainer textarea {  }
.boardWriteContainer fieldset { margin:0; padding:0; border:none; }
.boardWriteContainer fieldset legend { display:none; }
.boardWriteContainer img { border:none; vertical-align:middle; }
.boardWriteContainer .requireP{margin-bottom:0.5rem; text-align:right;}
.boardWriteContainer .requireP em{color: #e00000; margin-right:5px;}
.boardWriteContainer table {width:100%; border-top:2px solid var(--krds-light-color-text-basic); table-layout: fixed;   }
.boardWriteContainer table col.col20{width:20%}
.boardWriteContainer table col.col30{width:30%}
.boardWriteContainer table th, .boardWriteContainer table td { padding:3px 0; }
.boardWriteContainer table th {color: var(--krds-light-color-text-basic);  font-weight:500; padding:1.5rem 0 1.4rem 0; text-align:center; border-bottom: 1px solid var(--krds-light-color-border-gray-light); background-color:#f8f8f8; }
.boardWriteContainer table td{color: var(--krds-light-color-text-basic); padding:1.5rem 1rem 1.4rem 1rem; border-bottom: 1px solid var(--krds-light-color-border-gray-light); vertical-align:middle;}
.boardWriteContainer table td .set-con{display:inline-block;}
.boardWriteContainer table td img { border:none; vertical-align:middle; }

.boardWriteContainer table td input[type='text'].captcha{width:calc(100% - 15rem);}
.boardWriteContainer table td input.hasDatepicker{background: url('/images/default/content/cal.png') no-repeat 95% center; background-size:2rem auto;}
.boardWriteContainer table td .file{width:450px;}

.boardWriteContainer .boardButton { margin-top:4rem;text-align:center; vertical-align:middle;}
.boardWriteContainer .boardButton input{ vertical-align:middle; font-size:var(--krds-pc-font-size-body-large) !important; }
.boardWriteContainer .boardButton .button{width:15rem; height:6rem; line-height:6rem; margin:0 5px;}

.add-file-list input[type="file"]{display:block; width:100%; padding: .4rem; border:1px solid var(--krds-light-color-input-border); border-radius: 0.4rem; }
.add-file-list input[type="file"]:focus{border-color: var(--krds-light-color-input-border-active); border-width: 2px; outline: none; box-shadow: none;}
.add-file-list input[type="file"]::file-selector-button{background:var(--krds-color-light-primary-70); font-size:1.5rem; border:none; color:#fff; border-radius:0.4rem; padding:0.5rem 2rem; margin-right:0.4rem; cursor:pointer}

/* 버튼 */
.btn_wrap{text-align:center; margin-top:5rem;}
.btn_confirm {display:inline-block; margin:0px 5px; font-size:var(--krds-pc-font-size-body-large) !important; width:20rem; height:6rem; line-height:6rem;  font-weight: 500;  color: var(--krds-light-color-surface-white); border: 1px solid var(--color-dark); background-color: var(--color-dark); cursor:pointer; border-radius:3px; }
.btn_cancel {display:inline-block; margin:0px 5px; font-size:var(--krds-pc-font-size-body-large) !important; width:20rem; height:6rem; line-height:6rem;  font-weight: 500;  color: var(--color-888);  background-color: var(--krds-light-color-surface-white); border:1px solid var(--color-888); cursor:pointer; border-radius:3px; }
.btn_confirm:hover,
.btn_cancel:hover{box-shadow:0px 5px 10px rgba(0,0,0,0.1);}

/*캡차*/
.input-group-captcha{display:flex;	width:100%;}
.input-group-captcha>li {vertical-align:top;}
.input-group-captcha>li:first-child {width:150px;text-align:center;	display: flex; flex-wrap: wrap; gap:0.5rem 1rem;}
.input-group-captcha>li:last-child {padding-left:2rem;}
.input-group-captcha>li:last-child input[type="text"] {	width:auto;	min-width:380px;}
.input-group-captcha .btn-reload,
.input-group-captcha .btn-sound {position:relative;padding-left:2rem;color:var(--color-888);font-size:var(--krds-pc-font-size-body-xsmall);line-height: 2rem;}
.input-group-captcha .btn-reload:before,
.input-group-captcha .btn-sound:before{font-family: 'remixicon' !important;display:inline-block;position:absolute;	top:0;	left:0;	font-size: var(--krds-pc-font-size-body-medium);}
.input-group-captcha .btn-reload::before{content: "\f064";}
.input-group-captcha .btn-sound::before {content: "\f2a2"; 	}

@media (max-width:1030px){
	.boardWriteContainer .boardButton input{padding:0 2rem;}
	.boardWriteContainer table td .file{width:100%;}
	
	/*qna 쓰기*/
	.input-group-captcha {display:flex;	gap: 2rem;	}
	.input-group-captcha>li {display:block;	padding:0;	}
	.input-group-captcha>li:last-child {flex:1;	padding:0;}
	.input-group-captcha>li:last-child input[type="text"] {	width: 100%;}
}

@media (max-width:767px){
	.boardWriteContainer table{border:none;}
	.boardWriteContainer table, 
	.boardWriteContainer table thead, 
	.boardWriteContainer table tbody, 
	.boardWriteContainer table th, 
	.boardWriteContainer table td, 
	.boardWriteContainer table tr {display: block;}
	.boardWriteContainer table thead tr {position: absolute;top: -9999px;left: -9999px;}
	.boardWriteContainer table th{text-align:left; background:none; border:none;  padding:0; padding-top:2rem; margin-top:2rem; border-top:1px solid var(--krds-light-color-border-gray-light); margin-bottom:10px;}
	.boardWriteContainer table tr:first-child th{margin-top:0;}
	.boardWriteContainer table td{padding:0; border-bottom:none; text-align:left;}
	.boardWriteContainer table td select{width:48%; margin-bottom:10px;}
	.boardWriteContainer table td .set-con{display:block;}
	.boardWriteContainer table td .chks:first-child{margin-left:0;}
}



/********************************************************
■ faq
********************************************************/

.faq-wrap {border-bottom:2px solid var(--krds-light-color-text-basic); border-top:2px solid var(--krds-light-color-text-basic)}
.faq-wrap .faq-row .faq-q {	background-color:var(--krds-light-color-surface-white);	border-top:1px solid #e5e5e5;}
.faq-wrap .faq-row .faq-q a {position:relative;	display:block;	padding:3.5rem 7rem 3.5rem 3rem;}
.faq-wrap .faq-row .faq-q a .cate{display:block; font-size:var(--krds-pc-font-size-body-medium); font-weight:500; color:var(--krds-light-color-text-primary);}
.faq-wrap .faq-row .faq-q a .txt{display:flex; margin-top:0.5rem; font-weight:600; font-size:var(--krds-mobile-font-size-heading-medium);  }
.faq-wrap .faq-row .faq-q a .txt em{display:inline-block; font-weight:700;font-family: var(--Paperlogy); margin-right:1.5rem;}
.faq-wrap .faq-row .faq-q a::after {position:absolute;	display:block;	content: "\ea4e"; top:50%; right:2.5rem; width:4rem; height:4rem; background:#E8EEF6;		line-height:4rem; text-align:center;	border-radius:50%;	font-size: var(--krds-mobile-font-size-heading-medium);	margin-top:-2rem;	font-family: 'remixicon' !important;	-webkit-transform: rotateZ(0deg );	transform: rotateZ(0deg );	-webkit-transition:all ease-in-out 0.3s;	transition:all ease-in-out 0.3s;}
.faq-wrap .faq-row .faq-q a.open .txt{color:var(--krds-light-color-text-primary);}
.faq-wrap .faq-row .faq-q a.open::after {-webkit-transform: rotateZ(180deg );transform: rotateZ(180deg ); background:var(--krds-light-color-divider-primary); color:var(--krds-light-color-surface-white);}
.faq-wrap .faq-row .faq-a {	position:relative;	padding:3.5rem 3rem 3.5rem 6.5rem;	font-weight:500 !important;	background-color:var(--krds-color-light-primary-5);line-height:1.5;word-break:keep-all;display: none;}
.faq-wrap .faq-row .faq-a *{font-family:var(--krds-font-family-base) !important;	font-size:var(--krds-pc-font-size-body-large) !important;}
.faq-wrap .faq-row .faq-a em{position:absolute; left:3rem; top:3.5rem; font-weight:700;font-family: var(--Paperlogy);}

 @media (max-width:767px){
	.faq-wrap .faq-row .faq-q a {padding:3.5rem 4.5rem 3.5rem 2rem;}
	.faq-wrap .faq-row .faq-q a::after{right:0;}
}