@charset "UTF-8";
/* ------------------------------------------------ */
/* Author : Vaimedia                                */
/* Author URI : http://vaimedia.com                 */
/* Date : 2015-06-01 ~                              */
/* ------------------------------------------------ */

/* Reset */
body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,code,blockquote,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding:0}
ul,ol,li,dl,menu{list-style:none}
img{border:0 none;vertical-align:top}
form,fieldset{border:0 none}
label,input,select,textarea,button{border:0;border-radius:0;font-size:inherit;line-height:normal;vertical-align:middle;/*-webkit-appearance:none*/}
input[type='submit']{cursor:pointer}
button{border:0 none;background-color:transparent;cursor:pointer;outline:0}
button::-moz-focus-inner{padding:0;border:0}/* Fire Fox button style bug */
table{width:100%;border-collapse:collapse;border:0;border-spacing:0;table-layout:fixed}
p{word-break:break-all}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:''}
header,footer,section,article,aside,nav,details,menu,figure,figcaption{display:block;margin:0;padding:0}/* html5 tags */
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1em}

/* Webfont */
@font-face {
    font-family: 'NG';
    font-weight: 400;
    src: url(../fonts/NanumGothic.eot);
    src: local(※),url(../fonts/NanumGothic.woff) format('woff');
}
@font-face {
    font-family: 'NG';
    font-weight: 700;
    src: url(../fonts/NanumGothicBold.eot);
    src: local(※),url(../fonts/NanumGothicBold.woff) format('woff');
}


/* Common */
body, input, select, button, textarea {
    font-family: '나눔고딕', 'NanumGothic', 'NG', '돋움', dotum, sans-serif;
    font-size: 14px; /*0.875em*/
    line-height: 1.857142;
}
legend, .offscreen {
    overflow: hidden; visibility: hidden;
    position: absolute; left: -9999em;
    width: 1px; height: 1px;
    margin: 0; padding: 0; border: 0;
    background: none;
    font-size: 1px; line-height: 1px;
}
.ir {
    display: block;
    float: left;
    margin: 0; padding: 0;
    border: none;
    color: transparent;
    text-indent: -9999em;
    overflow: hidden;
}
.inner {
    width: 1000px;
    margin: 0 auto;
}
/* Clearfix */
.group:after {
    display: block;
    clear: both;
    content: '';
}
::-moz-selection {
    background-color: #df8100;
    color: #fff;
}
::selection {
    background-color: #df8100;
    color: #fff;
}
a, a:link, a:visited {
    color: #22252d; text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #df8100; text-decoration:underline;
}
.eng {
    font-family: Ubuntu, '나눔고딕', 'NanumGothic', 'NG', '돋움', dotum, sans-serif;
}

#skip-navigation a {
    position: fixed; top: -32px; left: 50%; z-index: 100;
    display: block;
    width: 200px; height: 32px;
    margin-left: -100px;
    background: #df8100;
    color: #fff;
    font-size: 0.928em; font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 32px;
}

#skip-navigation a:hover, #skip-navigation a:active, #skip-navigation a:focus {
    top: 0;
}

/* ------------------------------------------------ */
/*                      Layout                      */
/* ------------------------------------------------ */
body {
    width: 100%; min-width: 1000px;
    background: #22252d;
    direction:ltr;
}
#header {
    position: absolute; top: 0; left: 50%; z-index: 30;
    width: 1000px;
    margin-left: -500px;
}
#container {
    position: relative; z-index: 20;
    background: #fff;
}
#visual {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    background: #22252d;
}
#foot-contents {
    position: relative;
    height: 112px;
    color: #808387;
}
#footer {
    position: relative;
    padding: 24px 0 36px;
    border-top: 1px solid #32353c;
    color: #808387;
}

/* ------------------------------------------------ */
/*                      Header                      */
/* ------------------------------------------------ */
#header > h1 {
    float: left;
    margin-left: -85px;
}
#gnb {
    float: right;
}
#gnb > li {
    float: left;
}
#gnb > li > a {
    display: block;
    height: 32px;
    padding: 0 16px;
    border-left: 1px solid #32353c;
    background: #22252d;
    color: #adaeb0;
    font-family: Ubuntu, sans-serif;
    font-size: 0.928em;
    line-height: 32px;
}
#gnb > li:first-child a {
    border: 0;
}
#gnb a:hover, #gnb a:active, #gnb a:focus {
    background: #df8100;
    color: #fff;
    text-decoration: none;
    transition: background-color .5s;
}

/* ------------------------------------------------ */
/*               Local Navigation Bar               */
/* ------------------------------------------------ */
#lnb-wrap {
    position: relative; z-index: 10000000;
    background: #fff;
}
#main #lnb-wrap {
    margin-top: -48px;
}
#lnb-wrap .lnb-inner {
    overflow: hidden;
    position: absolute; top: 0; left: 50%;
    width: 1000px;
    margin-left: -500px;
    background: #fff; background: rgba(255,255,255,.98);
}
#main #lnb-wrap .lnb-inner {
    height: 48px;
}
#sub #lnb-wrap {
    height: 47px;
    border-bottom: 1px solid #e0e0e0;
}
/* 1 Depth */
#lnb > li {
    position: relative;
    float: left;
    width: 189px; height: 248px;
    border-left: 1px solid #e0e0e0;
}
#lnb > li > a {
    position: relative; z-index: 5;
    display: block;
    width: 189px;
    background: url(../../images/img-common.png) no-repeat;
    transition: border-color .5s, background-color .5s;
}
#lnb > li > a:hover, #lnb > li > a:active, #lnb > li > a:focus {
    margin-left: -1px;
    width: 191px;
    border-color: #df8100;
}
/* 2 Depth */
#lnb li li {
    display: none;
    opacity: 0;
}
#lnb li li a {
    display: block;
    height: 28px;
    padding-left: 40px;
    color: #22252d;
    font-size: 0.928em;
    line-height: 28px;
    text-decoration: none;
    transition: background-color .5s;
}
#lnb li a:hover, #lnb li a:active, #lnb li a:focus {
    background-color: #df8100;
    color: #fff;
    font-weight: 700;
}
#lnb li li ul {
    margin-top: 2px;
}
#lnb li li li a {
    height: 24px;
    padding-left: 50px;
    background: url(../../images/img-common.png) no-repeat -350px -57px;
    font-size: 0.857em;
    line-height: 24px;
}
#lnb li li li a:hover, #lnb li li li a:active, #lnb li li li a:focus {
    background: #df8100 url(../../images/img-common.png) no-repeat -350px -97px;
}
#lnb > .lnb-1 > a {
    background-position: 0 -240px;
}
#lnb > .lnb-1 > a:hover, #lnb > .lnb-1 > a:active, #lnb > .lnb-1 > a:focus {
    background-position: -200px -240px;
}
.lnb-show #lnb > .lnb-1 > a {
    background-position: -27px -240px;
}
#lnb > .lnb-2 > a {
    background-position: 0 -300px;
}
#lnb > .lnb-2 > a:hover, #lnb > .lnb-2 > a:active, #lnb > .lnb-2 > a:focus {
    background-position: -200px -300px;
}
.lnb-show #lnb > .lnb-2 > a {
    background-position: -27px -300px;
}
#lnb > .lnb-3 > a {
    background-position: 0 -360px;
}
#lnb > .lnb-3 > a:hover, #lnb > .lnb-3 > a:active, #lnb > .lnb-3 > a:focus {
    background-position: -200px -360px;
}
.lnb-show #lnb > .lnb-3 > a {
    background-position: -8px -360px;
}
#lnb > .lnb-4 > a {
    background-position :0 -420px;
}
#lnb > .lnb-4 > a:hover, #lnb > .lnb-4 > a:active, #lnb > .lnb-4 > a:focus {
    background-position: -200px -420px;
}
.lnb-show #lnb > .lnb-4 > a {
    background-position: -10px -420px;
}
#lnb > .lnb-5 > a {
    background-position: 0 -480px;
}
#lnb > .lnb-5 > a:hover, #lnb > .lnb-5 > a:active, #lnb > .lnb-5 > a:focus {
    background-position: -200px -480px;
}
.lnb-show #lnb > .lnb-5 > a {
    background-position: -27px -480px;
}
/* .lnb-show */
.lnb-show #lnb > li > a {
    margin-top: 16px;
}
.lnb-show #lnb > li > a:hover, .lnb-show #lnb > li > a:active, .lnb-show #lnb > li > a:focus {
    margin-left: 0;
    width: 199px;
    background-color: transparent;
}
#lnb-wrap .lnb-inner .lnb-btn {
    display: block;
    position: absolute; top: 0; right: 0; z-index: 500;
    width: 51px; height: 48px;
    background: #df8100 url(../../images/img-common.png) no-repeat;
}
#lnb-wrap .lnb-inner #open-menu {
    background-position: -60px -180px;
}
#lnb-wrap .lnb-inner #close-menu {
    display: none;
    background-position: 0 -180px;
}
#lnb > li.current > a {
    border-bottom: 4px solid #df8100;
    height: 44px;
}

/* ------------------------------------------------ */
/*                      Footer                      */
/* ------------------------------------------------ */
#foot-notice {
    float: left;
    width: 440px;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #32353c;
}
#foot-notice > h2 {
    position: relative; z-index: 10;
    float: left;
    margin-right: 16px;
}
#foot-notice > h2 > a {
    display: block;
    width: 80px; height: 70px;
    padding-top: 8px;
    border: 1px solid #42454b;
    background: url(../../images/img-common.png) no-repeat 0 0;
    color: #808387;
    font-size: 0.928em; font-weight: 700;
    text-align: center; text-decoration: none;
    transition: border-color .5s, background-position .3s, color .5s;
}
#foot-notice > h2 > a:hover, #foot-notice > h2 > a:active, #foot-notice > h2 > a:focus {
    border-color: #df8100;
    background-position: 0 -90px;
    color: #df8100;
}
#foot-notice li {
    position: relative; z-index: 100;
}
#foot-notice li a {
    overflow: hidden;
    float: left;
    width: 260px;
    padding-left: 12px;
    background: url(../../images/img-common.png) no-repeat -370px 2px;
    color: #adaeb0;
    font-size: 0.928em;
    text-overflow: ellipsis;
    line-height: 2;
    white-space: nowrap; word-wrap: normal;
    transition: color .3s;
}
#foot-notice li a:hover, #foot-notice li a:focus, #foot-notice li a:active {
    color: #df8100; text-decoration:underline;
}
#foot-notice li .date {
    float: right;
    color: #7f8388;
    font-family: Ubuntu, sans-serif;
    font-size: 0.928em;
    line-height: 2;
}
#foot-info {
    float: left;
    width: 240px;
    color: #808387;
    font-family: Ubuntu, sans-serif;
    font-size: 0.928em;
    line-height: 1.384;
}
#foot-info > strong {
    display: block;
    padding-bottom: 6px;
    color: #df8100;
    font-size: 1.846em; font-weight: 400;
}
#foot-info a {
    color: #808387;
    transition: color .3s;
}
#foot-info a:hover, #foot-info a:active, #foot-info a:focus {
    color: #df8100;
}
#foot-menu {
    float: right;
    width: 259px;
}
#foot-menu li {
    float: left;
    margin-left: 4px;
}
#foot-menu li a {
    display: block;
    width: 80px; height: 32px;
    padding-top: 46px;
    border: 1px solid #42454b;
    background: url(../../images/img-common.png) no-repeat;
    color: #919498;
    font-size: 0.857em; font-weight: 700;
    text-align: center; text-decoration: none;
    transition: border-color .5s, background-position .3s, color .5s;
}
#foot-menu li.fm1 a {
    background-position: -90px 0;
}
#foot-menu li.fm1 a:hover, #foot-menu li.fm1 a:active, #foot-menu li.fm1 a:focus {
    background-position: -90px -90px;
}
#foot-menu li.fm2 a {
    background-position: -180px 0;
}
#foot-menu li.fm2 a:hover, #foot-menu li.fm2 a:active, #foot-menu li.fm2 a:focus {
    background-position: -180px -90px;
}
#foot-menu li.fm3 a {
    background-position: -270px 0;
}
#foot-menu li.fm3 a:hover, #foot-menu li.fm3 a:active, #foot-menu li.fm3 a:focus {
    background-position: -270px -90px;
}
#foot-menu li a:hover, #foot-menu li a:active, #foot-menu li a:focus {
    border-color: #df8100;
    color: #df8100;
}
#footer {
    font-size: 0.928em;
    line-height: 1.666;
}
#footer .foot-logo {
    display: block;
    width: 285px; height: 34px;
    margin: 4px 30px 20px 0;
    background: url(../../images/img-common.png) no-repeat -120px -190px;
}
#footer p strong {
    color: #919498;
}
#footer .sep {
    display: inline-block;
    float: none;
    width: 19px; height: 20px;
    vertical-align: top;
    background: url(../../images/img-common.png) no-repeat -370px -30px; *background-position: -370px -33px;
}
#footer .inner {
    position: relative;
}
#footer .inner a {
    display: block;
    position: absolute; top: 0; right: 0;
    height: 34px;
    padding: 0 16px 0 25px;
    border: 1px solid #1a1c22; border-radius: 3px;
    background: #32353c url(../../images/img-common.png) no-repeat -375px -131px;
    color: #717478;
    font-size: 0.928em; font-weight: 700;
    line-height: 34px;
    text-decoration: none;
    transition: border-color .5s, background-color .3s, color .5s;
}
#footer .inner a:hover, #footer .inner a:active, #footer .inner a:focus {
    color: #fff;
    border-color: #df8100;
    background-color: #df8100;
}


/*150722 추가 방문자수 카운터*/
#footer .VT{position:absolute; right:0; bottom:0; font-size:11px;font-family: Ubuntu, sans-serif;}
#footer .VT strong{padding:0 5px 0 8px;}