/*Content CSS*/
#main_intro {width: 100%; height: 100vh; display: flex; z-index: 30; min-height: 800px; position: relative; text-align: center;}
#main_intro > a {width: 50%; display: block; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; height: 100%; overflow: hidden; padding: 0; }
#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: 22px; font-weight: 400; color:#fff; line-height: 1;}
#main_intro h2 {font-size: 70px; font-weight: 800; color:#fff; line-height: 1; margin:40px 0 60px;}

#main_intro .intro_btn {  margin: 0 auto;  width: 150px; height: 50px; display: flex; align-items: center; justify-content: space-between; background: transparent; color: #fff; font-size: 20px; 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%); }
#main_intro .center p {font-size: 27px; 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: 5px; height: 5px; border-radius: 50%; background: #fff; position: absolute; left: 50%;  transform: translateX(-50%); top:-15px; position: absolute; }
#main_intro .center .logo {margin:60px 0 60px;}
#main_intro .center h4 {font-size: 50px; font-weight: 800; color:#fff; }
#main_intro .center h4 span { transition: color .3s;}
#main_intro .center a:hover h4 span {color:#e53b11;}




@media screen and (max-width: 1600px) {
    #main_intro > a.left {padding: 0 100px 0 0; }
    #main_intro > a.right {padding: 0 0 0 100px; }
}

/* @media screen and (max-width: 1200px) {
    #main_intro > a {padding: 0 50px;}
    #main_intro h3 {font-size: 26px; }
    #main_intro h2 {font-size: 80px;}
    #main_intro h4  {font-size: 30px;}
    #main_intro p {font-size: 17px; margin: 15px 0 60px;}

}

@media screen and (max-width: 1024px) {
    #main_intro {height: 100vh; display: block ; text-align: center; min-height: 1024px;}
    #main_intro > a {height: 50%; padding: 50px 20px; width: 100%; justify-content: center;}
    #main_intro h3 {font-size: 22px; }
    #main_intro h2 {font-size: 60px; margin:15px 0 20px; }
    #main_intro h4  {font-size: 28px;}
    #main_intro p {font-size: 15px; margin: 15px 0 30px;}
    #main_intro .intro_btn {width: 220px; height: 45px;  font-size: 16px; margin:0 auto; padding: 0 20px;}

}

@media screen and (max-width: 640px) {
    #main_intro {  min-height:800px;}
    #main_intro > a {padding: 40px 20px;}
    #main_intro h3 {font-size: 20px; }
    #main_intro h2 {font-size: 45px; margin:15px 0 20px; }
    #main_intro h4  {font-size: 24px;}
    #main_intro p {font-size: 14px; margin: 10px 0 25px;}
    #main_intro .intro_btn { font-size: 15px; }
}

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

} */