.pc {display: block;}
.mo {display: none !important;}
.h100 {height: 100vh; min-height: 960px;}
.ls-00 {letter-spacing: 0;}
.uppercase {text-transform: uppercase;}
.container {position: relative;}

#logo {padding: 0; /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */}
#header{position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; letter-spacing: 0.05em; transition: .5s; padding: 0; color: #fff;}
#header.active {background-color: #fff;color:#000}
#header a {color:#fff; transition: .5s;}
#header.active a {color:#000}

#header .header_wrap {align-items: center;    padding: 1rem 0;    position: relative; width: 90%;}
#header .header_wrap .gnb li {cursor: pointer; position: relative;}
#header .header_wrap .gnb li:after {content: ''; height: 1px;width: 0; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #000;  transform-origin: center;position: absolute; transition: .3s;}
#header .header_wrap .gnb li.h::after {width: 100%;}
#header .header_wrap .gnb li.h p {font-weight: 700;}
#header .header_wrap #nav.pc .flex-between {gap: 1rem;}

#quick .quick_wrap {position: fixed; right: 0;	top: 50%; display: flex;    flex-direction: column;    flex-wrap: wrap;     transform: translateY(-50%); z-index: 998; background-color: #fff; width: 125px; background-color: transparent;} 
#quick .quick_wrap li {width: 100%; height: 120px; position: relative; overflow: hidden; cursor: pointer; font-weight: 600; }
#quick .quick_wrap li:last-child {height: 36px;}
#quick .quick_wrap li::after {content: '';width: 80%; bottom: 0; position: absolute; height: .7px; background-color: #fff;}
#quick .quick_wrap li:nth-child(1)::after ,#quick .quick_wrap li:nth-child(5)::after,#quick .quick_wrap li:nth-child(6)::after  {display: none;}
#quick .quick_wrap li.sp-bg::before {content: ''; width: 100%; height: 100%; position: absolute; background-color:var(--pointcolor); opacity: .6; z-index: -1;}

.modal_wrap{background-color: rgba(0,0,0,.5);    width: 100%;    height: 100vh;    position: fixed;    z-index: 99999;}
.modal_wrap, .pop {display: none; }
.modal_wrap.on, .pop.on {display: block;}
.pop {position: absolute;    top: 50%;    left: 50%;    background: #fff;    transform: translate(-50%,-50%);    max-width: 936px;    padding: 4rem;     min-width: 480px;}
.pop h1 {border-bottom: 1px solid #ccc}
.close {float: right; cursor: pointer;}    

.pop {min-width: 350px;     height: 800px; overflow-y: scroll; padding: 4rem 3rem;}
 /* .pc {display: none !important;}
    .pc.sp {display: none !important;}
    .mo {display: block  !important;}  */

    #header, #header.active {background-color: #fff;color:#000}
    #header a ,#header.active a {color:#000}    
     /*#header .header_wrap {width: 90%; padding: 1.5rem 0;} */

    /* #logo {width: 40%;} */

    .burger {cursor: pointer;}

    #nav_m {position: fixed; height: 100vh; z-index: 9998;transform: translateX(360%); transition: .6s;}
    #nav_m.on {transform: translateX(235%);}
    #nav_m .gnb_wrap {height: 100%; padding: 0 3rem;}
    #nav_m .gnb_wrap .gnb {padding-top: 6.250rem; padding-bottom: 8rem;}
    #nav_m .gnb_wrap .gnb .menu {cursor: pointer;}
    #nav_m .gnb_wrap .gnb .menu p {opacity: .6; transition: .2s; position: relative; font-size: 2rem;}
    #nav_m .gnb_wrap .gnb .menu:hover p {opacity: 1;}
    #nav_m .gnb_wrap .gnb .menu p::after {content:'>';position: absolute; color: rgba(255,255,255,.6); font-weight: 400; right: 5%; opacity: 0; transition: .2s;}
    #nav_m .gnb_wrap .gnb .menu:hover p::after {opacity: 1;}
    #nav_m .gnb_wrap .login {width: 150px;border-radius: 30px;background-color: #6db6df;padding: 1rem 6.25rem;}   
    @media (max-width: 1580px){
        #nav_m {transform: translateX(200%); width: 50%;}
        #nav_m.on {transform: translateX(100%);}

    }
    /* @media (max-width: 1240px){
        #logo {width: 40%; position: relative; top: auto; left: auto; transform: none;} 
    } */
@media(max-width:1440px) {
    #header .header_wrap #nav.pc p.font-18 {font-size: 1rem;}
}

@media(max-width:1240px) {
    #header .header_wrap  #logo.width10 {width: 20%;}
    #header .header_wrap .markbox.width35 {width: 80%; justify-content: flex-end;}
}

@media (max-width: 1180px){
    #header .header_wrap {width: 95%;}
}
@media (max-width: 990px){
    .pc {display: none !important;}
    .pc.sp {display: none !important;}
    .mo {display: block  !important;} 

    #header, #header.active {background-color: #fff;color:#000}
    #header a ,#header.active a {color:#000}    
    #header .header_wrap {width: 90%; padding: 1.5rem 0;}

    /* #logo {width: 40%; position: relative; top: auto; left: auto; transform: none;} */



    #nav_m {position: fixed; height: 100vh; z-index: 9998;transform: translateX(100%); transition: .6s; width: 100%;}
    #nav_m.on {transform: translateX(0);}
    #nav_m .gnb_wrap {height: 100%; padding: 0 5rem;}
    #nav_m .gnb_wrap .gnb {padding-top: 6.250rem; padding-bottom: 8rem;}
    #nav_m .gnb_wrap .gnb .menu {cursor: pointer;}
    #nav_m .gnb_wrap .gnb .menu p {opacity: .6; transition: .2s; position: relative; font-size: 3rem;}
    #nav_m .gnb_wrap .gnb .menu:hover p {opacity: 1;}
    #nav_m .gnb_wrap .gnb .menu p::after {content:'>';position: absolute; color: rgba(255,255,255,.6); font-weight: 400; right: 5%; opacity: 0; transition: .2s;}
    #nav_m .gnb_wrap .gnb .menu:hover p::after {opacity: 1;}
    #nav_m .gnb_wrap .login {width: 150px;border-radius: 30px;background-color: #6db6df;padding: 1rem 6.25rem;}   

    .gnb_wrap {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */ overflow-y: scroll;}
    .gnb_wrap::-webkit-scrollbar {display: none;}    

    #quick .quick_wrap {top: auto;flex-direction: row;transform: translateY(0);width: 100%;bottom: 0 !important;flex-wrap: nowrap;}
    #quick .quick_wrap li {height: 80px;}
    #quick .quick_wrap li:last-child {display: none;}
    #quick .quick_wrap  p {display: none}
    #quick .quick_wrap li::after {width: 0.7px;bottom: auto;height: 80%;right: 0;}

    #to_top_m {z-index: 9997;width: 60px;height: 60px;background-color: #005280;position: fixed;bottom: 15%;right: 5%;  display: flex !important; cursor: pointer; }

    .close {width: 20px;}
    .pop {min-width: 350px;     height: 500px; overflow-y: scroll; padding: 4rem 3rem;}


}   

@media(max-width:500px) {
    #header .header_wrap  #logo.width10 {width: 40%;}
    #header .header_wrap .markbox.width35 {width: 60%;}
}

@media (max-width: 375px){
    #nav_m .gnb_wrap {padding: 0 3.25rem;}
}

/*****footer******/
#footer  {background: #000;}
#footer .policy {border-bottom: 1px solid #f0f0f0;}
#footer .font-15, #footer .font-18 { font-size: 1.500rem; }
#footer .company ul li {padding-left: 1rem;}
#footer .company ul li:first-child {padding-left: 0;}


@media (max-width: 990px){
    #footer .company ul.flex-wrap {flex-direction: column;}
    #footer .company ul li {padding-left: 0;}
}