/*---landing page common css---*/

/*common*/
.landing_container{width: 100%;max-width: 1920px;margin: 0 auto;overflow: hidden;}

.land_img_box>img{display: block;margin: 0 auto;width: 100%;}

/*---css variable---*/
:root{ 
	
	--form_tit_size: 1.875rem;  /*-- 성함, 연락처 등 label font-size --*/
	--form_normal_size: 1.5rem; /*-- 성함, 연락처 등 label font-size --*/

	--form_height: 59px;        /*-- form input 높이 --*/
	--form_mar_btm: 26px;       /*-- input box 아래 여백 --*/
	--form_last_btm: 21px;       /*-- 마지막 input box 아래 여백 --*/

	--main_color: #1669df;      /*-- form 버튼색 등 주색상 --*/
	--gray_color: #a19d9e;      /*-- placeholder 등 회색컬러 --*/
}

/*landing slide common*/
.landing_slide .swiper-slide img{display: block;width: 100%;}

.slide_btn_wrap{display: flex;justify-content: center;align-items: center;margin-top: 54px;padding-bottom: 20px;}

.slide_btn{display: flex;justify-content: center;align-items: center;width: 52px;height: 52px;border-radius: 52px;border: 3px solid var(--main_color);cursor: pointer;margin: 0 8px;
	box-shadow: 0 8px 13px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 8px 13px rgba(0,0,0,.2);
}
.slide_btn i{font-size: 1.5rem;font-weight: bold;color: var(--main_color);}

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

	.landing_slide{width: 80% !important;}

	.slide_btn_wrap{margin-top: 20px;}
	.slide_btn{width: 40px;height: 40px;}
}

/*mobile*/
.landing_mobile{display: none;}

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

	/*mobile*/
	.landing_mobile{display: block;}
	.landing_pc{display: none;}
}


/*---form css---*/
/*---form css---*/
/*---form css---*/

/*---form content---*/
#new_form{width: 90%;max-width: 680px;margin: 0 auto;}

.form_list{display: flex;align-items: center;margin-bottom: var(--form_mar_btm);}
.form_list:last-child{margin-bottom: var(--form_last_btm);}
.form_list label{width: 90px;font-size: var(--form_tit_size);font-weight: bold;letter-spacing: -0.045em;}
.form_list div{width: calc( 100% - 90px );}

.form_input{font-size: var(--form_normal_size) !important;font-weight: bold;border: 2px solid #000;height: var(--form_height);line-height: var(--form_height);padding: 0 15px;}
.form_input::placeholder{font-size: var(--form_tit_size);color: var(--gray_color);}
.form_input:focus{border-radius: 0 !important;outline: none !important;}
.form_input_w100{display: block;width: 100%;}

.form_check{position: relative; padding-bottom:10px;}
.form_check>input[type="checkbox"]{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;z-index: -1;}

.check_flex{display: flex;align-items: center;cursor: pointer;}
.check_flex>span{width: 18px;height: 18px;border: 2px solid var(--gray_color);margin-right: 7px;}
.form_check>input[type="checkbox"] + label:hover span{background: url(../img/chk.png) no-repeat 50% 50% var(--gray_color);border-color: var(--gray_color);}
.form_check>input[type="checkbox"]:checked + label span{background: url(../img/chk.png) no-repeat 50% 50% var(--main_color);border-color: var(--main_color);}

.check_flex .fw_m{font-size: 1rem;font-weight: 500;
	-webkit-text-stroke: 0.01em; /*-- 기본폰트 나눔스퀘어/나눔스퀘어 라운드가 아닐 경우 제거 --*/
}

.form_btn_wrap{margin-top: 0px;}
.form_button{display: block;width: 100%;background: var(--main_color);color: #fff;line-height: 40px;text-align: center;font-size: 18px;font-weight: bold;border-radius: 0px; padding:0 50px;}

/*---quick_form---*/
#form_quick{position: fixed;top: 24%;right: 3.3%;width: 220px;z-index: 100;}

.quick_wrap{border-radius: 20px;overflow: hidden;
	box-shadow: 0 8px 13px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 8px 13px rgba(0,0,0,.4);
}
.quick_wrap h3{background: var(--main_color);}
.quick_wrap h3 img{display: block;margin: 0 auto;}
.quick_wrap form{padding: 20px 15px 36px 15px;background: #FFF;}

.quick_list{position: relative;margin-bottom: 8px;}
.quick_list>label{position: absolute;top: 0;left: 10px;line-height: 40px;z-index: 1;font-size: 13px;font-weight: bold;color: var(--main_color);
	-webkit-text-stroke: 0.01em; /*-- 기본폰트 나눔스퀘어/나눔스퀘어 라운드가 아닐 경우 제거 --*/
}
.quick_list>label b{color: #F00;}

.quick_input{font-size: 13px !important;height: 40px;line-height: 40px;font-weight: bold;border: 1px solid #c9c9c9;padding: 0 15px;padding-left: 58px;border-radius: 5px;overflow: hidden;}
.quick_input::placeholder{font-size: 13px;color: #a5adb8;}
.quick_input_w100{display: block;width: 100%;}

.quick_check{position: relative;}
.quick_check>input[type="checkbox"]{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;z-index: -1;}

.quick_flex{display: flex;align-items: center;cursor: pointer;}
.quick_flex>span{width: 14px;height: 14px;border: 1px solid #c9c9c9;margin-right: 3px;}
.quick_check>input[type="checkbox"] + label:hover span{background: url(../img/chk.png) no-repeat 50% 50% var(--gray_color);border-color: var(--gray_color);}
.quick_check>input[type="checkbox"]:checked + label span{background: url(../img/chk.png) no-repeat 50% 50% var(--main_color);border-color: var(--main_color);}

.quick_flex .fw_m{font-size: 11px;font-weight: bold;letter-spacing: -0.045em;
	-webkit-text-stroke: 0.015em; /*-- 기본폰트 나눔스퀘어/나눔스퀘어 라운드가 아닐 경우 제거 --*/
}

.quick_btn_wrap{margin-top: 11px;}
.quick_button{display: block;width: 100%;background: var(--main_color);color: #fff;line-height: 39px;text-align: center;font-size: 17px;font-weight: bold;border-radius: 8px;}

/*---quick_form tel---*/
.quick_tel{background: var(--main_color);padding: 0 25px;padding-bottom: 6px;border-radius: 20px;overflow: hidden;margin-top: 21px;
	box-shadow: 0 8px 13px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 8px 13px rgba(0,0,0,.4);
}

.qt_box{border-bottom: 2px solid #FFF;padding: 14px 0;}
.qt_box:last-child{border-bottom: 0;}
.qt_box a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}

.qt_box span, .qt_box h4{color: #FFF;font-weight: bold;}
.qt_box h4{font-size: 18px;}
.qt_box span{font-size: 13px;}
.qt_box img{display: block;margin-right: 5px;}

.qt_btm h4{color: #fae300;}

.quick_icon{position: absolute;top: 312px;right: -40px;z-index: 1;}

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

	/*---quick_form---*/
	#form_quick{right: 25px;}
	.quick_icon{right: -25px;}
}

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

	/*---quick_form---*/
	#form_quick{width: 70%;transform: translateX(110%);opacity: 0;transition: transform .6s ease, opacity .45s;}
	#form_quick.on{transform: translateX(0);opacity: 1;}

	.quick_tel, .quick_icon{display: none;}
}

@media screen and (max-width: 720px){
	
	.form_list{display: block;flex: none;margin-bottom: 15px;}
	.form_list:last-child{margin-bottom: 10px;}
	.form_list label{font-size: 16px;width: 100%;margin-bottom: 5px;display: block;}
	.form_list div{width: 100%;}

	.form_input{height: 43px;line-height: 43px;}

	.form_button{line-height: 45px;font-size: 16px;border-radius: 5px;}
}

/*---footer---*/
.k_footer{padding: 42px 0;background: #222;}
.k_ft_con{width: 90%;max-width: 1291px;margin: 0 auto;}

.ft_logo{float: left;margin-bottom: 45px;}
.ft_logo a{display: block;width: 100%;height: 100%;}
.ft_logo img{display: block;}

.ft_info{float: left;clear: both;width: 100%;font-size: 1.5625rem;color: #FFF;font-weight: 500;line-height: 200%;}
.ft_info i{display: block;}

@media screen and (max-width: 768px){
	
	.k_footer{padding: 25px 0;padding-bottom: 125px;}
	
	.ft_logo{margin-bottom: 20px;}
	.ft_logo img{max-width: 120px;}

	.ft_info{font-size: 12px;}
}

/*---admin button---*/
.admin_btn{position: fixed;left: 20px;bottom: 110px;z-index: 2000;}
.admin_btn ul{display: flex;align-items: center;}
.admin_btn ul li{margin-right: 5px;}
.admin_btn ul li a{display: block;width: 100%;height: 100%;background: #F00;color: #FFF;font-size: 1.13rem;font-weight: bold;color: #FFF;padding: 0 10px;line-height: 45px;}

@media screen and (max-width: 768px){
	
.admin_btn {bottom:20px;}
}


/*---mobile menu---*/
#mobile_quick{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;display: none;}
#mobile_quick ul{display: flex;}
#mobile_quick ul a{display: block;width: 100%;height: 100%;}
#mobile_quick ul img{display: block;width: 100%;}

@media screen and (max-width: 768px){
	
	#mobile_quick{display: block;}
}

/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 0px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #2740ff;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;font-weight: bold;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #FFF;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

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

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;
	-webkit-text-stroke: 0.015em; /*-- 기본폰트 나눔스퀘어/나눔스퀘어 라운드가 아닐 경우 제거 --*/
}

@media (max-width: 768px){ 
	
	.add_pop_con p{font-size: 12px;}
}

/**2022.10.27 css 수정사항***/
/* 헤더 영역 */
.main_bg_con {
	width:100%;
	height:100%;
	background-image: url(/img/mvbg_pc_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:top;
	position:relative;
}
/* .main_bg_con img{width:100%;height:100%; */}
.main_bg_con .mv_tit {width:100%;position:absolute; left:50%; transform:translateX(-50%);bottom:0; }
.main_bg_con .mv_tit img{width:100%; object-fit:cover;}
.main_bg_con .mv_tit2 {width:100%;position:absolute; left:0; transform:translateX(0);top:50%; transform:translateY(0);}
.main_bg_con .mv_tit2 img{width:100%; position:absolute; left:0; transform:translateX(0); top:0;}
.main_bg_con .m_mv_tit {display:none; }

#b_header {width:100%; height:70px; position:fixed; left:50%; transform:translateX(-50%); top:0; z-index:10; }
#b_header.active{background-color:#fc8da1; height:70px; color:#fff; transition:all .3s;}
#b_header .b_inner{ width:95%; margin:0 auto; display: flex; justify-content: space-between; align-items: center; height:100%; }
#b_header nav{height:100%;}
#b_header .b_gnb{display: flex; align-items: center; height:100%; }
#b_header .b_gnb li{color:#fff; margin-right:50px; height:100%; display: flex; align-items: center; position:relative;}
#b_header .b_gnb li:last-child{margin-right:0px;}
#b_header .b_gnb li:after{content:''; width:0; height:2px; background-color: #fff; position:absolute; left:-14px; bottom:-1px; transition: width .2s ease;}
#b_header .b_gnb > li:hover:after{width:140%; transition: width .2s ease;}
#b_header .b_gnb li a{display: block; padding:5px ; font-size:1.15rem; text-align: center; font-weight:500; }
#b_header .b_gnb li .b_blue{color:#006fff; font-size:0.813rem; display: block; margin-top:-1px; }
#b_header .b_logo a{display:block;}
#b_header .b_logo img{display:block; height:100%; padding-top:5px;}
#b_header .b_logo img.b_logo-c{display:none;}

#b_header .b_toggle-btn{width:25px; height:25px; margin-left:25px; display:none;}
#b_header .b_toggle-btn button{display: flex; width:100%; height:100%; flex-direction: column;
align-items: center; justify-content: center;}
#b_header .b_toggle-btn span{display: block; background-color: #fff; width:100%; height:2px; }
#b_header .b_toggle-btn .b_top{transform:translateY(-3px); transition:all .2s;}
#b_header .b_toggle-btn .b_bot{transform:translateY(3px); transition:all .2s;}

#b_header .b_toggle-btn:hover .b_top{transform:translateY(2px); transition:all .2s;}
#b_header .b_toggle-btn:hover .b_bot{transform:translateY(0); transition:all .2s;}



#b_toggle-menu{max-width:360px; width:100%; height:100%; background-color: #fff; position:fixed;
right:0; top:0; z-index:100; transform:translateX(500px); transition:all .3s;} 
#b_toggle-menu.on{transform:translateX(0px); transition:all .3s; }
#b_toggle-menu .b_m_inner{width:100%; margin:0 auto; height:100%; }
#b_toggle-menu .b_m_inner .m_toggle_inner {width:100%; position:relative;
top:0; left:0; display: flex; justify-content: space-between; background-color: #fc8da1; height:70px;}
#b_toggle-menu .b_gnb{ width:100%; }
#b_toggle-menu .b_gnb li{ font-size:1.125rem; font-weight: 500; color:#666; padding:10px 20px;
border-bottom: 1px solid rgba(0,0,0,.1); width:100%;transition:all .2s;}
#b_toggle-menu .life_toggle .b_gnb li .b_blue{color:#0d8ef2;}
#b_toggle-menu .life_toggle .b_gnb li a{width:100%; height:100%; display: block; padding:15px 0;}
#b_toggle-menu .life_toggle .b_gnb li:hover{color:#333; font-weight:bold; transition:all .2s;}

#b_toggle-menu .b_m_close-btn{width:25px ; height:25px; margin-right:20px; margin-top:30px;}
#b_toggle-menu .m_login_btn {margin-left:20px; margin-top:28px; height:100%; font-size:1.1rem; font-weight:bold; color:#fff;}
#b_toggle-menu .b_m_close-btn button{display: flex; width:100%;
flex-direction: column; align-items: center; justify-content: center;
}
#b_toggle-menu .b_m_close-btn span{display: block; background-color: #fff; width:100%; height:2px;}
#b_toggle-menu .b_m_close-btn .b_fst{transform:translateY(1px);}
#b_toggle-menu .b_m_close-btn:hover .b_fst{transform:translateY(-3px); transition:all .2s; height:2px;}
#b_toggle-menu .b_m_close-btn:hover .b_snd{transform:translateY(3px); transition:all .2s; height:2px;}

/* 메인텍스트 모션 */
.b_motion{transform: translateY(100px); opacity: 0; transition: transform 2s ease, opacity 1s;}
.b_motion2{transform: translateY(25px); opacity: 0; transition: transform 2s ease, opacity 1s;}
.b_motion.on{transform: translateY(0); opacity: 1;}
.b_motion2.active2{top:0; opacity: 1;}

/* app_section */
.app_section {
	width:100%;
	height:100%;
	background-image: url(/img/app_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
	position:relative;
	padding-bottom:100px;
}
.app_con {width:100%; height:100%;}
.app_con img {object-fit:cover; margin: 0 auto;width: 100%;}
.app_con_m{display:none;}

.life_ytb{max-width:75%; height:790px; margin:0 auto;}
.life_ytb iframe{width:100%; height:100%;}

/* #new_form */
#new_form{padding:0px 0;}
.new_form_bg{
	width:100%;
	padding-bottom:0px;
}
.new_form_tit{width:100%; margin:0 auto; }
.new_form_tit img{object-fit:cover; width:100%;}
.new_form_tit_m {display:none;}



@media (max-width: 1200px){
	.life_ytb{height:500px;}
	#b_header .b_gnb{display: none;}
    #b_header .b_toggle-btn{display: block;}
}
@media (max-width: 970px){
	.form_button {
		display: block;
		width: 100%;
		background: var(--main_color);
		color: #fff;
		line-height: 50px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		border-radius: 0px;
		padding: 0 20px;
	}

}
@media (max-width: 960px){
	#b_header .b_inner {padding: 0 20px;}
	.life_ytb{ height:450px;}
}
@media (max-width: 930px){
	#b_header .b_logo img{width:70px;}
	.b_sec03 .b_tap-box .b_tabs li{font-size: 0.813rem;}
}
@media (max-width: 768px){ 

	.main_bg_con {
		
		background-image: url(/img/mvbg_m_01.jpg);
		background-size: cover;
        width: 100%;
        height: 760px;
	}
	.new_form_bg{
		display:none;
	}
	.new_form_bg.on03{
		display:block;
		transition:0.2s;
	}
	.new_form_tit_m {display:block;}
	.new_form_tit {display:none;}
	.new_form_tit_m img{object-fit:cover; width:100%;}
	.app_section {background-image: url(/img/app_bg_m.jpg);padding:50px 0;}
	.app_con_m {width:100%; height:100%;}
	.app_con_m img {object-fit:cover; margin: 0 auto;width: 100%;}
	.app_con{display:none;}
	.app_con_m{display:block;}
	.life_ytb{max-width:90%; height:400px;}

	.main_bg_con .mv_tit {display:none}
	.main_bg_con .mv_tit2 {display:none}
	.main_bg_con .m_mv_tit{display:block;}
	.main_bg_con .m_mv_tit {width:100%;position:absolute; left:50%; transform:translateX(-50%);bottom:0; }
	.main_bg_con .m_mv_tit img{width:100%; height:760px; object-fit:cover}
}
@media (max-width: 660px){
	.main_bg_con {
		
		background-image: url(/img/mvbg_m_01.jpg);
		background-size: cover;
        width: 100%;
        height: 600px;
	}
	.main_bg_con .m_mv_tit img{width:100%; height:600px; object-fit:cover}
}
@media (max-width: 520px){
	.main_bg_con {
		
		background-image: url(/img/mvbg_m_01.jpg);
		background-size: cover;
        width: 100%;
        height: 550px;
	}
	.main_bg_con .m_mv_tit img{width:100%; height:550px; object-fit:cover}
}
@media (max-width: 500px){ 
	#new_form{padding:20px 0;}
	.life_ytb{height:300px;}
}

@media (max-width: 460px){
	.main_bg_con {
		
		background-image: url(/img/mvbg_m_01.jpg);
		background-size: cover;
        width: 100%;
        height: 480px;
	}
	.main_bg_con .m_mv_tit img{width:100%; height:480px; object-fit:cover}
}
@media (max-width: 400px){
	.main_bg_con {
		
		background-image: url(/img/mvbg_m_01.jpg);
		background-size: cover;
        width: 100%;
        height: 420px;
	}
	.main_bg_con .m_mv_tit img{width:100%; height:420px; object-fit:cover}
}

@media (max-width: 350px){
	.main_bg_con {
		
		background-image: url(/img/mvbg_m_01.jpg);
		background-size: cover;
        width: 100%;
        height: 370px;
	}
	.main_bg_con .m_mv_tit img{width:100%; height:370px; object-fit:cover}
}