body{font-family: 'Noto Sans KR', sans-serif;
        /*마우스드래그금지*/
        -ms-user-select: none; 
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }
/* header */
.h2Position{position: absolute;left:-9999px;width:1px;height:1px;line-height: 0;font-size:1px;overflow:hidden;}
.background_class{background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;}
.clear0:after{content:"";display:block;clear:both;}

    /*##################### common ########################*/
    #header_wrap{width:100%;height:101px;background-color: #fff;position:relative;position:fixed;z-index: 9999;box-shadow: 0 0 5px rgba(0,0,0,0.1) ;}
    #header{width:70%;margin:0 auto;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
    #logo{ width: 267px;float:left;margin-top:20px;}

    #gnb{width:65%;float:left;margin-left:10%;}
    #gnb li{display:inline-block;padding:0 4%;line-height: 101px;;
        font-weight: normal;letter-spacing: normal;text-align: center;color: #3c3c3c;}

    #m_gnb{display: none;}
    #header_wrap.navbar-fixed-top {
    height:80px;
    position: fixed !important;top: 0;
    background: #fff;box-shadow: 0 0 9px 0 rgb(0 0 0 / 5%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}

    .mo_btn{display:none;}
    #quick{width: 90px;height: 463px;background-color: #fff;border:1px solid #aaa;
        text-align:center;position:fixed;right:1.2%;top:55%;transform: translateY(-50%);z-index: 999;overflow: hidden;}
    #quick .box{width:100%;height:100%;position:relative;}
    #quick ul{width:100%;height:100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
    #quick li{width:100%;margin:0 auto; padding:16px 0; font-weight: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #222;
    font-family: 'Gmarket_M';border-bottom: 0.5px solid #eee;;}
    #quick li:nth-child(1){padding-top:30px;}
    #quick li:last-child{border:0;}
    #quick li p{margin-bottom:8px;}
    #quick .topBtn{width:100%;height:38px;line-height:40px;background-color: #222;color:#fff;font-family: 'Gmarket_B';position: absolute;bottom:-1px;padding:0;}
    #quick .topBtn a{display: block;width:100%;height:100%;}
    #m_quick{display:none;}

    /*##################### footer ########################*/
    #footer{width:100%;background-color: #1b1e27;padding:53px 0;}
    #footer .f_logo{width:278px;margin:0 auto;}
    #footer .eng{font-weight: 300;line-height: 1.91;letter-spacing: 2.75px;text-align: center;color: #85bace;padding-top:30px;}
    #footer .eng span{font-weight: bold;}
    #footer .address{font-weight: 300;line-height: 1.79;letter-spacing: -0.42px;text-align: center; color: #a2a2a2;padding-top:30px;}
    #footer .address a{display: block; color: #ffffff; margin-top: 10px; }
    #footer .address a:hover{color: #85bace; }
    @media all and (max-width: 768px) {
        #header_wrap{width:100%;height:80px;background-color: #fff;position:relative;position:fixed;overflow: hidden;}
        #header{width:100%;margin:0 auto;position:static;transform: translate(0,0);}
        #logo{ width: 50%;float:none;margin:0 auto;height:80px;position:relative}
        #logo img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
       
        #gnb{width:100%;float:none;margin-left:0;background-color:#640d15;padding:10px 0;}
        #gnb li{display:block;padding:0 5px;margin-top:0;line-height:40px;
        font-weight: normal;letter-spacing: normal;text-align: center;color: #fff;}
        
        .mo_btn{display: block;position:absolute;right:0;top:15px;transform:translateY(0);width:50px;height:40px;z-index: 99;}
        .slide-open{position:relative;top:0;width:40px;height:40px;background-color:#ffffff;cursor:pointer;text-align:center;}
        .burgur{left: 15px;top: 23px;position: absolute;width: 20px;height: 2px;background: #000000;}
        .burgur .top-line{width: 20px;height: 2px;background-color: #000000; bottom: -5px;content: '';position: absolute;left: 0;
            -webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
        .burgur .bot-line {width: 20px;height: 2px;background-color: #000000;top: -5px;
            content: '';position: absolute;left: 0;-webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
        .burgur.on { width: 0;}
        .burgur.on .bot-line {-webkit-transform: translateY(5px) rotate(135deg);  transform: translateY(5px) rotate(135deg);}
        .burgur.on .top-line{-webkit-transform: translateY(-5px) rotate(-135deg); transform: translateY(-5px) rotate(-135deg);}
        #quick{display:none;}
        #m_quick{display:block;width: 100%;height: 70px;background-color: #fff;
            text-align:center;position:fixed;right:0;top:auto;bottom:0;transform: translateY(0);z-index: 999;overflow: hidden;}
        #m_quick .box{width:100%;height:100%;position:relative;}
        #m_quick ul{width:100%;height:100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
        #m_quick li{width:20%;height:100%;float:left;  font-weight: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #222;
            font-family: 'Gmarket_M';}
        #m_quick li:nth-child(1){background-color: #5EA821;}
        #m_quick li:nth-child(2){background-color: #48A231;}
        #m_quick li:nth-child(3){background-color: #FFDC00;}
        #m_quick li:nth-child(4){background-color: #28639f;}
        #m_quick li span{display: none;}
        #m_quick li p{width:100%;height:100%;position:relative;}
        #m_quick li p img{height:40%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
        #m_quick .topBtn{height:100%;line-height:70px;background-color: #222;color:#fff;margin:0 auto;font-family: 'Gmarket_B';}
        #m_quick .topBtn a{display: block;width:100%;height:100%;}
        #m_quick .topBtn span{display: block;font-size:14px !important}

        /*##################### footer ########################*/
        #footer{width:100%;background-color: #1b1e27;padding:53px 0 100px;}
        #footer .f_logo{width:278px;margin:0 auto;}
        #footer .eng{font-weight: 300;line-height: 1.91;letter-spacing: 2.75px;text-align: center;color: #85bace;padding-top:30px;}
        #footer .eng span{font-weight: bold;}
        #footer .address{  font-weight: 300;line-height: 1.79;letter-spacing: -0.42px;text-align: center; color: #a2a2a2;padding-top:30px;}
    }

    @media all and (max-width: 480px) {
    
    }