.w_index {overflow:hidden; position:relative; width:100%; min-width:1024px; height:100vh; display:block;}

.m_index{display:none;}

.w_index .left_menu {float:left; position:relative; width:25%; height:100vh; text-align:center;}
.w_index .left_menu .inbox {
    width: 100%;
    max-width: 100%;
}
.inbox .inbox_div{
    width: 86%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.w_index .left_menu .txt {margin-top:14.16%; font-size:13px; color:#1e1e1e; font-weight:700;}
.w_index .left_menu .addr {text-align:left; margin-top:30px; font-size:14px;}
.w_index .left_menu .copyright {margin-top:10px;}


.branch_ {width:225px; margin-top:15%; border-top:2px solid #252525;}
.branch_ li {border-bottom:2px solid #252525;}
.branch_ a {display:block; padding-left:146px; font-size:17px; color:#252525; line-height:45px; font-weight:500; background:url('../images/index/icon_index_arr.jpg') no-repeat 8px center; transition:all 0.4s;}
.branch_ a:hover {color:#1b89bc;}



.w_index .list {float:left; position:relative; width:75%; height:100vh; background:#000;}
.w_index .list .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.2s;}
.w_index .list .bg00 {background-image:url('/img/new_intro/intro_main.jpg');}
.w_index .list .bg00 span{
    background: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
}
.w_index .list .bg01 {background-image:url('/img/new_intro/s01_bg.jpg');}
.w_index .list .bg02 {background-image:url('/img/new_intro/s02_bg.jpg');}
.w_index .list .bg03 {background-image:url('/img/new_intro/s03_bg.jpg');}
.w_index .list .bg.on {opacity:1;}
.w_index .list > ul {overflow:hidden;}
.w_index .list > ul > li {position:relative; float:left; width:33.333%; height:100vh;}
.w_index .list > ul > li+li {border-left:1px solid rgba(255,255,255,0.23);}
.w_index .list > ul > li .intro_box {overflow:hidden; display:block; height:100vh; padding: 51% 10% 0 10%; text-align: center; transition:all .4s;}
.w_index .list > ul > li:hover .intro_box {opacity:0;}
.w_index .list strong {display:block; font-size:3rem; color:#fff; font-weight:700;}
.w_index .list .box_line {text-align:center; width:30px;height:1px;background:#fff;margin:20px auto;}
.w_index .list p {margin-top:0; font-size:20px; color:#fff; line-height:1.5;  letter-spacing:-0.07em;}
.w_index .list .box_a {    width: 70%; margin: 30px auto; border: 1px solid #fff; padding: 10px; margin-top:60px;}
.w_index .list .box_a p{font-size:18px;}
.w_index .list li .over {position:absolute; top:0; left:0; width:100%; height:100%; padding: 51% 10% 0 10%; text-align: center; opacity:0; transition:all .4s;}
.w_index .list li.s01 .over {background:rgba(0,0,0,0.5);}
.w_index .list li.s02 .over {background:rgba(0,0,0,0.5);}
.w_index .list li.s03 .over {background:rgba(0,0,0,0.5);}
.w_index .list li:hover .over {opacity:1;}
.w_index .list li .title {position:relative;}
.w_index .list li .title strong {}
.w_index .list li .title span {position:absolute; bottom:5px; right:0; font-family:'Gotham book',sans-serif; letter-spacing:0; font-weight:500; font-size:16px; color:#fff; vertical-align:baseline;}
.w_index .list .over ul {overflow:hidden; margin-top:55px; margin-left:-7px;}
.w_index .list .over li {margin-bottom:12px; }
.w_index .list .over li a {display:block;  border:1px solid rgba(255,255,255,0.33); font-size:19px; color:#fff; line-height:60px; font-weight:700; background:url('../images/index/icon_arr02.png') no-repeat right 15px center; transition:all .4s;}
.w_index .list .s03 .over li {float:left; width:100%; padding-left:7px;}


.w_index .list .over li:hover a {background-color:rgba(255,255,255,0.22);}




.intro_box{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.intro_box strong {display:block; font-size:20px; color:#fff; font-weight:700;}
.intro_box .box_line {text-align:center; width:30px;height:1px;background:#fff;margin:20px auto;}
.intro_box p {margin-top:0; font-size:14px; color:#fff; line-height:1.5;  letter-spacing:-0.07em;}
.intro_box .box_a {    width: 70%; margin: 15px auto; border: 1px solid #fff; padding: 10px; margin-top:60px;}
.intro_box .box_a p{font-size:18px;}




.logo_text_box{
    padding:25px 10px;
    background:#f7f7f7;
}
.logo_text_box div{font-size:16px;}
.logo_text_box div span{font-weight:bold;}

.logo_a_box{
    justify-content: center;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    width: 87%;
}
.inbox .logo img{width:100%}

.logo_a_box_footer{position:absolute;bottom:50px;width:100%;display:flex; gap:10px 10px; align-items: center; justify-content: center;}

/*
#q_menu2 {width:145px; margin-top:47%;}
#q_menu2 li {}
#q_menu2 li+li {margin-top:10px;}
#q_menu2 li a {position:relative; display:block; padding-right:36px;}
#q_menu2 li a:after {position:absolute; top:0; right:0; width:30px; height:30px; border-radius:50%; background:url('../images/common/icon_qmenu.png') no-repeat #111111; content:''; transition:all .4s;}
#q_menu2 li:hover a:after {background-color:#333}
#q_menu2 li span {display:inline-block; width:110px; padding-right:30px; font-size:14px; color:#fff; line-height:30px; text-align:right; border-radius:15px; background:#111111; transition:all .4s;}
#q_menu2 li:hover span {background-color:#333}
#q_menu2 li:nth-child(1) a:after {background-position:0 0;}
#q_menu2 li:nth-child(2) a:after {background-position:10% 0;}
#q_menu2 li:nth-child(3) a:after {background-position:20% 0;}
#q_menu2 li:nth-child(4) a:after {background-position:30% 0;}
#q_menu2 li:nth-child(5) a:after {background-position:40% 0;}
*/
.w_index #quick {position:relative; bottom:0; right:0; height:300px; margin-top:50px;}
.w_index #kakao_pop,
.w_index #tel_pop,
.w_index #facilities_qpop,
.w_index #branch_qpop {right:auto; left:25%; margin-left:60px;}


.w_index #km_quick {position:relative; bottom:0; right:0; height:300px; margin-top:50px;}


.m_index{

}



@media all and (max-width:1750px){
    .w_index .list > ul > li .box {padding-left:8%;padding-right:8%;}
    .w_index .list li .over {padding-left:8%; padding-right:8%;}
    .logo_text_box div {font-size: 15px;}
    .inbox .inbox_div {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        max-width: 100%;
    }
}
@media all and (max-width:1600px){
    .w_index .list > ul > li .box {padding-left:5%;padding-right:5%;}
    .w_index .list li .over {padding-left:5%; padding-right:5%;}
}
@media all and (max-width:1540px){
    .logo_text_box div {font-size: 14px;}
    .logo_a_box div a {font-size: 18px;}
}
@media all and (max-width:1445px){
    .logo_text_box div {font-size: 13px;}
    .logo_a_box div a {font-size: 17px;}
}
@media all and (max-width:1380px){
    .w_index .list strong {font-size:2.5rem;}
    .logo_text_box div {font-size: 12px;}
    .logo_a_box div a {font-size: 15px;}
}
@media all and (max-width:1250px){
    .w_index .list strong {font-size:2rem;}
    .logo_text_box div {font-size: 11px;}
    .logo_a_box div a {font-size: 13px;}
}
@media all and (max-width:1250px){
    .logo_text_box div {font-size: 10px;}
    .logo_a_box div a {font-size: 11px;}
}

@media all and (max-width:1100px){
    .logo_text_box {padding: 25px 5px;}
    .w_index .list p {font-size: 20px;}
    .logo_a_box div a {font-size: 10px;}
    .w_index{display:none;}
    .m_index{display:block;}
    .header{display:block;}
}