@charset "utf-8";

* { margin:0; padding:0; letter-spacing: -1px; border: none; }
body { font-size:15px; margin:0; width:100%; height:100%; }
li { list-style:none; }
a { text-decoration:none; cursor:pointer; display:block; }
img { max-width:100%; border:0; display:block; }


#wrap { width:100%; position:relative; }

/* header */
#header { width:100% !important; height:80px; position:relative; top:0; left:0; z-index:9999; background-color:#000; }
#header .submenu_bg { display:none; position:absolute; z-index:-1; left:0; top:80px; width:100%; height:178px; overflow:hidden; background-color:rgba(0, 0, 0, 0.78); }

/* header_inner */
#header .header_inner { display:block; height:80px; position:relative; }

/* header - logo */
#header .header_inner .logo { position:absolute; top:15px; left:15px; width:130px; height:52px; }
#header .header_inner .logo a img { width:100%; }

/* header - menu */
#header .gnb_wrap { position:relative; width:800px; height:80px; margin:0 auto !important; }
#header .gnb { z-index: 99999; }
#header .gnb .menu { height:80px; }
#header .gnb .menu > li { position:relative; width:25%; float:left;  }
#header .gnb .menu > li > a { height:80px; line-height:80px; text-align:center; font-size:18px; font-weight: 900; color: #fff; }
#header .gnb .menu > li > a:hover { color:#cd9d40; }
.line > li::after { height:3px; width:100%; background: #cd9d40; content:""; position:absolute; left:0px; bottom:0; -moz-transform:scaleX(0); -ms-transform:scaleX(0); -webkit-transform:scaleX(0); transform:scaleX(0); -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.line > li:hover::after { -moz-transform:scaleX(1); -ms-transform:scaleX(1); -webkit-transform:scaleX(1); transform:scaleX(1); }


/* header - menu - submenu */
#header .gnb .menu .submenu { display:none; position:absolute; left:0; top:80px; width:100%; height:178px; }
#header .gnb .menu .submenu > ul { margin:8px 0 0 0; }
#header .gnb .menu .submenu > ul > li { text-align:center; }
#header .gnb .menu .submenu > ul > li > a { padding:8px 0px; font-size:14px; height:18px; line-height:18px; color:#fff; }
#header .gnb .menu .submenu > ul > li > a:hover { color:#cd9d40; }

/* header - signUp */
#header .signUp { position:absolute; top:15px; right:15px; }
#header .signUp ul li { float:left; padding:0 8px; }
#header .signUp ul li a { height:20px;line-height:20px; font-size:12px; color:#fff; }
#header .signUp ul li a::before { content:"|"; margin-right:15px; }
#header .signUp ul li:nth-child(1) a::before { content:""; margin-right:0; }

/* header - sns channel */
#header .sns_channel { position:absolute; top:40px; right:15px; width:264px; height:36px;  }
#header .sns_channel ul li { padding:0 15px; float:left; }
#header .sns_channel ul li a img { width:36px; height:36px; }

/* footer */
#footer { width:50%; height:250px; margin:0 auto; display:table; text-align:center; }
#footer .guide { width:100%; height:100%; display:table-cell; vertical-align:middle; }

/* footer - guide_etc */
#footer .guide .guide_etc { width:100%; height:25px; line-height:22px; }
#footer .guide .guide_etc li { display:inline-block; margin:0 15px; }
#footer .guide .guide_etc li a { text-decoration:none; font-size:14px; color:#fff; transition:color 0.5s; }

/* footer - guide_info */
#footer .guide .guide_info { width:100%; height:42px; margin:35px 0; }
#footer .guide .guide_info li { color:#fff; font-size:12px; display:inline-block; padding-right:5px; }
#footer .guide .guide_info .line { height:16px; padding:0 5px; }
#footer .guide p { font-size:12px; color:#fff; }


/* MQ STYLES –––––––––––––––––––––––––––––––––––––––––––––––––– */



/* mobile 768 */
@media all and (min-width:768px) {

    /* header */
    #header {
       
    }
    #header .logo {
        
    }

    #header .gnb {
       
    }
 
    #header .gnb .menu {
       
    }


    #header .etc {
        
    }

    #header .etc li {
       
    }

    #header .sns_channel {
        
    }

    #header .sns_channel li {
        
    }

}


/* tablet 1024 */
@media all and (min-width:1024px) {

    /* header */
    #header {
        
    }

    #header .logo {
        
    }

    #header .logo a {
       
    }

    #header .logo a img {

    }

    #header .gnb {
        
    }

    #header .gnb .menu {

    }

    #header .gnb .menu li {
        
    }

    #header .signUp {

    }

    #header .sns_channel {

    }

}


/* pc */
@media only screen and (max-width:1250px) {

    /* header - signUp */
    #header .signUp {
        display:none;
    }

    /* header - sns_channel */
    #header .sns_channel {
        display:none;
    }


}