body {
	background-color: #000;
}

/****************************************
*										*
*		section: .visual;				*
*										*
*****************************************/
section.visual {
	width: 100%; height: auto;

	background: inherit;
}

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










/****************************************
*										*
*		section: .partner;				*
*										*
*****************************************/
section.partner {
	width: 100%; height: auto;
	background: inherit;
}

section.partner .containner { width: 100%; height: 100%; }
section.partner .containner .contents {
	display: flex; align-items: center;
	max-width: 100%; width: auto; height: 100%;

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

	padding: 117px 0px 80px;
	gap: 50px;
	flex-wrap: wrap;
	justify-content: center;
}


section.partner .containner .contents .partner_item {
	width: auto; height: auto; 
	display: flex; align-items: center;
	justify-content: center;

}



section.partner .containner .contents .partner_item:first-child { 
	width: 100%; height: auto;
	margin-bottom: 30px;
}

section.partner .containner .contents .partner_item:first-child img { 
	width: auto; height: 68px;
}

section.partner .containner .contents .partner_item img { 
	width: auto; height: 69px;
}



/****************************************
*										*
*		section: .venture;				*
*										*
*****************************************/
section.venture {
	width: 100%; height: auto;
	background: inherit;
}

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



section.venture .txt_desc {
	width: 100%; height: auto; line-height: 1.45;
	font-size: 22px; color: #fff; text-align: center;
	margin-top: 30px;
}

section.venture .venture_area {
	width:  100%; max-width: 1260px; height: 154px;

	margin-top: 100px;
	padding: 0px 20px;
	padding-top: 45px;


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

	display: flex;
	gap: 40px;

}




section.venture .txt_info{
	width: 100%; height: auto; line-height: 1.45;
	margin-top: 112px;
	font-size: 22px; color: #fff; text-align: center;
	padding-bottom: 180px;
}

section.venture .venture_img {
	width: 100%; height: auto;
	margin-top: 112px;
	display: flex; align-items: center;
	justify-content: center;
}

section.venture .venture_img .mo { display: none; }

section.venture .venture_img img {
	width: 100%; max-width: 939px; height: auto;
}





/****************************************
*										*
*		section: .media;				*
*										*
*****************************************/
section.media { width: 100%; height: auto; padding: 80px 0px 75px; }
section.media .containner .contents { width: 100%; height: auto; }
section.media .sec_title {
	width: 100%; height: auto; line-height: 1;
	color: #000; text-align: center;
	font-size: 32px;
}

section.media .category_box {
	width: 100%; height: auto;
	margin-top: 70px;
	display: flex;
	justify-content: center; 
	align-items: center;
	align-content: center;
	gap: 78px;
}

section.media .category_box .category_btn.on { color: #00C3FF; }
section.media .category_box .category_btn {
	width: auto; height: auto; line-height: 1.2;
	color: #000;
	font-size: 22px; font-weight: 700;
	background-color: rgba(0,0,0,0); border: 0px;
	cursor: pointer;
}

section.media .contents_list {
	width: 100%; height: auto; 
	margin-top: 48px;
}

section.media .contents_list > div {
	width: 100%; height: auto;
}

section.media .contents_list .contents_item {
	width: calc(33.333% - 17px); height: auto;
	margin-bottom: 17px;
	background-color: #9c9c9c;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	cursor: pointer;
}

section.media .contents_list .contents_item .bg{
	width: 100%; height: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.media .contents_list .contents_item .bg img{ width: 100%; height: auto; }

section.media .contents_list .contents_item .gradient{
	position: absolute; bottom: 0px; left: 0px;
	width: 100%; height: 60%; max-height: 100%;
	background: linear-gradient(180deg, rgba(24, 43, 93, 0.00) 0%, rgba(24, 43, 93, 0.80) 59.41%);
	z-index: 1;
}

section.media .contents_list .contents_item .info{
	position: absolute; bottom: 0px; left: 0px;
	width: 100%; height: auto;
	padding: 40px 60px 60px 40px;
	z-index: 2;
}

section.media .contents_list .contents_item .info .contents_cagegory {
	width: 100%; height: auto; line-height: 1.1;
	color: #00C3FF;
	font-size: 20px; font-weight: 500;
}

section.media .contents_list .contents_item .info .contents_title {
	width: 100%; height: auto; max-height: 80px; line-height: 40px;
	color: #FFF;
	font-size: 30px; font-weight: 700;
	margin-top: 33px;
}
section.media .contents_list .contents_item:hover:not(.video) .info{
	bottom: auto; top: 0px;
	height: 100%;
	background: #00C3FF;
}
section.media .contents_list .contents_item:hover:not(.video) .info .contents_cagegory { color: #fff; }
section.media .contents_list .contents_item:hover:not(.video) .info .contents_title {
	max-height: 160px;

	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;

	display: -webkit-box;
	-webkit-line-clamp: 4; 
	-webkit-box-orient: vertical;
}

section.media .contents_list .contents_item:not(:hover) .info .contents_title {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;

	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}

section.media .contents_list .contents_item:hover:not(.video) .btn{
	position: absolute; bottom: 20px; right: 24px;
	width: 40px; height: 40px;

	background-image: url(../images/more_icon.svg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

	z-index: 2;
}

section.media .contents_list .contents_item.video .btn{
	position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

	width: 90px; height: 90px;

	background-image: url(../images/video_icon.svg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}



section.media .contents_more {
	width: 100%; height: auto; 
	margin-top: 70px;
}

section.media .contents_more button {
	width: 292px; height: 73px; 
	border: 0px;
	border-radius: 10px;
	background: #00C3FF;
	
	color: #FFF; text-align: center;
	font-size: 18px; font-weight: 700;

	cursor: pointer;

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










/****************************************
*										*
*		section: .collab;				*
*										*
*****************************************/
section.collab { width: 100%; height: auto; padding: 90px 0px 110px; background: #12297E; }
section.collab .containner .contents { width: 100%; height: auto; }
section.collab .sec_title {
	width: 100%; height: auto; line-height: 1;
	color: #fff; text-align: center;
	font-size: 32px;
}

section.collab .collab_list {
	width: 100%; height: auto;
	margin-top: 80px;

    display: grid;

    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;

    gap: 35px;

	padding-bottom: 35px;
	overflow: auto;
	justify-content: center;
}

section.collab .collab_list::-webkit-scrollbar-button:start:decrement, section.collab .collab_list::-webkit-scrollbar-button:end:increment {display: block;width: 0px; height: 0px; background: #efefef; }
section.collab .collab_list::-webkit-scrollbar {width: 8px; height: 8px; border: 0px solid #fff; border-radius:10px; }
section.collab .collab_list::-webkit-scrollbar-button:start:decrement, section.collab .collab_list::-webkit-scrollbar-button:end:increment {display: block; width: 0px; height: 0px; background: #efefef; }
section.collab .collab_list::-webkit-scrollbar-track {background: #0F0E3B; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
section.collab .collab_list::-webkit-scrollbar-thumb { border: 1px solid #fff; box-sizing: border-box;  height: 0px; width: 0px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }

section.collab .collab_list .collab_item {
	width: 368px; height: 170px;
	border-radius: 30px; 
	padding: 15px;
	background-color: #fff;
	display: flex;
	gap: 15px;

    align-items: center;
    justify-content: center;
	cursor: pointer;
}

section.collab .collab_list .collab_img {
	width: 140px; height: 140px;
	border-radius: 25px;
	background-color: #e4e4e7;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.collab .collab_list .collab_info {
	width: calc(100% - 140px - 15px); height: auto;
}

section.collab .collab_list .collab_info .collab_category {
	width: 100%;
	line-height: 1.3;
	color: #00C3FF;
	font-size: 12px; font-weight: 500;
}

section.collab .collab_list .collab_info .collab_title {
	width: 100%;
	height: 3.9em; line-height: 1.3;
	color: #000;
	font-size: 14px; font-weight: 700;

	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;

	display: -webkit-box;
	-webkit-line-clamp: 3; 
	-webkit-box-orient: vertical;
}


section.collab .collab_list .collab_info .collab_nick {
	line-height: 1.3;
	color: rgba(0, 0, 0, 0.50);
	font-size: 12px; font-weight: 500;
	margin-top: 20px;
}










br.main_mo { display: none; }
@media (max-width: 479px){ 
	br.main_mo { display: block !important; }

	section.visual .containner .contents img { min-height: calc((300 / 480)* 100vw); }

	section.partner { height: calc((54 / 480)* 100vw); }
	section.partner .containner .contents { padding: calc((10 / 480)* 100vw) calc((30 / 480)* 100vw); }
	

	section.contact { height: calc((234 / 480)* 100vw); }
	section.contact .containner .contents .title { line-height: 1; font-size: calc((40 / 480)* 100vw); }
	section.contact .containner .contents .info { line-height: 1.5; font-size: calc((18 / 480)* 100vw); margin-top: calc((5 / 480)* 100vw); } 







	/****************************************
	*										*
	*		section: .venture;				*
	*										*
	*****************************************/
	section.venture { padding: calc((85 / 480)* 100vw) 0px calc((80 / 480)* 100vw); }
	section.venture .ko_title { font-size: calc((40 / 480)* 100vw); }
	section.venture .en_title { font-size: calc((18 / 480)* 100vw); }
	section.venture .txt_desc { font-size: calc((18 / 480)* 100vw); margin-top: calc((50 / 480)* 100vw); }
	section.venture .txt_desc br { display: none; }


	section.venture .venture_area { 
		width: calc((350 / 480)* 100vw); max-width: 100%; height: auto;
		margin-top: calc((60 / 480)* 100vw);
		padding: 0px calc((10 / 480)* 100vw);

		left: 50%; 
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		flex-wrap: wrap; 
	}

	section.venture .venture_area { gap: calc((10 / 480)* 100vw); }
	section.venture .venture_area .venture_area_item { 
		width: calc(50% - ((5 / 480)* 100vw)); height: calc((85 / 480)* 100vw); line-height: calc((85 / 480)* 100vw); font-size: calc((15 / 480)* 100vw);
	}
	section.venture .venture_area::after { 
		display: none;
		width: calc(100% - 25% - 6px);
	}

	section.venture .venture_area .venture_area_item::after {
		display: none;
		top: -30px; height: 30px;
	}



	section.venture .txt_info { font-size: calc((16 / 480)* 100vw); margin-top: calc((60 / 480)* 100vw); }
	section.venture .txt_info br { display: none; }



	/****************************************
	*										*
	*		section: .media;				*
	*										*
	*****************************************/
	section.media .category_box { 
		margin-top: calc((45 / 480)* 100vw); 
		display: -webkit-box;
		overflow-x: auto;
		gap: 0px;
	}

	section.media .category_box::-webkit-scrollbar { top: 0px; right: 0px; width: 0px; height: 0px; border: 0px solid #ffffff00; }
	section.media .category_box::-webkit-scrollbar-button { opacity: 0; }
	section.media .category_box::-webkit-scrollbar-button:start:decrement, section.media .category_box::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.media .category_box::-webkit-scrollbar-button:start:decrement, section.media .category_box::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.media .category_box::-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.media .category_box::-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); }
    
	section.media.max_width .containner .contents { padding-right: calc(30px - 15px); }


	section.media .category_box .category_btn:nth-child(1) { margin-left: 0px; }
	section.media .category_box .category_btn {
		margin-left: calc((10 / 480)* 100vw);
	}

	section.media .sec_title { font-size: calc((24 / 480)* 100vw); }
	section.media .category_box .category_btn {
		font-size: calc((18 / 480)* 100vw); 
		padding: calc((7 / 480)* 100vw) calc((14 / 480)* 100vw);
		border-radius: calc((40 / 480)* 100vw);
		background-color: #E4E4E7;
		color: #8F8F8F;
	}


	section.media .category_box .category_btn.on {
		background-color: #00C3FF;
		color: #fff;	
	}




	section.media .contents_list { margin-top: calc((30 / 480)* 100vw); }
	section.media .contents_list .contents_item.video { width: calc(100% - ((13 / 480)* 100vw)); }
	section.media .contents_list .contents_item.video .bg img { height: calc((480 / 480)* 100vw); }


	section.media .contents_list .contents_item {
		width: calc(50% - ((15 / 480)* 100vw));
		margin-bottom: calc((15 / 480)* 100vw);

	}
	section.media .contents_list .contents_item .info .contents_cagegory { font-size: calc((16 / 480)* 100vw); }
	section.media .contents_list .contents_item .info .contents_title {
		margin-top: calc((10 / 480)* 100vw); 
		font-size: calc((18 / 480)* 100vw);
		line-height: calc((20 / 480)* 100vw); max-height: calc((40 / 480)* 100vw);
	}
	section.media .contents_list .contents_item:hover:not(.video) .btn { bottom: calc((20 / 480)* 100vw); right: calc((24 / 480)* 100vw); width: calc((30 / 480)* 100vw); height: calc((30 / 480)* 100vw); }
	section.media .contents_list .contents_item:hover:not(.video) .info .contents_title { max-height: calc((80 / 480)* 100vw); }
	section.media .contents_list .contents_item .info { padding: calc((30 / 480)* 100vw) calc((20 / 480)* 100vw); }
	section.media .contents_list .contents_item.video .btn {
		width: calc((45 / 480)* 100vw); height: calc((45 / 480)* 100vw);
	}

	section.media .contents_more button {
		width: calc((200 / 480)* 100vw); height: calc((65 / 480)* 100vw);
		font-size: calc((18 / 480)* 100vw); 
	}

	section.media .contents_more { margin-top: calc((45 / 480)* 100vw); }
	section.media { padding: calc((80 / 480)* 100vw) 0px calc((75 / 480)* 100vw); }


	/****************************************
	*										*
	*		section: .collab;				*
	*										*
	*****************************************/
	section.collab .sec_title { font-size: calc((24 / 480)* 100vw); }
	section.collab .collab_list { margin-top: calc((45 / 480)* 100vw); }
	section.collab .collab_list { gap: calc((20 / 480)* 100vw); }

	section.collab {padding: calc((90 / 480)* 100vw) 0px calc((110 / 480)* 100vw); }


	section.collab .collab_list .collab_item {
		width: calc((368 / 480)* 100vw); height: calc((170 / 480)* 100vw);
		border-radius: calc((30 / 480)* 100vw); 
		padding: calc((15 / 480)* 100vw);
		gap: calc((15 / 480)* 100vw);
	}

	section.collab .collab_list .collab_img {
		width: calc((140 / 480)* 100vw); height: calc((140 / 480)* 100vw);
		border-radius: calc((25 / 480)* 100vw);
	}

	section.collab .collab_list .collab_info {
		width: calc(100% - ((140 / 480)* 100vw) - ((15 / 480)* 100vw));
	}

	section.collab .collab_list .collab_info .collab_category {
		font-size: calc((12 / 480)* 100vw); 
	}

	section.collab .collab_list .collab_info .collab_title {
		font-size: calc((14 / 480)* 100vw); 
	}


	section.collab .collab_list .collab_info .collab_nick {
		font-size: calc((12 / 480)* 100vw); 
		margin-top: calc((20 / 480)* 100vw);
	}





}

@media (max-width: 749px) and (min-width: 480px) { 
	br.main_mo { display: block !important; }

	section.visual .containner .contents img { min-height: 300px; }

	section.partner { height: 54px; }
	section.partner .containner .contents { padding: 10px 30px; }
	

	section.contact { height: 234px; }
	section.contact .containner .contents .title { line-height: 1; font-size: 40px; }
	section.contact .containner .contents .info { line-height: 1.5; font-size: 18px; margin-top: 5px; } 



	/****************************************
	*										*
	*		section: .venture;				*
	*										*
	*****************************************/
	section.venture { padding: 85px 0px 80px; }
	section.venture .ko_title { font-size: 40px; }
	section.venture .en_title { font-size: 18px; }
	section.venture .txt_desc { font-size: 18px; margin-top: 50px; }
	section.venture .txt_desc br { display: none; }

	section.venture .venture_area { 
		width: 350px; max-width: 100%; height: auto;
		margin-top: 60px;
		padding: 0px 10px;
		padding-top: 30px;

		left: 50%; 
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		flex-wrap: wrap; 
	}

	section.venture .venture_area { gap: 10px; }
	section.venture .venture_area .venture_area_item { 
		width: calc(50% - 5px); height: 85px; line-height: 85px; font-size: 15px;
	}
	section.venture .venture_area::after { 
		display: none;
		width: calc(100% - 25% - 6px);
	}

	section.venture .venture_area .venture_area_item::after {
		display: none;
		top: -30px; height: 30px;
	}

	section.venture .txt_info { font-size: 18px; margin-top: 60px; }
	section.venture .txt_info br { display: none; }


	/****************************************
	*										*
	*		section: .media;				*
	*										*
	*****************************************/
	section.media .category_box { 
		margin-top: 45px; 
		display: -webkit-box;
		overflow-x: auto;
		gap: 0px;
	}

	section.media .category_box::-webkit-scrollbar { top: 0px; right: 0px; width: 0px; height: 0px; border: 0px solid #ffffff00; }
	section.media .category_box::-webkit-scrollbar-button { opacity: 0; }
	section.media .category_box::-webkit-scrollbar-button:start:decrement, section.media .category_box::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.media .category_box::-webkit-scrollbar-button:start:decrement, section.media .category_box::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef00; }
	section.media .category_box::-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.media .category_box::-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); }
    
	section.media.max_width .containner .contents { padding-right: calc(30px - 15px); }


	section.media .category_box .category_btn:nth-child(1) { margin-left: 0px; }
	section.media .category_box .category_btn {
		margin-left: 10px;
	}

	section.media .sec_title { font-size: 24px; }
	section.media .category_box .category_btn { 
		font-size: 20px; 
		padding: 7px 14px;
		background-color: #E4E4E7;
		color: #8F8F8F;
		border-radius: 40px;

	}

	section.media .category_box .category_btn.on {
		background-color: #00C3FF;
		color: #fff;	
	}



	section.media .contents_list { margin-top: 30px; }
	section.media .contents_list .contents_item.video { width: calc(100% - 13px); }
	section.media .contents_list .contents_item.video .bg img { height: 480px; }
	section.media .contents_list .contents_item {
		width: calc(50% - 15px);
	}
	section.media .contents_list .contents_item .info .contents_cagegory { font-size: 16px; }
	section.media .contents_list .contents_item .info .contents_title {
		margin-top: 10px; 
		font-size: 18px;
		line-height: 20px; max-height: 40px;
	}
	section.media .contents_list .contents_item:hover:not(.video) .btn { width: 30px; height: 30px; }
	section.media .contents_list .contents_item:hover:not(.video) .info .contents_title { max-height: 80px; }
	section.media .contents_list .contents_item .info { padding: 30px 20px; }
	section.media .contents_list .contents_item.video .btn {
		width: 45px; height: 45px;
	}

	section.media .contents_more button {
		width: 200px; height: 65px;
	}

	section.media .contents_more { margin-top: 45px; }



	/****************************************
	*										*
	*		section: .collab;				*
	*										*
	*****************************************/
	section.collab .sec_title { font-size: 24px; }
	section.collab .collab_list { margin-top: 45px; }
	section.collab .collab_list { gap: 20px; }




}

@media (max-width: 1023px) and (min-width: 750px) { 
	br.main_mo { display: block !important; }
	section.partner { height: 54px; }
	section.partner .containner .contents { padding: 10px 30px; }
	section.partner .containner .contents .partner_item { padding: 0px 40px; }
	section.partner .containner .contents .partner_item::before { height: 17px; }

	section.venture { padding: 85px 0px 80px; }
	section.venture .ko_title { font-size: 40px; }
	section.venture .en_title { font-size: 18px; }
	section.venture .txt_desc { font-size: 18px; margin-top: 50px; }
	section.venture .txt_desc br { display: none; }

	section.venture .venture_area { 
		width: 100%; max-width: 100%; height: auto;
		margin-top: 100px;
		padding: 0px 20px;
		padding-top: 45px;

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

	section.venture .venture_area { gap: 30px; }
	section.venture .venture_area::after { 
		width: calc(100% - 25% - 6px);
	}

	section.venture .venture_area .venture_area_item { 
		width: auto; flex: 1; height: 68px; line-height: 68px; font-size: 20px;
	}

	section.venture .txt_info { font-size: 18px; margin-top: 88px; }
	section.venture .txt_info br { display: none; }


	section.contact { height: 234px; }
	section.contact .containner .contents .title { line-height: 1; font-size: 40px; }
	section.contact .containner .contents .info { line-height: 1.5; font-size: 18px; margin-top: 5px; } 



	/****************************************
	*										*
	*		section: .media;				*
	*										*
	*****************************************/
	section.media .category_box { gap: 30px; margin-top: 45px; }
	section.media .sec_title { font-size: 26px; }
	section.media.max_width .containner .contents { padding-right: calc(40px - 17px); }


	section.media .category_box .category_btn { font-size: 20px; }

	section.media .contents_list { margin-top: 30px; }
	section.media .contents_list .contents_item .info .contents_cagegory { font-size: 16px; }
	section.media .contents_list .contents_item .info .contents_title {
		margin-top: 20px; 
		font-size: 18px;
		line-height: 20px; max-height: 40px;
	}
	section.media .contents_list .contents_item:hover:not(.video) .btn { width: 30px; height: 30px; }
	section.media .contents_list .contents_item:hover:not(.video) .info .contents_title { max-height: 80px; }
	section.media .contents_list .contents_item .info { padding: 30px 20px; }
	section.media .contents_list .contents_item.video .btn {
		width: 60px; height: 60px;
	}

	section.media .contents_more button {
		width: 200px; height: 65px;
	}

	section.media .contents_more { margin-top: 45px; }


	/****************************************
	*										*
	*		section: .collab;				*
	*										*
	*****************************************/
	section.collab .sec_title { font-size: 24px; }
	section.collab .collab_list { margin-top: 45px; }

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	
	/****************************************
	*										*
	*		section: .media;				*
	*										*
	*****************************************/
	section.media .contents_list .contents_item .info .contents_cagegory { font-size: 18px; }
	section.media .contents_list .contents_item .info .contents_title {
		margin-top: 20px; 
		font-size: 24px;
		line-height: 30px; max-height: 60px;
	}
	section.media .contents_list .contents_item:hover:not(.video) .info .contents_title { max-height: 120px; }
	section.media .contents_list .contents_item .info { padding: 40px 30px; }
	section.media .contents_list .contents_item.video .btn {
		width: 70px; height: 70px;
	}
	section.media.max_width .containner .contents { padding-right: calc(40px - 17px); }


}


/*
	@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) { 

	}
*/









#popup_bg {
	display: none;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #101010;
	z-index: 99999;
	opacity: 0.4;
}

#popup_containner {
	display: none;
	top: 50%; left: 50%;
	max-width: 975px; width: 100%; height: auto; 
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index: 999999;
}
#popup_containner > div {
	width: 100%; height: auto;
	padding: 0px 120px;
	box-sizing: border-box;
}

#popup_slider {	width: 100%; max-width: 100%; height: auto; }
#popup_slider > img { width: 100%; max-width: 100%; height: auto;}
#popup_slider_item {
	top: 0px; left: 0px;
	width: 100%; height: calc(100% - 40px);
	margin-bottom: 0px;
}

#popup_slider_item img { width: 200%; height: 100%; max-height: calc(100vh - 200px); }
#popup_info {
	width: 100%; height: 40px; line-height: 40px;
	padding: 0px 12px;
	background-color: #fff;
	box-sizing: border-box;
}
#popup_info .check {
	font-size: 15px; color: #101010; 
	top: 50%; left: 12px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	cursor: pointer; 
	z-index: 1;
}
#popup_info span { font-family: "dotum" !important; font-size: 13px; color: #101010; margin-left: 20px; cursor: pointer; }
#popup_info .close { 
	cursor: pointer; 
	font-size: 20px; color: #101010; 
	top: 50%; right: 12px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	z-index: 1;

}

#popup_slider_item .slick-prev, #popup_slider_item .slick-next { display: none !important; }

#popup_containner .popup_arrow {
	top: 50%; 
	width: auto; height: auto;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
#popup_containner .popup_arrow i { font-size: 80px; color: #fff; margin-top: -40px; }

#popup_prev { left: 40px; }
#popup_next { right: 40px; }

#popup_slider_item .slick-dots { bottom: 2%; }

#popup_slider_item  .slick-dots li { width: 12px; height: 12px; background-color: #fff; border-radius: 100%; opacity: 0.6; }
#popup_slider_item  .slick-dots li * { display: none; }
#popup_slider_item  .slick-dots li.slick-active { opacity: 1;  }


br.m_nav_btn2 { display: none; }
@media (max-width: 479px){ 
	#popup_containner > div { padding: 0px 30px; }
	#popup_containner .popup_arrow i { font-size: 25px; font-weight: bold; }
	#popup_prev { left: 0px; }
	#popup_next { right: 0px; }
	#popup_slider_item .slick-dots { bottom: 3%; }
	#popup_slider_item .slick-dots li { width: 10px; height: 10px; }
	#popup_info span { font-size: 12px; }
	#popup_info .close { font-size: 18px; }
	#popup_info .check { font-size: 15px; }
	#popup_info { height: 35px; line-height: 35px; }



	#header { background-color: #000; }
	br.m_nav_btn2 { display: block !important; }
	section.partner { height: auto; }
	section.visual .containner .contents img { min-height: calc((400/ 480) * 100vw); }
	section.partner .containner .contents { height: auto; padding: calc((90 / 480) * 100vw) 0px calc((45 / 480) * 100vw); gap: calc((20 / 480) * 100vw); }
	section.partner .containner .contents .partner_item { padding: 0px; }
	section.partner .containner .contents .partner_item:first-child img { height: calc((30 / 480) * 100vw); }
	section.partner .containner .contents .partner_item:first-child { margin-bottom: calc((20 / 480) * 100vw); }
	section.partner .containner .contents .partner_item img { height: calc((40 / 480) * 100vw); }
	
	section.venture { padding: 0px; }
	section.venture .txt_desc { font-size: calc((18 / 480) * 100vw); word-break: keep-all; }
	section.venture .venture_img img.pc { display: none; }
	section.venture .venture_img img.mo { display: inline-block; }
	section.venture .venture_img img { width: calc((400 / 480) * 100vw); }

	section.venture .txt_desc { margin-top: 0px; padding: 0px calc((30 / 480) * 100vw); }
	section.venture .venture_img { margin-top: calc((90 / 480) * 100vw); }
	section.venture .txt_info { 
		margin-top: calc((90 / 480) * 100vw);
		font-size: calc((18 / 480) * 100vw);
		padding: 0px calc((30 / 480) * 100vw);
		padding-bottom: calc((120 / 480) * 100vw);
		word-break: keep-all; 
	}

}

@media (max-width: 749px) and (min-width: 480px) { 
	#popup_containner > div { padding: 0px 45px; }
	#popup_containner .popup_arrow i { font-size: 45px; }
	#popup_prev { left: 0px; }
	#popup_next { right: 0px; }
	#popup_slider_item .slick-dots { bottom: 5%; }
	#popup_slider_item .slick-dots li { width: 10px; height: 10px; }
	#popup_info span { font-size: 12px; }
	#popup_info .close { font-size: 18px; }
	#popup_info .check { font-size: 15px; }
	#popup_info { height: 35px; line-height: 35px; }

	#header { background-color: #000; }


	br.m_nav_btn2 { display: block !important; }
	section.partner { height: auto; }
	section.visual .containner .contents img { min-height: 300px; }
	section.partner .containner .contents { height: auto; padding: 0px 0px 45px; gap: 20px; }
	section.partner .containner .contents .partner_item { padding: 0px; }
	section.partner .containner .contents .partner_item:first-child img { height: 30px; }
	section.partner .containner .contents .partner_item:first-child { margin-bottom: 20px; }
	section.partner .containner .contents .partner_item img { height: 40px; }
	
	section.venture { padding: 0px; }
	section.venture .txt_desc { font-size: 16px; }
	section.venture .venture_img img.pc { display: none; }
	section.venture .venture_img img.mo { display: inline-block; }
	section.venture .venture_img img { width: 400px; }

	section.venture .txt_desc { margin-top: 0px; padding: 0px 30px; word-break: keep-all; }
	section.venture .venture_img { margin-top: 45px; }
	section.venture .txt_info { 
		margin-top: 45px;
		font-size: 16px;
		padding: 0px 30px;
		padding-bottom: 90px;
		word-break: keep-all;

	}

}

@media (max-width: 1023px) and (min-width: 750px) { 
	#popup_containner > div { padding: 0px 90px; }
	#popup_containner .popup_arrow i { font-size: 60px; }
	#popup_prev { left: 30px; }
	#popup_next { right: 30px; }



	br.m_nav_btn { display: block !important; }
	section.partner { height: auto; }
	section.partner .containner .contents { height: auto; padding: 0px 0px 60px; gap: 40px; }
	section.partner .containner .contents .partner_item { padding: 0px; }
	section.partner .containner .contents .partner_item:first-child img { height: 30px; }
	section.partner .containner .contents .partner_item:first-child { margin-bottom: 0px; }
	section.partner .containner .contents .partner_item img { height: 40px; }
	section.venture { padding: 0px; }
	section.venture .txt_desc { font-size: 16px; }
	section.venture .venture_img img { width: 600px; }
	section.venture .txt_desc { margin-top: 0px; padding: 0px 30px; }
	section.venture .venture_img { margin-top: 60px; }
	section.venture .txt_info { 
		margin-top: 60px;
		font-size: 16px;
		padding: 0px 30px;
		padding-bottom: 90px;

	}


}

@media (max-width: 1279px) and (min-width: 1024px) { 
	section.partner .containner .contents { padding: 0px 0px 60px; }
	section.partner .containner .contents .partner_item:first-child img { height: 50px; }
	section.partner .containner .contents .partner_item:first-child { margin-bottom: 0px; }
	section.partner .containner .contents .partner_item img { height: 50px; }
	section.venture .txt_desc { font-size: 18px; }
	section.venture .venture_img img { width: 700px; }
	section.venture .txt_desc { margin-top: 0px; }
	section.venture .venture_img { margin-top: 60px; }
	section.venture .txt_info { 
		margin-top: 60px;
		padding-bottom: 150px;
		font-size: 18px;
	}
	
}


.main_bg {
	position: absolute; top: 0px; left: 50%; 
    transform: translate(-50%, 0%);

	width: 100%; height: auto;

	overflow: hidden;
}
.main_bg > div { width: 100%; height: auto; }
.main_bg .mo{ display: none; }

.main_bg img {  width: 100%; height: auto; }
.main_bg video {
	position: absolute; top: 0px; left: 50%; 
    transform: translate(-50%, 0%);

	width: 100%; height: auto;
}


@media (max-width: 479px){ 
	.main_bg { top: calc((70 / 480) * 100vw);; }
	.main_bg .pc{ display: none; }
	.main_bg .mo{ display: inline-block; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	.main_bg { top: 70px; }
}

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

}


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

}