/*---CSS RESET - 임시 기본 reset만 작성---*/
@import url("//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

*{margin: 0;padding: 0;font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;color: inherit;text-decoration: inherit;box-sizing: border-box;}

html, body{text-size-adjust: none;
    -webkit-text-size-adjust: none; 
    -moz-text-size-adjust: none; 
    -ms-text-size-adjust: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body{font-family: "Pretendard", sans-serif !important;font-size:16px;font-weight:300;font-style: normal;text-decoration: none;color: #222;}
li{list-style: none;}
table{border-spacing: 0;border-collapse: collapse;}
input, select, textarea, button{box-sizing: border-box;}
button{background: none;border: none;cursor: pointer;outline: none;}

@media screen and (min-width: 1481px){
    html, body{font-size: 16px;}
}

@media screen and (min-width: 769px) and (max-width: 1480px){
    html, body{font-size: 14px;}
}

@media screen and (max-width: 768px){
    html, body{font-size: 12px;}
}

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

    br.br_m{display: none;}
}

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

    br.br_d{display: none;}
}

/*---common css---*/
.main_container{width: 90%;max-width: 1280px;margin: 0 auto;}

.common_more{display: flex;align-items: center;justify-content: center;}
.common_more_lft{justify-content: flex-start;}
.common_more img{margin-left: 9px;transition: transform 1s ease;}

.common_more:hover img{transform: translateX(8px);}

/*font-size*/
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_22{font-size: 1.375rem;}
.fs_25{font-size: 1.5625rem;}
.fs_30{font-size: 1.875rem;}
.fs_35{font-size: 2.1875rem;}
.fs_45{font-size: 2.8125rem;}

/*font-weight*/
.font_l{font-weight: 200;}
.font_r{font-weight: 400;}
.font_m{font-weight: 500;}
.font_b{font-weight: bold;}
.font_bl{font-weight: 900;}

/*---header - 임시!!!!---*/
#k_header{position: fixed;top: 0;left: 0;width: 100%;height: 120px;z-index: 100;background: #FFF;text-align: center;line-height: 120px;font-weight: bold;}

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

	#k_header{height: 80px;line-height: 80px;}
}

/*---#full_sec_01 - section1---*/
#full_sec_01{position: relative;background: #000;}

.main_bg{position: absolute;bottom: 0;left: 0;width: 100%;height: calc( 100% - 120px );}
.main_bg figure{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;opacity: 0;
	transition: opacity .45s ease;
}
.main_bg figure.main_bg_00{background-image: url(/img/main_bg_00.jpg);}
.main_bg figure.main_bg_01{background-image: url(/img/main_bg_01.jpg);}
.main_bg figure.main_bg_02{background-image: url(/img/main_bg_02.jpg);}
.main_bg figure.main_bg_03{background-image: url(/img/main_bg_03.jpg);}

.main_bg figure.bg_on{opacity: 1;}

.main_list{position: absolute;bottom: 0;left: 0;width: 100%;height: calc( 100% - 120px );display: flex;flex-direction: row;flex-wrap: nowrap;z-index: 10;}
.main_list li{width: calc( 100% / 3);border-right: 1px solid rgba(255,255,255,.5);}
.main_list li:last-child{border: none;}

.main_text{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 0 6%;}
.main_text>div{color: #FFF;text-align: center;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}
.main_text h2{transform: translateY(34px);
	-webkit-transition: transform .65s ease;
	transition: transform .65s ease;
}
.main_text p, .main_text a{opacity: 0;
	-webkit-transition: opacity .45s ease;
	transition: opacity .45s ease;

	transition-delay: .2s;
}
.main_text p{margin-top: 12px;margin-bottom: 12px;word-break: keep-all;}

.main_text.on h2{transform: translateY(0);}
.main_text.on p, .main_text.on a{opacity: 1;}

.main_text.grey>div{color: rgba(255,255,255,.5);}

/*mobile*/
#mobile_mv{display: none;}

@media screen and (min-width: 769px) and (max-width: 1080px){ 
	 
	#full_sec_01, #full_sec_01>.fp-tableCell{height: 768px !important;}
}

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

	#full_sec_01>.fp-tableCell{padding-top: 80px;}

	.main_bg, .main_list{display: none;}

	/*mobile*/
	#mobile_mv{display: block;height: 100%;}
	.mv_slide{position: relative;}
	.mv_slide figure{height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
	.mv_slide_01 figure{background-image: url(/img/main_mo_01.jpg);}
	.mv_slide_02 figure{background-image: url(/img/main_mo_02.jpg);}
	.mv_slide_03 figure{background-image: url(/img/main_mo_03.jpg);}

	.mv_text{position: absolute;top: 21.5vh;left: 0;width: 100%;z-index: 1;text-align: center;color: #FFF;}
	.mv_text h2{font-size: 35.6px;margin-bottom: 20px;}
	.mv_text p{font-size: 25.87px;line-height: 151%;min-height: 110px;margin-bottom: 63px;}
	.mv_text .common_more span{font-size: 20.7px;}

	#mobile_mv .mv_dot{position: absolute;bottom: 43px;left: 0;width: 100%;z-index: 1;text-align: center;}
	#mobile_mv .mv_dot span{width: 14px;height: 14px;margin: 0 8px;background: #808080;opacity: 1;}
	#mobile_mv .mv_dot span.swiper-pagination-bullet-active{background: #FFF;}
}

/*---#full_sec_02 - section2---*/
.mf_02_box{height: 100%;padding-top: 24.3vh;}
.mf_02_inner{height: 100%;background: #000949;}

.mf_02_text{color: #FFF;margin-bottom: 121px;}    
.mf_02_text>span{display: block;margin-bottom: 9px;}
.mf_02_text h3{margin-bottom: 10px;}
.mf_02_text p{line-height: 150%;margin-bottom: 21px;}

.mf_02_top{display: flex;justify-content: space-between;align-items: flex-end;transform: translateY(-71px);}
.mf_02_img_wrap{padding: 15px;width: 800px;background: #FFF;position: relative;}
.mf_02_img_wrap img{width: 100%;}
/*.mf_02_img figure{padding: 15px;background: #FFF;position: relative;}
.mf_02_img img{display: block;opacity: 0;
	-webkit-transition: opacity .45s ease;
	transition: opacity .45s ease;
}
.mf_02_img img.on{opacity: 1;}
.mf_02_img_02, .mf_02_img_03, .mf_03_img_02, .mf_03_img_03{position: absolute;top: 15px;left: 15px;}
.mf_02_img_02, .mf_03_img_02{z-index: 1;}
.mf_02_img_03, .mf_03_img_03{z-index: 2;}*/

.mf_slt{display: flex;margin-top: 11px;}
.mf_slt li{display: flex;width: auto;height: auto;background: none;border-radius: 0;opacity: 1;}
.mf_slt li:nth-child(1){margin-right: 125px;}
.mf_slt li:nth-child(2){margin-right: 96px;}

.mf_slt figure{width: 95px;height: 95px;background-color: #000949;background-repeat: no-repeat;background-position: center;}
.mf_slt li.swiper-pagination-bullet-active figure{background-color: #FFF;}
.mf_slt figure a{display: block;width: 100%;height: 100%;}

.mf_slt div{color: #FFF;padding-top: 13px;padding-left: 20px;} 
.mf_slt div h4{margin-bottom: 8px;}
.mf_slt div p{line-height: 150%;}

/*section - 02*/
.mf_02_slt li:nth-child(1) figure{background-image: url(/img/mf_02_icon_01.png);}
.mf_02_slt li:nth-child(2) figure{background-image: url(/img/mf_02_icon_02.png);}
.mf_02_slt li:nth-child(3) figure{background-image: url(/img/mf_02_icon_03.png);}

.mf_02_slt li:nth-child(1).swiper-pagination-bullet-active figure{background-image: url(/img/mf_02_icon_01_bl.png);}
.mf_02_slt li:nth-child(2).swiper-pagination-bullet-active figure{background-image: url(/img/mf_02_icon_02_bl.png);}
.mf_02_slt li:nth-child(3).swiper-pagination-bullet-active figure{background-image: url(/img/mf_02_icon_03_bl.png);}

/*section - 03*/
.mf_03_slt li:nth-child(1) figure{background-image: url(/img/mf_03_icon_01.png);}
.mf_03_slt li:nth-child(2) figure{background-image: url(/img/mf_03_icon_02.png);}
.mf_03_slt li:nth-child(3) figure{background-image: url(/img/mf_03_icon_03.png);}

.mf_03_slt li:nth-child(1).swiper-pagination-bullet-active figure{background-image: url(/img/mf_03_icon_01_bl.png);}
.mf_03_slt li:nth-child(2).swiper-pagination-bullet-active figure{background-image: url(/img/mf_03_icon_02_bl.png);}
.mf_03_slt li:nth-child(3).swiper-pagination-bullet-active figure{background-image: url(/img/mf_03_icon_03_bl.png);}

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

	.mf_02_text{margin-bottom: 100px;}
	
	.mf_02_img_wrap{width: 680px;}
	/*.mf_02_img img{max-width: 680px;}*/

	.mf_slt{margin-top: -33px;}
}

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

	.mf_02_text{margin-bottom: 70px;}
	
	.mf_02_img_wrap{width: 600px;}
	/*.mf_02_img img{max-width: 600px;}*/

	.mf_slt li:nth-child(1){margin-right: 70px;}
	.mf_slt li:nth-child(2){margin-right: 70px;}

	.mf_slt{margin-top: -30px;}
}

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

	.mf_02_text{margin-bottom: 30px;}
	
	.mf_02_img_wrap{width: 500px;}
	/*.mf_02_img img{max-width: 500px;}*/

	.mf_slt li:nth-child(1){margin-right: 30px;}
	.mf_slt li:nth-child(2){margin-right: 30px;}
}

@media screen and (max-width: 1080px){
	
	#full_sec_02, #full_sec_02>.fp-tableCell{height: auto !important;overflow: hidden;}
	#full_sec_03, #full_sec_03>.fp-tableCell{height: auto !important;overflow: hidden;}

	.mf_02_box{padding-top: 100px;padding-bottom: 100px;}
	.mf_02_inner{background: transparent;position: relative;}
	.mf_02_inner::before{content: "";position: absolute;top: 287px;left: 0;width: 100%;height: 100%;background: #000949;z-index: -1;}

	.mf_02_top{display: block;flex: none;transform: translateY(0);}
	.mf_02_text{color: #000;}
	
	.mf_02_img_wrap{width: 100%;overflow: hidden;}
	/*.mf_02_img figure{overflow: hidden;}
	.mf_02_img img{max-width: none;width: 100%;}
	.mf_02_img img.mf_02_img_02, .mf_02_img img.mf_02_img_03, .mf_02_img img.mf_03_img_02, .mf_02_img img.mf_03_img_03{width: calc( 100% - 30px );}*/
	
	#full_sec_02 .common_more span, #full_sec_03 .common_more span{font-weight: 500;}
	#full_sec_02 .common_more img, #full_sec_03 .common_more img{filter: brightness(0);}

	.mf_02_text p{font-weight: 400;}

	.mf_slt{margin-top: 25px;}
}

@media screen and (max-width: 960px){
	
	.mf_slt{display: block;flex: none;}
	.mf_slt li{margin-bottom: 30px;margin-right: 0 !important;}
	.mf_slt li:last-child{margin-bottom: 0;}
}

@media screen and (max-width: 768px){
	
	.mf_02_box{padding-top: 69px;padding-bottom: 74px;}
	.mf_02_inner::before{top: 475px;}
	
	.mf_02_text{margin-bottom: 63px;}
	.mf_02_text>span{font-size: 25.87px;margin-bottom: 11px;}
	.mf_02_text h3{font-size: 38px;margin-bottom: 30px;}
	.mf_02_text p{font-size: 20px;line-height: 166%;margin-bottom: 37px;}

	#full_sec_02 .common_more span, #full_sec_03 .common_more span{font-size: 20.23px;}

	/*.mf_02_img figure{padding: 7px;}
	.mf_02_img img.mf_02_img_02, .mf_02_img img.mf_02_img_03, .mf_02_img img.mf_03_img_02, .mf_02_img img.mf_03_img_03{top: 7px;left: 7px;width: calc( 100% - 14px );}*/
	
	.mf_slt{margin-top: 48px;}
	.mf_slt li{margin-bottom: 31px;}
	.mf_slt figure{width: 92px;height: 92px;}
	.mf_slt div{padding-top: 6px;}
	.mf_slt div h4{font-size: 20px;margin-bottom: 4px;}
	.mf_slt div p{font-size: 18px;line-height: 160%;}
}

/*---#full_sec_04 - section4---*/
#full_sec_04{position: relative;}

.fs_04_bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-image: url(/img/fs_04_01.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}

.fs_04_wrap{position: relative;z-index: 1;margin-top: 120px;}

.fs_04_con{display: flex;justify-content: center;align-items: center;gap: 79px;}

.fs_04_box{width: 560px;height: 639px;position: relative;}
.fs_04_box_01{background: #000949;border-radius: 0 0 0 100px;}
.fs_04_box_02{background: #131c5d;border-radius: 0 100px 0 0;}

.fs_04_box figure{height: 419px;position: relative;background-repeat: no-repeat;overflow: hidden;}
.fs_04_box_01 figure{background-image: url(/img/fs_04_02.png);background-position: center center;}
.fs_04_box_02 figure{background-image: url(/img/fs_04_03.png);background-position: top left;}

.fs_04_text{color: #FFF;padding: 0 59px;}
.fs_04_text p{line-height: 150%;margin-top: 10px;margin-bottom: 22px;}

/*popup*/
.pop_wrap{position: absolute;top: 0;left: 0;width: calc( 200% + 79px );height: 100%;background: #fff;border-radius: 0 0 0 100px;z-index: 1;display: none;}
.pop_wrap_02{left: -100%;margin-left: -79px;}
.pop_inner{padding: 72px 59px;}

.pop_img img{display: block;margin: 0 auto;}
.pop_img img.pop_mo{display: none;}

.pop_txt{margin-top: 10px;}
.pop_txt h2{margin-bottom: 12px;}

.pop_close{position: absolute;top: 20px;right: 20px;width: 31px;height: 31px;z-index: 1;}
.pop_close span{position: absolute;top: 14px;left: -5px;width: 41px;height: 3px;background: #000;
	transition: transform .45s ease;
	-webkit-transition: transform .45s ease;
}
.pop_close span:nth-child(1){transform: rotate(45deg);}
.pop_close span:nth-child(2){transform: rotate(-45deg);}

.pop_close:hover span{transform: rotate(0);}

@media screen and (max-width: 1480px){
	
	.fs_04_con{gap: 60px;}

	.fs_04_box{width: 464px;height: 530px;}
	.fs_04_box figure{height: 350px;}

	.fs_04_text{padding: 0 50px;}
	
	/*popup*/
	.pop_wrap{width: calc( 200% + 60px );}
	.pop_wrap_02{margin-left: -60px;}
	
	.pop_inner{padding: 60px 50px;}
	.pop_img img{width: 100%;}
}

@media screen and (max-width: 1080px){
		
	.fs_04_wrap{margin-top: 0;}
	.fs_04_con{gap: 50px;}

	/*popup*/
	.pop_wrap{width: calc( 200% + 50px );}
	.pop_wrap_02{margin-left: -50px;}
}

@media screen and (max-width: 768px){
		
	#full_sec_04, #full_sec_04>.fp-tableCell{height: auto !important;}
	
	.fs_04_wrap{padding: 74px 0;}
	.fs_04_con{display: block;flex: none;}

	.fs_04_box{width: 100%;height: 414px;}
	.fs_04_box_01{margin-bottom: 41px;border-radius: 0 0 0 40px;}
	.fs_04_box_02{border-radius: 0 40px 0 0;}

	.fs_04_box figure{height: 201px;background-size: 70%;}
	.fs_04_box_02 figure{background-size: contain;}
	
	.fs_04_text{padding: 0 30px;}
	.fs_04_text h3{font-size: 33.12px;}
	.fs_04_text p{font-size: 18.21px;line-height: 160%;margin-top: 9px;margin-bottom: 17px;}
	#full_sec_04 .common_more span{font-size: 16.56px;font-weight: 500;}
	
	/*popup*/
	.pop_wrap{top: -9px;left: 0;width: 100%;height: auto;margin: 0;border-radius: 0 0 0 40px;}
	.pop_inner{padding: 45px 11px;padding-bottom: 35px;}

	.pop_txt{margin-top: 13px;padding: 0 10px;}
	.pop_txt h2{font-size: 38.09px;margin-bottom: 13px;}
	.pop_txt p{font-size: 18.21px;line-height: 160%;}

	.pop_close{width: 23px;height: 23px;top: 12px;right: 10px;}
	.pop_close span{top: 11px;left: -4px;width: 31px;height: 1px;}
}

@media screen and (max-width: 414px){
		
	.pop_img img.pop_pc{display: none;}
	.pop_img img.pop_mo{display: block;}
}

/*---#full_sec_05 - section5---*/
.new_letter{display: flex;align-items: center;padding-top: 50px;padding-bottom: 60px;}
.new_bx{display: flex;justify-content: center;width: 50%;}

.new_lt_img img{display: block;margin: 0 auto;}

.new_lt_text{color: #000949;}
.new_lt_text span{display: block;margin-bottom: 9px;}
.new_lt_text h3{margin-bottom: 10px;}
.new_lt_text p{line-height: 150%;margin-bottom: 15px;}

/*input*/
.k_input_wrap{width: 420px;height: 52px;position: relative;}
.new_lt_input{display: block;width: 100%;height: 100%;line-height: 52px;border: 1px solid #000949;padding: 0 10px;padding-right: 150px;outline: none;font-size: 14px;font-weight: 600;color: #000;}
.new_lt_input::placeholder{color: #b2b2b2;}
.new_lt_btn{position: absolute;top: 0;right: 0;width: 140px;height: 52px;background: #000949;text-align: center;line-height: 52px;color: #FFF;font-size: 14px;font-weight: 400;}

@media screen and (max-width: 1480px){
		
	.new_lt_img img{width: 100%;}
}

@media screen and (max-width: 1080px){
		
	.new_bx{justify-content: flex-end;}

	.k_input_wrap{width: 380px;}
	.new_lt_input{padding-right: 130px;}
	.new_lt_btn{width: 120px;}
}

@media screen and (max-width: 768px){
	
	.new_letter, .new_bx{display: block;flex: none;}
	.new_letter{padding-top: 65px;padding-bottom: 65px;}
	.new_bx{width: 100%;}
	.new_bx_01{margin-bottom: 17px;}

	.new_lt_text span{font-size: 23.18px;margin-bottom: 11px;}
	.new_lt_text h3{font-size: 38.09px;margin-bottom: 21px;}
	.new_lt_text p{font-size: 18.21px;font-weight: 500;line-height: 160%;letter-spacing: -0.02em;margin-bottom: 34px;}

	.k_input_wrap{width: 100%;height: 40px;}
	.new_lt_input{line-height: 40px;padding-right: 110px;}
	.new_lt_btn{width: 100px;;height: 40px;line-height: 40px;}
}

/*---footer - 임시!!!!---*/
#k_footer{height: 413px;background: #101010;text-align: center;line-height: 413px;color: #FFF;font-weight: bold;}

/*---2022.11.28 - video add---*/
.section_video{position: relative;width: 100%;height: auto;padding-bottom: 39.3%;}/*padding-bottom 화면비에 맞춰서 변경*/
.section_video>video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.ms_video{position: relative;width: 100%;height: auto;padding-bottom: 64.936%;}
.ms_video>video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}