/*ALL CSS-----------------------------------------------------*/

/*font*/
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.font_l{font-family: 'GmarketSansLight';}
.font_m{font-family: 'GmarketSansMedium';}
.font_b{font-family: 'GmarketSansBold';}

.color_r{color: #d60f0d;}
.color_b{color: #2c58a9;}

.line_text{position: relative;letter-spacing: -0.045em;}
.line_text::before{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 20px;background: #f40017;}
.line_text span{position: relative;z-index: 1;}

.star_text .star_img{position: relative;}
.star_text .star_img::before{content: "";position: absolute;top: -13px;left: calc( 100% - 13px );width: 20px;height: 20px;background-image: url(/img/icon/red_star.png);background-repeat: no-repeat;background-position: center center;z-index: 1;}

.main_btn{display: inline-block;height: 45px;line-height: 45px;background: #d60f0d;padding: 0 25px;color: #FFF;transition: all 0.5s;}
.main_btn span{font-size: 1.13rem;font-weight: 500;letter-spacing: -0.045em;}
.main_btn:hover{box-shadow: 5px 5px 13px rgba(214,15,13,0.3);}

.main_container{width: 94%;max-width: 1920px;margin: 0 auto;}

@media screen and (max-width: 760px){
	
	.main_btn span{font-size: 1rem;font-weight: bold;}

	.star_text .star_img::before{width: 15px;height: 15px;top: -10px;left: calc( 100% - 8px );background-size: cover;}
}

/*---header---*/
#k_header{position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 1000;transition: all 0.3s;}
.hd_con{width: 94%;max-width: 1920px;height: inherit;margin: 0 auto;}

.hd_logo{float: left;}
.hd_gnb{float: right;}

.hd_logo img{display: block;padding-top: 24.5px;}

.hd_gnb>ul::after{content: "";clear: both;display: block;}
.hd_gnb>ul>li{float: left;margin-left: 40px;}
.hd_gnb>ul>li>a{display: block;width: 100%;height: 100%;line-height: 100px;font-size: 1.13rem;letter-spacing: -0.045em;}

.hd_gnb>ul>li.active>a{color: #d60f0d;}

#mo_menu_open{display: none;}

.hd_logo_mo{display: none !important;}

/*---mobile gnb---*/
#mobile_wrap{display: none;}

/*motion*/
#k_header.active{background: #FFF;box-shadow: 3px 3px 13px rgba(0,0,0,0.05);}

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

	.hd_logo img{max-width: 160px;padding-top: 18px;}

	.hd_gnb>ul>li{margin-left: 35px;}
	.hd_gnb>ul>li>a{line-height: 80px;}
}

@media screen and (max-width: 1080px){
	
	#mo_menu_open{display: block;float: right;width: 25px;height: 80px;position: relative;}
	#mo_menu_open span{position: absolute;top: 39px;left: 0;width: 25px;height: 2px;background: #222;}
	#mo_menu_open span:nth-child(1){transform: translateY(-7px);}
	#mo_menu_open span:nth-child(3){transform: translateY(7px);}

	.hd_gnb{display: none;}

	/*---mobile gnb---*/
	#mobile_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.75);z-index: 3000;display: none;}
	.mobile_inner{position: fixed;top: 0;right: 0;width: 80%;height: 100%;max-width: 460px;background: #FFF;transform: translateX(105%);transition: transform 0.5s;}

	#mobile_wrap.active .mobile_inner{transform: translateX(0);}

	.mobile_gnb{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;}
	.mobile_gnb>ul{text-align: center;}
	.mobile_gnb>ul>li>a{display: block;width: 100%;height: 100%;padding: 15px 0;font-size: 23px;}

	#mo_menu_close{position: absolute;top: 5%;right: 5%;width: 30px;height: 30px;}
	#mo_menu_close span{position: absolute;top: 14px;left: 0;width: 100%;height: 2px;background: #222;}
	#mo_menu_close span:nth-child(1){transform: rotate(45deg);}
	#mo_menu_close span:nth-child(2){transform: rotate(-45deg);}

	.mobile_tel{position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);text-align: center;}
	.mobile_tel b{display: block;font-size: 16px;margin-bottom: 5px;}
	.mobile_tel a{display: block;width: 100%;height: 100%;font-size: 26px;color: #d60f0d;}
}

@media screen and (max-width: 760px){ 
	
	#k_header{height: 60px;}
	#mo_menu_open{height: 60px;width: 20px;}
	#mo_menu_open span{top: 29px;width: 20px;}
	#mo_menu_open span:nth-child(1){transform: translateY(-6px);}
	#mo_menu_open span:nth-child(3){transform: translateY(6px);}

	.hd_logo img{padding-top: 13.5px;}

	.hd_logo_pc{display: none !important;}
	.hd_logo_mo{display: block !important;}	 
}

/*---visual---*/
#main_visual{position: relative;background-image: url(/img/main/main_01.jpg);background-repeat: no-repeat;background-position: center bottom;}
#main_visual .main_container{height: inherit;}

.mv_text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.mv_text>img{display: block;margin: 0 auto;margin-bottom: 50px;}
.mv_text h2{font-size: 3.8rem;letter-spacing: -0.045em;text-shadow: 4px 4px 0.1px rgba(0,0,0,0.1);margin-bottom: 30px;line-height: 120%;}

.mv_text .line_text{font-size: 2rem;}
.mv_text .line_text::before{max-width: 500px;opacity: 0.1;}

.mv_text .main_btn{margin-top: 50px;margin-bottom: 50px;}

.info_num h4{font-size: 1.9rem;letter-spacing: -0.045em;}
.info_num a{font-size: 3.1rem;position: relative;}
.info_num a img{position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);}

.mv_logo_t, .mv_logo_m{display: none !important;}

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

	.mv_logo_t{display: block !important;}
	.mv_logo_pc{display: none !important;}

	.mv_text>img{margin-bottom: 30px;}

	.mv_text h2{font-size: 3rem;}
	.mv_text .line_text{font-size: 1.7rem;}
	.mv_text .line_text::before{max-width: 380px;height: 15px;}

	.mv_text .main_btn{margin-top: 40px;margin-bottom: 40px;}

	.info_num h4{font-size: 1.6rem;}
	.info_num a{font-size: 2.5rem;}
	.info_num a img{max-width: 250px;bottom: -20px;}
}

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

	#main_visual{background-image: url(/img/main/main_01_m.png);}

	.mv_logo_m{display: block !important;}
	.mv_logo_t{display: none !important;}
	
	.mv_text .main_btn{margin-bottom: 30px;}

	.mv_text{width: 94%;}
	.mv_text h2{font-size: 2.5rem;}
	.mv_text .line_text{font-size: 1.3rem;}
	.mv_text .line_text::before{max-width: 260px;height: 15px;bottom: -5px;}
}

/*---section---*/
/* .main_section{overflow: hidden;} */
.main_img{display: block;margin: 0 auto;}

.main_img_m{display: none !important;}

@media screen and (max-width: 1919px){ 
	
	.main_img{width: 100%;}
}

@media screen and (max-width: 780px){ 
	
	.main_img{display: none !important;}
	.main_img_m{display: block !important;margin: 0 auto;width: 100%;}
}

/*---section 03---*/
#main_section_03{margin-top: -75px;position: relative;z-index: 1;}

@media screen and (max-width: 760px){ 
	
	#main_section_03{margin-top: 0;}
}

/*---slide---*/
#main_slide_01{overflow: hidden;margin-top: -100px;position: relative;z-index: 1;}
#main_slide_02{overflow: hidden;position: relative;z-index: 100;}
.slide_wrap{width: 94%;max-width: 1480px;margin: 0 auto;position: relative;}
.main_slide{overflow: visible;}
#main_slide_01 .swiper-wrapper, #main_slide_02 .swiper-wrapper{cursor: grab;}

#main_slide_02 .main_slide_box{box-shadow: 13px 13px 15px rgba(0,0,0,0.1);}
.main_slide_box img{display: block;}

.main_slide_box span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1;transition: opacity 0.3s;}
.main_slide_box.swiper-slide-active span, .main_slide_box.swiper-slide-prev span, .main_slide_box.swiper-slide-next span{opacity: 0;}

.slide_btn, .interior_btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;width: 50px;height: 50px;border: 1px solid #FFF;border-radius: 50px;text-align: center;cursor: pointer;opacity: 0.5;transition: all 0.3s;}
.slide_btn i, .interior_btn i{line-height: 48px;color: #FFF;font-size: 25px;}
.slide_next_btn{right: -100px;}
.slide_prev_btn{left: -100px;}

.slide_btn:hover{opacity: 1;}

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

@media screen and (max-width: 1480px){ 
	
	#main_slide_01{margin-top: -70px;}
}

@media screen and (max-width: 980px){ 
	
	#main_slide_01{margin-top: -40px;}

	.main_slide_box{padding-bottom: 0;}

	.slide_btn{display: none;}
}

@media screen and (max-width: 760px){ 
	
	#main_slide_01{margin-top: -25%;}
}

/*---main form---*/
/* #form_wrap{padding-top: 58px;padding-bottom: 125px;}
.form_con{width: 94%;max-width: 1125px;margin: 0 auto;}

.form_inner ul{float: left;}
.form_inner ul::after{content: "";clear: both;display: block;}
.form_inner ul:nth-child(1){width: 42%;margin-right: 6%;}
.form_inner ul:nth-child(2){width: 52%;}

.form_inner ul li{padding: 12px 0;}
.form_inner ul li::after{content: "";clear: both;display: block;}
.form_inner ul li .form_label, .form_inner ul li .form_input, .form_inner ul li .form_radio_wrap{float: left;}
.form_inner ul li .form_label{width: 28%;line-height: 45px;}
.form_inner ul li .form_input, .form_inner ul li .form_radio_wrap{width: 72%;}

.form_inner ul li .form_input::placeholder{font-family: 'GmarketSansMedium';color: #d1d1d1;}
 */
/*label input*/
/* .form_label{font-size: 1.3rem;}
.form_label .form_res{display: inline-block;height: 100%;}
.form_label .form_res::before{top: 0;left: 100%;}

.form_input{height: 45px;border: 1px solid #222;outline: none;padding: 0 10px;line-height: 45px;transition: box-shadow 0.3s;}
.form_input:focus{box-shadow: 3px 3px 13px rgba(0,0,0,0.1);}


.form_radio{float: left;width: 30%;position: relative;padding-top: 8px;}
.form_check{position: relative;text-align: center;margin-top: 40px;}
.form_radio label span, .form_check label span{display: inline-block;width: 21px;height: 21px;border: 1px solid #222;border-radius: 21px;cursor: pointer;margin-top: -1px;}
.form_check label span{margin-top: -3px;}
.form_radio label span:hover, .form_check label span:hover{background: url(/img/icon/chk.png) no-repeat 50% 50% #ddd;border-color: #ddd;}
.form_radio input[type='radio'], .form_check input[type='checkbox']{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}
.form_radio input[type='radio']:checked + label span, .form_check input[type='checkbox']:checked + label span{background: url(/img/icon/chk.png) no-repeat 50% 50% #d60f0d;border-color: #d60f0d;}

.form_radio label span, .form_radio label b, .form_check label span, .form_check label b{vertical-align: top;}
.form_radio label b, .form_check label b{font-size: 1.23rem;display: inline-block;padding-left: 8px;}
.form_check label b{font-size: 1rem;}

#form_wrap .form_textarea label{width: 20%;}
#form_wrap .form_textarea textarea{width: 80%;height: 305px;resize: none;} */

/* .form_btn{margin-top: 15px;}
.form_btn #btn_submit{width: 300px;height: 80px;border: none;font-size: 2rem;background: #d60f0d;color: #FFF;margin: 0 auto;display: block;line-height: 85px;cursor: pointer;transition: all 0.5s;
	box-shadow: 5px 5px 15px rgba(214,15,13,0.45);
}

.form_btn #btn_submit:hover{box-shadow: none;}

@media screen and (max-width: 1480px){ 
	
	.form_check{margin-top: 10px;}
}

@media screen and (max-width: 980px){ 
	
	#form_wrap .form_inner ul{float: none;display: block;width: 100%;}

	.form_inner ul li .form_label, .form_radio{width: 20%;}
	.form_inner ul li .form_input, .form_inner ul li .form_radio_wrap{width: 80%;}
}

@media screen and (max-width: 580px){ 
	
	#form_wrap{padding-top: 25px;}

	.form_inner ul li .form_label, .form_inner ul li .form_input, .form_inner ul li .form_radio_wrap, #form_wrap .form_textarea textarea, #form_wrap .form_textarea label{float: none;display: block;width: 100%;}
	.form_inner ul li .form_label{line-height: 30px;}
	.form_inner ul li{padding: 8px 0;}
	#form_wrap .form_textarea textarea{height: 150px;}

	.form_btn #btn_submit{width: 100%;height: 60px;line-height: 65px;}

	.form_check{margin-top: 30px;}

	.form_radio label span, .form_check label span{margin-top: -3px;}
	.form_check label span{margin-top: -5px;}
} */

/*---footer---*/
#k_footer{text-align: center;background: #0eaab6;color: #FFF;padding-top: 280px;margin-top: -220px;position: relative;}

.ft_nav{margin-bottom: 60px;}
.ft_nav ul li{display: inline-block;font-size: 1.23rem;letter-spacing: -0.045em;padding: 0 20px;}

.ft_info{line-height: 170%;opacity: 0.6;}
.ft_info i{padding: 0 7px;}

.ft_btm{padding: 15px 0;background: #000;margin-top: 45px;}
.ft_copy{opacity: 0.5;}

#k_footer .ft_link{text-align: left;}
.ft_link{position: absolute;bottom: 15%;right: 3%;z-index: 900;}

.ft_sns li{display: inline-block;width: 33px;height: 33px;background: #0c858e;border-radius: 33px;position: relative;margin-right: 5px;}
.ft_sns li img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 18px;}

.ft_tel{margin-top: 5px;}
.ft_tel h4{font-size: 2rem;}
.ft_tel span{font-size: 3rem;}

@media screen and (max-width: 1180px){ 
	
	.ft_btm{margin-top: 150px;}
	
	#k_footer .ft_link{text-align: center;}
	.ft_link{bottom: 55px;right: 50%;transform: translateX(50%);width: 100%;}
}

@media screen and (max-width: 760px){ 
	
	#k_footer{padding-top: 230px;margin-top: -190px;}

	.ft_nav{margin-bottom: 40px;}
}

@media screen and (max-width: 580px){ 
	
	.ft_nav ul li{padding: 0 5px;font-size: 1rem;}
	
	.ft_copy{font-size: 10px;}
}

@media screen and (max-width: 375px){ 
	
	.ft_info i{padding: 0;}
}

/*---2021.05.12---*/
#visual_btn_wrap a:nth-child(2){background: #2c58a9;margin-left: 5px;}
#visual_btn_wrap a:nth-child(2):hover{box-shadow: 5px 5px 13px rgba(44,88,169,0.3);}

/*board*/
#k_footer.bo_footer{margin-top: 0;padding-top: 50px;}

.bo_section{padding: 50px 0;}
.bo_container{width: 94%;max-width: 1480px;margin: 0 auto;}

/*main_interior_slide*/
#interior_slide{max-width: 1480px;margin: 0 auto;padding: 50px 0;position: relative;}
.in_slide_con{max-width: 1280px;cursor: grab;}

#interior_slide .interior_btn{border-color: #222;width: 70px;height: 70px;opacity: 0.3;}
#interior_slide .interior_btn i{color: #222;line-height: 70px;}
.interior_next_btn{right: 0;}
.interior_prev_btn{left: 0;}

#interior_slide .interior_btn:hover{opacity: 1;border-color: #d60f0d;background: #d60f0d;box-shadow: 5px 5px 13px rgba(214,15,13,0.3);}
#interior_slide .interior_btn:hover i{color: #FFF;}

#main_section_00{position: relative;}
#main_section_00::before{content: "";position: absolute;bottom: 0;width: 100%;height: 250px;background: #f9f9f9;}

/*popup privacy_olicy terms_service */
.k_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 2000;display: none;}
.k_pop_inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;max-width: 800px;background: #FFF;box-shadow: 5px 5px 13px rgba(0,0,0,0.3);padding: 40px;}

.pop_content{position: relative;}
.pop_content h4{font-size: 1.3rem;font-weight: bold;letter-spacing: -0.045em;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.pop_content p{max-height: 350px;overflow-y: scroll;font-size: 14px;}
.pop_content p i{display: block;}
.pop_content p i b{font-weight: 500;}

.pop_close{position: absolute;top: 0;right: 0;width: 30px;height: 30px;}
.pop_close span{position: absolute;top: 14px;left: 0;width: 100%;height: 2px;background: #222;transition: transform 0.3s;}
.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);}

/*fix_btn*/
#fix_btn_wrap{position: fixed;bottom: 3%;right: 1%;z-index: 1100;}
#fix_btn_wrap a{vertical-align: top;}

#k_top_btn{display: inline-block;width: 50px;height: 50px;border-radius: 50px;background: #222;border: none;text-align: center;transition: all 0.3s;}
#k_top_btn i{color: #FFF;line-height: 50px;}
#k_top_btn:hover{background: #d60f0d;box-shadow: 5px 5px 13px rgba(214,15,13,0.3);}

#inquiry_btn{display: inline-block;height: 50px;padding: 0 20px;border-radius: 25px;background: linear-gradient( 45deg, #f00033, #ff9c00 );box-shadow: 5px 5px 8px rgba(214,15,13,0.3);margin-right: 5px;}
#inquiry_btn span{color: #FFF;line-height: 50px;font-weight: bold;letter-spacing: -0.045em;vertical-align: middle;}
#inquiry_btn i{color: #FFF;font-size: 20px;margin-right: 5px;vertical-align: middle;}

@media screen and (max-width: 1480px){ 
	
	#interior_slide{max-width: 1280px;}
	.in_slide_con{max-width: 1080px;}

	#interior_slide img{display: block;width: 100%;}
	#interior_slide .interior_btn{width: 50px;height: 50px;}
	#interior_slide .interior_btn i{line-height: 50px;}
	.interior_next_btn{right: 0;}
	.interior_prev_btn{left: 0;}
}

@media screen and (max-width: 760px){ 
	
	#interior_slide .interior_btn{display: none;}

	.k_pop_inner{padding: 20px;}
	.pop_content h4{margin-bottom: 10px;padding-bottom: 10px;}
	.pop_content p{max-height: 300px;font-size: 12px;word-break: keep-all;}

	.pop_close{width: 22px;height: 22px;}
	.pop_close span{top: 10px;}

	#fix_btn_wrap{right: 2%;bottom: 2%;}

	#k_top_btn{display: none;}

	#inquiry_btn{height: 40px;padding: 0 15px;}
	#inquiry_btn span{line-height: 40px;}
	#inquiry_btn i{margin-right: 3px;}
}