body{ overflow-x: hidden; }

.inner{width: 1480px; margin: 0 auto; }
#footer{z-index: 4;position: relative}



/* 메인비주얼 */
.main_visual{width:100%;position: relative;z-index: 3; height: 970px;;background: #fff;}
.main_visual .main_slider{ height:100%;overflow: hidden; position: relative;}
.main_visual .main_slider .slide_box{ overflow: hidden;width:100%;height:100%; position: relative; background-color: #fff; }
.main_visual .main_slider .slide_box > div{ overflow: hidden;height:inherit;position: absolute;left:0;top:0;right:0; z-index: 3; overflow: hidden;
width: 100%; height: 100%;
opacity:0;
}
.main_visual .main_slider .slide_box > div{
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.main_visual .main_slider .slide_box .main_img{ position: absolute;left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;
-moz-transition: all 8s ;
-webkit-transition: all 8s;
-o-transition: all 8s;
-ms-transition: all 8s ;
transition: all 8s ;
}






.main_visual .main_slider .slide_box .main_img img{ display: block; min-width: 100%;  max-width: auto;height: 100%;transform: scale(1.1)}
.main_visual .main_slider .slide_box .on .main_img img{transition: 3s; transform: scale(1)}


.main_visual .main_slider .slide_box .in_obj:after{content: ''; display: block}
.main_visual .main_slider .slide_box .in_obj .wrap_t{margin-bottom: 25px;}
.main_visual .main_slider .slide_box div div.wrap_tit{display: block;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
transition-delay: 0.6s;}
.main_visual .main_slider .slide_box div.on div.wrap_tit{
    opacity: 1
}



.main_visual .main_slider .slide_box > div.on{ z-index: 5; opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.scroll{position: fixed;right: 38px;top: 50%;transform: translateY(-50%);z-index: 9999;width: 22px;height: 62px;background: rgba(25,25,25,0.4);display: flex;align-items: center;justify-content: center;border-radius: 0 2px 2px 0}
.scroll > div{width: 6px;height: 29px;position: relative}
.scroll i{background: #D6D6D6;display: block;width: 6px;height: 6px;transform: rotate(45deg);position: absolute}
.scroll i.base{bottom: 0}
.scroll i.on{top: 0;background: #81050B;z-index: 5}
.scroll .line{position: absolute;width: 1px;height: 10px;background: #D6D6D6;border-radius: 1px;position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -0.5px;}

.main_visual .main_slider .slide_box .in_inner{width: 100%;height: 100%;position: relative;display: flex;align-items: center;justify-content: center; }
.main_visual .main_slider .slide_box .in_obj {display: flex;align-items: center;justify-content: center;width: 750px;height: 500px;position: relative}
.main_visual .main_slider .slide_box .in_obj strong{ display: block; font-size: 60px; font-weight: 700; color:#FFFFFF; text-shadow: 3px 3px 4px rgba(0,0,0,0.6);text-align: center}
.main_visual .main_slider .slide_box .in_obj .sq{display: flex;justify-content: center;gap:0 14px;margin-top: 35px;margin-bottom: 45px;}
.main_visual .main_slider .slide_box .in_obj .sq span{display: block;width: 8px;height: 8px;background: #fff;transform: rotate(45deg)} 
.main_visual .main_slider .slide_box .in_obj p{font-size: 26px;line-height: 42px;text-align: center;color: #fff;text-shadow: 3px 3px 4px rgba(0,0,0,0.6)}
.main_visual .main_slider .slide_box .in_obj p span{font-size: 30px;font-weight: 600}
.main_visual .main_slider .slide_box .in_obj > i{position: absolute;display: block;background: rgba(255,255,255,0.8);}
.main_visual .main_slider .slide_box .in_obj > i.line01{width: 1px;height: 180px;top: -20px;left: 00px;}
.main_visual .main_slider .slide_box .in_obj > i.line02{width: 180px;height: 1px;top: 00px;left: -20px;}
.main_visual .main_slider .slide_box .in_obj > i.line03{width: 1px;height: 180px;right: 00px;bottom: -20px;}
.main_visual .main_slider .slide_box .in_obj > i.line04{width: 180px;height: 1px;right: -20px;bottom: -0px;}
.main_visual .btn_w{position: absolute;z-index: 15;bottom: 265px;;right: 255px;display: flex;gap: 0 25px;}
.main_visual .btn_w div{display: flex;align-items: center;gap: 0 16px}
.main_visual .btn_w div *{color: #FFFFFF;font-size: 22px;}
.main_visual .btn_w div *:last-child{opacity: 0.7}

/*효과*/
.main_visual .in_inner{margin: 0 auto;max-width: 100%; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); z-index: 10; }
.main_visual .dim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000;z-index: 9;opacity: 0.9;}
.main_visual .box.on .dim{opacity: 0.1;transition: 1.5s}
.main_visual .box1.on .dim{opacity: 0.3}
.main_visual ul li{overflow: hidden}
.main_visual ul li strong{display: block;transform: translateY(100%);}
.main_visual .box.on ul li strong{transform: translateY(0%);transition: transform 1.4s}
.main_visual .box.on ul li:nth-child(1) strong{transition-delay: 0.2s}
.main_visual .box.on ul li:nth-child(2) strong{transition-delay: 0.4s}
.main_visual .box.on ul li:nth-child(3) strong{transition-delay: 0.6s}
.main_visual .box.on ul li:nth-child(4) strong{transition-delay: 0.8s}
.main_visual .box.on ul li:nth-child(5) strong{transition-delay: 1s}
.main_visual .txt, .main_visual .txt2{overflow: hidden}
.main_visual .txt p{display: block;transform: translateY(100%);}
.main_visual .box.on .txt p{transform: translateY(0%);transition: transform 1.4s;transition-delay: 1.2s}
.main_visual .txt2 span{display: block;transform: translateY(100%);}
.main_visual .box.on .txt2 span{transform: translateY(0%);transition: transform 1.4s;transition-delay: 2.7s}

.main_con01{padding: 130px 0}
.main_con01	ul{display: flex;flex-wrap: wrap}
.main_con01	ul li{width: 31.68%;margin-right: 2.48%;margin-bottom: 60px;}
.main_con01	ul li:nth-child(3n){margin-right: 0}
.main_con01	ul li .thum_img{position: relative;width: 100%;padding-top: 113%}
.main_con01 ul li .thum_img:before{content: '';display: block;position: absolute;top: 0;left: 0;border: 1px solid #A04348;border-radius: 20px;width: calc(100% - 25px); height: calc(100% - 25px);transition: 0.7s}
.main_con01 ul li:hover .thum_img:before{transform: translate(25px, 25px)}
.main_con01 ul li .thum_img .img{overflow: hidden;transition: 0.7s;width: 100%;height: 100%;position: absolute;top: 0;z-index: 2;background: #000;}
.main_con01 ul li .thum_img .img:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/img/main/over_plus.png) no-repeat center center;z-index: 10;transition: 0.7s;opacity: 0}
.main_con01 ul li .thum_img .img:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/img/main/over_line.png) no-repeat center center;z-index: 10;transform: scale(1.2);transition: 0.7s;opacity: 0}
.main_con01 ul li:hover .thum_img .img:after{transform: scale(1);opacity: 1}

.main_con01 ul li:hover .thum_img .img:before{transform: rotate(180deg);opacity: 1}
.main_con01	ul li .thum_img .img img{width: 100%;display: block;transform: scale(1);transition: 0.7s;}
.main_con01	ul li .thum_img:hover .img img{transform: scale(1.2);opacity: 0.7}
.main_con01	ul li .thum_img:hover .img{width: calc(100% - 25px); height: calc(100% - 25px);border-radius: 20px;}
.main_con01 ul li .txt{text-align: center;padding-top: 35px;}
.main_con01 ul li .txt span{display: block;font-size: 20px;color: #6F523E;font-weight: 500;margin-bottom: 8px;}
.main_con01 ul li .txt strong{display: block;font-size: 30px;color: #292929;font-weight: 500}
.m_tit{margin-bottom: 80px;text-align: center}
.m_tit i{display: block;width: 27px;height: 27px;background: #81050B;position: relative;margin: 0 auto;margin-bottom: 40px;}
.m_tit i:after{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #81050B;top: 5px;left: 5px;position: absolute}
.m_tit span{display: block;text-align: center;font-size: 22px;color: #808080;margin-bottom: 8px;}
.m_tit strong{display: block;color: #81050B;font-size: 48px;font-weight: 600;text-align: center;display: inline-block;background: #fff;position: relative;z-index: 2}
.m_tit > div{position: relative}
.m_tit > div > div{top: 50%;transform: translateY(-50%);position: absolute}
.m_tit > div .r{position: absolute;right: 0}
.main_visual .main_slider .slide_box .in_obj strong{transform: translateY(70px);opacity: 0;}
.main_visual .main_slider .slide_box .on .in_obj strong{transform: translateY(0);opacity: 1;transition: 1s}
.main_visual .main_slider .slide_box .in_obj .sq{transform: translateY(70px);opacity: 0;}
.main_visual .main_slider .slide_box .on .in_obj .sq{transform: translateY(0);opacity: 1;transition: 1s;transition-delay: 0.3s}
.main_visual .main_slider .slide_box .in_obj p{transform: translateY(70px);opacity: 0;}
.main_visual .main_slider .slide_box .on .in_obj p{transform: translateY(0);opacity: 1;transition: 1s;transition-delay: 0.6s}

.main_visual .main_slider .slide_box .in_obj > i.line02,
.main_visual .main_slider .slide_box .in_obj > i.line04{width: 0}
.main_visual .main_slider .slide_box .on .in_obj > i.line02,
.main_visual .main_slider .slide_box .on .in_obj > i.line04{width: 180px;transition: 1.2s;transition-delay: 0.9s}

.main_visual .main_slider .slide_box .in_obj > i.line01,
.main_visual .main_slider .slide_box .in_obj > i.line03{height: 0}
.main_visual .main_slider .slide_box .on .in_obj > i.line01,
.main_visual .main_slider .slide_box .on .in_obj > i.line03{height: 180px;transition: 1.2s;transition-delay: 0.9s}
@media (max-width: 1919px){
.main_visual .main_slider .slide_box .main_img #videobcg{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

}

@media (max-width: 1520px){
	.inner{width: 100%;padding: 0 20px;}
	.main_visual .main_slider .slide_box .in_obj strong{font-size: 45px;}
	.main_visual .main_slider .slide_box .in_obj p span{font-size: 26px;}
	.main_visual .main_slider .slide_box .in_obj p{font-size: 22px;line-height: 1.7}
	.main_visual .main_slider .slide_box .in_obj{width: 600px;height: 400px;}
	.main_visual .btn_w{bottom: 60px;left: 50%;transform: translateX(-50%);right: auto}
    .m_tit strong{padding: 0 30px}
}
@media (max-width: 960px){
	.main_visual{height: 650px;}
	.main_visual .main_slider .slide_box .in_obj strong{font-size: 32px;}
	.main_visual .main_slider .slide_box .in_obj p span{font-size: 22px;}
	.main_visual .main_slider .slide_box .in_obj p{font-size: 17px;}
	.main_visual .main_slider .slide_box .in_obj .sq{margin: 20px 0}
	.main_visual .main_slider .slide_box .in_obj .sq span{width: 5px;height: 5px;}
	.main_visual .main_slider .slide_box .in_obj{width: 340px;height: 300px;}
	.main_con01{padding: 65px 0}
	.m_tit span{font-size: 14px;}
	.m_tit i{width: 20px;height: 20px;margin-bottom: 20px;}
	.m_tit strong{font-size: 27px}
	.m_tit{margin-bottom: 30px;}
	.main_con01 ul li .txt strong{font-size: 20px;}
	.main_con01 ul li .txt span{font-size: 14px;}
	.main_con01 ul li .txt{padding-top: 17px;}
	.main_con01 ul li{margin-bottom: 25px;}
	.scroll{display: none}
	.main_visual .btn_w{gap: 0 15px;}
	.main_visual .btn_w div *{font-size: 13px;}
	.main_visual .btn_w svg{width: 20px;height: auto}
	.main_visual .btn_w div{gap: 0 8px;}
    .m_tit > div > div{display: none}
.main_con01 ul li .thum_img .img:before, .main_con01 ul li .thum_img .img:after{display: none}
}
@media (max-width: 660px){
	.main_visual .main_slider .slide_box .in_obj strong{font-size: 26px;}
	.main_visual .main_slider .slide_box .in_obj p span{font-size: 16px;}
	.main_visual .main_slider .slide_box .in_obj p{font-size: 13px;}
	.main_visual .main_slider .slide_box .in_obj {width: 290px;height: 240px;}
	.main_visual{height: 550px;}
	.m_tit i{width: 15px;height: 15px;}
	.m_tit i:after{top: 3px;left: 3px;}
	.main_con01 ul li .txt span{font-size: 12px;margin-bottom: 7px;}
	.main_con01 ul li .txt{padding-top: 12px;}
	.main_con01 ul li .txt strong{font-size: 17px;}
	#quick2 .tit p{font-size: 13px;}
	#quick2 .tit button{width: 20px;height: 20px;}
	#quick2 .pop textarea{height: 100px;font-size: 12px;}
	#quick2 .pop ul li input{height: 30px;font-size: 12px;}
	#quick2 .wrap form button span{font-size: 14px;}
	#quick2 .wrap form button{height: 40px;}
	#quick2 .wrap form button i svg{width: 15px;height: auto}
	#quick2 .pop {width: 245px;height: 293px;}
.main_visual .main_slider .slide_box .on .in_obj > i.line02,
.main_visual .main_slider .slide_box .on .in_obj > i.line04{width: 80px;transition: 1.2s;transition-delay: 0.9s}

.main_visual .main_slider .slide_box .on .in_obj > i.line01,
.main_visual .main_slider .slide_box .on .in_obj > i.line03{height: 80px;transition: 1.2s;transition-delay: 0.9s}

}
@media (max-width: 550px){
	.main_con01 ul li{width: 49%;margin-right: 2%}
	.main_con01 ul li:nth-child(3n){margin-right: 2%}
	.main_con01 ul li:nth-child(2n){margin-right: 0}
}