@charset "utf-8";
/* Common */

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
figure,
figcaption {
    margin: 0;
    padding: 0
}

body,
input,
textarea,
select,
button,
table,
p {
    font-family: '나눔고딕';
    font-size: 13px;
    line-height: 1.9em;
    color: #676767;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #555;
    font-weight: 700;
    margin-bottom: .4em;
}

img {
    border: 0
}

strong,
strong a {
    color: #901c49;
}

header,
hgroup,
article,
nav,
footer,
figure,
figcaption,
canvas,
section,
time {
    display: block
}

.blind,
caption {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px
}

a {
    color: #666;
    text-decoration: none
}

a:hover,
a:active {
    color: #444;
    text-decoration: underline
}

.hide {
    display: none
}

.clr {
    clear: both
}

.f_left {
    float: left !important
}

.f_right {
    float: right !important
}

.txt_align_l {
    text-align: left !important
}

.txt_align_c {
    text-align: center !important
}

.txt_align_r {
    text-align: right !important
}

.margin_up {
    margin-top: -18px;
}

.gap {
    clear: both;
    height: 40px;
}

.gap_small {
    height: 10px;
    font-size: 10px;
    clear: both;
}

.gap_line {
    clear: both;
    height: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #d9d9d9
}

.small {
    font-size: 11px;
    padding: 3px;
}

.txt_en {
    font-family: arial !important;
    letter-spacing: normal !important;
}

#backtotop {
    background: #333 url("../img/sprite.png") 0 -60px no-repeat;
    border-radius: 3px 3px;
    bottom: 10px;
    display: none;
    filter: alpha(opacity=50);
    height: 30px;
    opacity: 0.5;
    position: fixed;
    right: 10px;
    transition: 0.3s;
    width: 30px;
    text-indent: -9999px;
}
#backtotop:hover {
    background-color: #000;
    filter: alpha(opacity=100);
    opacity: 1;
}

body{text-align:center;}
#wrap{text-align:left;width:800px;margin:0 auto;padding:40px;}
#header{}
#gnb{border-top:1px dotted #444;border-bottom:1px dotted #aaa;padding:20px 0;margin:10px 0;height:80px;}
#gnb ul{padding:0;margin:0;list-style:none;}
#gnb .menu>li{padding-left:50px;position:relative;}
#gnb .menu>li>span{position:absolute;width:40px;height:40px;left:7px;top:-2px;overflow:hidden;}
#gnb .menu>li>a{text-indent:-9999px;display:block;}
#gnb #ms1{background:url(../images/st1.gif) 0 0 no-repeat;height:100px;width:170px;}
#gnb #ms2{background:url(../images/st2.gif) 0 0 no-repeat;height:50px;width:160px;}
#gnb #ms3{background:url(../images/st3.gif) 0 0 no-repeat;height:50px;width:160px;}
#gnb #ms4{background:url(../images/st4.gif) 0 0 no-repeat;height:50px;width:160px;}
#gnb #ms5{background:url(../images/st5.gif) 0 0 no-repeat;height:50px;width:160px;}
#gnb #ms6{background:url(../images/st6.gif) 0 0 no-repeat;height:50px;}
#gnb #ms7{background:url(../images/st7.gif) 0 0 no-repeat;height:50px;}
#gnb .menu>li.on>span>img{margin-top:-200px !important;}
#gnb a.active{background-position:0 -400px !important;}
#gnb a:hover{background-position:0 -200px !important;}
#footer{border-top:1px dotted #444;padding-top:10px;margin-top:10px;height:80px;position:relative;overflow:hidden;}
#footer a{display:block;}
#footer a:hover{margin-top:-100px;}