html,body{width:100%; height:100%;}
ul,p{margin:0; padding:0;}
a{text-decoration-line: none; list-style: none; color:#fff;}
li{list-style-type:none;}

.intro_main{max-height: 185vh; min-height: 100vh; background: url('../intro_img/2025/main_bg.jpg')no-repeat center/cover; font-family: 'GmarketSansLight'}/*��׶��� ���� �������� ����*/
.intro_header{width: 100%; padding-top: 1%;}
.intro_header_in{display:flex; height: auto; overflow: hidden; margin: 0 auto;}
.intro_header_box1{height: 100%; display: inline-block; float: left; margin: 0px; padding: 12px 0 3px 18px; text-align: right;}
.intro_header_box1 img{width: 240px;}

.intro_wrap_all{width: 1320px; height: auto; overflow: hidden; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%);}
.intro_wrap_all .intro_wrap01{width: 65%; display: flex; flex-direction: column; float: left;}
.intro_wrap_all .intro_wrap01 .wrap01_video {position: relative; padding-bottom: 54.25%; margin-bottom: 1.5%;}
.intro_wrap_all .intro_wrap01 .wrap01_video iframe{border-radius: 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.intro_wrap_all .intro_wrap01 .wrap01_banner{width: 100%; background: url('../intro_img/2025/2025_banner_bg2.png')no-repeat center/cover; overflow: hidden; height: auto;    border-radius: 15px;}
.intro_wrap_all .intro_wrap01 .wrap01_banner .banner_tit{padding: 1% 0 0 0; position: relative;}
.intro_wrap_all .intro_wrap01 .wrap01_banner .banner_tit_m{display: none;}
.intro_wrap_all .intro_wrap01 .wrap01_banner .banner_tit img{width: 95%;}


.intro_wrap_all .intro_wrap02{width: 34%; display: flex; float: right; flex-direction: column;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu0{width: 48%; padding: 25.5% 8%; float: left; border-radius: 15px; position: relative; text-align: center;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu01{background: url('../intro_img/2025/main_menu01.png')no-repeat center/cover #48a2b7; background-size: 170px;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu02{background: url('../intro_img/2025/main_menu02.png')no-repeat center/cover #3d71a4; background-size: 170px; margin: 0 0 2% 2%;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu03{background: url('../intro_img/2025/main_menu03.png')no-repeat center/cover #6c7ac8; background-size: 170px;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu04{background: url('../intro_img/2025/main_menu04.png')no-repeat center/cover #ff9434; background-size: 170px; margin: 0 0 0 2%;}
.intro_wrap_all .intro_wrap02 .wrap02_call .menu05{width: 98%; padding: 23.1% 8%; margin-top: 2.5%; float: left; border-radius: 15px;
background: url('../intro_img/2025/wrap02_call.png')no-repeat center/cover #6d75af;}
.menu0_link{display: block;}

.intro_wrap_all .intro_wrap02 .wrap02_menu .menu01:hover{background-color:#388091; transition: all ease 0.7s 0s;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu02:hover{background-color:#295580; transition: all ease 0.7s 0s;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu03:hover{background-color:#5564b3; transition: all ease 0.7s 0s;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu04:hover{background-color:#dd5252; transition: all ease 0.7s 0s;}

.intro_wrap_all .intro_wrap02 .wrap02_menu .menu0_link{display: block; position: absolute; width: 100%; top: 0; left: 0; padding: 68% 8% 21% 8%;}

/*��� �����̴� ��ư*/
.arrow_but {width: 50px; height: 50px; position: absolute; transform: translate(-40%, -140%); right: 0; bottom: 0; margin: auto;}
.arrow_but::before {
  content: '';
  width: 35px;
  height: 8px;
  background: #000;
  position: absolute;
  top: 58px;
  left: 10px;
  border-radius: 60%;
  opacity: 0.3;
}

@keyframes shadow {
  0% {transform: scale(1, 1);}
  50% {transform: scale(1.2, 1);}
  100% {transform: scale(1, 1);}
}

.arrow_but::after {
  content: '';
  background: url('../intro_img/2025/arrow_but.png')no-repeat center/cover;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px;
}
.intro_wrap_all .intro_wrap01 .wrap01_banner:hover .arrow_but::before{animation: shadow 0.8s linear infinite;}
.intro_wrap_all .intro_wrap01 .wrap01_banner:hover .arrow_but::after{animation: load 0.8s linear infinite;}
/*��� �����̴� ��ư ��*/

/*footer*/
footer{position: absolute; bottom: 0; width: 100%;}
.intro_footer{width: 100%; margin: 0 auto; background-color: #61689c; overflow: hidden; height:auto;}
.intro_footer .intro_footer_box{width: 80%; margin: 0 auto; overflow: hidden; font-size: 14px;}

.intro_footer .intro_footer_box .sns_icon_box{width: 50%; height: 100%; display: inline-block; float: left;  margin: 0px; padding: 1.3% 0 1% 10%;}
.intro_footer .intro_footer_box .sns_icon_box a{color:#ffffff;}
.intro_footer .intro_footer_box .sns_icon_box a .sns_icon_off{position: relative;}
.intro_footer .intro_footer_box .sns_icon_box a .sns_icon_on{position: absolute; margin: 0 0 0 -33px; opacity:  0; transition: opacity 0.2s}
.intro_footer .intro_footer_box .sns_icon_box a:hover .sns_icon_on{opacity: 1; transition: opacity 0.2s}

.intro_footer .intro_footer_box .footer_but{width: 60%; float: right; margin-top: -43px;}
.intro_footer .intro_footer_box .footer_but>ul{float: left; margin-left: 8%;}
.intro_footer .intro_footer_box .footer_but>ul:first-child{margin-left:7%;}
.intro_footer .intro_footer_box .footer_but>ul>a{color:#ffffff; position: relative;}
.intro_footer .intro_footer_box .footer_but>ul>a span{font-size: 16px; letter-spacing: -1px; font-weight: 500;}
.intro_footer .intro_footer_box .footer_but>ul>a img{position: absolute;}

/*��������ó����ħ*/
.footer_but2{position: relative;}
.footer_but2 ul{margin: 1.7% 0 0 25%; position: absolute;}
.footer_but2 ul a{color: #a4afff;}

/* ���� */
.footer_but a:before, .footer_but a:after {content: '';border-bottom: solid 2px #ffffff; position: absolute; bottom: 0; width: 0; margin-bottom: -4px;}
.footer_but a:before { left: 0; }
.footer_but a:after { right: 0; }
.footer_but a:hover:before, .footer_but a:hover:after {width: 50%;}
.footer_but a:before, .footer_but a:after {-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

/**/
@media all and (max-width : 1319px) {
.intro_wrap_all{width: 1200px;}
.intro_footer .intro_footer_box {width: 95%;}
.intro_footer .intro_footer_box .sns_icon_box{padding: 1.3% 0 1% 5%;}
}

@media all and (max-width : 1199px) {
.intro_wrap_all {top: 0; left: 0;transform: translate(0); width: 97%; display: flex; flex-direction: column; align-items: center; position: initial;}
.intro_wrap_all .intro_wrap01{width: 85%;}
.intro_header_box1{padding: 1% 0 1% 9%;}
.intro_wrap_all .intro_wrap02{width: 90%; align-items: center;}
.intro_wrap_all .intro_wrap02 .wrap02_menu{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 2%;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu0{width: 23%; padding: 11.5% 8%;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu02{margin: 0 1%;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu04{margin-left: 1%;}
.wrap02_call{width: 96%; display: flex; justify-content: center; height: 26vh;}
.intro_wrap_all .intro_wrap02 .wrap02_call .menu05{background-size: 60vh; padding: 0; margin: 2% 0;}

.intro_wrap_all .intro_wrap02 .wrap02_menu .menu0_link{padding: 65% 8% 19% 8%;}

footer{position: inherit; bottom: 0; width: 100%; margin-top: 10px;}
.intro_footer .intro_footer_box .footer_but{width: 70%; margin-top: 22px;}
.intro_footer .intro_footer_box .sns_icon_box{width: 30%;}

.footer_but2 ul{width: 7%; margin:11px 0 5px 244px;}

}
@media (max-width : 950px) {
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu0{width: 40%; padding: 18% 1%;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu01{margin: 0 0 2% 0;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu02{margin: 0 0 2% 5%;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu04{margin: 0 0 0 5%;}
.intro_wrap_all .intro_wrap02 .wrap02_call .menu05{background-size: 50vh;}

.intro_footer .intro_footer_box .footer_but{line-height: 1.9; margin-top: 19px;}
.intro_footer .intro_footer_box .footer_but>ul>a img{margin-top: 1px;}3
.intro_footer .intro_footer_box .sns_icon_box{padding: 1.7% 0 1% 5%;}

.intro_wrap_all .intro_wrap02 .wrap02_menu .menu0_link{padding: 61% 8% 16% 8%;}
}

@media (max-width : 768px){
.wrap01_banner .banner_tit{display: none;}
.wrap01_banner .banner_tit_m{display:block !important; text-align: center;}
.wrap01_banner .banner_tit_m img{width: 71%;}
.wrap01_video{display: none;}
.intro_header_box1{padding: 1% 0 1% 4%; text-align: left;}
.intro_header_box1 img{width: 60%;}
.intro_wrap01 .arrow_but{display:none;}
.intro_wrap_all .intro_wrap01 {width: 98%;}
.intro_wrap_all .intro_wrap02 {margin-top: 2%;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu0 .menu__title{font-size: 22px;}
.intro_wrap_all .intro_wrap02 .wrap02_menu .menu0{width: 45%; padding: 23% 1%; background-size: 125px;}
.intro_wrap_all .intro_wrap02 .wrap02_call{height: 19vh;}
.intro_wrap_all .intro_wrap02 .wrap02_call .menu05{background-size: 39vh;}
.intro_footer .intro_footer_box .intro_sns_icon{margin: 5% 0;}
.intro_footer .intro_footer_box .footer_but{width: 56%; margin: 2% 0;}

.footer_but2 ul{width: 15%; margin: 51px 0 5px 115px;}
}




a {
  outline: 0;
  text-decoration: none;
}
.menu0 {
  display: inline-block;
  white-space: nowrap;
}

.menu0:last-child .menu0_link {
  border-right: 0;
}

.menu0_link:hover .menu_title_a, .menu0_link:focus .menu_title_ad {
  -webkit-transform: translate3d(0, -105%, 0);
          transform: translate3d(0, -105%, 0);
}
.menu0_link:hover .menu_title_b, .menu0_link:focus .menu_title_b {
  -webkit-transform: translate3d(0, 105%, 0);
          transform: translate3d(0, 105%, 0);
}

.menu__title {
  display: inline-block; overflow: hidden; font-size: 24px; letter-spacing: -1px; font-weight: 600;}

.menu_title_a,
.menu_title_b {
  display: inline-block;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
.menu_title_a::before,
.menu_title_b::before {
  position: absolute;
  content: attr(data-hover);
}

.menu_title_a {
  color: #ffffff;
}
.menu_title_a::before {
  top: 105%;
  color: #ffffff;
}

.menu_title_b {
  color: #ffffff;
}
.menu_title_b::before {
  bottom: 105%;
  color: #ff9434;
}

/*��� �����̴� ��ư �߰�*/
@keyframes load {
  0% {border-bottom-right-radius: 3px;}
  50% {transform: translatey(18px) scale(1, 0.7) rotate(0deg); border-bottom-right-radius: 0px;}
  100% {transform: translatey(0px) rotate(0deg);}