/*  전체 영역  */	
#wrap { width:100%; min-width:1200px; }
#wrap_sub { width:100%; }


/* TM */	
#header { display:block; position:relative; z-index:99991; width:1200px; height:70px; margin:0 auto; top:0; }
.tm { float:right;position:absolute; padding:35px 0 0; right:0;}
.tm img { padding:0; margin:0 0 0 6px; }
.tm a { color:#CCC;  text-decoration:none; font-size:9pt; font-family:nanum gothic;  }
.tm .sitemap { color:#CCC;  text-decoration:none; font-size:9pt; font-family:nanum gothic;}
.tm span.adm a { margin:0 0 0 -3px;}
.tm_logo { display:block; position:relative; z-index:99992; width:240px; height:190px; top:0px; margin:0 auto; text-align:center;}

.span_ll { display:inline-block; padding:0 2px; font-size:11px; font-family:'dotum'; color:#777; font-weight:normal; }
.span_fl { color:#999; font-size:13px; font-family:'NanumGothic', 'dotum'; font-weight:bold; letter-spacing:-0.05em; text-decoration:none;  }


/* GNB */
#gnb { display:block; position:relative; z-index:9999; width:100%; height:50px; margin:0 auto;  } 
#gnb_sub { display:block; position:relative; z-index:9999; width:100%; height:50px; margin:0 auto; top:0; } 
.visual_main_stripe {  display:block; position:absolute; z-index:2; top:0; height:200px; width:100%; /*background:#eee; opacity:0.9; background-image: url('../images/gnb_stripe_sub.png');background-position: top; background-repeat:repeat-x;*/}		
.visual_gnb_stripe { display:block; position:absolute; z-index:2; top:0; height:200px; width:100%; /*background-image: url('../images/gnb_stripe_sub.png');background-position: top; background-repeat:repeat-x;*/}	
.gnb_stripe { height:50px; margin-right:0px; position:relative; background:none; background:#fff; /*background-image: url('../images/gnb_stripe_sub.png');background-position: top; background-repeat:repeat-x;*/ }

#gnb_nav { display:none; width:1200px; min-width:1200px; height:50px; margin:0 auto; position:relative; background:none;  } 
#gnb_nav_wrapper { margin:0 auto; width:1200px; position:relative; }
#gnb_nav_wrapper div.default ul{ margin:0; padding:0; }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left; width:240px; height:50px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li .square { width:240px; height:50px; /*background:#661643;*/ position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:240px; height:50px; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:50px; width:240px; height:50px; position:absolute; }		
#gnb_nav_wrapper div.over ul{ top:0px; left:0px; margin:0; padding:0; position:absolute; }
#gnb_nav_wrapper div.over ul li { list-style:none; float:left; width:240px; height:50px; background:#ff0000; cursor:pointer; position:relative; }
		
#snb_nav_mask { top:50px; width:1200px; height:0; overflow:hidden; position:absolute; background:#fff; opacity:1;  border-bottom:1px #eee solid;} 
#snb_nav_wrapper { top:0px; left:0; width:1199px; height:145px; position:relative; margin:0 auto; border-left:1px #eee solid; padding-top:12px; border-bottom:1px #eee solid;}
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; width:240px; height:145px; background:#fff; position:absolute; }
#snb_nav_square .menu ul { padding:0; }
#snb_nav_square .menu ul li { top:0px; left:0px;  padding:0 0 0 20px; list-style:none; float:left; width:220px; height:24px;  line-height:23px; font-family:'Noto Sans Kr';  font-size:14px; color:#666; font-weight:normal; letter-spacing:-0.04em; cursor:pointer; position:relative; }
					
#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; float:left; width:240px; height:145px; position:absolute; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; float:left; width:240px; height:24px; background:#fff; cursor:pointer; position:relative; }
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; width:1px; height:145px; position:absolute; margin-left:-2px; margin-top:-15px;}
					
.logoSide { width:240px; height:100%; overflow:hidden; top:0; left:50%; margin-left:-120px; position:absolute; }
.logoSide_btn { width:100%; height:100%; position:relative; margin-top:-50px; cursor:pointer; }

/*  MAIN VISUAL  */	
#visual_wrapper { display:block; position:relative; width:100%; height:600px; margin-top:50px; text-align:center;background-image: url('../images/bg_visual.jpg');background-position: top; background-repeat:repeat-x;}
.ms { width:1200px; height:600px; margin:0 auto; }

/* 배너 */
#ba_wrapper { display:inline-block; width:100%; text-align:center; margin-top:10px; }
#ba_wrapper ul { display:inline-block; width:1200px; margin:0 auto; }
#ba_wrapper li { float:left; width:296px; text-align:left; padding:0 5px 0 0; }
#ba_wrapper li:last-child { padding:0; }
#ba_wrapper .roll { background:url('../images/ba_over.png')center center no-repeat; width:296px; height:360px; display:block;position:absolute; z-index:1;  margin-left:0px; margin-top:0;}

/* 서브 비쥬얼 */
#visual_sub { display:block; width:1200px; height:150px; margin:0 auto; margin-top:50px; }
.top_visual_g0 { display:block; text-align:center; width:100%; height:150px; background-image: url('../images/SubVisual/bg0.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g1 { display:block; text-align:center; width:100%; height:150px; background-image: url('../images/SubVisual/bg1.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g2 { display:block; text-align:center; width:100%; height:150px; background-image: url('../images/SubVisual/bg2.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g3 { display:block; text-align:center; width:100%; height:150px; background-image: url('../images/SubVisual/bg3.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g4 { display:block; text-align:center; width:100%; height:150px; background-image: url('../images/SubVisual/bg4.jpg');background-repeat:no-repeat; background-position:50%; }

/* SNB */
#snb_tb {display:inline-block; position:relative; z-index:5; width:100%; height:50px; text-align:center; }
.snb_pc { width:1200px; height:50px; margin:0 auto; padding:0;  text-align:center;border-top:1px #ccc solid;  border-bottom:1px #ccc solid;}
.snbBtn { display:block; position:relative;width:1200px; height:50px; margin:0 auto; font-family:'Noto Sans Kr'; font-weight:450; font-size:16px; letter-spacing:-0.05em; }
.snbBtn .nav { width:100%; position:relative; }
.snbBtn .nav ul { width:100%; margin:0; padding:12px 0 0; }
.snbBtn .nav li { list-style:none; display:inline-block; position:relative; padding:0 14px; /* 깜빡임 없앰 -> */ background:#FFF; color:#444; text-align:center; cursor:pointer; line-height:12px;}
.snbBtn .nav li:last-child { border-right:none; }
.snbBtn .nav li a:hover { background:#FFF; color:#009dc3;  }
.snbBtn .nav li span { display:inline-block; margin-left:-14px; margin-right:-14px;width:100%; padding:0 14px; color:#0094e9; text-align:center; cursor:pointer;  }

.cate_tb { display:block; position:relative; width:100%; text-align:center; margin-top:30px; }
.cateBtn { width:1200px; height:30px; margin:0 auto; top:0; font-family:'Noto Sans Kr'; font-size:16px; letter-spacing:-0.02em; }
.cateBtn .nav { margin:0 auto;   }
.cateBtn .nav ul { margin:0; padding:0; }
.cateBtn .nav li { list-style:none; display:inline-block; padding:7px 40px; margin-right:-1px;/* 깜빡임 없앰 -> */ background:none; color:#222; border:1px #ddd solid; cursor:pointer; }
.cateBtn .nav li a:hover { width:100%; color:#000; border:1px #CE128B solid; }
.cateBtn .nav li span { display:inline-block; margin-top:-7px; margin-bottom:-7px; margin-left:-40px; margin-right:-40px;  width:100%; padding:7px 40px; background:#2A2A2A; color:#FFF;  text-align:center; cursor:pointer;  }


/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; width:100%; margin-top:50px; text-align:center; }
#board { width:100%; margin:0 auto; top:0; text-align:center; }
#board .bo_cont { width:1200px; min-height:620px; margin:0 auto; text-align:left;  height:auto !important; }

/* FOOT_CONTENT */
#foot_wrapper { display:inline-block; position:relative; width:100%; text-align:center; top:10px; }
#foot_wrapper ul { width:1200px; margin:0 auto; text-align:center; }
#foot_wrapper .ft_left { float:left; width:600px; }
#foot_wrapper .ft_right { float:left; width:600px; }

#foot_wrapper .ft_left1 { float:left; width:1200px; }
#foot_wrapper .ft_left1 img { float:left; margin:0; }

/* COPYRIGHT */
#foot { display:inline-block; position:relative; width:100%; text-align:center; margin-top:20px; }
.copyright { width:1200px; margin:0 auto; text-align:center; padding:0; background:#DDDDDD;}
.copyright .tail_logo { text-align:center; }
.copyright .ft_menu { text-align:center; font-family:'Noto Sans Kr'; font-size:13px;  font-weight:normal; color:#000;padding:0 0 30px 0;}
.copyright .ft_menu a { font-family:'Noto Sans Kr'; font-size:13px; font-weight:normal; color:#000; text-decoration:none; }
.copyright .ft_menu img { margin:0 -3px 0 0;}
.copyright .span_line { clear:both; display:inline-block; width:8px; border-left:1px #222 solid; color:#000; line-height:12px; margin:0 0 0 10px; }
.copyright .add { text-align:center; font-family:'Noto Sans Kr'; font-size:12px; font-weight:normal; color:#000; line-height:21px; padding:0; }
.copyright .top { text-align:center; padding:30px 0; }
.copyright .privacy { width:255px; margin-top:-95px; margin-left:995px; cursor:pointer;  }

/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; top:0px; text-align:center; border-top:0px #E5E5E5 solid;}
#head_content #head { width:950px;  margin:0 auto; padding:0; }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; padding:30px 0 50px 0; }

/* Go Top 버튼 */
.WapGoTop { display:none; position:fixed; bottom:0; right:0; font-size:0; z-index:999991020;}
.GotopBtn {display:block; position: absolute;bottom:-75px; right:10px; width: 65px; height:65px;	background:url(../images/btn-gotop.png) 0 0 no-repeat;-webkit-background-size: 100%;background-size: 100%;opacity: 0.8;z-index: 999991021; }
.GotopBtn:hover { -webkit-background-size: 100%;background-size:100%; opacity:1; z-index:999991021;  }


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:34px; margin:0 auto; margin-bottom:20px; font-family:'nanum gothic'; font-size:1.1em; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:34px; background:#EEE;  padding-left:1px;width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block; float:left; height:25px;  padding:9px 24px 0 24px; background:#EEE; color:#222; letter-spacing:-0.01em; border-right:1px #fff solid; border-bottom:0px #fff solid; text-align:center; cursor:pointer; }
#bo_cate li a { display:block;position:relative;margin-left:-1px; text-align:center; cursor:pointer; height:34px; margin-top:-9px; margin-left:-24px;  margin-right:-24px; margin-top:-9px; padding:9px 24px 0 24px; }
#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:-9px; margin-left:-24px;  margin-right:-24px;height:25px; padding:9px 24px 0 24px; background:#1A9CEF; color:#FFF; letter-spacing:-0.01em;text-align:center; cursor:pointer; }
.td_subject img {margin-left:3px}


/*  메인 popup   */
#popup_la {  border:0px #ffffff solid; background:#eee;  }
#popup_la .file { }
#popup_la .content { width:400px; height:400px;padding:20px; }
#popup_la .day { width:100%; float:right; text-align:center; background:#eee; color:#000; padding:2px 10px 5px 0; }
#popup_la .day strong { color:#000;  }