@charset "utf-8";

/*구글 웹폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*  전체 영역  */	
#wrap { display:block; position:relative; width:100%; /* background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x; */}
#wrap_sub { display:block; position:relative; width:100%; /*background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x; */}

/* top */	
#header { display:block; position:relative; z-index:3; width:1000px; height:122px;margin:0 auto; top:0; }
.tm {  float:right; position:absolute; z-index:2; right:0; width:450px; padding:70px 0 0 0; text-align:right; }
.tm img { padding:0; margin:0 -2px; }
.tm a { color:#313131; padding:0; height:27px; text-decoration:none; font-family:'dotum'; font-size:11px; margin:0 2px; letter-spacing:-0.1em;}
.tm span.adm a { color:#d80000;  font-family:'dotum'; font-size:11px; margin:0 2px;  letter-spacing:-0.1em;}
.tm .sitemap { color:#313131;  padding:0; height:27px; text-decoration:none; font-family:'dotum'; font-size:11px; margin:0 2px; letter-spacing:-0.1em;}
.tm_logo { padding-top:30px; width:353px; margin:0 auto; text-align:center;}
.tm_tel { float:left; margin-top:47px; }

.span_ll { width:7px; font-size:11px; font-family:'dotum'; color:#999; font-weight:normal; padding:0 1px 0 1px; }
.span_fl { color:#ccc; 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:9; width:100%; height:38px; margin:0 auto;  } 
#gnb_sub { display:inline-block; position:relative; z-index:99; width:100%; height:38px; margin:0 auto; top:0; } 
.visual_main_stripe {  display:block; position:absolute; z-index:2; top:0; height:260px; width:100%; background-image: url('../images/bg_index.png');background-position: top; background-repeat:repeat-x;  }	
.visual_sub_stripe { display:block; position:absolute; z-index:2; top:122px; height:38px; width:100%; background-image: url('../images/gnb_stripe.jpg');background-position: top; background-repeat:repeat-x; }	

#main_nav {  display:block; display:none; margin:0 auto; width:100%; top:0; left:0; position:absolute; z-index:99999; }
#main_nav_wrapper { width:1000px; position:relative; margin:0 auto; text-align:left; left:0; }
#main_nav_wrapper div ul{ margin:0; padding:0; }
#main_nav_wrapper div ul li { list-style:none; float:left; width:200px; height:38px; cursor:pointer; position:relative; }
#main_nav_wrapper div ul li .square { width:200px; height:38px; position:absolute; }
#main_nav_wrapper div ul li .txt { top:0; left:0; width:200px; height:38px; position:absolute; }
#main_nav_wrapper div ul li .over { width:200px; height:38px; position:absolute; }
		
#sub_nav_mask { margin:0 auto; top:0px; left:0; width:1000px; height:0;overflow:hidden; position:relative; background:none; } 
.sub_nav_wrapper { top:-360px; height:360px; position:absolute; font-family:nanum gothic; font-size:14px; font-weight:bold;}
.sub_nav_wrapper ul li { list-style:none; }
.sub_nav_wrapper a { letter-spacing:-0.01em;text-decoration:none; }

.txt_wrapper1 {  position:absolute; padding:5px 0 15px; background:#006dd2; margin-top:-1px; opacity:1;}
.txt_wrapper1 li a { display:block; float:left; width:160px; text-align:left; padding:4px 20px; margin:0; color:#FFF; }
.txt_wrapper1 li a:hover { display:block; width:160px; padding:4px 10px; margin:0 10px; background:#112445; color:#FFF; }

.txt_wrapper2 { position:absolute; padding:5px 0 15px; margin-left:200px; background:#006dd2; margin-top:-1px; opacity:1;}
.txt_wrapper2 li a { display:block; float:left; width:159px; text-align:left; padding:4px 20px; margin:0; color:#FFF; }
.txt_wrapper2 li a:hover { display:block; width:159px; padding:4px 10px; margin:0 10px; background:#112445; color:#FFF; }

.txt_wrapper3 { position:absolute; padding:5px 0 15px; margin-left:400px; background:#006dd2; margin-top:-1px; opacity:1;}
.txt_wrapper3 li a { display:block; float:left; width:159px; text-align:left; padding:4px 20px; margin:0; color:#FFF; }
.txt_wrapper3 li a:hover { display:block; width:159px; padding:4px 10px; margin:0 10px; background:#112445; color:#FFF; }

.txt_wrapper4 { position:absolute; padding:5px 0 15px; margin-left:600px; background:#006dd2; margin-top:-1px; opacity:1;}
.txt_wrapper4 li a { display:block; float:left; width:159px; text-align:left; padding:4px 20px; margin:0; color:#FFF;  }
.txt_wrapper4 li a:hover { display:block; width:159px; padding:4px 10px; margin:0 10px; background:#112445; color:#FFF; }

.txt_wrapper5 { position:absolute; padding:5px 0 15px; margin-left:800px; background:#006dd2; margin-top:-1px; opacity:1;}
.txt_wrapper5 li a { display:block; float:left; width:160px; text-align:left; padding:4px 20px; margin:0; color:#FFF; }
.txt_wrapper5 li a:hover { display:block; width:160px; padding:4px 10px; margin:0 10px; background:#112445; color:#FFF; }

/* 메인 우측 레이어 */
#main_scroll {  float:left; display:block; position:relative; z-index:999;  width:100%; top:123px; text-align:center; }
#main_scroll .layer { top:0; width:100%; right:0;}

/*  MAIN VISUAL  */	
#visual { display:block; position:relative; top:0; width:100%; height:607px; }
#contents_ms { display:block; overflow:hidden; width:100%; height:607px; margin:0 auto; position:absolute; top:-3px; display:none; } /* top:-25px; 배경상단 위치 */
	
#slider { width:100%; top:0; left:0; height:607px; position:absolute; }
#slider ul { height:607px; position:relative; }
#slider ul li { list-style:none; float:left; width:100%; height:607px; position:absolute; }
#slider ul li div { margin:0 auto; width:100%; height:607px; position:relative; }
	
/* step1 */
.slider_sp1 { width:100%; top:0; left:0; height:607px; position:absolute; }
.slider_sp1 ul { height:607px; position:relative; }
.slider_sp1 ul li { list-style:none; float:left; width:100%; height:607px; position:absolute; }
.slider_sp1 ul li div { margin:0 auto; width:100%; height:607px; position:relative; }
.slider_sp1 ul li div.box1 img { top:220px; left:460px; position:absolute; }
.slider_sp1 ul li div.box2 img { top:0px; left:230px; position:absolute; }
.slider_sp1 ul li div.box3 img { top:0px; left:460px; position:absolute; }
.slider_sp1 ul li div.box4 img { top:220px; left:460px; position:absolute; }
	
/* step2 */
.slider_sp2 { width:100%; top:0; left:0; height:607px; position:absolute; }
.slider_sp2 ul { height:607px; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:607px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; width:100%; height:607px; position:relative; }
.slider_sp2 ul li div.box1 img { top:280px; left:20px; position:absolute; }
.slider_sp2 ul li div.box2 img { top:280px; left:0px; position:absolute; }
.slider_sp2 ul li div.box3 img { top:280px; left:20px; position:absolute; }
.slider_sp2 ul li div.box4 img { top:280px; left:10px; position:absolute;}

/* step3 */
.slider_sp3 { width:100%; top:0; left:0; height:607px; position:absolute; }
.slider_sp3 ul { height:607px; position:relative; }
.slider_sp3 ul li { list-style:none; float:left; width:100%; height:607px; position:absolute; }
.slider_sp3 ul li div { margin:0 auto; width:100%; height:607px; position:relative; }
.slider_sp3 ul li div.box1 img { top:560px; left:19px; position:absolute; cursor:pointer; }
.slider_sp3 ul li div.box2 img { top:490px; left:10px; position:absolute; cursor:pointer; }
.slider_sp3 ul li div.box3 img { top:490px; left:15px; position:absolute;  }
.slider_sp3 ul li div.box4 img { top:490px; left:15px; position:absolute; cursor:pointer; }

/* prev */
#arrowPrev { width:70px; height:115px; position:absolute; top:238px; left:7%; }
#arrowPrev div.img { width:70px; height:115px; position:absolute; }
#arrowPrev div.square { width:115px; height:115px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; left:-50px; }
		
/* next */
#arrowNext { width:70px; height:115px; position:absolute; top:238px; right:7%; }
#arrowNext div.img { width:70px; height:115px; position:absolute; }
#arrowNext div.square { width:115px; height:115px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; }

/* navigation */
#contents_ms_nav { width:146px; height:24px; top:575px; position:relative; margin:0 auto; z-index:99; padding:0; /* background:url('../images/MainVisual/sp_btn_bg.png');*/ }
#contents_ms_nav div { overflow:hidden; width:146px; height:24px; position:relative; margin:0px; }
#contents_ms_nav div ul { width:146px; height:24px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:24px; height:24px; margin:0 4px 0 0;  cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }


/*  메인 본문내용 */
#wrapper { display:block; position:relative; z-index:5; width:100%; text-align:center; top:0; }
#wrapper .bannerTb {  display:block; position:relative; margin:0 auto; width:1080px; top:0; }
#wrapper .bannerBtn {  display:block; position:relative; margin:0 auto; width:1040px; top:18px; padding:0; }
#wrapper .bannerBtn .ltit { margin:0 auto; width:1002px; top:0; padding:40px 0; }

#wrapper .bannerBtn1 {  display:inline-block; position:relative; margin:0 auto; width:1020px; top:14px; padding:0 0 10px 0; }
#wrapper .bannerBtn1 li { float:left; margin:11px; }
span.roll { background:url(../images/mag.png) center center no-repeat; width:235px;	height:242px; position: absolute; z-index:999; } 


#wrapper .cont { margin:0 auto; width:1002px; height:260px; margin-top:30px; padding:0; }
#wrapper .cont ul { width:1002px; margin:0 auto; }
#wrapper .cont .lb { display:inline-block; position:relative;float:left; width:280px; height:185px; border:1px #DDD solid; padding:20px;}
#wrapper .cont .lb .tabImg { height:100px; }
#wrapper .cont .lb .tabBtn a img { float:left; margin:0; padding:0; }
#wrapper .cont .lb .more { float:right;padding:10px 0 0 0;font-size:11px;font-family:dotum;letter-spacing:-0.07em; }
#wrapper .cont .cb { display:inline-block; position:relative;float:left; width:280px; height:185px; border:1px #DDD solid; padding:20px; margin:0 18px; }
#wrapper .cont .rb { display:inline-block; position:relative;float:left; width:318px; border:1px #DDD solid; padding:0; }


/* 서브 비쥬얼 */
#visual_sub { display:inline-block; position:relative; width:100%; height:125px; top:-3px; }
.top_visual_g0 { display:block;width:100%; height:125px; background-image: url('../images/SubVisual/bg0.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g1 { display:block;width:100%; height:125px; background-image: url('../images/SubVisual/bg1.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g2 { display:block;width:100%; height:125px; background-image: url('../images/SubVisual/bg2.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g3 { display:block;width:100%; height:125px; background-image: url('../images/SubVisual/bg3.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g4 { display:block;width:100%; height:125px; background-image: url('../images/SubVisual/bg4.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g5 { display:block;width:100%; height:125px; background-image: url('../images/SubVisual/bg5.jpg');background-repeat:no-repeat; background-position:50%; }

/*  서브 메뉴 부  */
#container{  display:inline-block;  position:relative; width:100%; margin:0 auto; top:-6px; text-align:center; }
#bo_content{ display:inline-block;  position:relative;margin:0 auto; top:0; width:1000px; }
#board {  display:inline-block;position:relative; padding:0; width:1000px; margin:0 auto; top:0;}
#gr_tit {  display:inline-block;position:relative; width:1000px; height:70px; text-align:right; }
.gr_img {  float:left; width:170px; padding:0;} 
.gr_nav {  float:left; width:1000px; margin-top:0; padding:0; } 
#bo_tit { display:inline-block; width:1008px; height:60px; margin-top:40px;  background-image: url('../images/bo_titie_bg.png'); background-position: left;background-repeat:repeat-y; }
#bo_tit .bo_img {  float:left; padding:10px 0 0 45px; clear:both; font-size:27px; font-family:nanum gothic; color:#000; letter-spacing:-0.07em; } 
#bo_tit .bo_nav {  float:right; text-align:right; padding:22px 20px 0 0; } 
#cont { display:inline-block;  position:relative;width:1000px; min-height:500px; padding:0; top:35px; text-align:left;  } 
.navi { font-size:11px; font-family:'dotum';color:#444;letter-spacing:-1px; }
.navi a { font-size:11px; font-family:'dotum';color:#444;letter-spacing:-1px; }


/* SNB */
.snbBtn { display:block; position:relative; width:1000px; height:40px;margin:0 auto; font-family:nanumgothic; font-size:1.15em; font-weight:bold; letter-spacing:0em; background:#FFF; border:1px #DDDDDD solid; border-top:none;}
.snbBtn .nav { position:relative; background:#FFF; }
.snbBtn .nav ul { margin:0; padding:0; }
.snbBtn .nav li { list-style:none; display:inline-block; float:left; /* width:12.4%; */ height:29px; padding:11px 25px 0 25px; /* 깜빡임 없앰 -> */background:#FFF; color:#444; border-right:1px #DDDDDD solid; text-align:center; cursor:pointer; }
.snbBtn .nav li a:hover { background:#006DD2; color:#FFF;  }
.snbBtn .nav li span { float:left; margin-top:-11px; margin-left:-25px; margin-right:-25px;  width:100%; height:29px; padding:11px 25px 0 25px; background:#006DD2; color:#FFF; text-align:center; cursor:pointer;  }


/* COPYRIGHT */
#fb_banner { display:block; position:relative; width:100%; height:60px; top:30px;  border-top:1px #d9d9d9 solid; border-bottom:1px #d9d9d9 solid;  background:#FFF;}
.fb { width:1060px; margin:0 auto;  }

#foot { display:block; position:relative; width:100%; text-align:center; top:30px; background:#EDEDED; /*background-image: url('../images/copyright_bg.png'); */ }
.copyright { width:1000px; margin:0 auto; text-align:left; padding:30px 0 30px 0;}
.copyright .add { text-align:center; }
.copyright .add img { vertical-align:top; overflow:hidden;}
.copyright .privacy { display:block; position:absolute; z-index:1; width:180px; height:18px; top:55px; margin-left:590px; cursor:pointer;  }
.copyright .sns { display:block; position:relative; z-index:9; width:70px; margin-top:-60px; margin-left:760px;  }


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

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


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:34px; margin:0 auto; margin-bottom:55px; font-family:nanumgothic; font-size:1.1em; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { display:inline-block;height:34px; /*background:#EEEEEE;*/ 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 25px 0 24px; 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:34px; margin-top:-9px; margin-left:-24px;  margin-right:-25px; 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:-25px;height:25px; padding:9px 25px 0 24px; background:#20C1F0; color:#FFF; letter-spacing:-0.05em;text-align:center; cursor:pointer; /*z-index:2; background:#FA3C6A; color:#fff; */}
.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;  }

/* 우측 퀵메뉴 스크롤용 */
#qm { position:relative;  height:100%; top:-125px; }
#qm_list {position:absolute; z-index:9; width:100px; right:0; background:#3e3e3e; }

#qm_nb {margin:0;padding:0; list-style:none}
#qm_nb li { text-align:center; }
#qm_nb li:last-child { border-bottom:none; }
#qm_nb a { display:block; padding:0;text-decoration:none }
#qm_nb a:hover { background:#111111;  }