@charset "euc-kr";
/* reset style [start] */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code, href
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; } /* vertical-align: baseline; outline: 0;  */
body { line-height:1.2em; font-size:12px; color:#777; font-family: Tahoma, Dotum; -webkit-text-size-adjust:none;}
ol, ul, li { list-style:none;}
blockquote, q { quotes:none;}
ins { text-decoration:none;}
del { text-decoration:line-through;}
a { text-decoration:none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-spacing:0; border-collapse: collapse;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;} /*  */
legend { display:block; overflow:hidden; position:absolute;left:0; top:-5000px; visibility:hidden; height:0; width:0; font-size:0;}
fieldset { border:0 none;}
caption { visibility:hidden; height:0; width:0; font-size:0;}
/* reset style [end] */
input[type=text]:focus { border: 1px solid #ededed;}
input[type=password]:focus { border: 1px solid #ededed;}
input,textarea,select { font-size:12px; color:#555;  border: 1px solid #ededed;}
a { onfocus : "this.blur();" }
.clear { clear:both;}
.png24 { tmp:expression(setPng24(this));}
#wrap {width:100%; padding:0; margin:0 auto;}
#wrap #logo {width:100%; padding:0; margin:0; position:relative;}
#wrap #visual {width:100%;margin:0 auto;padding:0;}
#wrap #nav {width:100%;}
#wrap #nav ul {
    width:100%;
    overflow:hidden;
}
#wrap #nav ul li {
    width:25%;
    float:left;
    display:block;
}

#wrap .bottom {
    width:100%;
}
#wrap #main_ban {
    margin: 0 auto 10px;
}

#wrap #main_ban2 { width:100%; margin:0 auto; padding:0; list-style:none; display:block; overflow:hidden; }
#wrap #main_ban2 .ban_left {width:50%; float:left;}
#wrap #main_ban2 .ban_left ul {width:100%; padding:0; margin:0;}
#wrap #main_ban2 .ban_left ul li {width:100%; padding:0; margin:0; float:left;}
#wrap #main_ban2 .ban_left ul li a { display:block; overflow:hidden; }
#wrap #main_ban2 .ban_right {width:50%; float:left;}
#wrap #main_ban2 .ban_right ul {width:100%; padding:0; margin:0;}
#wrap #main_ban2 .ban_right ul li {width:100%; padding:0; margin:0; float:left;}


#wrap #main_ban ul {
    display:block;
    overflow:hidden;
}

#wrap #bottom_bt {
    width:100%;
    padding: 20px 0 0;
}
#wrap #bottom_bt ul {
    width:100%;
    overflow:hidden;
}
#wrap #bottom_bt ul li {
    width:50%;
    box-sizing:border-box;
} 
#wrap #bottom_bt ul li.left {
    padding-right:21px;
    float:left;
}
#wrap #bottom_bt ul li.right {
    padding-left:21px;
    float:right;
}
#wrap #footer {
    padding: 20px 0 0;
    text-align:center;
}
#wrap #footer .info {
    padding: 0 10px;
}
#wrap #footer .info span {
    line-height:18px;
    font-size: 12px;
    font-family: 'Dotum';
    padding:0 12px;
    border-right:1px solid #aaa;
}
#wrap #footer .info span.first {
    padding-left:0;
}
#wrap #footer .info span.last {
    padding-right:0;
    border-right:0;
}
#wrap #footer .copy {
    text-align: center;
    width: 100%;
    padding:10px 0 15px;

}
#wrap #footer .copy span {
    display: block;
    font-size: 12px;
    font-family: 'Arial';
}
#wrap #footer .copy b { color:#ff6101 }


#wrap .pcver {
    width:170px;
    height: 30px;
    box-sizing: border-box;
    margin: 0 auto 20px;
    background-color:#f6f6f6;
    border:1px #ddd solid;
    text-align:center;
}
#wrap .pcver a {
    color: #252525;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
}
/* subpage */
#wrap #cont {
    width:100%;
    margin:0 auto;
    padding:0;
}
#wrap #cont ul {
    width:100%;
    overflow:hidden;
}
#wrap #cont ul li {
    width:100%;
    position:relative;
    text-align:center;
    display:block;
}
#wrap #cont ul .last {
    width:100%;
    padding:0;
    margin-bottom:30px;
    position:relative;
    text-align:center;
    list-style:none;
}
/* sub1 */
#wrap #cont ul li.map {
    width: initial;
    padding: 0 10px;
    margin-bottom: 50px;
}
/* sub2, 3 */
#wrap #cont ul li.board1 {
    width:initial;
    padding:0 10px;
    margin:10px 0 30px;
}
/* sub4 */
#wrap #cont ul li.btn {
    width: initial;
    padding: 0 97px;
}


/*¼­ºêÆäÀÌÁö ¹öÆ°*/
#wrap #cont #sub_btn {width:100%;}
#wrap #cont #sub_btn li {width:25%; float:left;}