/*---common css---*/

:root { 

	/*container*/
	--container: 94%;

	/*font size*/
	--font-size-15: .9375rem;
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem;
	--font-size-22: 1.375rem;
	--font-size-24: 1.5rem;
	--font-size-26: 1.625rem;
	--font-size-30: 1.875rem;
	--font-size-48: 3rem;
	--font-size-64: 4rem;

	/*font weight*/
	--font-l: 100;
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-eb: 800;
	--font-bl: 900;
	
	/*rail ani*/
	--size: clamp(10rem, 1rem + 40vmin, 30rem);
	--gap: calc(var(--size) / 14);
	--duration: 30s;
	--scroll-start: 0;
	--scroll-end: calc(-100% - var(--gap));
}

@media screen and (max-width: 720px){ 
	 
	:root { 
	
		/*container*/
		--container: 90%;
	}
}

/*font size*/
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);}
.fs_24{font-size: var(--font-size-24);}
.fs_30{font-size: var(--font-size-30);}
.fs_48{font-size: var(--font-size-48);}
.fs_64{font-size: var(--font-size-64);}

/*font weight*/
.font_l{font-weight: var(--font-l);}
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_eb {font-weight: var(--font-eb);}
.font_bl{font-weight: var(--font-bl);}

/*common container*/
.common_container{width: var(--container);margin: 0 auto;}
.section_container{position: relative;overflow: hidden;}
.section_container img{display: block;}

.mobile_container{display: none;}

@media screen and (min-width: 1930px){
	
	.section_container img{width: 100%;}
}

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

@media screen and (max-width: 720px){
	
	.section_container{display: none;}

	.mobile_container{display: block;position: relative;overflow: hidden;}
	.mobile_container img{display: block;width: 100%;}
}

/*common class*/
body{position: relative;overflow-x: hidden;}

.pos_img{position: absolute;top: 0;left: 0;}
.w100{width: 100%;}
.zindex_01{z-index: 1;}
.zindex_02{z-index: 5;}
.zindex_03{z-index: 10;}
.zindex_04{z-index: 15;}
.zindex_05{z-index: 20;}

.k_delay_01{transition-delay: .2s !important;}
.k_delay_02{transition-delay: .4s !important;}
.k_delay_03{transition-delay: .6s !important;}
.k_delay_04{transition-delay: .8s !important;}
.k_delay_05{transition-delay: 1s !important;}
.k_delay_06{transition-delay: 1.2s !important;}
.k_delay_07{transition-delay: 1.4s !important;}
.k_delay_08{transition-delay: 1.6s !important;}
.k_delay_09{transition-delay: 1.8s !important;}
.k_delay_10{transition-delay: 2s !important;}
.k_delay_11{transition-delay: 2.2s !important;}
.k_delay_12{transition-delay: 2.4s !important;}
.k_delay_13{transition-delay: 2.6s !important;}

.common_motion{transform: translateY(50px);opacity: 0;transition: all .8s ease;}
.common_trigger.on .common_motion{transform: translateY(0);opacity: 1;}

.common_motion2{opacity: 0;transition: all .8s ease;}
.common_trigger.on .common_motion2{opacity: 1;}

.common_motion3{width: 0;transition: all 2s ease;}
.common_trigger.on .common_motion3{width: 100%;}

.mo_img{display: none !important;}

.motion_img{position: relative;}
.motion_img::after{content: "";position: absolute;top: 0;width: 200%;height: 100%;background: #FFF;z-index: 1;transition: width 2s ease;}
.motion_img.motion_R::after{right: 0;}
.motion_img.motion_L::after{left: 0;}

.common_trigger.on .motion_img::after{width: 0;}

.basic_img_motion{position: relative;}
.basic_img_motion::after{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: #000;z-index: 1;transition: width .8s linear;}
.common_trigger.on .basic_img_motion::after{width: 0;}

.txt_slide{position: relative;}
.txt_slide::after{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: #000;z-index: 1;transition: width 2s ease;}

.txt_slide.on::after{width: 0;}

@media screen and (max-width: 720px){
	
	.common_motion{transform: translateY(30px);}
	
	.pc_img{display: none !important;}
	.mo_img{display: block !important;}

	.basic_img_motion::after{transition: width .4s linear;}
}

/*---header---*/
#k_header{position: absolute;top: 0;left: 0;width: 100%;height: 100px;z-index: 1000;}
.hd_con{display: flex;justify-content: space-between;align-items: flex-end;height: 100%;position: relative;overflow: hidden;}

.hd_logo{height: 100%;}
.hd_logo img{display: block;padding-top: 19.5px;}

.hd_tel{padding-bottom: 19.5px;}
.hd_tel img{display: block;}

.hd_gnb{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.hd_gnb>ul{display: flex;}
.hd_gnb>ul>li>a{display: block;width: 100%;height: 100%;color: #FFF;line-height: 128px;font-size: var(--font-size-18);font-weight: var(--font-sb);padding: 0 32px;}
.hd_gnb>ul>li>a>i{position: relative;white-space: nowrap;}
.hd_gnb>ul>li>a>i::after{content: "";position: absolute;bottom: -12px;left: 0;width: 0;height: 1px;background: #FFF;z-index: 1;}
.hd_gnb>ul>li.on>a>i::after{width: 100%;}

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

@media screen and (max-width: 1480px){
	
	#k_header{height: 80px;}

	.hd_logo img{max-width: 85%;padding-top: 14px;}
	
	.hd_tel{display: flex;justify-content: flex-end;width: 230px;padding-bottom: 14px;}
	.hd_tel img{width: 100%;}

	.hd_gnb>ul>li>a{line-height: 105px;padding: 0 28px;}
	.hd_gnb>ul>li>a>i::after{bottom: -10px;}
}

@media screen and (max-width: 1280px){
	
	.hd_gnb>ul>li>a{padding: 0 20px;}
}

@media screen and (max-width: 1080px){
	
	/*mobile*/
	.hd_gnb, .hd_tel{display: none;}

	#mo_btn{display: block;width: 25px;height: 100%;position: relative;}
	#mo_btn span{position: absolute;top: 39px;left: 0;width: 100%;height: 2px;background: #FFF;z-index: 1;}
	#mo_btn span:nth-child(1){transform: translateY(-8px);}
	#mo_btn span:nth-child(3){transform: translateY(8px);}
}

@media screen and (max-width: 960px){
	
	/*mobile*/
	#k_header{position: fixed;}
	.hd_logo img{max-width: 70%;padding-top: 18.5px;}
}

@media screen and (max-width: 720px){
	
	#k_header{height: 60px;}
	
	.hd_logo{max-width: 160px;}
	.hd_logo img{max-width: 100%;padding-top: 14px;}
	
	#mo_btn{width: 23px;}
	#mo_btn span{top: 29px;}
	#mo_btn span:nth-child(1){transform: translateY(-7px);}
	#mo_btn span:nth-child(3){transform: translateY(7px);}
}

/*main visual*/
#main_visual{position: relative;}

/*main section 01*/
#cycle_img{position: absolute;top: 20%;left: 0;
	animation: main_plus 15s linear 0s infinite normal;
}

@keyframes main_plus{ 
    0% {transform: rotate(0);}
    100% {transform: rotate(360deg);}
}

@media screen and (max-width: 720px){
	
	#cycle_img{top: 25%;}
}

/*main section 02*/
#rnl_wrap{position: relative;}
.rnl_lft, .rnl_rgt{position: absolute;top: 0;left: 0;opacity: 0;transition: all .6s ease !important;}

.rnl_point{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;}
.rnl_point a{width: 50%;height: 100%;}

.rnl_lft.on{opacity: 0 !important;}
.rnl_rgt.on{opacity: 1 !important;}

/*main section 03*/
.card_list{display: flex;justify-content: center;gap: 41px;}
.card_list li{cursor: pointer;position: relative;
	box-shadow: 28px 28px 73px rgba(0,0,0,.27);
	-webkit-box-shadow: 28px 28px 73px rgba(0,0,0,.27);
}
.card_front{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;opacity: 0;transition: opacity .3s ease;}

.card_list li:hover .card_front{opacity: 1;}

@media screen and (max-width: 1480px){
	
	.card_list{width: 80%;margin: 0 auto;gap: 30px;}
}

/*main section 05*/
#scroll_img{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
#scroll_img>img{transition: opacity .3s ease;}
#scroll_img>img.off{opacity: 0;}
.scroll_02, .scroll_03, .scroll_04{position: absolute;top: 0;left: 0;}
.scroll_01{position: relative;z-index: 15;}
.scroll_02{z-index: 10;}
.scroll_03{z-index: 5;}
.scroll_04{z-index: 1;}

/*main section 07*/
.cross_img{position: relative;z-index: 1;}
.cross_img li{position: absolute;top: 0;left: 0;width: 100%;transition: transform 1s ease;}
.cross_img li:nth-child(1){transform: translateX(-100%);}
.cross_img li:nth-child(2){transform: translateX(100%);}

.cross_img.on li{transform: translateX(0);}

/*main section 08*/
.video_wrap{position: relative;}
#video_slide{width: 43.23vw;margin: 0 auto;overflow: visible;}
#video_slide .swiper-slide{position: relative;width: 100%;height: auto;padding-bottom: 56.25%;}
#video_slide iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.video_btn{position: absolute;top: 50%;transform: translateY(-50%);width: 80px;height: 80px;background: #6f0100;z-index: 1;display: flex;align-items: center;justify-content: center;}
.video_prev{right: calc( 100% + 40px );}
.video_next{left: calc( 100% + 40px );}
.video_btn i{font-size: 2rem;color: #FFF;}

/*.video_btn{position: absolute;top: 0;width: 24vw;height: 100%;z-index: 1;cursor: pointer;}
.video_prev{left: 0;}
.video_next{right: 0;}*/

.video_progress{position: relative;width: var(--container);max-width: 1280px;height: 1px;margin: 0 auto;margin-top: 59px;z-index: 1;background: rgba(90,32,13,.2);overflow: hidden;}
.video_progress span{background: #5a200d !important;}

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

	.video_btn{width: 50px;height: 50px;}
	.video_prev{right: calc( 100% + 25px );}
	.video_next{left: calc( 100% + 25px );}
}

@media screen and (max-width: 1080px){
	
	#video_slide{width: 80vw;}
}

@media screen and (max-width: 720px){
	
	#section_08 .section_container{display: block;}

	.video_progress{margin-top: 30px;}

	.video_btn{width: 42px;height: 42px;}
	.video_prev{right: 100%;}
	.video_next{left: 100%;}
	.video_btn i{font-size: 16px;}
}

/*footer*/
.k_footer{padding: 50px 0 40px;background: #000;position: relative;z-index: 1000;}
.k_footer .common_container{display: flex;justify-content: space-between;align-items: flex-end;}

.ft_logo img{filter: brightness(0) invert(1);opacity: .35;}

.ft_info{margin-top: 36px;}
.ft_info b, .ft_info i{color: #FFF;font-size: var(--font-size-15);line-height: 180%;}
.ft_info b{display: inline-block;padding-bottom: 5px;}
.ft_info i{padding-right: 10px;color: #aaa;}

.ft_sns{display: flex;justify-content: flex-end;align-items: center;}
.ft_sns span{font-size: var(--font-size-15);color: #FFF;font-weight: var(--font-b);padding-top: 3px;}
.ft_sns ul{display: flex;align-items: center;gap: 18px;margin-left: 22px;}
.ft_sns ul li{transition: opacity .25s ease;}
.ft_sns ul:hover li{opacity: .4;}
.ft_sns ul li:hover{opacity: 1;}

.ft_pre{display: flex;justify-content: flex-end;margin-top: 37px;}
.ft_pre li{margin-left: 18px;}
.ft_pre li a{display: block;width: 100%;height: 100%;font-size: var(--font-size-15);color: #FFF;font-weight: var(--font-sb);position: relative;}
.ft_pre li a::after{content: "";position: absolute;bottom: -1px;left: auto;right: 0;width: 0;height: 1px;background: #FFF;z-index: 1;transition: width .3s ease;}
.ft_pre li:hover a::after{left: 0;right: auto;width: 100%;}

.ft_copy{line-height: 180%;font-size: var(--font-size-15);color: #777;margin-top: 38px;}

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

	.ft_logo img{max-width: 213px;}

	.ft_info{margin-top: 25px;}
	.ft_pre, .ft_copy{margin-top: 25px;}
}

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

	.k_footer .common_container{justify-content: flex-start;flex-direction: column;align-items: flex-start;}

	.ft_logo img{display: block;max-width: 175px;}

	.ft_rgt{margin-top: 20px;}
	.ft_pre, .ft_sns{justify-content: flex-start;}
	.ft_pre li{margin-left: 0;margin-right: 15px;}
}

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

	.k_footer{padding: 30px 0 25px;}

	.ft_logo img{max-width: 160px;}

	.ft_info{margin-top: 15px;}
	.ft_pre, .ft_copy{margin-top: 20px;}
}

/*---quick_form---*/
#quick_form{position: fixed;bottom: 0;left: 0;width: 100%;background: #000;z-index: 1000;display: none !important;}/*quick form 변경으로 display none*/
#quick_form .common_container{max-width: 1480px;position: relative;}

.form_wrap{height: 75px;}
.form_wrap .common_container{display: flex;align-items: center;height: 100%;}

.form_inner{display: flex;align-items: center;position: relative;z-index: 5;margin-left: 15px;}
.form_box{margin-right: 7px;}
.quick_input{width: 170px;height: 48px;line-height: 48px;border: none;outline: none;padding: 0 19px;color: #000;}
.quick_input::placeholder{color: #000;font-weight: 500;}

.agree_box{position: relative;margin-left: 4px;}
.agree_box label{display: flex;align-items: center;}
.agree_box label span{width: 27px;height: 27px;border-radius: 27px;background: #FFF;}
.agree_box label a{font-size: var(--font-size-15);font-weight: var(--font-sb);color: #FFF;padding-top: 3px;margin-left: 6px;}
.agree_box label a:hover{text-decoration: underline;}
.agree_box input[type="checkbox"]{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}
.agree_box input[type="checkbox"] + label span{background: url("../img/chk.png") no-repeat 50% 50% #ccc;}
.agree_box input[type="checkbox"]:checked + label span{background: url("../img/chk.png") no-repeat 50% 50% #6f0100;}

.form_btn{width: 165px;height: 48px;line-height: 48px;background: #6f0100;color: #FFF;font-size: var(--font-size-20);font-weight: var(--font-b);margin-left: 14px;}

.quick_menu{position: absolute;bottom: 0;right: 0;z-index: 1;}

.open_store{height: 45px;background: #6f0100;}
.store_rail{display: flex;align-items: center;height: 100%;}
.open_store ul{flex-shrink: 0;display: flex;align-items: center;justify-content: space-around;gap: var(--gap);min-width: 100%;
	animation: scroll-x var(--duration) linear infinite;
	-webkit-animation: scroll-x var(--duration) linear infinite;
}
.open_store ul li{line-height: 45px;font-weight: var(--font-b);color: #FFF;padding: 0 38px;white-space: nowrap;}
.open_store ul li i{font-weight: var(--font-sb);}

@keyframes scroll-x{
	from{transform: translateX(var(--scroll-start));}
	to{transform: translateX(var(--scroll-end));}
}

@-webkit-keyframes scroll-x{
	from{transform: translateX(var(--scroll-start));}
	to{transform: translateX(var(--scroll-end));}
}

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

	.form_wrap h2 img{max-width: 400px;}
	.quick_input{width: 130px;height: 42px;line-height: 43px;padding: 0 10px;}
	.form_btn{height: 42px;line-height: 42px;font-size: 1.13rem;}

	.agree_box label span{width: 21px;height: 21px;}

	.open_store ul li{padding: 0 15px;}
}

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

	.form_wrap .common_container{justify-content: space-between;}
	.form_inner{margin-left: 0;}
	
	.form_box{margin-right: 5px;}
	.quick_input{width: 120px;height: 40px;line-height: 40px;padding: 0 5px;}
	.agree_box{margin-left: 0;}
	.form_btn{width: 115px;height: 40px;line-height: 40px;margin-left: 10px;}
	.quick_menu{display: none;}
}

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

	.form_wrap{display: none;}
}

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

	.open_store ul li{padding: 0 5px;}
}

/*---right menu---*/
#rgt_menu{position: fixed;bottom: 170px;right: 3%;z-index: 3000;}
#rgt_menu ul{display: flex;flex-direction: column;align-items: center;gap: 15px;}
#rgt_menu ul li{width: 134px;height: 134px;border-radius: 134px;}
#rgt_menu ul li:nth-child(1){background: url("../img/main/rgt_bg.png") no-repeat 50% 50% #6f0100;}
#rgt_menu ul li:nth-child(2){background: #252525;}
#rgt_menu ul li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;text-align: center;color: #FFF;font-size: var(--font-size-30);font-weight: var(--font-b);position: relative;}
#rgt_menu ul li a b{transition: opacity .2s ease;}
#rgt_menu a span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;transition: opacity .2s ease;}
#rgt_menu a span i{position: absolute;top: calc( ( 100% - 2px ) / 2 );left: calc( ( 100% - 50px ) / 2 );width: 50px;height: 2px;background: #FFF;}
#rgt_menu a span i:nth-child(1){transform: rotate(45deg);}
#rgt_menu a span i:nth-child(2){transform: rotate(-45deg);}

#rgt_menu ul li a.on b{opacity: 0;}
#rgt_menu ul li a.on span{opacity: 1;}

/*top btn*/
#rgt_menu ul li.top_btn{width: 100%;height: 50px;background: #000;}

@media screen and (max-width: 1480px){
	
	#rgt_menu ul{gap: 5px;}
	#rgt_menu ul li{width: 100px;height: 100px;border-radius: 100px;}
	#rgt_menu ul li a{font-size: 1.4375rem;}

	#rgt_menu ul li.top_btn{height: 40px;}
}

@media screen and (max-width: 720px){
	
	#rgt_menu{bottom: 55px;gap: 3px;}
	#rgt_menu ul li{width: 60px;height: 60px;border-radius: 60px;}
	#rgt_menu ul li a{font-size: 1.12rem;}

	#rgt_menu ul li.top_btn{width: 60px;height: 60px;}
	#rgt_menu ul li.top_btn i{font-size: 24px;}
}

/*---개인정보처리방침, 이용약관 팝업 추가---*/
.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: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #6f0100;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.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;}

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

/*---popup form---*/
#popup_form{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(111,1,0,.95);z-index: 2000;display: none;}
#popup_form>.common_container{height: 100%;}

.pf_wrap{display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100%;}

.pf_form{width: 100%;max-width: 650px;margin-top: 50px;}
.pf_box{margin-bottom: 25px;}
.pf_input{display: block;width: 100%;height: 70px;line-height: 70px;background: rgba(255,255,255,.05);border: none;font-size: var(--font-size-20) !important;font-weight: var(--font-sb);outline: none;color: #FFF;border-bottom: 1px solid #FFF;padding: 0 10px;}
.pf_input::placeholder{color: #FFF;}

#pf_agree{margin-left: 0;}
#pf_agree input[type="checkbox"] + label span{background: url("../img/chk.png") no-repeat 50% 50% transparent;border: 1px solid #FFF;}
#pf_agree input[type="checkbox"]:checked + label span{background: url("../img/chk.png") no-repeat 50% 50% #000;border: 1px solid #000;}
#pf_agree label a{font-size: var(--font-size-18);padding-top: 0;margin-left: 10px;font-weight: 400;color: rgba(255,255,255,.8);}
.pf_btn{display: block;width: 100%;line-height: 70px;background: #000;color: #FFF;margin-top: 25px;font-size: var(--font-size-20);font-weight: var(--font-eb);}

@media (max-width: 1480px){ 
	
	.pf_wrap h2 img{max-width: 500px;}

	.pf_form{margin-top: 30px;}
	.pf_input{height: 50px;line-height: 50px;}
	.pf_btn{line-height: 60px;}
}

@media (max-width: 720px){ 
	
	.pf_wrap h2 img{max-width: 80%;display: block;margin: 0 auto;}
	
	.pf_form{margin-top: 15px;}
	.pf_box{margin-bottom: 15px;}
	.pf_input{height: 45px;line-height: 45px;}
	.pf_btn{line-height: 50px;margin-top: 20px;}
}

/*scroll header*/
#scroll_hd{position: fixed;top: -70px;left: 0;width: 100%;height: 70px;z-index: 1500;background: rgba(0,0,0,.85);transition: top .3s ease;}
#scroll_hd.on{top: 0;}
#scroll_hd .common_container{position: relative;}
.sh_gnb>ul{display: flex;justify-content: center;width: 100%;}
.sh_gnb>ul>li>a{display: block;width: 100%;height: 100%;font-size: 1.13rem;font-weight: var(--font-m);color: rgba(255,255,255,.5);line-height: 70px;padding: 0 30px;transition: color .25s ease;}
.sh_gnb>ul>li>a>i{position: relative;display: block;width: 100%;height: 100%;}
.sh_gnb>ul>li>a>i::after{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background: #e8dcce;transition: width .3s ease;}

.sh_gnb>ul>li.on>a{color: #FFF;}
.sh_gnb>ul>li.on>a>i::after{width: 100%;}

.scroll_logo{position: absolute;top: 0;left: 0;z-index: 1;}
.scroll_logo img{display: block;padding-top: 15px;}

@media (max-width: 1890px){ 
	
	.sh_gnb>ul>li>a{padding: 0 20px;}
}

@media (max-width: 1680px){ 
	
	.sh_gnb>ul>li>a{font-size: 1rem;white-space: nowrap;}
}

@media (max-width: 1480px){ 
	
	#scroll_hd{top: -55px;height: 55px;}
	.sh_gnb>ul>li>a{line-height: 55px;padding: 0 20px;}

	.scroll_logo img{max-width: 150px;padding-top: 13px;}
}

@media (max-width: 1280px){ 
	
	.scroll_logo{display: none;}
	
	.sh_gnb>ul>li>a{padding: 0 10px;}
}

@media (max-width: 960px){ 
	
	#scroll_hd{display: none !important;}
}

/*---mobile gnb---*/
#mobile_gnb{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9000;transform: translateX(calc( 101% + 20px ));transition: transform .5s ease;
	box-shadow: -10px 0 20px rgba(0,0,0,.2);
	-webkit-box-shadow: -10px 0 20px rgba(0,0,0,.2);
}
#mobile_gnb.on{transform: translateX(0);}
#mobile_gnb .common_container{display: flex;align-items: center;justify-content: center;height: 100%;}

.mo_gnb>ul>li>a{display: block;width: 100%;height: 100%;color: #FFF;text-align: center;font-size: var(--font-size-30);font-weight: var(--font-b);padding: 20px 0;}

.mo_close{position: absolute;top: 2%;right: 5%;width: 50px;height: 50px;}
.mo_close span{position: absolute;top: 24.5px;left: 5px;width: 40px;height: 1px;background: #FFF;}
.mo_close span:nth-child(1){transform: rotate(45deg);}
.mo_close span:nth-child(2){transform: rotate(-45deg);}

/*---ani---*/
.change_color{position: relative;}
.change_color img:nth-child(1){ 
	animation: change_color1 1s step-end infinite;
	-webkit-animation: change_color1 1s step-end infinite;
}
.change_color img:nth-child(2){position: absolute;top: 0;left: 0;width: 100%;z-index: 1;
	animation: change_color2 1s step-end infinite;
	-webkit-animation: change_color2 1s step-end infinite;
}

@keyframes change_color1{
    0%, 100%{opacity: 1}
    50%{opacity: 0}
}

@keyframes change_color2{
    0%, 100%{opacity: 0}
    50%{ opacity: 1}
}

@-webkit-keyframes change_color1{
    0%, 100%{opacity: 1}
    50%{opacity: 0}
}

@-webkit-keyframes change_color2{
    0%, 100%{opacity: 0}
    50%{ opacity: 1}
}

/*---랜딩페이지---*/
/*---랜딩페이지---*/
/*---랜딩페이지---*/

/*landing visual*/
#landing_visual{background: #000;}
#landing_visual .swiper-slide{overflow: hidden;}
#landing_visual .swiper-slide img{display: block;}

.lv_prev, .lv_next{position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background: #6f0100;z-index: 1;}
.lv_prev{left: 0;}
.lv_next{right: 0;}
.lv_prev i, .lv_next i{color: #FFF;font-size: 2rem;}

@media screen and (min-width: 1930px){
	
	#landing_visual .swiper-slide img{width: 100%;}
}

@media screen and (max-width: 1910px){
	
	#landing_visual .swiper-slide img{width: 100%;}
}

@media screen and (max-width: 1480px){
	
	.lv_prev, .lv_next{width: 60px;height: 60px;}
}

@media screen and (max-width: 960px){
	
	.lv_prev, .lv_next{width: 40px;height: 40px;}
}

@media screen and (max-width: 720px){
	
	.lv_prev, .lv_next{top: 60.1%;width: 50px;height: 50px;}
}

/*rail slide*/
#ld_rail{background: #000;}
#ld_rail .swiper-wrapper{transition-timing-function: linear;}
#ld_rail .swiper-slide img{display: block;width: 100%;}

/*---ld section 01---*/
#ld_cycle{position: absolute;top: 23%;left: 0;width: 100%;}
#ld_cycle img:first-child{animation: main_plus 15s linear 0s infinite normal;}
.ld_cycle_cover{position: absolute;top: 0;left: 0;}

/*---ld section 05---*/
#ld_00, #ld_06, #ld_07, #ld_08{background: #f8f4ee;
    background-image: url("../img/main/32-1.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;}

.interview_wrap{width: 90%;max-width: 1920px;margin: 0 auto;}

.iv_list{display: flex;justify-content: center;gap: 50px;}
.iv_text{display: flex;flex-direction: column;align-items: center;margin-top: 20px;}
.iv_text img{width: auto;}
.iv_text h4{font-size: var(--font-size-20);font-weight: var(--font-sb);color: #412609;margin-top: 10px;}

.iv_list li figure{position: relative;}
.iv_list li figure::after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: 1;background: rgba(255,108,0,.7);transition: width .7s ease;}
.iv_list li figure::before{content: "+";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;font-size: 150px;color: #FFF;font-weight: 100;opacity: 0;transition: opacity .7s ease;}
.iv_list li a:hover figure::after{width: 100%;}
.iv_list li a:hover figure::before{opacity: 1;}

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

@media screen and (max-width: 960px){
	
	.iv_list{gap: 20px;}
}

@media screen and (max-width: 720px){
	
	#ld_06 .section_container{display: block;}

	.iv_list{justify-content: flex-start;flex-wrap: wrap;gap: 10px;}
	.iv_list li{width: calc( ( 100% - 10px ) / 2 );margin-bottom: 20px;}
	.iv_list li:last-child{margin-bottom: 0;}

	.iv_text{margin-top: 15px;}
	.iv_text img{max-width: 120px;}
	.iv_text h4{margin-top: 8px;}
}

/*---ld section 09 - form---*/
#ld_08{padding-bottom: 270px;}

.ld_form_wrap{max-width: 1000px;margin: 0 auto;}

.inqBox{display: flex;align-items: center;margin-bottom: 10px;}
.inqBox h4{font-size: var(--font-size-18);font-weight: var(--font-sb);width: 200px;}
.inqBox h4 i{position: relative;}
.inqBox h4 i::after{content: "";position: absolute;top: 3px;right: -10px;width: 5px;height: 5px;border-radius: 5px;background: #6f0100;}

.inqInput{display: block;width: 300px;height: 50px;line-height: 48px;border: 1px solid #ddd;outline: none;padding: 0 15px;border-color: #bcb3a5;}
.inqInput:focus{border-color: #6f0100;}

.inqField_flex{display: flex;align-items: center;}
.inqField_flex>span{font-size: var(--font-size-18);padding: 0 10px;}
.inqField_flex>select.inqInput{margin-left: 10px;}

.inqSelect{background: url("../img/select_down.png") no-repeat right 15px center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.inqSelect::-ms-expand { 
	display: none;
}
.inqSelect:focus{background: url("../img/select_up.png") no-repeat right 15px center;}

.inqCheck_wrap{position: relative;margin-right: -1px;}
.inqCheck{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;z-index: -1;}
.inqCheck + label span{display: flex;align-items: center;justify-content: center;width: 150px;height: 50px;border: 1px solid #ddd;font-weight: 500;color: #bcb3a5;cursor: pointer;border-color: #bcb3a5;}
.inqCheck:checked + label span{background: #6f0100;color: #FFF;font-weight: bold;}

.inqTextarea{width: calc( 100% - 200px );}
.inqTextarea textarea{display: block;width: 100%;height: 150px !important;padding: 15px;border: 1px solid #bcb3a5;outline: none;resize: none;}
.inqTextarea textarea:focus{border-color: #6f0100;}
.inqTextarea span.sound_only{display: none !important;}

.inqBtn .pf_btn{max-width: 300px;margin: 0 auto;margin-top: 30px;font-size: 1.5rem;background: #6f0100;cursor: pointer;border: none;}

.k_radio_check{border-color: #bcb3a5 !important;}

/*랜딩페이지*/
#ld_08 .inqInput, #ld_08 .inqCheck + label span, #ld_08 .inqTextarea textarea, #ld_08 .k_radio_check{border-color: #bcb3a5;}
#ld_08 .inqInput:focus, #ld_08 .inqTextarea textarea:focus{border-color: #6f0100;}

.ld_form_wrap{width: 90%;max-width: 1920px;margin: 0 auto;}

@media screen and (max-width: 1480px){ 
	
	.inqBox h4{width: 160px;}

	.inqInput{width: 250px;height: 47px;line-height: 45px;}

	.inqCheck + label span{width: 120px;height: 45px;}

	.inqTextarea{width: calc( 100% - 160px );}
}

@media screen and (max-width: 960px){ 
	
	.inqInput{width: 170px}

	.inqCheck + label span{width: 110px;}
}

@media screen and (max-width: 720px){ 
	
	#ld_08{padding-bottom: 100px;}
	#ld_08 .section_container{display: block;}

	.inqBox{display: block;margin-bottom: 15px;}
	.inqBox h4{width: 100%;font-size: 15px;margin-bottom: 6px;}

	.inqInput{width: 100%;padding: 0 10px;}

	.inqField_flex>span{padding: 4px;}
	.inqField_flex>select.inqInput{margin-left: 6px;}

	.inqField_fmo{flex-wrap: wrap;}
	.inqCheck_wrap{width: 33.333%;margin-top: -1px;}
	.inqCheck + label span{width: 100%;font-size: 13px;}

	.inqTextarea{width: 100%;}
	.inqTextarea textarea{height: 120px !important;}

	.inqBtn .pf_btn{max-width: 100%;margin-top: 20px;}
}

/*---2023.08.11 - 수정---*/
#section_04{background: #fbf5ed;}
#section_05, #section_08{background-image: url("../img/main/32-1.jpg");background-position: center center;background-size: cover;background-repeat: no-repeat;}

#section_04{position: relative;}
.fixed_bg{background-image: url("../img/main/23.jpg");background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;filter: grayscale(1);transition: all 1s ease;}
#section_04::before, #section_04::after{content: "";position: absolute;top: 0;width: 3%;height: 100%;background: #fbf5ed;z-index: 10;}
#section_04::before{right: 0;}
#section_04::after{left: 0;}

/*on*/
.fixed_bg.on{filter: grayscale(0);}

@media screen and (max-width: 720px){
	
	.fixed_bg{background-image: url("../img/main/mo/mo_23.jpg");}
	#section_04::before, #section_04::after{width: 5%;}
}

/*---2023.08.17 - 수정---*/
#ld_02_motion img{position: absolute;top: 0;left: 0;opacity: 0;transition: 1s ease;}
#ld_02_motion.on img{opacity: 1;}

#flow_loot{position: relative;}
#flow_loot li{transform: translateX(-75px);opacity: 0;transition: transform .65s ease, opacity .45s;}
#flow_loot li:not(:first-of-type){position: absolute;top: 0;left: 0;z-index: 1;}

#flow_loot.on li{transform: translateX(0);opacity: 1;}

@media screen and (min-width: 1930px){
	
	#flow_loot li{width: 100%;}
}

@media screen and (max-width: 1910px){
	
	#flow_loot li{width: 100%;}
}

/*창업비용 테이블*/
#ld_09{background: #000;}
#ld_09 .section_container>img{padding-bottom: 150px;}

.ld_table_wrap{width: var(--container);max-width: 1260px;margin: 0 auto;}
.ld_table_wrap span{display: flex;justify-content: flex-end;font-size: var(--font-size-18);font-weight: var(--font-m);color: rgba(255,255,255,.7);margin-bottom: 25px;}
.ld_table_wrap p{font-size: var(--font-size-18);font-weight: var(--font-m);color: rgba(255,255,255,.55);margin-top: 20px;}

.ld_table td{color: #FFF;line-height: 75px;border: 1px solid #FFF;border-left: none;padding: 0 40px;}
.ld_table td:first-child, .ld_table td:nth-child(2){border-right-color: rgba(255,255,255,.2);}
.ld_table td:first-child{font-size: var(--font-size-22);font-weight: var(--font-b);width: 266px;text-align: center;padding: 0;}
.ld_table td:nth-child(2){font-size: var(--font-size-20);font-weight: var(--font-r);width: 500px;}
.ld_table td:last-child{font-size: var(--font-size-22);font-weight: var(--font-m);width: 500px;border-right: none;position: relative;}

.ld_table td b{position: absolute;top: 50%;right: 5%;/*transform: translateY(-50%) rotate(355deg);*/opacity: 0;z-index: 1;width: 215px;line-height: 60px;border: 3px solid #ff6600;text-align: center;font-size: var(--font-size-30);font-weight: var(--font-eb);color: #FFF;
	/*animation: eff_color .65s linear infinite;
	-webkit-animation: eff_color .65s linear infinite;*/
}

.total_tr td{background: #6f0100;border-color: #6f0100;text-align: center !important;font-size: var(--font-size-30) !important;font-weight: var(--font-b) !important;line-height: 80px;}

.ld_table.on tr td b{ 
	animation: on_eff .65s linear forwards; 
	-webkit-animation: on_eff .65s linear forwards; 
}
.ld_table tr:nth-child(2) td b{animation-delay: .2s;}
.ld_table tr:nth-child(3) td b{animation-delay: .4s;}
.ld_table tr:nth-child(4) td b{animation-delay: .6s;}
.ld_table tr:nth-child(5) td b{animation-delay: .8s;}
.ld_table tr:nth-child(6) td b{animation-delay: 1s;}
.ld_table tr:nth-child(7) td b{animation-delay: 1.2s;}
.ld_table tr:nth-child(8) td b{animation-delay: 1.4s;}

.cencle_line{position: relative;}
.cencle_line::after{content: "";position: absolute;top: 50%;left: -10px;transform: translateY(-50%);width: 0;height: 3px;background: #ff6600;z-index: 1;transition: width .65s ease;}

.ld_table.on .cencle_line::after{width: calc( 100% + 20px );}

.table_price{position: relative;}
.table_price::after{content: "0원!";position: absolute;top: 50%;left: calc( 100% + 130px );transform: translateY(-50%) scale(2);font-size: var(--font-size-48);font-weight: var(--font-b);white-space: nowrap;z-index: 1;color: #ffee00;transform-origin: bottom;opacity: 0;transition: all .65s ease;}

.ld_table.on .table_price::after{transform: translateY(-50%) scale(1);opacity: 1;transition-delay: 1.6s;transform-origin: center;
	animation: price_eff 1.25s linear infinite;
}

@keyframes eff_color{ 
	0%{color: #fff;}
	100%{color: #f6ff00;}
}

@-webkit-keyframes eff_color{ 
	0%{color: #fff;}
	100%{color: #f6ff00;}
}

@keyframes on_eff{ 
	0%{opacity: 0;transform: translateY(-50%) rotate(355deg) scale(2);}
    100%{opacity: 1;transform: translateY(-50%) rotate(355deg) scale(1);}
}

@-webkit-keyframes on_eff{ 
	0%{opacity: 0;transform: translateY(-50%) rotate(355deg) scale(2);}
    100%{opacity: 1;transform: translateY(-50%) rotate(355deg) scale(1);}
}

@keyframes price_eff{ 
	0%{transform: translateY(-50%) scale(1);}
    50%{transform: translateY(-50%) scale(2);}
	100%{transform: translateY(-50%) scale(1);}
}

@media screen and (max-width: 1480px){
	
	.ld_table_wrap{max-width: 1080px;}
	.ld_table_wrap span{margin-bottom: 20px;}	

	.ld_table td{line-height: 60px;}
	.total_tr td{line-height: 70px;}

	.ld_table td b{right: 3%;width: 180px;line-height: 53px;font-size: 24px;}
	.table_price::after{font-size: 38px;}

	.ld_table_wrap p{margin-top: 18px;}
}

@media screen and (max-width: 1080px){
	
	#ld_09 .section_container>img{padding-bottom: 300px;}
	
	.ld_table td{padding: 0 20px;}
	.ld_table td:first-child{width: 300px;font-size: 16px;}
	.ld_table td:nth-child(2){font-size: 14px;}
	.ld_table td:last-child{font-size: 16px;}
	.total_tr td{font-size: 20px !important;}

	.ld_table_wrap span, .ld_table_wrap p{font-size: 14px;}

	.ld_table td b{width: 150px;line-height: 45px;font-size: 20px;}
	.table_price::after{left: calc( 100% + 10px );font-size: 30px;}
}

@media screen and (max-width: 860px){
	
	.ld_table td{line-height: 50px;}
	.total_tr td{line-height: 60px;}

	.ld_table td:first-child{font-size: 14px;}
	.ld_table td:nth-child(2){font-size: 12px;}
	.ld_table td:last-child{font-size: 14px;}
	.total_tr td{font-size: 18px !important;}

	.ld_table_wrap span, .ld_table_wrap p{font-size: 13px;}

	.ld_table td b{width: 140px;line-height: 45px;border: 3px solid #ff6600;font-size: 18px;}
	.table_price::after{left: calc( 100% + 15px );font-size: 25px;}
}

@media screen and (max-width: 720px){
	
	#ld_09 .section_container{display: block;}
	#ld_09 .section_container>img{padding-bottom: 0;}
	
	.ld_table td{padding: 0 12px;line-height: 160%;height: 55px;}
	.ld_table td:first-child{font-size: 12px;width: 25%;}
	.ld_table td:nth-child(2){font-size: 12px;width: 36%;}
	.ld_table td:last-child{font-size: 12px;width: 39%;text-align: left !important;}
	.total_tr td{font-size: 13px !important;}

	.ld_table_wrap span, .ld_table_wrap p{font-size: 12px;}
	.ld_table_wrap span{margin-bottom: 10px;}
	.ld_table_wrap p{margin-top: 10px;line-height: 160%;word-break: keep-all;}
	.ld_table_wrap p br{display: none;}

	.ld_table.on tr td b{width: 80px;line-height: 40px;font-size: 12px;border: 2px solid #ff6600;right: -15%;}

	.table_price::after{left: calc( 100% + 75px );font-size: 20px;}

	.ld_table.on .cencle_line::after{left: -5px;width: calc( 100% + 10px );}
}

/*---점주 인터뷰 팝업---*/
.iv_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 9999;display: none;}

.iv_close{position: absolute;top: 0;right: 0;width: 100px;height: 100px;background: #6f0100;z-index: 1;}
.iv_close span{position: absolute;top: 49px;left: 25px;width: 50px;height: 2px;background: #FFF;transition: transform .3s ease;}
.iv_close span:nth-child(1){transform: rotate(45deg);}
.iv_close span:nth-child(2){transform: rotate(-45deg);}
.iv_close:hover span{transform: rotate(0);}

.iv_inner{display: flex;height: 100%;}
.iv_lft, .iv_rgt{width: 50%;height: 100%;}
.iv_lft{background: #000;background-repeat: no-repeat;background-size: cover;background-position: center;transform: translateX(-100%);transition: transform .8s ease;}
.iv_rgt{background: #FFF;padding: 110px 85px;overflow-y: scroll;transform: translateX(100%);transition: transform .8s ease;}

/*점주사진*/
#iv_01 .iv_lft{background-image: url("../img/landing/iv_01.jpg");}
#iv_02 .iv_lft{background-image: url("../img/landing/iv_02.jpg");}
#iv_03 .iv_lft{background-image: url("../img/landing/iv_03.jpg");}

.iv_wrap.on .iv_lft, .iv_wrap.on .iv_rgt{transform: translateX(0);}

.iv_contents>span{display: block;font-size: var(--font-size-18);font-weight: var(--font-m);color: #999;margin-bottom: 20px;}
.iv_contents>span b{font-weight: var(--font-b);color: #000;}
.iv_contents>h3{font-size: 3.75rem;font-weight: var(--font-eb);line-height: 125%;margin-bottom: 50px;}

.iv_qa{margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px dotted #ddd;}
.iv_qa h4, .iv_qa p{position: relative;padding-left: 40px;line-height: 180%;}
.iv_qa h4{font-size: 1.5rem;font-weight: var(--font-b);margin-bottom: 5px;}
.iv_qa p{font-size: 1.125rem;font-weight: var(--font-r);color: #343434;}
.iv_qa b{font-size: 2rem;font-weight: var(--font-b);position: absolute;top: -2px;left: 0;z-index: 1;}
.iv_qa:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}

@media screen and (max-width: 1480px){
	
	.iv_rgt{padding: 100px 70px;}

	.iv_contents>h3{font-size: 2.8rem;}
	.iv_qa h4, .iv_qa p{padding-left: 30px;word-break: keep-all;}
	.iv_qa h4{font-size: 1.4rem;line-height: 160%;}
	.iv_qa p{font-size: 1rem;}
	.iv_qa b{font-size: 1.5rem;}
}

@media screen and (max-width: 1080px){
	
	.iv_close{width: 80px;height: 80px;}
	.iv_close span{top: 39px;left: 20px;width: 40px;height: 2px;}

	.iv_rgt{padding: 90px 60px;}

	.iv_contents>h3{font-size: 2.8rem;}
	.iv_qa h4, .iv_qa p{padding-left: 30px;word-break: keep-all;}
	.iv_qa h4{font-size: 1.4rem;line-height: 160%;}
	.iv_qa p{font-size: 1rem;}
	.iv_qa b{font-size: 1.5rem;}
}

@media screen and (max-width: 960px){
	
	.iv_inner{flex-direction: column;}
	.iv_lft, .iv_rgt{width: 100%;height: 50vh;}
}

@media screen and (max-width: 720px){
	
	.iv_close{width: 60px;height: 60px;}
	.iv_close span{top: 29px;left: 15px;width: 30px;height: 2px;}

	.iv_rgt{padding: 50px 5%;}

	.iv_contents>span{font-size: 13px;margin-bottom: 20px;}
	.iv_contents>h3{font-size: 28px;margin-bottom: 25px;}
	
	.iv_qa{margin-bottom: 25px;padding-bottom: 23px;}
	.iv_qa h4, .iv_qa p{padding-left: 25px;}
	.iv_qa h4{font-size: 15px;}
	.iv_qa p{font-size: 13px;}
}

/*---2023.09.05 - 추가 섹션---*/
#section_09{/*background-image: url("../img/bg00.jpg");*/background-image: url("../img/main/32-1.jpg");background-position: center center;background-size: cover;background-repeat: no-repeat;}

.bi_wrap{max-width: 1480px;padding-bottom: 50px;}

.bi_list{display: flex;justify-content: space-between;}
.bi_list li{border: 1px solid #a79c91;/*background: #dcbf9f;*/position: relative;overflow: hidden;}
.bi_list li img:first-child{opacity: .15;}

.pop_bi{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1.4);opacity: 0;z-index: 1;transition: transform .65s ease, opacity .2s ease;}
.bi_list.on .pop_bi{transform: translate(-50%,-50%) scale(1);opacity: 1;}

@media screen and (max-width: 1480px){
	
	.bi_wrap{max-width: 1180px;}
	.bi_list li{width: calc( ( 100% - 20px ) / 2 );}
}

@media screen and (max-width: 720px){
	
	#section_09 .section_container{display: block;}

	.bi_wrap{padding-bottom: 0;}
	.bi_list{flex-direction: column;gap: 10px;}
	.bi_list li{width: 100%;}
}

/*landing page*/
/*#ld_00{background: #fffdfb;}*/

.review_slide{position: relative;overflow: visible;}
.review_slide .swiper-wrapper{transition-timing-function: linear !important;}

.review_card{border: 3px solid #000;overflow: hidden;}
.review_card img{width: 100%;}

.review_phone{position: absolute;top: -8.5vw;left: 0;width: 100%;z-index: 10;}

.review_circle{position: absolute;top: 13%;left: 55%;z-index: 1;width: 130px;height: 130px;background: #6f0100;border-radius: 130px;}
.review_circle::before, .review_circle::after{content: "";position: absolute;top: 0;left: 0;width: 130px;height: 130px;border-radius: 200px;background: #6f0100;}
.review_circle::before{ 
	animation: link-scale 2s 0s linear infinite;
	-webkit-animation: link-scale 2s 0s linear infinite;
}
.review_circle::after{ 
	animation: link-scale 2s 0s linear infinite;
	-webkit-animation: link-scale 2s 0s linear infinite;
	animation-delay: 1s;
}

@keyframes link-scale{
	0%{
        transform: scale(1);
        -webkit-transform: scale(1);
		opacity: .4; 
	}
	20%{opacity: 1;}
	100%{
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
		opacity: 0; 
	}
}

@-webkit-keyframes link-scale{
	0%{
        transform: scale(1);
        -webkit-transform: scale(1);
		opacity: .4; 
	}
	20%{opacity: 1;}
	100%{
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
		opacity: 0; 
	}
}

.circle_slide{height: 100%;}
.rt_text{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;color: #FFF;}
.rt_text span{font-size: 1.13rem;font-weight: 600;}
.rt_text h4{font-size: 2.2rem;font-weight: bold;}

@media screen and (max-width: 1480px){
	
	.review_circle, .review_circle::before, .review_circle::after{width: 120px;height: 120px;}
}

@media screen and (max-width: 960px){
	
	.review_circle, .review_circle::before, .review_circle::after{width: 100px;height: 100px;}
	.review_circle{top: 8%;left: 52%;}
	.rt_text span{font-size: 1rem;}
	.rt_text h4{font-size: 1.8rem;}
}

@media screen and (max-width: 720px){
	
	#ld_00 .section_container{display: block;}

	.review_phone{position: relative;top: auto;left: auto;bottom: auto;right: auto;}

	.review_card{border-width: 2px;}
	
	.review_circle{left: auto;right: 15%;}
	.rt_text span{font-size: 14px;}
	.rt_text h4{font-size: 26px;}
}

/*---2023.09.06 - 모션추가---*/
/*폰트추가*/
@font-face {
    font-family: 'twaysky';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.font_tway{font-family: 'twaysky';}
.font_nanum{font-family: 'Nanum Myeongjo', serif;}

/*창업안내 - 랜딩페이지*/
#lv_wrap{display: flex;position: relative;height: 105vh;}
#landing_visual, #landing_text{width: 50%;position: relative;}
#landing_visual::after, #landing_text::after{content: "";position: absolute;width: 100%;height: 100%;background: #000;z-index: 1;transition: all 1s ease;}
#landing_visual::after{left: 0;top: 0;}
#landing_text::after{right: 0;bottom: 0;}
#lv_wrap.on #landing_visual::after, #lv_wrap.on #landing_text::after{height: 0;}
#landing_text{background: #000;}

#landing_visual .swiper-slide{position: relative;}

.lv_text{position: absolute;top: 31%;left: 8%;z-index: 10;transform: translateY(25px);opacity: 0;transition: transform .65s ease, opacity .3s ease;}
.lv_text.on{transform: translateY(0);opacity: 1;}

.lv_text>span{background: #000;color: #FFF;font-size: 1.25rem;letter-spacing: 0.15em;padding: 10px 15px;}
.lv_text>span b{font-weight: bold;}

.lv_big{margin-top: 48px;}
.lv_big b{font-size: 2.625rem;font-style: italic;color: #FFF;}
.lv_big h2{display: flex;align-items: flex-end;font-size: 3.125rem;font-style: italic;color: #ffebaa;position: relative;line-height: 1;margin-top: 35px;}
.lv_big h2::after{content: "";position: absolute;bottom: 7px;left: 0;width: 100%;height: 1px;background: #ffebaa;}
.lv_big h2 i{font-size: 9.375rem;line-height: .8;}

.lv_text p{font-size: 1.5rem;color: #FFF;margin-top: 67px;}
.lv_text p i{color: #a4a4a4;}

.ld_counter{transition: all 1s ease;}

@media screen and (min-width: 1930px){
	
	#landing_text figure img{width: 100%;}
}

@media screen and (max-width: 1910px){
	
	#landing_text figure img{width: 100%;}
}

@media screen and (max-width: 1480px){
	
	.lv_text{top: 30%;}

	.lv_text>span{font-size: 1.05rem;}
	.lv_big{margin-top: 40px;}
	.lv_big b{font-size: 2.425rem;}
	.lv_big h2{font-size: 2.925rem;margin-top: 25px;}
	.lv_big h2 i{font-size: 8.175rem;}
	.lv_text p{font-size: 1.3rem;margin-top: 50px;}
}

@media screen and (max-width: 1366px){
	
	#lv_wrap{height: 100vh;max-height: 700px;}
}

@media screen and (max-width: 1024px){
	
	#scroll_hd{display: none !important;}

	#lv_wrap{max-height: 625px;padding-top: 80px;background: #000;}

	.lv_text>span{font-size: 1rem;}
	.lv_big{margin-top: 35px;}
	.lv_big b{font-size: 2rem;}
	.lv_big h2{font-size: 2.4rem;margin-top: 25px;}
	.lv_big h2 i{font-size: 7rem;}
	.lv_text p{font-size: 1.13rem;margin-top: 50px;}
}

@media screen and (max-width: 768px){
	
	#lv_wrap{max-height: 500px;}

	.lv_big b{font-size: 2rem;}
	.lv_big h2{font-size: 2rem;}
	.lv_big h2::after{bottom: 2px;}
	.lv_big h2 i{font-size: 5rem;}
	.lv_text p{font-size: 1.13rem;margin-top: 50px;}
}

@media screen and (max-width: 720px){
	
	#lv_wrap{flex-direction: column;padding-top: 0;height: auto;max-height: none;}
	#landing_visual, #landing_text{width: 100%;max-height: 50vh;}
	#landing_visual{max-height: unset;}

	#lv_wrap.on #landing_visual::after, #lv_wrap.on #landing_text::after{height: 100%;width: 0;}

	.lv_text{top: 20%;}
}

/*common title*/
.title_box{width: 90%;margin: 0 auto;text-align: center;padding-top: 7.4vw;line-height: 3.7vw;}
.title_box span, .title_box h4{font-weight: bold;letter-spacing: -0.02em;}
.title_box span{font-size: 3vw;color: #FFF;}
.title_box h4{font-size: 3.7vw;color: #f7e5a8;}
.title_box h4 b{position: relative;}
.title_box h4 img{position: absolute;right: -3vw;bottom: 0;width: auto;}
.title_box p{font-size: 1vw;color: #FFF;margin-top: 1.8vw;font-weight: 600;line-height: 1;}

@media screen and (max-width: 1480px){
	
	.title_box h4 img{right: -3.5vw;max-width: 38px;}
}

@media screen and (max-width: 1080px){
	
	.title_box h4 img{right: -3vw;max-width: 20px;}
}

@media screen and (max-width: 720px){
	
	.title_box{padding-top: 25vw;line-height: 10vw;}
	.title_box span{font-size: 8vw;}
	.title_box h4{font-size: 9vw;}
	.title_box p{font-size: 3.7vw;margin-top: 6vw;}
}

/*---2023.09.18 - 250 폰트 추가---*/
.pf_wrap{margin-top: 4vw;}
.pf_wrap ul{display: flex;gap: 2.55vw;}
.pf_wrap li{position: relative;width: 22vw;transform: translateY(50px);opacity: 0;transition: transform .45s ease, opacity .3s ease;}
.pf_wrap li::after{content: "";position: absolute;top: 6.9vw;left: -3.9vw;width: 5vw;height: 5.625vw;z-index: 2;background-image: url("../img/main/pf_arrow.png");background-position: center;background-repeat: no-repeat;background-size: 100%;
	transform: translateX(-25px);opacity: 0;
	transition: transform .45s ease, opacity .3s ease;
	transition-delay: 1s !important;
}
.pf_wrap li:first-child::after{display: none;}

.pf_text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.pf_text h3{display: flex;align-items: center;justify-content: center;font-size: 2.1vw;height: 6.9vw;line-height: 6.9vw;letter-spacing: -0.045em;}
.pf_text h3 img{padding-bottom: 10px;}

.pf_info{display: flex;align-items: center;flex-direction: column;gap: .8vw;padding-top: 1.7vw;height: calc( 100% - 6.9vw );letter-spacing: -0.06em;position: relative;}
.pf_info span{font-size: 2.1vw;}
.pf_info p{font-size: 3.125vw;}
.pf_info>i{position: absolute;bottom: 1.4vw;left: 0;width: 100%;z-index: 1;font-size: .75vw;font-weight: 400;color: #b3b3b3;text-align: center;}

/*250*/
.pf_info2{gap: .1vw;}

.pf_250{color: #c90000;}
.pf_250 b{font-size: 4.16vw;font-weight: 900;
	background: linear-gradient(to top, #f3a75b, #cb0a05);
	color: transparent;
    -webkit-background-clip: text;
}
.pf_250 i{font-size: 2.1vw;}

/*on*/
.pf_wrap.on li{transform: translateY(0);opacity: 1;}
.pf_wrap.on li::after{transform: translateX(0);opacity: 1;}

@media screen and (min-width: 1930px){
	
	.pf_text h3 img{width: 80%;}
}

@media screen and (max-width: 1910px){
	
	.pf_text h3 img{width: 80%;}
}

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

	.pf_wrap{margin-top: 0;}
	.pf_wrap ul{display: block;}
	.pf_wrap li{width: 75%;margin: 0 auto;margin-bottom: 10px;}

	.pf_text h3{font-size: 26px;height: 22vw;line-height: 22vw;padding-top: 5px;}
	.pf_text h3 img{width: 75%;}
	
	.pf_info{padding-top: 8vw;height: calc( 100% - 22vw );}
	.pf_info span{font-size: 28px;}
	.pf_info p{font-size: 40px;}

	.pf_250 b{font-size: 40px;}
	.pf_250 i{font-size: 28px;}

	.pf_info>i{bottom: 30px;}
}

/*---2023.10.25 - 팝업레이어 css 수정---*/
#hd_pop{z-index: 9000;}
.hd_pops{border: none;}
.hd_pops_footer{padding: 10px;}
.hd_pops_footer button{font-weight: 500;font-size: 14px;margin-right: 0;}

/*유튜브*/
#hd_pops_4 .hd_pops_con{position: relative;height: 0 !important;padding-bottom: 56.25%;}
#hd_pops_4 iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*팝업 중앙정렬*/
.hd_pops{top: 50px !important;left: 50% !important;transform: translateX(-50%);}

#hd_pops_1{left: calc( 50% - 400px ) !important;}
#hd_pops_3{left: calc( 50% + 400px ) !important;}
#hd_pops_4{left: 0 !important;transform: translateX(0);}
#hd_pops_5{left: calc( 50% - 138px ) !important;}
#hd_pops_6{left: calc( 50% + 337px ) !important;}

@media screen and (max-width: 720px){
	
	.hd_pops, #hd_pops_1, #hd_pops_3, #hd_pops_4{top: 30px !important;width: 70% !important;transform: translateX(0);}
	#hd_pops_1{left: 0 !important;}
	#hd_pops_2{left: 15% !important;}
	#hd_pops_3{left: 30% !important;}
	#hd_pops_4, #hd_pops_5, #hd_pops_6{left: 50% !important;transform: translateX(-50%);}

	.hd_pops_con{width: 100% !important;height: auto !important;}
	.hd_pops_con p{line-height: 0;}
	.hd_pops_con img{display: block;}
	.hd_pops_con br{display: none;}
	
	.hd_pops_footer button{font-size: 12px;}
}

/*-- 2025.09.23 - 신규 프렌차이즈 페이지 CSS --*/
.fr-container{width: var(--container);max-width: 1380px;margin: 0 auto;}

.flash-text{position: relative;}
.flash-text img{display: block;}
.flash-text img:first-child{animation: flash-1 1s step-end infinite;}
.flash-text img:last-child{position: absolute;top: 0;left: 0;z-index: 1;animation: flash-2 1s step-end infinite;}

@keyframes flash-1{ 
	 
    0%, 100%{opacity: 1}
    50%{opacity: 0}
}

@keyframes flash-2{ 
	 
    0%, 100%{opacity: 0}
    50%{opacity: 1}
}


/*신규 하단 폼*/
#fr-form{position: fixed;bottom: 0;left: 0;width: 100%;height: 90px;z-index: 1000;background-color: #000;background-image: url("../img/franchise/quick3.jpg");background-size: cover;background-position: center center;background-repeat: no-repeat;}
#fr-form .fr-container{display: flex;align-items: center;justify-content: flex-end;height: 100%;}
#fr-form .form_inner{margin-left: 20px;}
#fr-form .agree_box{margin-left: 0;}

.fm-tel a{display: block;width: 100%;height: 100%;}

.fm-box{margin-right: 10px;}

.fm-input{width: 185px;height: 48px;line-height: 48px;padding: 0 15px;color: #000;font-weight: 500;border: none;outline: none;}
.fm-input::placeholder{color: #999;font-weight: 500;}
.fm-input:focus::placeholder{color: #000;}

.fm-submit{display: flex;justify-content: center;align-items: center;width: 180px;height: 55px;background-color: #6f0100;margin-left: 15px;}
.fm-submit img{display: block;}

.fm-img img{position: absolute;bottom: 0;left: 0;}
.fm-img img:first-child{bottom: -190px;left: -104px;z-index: 1;animation: spin 30s linear 0s infinite normal;}

@keyframes spin{ 

    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}

@media screen and (max-width: 1800px){ 
	 
	#fr-form .fr-container{max-width: 100%;}
}

@media screen and (max-width: 1680px){ 
	 
	.fm-input{width: 160px;}
	 
	.fm-img img:first-child{max-width: 300px;bottom: -150px;left: -80px;}
	.fm-img img:last-child{left: -25px;bottom: -5px;}
}

@media screen and (max-width: 1560px){ 
	 
	.fm-input{width: 140px;}
	
	.fm-submit{width: 160px;}
	.fm-submit img{width: 90%;}
}

@media screen and (max-width: 1560px){ 
	 
	.fm-img img:first-child{max-width: 280px;}
	.fm-img img:last-child{display: none;}
}

@media screen and (max-width: 1380px){ 
	 
	 #fr-form .fr-container{justify-content: center;}
	 
	.fm-img img:first-child{display: none;}
}

@media screen and (max-width: 1280px){ 
	 
	 #fr-form .form_inner{margin-left: 15px;}
	 
	.fm-box{margin-right: 6px;}
	 
	.fm-input{width: 120px;padding: 0 10px;}
	
	.fm-submit{width: 140px;margin-left: 10px;}
}

@media screen and (max-width: 1080px){ 
	 
	 #fr-form{display: none;}
}