/*Content CSS*/
body {overflow: auto !important; }

#main_intro {width: 100%; height: 100vh; z-index: 30; min-height: 600px; position: relative; text-align: center;  }
#main_intro > a {width: 100%; display: block; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; height: 50%;  padding: 0; padding:50px 20px; overflow: hidden; }
#main_intro > a::before {content: ''; display: block; width: 100%; height: 100%; z-index: -2; position: absolute; left:0; top:0; transition: transform .8s;}
#main_intro > a::after {content: ''; display: block;  width: 100%; height: 100%; z-index: -1; position: absolute; left:0; top:0; background: #000; opacity: .6;
transition: opacity .3s; }
#main_intro > a.left::before {background:url("../img/intro_bg1.jpg?v=250516") 50%/cover no-repeat;}
#main_intro > a.right::before {background:url("../img/intro_bg2.jpg") 50%/cover no-repeat;}
/* #main_intro > a:hover::before {transform: scale(1.05);} */
#main_intro > a:hover::after {opacity: 0;}

#main_intro h3 {font-size: 14px; font-weight: 400; color:#fff; line-height: 1;}
#main_intro h2 {font-size: 27px; font-weight: 800; color:#fff; line-height: 1; margin:25px 0 35px;}

#main_intro .intro_btn {  margin: 0 auto;  width: 150px; height: 35px; display: flex; align-items: center; justify-content: space-between; background: transparent; color: #fff; font-size:14px; font-weight: 700; overflow: hidden; z-index: 1; font-family: 'NanumSquare'; position: relative; border-bottom:1px solid #ddd;  transition: all .5s ease; padding: 0 4px 0 10px; }
#main_intro .intro_btn::before {content: ""; z-index: -1; position: absolute; background: #e53b11; transition: all .5s; left: 0; top: 0; width: 0; height: 100%;}
/*  btn_arrow */
#main_intro .btn_arrow {display: block; width: 20px; height: 5px; position: relative; background:url("../img/intro_arrow.png") 50% no-repeat;  top:0; left:0;}
/* c_btn - hover */
#main_intro > a:hover .intro_btn {border-color: #e53b11; padding: 0 15px;}
#main_intro > a:hover .intro_btn::before {width:100%;}

#main_intro .center {position: absolute; z-index: 2; left:50%; top:50%; transform: translate(-50%, -50%); display: none;}
#main_intro .center p {font-size: 15px; font-weight: 700; color:#fff; font-family: 'NanumSquare'; line-height: 1.52; }
#main_intro .center p i {position: relative; font-style: normal; }
#main_intro .center p i::before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #fff; position: absolute; left: 50%;  transform: translateX(-50%); top:-10px; position: absolute; }
#main_intro .center .logo {margin:15px auto; width: 70px;}
#main_intro .center h4 {font-size: 25px; font-weight: 800; color:#fff; }
#main_intro .center h4 span { transition: color .3s;}
#main_intro .center a:hover h4 span {color:#e53b11;}

/* #main_intro > a.left {padding-bottom: 80px; }
#main_intro > a.right {padding-top:80px; } */


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

}