.vis .main_slide_img_txt_wrap {
	position:absolute;top:55%;left:50%;transition:0.8s;transform:translate(-10%,-50%); width:750px; text-align:center; 
}

@media (min-width: 192px) and (max-width: 1199px) {
.vis .main_slide_img_txt_wrap {top:30%; transform:translate(-50%,-50%);  }
}


.vis .main_slide_img_txt {
	animation: slideDownOut 1.6s ease-in forwards;
}

.vis .main_slide_img_txt .main_slide_title {
	margin-bottom:40px;
}
.vis .main_slide_img_txt .main_slide_title_move {
	margin-bottom:100px;
}

.fp-completely .vis .swiper-slide-active .main_slide_img_txt { 
	opacity: 0;
	transform: translateY(120px); /* 아래에서 시작 */
	animation: fadeUpText 1.2s ease-out forwards;
	animation-delay: 1.6s;
}
 
 /*
.fp-completely .vis .swiper-slide-active .img_txt dl dd p{transition-delay:0.4s;transform:none;}
.fp-completely .vis .swiper-slide-active .img_txt dl dd .rig{right:0;transition-delay:0.6s;}
.fp-completely .vis .swiper-slide-active .img_txt dl dd span{transition-delay:1s;opacity:1;transform:none;}
*/

@keyframes fadeUpText {
  to {
    opacity: 1;
    transform: translateY(0); /* 원래 위치로 이동 */
  }
}

@keyframes slideDownOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(120px);
  }
}



 
 
.vis .main_slide_img_txt svg {
	font-family:"Inter",sans-serif;
	position:relative;
	width:100%;
	height:100%;
}
.vis .main_slide_img_txt svg text {
	animation:stroke 8s infinite alternate;
	stroke-width:1;
	stroke:#fff;
	font-size:180px;
	font-weight:900;
	letter-spacing:3px;
}
@keyframes stroke {
	0% {
		fill:rgba(250,250,250,0.3);
		stroke:rgba(235,235,235,1);
		stroke-dashoffset:25%;
		stroke-dasharray:0 50%;
		stroke-width:1.1;
	}
	70% {
		fill:rgba(72,138,20,0);
		stroke:rgba(235,235,235,1);
	}
	80% {
		fill:rgba(72,138,20,0);
		stroke:rgba(235,235,235,1);
		stroke-width:1.1;
	}
	100% {
		fill:rgba(255,255,255,1);
		stroke:rgba(235,235,235,0);
		stroke-dashoffset:-25%;
		stroke-dasharray:50% 0;
		stroke-width: 0;
	}
}









#bg2,
#menu_bg{
	position:fixed; left:0; top:0;
	width:100%; height:100%;
	background:rgba(0,0,0,0.7);
	display:none; z-index:100;
	}



.main_03_text_01_cont {
	margin-left:0;
}
.main_03_text_01_cont .first_img {
	margin-bottom:150px;
}


.all_prm_text_slide {
	width:480px; 
}

.all_prm_text_slide h4 {
	color:#363f49; font-size:20px; letter-spacing:-0.2px; font-weight:500; border-bottom:1px solid #e6e6e7; padding-bottom:10px; margin-bottom:40px;
}
.all_prm_text_slide h4 span {
	font-weight:700; color:#363f49;
}

.all_prm_text_slide h2 {
	color:#353f48; font-size:40px; letter-spacing:-2px; font-weight:600; margin-bottom:20px;
}
.all_prm_text_slide h2 span {
	font-weight:800; color:#cb2435;
}


.all_prm_text_slide p {
	color:#4c5155; font-size:18px; letter-spacing:-0.2px; font-weight:500;
	margin-bottom:0px;
        line-height: 1.5;
}

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


	.vis .main_slide_img_txt_wrap {
		width:90%;  z-index:1;
	}

	.vis .main_slide_img_txt .main_slide_title {
		margin-bottom:15px; padding:0px 20px;
	}
	.vis .main_slide_img_txt .main_slide_title img {
		width:100%; 
	}
	.vis .main_slide_img_txt .main_slide_title_move {
		margin-bottom:30px;
	}

	.vis .main_slide_img_txt .main_slide_title_logo img {
		width:260px;
	}




	.main_03_text_01_cont .first_img {
		margin-bottom:15px;
	}

	.main_03_text_01_cont .first_img img {
		height:100px;
	}

	.all_prm_text_slide {
		width:320px; 
	}

	.all_prm_text_slide h4 {
		color:#363f49; font-size:17px; letter-spacing:-0.2px; font-weight:500; border-bottom:1px solid #e6e6e7; padding-bottom:10px; margin-bottom:20px;
	}
	.all_prm_text_slide h4 span {
		font-weight:700; color:#363f49;
	}

	.all_prm_text_slide h2 {
		color:#353f48; font-size:28px; letter-spacing:-2px; font-weight:600; margin-bottom:15px;
	}
	.all_prm_text_slide h2 span {
		font-weight:800; color:#cb2435;
	}


	.all_prm_text_slide p {
		color:#4c5155; font-size:15px; letter-spacing:-0.2px; font-weight:500;
		margin-bottom:0px;
			line-height: 1.5;
	}

	.premium .sd1 { z-index:1 !important; background:#fff; }
	.premium .sd2 { z-index:2 !important; background:#fff;  }
	.premium .sd3 { z-index:3 !important; background:#fff;  }
	.premium .sd4 { z-index:4 !important; background:#fff;  }

}









.all_nav_btn{width:30px;height:21px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:101;cursor:pointer;position:absolute;top:50%;margin-top:-10.5px;left:50%; margin-left:-15px;}
.menu-trigger,.menu-trigger span{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}
.menu-trigger span{position:absolute;width:100%;height:3px; background-color:#000; }
.menu-trigger.active span{background:#000}
.menu-trigger span.n1{top:0;left:0}
.menu-trigger.active span.n1{top:5px}
.menu-trigger span.n2{top:9px;left:0}
.menu-trigger span.n3{width:16px;bottom:0;right:0}
.menu-trigger span.n1{-webkit-animation:menu-bar01 .75s forwards;animation:menu-bar01 .75s forwards}
@-webkit-keyframes menu-bar01 {
0%{-webkit-transform:translateY(8.5px) rotate(45deg);transform:translateY(8.5px) rotate(45deg)}
50%{-webkit-transform:translateY(8.5px) rotate(0);transform:translateY(8.5px) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
@keyframes menu-bar01 {
0%{-webkit-transform:translateY(8.5px) rotate(45deg);transform:translateY(8.5px) rotate(45deg)}
50%{-webkit-transform:translateY(8.5px) rotate(0);transform:translateY(8.5px) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
.menu-trigger span.n2{-webkit-transition:all .25s;transition:all .25s;opacity:1}
.menu-trigger span.n3{-webkit-animation:menu-bar02 .75s forwards;animation:menu-bar02 .75s forwards}
@-webkit-keyframes menu-bar02 {
0%{-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}
50%{-webkit-transform:translateY(-9px) rotate(0);transform:translateY(-9px) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
@keyframes menu-bar02 {
0%{-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}
50%{-webkit-transform:translateY(-9px) rotate(0);transform:translateY(-9px) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
.menu-trigger.active span.n1{-webkit-animation:active-menu-bar01 .75s forwards;animation:active-menu-bar01 .75s forwards}
@-webkit-keyframes active-menu-bar01 {
0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(2px) rotate(0);transform:translateY(2px) rotate(0)}
100%{-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
}
@keyframes active-menu-bar01 {
0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(2px) rotate(0);transform:translateY(2px) rotate(0)}
100%{-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
}
.menu-trigger.active span.n2{opacity:0}
.menu-trigger.active span.n3{-webkit-animation:active-menu-bar03 .75s forwards;animation:active-menu-bar03 .75s forwards;width:100%;bottom:1px}
@-webkit-keyframes active-menu-bar03 {
0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(-5px) rotate(0);transform:translateY(-5px) rotate(0)}
100%{-webkit-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg)}
}
@keyframes active-menu-bar03 {
0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(-5px) rotate(0);transform:translateY(-5px) rotate(0)}
100%{-webkit-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg)}
}



#header2{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:0;right:0;z-index:102999}
#header2 .gnb{
	width:67px;height:100%; background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;position:relative; 

	/* background-image: url('../../images/main/side_bg.png');  */
	background-repeat: no-repeat;
	background-position: bottom center; /* 또는 bottom left / bottom right */
	background-size: auto; /* 필요시 cover, contain 등 조정 가능 */
}
#header2 .gnb h1{ text-align:center; padding:25px 0px; margin-bottom:0px; }
#header2 .gnb .ico_menu{width:100%;position:absolute;left:0;bottom:40px}
#header2 .gnb .ico_menu ul li{margin-bottom:17px;text-align:center}
#header2 .gnb .ico_menu ul li:last-child{margin-bottom:0}

#all_menu{position:fixed;right:-100%;top:0;z-index:99999;height:100%;display:block}
#all_menu .menu ul li{cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
#all_menu .menu ul li a{display:block}
#all_menu .menu ul li a dl dt{position:relative;font-size:20px;color:#333;font-weight:500}
#all_menu .menu ul [aria-expanded="true"] a dt{margin-bottom:10px}
#all_menu .menu ul li a dl dt:after{content:"";display:inline-block;position:absolute;top:-2px;right:0;opacity:1}
#all_menu .menu ul li a dl dd{position:relative;font-size:16px;letter-spacing:.1px;color:#666;font-family:"Montserrat","Noto Sans KR";padding-left:12px;margin-bottom:5px}
#all_menu .menu ul li a dl dd:before{content:"-";display:inline-block;position:absolute;left:0;top:0}
#all_menu .menu1{width:700px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #e5e5e5;position:absolute;top:0;right:67px;bottom:0;    overflow: hidden;}




#all_menu .menu1 ul li{padding:4px 4px;border-bottom:1px solid #e5e5e5}
#all_menu .menu ul li:hover{background:#f0f0f0}
#all_menu .menu1 ul .l1{padding:0px 4px 0px}
#all_menu .menu1 ul .l7{padding:25px 40px 45px;border-bottom:0}
#all_menu .menu1 ul .l1 a dl dt:after{width:31px;height:32px;background:url(../images/common/all_menu1_ico1.png) no-repeat center}
#all_menu .menu1 ul .l2 a dl dt:after{width:36px;height:31px;background:url(../images/common/all_menu1_ico2.png) no-repeat center}
#all_menu .menu1 ul .l3 a dl dt:after{width:37px;height:31px;background:url(../images/common/all_menu1_ico3.png) no-repeat center}
#all_menu .menu1 ul .l4 a dl dt:after{width:31px;height:29px;background:url(../images/common/all_menu1_ico4.png) no-repeat center}
#all_menu .menu1 ul .l5 a dl dt:after{width:45px;height:24px;background:url(../images/common/all_menu1_ico5.png) no-repeat center;top:2px}
#all_menu .menu1 ul .l6 a dl dt:after{width:28px;height:30px;background:url(../images/common/all_menu1_ico6.png) no-repeat center}
#all_menu .menu1 ul .l7 a dl dt:after{width:35px;height:33px;background:url(../images/common/all_menu1_ico7.png) no-repeat center}
#all_menu .menu2{background:#f7f7f7;width:260px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:390px;bottom:0}
#all_menu .menu2 ul{width:90%;position:absolute;bottom:80px;left:50%;margin-left:-45%}
#all_menu .menu2 ul li{padding:30px;border:1px solid #c6c6c6}
#all_menu .menu2 ul .l1{margin-bottom:5px}
#all_menu .menu2 ul .l1 a dl dt:after{width:26px;height:26px;background:url(../images/common/all_menu2_ico1.png) no-repeat center}
#all_menu .menu2 ul .l2 a dl dt:after{width:27px;height:26px;background:url(../images/common/all_menu2_ico2.png) no-repeat center}
#all_menu .menu ul li span[class*='item']{position:absolute;top:0;right:0}
#all_menu .menu ul li.l1 span[class*='item2']{top:12px;-webkit-transform:translateX(15px) rotate(90deg);transform:translateX(15px) rotate(90deg)}
#all_menu .menu ul li.l1:hover span[class*='item2']{-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);-webkit-transition:.6s;transition:.6s}
#all_menu .menu ul li span.icon{position:absolute;top:43px;right:40px;background:#f0f0f0;opacity:0;z-index:0}
#all_menu .menu ul li:hover span.icon{opacity:1}
#all_menu .menu1 ul li:hover a dl dt:after{opacity:0}
#all_menu .menu ul li.l4:hover a dl dt:after{opacity:1}
#all_menu .menu ul li.l3 span[class*='item2']{top:-20px;right:0}
#all_menu .menu ul li.l3 span[class*='item1']{top:-20px;right:0}
#all_menu .menu ul li.l3:hover span[class*='item2']{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;transition:.6s}
#all_menu .menu ul li.l3 span[class*='item2']{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#all_menu .menu ul li.l6 span[class*='item1']{top:-20px}
#all_menu .menu ul li.l6 span[class*='item2']{top:-9px;-webkit-transform:translateY(-8px);transform:translateY(-8px)}
#all_menu .menu ul li.l6:hover span[class*='item2']{-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:.5s;transition:.5s}
#all_menu .menu ul li.l7 span[class*='item1']{top:-20px}
#all_menu .menu ul li.l7 span[class*='item2']{top:-20px;right:4px;-webkit-transform:translate(15px,1px);transform:translate(15px,1px);z-index:-1}
#all_menu .menu ul li.l7:hover span[class*='item2']{-webkit-transform:translate(0px);transform:translate(0px);-webkit-transition:.6s;transition:.6s}
#all_menu .menu ul li.l2 span[class*='item1']{top:-15px}
#all_menu .menu ul li.l2 span[class*='item2']{top:-28px;right:13px;-webkit-transform:translateY(10px);transform:translateY(10px);z-index:-1}
#all_menu .menu ul li.l2:hover span[class*='item2']{-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:.6s;transition:.6s}
#all_menu .menu ul li.l5 span[class*='item1']{top:-20px}
#all_menu .menu ul li.l5 span[class*='item2']{top:-6px;-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}
#all_menu .menu ul li.l5:hover span[class*='item2']{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;-webkit-transition:.6s;transition:.6s}



@media all and (max-width: 768px){
	
	#header2, #all_menu {
		display:none;
	}

}







.right_noti {
	background:#cb2435; padding:18px 0px; text-align:center;
	color:#fff; font-size:16px;     font-weight: 800;
}
.right_noti strong {
	font-size:17px; display:block; letter-spacing:-1px; line-height: 25px;  font-weight: 500;
}







.section_contact_wrap {position:relative;height:100%;}

.section_contact_wrap .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #efeff0;
}


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

.main_contact_cont h3 {
	font-size:48px; color:#221f1f; letter-spacing:-2px; margin-bottom:10px; text-transform:uppercase;
}
.main_contact_cont p {
	font-size:18px; color:#fff; letter-spacing:-0.25px; margin-bottom:10px;
}

.main_contact_btn_wrap {
	display:flex; justify-content: space-between; margin-top:24px; width:441px; margin-bottom:180px;
}

@media all and (max-width: 768px){
	
	.main_contact_cont {
		padding:0px 15px;
	}

	.main_contact_btn_wrap {
		width:100%; margin-bottom:0px;
	}

	.main_contact_btn_wrap a img {
		height:40px;
	}


	.location .lef img {
		/* height:240px; */
	}

	.main_contact_cont h3 {
		padding-top:70px;
	}
}






.footer_wrap {
	background:#000; padding:40px 80px 10px; margin-top:0px;
}
.footer_container {
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.footer_info {
	text-align:left;
}

.foot_logo {
    float: left;
    margin: 3px 20px 80px 0 !important;
}

.footer_info img {
	margin-bottom:12px;
}
.footer_info p {
	font-size:13px; color:#fff; opacity: 0.62;
}
.footer_info p span {
	display:inline-block; width:15px;
}

.footer_guide {
	text-align:right;
}
.footer_guide img {
	margin-bottom:12px;
}
.footer_guide p {
	font-size:13px; color:#fff; opacity: 0.62;
}

.footer_container .row {
	display:flex; justify-content: space-between;
}



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

	.footer_wrap {
		padding:40px 20px 40px;
	}

	.footer_container .row {
		display:block;
	}


	.foot_logo {
		float: none;
		margin: 3px 20px 30px 0 !important;
	}
}







.sec02 { width: 100%; height: 100vh; position: relative; overflow: hidden; background: url(../img/sec02_bg.jpg) center no-repeat; background-size: cover; position: sticky; top: 0; }

.sec02_wrap { width: 100%; height: 4200px; position: relative; }

.sec02_content_box { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; padding-left: 0px; } 
.sec02_content { width: 100%; display: block; min-width: 400px; margin: 0px; height: 100vh; margin-top: 0px; position: relative; opacity: 0; }
.sec02_content:first-child { margin-left: 160px; }
.sec02_content:last-child { min-width: 240px !important; }
.sec02_content:nth-child(2n):after { content:''; width: 1px; height: 0; position: absolute; left: 0; top: 0; background-color: #fff; opacity: 0.25; } 
.sec02_content:nth-child(2n-1):after { content:''; width: 1px; height: 0; position: absolute; left: 0; bottom: 0; background-color: #fff; opacity: 0.25; } 
.horizontal { display: flex; }



.sec02_con { position: absolute; height: 635px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transform: translateY(55px); width: 100%; box-sizing: border-box; padding: 0 40px; }

.sec02_left { position: absolute; right: 0; top: 0; transform: rotate(90deg) translate(560px,-180px); opacity: 0; }
.sec02_left p { font-size: 20px; line-height: 100%; color: #fff; font-weight: 200; }
.sec02_left img { margin-top: 12px; }

.sec02_txt_box { text-align: left; color: #fff; font-weight: 300; position: relative; float: left; margin-top: 20px; transform: translateY(100px); opacity: 0; }
.sec02_txt_box h4 { font-size: 20px; line-height: 28px; }
.sec02_txt_box p { font-size: 14px; line-height: 25px; opacity: 0.5; margin-top: 25px; letter-spacing: 0; font-weight: 200; }
.sec02_img { float: left; margin: auto; position: relative; transform: translateX(100px); opacity: 0; }
.sec02_txt { float: left;  transform: translateY(-100px); opacity: 0; }
.sec02_icon { float: left; transform: translateY(-60px); opacity: 0; }
.sec02_num { float: left; position: relative; z-index: 99; transform: translateX(-100px); opacity: 0; }


.sec02_content.con01 .sec02_img { }
.sec02_content.con01 .sec02_num { margin-top: 55px; }
.sec02_content.con01 .sec02_txt { margin-top: 55px; margin-left: 114px; }
.sec02_content.con01 .sec02_txt_box { clear: both; margin-top: 50px; }
.sec02_content.con01 .sec02_icon { float: right; position: relative; top: -17px; right: -30px; }

.sec02_content.con02 .sec02_icon { position: absolute; top: -25px; }
.sec02_content.con02 .sec02_txt_box { float: right; text-align: right; margin-top: 55px; }
.sec02_content.con02 .sec02_img { margin-top: 35px; }
.sec02_content.con02 .sec02_num { float: right; margin-right: -27px; margin-top: -55px; }
.sec02_content.con02 .sec02_txt { float: right; margin-top: 35px; clear: both; }

.sec02_content.con03 .sec02_txt { float: right; margin-top: 17px; }
.sec02_content.con03 .sec02_num { clear: both; margin-top: 73px; }
.sec02_content.con03 .sec02_icon { float: right; position: relative; top: 110px; right: -5px; }
.sec02_content.con03 .sec02_txt_box { clear: both; margin-top: 50px; }
.sec02_content.con03 .sec02_img { margin-top: 40px; }

.sec02_content.con04 .sec02_img { }
.sec02_content.con04 .sec02_num { float: right; position: relative; right: -30px; top: -20px; }
.sec02_content.con04 .sec02_icon { clear: both; }
.sec02_content.con04 .sec02_txt_box { margin-top: 30px; }
.sec02_content.con04 .sec02_txt { margin-top: 48px; }

.sec02_content.con05 .sec02_icon { margin-left: 20px; margin-top: 30px; }
.sec02_content.con05 .sec02_txt { float: right; margin-top: 45px; }
.sec02_content.con05 .sec02_txt_box { float: right; text-align: right; margin-top: 30px; }
.sec02_content.con05 .sec02_num { position: absolute; bottom: 185px; left: 10px; }
.sec02_content.con05 .sec02_img { margin-top: 45px; }

.sec02_content.con06 .sec02_txt_box {  }
.sec02_content.con06 .sec02_txt { float: right; margin-top: 45px; }
.sec02_content.con06 .sec02_img { clear: both; margin-top: 20px; }
.sec02_content.con06 .sec02_num { float: right; position: relative; right: -30px; top: -45px; }
.sec02_content.con06 .sec02_icon { margin-top: 55px; }

.sec02_content.con07 .sec02_num { position: absolute; left: 10px; top: -30px; }
.sec02_content.con07 .sec02_img { }
.sec02_content.con07 .sec02_txt { margin-top: 20px; float: right; }
.sec02_content.con07 .sec02_txt_box { margin-top: 35px; clear: both; }
.sec02_content.con07 .sec02_icon { float: right; margin-top: 40px; }

.sec02_content.con08 .sec02_icon { float: right; margin-right: -10px; }
.sec02_content.con08 .sec02_txt_box { clear: both; }
.sec02_content.con08 .sec02_txt { float: right; margin-top: 75px; }
.sec02_content.con08 .sec02_num { position: absolute; left: 8px; bottom: 190px; }
.sec02_content.con08 .sec02_img { margin-top: 28px; }



.sec02_tit.active img { transition: 1.2s 0s; opacity: 1; }
.sec02_tit.active p { transition: 1.2s 0s; opacity: 1; }
.sticky.active .sec02_left { transition: 1.2s 0s; opacity: 1; transform: rotate(90deg) translate(460px,-180px); }
.sticky.active .sec02_content { transition: 1.2s 0s; opacity: 1; }

.sec02_content.active:nth-child(2n):after { transition: 2s 0s; height: 100%; }
.sec02_content.active:nth-child(2n-1):after { transition: 2s 0s; height: 100%; }

.sec02_content.active .sec02_img { transition: 1.5s 0.2s; transform: translateX(0); opacity: 1; }
.sec02_content.active .sec02_num { transition: 1.5s 0.2s; transform: translateX(0); opacity: 1; }
.sec02_content.active .sec02_txt { transition: 1.5s 0.4s; transform: translateY(0); opacity: 1; }
.sec02_content.active .sec02_txt_box { transition: 1.5s 0.4s; transform: translateY(0); opacity: 1; }
.sec02_content.active .sec02_icon { transition: 1.5s 0.6s; transform: translateY(0); opacity: 1; }







.horizontal-wrapper {
  overflow-x: auto;
  white-space: nowrap;
  height: 100vh;
  background:#e2e3e4;
  
  scroll-behavior: auto; /* JS로 부드럽게 처리 */
  -webkit-overflow-scrolling: touch;
}

.horizontal-wrapper::-webkit-scrollbar {
  display: none;
}

.horizontal-wrapper .item {
  display: inline-block;
  width: 100vw;
  height: 100%;
  background: lightgray;
  border: 1px solid #333;
}

 




.main_prm_cont {
	display:flex; height:100%; 
	width: max-content;
	position: sticky; top: 0;
}

.main_prm_tit {
	display:flex; justify-content: center; align-items: center; height:100%; width:378px; 
}

.main_prm_box_wrap {
	display:flex; height:100%;  
}
.main_prm_box {
	height:100%; border-left:1px solid #a9aaab; min-width:384px;
	display:flex; flex-direction: column;  justify-content: center; 
}
.main_prm_box .prm_box_info {
	/*
	flex: 1 1 auto; /* 남은 공간 차지 */
	*/

	flex: 1;

	align-content: flex-end;
	text-align:center;
	height:55%;
}
.main_prm_box.rev .prm_box_info {
	height:45%; align-content: flex-start;
}

.main_prm_box .prm_box_info h4 {
	color:#4b5053; font-size:16px; font-weight:400; margin-bottom:5px;
}
.main_prm_box .prm_box_info img {
	margin-bottom:15px;
}
.main_prm_box .prm_box_info h3 {
	color:#4b5053; font-size:24px; font-weight:500; margin-bottom:10px; letter-spacing:-0.5px;
}
.main_prm_box .prm_box_info p {
	color:#4b5053; font-size:14px; font-weight:500; margin-bottom:90px; letter-spacing:-0.25px; position:relative;  line-height: 1.5;
}
.main_prm_box .prm_box_info p:after {
    content: '';
    position: absolute;
    left: 50%; 
    bottom: -66px; 
	background:#cb2435; width:1px; height:46px;    
}

/*
.main_prm_box .prm_box_img {
	flex: 0 0 auto;  
	align-content: flex-end;
}
.main_prm_box .prm_box_img img {
	width: 100%;  
	height: auto;
	display: block;
}
*/
.main_prm_box .prm_box_img {
	height:45%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

}

.main_prm_box.rev .prm_box_img {
	height:55%;
}

.main_prm_box.rev .prm_box_info h4 {
	margin-top:90px; position:relative;
}
.main_prm_box.rev .prm_box_info h4:after {
    content: '';
    position: absolute;
    left: 50%; 
    top: -66px; 
	background:#cb2435; width:1px; height:46px;
}

.main_prm_box.rev .prm_box_info p {
	margin-bottom:0px;
}
.main_prm_box.rev .prm_box_info p:after {
	display:none;
}



.prm_box_info {
	opacity: 0;
	transform: translateY(60px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.prm_box_info.active {
  opacity: 1;
  transform: translateY(0);
}



.prm_box_img {
	opacity: 0;
	transform: translateY(-60px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.prm_box_img.active {
  opacity: 1;
  transform: translateY(0);
}



@media all and (max-width: 768px){
	
	.main_prm_box {
		min-width: 230px; width:300px !important;
	}

	.main_prm_box.last_box {
		min-width: 10px; width:100px !important;
	}

	.main_prm_box .prm_box_info, .main_prm_box.rev .prm_box_info, .main_prm_box .prm_box_img, .main_prm_box.rev .prm_box_img {
		height:50%;
	}

	.main_prm_box .prm_box_info img {
		margin-bottom:10px;  height:60px;
	}

	.main_prm_box .prm_box_info h3 {
		color:#4b5053; font-size:18px; 
	}
	.main_prm_box .prm_box_info p {
		color:#4b5053; font-size:12px; padding:0px 10px; margin-bottom: 70px;
	}

	.main_prm_box .prm_box_info p:after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -46px;
		background: #cb2435;
		width: 1px;
		height: 26px;
	}

	.main_prm_box.rev .prm_box_info h4 {
		margin-top: 70px;
	}

	.main_prm_box.rev .prm_box_info h4:after {
		content: '';
		position: absolute;
		left: 50%;
		top: -46px;
		background: #cb2435;
		width: 1px;
		height: 26px;
	}
}

/* 모바일에서는 fade-up 항상 보이게 */
@media (max-width: 768px) {

	.main_prm_cont {
		padding-top:60px;
	}

    .prm_box_info, .prm_box_img {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}




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

	.horizontal-wrapper {  
	}

}





.roll01 {z-index: 99999; position: absolute; float: right; right: 120px; bottom: 20%;}
                
                @media (min-width: 192px) and (max-width: 1199px) {
                .roll01 {display: none;}
                }
                
                img.infinite_rotating_logo {
                    animation: rotate_image 10s linear infinite;
                    transform-origin: 50% 50%;
                }

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






@media (min-width: 192px) and (max-width: 1199px) {
  .hidden-xs {
    display: none !important;
  }
}

.pc {display: block; float: left; margin-right: 10px;}
.mo {display: none; float: left; margin-right: 10px;}

@media (max-width: 991px){ 
.pc {display: none; float: left; margin-right: 10px;}
.mo {display: block; float: left; margin-right: 10px;}
}