.mob{display: none;}
.pc{display: inline-block;}

.wrap{position:relative; width: 1300px; padding-left: 30px; padding-top: 100px; padding-bottom: 130px; height: auto; margin: 0 0 0 355px !important; display: inline-block; vertical-align: top;}

header{z-index: 9999; position:fixed;width: 355px !important; height: 100%; background-color: #707070; display: inline-block;vertical-align: top;}
header .head{width: 100%; height: 100%; position: relative;}
header .head .logo{margin-top: 40px; text-align: center;}
header .head .scroll{ overflow: auto;}
header .head .scroll .collapses{width: 100%; margin: auto; position: relative; z-index: 2;}
header .head .scroll .collapses .collapse-item .collapse-title { background: #707070; border-bottom: 1px solid #fff; height: 60px; padding-top: 20px; padding-left: 75px; text-align: left;}
header .head .scroll .collapses .collapse-item2 .collapse-title2 { background: #707070; border-bottom: 1px solid #fff; height: 60px; padding-top: 20px; padding-left: 75px; text-align: left;}
header .head .scroll .collapses .collapse-item .collapse-title a { display: block; width: auto; color: #fff; font-size: 16px; }
header .head .scroll .collapses .collapse-item2 .collapse-title2 a { display: block; width: auto; color: #fff; font-size: 16px; }
header .head .scroll .collapses .collapse-item .contents { background-color: rgba(0,0,0,.1); font-size: 16px; display: none; }
header .head .scroll .collapses .collapse-item .contents ul a {color: #fff; }
header .head .scroll .collapses .collapse-item .contents ul li {cursor: pointer; width: 100%; height: 60px; border-bottom: #ccc 1px solid; padding-top: 18px; padding-left: 75px; text-align: left;}
header .head .lang{margin: 30px 0;}
header .head .lang img{display: inline-block; vertical-align: middle; padding-left: 75px;}
header .head .lang a{color:#fff; display: inline-block; vertical-align: middle; font-family:'Montserrat'; font-size: 16px; font-weight: 700px;padding-left: 5px;}
header .head .info{margin: 30px 0; padding-left: 75px; font-size: 14px; color: #fff !important;}
header .head .info p{font-size: 14px; color: #fff !important;}
header .head .info div{margin-bottom: 20px;}
header .head .copy{text-align: center; color: #9f9f9f; font-size: 11px; position: absolute; bottom: 80px; left: 0; width: 100%; z-index: -1;}


/*  */
#svb {
    background:url(/images/content/layout/svb_01.png) no-repeat center center;
    height:380px; padding-top:100px; position:relative;
}
#svb .subpage-title .title-bx{
    position: absolute; left: 0; bottom: 0;
    text-align: center;
    background:#fff; border-top-right-radius: 100px; width:100%; height: 196px;
}
#svb .subpage-title {
    display:flex; flex-direction: column; align-items: center;
    justify-content: center; height:100%;
}
#svb .subpage-title p {color:#333; font-weight: 700; margin-top: 50px;}

/*  */
#svb .location {

    width:100%; height:50px;
    color:#333; z-index:10;
    margin-top: 25px;
}
#svb .location .loca-wrap {
    height:100%;
}
#svb .location .home {
    width:30px; height:100%; background:url(/images/content/layout/home_btn.png) no-repeat center center; display:inline-block; vertical-align: middle;
}
#svb .location .menu {
    /* min-width:100px;  */
    height:100%; text-align:center; background:url(/images/content/layout/right_arrw.png) no-repeat left center;
    display: inline-block; padding-left: 10px; position:relative; vertical-align: middle; text-align: center;
}
#svb .location .menu > a {
    color:#333; height:100%; display:flex; align-items: center; justify-content:center; padding:0 12px;
}
#svb .location .menu > ul {
    position:absolute; top:100%; width:100%; background:rgba(0,0,0,0.3); padding:4px 0;
    display:none;
}
#svb .location .menu > ul li {padding:4px 0;}
#svb .location .menu > ul li > a {color:#333;}

/*  */
#m_list{display: none;}
.menu_btn{display: none;}




/* --------------------------------------meadiaquery----------------------------------------- */


/* Tablet */

@media (max-width:1100px) and (min-width:780px){
.wrap{width: 100% !important; padding-right: 30px; height: auto; margin: 0 !important; }
.mob{display: inline-block !important;}
.pc{display: none;}

header{width: 100vw !important; height: 100px; position: relative;}
header .head .logo{margin-top: 15px; margin-left: 30px; text-align: center; width: 130px; }
header .head .logo img{width: 100%;}
header .head .scroll{ overflow: auto;}
header .head .scroll .collapses{position: absolute; top:70px; right: -1920px; width: 90%; height: 100vh; background:#707070; margin-top: 5px; float: right;}
header .head .scroll .collapses .collapse-item .contents { background-color: #666; font-size: 16px; display: none; }
header .head .lang{position: absolute; margin: 0; top: 20px; right: 80px;}
header .head .menubtn{position: absolute;top: 20px; right: 30px; z-index: 9999;}
header .head .menubtn div{position: absolute;top: 0; right: 0; border:none; background:inherit;}
header .head .menubtn .off{display: none;}
header .head .lang img{padding:0;}
header .head .info{display: none;}
header .head .copy{display: none;}

#svb .subpage-title .title-bx{
    position: absolute; left: 0; bottom: -1px;
}

}/* 태블릿종료 */


/* Mobile - Portrait */
@media (max-width:779px){

    .wrap{width: 100% !important; padding-right: 30px; height: auto; margin: 0 !important; }
    .mob{display: inline-block !important;}
    .pc{display: none;}
    
    header{width: 100vw !important; height: 100px; position: relative;}

    header .head .logo{margin-top: 20px; margin-left: 30px; text-align: center; width: 100px; }
    header .head .logo img{width: 100%;}
    header .head .scroll{ overflow-x: scroll;}
    header .head .scroll .collapses{position: absolute; top:70px; right: -1920px; width: 90%; height: 100vh; background:#707070; margin-top: 5px; float: right;}
    header .head .scroll .collapses .collapse-item .contents { background-color: #666; font-size: 16px; display: none; }
    header .head .lang{position: absolute; margin: 0; top: 20px; right: 80px;}
    header .head .menubtn{position: absolute;top: 20px; right: 30px; z-index: 9999;}
    header .head .menubtn div{position: absolute;top: 0; right: 0; border:none; background:inherit;}
    header .head .menubtn .off{display: none;}
    header .head .lang img{padding:0;}
    header .head .info{display: none;}
    header .head .copy{display: none;}

    #svb .subpage-title .title-bx{
        position: absolute; left: 0; bottom: -1px;}

}/* 모바일종료 */