@charset "utf-8";

/* ------------------------------------------------------------
 * Name      : default.css
 * Created   : 2014/04/23 HYJ
 ------------------------------------------------------------ */

* {margin:0; padding:0;}
html {width:100%; height:100%; overflow-y:scroll;}
body {width:100%; height:100%; color:#333; font-size:12px; font-family:Dotum, Gulim, Verdana, Tahoma, AppleGothic, Sans-serif; line-height:18px;}
h1,h2,h3,h4,h5,h6 {font-size:12px; text-align:left;}
img,fieldset,iframe {border:0 none; vertical-align:top;}
ol,ul,li {list-style:none;}
em,address {font-style:normal;}
hr, legend, caption {display:none;}
input, select, textarea {vertical-align:middle;}
em,address{font-style:normal;}
label {cursor:pointer; vertical-align:middle;}
table {width:100%; table-layout:fixed; border-collapse:collapse;}

a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}

select, input, textarea {font-family:Dotum, Gulim, AppleGothic, Sans-serif; color:#333; font-size:12px;}

ul, li {*zoom:1;}
ul:after, li:after {content:""; clear:both; display:block;}

.hidden {position:absolute;font-size:0;width:0;height:0;overflow:hidden;} /* 차지하는 공간과 컨텐츠를 안보이게 함 */
.space {visibility:hidden;} /* 차지하는 공간은 보이지만 컨텐츠는 보이지 않음 */

.btn {margin-top:30px; text-align:center; clear:both;}
.btn p {margin-bottom:20px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#111;}
.btn_r {margin-top:20px; text-align:right; clear:both;}
.btn_l {float:left;}
.btn_t {float:right; margin-top:-20px; padding-right:10px;}

.col1 > * {width:100%!important;}
.col2 > * {width:50%!important;}
.col3 > * {width:33.3%!important;}
.col4 > * {width:25%!important;}
.col5 > * {width:20%!important;}
.col6 > * {width:16.6%!important;}
.col7 > * {width:14%!important;}
.col8 > * {width:12.5%!important;}

/* 최상단 공통바 */
.bar_area {height:31px; background:url(../images/common/bg_header_top.gif) 0 0 repeat-x; font-size:11px;}
.bar_area .set {float:left; padding:7px 0;}
.bar_area .set li {display:inline-block; color:#989898; background:url(../images/common/bu_stick.gif) 0 3px no-repeat; padding-left:13px; margin-left:6px;}
.bar_area .set li:first-child {background:0; padding-left:0; margin-left:0;}
.bar_area .set li a {color:#989898;}
.bar_area .set li.bookmark {background:url(../images/common/ico_bookmark.gif) 0 1px no-repeat; padding-left:17px;}
.bar_area .set li.homepage a {display:inline-block; width:27px; height:17px; overflow:hidden; text-indent:-9999px; vertical-align:middle; position:relative; top:-1px;}
.bar_area .set li.homepage a.on {background:url(../images/common/ico_on.gif) 0 0 no-repeat;}
.bar_area .set li.homepage a.off {background:url(../images/common/ico_off.gif) 0 0 no-repeat;}
.bar_area .set li.today {color:#000;}
.bar_area .set li.weather {background:0; padding-left:0; margin-left:10px; position:relative;}
.bar_area .svc {float:right; letter-spacing:-1px;}
.bar_area .svc .member {display:inline-block; border:1px solid #e1e1e1; background:#fff; margin:5px 0; font-family:Gulim;}
.bar_area .svc .member a {color:#989898; display:inline-block; padding:0 5px 0 8px; background:url(../images/common/bu_stick.gif) 0 3px no-repeat;}
.bar_area .svc .member a:first-child {background:none;}
.bar_area .svc .allmenu {border-left:1px solid #d9dadc; border-right:1px solid #d9dadc; display:inline-block; margin-left:5px;}
.bar_area .svc .allmenu a {color:#565656; padding:5px 20px 5px 8px; display:block; background:url(../images/common/ico_arrow_allmenu.gif) 85px 8px no-repeat;}
.bar_area .svc .allmenu a span {color:#ed4a1f;}
.bar_area .svc .allmenu a:hover {text-decoration:none;}

/* backup 
.bar_area .fms {float:left; border-left:1px solid #dadada;}
.bar_area .fms li {float:left; border-right:1px solid #dadada;}
.bar_area .svc {float:right; padding:5px 0;}
.bar_area .svc li {float:left; font-size:11px; letter-spacing:-1px; background:url(../images/common/bu_stick.gif) 0 3px no-repeat; padding-left:5px; margin-left:5px;}
.bar_area .svc li:first-child {background:none;}
.bar_area .svc li a {color:#666; padding:5px;}
.bar_area .svc li.map a {color:#e34820; background:url(../images/common/ico_arrow_b2.gif) right 7px no-repeat; padding-right:10px;}
*/