#wrap{ margin-top: 120px; }
section.sub_header{
	width: 100%; height: auto;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

section.sub_header .containner,
section.sub_header .containner .contents {
	width: 100%; height: auto;
}

section.sub_header .containner .contents .page_header_title {
	position: absolute; top: 50%; left: 50%;
	width: 100%; height: auto; line-height: 1;
	font-size: 100px; color: #fff; text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

section.sub_header .sub_visual {
	max-width: 1660px; width: 100%; height: auto;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}


section.sub_nav,
section.sub_nav .containner,
section.sub_nav .containner .contents {
	width: 100%; height: auto;
}

section.sub_nav .containner .contents {
	width: 100%; height: auto;
	max-width: 1660px; width: 100%; height: auto;
	padding: 40px 40px 0px;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

section.sub_nav .sub_nav_item { 
	width: auto; height: auto; line-height: 18px;
	font-size: 14px; color: #000; text-align: left;
}


section.sub_nav .sub_nav_item.arrow { 
	width: auto; height: 10px;
	margin-top: 4px;
	margin-left: 12px; 
	margin-right: 15px;
}


section.sub_lnb{ margin-top: 60px; }
section.sub_lnb,
section.sub_lnb .containner,
section.sub_lnb .containner .contents {
	width: 100%; height: auto;
}


section.sub_lnb .containner .contents {
	display: flex;
	width: 100%; height: auto;
	max-width: 1660px; width: 100%; height: auto;
	padding: 0px 40px;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

section.sub_lnb .sub_lnb_item {
	flex: 1 1 0;
	width: auto; height: 65px; line-height: 65px;
	font-size: 22px; color: #999999; text-align: center;
	border-bottom: 1px solid #ccc;
}

section.sub_lnb .sub_lnb_item:hover { color: #000; }
section.sub_lnb .sub_lnb_item.on { color: #000; font-weight: 700; pointer-events: none; }
section.sub_lnb .sub_lnb_item.on::after {
	content: '';
	position: absolute; bottom: -1px; left: 0px;
	width: 100%; height: 3px; 
	background-color: #222;
}



.sub_main_title.small { font-size: 60px; }
.sub_main_title {
	width: 100%; height: auto;
	padding-top: 136px;
}
.sub_main_title > div.small { font-size: 60px; }
.sub_main_title > div {

	font-size: 80px; text-align: left;

	background: linear-gradient(to right top, #057CF8 0%, #00D3FF 100%);

	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	clip-path: inset(1px);

	max-width: 1260px; width: 100%; height: auto;  line-height: 1.2;
	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.sub_info_box {
	margin-top: 60px; 
	max-width: 1260px; width: 100%; height: auto; 
	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.sub_info_box > div { float: right; width: 63%; height: auto; }
.sub_info_box .sub_info_title {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 32px; color: #000; text-align: left;
}

.sub_info_box .sub_info_desc.big { line-height: 1.3; font-size: 32px; }
.sub_info_box .sub_info_desc {
	width: 100%; height: auto; line-height: 1.7;
	font-size: 18px; color: #000; text-align: left;
	margin-top: 10px;
}





#paging {
	width: 100%; height: auto; 

	display: flex;
    justify-content: center;
    align-items: center;
	gap: 20px;
}

#paging .arrow {
	width: 13px; height: auto;
	margin: 0px 15px;
}

#paging .arrow *{
	width: 100%; height: auto;
}

#paging .page-number { 
	line-height: 1.2; 
	color: #999; font-size: 20px; 
	padding: 0px 5px; 
    margin-top: -1px;
}
#paging .page-number.active { color: #000; font-weight: 700; } 
#paging .page-number.active::after {
	content: '';
	position: absolute; left: 0px; bottom: 0px;
	width: 100%; height: 2px; 
	background-color: #000;
}


section .title_box { width: 100%; height: auto; }
section .title_box .title{
	width: 100%; height: auto; line-height: 1.3;
	color: #333; text-align: center;
	font-size: 65px; font-weight: 700;
}
section .title_box .sub{
	width: 100%; height: auto; line-height: 1.3;
	color: #787878; text-align: center;
	font-size: 26px; font-weight: 400;
	margin-top: 12px;
}


section .title_box .category{
	width: 100%; height: auto; line-height: 1.3;

	color: #00C3FF; text-align: center;
	font-size: 35px; font-weight: 700;
	margin-bottom: 30px;
}


section .title_box .info{
	width: auto; height: auto; line-height: 1.3;
	color: #fff; text-align: center;
	font-size: 26px; font-weight: 500;
	margin-top: 35px;

	border-radius: 60px;
	padding: 18px 38px;
	background-color: #00C3FF;

	cursor: pointer;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}




@media (max-width: 479px){ 
	#wrap{ margin-top: calc((70 / 480)* 100vw); }
	section.sub_header .sub_visual { min-height: calc((228 / 480)* 100vw); }
	section.sub_nav .containner .contents { padding: calc((20 / 480)* 100vw) calc((30 / 480)* 100vw) 0px; }
	section.sub_nav .sub_nav_item { font-size: calc((13 / 480)* 100vw); }

	section.sub_lnb { margin-top: calc((70 / 480)* 100vw); border-bottom: 1px solid #121212; }
	section.sub_lnb .containner .contents {
		left: 0%; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); display: -webkit-box; 
		width: auto; max-width: 100%; padding: 0px calc((30 / 480)* 100vw);  overflow-x: scroll; overflow-y: hidden; margin-bottom: -1px; }
	section.sub_lnb .sub_lnb_item:nth-child(1) { margin-left: 0px; }
	section.sub_lnb .sub_lnb_item { flex: auto; margin-left: calc((50 / 480)* 100vw); border: 0px; height: auto; line-height: calc((45 / 480)* 100vw); font-size: calc((22 / 480)* 100vw); }

	section.sub_lnb .containner .contents::-webkit-scrollbar { top: 0px; right: 0px; width: 0px; height: 0px; border: 0px solid #ffffff00; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-button { opacity: 0; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-button:start:decrement, section.sub_lnb .containner .contents::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-button:start:decrement, section.sub_lnb .containner .contents::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-track { background: #efefef00; -webkit-border-radius: 0px; border-radius:0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.0); }
	section.sub_lnb .containner .contents::-webkit-scrollbar-thumb { height: 0px; width: 0px; background: rgba(0,0,0,.0); -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.0); }


	.sub_main_title { padding-top: calc((76 / 480)* 100vw); }
	.sub_main_title > div { font-size: calc((40 / 480)* 100vw); }
	.sub_info_box { margin-top: calc((30 / 480)* 100vw); }
	.sub_info_box > div { width: 100%; }
	.sub_info_box .sub_info_title { font-size: calc((26 / 480)* 100vw); }
	.sub_info_box .sub_info_desc { font-size: calc((18 / 480)* 100vw); margin-top: calc((5 / 480)* 100vw); }
	.sub_info_box .sub_info_desc br { display: none; }

	.sub_main_title > div.small { font-size:  calc((40 / 480)* 100vw); }

	#paging .arrow { width: calc((10 / 480)* 100vw); }
	#paging .page-number { font-size: calc((18 / 480)* 100vw); }

	section .title_box .title { font-size: calc((30 / 480)* 100vw); }

	section .title_box .sub { 
		font-size: calc((18 / 480)* 100vw);
	}

	section.sub_nav .sub_nav_item.arrow {
		margin-left: calc((12 / 480)* 100vw);
		margin-right: calc((15 / 480)* 100vw);
	}

	section.sub_header .containner .contents .page_header_title{ font-size: calc((40 / 480)* 100vw); }


	section .title_box .info{
		font-size: calc((18 / 480)* 100vw); 
		margin-top: calc((25 / 480)* 100vw);

		border-radius: calc((40 / 480)* 100vw);
		padding: calc((8 / 480)* 100vw) calc((20 / 480)* 100vw);
	}
}

@media (max-width: 749px) and (min-width: 480px) { 
	#wrap{ margin-top: 70px; }
	section.sub_header .sub_visual { min-height: 228px; }
	section.sub_nav .containner .contents { padding: 20px 30px 0px; }
	section.sub_nav .sub_nav_item { font-size: 13px; }

	section.sub_lnb { margin-top: 70px; border-bottom: 1px solid #121212; }
	section.sub_lnb .containner .contents { left: 0%; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); display: -webkit-box; max-width: 100%; width: auto; padding: 0px 30px;  overflow-x: scroll; overflow-y: hidden;  }
	section.sub_lnb .sub_lnb_item:nth-child(1) { margin-left: 0px; }
	section.sub_lnb .sub_lnb_item { flex: auto; margin-left: 50px; border: 0px; height: auto; line-height: 45px; font-size: 22px;}

	section.sub_lnb .containner .contents::-webkit-scrollbar { top: 0px; right: 0px; width: 0px; height: 0px; border: 0px solid #ffffff00; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-button { opacity: 0; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-button:start:decrement, section.sub_lnb .containner .contents::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-button:start:decrement, section.sub_lnb .containner .contents::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-track { background: #efefef00; -webkit-border-radius: 0px; border-radius:0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.0); }
	section.sub_lnb .containner .contents::-webkit-scrollbar-thumb { height: 0px; width: 0px; background: rgba(0,0,0,.0); -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.0); }


	.sub_main_title { padding-top: 76px; }
	.sub_main_title > div { font-size: 40px; }
	.sub_info_box { margin-top: 30px; }
	.sub_info_box > div { width: 100%; }
	.sub_info_box .sub_info_title { font-size: 26px; }
	.sub_info_box .sub_info_desc { font-size: 18px; margin-top: 5px; }
	
	.sub_info_box .sub_info_desc br { display: none; }
	.sub_main_title > div.small { font-size: 40px; }


	#paging .arrow { width: 10px; }
	#paging .page-number { font-size: 18px; }

	section .title_box .title { font-size: 30px; }

	section .title_box .sub { 
		font-size: 18px;
	}

	section .title_box .category{ font-size: 16px; margin-bottom: 10px; }

		section.sub_header .containner .contents .page_header_title{ font-size: 45px; }
 
 
	section .title_box .info{
		font-size: 18px; 
		margin-top: 25px;

		border-radius: 50px;
		padding: 8px 20px;
	}

}

@media (max-width: 1023px) and (min-width: 750px) { 
	#wrap{ margin-top: 70px; }
	section.sub_header .sub_visual { min-height: 228px; }
	section.sub_nav .containner .contents { padding: 20px 30px 0px; }
	section.sub_nav .sub_nav_item { font-size: 13px; }

	section.sub_lnb { margin-top: 70px; border-bottom: 1px solid #121212; }
	section.sub_lnb .containner .contents { left: 0%; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); display: -webkit-box; width: auto; padding: 0px 30px;  overflow-x: scroll; overflow-y: hidden;  }
	section.sub_lnb .sub_lnb_item:nth-child(1) { margin-left: 0px; }
	section.sub_lnb .sub_lnb_item { flex: auto; margin-left: 50px; border: 0px; height: auto; line-height: 45px; font-size: 22px;}

	section.sub_lnb .containner .contents::-webkit-scrollbar { top: 0px; right: 0px; width: 0px; height: 0px; border: 0px solid #ffffff00; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-button { opacity: 0; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-button:start:decrement, section.sub_lnb .containner .contents::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-button:start:decrement, section.sub_lnb .containner .contents::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.sub_lnb .containner .contents::-webkit-scrollbar-track { background: #efefef00; -webkit-border-radius: 0px; border-radius:0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.0); }
	section.sub_lnb .containner .contents::-webkit-scrollbar-thumb { height: 0px; width: 0px; background: rgba(0,0,0,.0); -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.0); }
    

	.sub_main_title { padding-top: 76px; }
	.sub_main_title > div { font-size: 40px; }
	.sub_info_box { margin-top: 30px; }
	.sub_info_box > div { width: 100%; }
	.sub_info_box .sub_info_title { font-size: 26px; }
	.sub_info_box .sub_info_desc { font-size: 18px; margin-top: 5px; }
	
	.sub_info_box .sub_info_desc br { display: none; }
	
	.sub_main_title > div.small { font-size: 40px; }

	#paging .arrow { width: 10px; }
	#paging .page-number { font-size: 18px; }

	section .title_box .title { font-size: 52px; }

	section .title_box .sub { 
		font-size: 24px;
	}

	section .title_box .category{ font-size: 26px; }

	section.sub_header .containner .contents .page_header_title{ font-size: 60px; }



	section .title_box .info{
		font-size: 24px; 
		margin-top: 30px;

		border-radius: 60px;
		padding: 10px 25px;
	}

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	.sub_info_box > div { width: calc((680 / 1024)* 100vw); }
	.sub_info_box .sub_info_desc { font-size: 16px; }

	section.sub_lnb .sub_lnb_item { font-size: 20px; }
}





@media (max-width: 479px){ 
	.ck.ck-editor{ font-size: calc((24px / 480)* 100vw); }

}

@media (max-width: 749px) and (min-width: 480px) { 
	.ck.ck-editor{ font-size: 24px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	.ck.ck-editor{ font-size: 26px; }
}


@media (max-width: 1279px) and (min-width: 1024px) { 
	.ck.ck-editor{ font-size: 28px; }
}



#wrap.sub_about { padding-bottom: 180px; }
.sub_about_title {
	width: 100%; height: auto; line-height: 1;
	margin-top: 145px;
	font-size: 60px; font-weight: 700; text-align: center;
	color: #00C3FF;
}

@media (max-width: 479px){ 
	.sub_about_title { font-size: calc((35 / 480)* 100vw); margin-top: calc((80 / 480)* 100vw);}
	 #wrap.sub_about { padding-bottom: calc((90 / 480)* 100vw); }

}

@media (max-width: 749px) and (min-width: 480px) { 
	.sub_about_title { font-size: 35px; margin-top: 80px; }
	 #wrap.sub_about { padding-bottom: 90px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	.sub_about_title { font-size: 40px; margin-top: 80px; }
	 #wrap.sub_about { padding-bottom: 90px; }

}


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

}



/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


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

	}
*/