@charset "utf-8";
body { overflow: hidden; }
.main_logo {position: absolute;
    z-index: 1001;
    top: 10px;
    left:10px;
}

#intro_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
#intro_wrap > .inner { position: relative; width: 100%; height: 100%; display: table; /* background-image: url("../images/intro/intro_hanam.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; */ }
/* #intro_wrap > .inner.hanam { background-image: url("../images/intro/intro_hanam.jpg"); }
#intro_wrap > .inner.goyang { background-image: url("../images/intro/intro_goyang.jpg"); } */
#intro_wrap .intro_section {position:relative; display: table-cell; width: 50%; height: 100%; vertical-align: middle; text-align: center; padding: 5%; transition: .5s width ease-in-out; background-size:cover !important;}
#intro_wrap .intro_section.yongin {background: url(/common/front/image/yi.jpg) no-repeat 50% 50%}
#intro_wrap .intro_section.sangju {background: url(/common/front/image/sj.jpg) no-repeat 50% 50%}
#intro_wrap .intro_section.lunax {background: url(/common/front/image/lx.jpg) no-repeat 50% 50%}
#intro_wrap .intro_section:before {content: ''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); transition: .5s all ease-in-out}
#intro_wrap .intro_section img { margin: 0 auto; max-width: 100%; position:absolute; left:50%; transform: translate(-50%,-50%); }
#intro_wrap .intro_section .kr { display: block; opacity: 0;}
#intro_wrap .intro_section .en { display: block; opacity: 1;}
#intro_wrap .intro_section:hover .kr { display: block; opacity: 1; transition: .5s all ease-in-out;}
#intro_wrap .intro_section:hover .en { display: block; opacity: 0;}

#intro-slider { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#intro-slider .slider-item { background-repeat: no-repeat; background-position: center; background-size: cover; }
#intro-slider .slider-item.hanam { background-image: url("../image/intro/intro_hanam.png"); }
#intro-slider .slider-item.goyang { background-image: url("../image/intro/intro_goyang.png"); }
#intro-slider .slider-item.ansung { background-image: url("../image/intro/intro_ansung.png"); }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#intro_wrap .intro_section:hover .kr { display: block; opacity: 1; transition: 0s all ease;}
}

@media screen and  (min-width:768px){
    #intro_wrap .intro_section.notHover {width:30%}
    #intro_wrap .intro_section.notHover:before {background:rgba(0,0,0,.6)}
    #intro_wrap .intro_section.notHover img {width:40%}
    #intro_wrap .intro_section.hover {width:40%;}
    #intro_wrap .intro_section.hover:before {background:rgba(0,0,0,.2)}
    #intro_wrap .intro_section.hover img {width:auto}
    
}

@media screen and  (max-width:768px){
    .main_logo {width:70px}
    #intro_wrap .intro_section.hanam {background: url(/common/front/images/intro/intro_hanam_bg_m.jpg) no-repeat 50% 50%}
    #intro_wrap .intro_section.goyang {background: url(/common/front/images/intro/intro_goyang_bg_m.jpg) no-repeat 50% 50%}
    #intro_wrap .intro_section.ansung {background: url(/common/front/images/intro/intro_ansung_bg_m.jpg) no-repeat 50% 50%}

    #intro_wrap .intro_section{width: 100%;padding: 0%; height: 50%; display: block; position: relative;}
    #intro_wrap .intro_section:before {background:rgba(0,0,0,.3);}
    #intro_wrap .intro_section img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width:50%}

    #intro_wrap .intro_section.notHover {width: 100%;}
    #intro_wrap .intro_section.notHover:before {background:rgba(0,0,0,.3)}
    #intro_wrap .intro_section.notHover img { max-width:none; width:auto; max-height:100%;}
    #intro_wrap .intro_section.hover {width: 100%;}
    #intro_wrap .intro_section.hover:before {background:rgba(0,0,0,.3)}
    #intro_wrap .intro_section.hover img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width:none; width:auto; max-height:100%;}


}