/* 게이트화면 ::s */
.mo{display: none;}

header.gnb_wrap{display: none !important;}

.wrap{}
.main{}
.main > .index{display: flex;overflow:hidden; position:relative; max-width: none;width:100vw; min-width:750px; height:100vh;}

.index .left_menu {display: flex;justify-content: center;align-items: center;position:relative; width: 19%; height:100vh;} 
.index .left_menu .inner{}

.index .left_menu .logo_wrap{width: 126px;margin: 0 auto;}
.index .left_menu .logo{}
.index .left_menu .logo a{}
.index .left_menu .logo img{}


.index .branch_wrap {margin: 45px auto 0;}
.index .branch{border-top: 2px solid #362e2c;}
.index .branch li{padding: 17px 5px 17px;border-bottom: 2px solid #362e2c;}
.index .branch a{display: block;font-size: 18px;font-weight: 700;letter-spacing: -0.5px;color: #362e2c;background: url('/public/img/arrow_r.png') no-repeat right center;transition: all 0.4s;}
.index .branch a:hover{}
.index .branch span{}

.index .quick_wrap{width: 175px; margin: 65px auto 0;}
.index .quick_ul{}
.index .quick_ul li{}
.index .quick_ul li:not(:last-child){padding: 0 0 10px 0;}
.index .quick_li{transform: none;}
.index .quick_li a{display: block;position: relative;padding-right: 40px;transform: none;width: 174px;height: 40px;}
.index .quick_li:nth-child(1) a{background: url('/public/img/common/quick_li_2.svg') no-repeat center;background-size: cover;}
.index .quick_li:nth-child(2) a{background: url('/public/img/common/quick_li_3.svg') no-repeat center;background-size: cover;}
.index .quick_li:nth-child(3) a{background: url('/public/img/common/quick_li_3.svg') no-repeat center;background-size: cover;}
.index .quick_li span{color: transparent;}

.br_search_wrap{width: 200px;margin: 97px auto 0;background:#f8f8f8;border-bottom: 1px solid;}
.br_search_form{display: flex;align-items: center;height: 45px;}
.br_search_input{width: calc(100% - 21px - 12px);padding: 0 12px;border: 0px solid;background: #f8f8f8;}
.br_search_input::placeholder{font-size: 15px;font-weight: 500;letter-spacing: -0.025em;color: #999999;opacity: 1;}
.br_search_form a{display: block;padding: 0 13px 0 0;cursor: pointer;}
.br_search_form a img{}

.index_swiper_wrap{width: 200px;margin: 20px auto 0;overflow: hidden;}
.index_swiper{}
.index_swiper .swiper-wrapper{} 
.index_swiper .swiper-slide{width: 200px;height: 200px;}
.index_swiper img{height: 100%;object-fit: cover;}

.footer{display: none;}
.copyright{padding: 30px 0 0 0;font-size: 10px;font-weight: 400;color: #999;text-align: center;}



.index .right_menu {position:relative; width: calc(100% - 260px); height:100vh; background:#000;}

.index .right_menu p,
.index .right_menu h2,
.index .right_menu a
{color: #fff;}

.index .right_menu .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 0;opacity: 0;background: no-repeat center;background-size: cover;transition: all 1.3s;}
.index .right_menu .bg.on {opacity: 1;}
.index .right_menu .bg01{background-image: url('/public/img/bg1.jpg');}
.index .right_menu .bg02{background-image: url('/public/img/bg2.jpg');}
.index .right_menu .bg03{background-image: url('/public/img/bg3.jpg');}
.index .right_menu .bg04{background-image: url('/public/img/bg4.jpg');}
.index .right_menu .bg05 {background-image: url('/public/img/bg.jpg');}

.right_menu_ul{display: flex;position: relative;}
.right_menu_ul > li{position: relative;width: 33.33%;height: 100vh;}
.right_menu_ul > li + li{border-left:1px solid rgba(255,255,255,0.2)}
.right_menu_ul > li:hover{background: rgba(0, 0, 0, 0.5);}
.right_menu_ul > li:hover .box{opacity: 0;}
.right_menu_ul > li:hover .over{opacity: 1;}

.right_menu_ul .box{overflow: hidden;display: block;height: 100vh;transition: all .3s;}
.right_menu_ul .box a{}
.right_menu_ul .box h2{}
.right_menu_ul .box p{padding:42px 0 46px;font-size: 20px;font-weight: 500;letter-spacing: -0.035em;line-height: 1.5;}
.right_menu_ul .box img{}

.right_menu_ul .box,
.right_menu_ul .over
{padding: 14.219vw 0 0 3.125vw;}

.right_menu_ul .box h2,
.right_menu_ul .over .title p{font-size: 50px;font-weight: 700;letter-spacing: -0.035em;}

.right_menu_ul .over{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all .3s;}
.right_menu_ul .over .title{}
.right_menu_ul .over .title a{}

.right_menu_ul .over ul{padding: 45px 0 0 0;}
.right_menu_ul .over li{margin: 0 0 10px 0;}
.right_menu_ul .over li a{display: block;width: 295px;height: 62px;padding: 0 0 0 30px;border: 1px solid #ddd;line-height: 62px;font-size: 18px;font-weight: 500;letter-spacing: -0.045em;background: url('/public/img/arrow_r_w.png') no-repeat right 30px center;transition: all .3s;}
.right_menu_ul .over li:hover a{background-color: rgba(255, 255, 255, 0.2);}

@media screen and (max-width:2000px) {
    .right_menu_ul .box,
    .right_menu_ul .over
    {padding: 273px 0 0 60px;}
}

@media screen and (max-width:1920px) {
    .index .left_menu{width:260px;}
}

@media screen and (max-width:1900px) {
    .index .left_menu {display: flex;flex-flow: column nowrap;justify-content: center;}

    .index .left_menu .logo {height: auto;}

    .right_menu_ul .box,
    .right_menu_ul .over
    {padding: 13.541vw 0 0 3.125vw;}

    .right_menu_ul .over li a 
    {width:90%;height: 4vw;line-height:4vw;}
}

@media screen and (max-width:1800px){
    .right_menu_ul .box h2, 
    .right_menu_ul .over .title p 
    {
        word-break: auto-phrase;
        font-size: 3.333vw;

    }

    .right_menu_ul .box p 
    {font-size: 1.333vw;}

    .right_menu_ul .over li a 
    {font-size: 1.2vw;}
}

@media screen and (max-width:1440px){
    .index .left_menu {max-width: 210px;}
    .index .quick_li a{width: 100%;height: 2.58vw;min-height: 33px;}
    .index .quick_li:nth-child(1) a,
    .index .quick_li:nth-child(2) a{background-size: contain;}

    .index .right_menu {width: calc(100% - 210px);}
    .right_menu_ul .box, .right_menu_ul .over {padding: 13.541vw 0 0 1.125vw;}
}


@media screen and (max-height:940px) { 
    .index .left_menu .logo_wrap {
        width: 7vw;
    }
    .index .branch_wrap {
        margin: 4.1vh auto 0;
    }
    .index .branch a {
        font-size: 1vw;
    }
    .index .branch li {
        padding: 1.5vh 0.4vh 1.5vh;
    }
    .index .quick_wrap {
        margin: 4vh auto 0;
    }
    .index .quick_ul li:not(:last-child) {
        padding: 0 0 0.7vw 0;
    }
    .br_search_wrap {
        margin: 4.9vh auto 0;
    }
    .br_search_form {
        height: 2.3vw;
    }
    .br_search_form a img {
        width: 1.1vw;
    }
    .br_search_input::placeholder {
        font-size: 0.8vw;
    }     
    .index_swiper_wrap{
        margin: 1.8vh auto 0;
    }
    .copyright {
        padding: 2.7vh 0 0 0;
    }
}   

@media screen and (max-width:750px){
    html{font-size: 10px;}

    .mo{display: block;}
    .pc{display: none;}

    img{max-width: none;}

    .main .header_wrap{width: 100vw;}
    .main header{display: flex;justify-content: space-between;align-items: center;width: 91.4vw;margin: 0 auto;padding: 1.6vw 0 1.3vw;}
    .main header .logo_wrap img{width: 16vw;}
    .main header .menu img{width:6.4vw ;height: 6.4vw;}

    .main_swiper_wrap{display: flex;position: relative;padding: 8vw 0 0 0;}
    .mainSwiper{overflow: hidden;width: 82.1vw;padding: 0vw 0 10.1vw;margin: 0 0 0 17.9vw;}
    .mainSwiper .swiper-slide{width: 64vw;height: 100.2vw;padding: 17.6vw 5.3vw;border-radius: 6.667vw;box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 56%);}
    .mainSwiper .swiper-slide.swiper-slide-active{width: 64vw;height: 114.6vw;}
    .mainSwiper .swiper-slide.s01{background: rgba(0, 0, 0, 0.56) url('/public/img/bg1_m.png') center no-repeat;background-size: cover;}
    .mainSwiper .swiper-slide.s02{background: rgba(0, 0, 0, 0.56) url('/public/img/bg2_m.png') center no-repeat;background-size: cover;}
    .mainSwiper .swiper-slide.s03{background: rgba(0, 0, 0, 0.56) url('/public/img/bg3_m.png') center no-repeat;background-size: cover;}
    .mainSwiper .swiper-slide.s04{background: rgba(0, 0, 0, 0.56) url('/public/img/bg4_m.png') center no-repeat;background-size: cover;}

    .mainSwiper .swiper-slide img{width:8.533vw;}

    .mainSwiper h2,
    .mainSwiper p
    {color: #fff;}

    .mainSwiper h2{padding: 0 0 4vw 0;font-weight: 700;font-size: 6.4rem;line-height: 1.25;letter-spacing: -0.35px;}
    .mainSwiper p{padding: 0 0 4vw 0;font-weight: 400;font-size: 3.2rem;line-height: 1.5;letter-spacing: -0.35px;}


    .mainSwiper .swiper-pagination{margin: 0 auto;text-align: right;}

    .mainSwiper.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 4vw;right: 0;width: 64vw;}

    .mainSwiper .swiper-pagination-bullet{width: 5.3vw;height: 0.53vw;background: #D9D9D9;border-radius: 0;opacity: 1;}
    .mainSwiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 1.3vw;}
    .mainSwiper .swiper-pagination-bullet-active {background:#362B2C;}

    .main_swiper_wrap .text-pagination-wrap{position: absolute;top: -2vw;bottom: 0;left: -37vw;margin: auto;width: 105vw;height: 21vw;transform: rotate(-90deg);}
    .main_swiper_wrap .text-pagination{justify-content: space-between;display: flex;}
    .main_swiper_wrap .text-pagination .swiper-pagination-bullet{position: relative;width: auto;font-weight: 500;font-size: 3.2rem;letter-spacing: -0.35px;color: #999999;background: rgba(0,0,0,0);opacity: 1;}
    .main_swiper_wrap .text-pagination .swiper-pagination-bullet::after{content: '';display: block;position: relative;left: 0;right: 0;bottom: -1.6vw;width: 1.3vw;height: 1.3vw;margin: auto;border-radius: 50%;}
    .main_swiper_wrap .text-pagination .swiper-pagination-bullet-active{color: #362B2C;opacity: 1;}
    .main_swiper_wrap .text-pagination .swiper-pagination-bullet-active::after{background: #362B2C;}
        
    .over{display: none;opacity: 1;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 7000;}

    .over .menu_bg{position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);transition: all 0.8s;}


    .over.s01_over{background: rgba(0, 0, 0, 0.75) url('/public/img/bg1_m.png') center no-repeat;background-size: cover;}
    .over.s02_over{background: rgba(0, 0, 0, 0.75) url('/public/img/bg2_m.png') center no-repeat;background-size: cover;}
    .over.s03_over{background: rgba(0, 0, 0, 0.75) url('/public/img/bg3_m.png') center no-repeat;background-size: cover;}

    .over .inner{position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 91.2vw;height: 100%;overflow-y: auto;}
    .over .inner .header{height:17.3vw;}
    .over .inner .header a{height: 100%;display: flex;align-items: center;}
    .over .inner .header img{width: 6.4vw;}

    .over .title,
    .over ul
    {width: 83.4vw;margin: 0 auto;}

    .over .title p{padding: 4vw 0 10.6vw 0;font-weight: 700;font-size: 7.2rem;line-height: 1.22;letter-spacing: -0.35px;color: #FFFFFF;}
    .over li{display: flex;align-items: center;padding: 2.6vw 8vw;height: 16vw;margin: 0 0 4vw 0;border: 0.267vw solid #FFFFFF;}
    .over li a {display: block;width: 100%;font-weight: 500;font-size: 4rem;letter-spacing: -0.35px; color: #FFFFFF;background: url('/public/img/arrow_r_w_m.svg') no-repeat right center;}


    .news_wrap{width: 92vw;margin: 0 auto;padding: 0 0 29.3vw 0 ;}
    .news_wrap .newsSwiper{overflow: hidden;}
    .news_wrap .subtit{padding: 0 0 4vw 0;font-weight: 700;font-size: 5.2rem;line-height: 1.38;letter-spacing: -0.5px;}
    .news_wrap .swiper-slide a{display: block;}
    .news_wrap .swiper-slide img{width: 100%;height: 32vw;border-radius: 4vw;}
    
    .footer_wrap{border-top: 0px solid;}
}

@media screen and (max-width:600px) {
	html {
		font-size: 8px;
	}
}

@media screen and (max-width:565px) {
	html {
		font-size: 7px;
	}
}

@media screen and (max-width:455px) {
	html {
		font-size: 6px;
	}
}

@media screen and (max-width:375px) {
	html {
		font-size: 5px;
	}
}

@media screen and (max-width:290x) {
	html {
		font-size: 4px;
	}
}
/* 게이트화면 ::e */