@CHARSET "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 레이아웃 */
.wrap{width:100%;}
.area{position:relative;width:100%;margin:0 auto}
/*.area{position:relative;width:1224px;margin:0 auto}*/
.hide{display:block;position:absolute;left:0;top:0;text-indent:-9999em;width:0;height:0;}

@media (min-device-width : 1366px) {
    .area{position:relative;width:1224px;margin:0 auto}
}

/* 헤더 */
#fixedNavBar{position:fixed;top:0;left:0;width:100%;border:0;z-index:1010;height:62px;background:url(../img/web/header_bg.png)repeat-x 0 0;}
.header{width:100%;background:#2e2e2e;position:relative}
.header .logo{float:left;margin:9px 0 0 28px}
.header .logo a{display:block;}

.nav{margin-left:10px;}
.nav .gnb{position:relative;}
.nav>ul{width:100%; display: flex;}
.nav>ul>li{width:118px;} /*20150513*/
.nav>ul>li>a{display:block;width:118px;height:42px;text-align:center;line-height:42px;font-size:17px;color:#d3d3d3} /*20150513*/

/*.nav{left:234px;position:absolute;top:0;width:100%;}*/
/*.nav .gnb{position:relative;}*/
/*.nav>ul{width:100%;}*/
/*.nav>ul>li{float:left;width:118px;} !*20150513*!*/
/*.nav>ul>li>a{display:block;width:118px;height:42px;text-align:center;line-height:42px;font-size:17px;color:#d3d3d3} !*20150513*!*/
.gnb li ul{position:absolute;left:0; top:40px;display:none;padding:3px 0;width:100%;}
.gnb li ul li{float:left;margin-left:22px;}
.gnb ul li a{color:#aaaaaa}
.nav ul li.on ul{display:block;}
.nav ul li:hover ul{display:block;}
.gnb li.red ul{left:224px;}

.nav ul li.blue>a{border-top:3px solid #49a7e9}
.nav ul li.green>a{border-top:3px solid #a5d432}
.nav ul li.red>a{border-top:3px solid #bf4c4c}
.nav ul li.purple>a{border-top:3px solid #c870c0}
.nav ul li.white>a{border-top:3px solid #cfcfcf}

.nav ul li.on.blue>a{color:#49a7e9}
.nav ul li.on.green>a{color:#a5d432}
.nav ul li.on.red>a{color:#bf4c4c}
.nav ul li.on.purple>a{color:#c870c0}
.nav ul li.on.white>a{color:#cfcfcf}

.nav ul li.blue:hover>a{color:#49a7e9}
.nav ul li.green:hover>a{color:#a5d432}
.nav ul li.red:hover>a{color:#bf4c4c}
.nav ul li.purple:hover>a{color:#c870c0}
.nav ul li.white:hover>a{color:#cfcfcf}

.nav ul li.on.blue ul li:hover a{color:#49a7e9}
.nav ul li.on.green ul li:hover a{color:#a5d432}
.nav ul li.on.red ul li:hover a{color:#bf4c4c}
.nav ul li.on.purple ul li:hover a{color:#c870c0}
.nav ul li.on.white ul li:hover a{color:#cfcfcf}

.nav ul li.on.blue ul li.on a{color:#49a7e9}
.nav ul li.on.green ul li.on a{color:#a5d432}
.nav ul li.on.red ul li.on a{color:#bf4c4c}
.nav ul li.on.purple ul li.on a{color:#c870c0}
.nav ul li.on.white ul li.on a{color:#cfcfcf}

.header .tebmenu{position:absolute;left:700px;top:10px;width: 850px;}
.header .tebmenu.on{left:830px;}
.header .tebmenu dd{display:inline-block;margin-left:10px;}
.header .tebmenu dd a{display:block;width:93px;height:26px;color:#b1b1b1;border-radius:5px;border:1px solid #505050;text-align:center;line-height:26px}

#fullSectionWrap{padding-top:62px;min-height:800px}

.footer{width:100%;height:141px;background:#4d4f54;}
.footer .footer-area{padding:19px 110px 20px 150px;font-size:13px;}
.footer .footer-area .logo{float:left;width:184px;height:42px;margin-top:12px}
.footer .footer-area .address{color:#35363a;margin-left:195px;}
.footer .footer-area .address a{color:#2a2b2e;margin-bottom:3px;}
.footer .footer-area .address p{margin-top:2px;}
.footer .footer-area .address p span{margin-right:10px;}