@charset "utf-8";
/****************************************************************************************************************
	[common guide]
	10. common
	11. box-area
	12. tab-wrap
	13. toggle-wrap
	14. board-wrap
	15. list-wrap
	19. popup
****************************************************************************************************************/
/* 10. common */
[data-tab-action="hide"] {display:none;}
[data-tab-action="show"] {display:block;}

/* 개수에 따른 너비 설정 */
[data-column-value="2"] li {width:50%;}
[data-column-value="3"] li {width:33.33%;}
[data-column-value="4"] li {width:25%;}
[data-column-value="5"] li {width:20%;}
[data-column-value="6"] li {width:16.66%;}
[data-column-value="7"] li {width:14.28%;}
[data-column-value="8"] li {width:12.5%;}
[class*="-footer"][data-column-value="2"] [class*="-btn"] {width:calc(50% - 4px);}
[class*="-footer"][data-column-value="3"] [class*="-btn"] {width:calc(33.33% - 4px);}
[class*="-footer"][data-column-value="4"] [class*="-btn"] {width:calc(25% - 4px);}
[class*="-footer"][data-column-value="5"] [class*="-btn"] {width:calc(20% - 4px);}
[class*="-footer"][data-column-value="6"] [class*="-btn"] {width:calc(16.66% - 4px);}
[class*="-footer"][data-column-value="7"] [class*="-btn"] {width:calc(14.28% - 4px);}
[class*="-footer"][data-column-value="8"] [class*="-btn"] {width:calc(12.5% - 4px);}
.default-table [data-column-value="2"] [class*="-btn"] {width:calc(50% - 4px);}
.default-table [data-column-value="3"] [class*="-btn"] {width:calc(33.33% - 4px);}
.default-table [data-column-value="4"] [class*="-btn"] {width:calc(25% - 4px);}
.default-table [data-column-value="5"] [class*="-btn"] {width:calc(20% - 4px);}
.default-table [data-column-value="6"] [class*="-btn"] {width:calc(16.66% - 4px);}
.default-table [data-column-value="7"] [class*="-btn"] {width:calc(14.28% - 4px);}
.default-table [data-column-value="8"] [class*="-btn"] {width:calc(12.5% - 4px);}

/* 11. box-area */
/* 이미지 영역 */
.figure-list {}
.figure-article {}
.figure-area {display:inline-block;}
.figure-caption-article {}
/* 비디오 영역 */
.video-list {}
.video-article {}
.video-area {overflow:hidden;}
.video-area video {width:100%;}
/* pdf 파일 미리보기 : type="application/pdf" */
.embed-list {}
.embed-article {}
.embed-area {display:block;width:100%;margin:0 auto;}
.embed-area::-webkit-scrollbar {height:8px;width:8px;}
.embed-area::-webkit-scrollbar-track {background-color:#ebebeb;border-radius:4px;}
.embed-area::-webkit-scrollbar-thumb {background-color:#6b6b6b;border-radius:4px;}
.embed-area::-webkit-scrollbar-button {display:none;}
/* loading */
.loading-area {display:none;background-color:rgba(255,255,255,0.5);position:fixed;top:0;right:0;left:0;bottom:0;text-align:center;z-index:20;}
.loading-area:after {display:inline-block;content:"";height:100%;vertical-align:middle;}
.loading-area .img-area {display:inline-block;height:100px;width:80px;vertical-align:middle;}

/* 소단위 텍스트 영역 */
.text-area {}
.text-area .tit {}
.text-area .txt {}
.text-area * + .txt {}
.text-area .txt + .txt {}

/* 12.tab-wrap */
.tab-list [data-tab-action="active"],
.tab-list .active {}

/* 13. toggle-wrap */
[data-type="toggle"] {} /* 토글을 검색하는 data- 값 */
[data-type="toggle"] [class*="toggle-btn"] {} /* 토글 액션 수행 */
[data-toggle-action] {} /* 수행할 액션 값 : slide, animate, menu */
[data-slide-action] {} /* slide 액션의 설정 : slideUp, slideDown */
[data-slide-action="slideDown"] .toggle-function-btn:after {display:none;}
[data-animate-action] {} /* slide 액션의 설정 : passive, active */

/* 19. popup */
[data-modal-action="disabled"] {display:none;}
[data-modal-action="active"] {display:block;}
[data-modal-action="active"] .layerPop-area {opacity:1;}
/***************************************************************************
	[PC 중간 사이즈 분기]
	- 1024 x 1280
***************************************************************************/
@media screen and (max-width:750px) {
	.loading-area[data-modal-style="loading"] {background-color:rgba(255,255,255,1);display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;}
	.loading-area {background-color:rgba(255,255,255,0.8);}
	.loading-area .img-area {height:auto;margin:0 auto;width:125px;}
	.loading-area .loading-default-txt {font-size:18px;font-weight:600;line-height:36px;margin-bottom:50px;width:100%;}
}

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

}

@media screen and (min-width:1921px) {

}