@charset "utf-8";

* { margin:0; padding:0; letter-spacing:-1px; }
html,body { width:100%; height:100%; }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body { color:black; letter-spacing:.18em; font-family:'Josefin Sans',Nanum Gothic,'나눔고딕',sans-serif; }
li { list-style:none; }
a { text-decoration:none;; cursor:pointer; display:block; }
img { display:block;  }

/* wrap */
#wrap { width:100%; }

/* 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; text-align:center; }
#header .gnb .menu > li > a { height:80px; line-height:80px; 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 { position:relative; width:100%; height:250px; background-color:#000; }
#footer .footer_wrap { width:50%; height:100%; margin:0 auto; display:table; text-align:center; }
#footer .footer_wrap .guide { width:100%; height:100%; display:table-cell; vertical-align:middle; }

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

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

#footer .footer_wrap .guide p { font-size:12px; color:#fff; }



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

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

}


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

}

/* pc 1300 */
@media all and (min-width:1615px) {

}