@font-face {
    font-family:'title';
    src:url(../font/ns_b.woff) format('woff');
}
@font-face {
    font-family:'content';
    src:url(../font/ns_r.woff) format('woff');
}
@font-face {
    font-family:'visual_h1';
    src:url(../font/arita_sb.woff) format('woff');
}
@font-face {
    font-family:'light';
    src:url(../font/ns_l.woff) format('woff');
}
@font-face {
    font-family:'brandstory';
    src:url(../font/arita.woff) format('woff');
}
@font-face {
    font-family:'brand_light';
    src:url(../font.arita_l.woff) format('woff');
}
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');

body {
    font-family: 'content', sans-serif;
    position: relative;
}
#wrap {}
/*layout*/
#wrap header {/*background-color:aqua;*/}

#wrap footer {}
/*header_wrap*/
#wrap header #header_wrap {}
/*header_content_*/
#wrap header #header_wrap #header_content_wrap {
    width: 1500px;
    overflow: hidden;
    /*background-color:antiquewhite;*/
    margin: 0 auto;
}
#wrap header #header_wrap #header_content_wrap #header_content {
    overflow: hidden;
    height:130px;
}
/*menu*/
#wrap header #header_wrap #header_content_wrap #header_content p {
    float:left;
    margin-top:42px;
    width: 13.333%; margin-right: 30%;
    cursor: pointer; 
}

/*h1*/
#wrap header #header_wrap #header_content_wrap #header_content h1 {
    float:left;
    width: 13.333%; margin-right: 30%;
    margin-top:15px;
}
#wrap header #header_wrap #header_content_wrap #header_content h1 a {}
/*lang*/
#wrap header #header_wrap #header_content_wrap #header_content #lang_ul {
    float:right;
    width: 13.333%;
    margin-top:54px;
}
#wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul {
    overflow: hidden;
    background: url(../images/css_sprites.png) -10px -132px;
    width:122px; height:24px;
    text-align: right;  margin-left:40%;
    
}
#wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li {
    float:left;
    margin-top:3px;
    margin-left:17px;
    
}
#wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li:nth-child(1) {
    width: 30%; 
    
    
}
#wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li:nth-child(1) a {
    display: block;
    text-align: center;
} 
#wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li:nth-child(2) {
    width: 30%;
    text-align: center;
   
    
}
#wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li:nth-child(2) a {}
#wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li a {
    color:#3e3c3d;
    /* font-family: 'title', sans-serif;*/ font-weight: bold;
    display: block;
    
}
/*nav*/  
#wrap header #nav_wrap { 
    position: fixed;
    background-color:rgb(41,41,41,0.6);
    left:0; top:0;
    height: 100%;
    z-index: 99999;
    width: 100%;
   display: none;
}

#wrap header #nav_wrap nav #hide_btn {
    position: absolute;
    z-index: 999;
    font-size:2.250em;
    left:16%;
    top:60px;
    color:#484546;
   
   
}
#wrap header #nav_wrap nav {
    background-color:#fff;
    padding-top:120px;
    /*background-color:pink;*/
    height: 100%;
    width: 20%;
    color:#484546;
    box-sizing: border-box;
}
#wrap header #nav_wrap nav ul {
    width: 100%;
}
#wrap header #nav_wrap nav ul li {
    padding-left:50px; box-sizing: border-box;
    padding-top:10px; padding-bottom: 10px; box-sizing: border-box;
    margin-bottom: 10px;
}

#wrap header #nav_wrap nav ul li:nth-child(1) {
    border-top:1px solid #dbdbdb;
    margin-top:10px; padding-top:24px;
}
#wrap header #nav_wrap nav ul li:nth-child(4) {
    
    
}
#wrap header #nav_wrap nav ul li a {
    color:#484546; 

    font-size:1.375em;
    display: inline-block;
}

#wrap header #nav_wrap nav ul li a:hover {
    font-family: 'title', sans-serif; font-weight: bolder;
    border-bottom: 1px solid #484546; padding-bottom: 4px;
}
/*hover*/
#wrap header #nav_wrap nav ul li #hover_nav {
    overflow: hidden; height: none;
}
#wrap header #nav_wrap nav ul li #hover_nav li {
    padding-top:6px; padding-bottom: 6px; box-sizing: border-box;
}

#wrap header #nav_wrap nav ul li #hover_nav li:nth-child(1) {
    border:0;
}

#wrap header #nav_wrap nav ul li #hover_nav li:nth-child(4) {
    padding-bottom: 0px;
}
#wrap header #nav_wrap nav ul li #hover_nav li a {
     font-size:		1.125em;
    font-family: 'content', sans-serif;
}
#wrap header #nav_wrap nav ul li #hover_nav2 {}
#wrap header #nav_wrap nav ul li #hover_nav2 li {
    padding-top:6px; padding-bottom: 6px; box-sizing: border-box;
}
#wrap header #nav_wrap nav ul li #hover_nav2 li a {
     font-size:	1.125em;
    font-family: 'content', sans-serif;
}

#wrap header #nav_wrap nav ul li #hover_nav2 li:nth-child(1) {
     border:0;
}



#wrap header #nav_wrap nav ul li #hover_nav2 li a {
    font-size:1.125em;
    font-family: 'content', sans-serif;
}


/*부메뉴*/
/*section*/
/*visual시작*/

/*section 4*/
/*footer*/
#wrap footer #footer_wrap {
    background-color:#f3f2f2;
    
}
#wrap footer #footer_wrap #footer_content {
    width: 100%;
    margin:0 auto;
    text-align: center;
    overflow: hidden;
    font-size:0.813em;
    font-family: 'Nanum Gothic', sans-serif;
}
#wrap footer #footer_wrap #footer_content ul {}
#wrap footer #footer_wrap #footer_content ul li {
    margin-top:15px;
}
/*footernth*/
#wrap footer #footer_wrap #footer_content ul li:nth-child(5) {
    border-top:1px solid #d7d7d7;
    padding-top:10px;
    margin-bottom:10px;
}




/*미디어쿼리*/

@media screen and (max-width:1200px) {
    
    /*header*/

    #wrap header #header_wrap #header_content_wrap {
        width:90%;
    }
    
    
    #wrap header #header_wrap #header_content_wrap #header_content {
       
    }
    
   

    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul {
        margin-left:0;
    }
    
        /*nav*/    


    #wrap header #nav_wrap nav #hide_btn {
        position: absolute;
        z-index: 999;
        font-size:2.000em;
        left:18%;
        top:60px;
        color:#484546;


    }
    #wrap header #nav_wrap nav {
      
        padding-top:120px;
        /*background-color:pink;*/
        height: 100%;
        width: 24%;
        
    }
   
    #wrap header #nav_wrap nav ul li {
        padding-left:40px; box-sizing: border-box;
        padding-top:6px; padding-bottom: 6px; 
       
    }


    
    #wrap header #nav_wrap nav ul li a {
        font-size:	1.250em;
    }

   
    /*hover*/
    #wrap header #nav_wrap nav ul li #hover_nav {
        overflow: hidden; margin-bottom: 0px;
    }
    #wrap header #nav_wrap nav ul li #hover_nav li {
        padding-top:4px; padding-bottom: 4px; box-sizing: border-box;
        margin-bottom: 0;
    }

     #wrap header #nav_wrap nav ul i #hover_nav li:nth-child(4) {
        margin-bottom: 0;
    }
    
  
    #wrap header #nav_wrap nav ul li #hover_nav li a {
         font-size:1.063em;
        font-family: 'content', sans-serif;
    }
    
    #wrap header #nav_wrap nav ul li #hover_nav2 li {
        padding-top:4px; padding-bottom: 4px; box-sizing: border-box;
    }

    #wrap header #nav_wrap nav ul li #hover_nav2 li a {
        font-size:1.063em;
        font-family: 'content', sans-serif;
    }
    
    
    /*content1*/
    
    #wrap footer #footer_wrap {
        width: 100%;
    }
    
    #wrap footer #footer_wrap #footer_content {
        width: 100%;
    }
}
/*미디어쿼리 1200종료*/

@media screen and (max-width:979px) {
    
    
    
    
    /*header*/
    
    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul {
        background: none; width: 66px; height: 63px;
    }
    
    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul {
        margin-left:50px;
    }
    
    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li:nth-child(1) {
        display: none;
    }
    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li:nth-child(2) {
        background-image: url(../images/lang_2.png);
        margin:0; width:63px; height: 33px;
        padding-top:8px; background-repeat: no-repeat;
    }
    
    
    
      /*nav*/    
    #wrap header #nav_wrap nav #hide_btn {
        position: absolute;
        z-index: 999;
        font-size:1.875em;
        left:24%;
        top:60px;
        color:#484546;


    }
    #wrap header #nav_wrap nav {
      
  
        width: 30%;
        
    }
   
    #wrap header #nav_wrap nav ul li {
        padding-top: 4px; padding-bottom: 4px;
        
    }
    
    /*content1*/
   
    
}/*미디어쿼리 979종료*/

@media screen and (max-width:768px) {
    
    /*lang_ul*/
    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul{margin-left
        :10px;}
    
      
        /*nav*/    


    #wrap header #nav_wrap nav #hide_btn {
        
        font-size:2.000em;
        left:30%;
        top:60px;
        color:#484546;


    }
    #wrap header #nav_wrap nav {
    
        width:40%;
        
    }
   
    
   
    
    
    
    /*product*/
  
    
   
}/*미디어쿼리 767종료*/



@media screen and (max-width:500px) {
     
    
    /*menu*/
    #wrap header #header_wrap #header_content_wrap #header_content p {
        margin-right: 25%; width: 10%;
    }
    #wrap header #header_wrap #header_content_wrap #header_content p img {
         width: 100%;
    }
    
    #wrap header #header_wrap #header_content_wrap #header_content h1 img{
        width: 100px;
    }
    #wrap header #header_wrap #header_content_wrap #header_content h1 {
        margin-top:24px; width: 100px; margin-right: 0;
    }
    
    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul {
        margin-top:42px;
    }
    
    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul  {
        margin-left: 0px; margin-right: 0; 
        
    }
    
    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li:nth-child(2) {
        background-image: url(../images/lang_3.png); background-position: left  top ; 
        padding-top:12px;
    }
    #wrap header #header_wrap #header_content_wrap #header_content #lang_ul ul li:nth-child(2) a {
        margin-left:-20px; color:#4f4f4f;
    }
    
    
    
    
    #wrap header #nav_wrap nav {
      
        padding-top:80px;
        /*background-color:pink;*/
        height: 100%;
        width:62%;
        padding-top:60px;
        
    }
    
     #wrap header #nav_wrap nav #hide_btn {
        
        font-size:1.625em;
        left:50%;
        top:30px;
        color:#484546;


    }
   
   
    
     #wrap header #nav_wrap nav ul li #hover_nav li {
        padding-top:9px; padding-bottom:9px; box-sizing: border-box;
        margin-bottom: 0;
    }

     #wrap header #nav_wrap nav ul li #hover_nav2 li {
        padding-top:9px; padding-bottom: 9px; box-sizing: border-box;
        margin-bottom: 0;
    }
    
    #wrap header #nav_wrap nav ul li {
        padding-left:30px;  padding-top:7px; padding-bottom: 7px;
    }
    
    #wrap header #nav_wrap nav ul li a {
        font-size:1.125em;
    }

    #wrap header #nav_wrap nav ul li:nth-child(1) {
        padding-top:10px;
        border-top:none;
    }
    
    #wrap header #nav_wrap nav ul li #hover_nav {
        height: none;
    }
    
    #wrap header #nav_wrap nav ul li #hover_nav li a {
        font-size:	1.125em;
    }
    #wrap header #nav_wrap nav ul li #hover_nav2 li a {
        font-size:	1.125em;
    }
    
    /*viusal*/
    
    /*footer*/
    
    #wrap footer {
        
    }
    
    #wrap footer #footer_wrap #footer_content ul li {
        line-height: 1.6em; margin-top:10px;
        font-size:	0.813em;
    }
    
    
}/*미디어쿼리 500px 종료*/