@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*기본 정보부분*/
body {font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;font-size:9pt;color:#333;margin:0;padding:0;width:100%;background:#fff;text-align:center;-webkit-text-size-adjust:none;position:relative}

html { overflow-y:scroll }

img {border:0px; vertical-align:bottom;}
table {border-collapse:collapse;border-spacing:0px}
img, fieldset {border:0 none;padding:0px} hr,legend {display:none}
input {font-size:9pt;color:#333;font;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;vertical-align:middle}
div,ol,ul,li,dl,dt,dd,h1,h2,h3,p {margin:0px;padding:0px;list-style:none}
ul,ol,li {list-style-image:none;list-style-position:outside;list-style-type:none}
a:link,a:visited,a:active {font-family:dotum;font-size:12px; color:#333;text-decoration:none}
a:hover {font-family:dotum; font-size:12px; color:#000;text-decoration:none}

* {margin:0;padding:0;}

#mobi_wrapper {width:100%; height:100%; margin:0 auto; overflow:hidden; position:relative; }
.contents_wrapper { position:relative;height:100%; }
.main_top_wrap { height:100%; margin:0 auto;  background:#FFF; }
.main_top_wrap .main_top { height:60px; border-bottom:1px #D9D9D9 solid; background:#FFF;}
.main_top_wrap .main_top .tel { left:0; width:60px; height:auto; position:absolute; cursor:pointer; }
.main_top_wrap .main_top .logo { display:block; position:absolute; top:12px; left:0; width:100%; height:0; margin:0 auto; }
.main_top_wrap .main_top .navBtn { right:0; width:60px; height:auto; position:absolute; cursor:pointer; }

.disabeldBox { top:0; left:0; width:100%; height:100%; background:#222; position:absolute; z-index:9999999992; }

/* NATIONAL  */
#national { display:block;position:relative;width:100%; padding:8px 0; text-align:center; background:#3CBEC3; }
#national img { width:11%; margin:0 2px;}


/*  메인  */
#main_wrap {  display:block; width:100%; margin:0 auto; padding:0; }

#main_menu { display:inline-block; position:relative; width:100%; text-align:center; top:0; vertical-align:top;  }
#main_menu ul { list-style:none; padding:0;}
#main_menu li { float:left; width:100%; }

#main_menu1 { display:inline-block; position:relative; width:100%; text-align:center; top:0; vertical-align:top;  }
#main_menu1 ul { list-style:none; padding:0;}
#main_menu1 li { float:left; width:50%; padding:0;}

#main_cont { display:inline-block; position:relative; width:100%; text-align:center; top:0; vertical-align:top;  background:#ddd; }
#main_cont ul {display:inline-block; position:relative;  list-style:none;  margin:15px; }
#main_cont li { float:left; width:100%; }

#main_la { display:inline-block; position:relative; width:100%; text-align:center; top:0; vertical-align:top;  padding:15px; }
#main_la ul { position:relative; list-style:none;}
#main_la li { float:left; width:100%; }

#main_bna { display:inline-block; position:relative; width:95%; text-align:center; margin-top:-10px; margin-bottom:20px; padding:15px 10px 0 10px; background:#232323;}

/* 서브 GNB  */
#sub_wrap { display:block; position:relative; width:100%; top:0px;  z-index:991;}
#sub_wrap .gnb_tb { display:inline-block;width:100%;  margin:0; top:0; background:#1E1822; }
#sub_wrap .gnb_title { display:inline-block; width:100%; padding:10px 0; text-align:center; background:#3CBEC3; color:#fff; font-size:1.5em; font-weight:600; letter-spacing:-0.05em; }
#sub_wrap .snb_tb { display:inline-block;width:100%; margin:0; }
#sub_wrap .snb_title { display:inline-block; width:100%; padding:9px 0 10px 0; text-align:center; background:#3CBEC3; color:#fff; font-size:19px; font-weight:600; letter-spacing:-0.02em; text-indent:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#sub_wrap .snb_title img {  }
#sub_wrap .cate_tb { display:inline-block;width:100%; margin:-1px 0 0 0; }
#sub_wrap .snb_title .nav_arr { color:#fff; font-size:1.3em; font-weight:400; padding:0 10px; font-family:Helvetica; }

/* 서브 CONTENT  */
#sub_wrap .cont { position:relative; width:96%; height:100%; margin:0 auto; text-align:left; margin-top:20px;} /* 게시판외 전체 사이즈 좌우 */


/* 푸터 */
#tail_cont { display:inline-block; position:relative; width:100%; top:0px; vertical-align:top;}
#tail_cont ul { list-style:none; }
#tail_cont li { float:left; width:50%; }

#tail_wrap { display:inline-block; position:relative; position:relative; width:100%; margin-top:-1px;}

#tail_login{ display:inline-block; width:100%;  text-align:center; border-top:1px #ccc solid; background:#FFF;  }
#tail_con_login { width:100%; height:22px; padding:10px 0 10px 0; line-height:25px;}
#tail_con_login li { float:left; text-align:center; width:20%; border-right:0px #4F4F4F solid; }
#tail_con_login li:last-child { border-right:none; }
#tail_con_login li a { color:#000; font-size:14px; letter-spacing:-0.04em;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; }

#tail_con_menu { display:inline-block; width:100%; margin:0 auto; text-align:center; vertical-align:bottom;  border-top:0px #DDD solid; }
#tail_con_menu ul { text-align:center; }
#tail_con_menu li { float:left; width:25%; list-style:none; margin:0;  }
#tail_con_menu li img { margin:0; padding:0;}

#tail_copyright{ display:inline-block; clear:both; text-align:center; background:#eee; padding:20px 0 30px 0; font-size:13px; line-height:18px;letter-spacing:-0.04em; color:#777; }
#tail_copyright p { padding:0 0 15px 0 }
.span_ll { font-size:11px; font-family:'dotum'; color:#777; font-weight:normal; padding:0 7px 0 6px; }

/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { display:block; position:relative; width:100%;  height:28px; margin:0 auto; margin-bottom:20px; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { display:block;position:relative; width:100%;height:28px; background:#EEE; zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block; float:left; width:19.6%; height:21px;  padding:6px 0 0 0; background:#EEE; color:#222; letter-spacing:-0.05em; border-right:1px #fff solid; border-bottom:1px #fff solid; text-align:center; cursor:pointer; }
#bo_cate li a { display:block;position:relative;margin-left:-1px; text-align:center; cursor:pointer; height:21px; margin-top:-6px; margin-left:-0px;  margin-right:-0px; margin-top:-6px; padding:6px 0 0 0; font-size:1em;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;}
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { color:#FFF;text-decoration:none}
#bo_cate #bo_cate_on { display:inline-block; float:left; margin-top:-6px; margin-left:-0px;  margin-right:-0px; width:100%; height:21px; padding:6px 0 0 0; background:#00A4AE; color:#FFF; letter-spacing:-0.05em;text-align:center; cursor:pointer; /*z-index:2; background:#FA3C6A; color:#fff; */}
.td_subject img {margin-left:3px}

/* CATEGORY */ 
#cate { position:relative; text-align:center; background:#F5F5F5; border-top:0px #DDD solid; top:1px;}
#cate span {  padding:5px 0 8px 0; letter-spacing:-0.03em; color:#444; font-size:16px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#cate .off { display:inline-block; width:50%; height:17px; border-bottom:1px #DDD solid; background:#FFF; }
#cate .on { display:inline-block; width:50%; height:17px; border-bottom:1px #DDD solid; color:#3CBEC3; background:#FFF; }
#cate #nav_line { width:100%; height:52px; margin-top:-66px; cursor:pointer; } 
#cate #nav_line div { float:left; width:50%; } 
#cate #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:52px; left:1px; }

#cate1 { position:relative; text-align:center; background:#F5F5F5; border-top:0px #DDD solid; top:1px;}
#cate1 span {  padding:5px 0 8px 0; letter-spacing:-0.03em; color:#444; font-size:16px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#cate1 .off { display:inline-block; width:100%; height:17px; border-bottom:1px #DDD solid; background:#FFF; }
#cate1 .on { display:inline-block; width:100%; height:17px; border-bottom:1px #DDD solid; color:#3CBEC3; background:#FFF; }
#cate1 #nav_line { width:100%; height:52px; margin-top:-66px; cursor:pointer; } 
#cate1 #nav_line div { float:left; width:100%; } 
#cate1 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:52px; left:1px; }