@charset "utf-8";

/* Navigation styles */
header { position: relative; }
#footer {width:100%;height:125px;/*background-color:#efefef*/}
.footer {width:1066px; margin:0 auto}

.main-nav-menu {width:100%; padding-top:20px; background-color:#fff; border-bottom: 2px solid #888; position: relative; z-index: 10; }
.main-nav-list { float:right;height:68px;position: relative; text-align: justify; }
.main-nav-list li { display: inline-block; }
.main-nav-link { color: #000; display: block;padding: 0 5px; }
.main-nav-drop .drop-menu { position: absolute; top: -280px; z-index: 5; box-shadow: 0px 0px 0px #aaa; box-sizing: border-box; height: 250px; -webkit-transition: top .5s ease; transition: top .5s ease; width: 100%; }
.main-nav-drop .drop-menu.active { top:0; margin-top: 100px; }
.main-nav-drop .drop-menu[data-nav-item*='white'] {    background: url(../images/v_btn_bg.png) repeat-x;}
.main-nav-drop .drop-menu[data-nav-item*='orange'] { background-color: orange; border-bottom: 1px solid #cc8400; }
.main-nav-drop .drop-menu[data-nav-item*='yellow'] { background-color: #FFDF00; border-bottom: 1px solid #ccb200; }
.main-nav-drop .drop-menu[data-nav-item*='green'] { background-color: #156715; border-bottom: 1px solid #0c3d0c; }
.main-nav-drop .drop-menu[data-nav-item*='blue'] { background-color: #2121A6; border-bottom: 1px solid #19197b; }
.main-nav-drop .drop-menu[data-nav-item*='violet'] { background-color: #944194; border-bottom: 1px solid #713171; }
.no-csstransitions .main-nav-inverse-drop .drop-menu { display: none; opacity: 1; top: 0; }
.top_menu {font-size:12px;}
.container {width:1066px;height:89px;margin: auto;_overflow: hidden;}
.container-drop {width:1066px;margin: auto;_overflow: hidden;}

/* 실제 메뉴에 관련된 코드 */
.g_menu_w {width:1066px;margin:4px auto 0;}
.s_menu_w {float:right;width:722px;}
.s_menu_w .z_menu_w {float:left;box-sizing:border-box;padding-top:15px;color: #fff;}
.s_menu_w .z_menu_w li {float:left;width:100%;font-size:12px;text-align:left;}