@charset "utf-8";


/*________________ List Page _______________*/
.boWrap{padding:0;}
#pageMake{position:relative;width:100%;}
#pageMake:after{display:block;visibility:hidden;clear:both;content:""}
.binpage{height:100px;display:flex;align-items:center;justify-content:center;}
#pageMake img{max-width:100%;}
	.section-wrap{position:relative;margin:0;padding:0;width:100%;display:block;float:left;}
	.section-wrap.autoHeight{display:flex;align-items:center;height:auto;}
	.section-wrap .latest-wrap{width:100%;position:relative;}
	/*.section-wrap:after{content:'';display:block;width:100%;height:7px;background:rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.07);border-bottom:1px solid rgba(0,0,0,0.07);}*/
	.section-wrap:last-child:after{display:none;}

	.section-wrap .section-container{position:relative;padding:40px 0;}
	.section-wrap:first-child .section-container{padding-top:20px;}
	.section-wrap .section-container .thumbImg img{border-radius:2px;}
	.section-wrap .section-container .block-title{font-family:'NanumSquare',sans-serif;font-size:24px;font-weight:700;line-height:1.4em;color:#272626;}
	.section-wrap .section-container .contents{font-size:14px;line-height:1.3em;color:#272626;}
	.section-wrap .section-container .contents *{line-height:1.3em;}
	.section-wrap .section-container .block-title + .contents{margin-top:10px;}
	.section-wrap .section-container .linkSet a{word-break:keep-all;padding:0 20px;height:44px;font-size:15px;font-weight:600;color:#fff;background:rgba(71,78,103,0.4);min-width:150px;border-radius:4px;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;}
	.section-wrap .section-container .linkSet a:hover{background:#1bc8a6;}
	.section-wrap .section-container * + .linkSet{margin-top:30px;}
	.section-wrap.height-fixed .section-container{width:100%;height:100%;}

	.section-wrap .layout-basic{text-align:left;}
	.section-wrap .layout-basic .mediaCon + .textCon{margin-top:15px;}

	.section-wrap .layout-bottom{text-align:left;display:flex;flex-direction:column;}
	.section-wrap .layout-bottom .textCon{order:-1;}
	.section-wrap .layout-bottom .mediaCon + .textCon{margin-top:10px;margin-bottom:15px;}
	.section-wrap .layout-bottom * + .linkSet{margin-bottom:10px;}

	.section-wrap .layout-lt{display:flex;flex-direction:column;}
	.section-wrap .layout-lt .mediaCon + .textCon{margin-top:20px;}

	.section-wrap .layout-rt{display:flex;flex-direction:column;}
	.section-wrap .layout-rt .textCon{order:-1;}
	.section-wrap .layout-rt .mediaCon + .textCon{margin-bottom:15px;}	
	
	.section-wrap.bg-img{}
	.section-wrap .layout-bg{min-height:var(--vh);text-align:center;}
	.section-wrap .layout-bg .block-title{color:#fff;}
	.section-wrap .layout-bg .contents{color:#fff;}
	.section-wrap .layout-bg .mediaCon + .textCon{margin-top:20px;}
	.section-wrap .layout-bg .linkSet a{color:rgba(0,0,0,0.8);background:#fff;}
	.section-wrap .layout-bg .linkSet a:hover{color:#fff;background:#1bc8a6;}
	.section-wrap.height-fixed .layout-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0;}
	.section-wrap.height-fixed .layout-bg .textCon{order:-1;}
	.section-wrap.height-fixed .layout-bg .mediaCon + .textCon{margin-bottom:20px;}
	.section-wrap.height-fixed .layout-bg .mediaCon{width:100%;text-align:left;}
	.section-wrap.height-fixed .layout-bg .mediaCon .video-container,
	.section-wrap.height-fixed .layout-bg .mediaCon .youtube-wrap,
	.section-wrap.height-fixed .layout-bg .mediaCon .vimeo-wrap{width:100%;}
	.section-wrap.height-fixed .layout-bg .basic-white{position:absolute;bottom:0;left:0;display:block;width:100%;z-index:3;}

	.section-wrap .layout-title-block{text-align:left;display:flex;flex-direction:column;}	
	.section-wrap .layout-title-block .textCon{order:-1;padding-top:80px;padding-bottom:110px;}
	.section-wrap .layout-title-block .mediaCon{position:relative;margin-top:-60px;margin-bottom:80px;}
	.section-wrap .layout-title-block .mediaCon .gall_con{position:absolute;top:0;left:0;z-index:6;width:100%;height:100%;}
	.section-wrap .layout-title-block .mediaCon .textSubject{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);font-size:16px;text-align:center;}
	.section-wrap .layout-title-block .mediaCon .textSubject a{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}
	.section-wrap .layout-title-block .mediaCon .textSubject a:hover{background:rgba(0,0,0,0.1);}
	.section-wrap .layout-title-block .mediaCon .cate_link,
	.section-wrap .layout-title-block .mediaCon .pagination{display:none;}
	
	.section-wrap.BGCOLOR .section-container .block-title,
	.section-wrap.BGCOLOR .section-container .contents *:not(a){color:#fff;}
	.section-wrap.BGCOLOR .section-container .linkSet a{color:#fff;background:transparent;border:2px solid #fff;}
	.section-wrap.BGCOLOR .section-container .linkSet a:hover{color:rgba(0,0,0,0.8);background:#fff;}
	.section-wrap.BGCOLOR:not(.list-style1) .section-container .mediaCon *{color:#fff !important;}

#main-tabs {position:fixed;bottom:0;left:0;width:100%;z-index:21;text-align:center;padding:0 15px;}
.ms-tabs{position:relative;width:100%;margin:20px auto;box-shadow:0 5px 5px rgba(0,0,0,0.04);}
.ms-tabs:after{display:block;visibility:hidden;clear:both;content:""}
.ms-tabs li{float:left;display:inline-block;font-size:14px;font-weight:600;width:33.33%;height:52px;background:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.2);border-right-width:0;}
.ms-tabs li.active{background:rgba(71,78,103,1);color:#fff;border-right-width:1px;}
.ms-tabs li.active a{color:#fff;}
.ms-tabs li:last-child{border-right-width:1px;}
.ms-tabs li a{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.ms-tabs li.active + li{border-left:0;}



/* html (에디터) */
.tabs-uni{position:relative;margin-top:30px;}
.tabs-uni:after{display:block;visibility:hidden;clear:both;content:""}
.tabs-uni a{float:left;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;padding:0 10px;height:40px;background:#eee;border-radius:3px;margin-right:10px;margin-top:10px;transition:all .2s ease-in-out; color:#212121}
.tabs-uni a:hover{background:#bbbdc0;}

@media screen and (min-width:851px) and (max-width:1600px) {
	.tabs-uni a{width:calc(33.33% - 12px);}
	.tabs-uni a:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:850px) {
	.tabs-uni a{width:calc(50% - 8px);}
	.tabs-uni a:nth-child(2n){margin-right:0;}
}