/*ALL CSS----------------------------------------------------------*/
/*공통 CSS----------------------------------------------------------*/
@font-face {
  font-family: 'NanumSquareEB';
  src: url('../font/nanum/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
       url('../font/nanum/NanumSquareEB.svg#NanumSquareEB') format('svg'),
       url('../font/nanum/NanumSquareEB.ttf') format('truetype'),
       url('../font/nanum/NanumSquareEB.woff') format('woff'),
       url('../font/nanum/NanumSquareEB.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NanumSquareB';
  src: url('../font/nanum/NanumSquareB.eot?#iefix') format('embedded-opentype'),
       url('../font/nanum/NanumSquareB.svg#NanumSquareB') format('svg'),
       url('../font/nanum/NanumSquareB.ttf') format('truetype'),
       url('../font/nanum/NanumSquareB.woff') format('woff'),
       url('../font/nanum/NanumSquareB.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NanumSquareR';
  src: url('../font/nanum/NanumSquareR.eot?#iefix') format('embedded-opentype'),
       url('../font/nanum/NanumSquareR.svg#NanumSquareR') format('svg'),
       url('../font/nanum/NanumSquareR.ttf') format('truetype'),
       url('../font/nanum/NanumSquareR.woff') format('woff'),
       url('../font/nanum/NanumSquareR.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NanumSquareL';
  src: url('../font/nanum/NanumSquareL.eot?#iefix') format('embedded-opentype'),
       url('../font/nanum/NanumSquareL.svg#NanumSquareL') format('svg'),
       url('../font/nanum/NanumSquareL.ttf') format('truetype'),
       url('../font/nanum/NanumSquareL.woff') format('woff'),
       url('../font/nanum/NanumSquareL.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Rubik-R';
  src: url('../font/rubik/Rubik-Regular.eot');
  src: url('../font/rubik/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/rubik/Rubik-Regular.svg#Rubik-Regular') format('svg'),
       url('../font/rubik/Rubik-Regular.ttf') format('truetype'),
       url('../font/rubik/Rubik-Regular.woff') format('woff'),
       url('../font/rubik/Rubik-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Rubik-L';
  src: url('../font/rubik/Rubik-Light.eot');
  src: url('../font/rubik/Rubik-Light.eot?#iefix') format('embedded-opentype'),
       url('../font/rubik/Rubik-Light.svg#Rubik-Light') format('svg'),
       url('../font/rubik/Rubik-Light.ttf') format('truetype'),
       url('../font/rubik/Rubik-Light.woff') format('woff'),
       url('../font/rubik/Rubik-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


*{
	position : relative;
	font-family: 'NanumSquareR';
}
img{
	max-width : 100%;
	margin-bottom : 0;
	height : auto;
}
input, input:focus,
textarea, textarea:focus,
select, select:focus{
	outline : 0;
}

strike{
	text-decoration : line-through;
}


/*font*/
.j_text_center{
	text-align:center;
}
.j_txt{
	line-height : 1.7;
}
.j_txt_ellipsis{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}


.j_fz_38{
	font-size : 2.375rem;
}
.j_fz_32{
	font-size : 2rem;
}
.j_fz_28{
	font-size : 1.75rem;
}
.j_fz_21{
	font-size : 1.3125rem;
}
.j_fz_20{
	font-size : 1.25rem;
}
.j_fz_17{
	font-size : 1.0625rem;
}
.j_fz_16{
	font-size : 1rem;
}
.j_fz_14{
	font-size : 0.875rem;
}
.j_fz_12{
	font-size : 0.75rem;
}


.j_font_w{
	color : #fff;
}
.j_font_d{
	color : #000;
}
.j_font_dg{
	color : #9c9c9c;
}
.j_font_g{
	color : #bbb;
}
.j_font_b{
	color : #05143b;;
}


.j_fw_eb{
	font-family: 'NanumSquareEB';
}
.j_fw_b{
	font-family: 'NanumSquareB';
}
.j_fw_b2{
	font-weight : bold;
}
.j_fw_l{
	font-family: 'NanumSquareL';
}


@media screen and (max-width: 1280px){ 
	.j_fz_38{
		font-size : 2.25rem;
	}
	.j_fz_32{
		font-size : 1.95rem;
	}
	.j_fz_28{
		font-size : 1.7rem;
	}
	.j_fz_21{
		font-size : 1.25rem;
	}
	.j_fz_20{
		font-size : 1.2rem;
	}
	.j_fz_17{
		font-size : 1.06rem;
	}
	.j_fz_16{
		font-size : 0.95rem;
	}
	.j_fz_14{
		font-size : 0.8rem;
	}
	.j_fz_12{
		font-size : 0.7rem;
	}

}

@media screen and (max-width: 760px){ 
	.j_fz_38{
		font-size : 2rem;
	}
	.j_fz_32{
		font-size : 1.75rem;
	}
	.j_fz_28{
		font-size : 1.55rem;
	}
	.j_fz_21{
		font-size : 1.125rem;
	}
	.j_fz_20{
		font-size : 1.1rem;
	}
	.j_fz_17{
		font-size : 0.95rem;
	}
	.j_fz_16{
		font-size : 0.9rem;
	}
	.j_fz_14{
		font-size : 0.75rem;
	}
	.j_fz_12{
		font-size : 0.65rem;
	}

}





/*margin*/

.j_mt_60{
	margin-top : 60px;
}
.j_mb_60{
	margin-bottom : 60px;
}
.j_mt_30{
	margin-top : 30px;
}
.j_mb_30{
	margin-bottom : 30px;
}
.j_mt_25{
	margin-top : 25px;
}
.j_mb_25{
	margin-bottom : 25px;
}
.j_mt_20{
	margin-top : 20px;
}
.j_mb_20{
	margin-bottom : 20px;
}
.j_mt_15{
	margin-top : 15px;
}
.j_mb_15{
	margin-bottom : 15px;
}
.j_mt_10{
	margin-top : 10px;
}
.j_mb_10{
	margin-bottom : 10px;
}
.j_mt_5{
	margin-top : 5px;
}
.j_mb_5{
	margin-bottom : 5px;
} 


@media screen and (max-width: 1280px){ 
	.j_mt_60{
		margin-top : 58px;
	}
	.j_mb_60{
		margin-bottom : 58px;
	}
	.j_mt_30{
		margin-top : 28px;
	}
	.j_mb_30{
		margin-bottom : 28px;
	}
	.j_mt_25{
		margin-top : 23px;
	}
	.j_mb_25{
		margin-bottom : 23px;
	}
	.j_mt_20{
		margin-top : 18px;
	}
	.j_mb_20{
		margin-bottom : 18px;
	}
	.j_mt_15{
		margin-top : 13px;
	}
	.j_mb_15{
		margin-bottom : 13px;
	}
	.j_mt_10{
		margin-top : 8px;
	}
	.j_mb_10{
		margin-bottom : 8px;
	}
	.j_mt_5{
		margin-top : 4px;
	}
	.j_mb_5{
		margin-bottom : 4px;
	} 

}
@media screen and (max-width: 1024px){ 
	.j_mt_60{
		margin-top : 55px;
	}
	.j_mb_60{
		margin-bottom : 55px;
	}
	.j_mt_30{
		margin-top : 25px;
	}
	.j_mb_30{
		margin-bottom : 25px;
	}
	.j_mt_25{
		margin-top : 20px;
	}
	.j_mb_25{
		margin-bottom : 20px;
	}
	.j_mt_20{
		margin-top : 15px;
	}
	.j_mb_20{
		margin-bottom : 15px;
	}
	.j_mt_15{
		margin-top : 11px;
	}
	.j_mb_15{
		margin-bottom : 11px;
	}
	.j_mt_10{
		margin-top : 7px;
	}
	.j_mb_10{
		margin-bottom : 7px;
	}
	.j_mt_5{
		margin-top : 3px;
	}
	.j_mb_5{
		margin-bottom : 3px;
	} 


}
@media screen and (max-width: 760px){ 

	.j_mt_60{
		margin-top : 40px;
	}
	.j_mb_60{
		margin-bottom : 40px;
	}
	.j_mt_30{
		margin-top : 20px;
	}
	.j_mb_30{
		margin-bottom : 20px;
	}
	.j_mt_25{
		margin-top : 15px;
	}
	.j_mb_25{
		margin-bottom : 15px;
	}
	.j_mt_20{
		margin-top : 10px;
	}
	.j_mb_20{
		margin-bottom : 10px;
	}
	.j_mt_15{
		margin-top : 8px;
	}
	.j_mb_15{
		margin-bottom : 8px;
	}
	.j_mt_10{
		margin-top : 5px;
	}
	.j_mb_10{
		margin-bottom : 5px;
	}
	.j_mt_5{
		margin-top : 2px;
	}
	.j_mb_5{
		margin-bottom : 2px;
	} 


}



/*br*/

.j_br_p{
	display : block;
}
.j_br_t{
	display : none;
}
.j_br_t2{
	display : none;
}
.j_br_m{
	display : none;
}





@media screen and (max-width: 1280px){ 
	.j_br_p{
		display : none;
	}
	.j_br_t{
		display : block;
	}
}
@media screen and (max-width: 1024px){ 
	.j_br_t{
		display : none;
	}
	.j_br_t2{
		display : block;
	}
}
@media screen and (max-width: 760px){ 
	.j_br_t2{
		display : none;
	}
	.j_br_m{
		display : block;
	}
}






/*etc*/
.j_section{
	width : 90%;
	max-width : 1400px;
	margin : 0 auto;
}
.j_section2{
	width : 100%;
	width : 96%;
	max-width : 96%;
	margin : 0 auto;
}
.j_section_pd{
	padding : 140px 0;
}
.j_section_pt{
	padding-top : 120px;
}
.j_section_pb{
	padding-bottom : 120px;
}


.j_left_con{
	float : left;
}
.j_right_con{
	float : right;
}

.j_flex_con{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.j_center{
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate(-50%, -50%);
}

.j_p_con{
	display : block;
}
.j_m_con{
	display : none;
}

@media screen and (max-width: 1280px){ 
	.j_section_pd{
		padding : 130px 0;
	}
	.j_section_pt{
		padding-top : 100px;
	}
	.j_section_pb{
		padding-bottom : 100px;
	}

}
@media screen and (max-width: 1024px){ 
	.j_section_pd{
		padding : 110px 0;
	}
	.j_section_pt{
		padding-top : 80px;
	}
	.j_section_pb{
		padding-bottom : 80px;
	}
}

@media screen and (max-width: 760px){ 
	.j_section_pd{
		padding : 100px 0;
	}
	.j_section_pt{
		padding-top : 60px;
	}
	.j_section_pb{
		padding-bottom : 60px;
	}

	.j_p_con{
		display : none;
	}
	.j_m_con{
		display : block;
	}




}



/*btn*/
.j_more_btn{
	display:inline-block;
}
.j_more_btn a{
	transition : padding 0.2s, color 0.2s;
	width : 120px;
	display:inline-block;
}
.j_more_btn a::before,
.j_more_btn a::after{
	content : "";
	height : 1px;
	position : absolute;
	top:50%;
	transform : translateY(-50%);
	transition : width 0.2s;
}
.j_more_btn a::before{
	width : 0;
	left: 0;
	background-color: #028bd3;
}
.j_more_btn a::after{
	width : 65px;
	right: 0;
	background-color: #000;
}
.j_more_btn a:hover{
	padding-left:72px;
}
.j_more_btn a:hover{
	color : #028bd3;
}
.j_more_btn a:hover::before{
	width : 65px;
}
.j_more_btn a:hover::after{
	width : 0;
}


.j_more_btn a.j_fz_14{
	width : 100px;
}
.j_more_btn a.j_fz_14::after{
	width : 50px;
}
.j_more_btn a.j_fz_14:hover{
	padding-left : 60px;
}
.j_more_btn a.j_fz_14:hover::before{
	width : 50px;
}
.j_more_btn a.j_fz_14:hover::after{
	width : 0;
}



.j_close_btn{
	width : 40px;
	height : 40px;
}
.j_close_btn span{
	width : 28px;
	height : 2px;
	background-color : #fff;
	position : absolute;
	top : 50%;
	left:50%;
	transform : translate(-50%, -50%) rotate(-45deg);
	transition : transform 0.2s;
}
.j_close_btn span:nth-child(2){
	transform : translate(-50%, -50%) rotate(45deg);
}
.j_close_btn:hover span{
	transform : translate(-50%, -50%) rotate(0);
}


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


}

@media screen and (max-width: 760px){ 

	.j_more_btn a{
		width : 70px;
	}
	.j_more_btn a::before{
		width : 0;
		left: 0;
		background-color: #028bd3;
	}
	.j_more_btn a::after{
		width : 35px;
	}
	.j_more_btn a:hover{
		padding-left: 42px;
	}
	.j_more_btn a:hover::before{
		width : 35px;
	}


	.j_more_btn a.j_fz_14{
		width : 70px;
	}
	.j_more_btn a.j_fz_14::after{
		width : 35px;
	}
	.j_more_btn a.j_fz_14:hover{
		padding-left : 40px;
	}
	.j_more_btn a.j_fz_14:hover::before{
		width : 35px;
	}
	.j_more_btn a.j_fz_14:hover::after{
		width : 0;
	}


}




/*swiper btn*/

.swiper-button-prev,
.swiper-button-next{
    opacity: 0.8;
    transition: opacity 0.2s;
    background-size: auto 100%;
	outline: none;
/*	transform : translateY(-50%);*/
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
    opacity: 1;
}

.j_arrow_prev_w{
    background-image: url(../img/arrow/j_left_arrow.png);
}
.j_arrow_next_w{
    background-image: url(../img/arrow/j_right_arrow.png);
}
.j_arrow_prev_g{
    background-image: url(../img/arrow/j_left_arrow_g.png);
}
.j_arrow_next_g{
    background-image: url(../img/arrow/j_right_arrow_g.png);
}



.swiper-pagination-bullet{
	border-radius : 4px;
	transition : width 0.2s;
	margin : 0 4px;
	outline : 0;
}
.swiper-pagination-bullet-active{
	width : 50px;
}



@media screen and (max-width: 1280px){ 
	.swiper-button-prev,
	.swiper-button-next{
		height : 40px;
	}
	
	.swiper-pagination-bullet{
		width : 6px;
		height : 6px;
		border-radius : 3px;
	}
	.swiper-pagination-bullet-active{
		width : 50px;
	}
	
}
@media screen and (max-width: 1024px){ 
	.swiper-button-prev,
	.swiper-button-next{
		height : 30px;
	}

	
	.swiper-pagination-bullet{
		margin : 0 3px;
	}
	
	.swiper-pagination-bullet-active{
		width : 40px;
	}
	

}

@media screen and (max-width: 760px){ 

	.swiper-button-prev,
	.swiper-button-next{
		height : 20px;
		width : 10px;
		display : none;
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom : 7px;
	}
	.swiper-pagination-bullet{
		margin : 0 2px;
		width : 3px;
		height : 3px;
	}
	.swiper-pagination-bullet-active{
		width : 30px;
	}

}

.video_wrap{
/*	margin-top : -60px;*/
	height : 0;
	overflow : hidden;
	width : 900px;
	min-height : 625px;
}
@media screen and (max-width: 900px){ 
	.video_wrap{
		width : 100%;
		padding-bottom : calc(57% + 120px);
		min-height : 200px;
	}

}
.j_video_hide{
	width : 100%;
	height : 60px;
	background-color : #fff;
	position : absolute;
	top : 0;
	z-index : 1;
}
.j_video_hide2{
	top : auto;
	bottom : 0;
}
.video_wrap iframe{
	position : absolute;
	top :0;
	left : 0;
	width : 100%;
	height : 100%;
}

@media screen and (max-width: 900px){ 

	.j_video_hide{
/*		height : 10%;*/
	}
}

/*---2021.05.04---*/
.new_video_wrap{width: 100%;height: 540px;max-width: 900px;margin: 0 auto;position: relative;}
.new_video_wrap iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.new_video_dummy{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

.flowplayer .fp-ui{display: none !important;height: 0 !important;opacity: 0 !important;visibility: hidden !important;}/*플레이어 버튼 제거*/
.flowplayer.fp-ui-shown .fp-ui, .flowplayer.is-paused .fp-ui, .flowplayer.is-mouseover .fp-ui, .flowplayer.is-loading .fp-ui{display: none !important;height: 0 !important;opacity: 0 !important;visibility: hidden !important;}/*플레이어 버튼 제거*/

@media screen and (max-width: 760px){ 
	.new_video_dummy{display: none;}
	.new_video_wrap{max-width: none;height: auto !important;padding-bottom: 66.7%;}
}

/*---add css---*/

@media screen and (max-width: 760px){ 
	
}