@charset "utf-8";

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

/*  전체 영역  */	
#wrap { display:block; position:relative; width:100%; }

/* top */	
#header { display:block; position:relative; z-index:3; width:980px; height:97px;margin:0 auto; top:0; padding:0;}
.tm {  float:right; position:absolute; z-index:2; right:0; width:450px; padding:13px 0 0 0; text-align:right; }
.tm img { padding:0; margin:0; }
.tm a { padding:0; height:27px; text-decoration:none; font-family:'돋움'; font-size:11px; margin:0; letter-spacing:-0.07em;}
.tm span{ color:#000; font-family:돋움; font-size:11px; letter-spacing:-0.1em;}
.tm span.adm a { color:#ff2400;  font-family:돋움; font-size:11px; margin:0 5px; }
/*
.tm_logo { clear:both;position:absolute; z-index:999999999; top:30px; width:295px; height:100px; text-align:left;  }
*/
.tm_logo { position:absolute; z-index:999999999; left:0px; top:30px; width:310px; height:40px; text-align:left;  }

.span_ll { width:7px; font-size:11px; font-family:'dotum'; color:#ddd; font-weight:normal; padding:0 6px 0 5px; }
.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:87px; margin:0 auto;  } 
.visual_main_stripe { display:block; position:absolute; z-index:2; top:0; height:87px; width:100%; background-image: url('../images/gnb_stripe.jpg');background-position: top; background-repeat:repeat-x; }	

#main_nav {  display:inline-block; margin:0 auto; width:980px; top:4px; position:relative; z-index:99;  }
#main_nav_wrapper { display:block; width:600px; height:40px; position:relative; margin:0 auto; margin-left:380px; top:29px;}
#main_nav_wrapper div ul{ width:980px; padding:0; margin:0 auto;}
#main_nav_wrapper div ul li { list-style:none; float:left; width:150px; height:40px; cursor:pointer; position:relative; }
#main_nav_wrapper div ul li .square { width:150px; height:40px; position:absolute; }
#main_nav_wrapper div ul li .txt { top:0; left:0; width:150px; height:40px; position:absolute; }
#main_nav_wrapper div ul li .over { width:150px; height:40px; position:absolute; }

#main_nav_wrapper #main_nav_line { top:0; left:0; margin:0; padding:0; cursor:pointer; position:absolute; }
#main_nav_wrapper #main_nav_line div { list-style:none; top:0; width:0; height:40px; position:absolute; } 


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

/* step3 */
.slider_sp3 { top:0; left:0; height:435px; position:absolute; display:none;}
.slider_sp3 ul { height:435px; position:relative; }
.slider_sp3 ul li { list-style:none; float:left; width:100%; height:435px; position:absolute; }
.slider_sp3 ul li div { margin:0 auto; width:1000px; height:435px; position:relative; }
.slider_sp3 ul li div.box1 img { top:0; left:0; position:absolute; }
.slider_sp3 ul li div.box2 img { top:0; left:0; position:absolute; }
.slider_sp3 ul li div.box3 img { top:0; left:0; position:absolute; }

/* prev */
#arrowPrev { width:55px; height:90px; position:absolute; top:170px; left:6%; }
#arrowPrev div.img { width:55px; height:90px; position:absolute; }
#arrowPrev div.square { width:55px; height:90px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; left:0px; }
		
/* next */
#arrowNext { width:55px; height:90px; position:absolute; top:170px; right:6%; }
#arrowNext div.img { width:55px; height:90px; position:absolute; }
#arrowNext div.square { width:90px; height:90px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; }

/* navigation */
#contents_ms_nav { width:100%; height:20px; top:400px; position:absolute; margin:0 auto; /*background-image: url('../images/MainVisual/bg_sp_bar.jpg');*/}
#contents_ms_nav div { overflow:hidden; margin:0 auto; width:60px; height:20px; position:relative; }
#contents_ms_nav div ul { width:60px; height:20px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:20px; height:20px; margin:0; cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }

/*  메인 본문내용 */
#wrapper { display:inline-block; position:relative; width:100%; height:420px; text-align:center; top:44px;  background:#F3F3F3; border-top:1px #DDD solid;}
#wrapper .wrapper_tb { display:inline-block; position:relative; width:920px;height:210px; margin:0 auto; padding:35px; top:0; background-image: url('../images/bg_content.jpg');background-position: top; background-repeat:repeat-x; }
#wrapper .wrapper_tb .bl {  float:left; width:352px; top:0; text-align:left; }
#wrapper .wrapper_tb .bl p {  float:left; width:312px; top:0; text-align:left; font-family:'돋움'; font-size:11px; letter-spacing:-0.08em; padding:3px 0;}
#wrapper .wrapper_tb .bc {  float:left; width:326px; top:0; }
#wrapper .wrapper_tb .br {  float:right; width:260px; top:0; text-align:right; margin-top:-166px;}


/*  서브 메뉴 부  */
#container{  display:inline-block; position:relative; z-index:2; width:100%; margin:0 auto; top:0; text-align:center; }
#bo_content{ margin:0 auto; top:0; height:550px; width:100%;  }
#board { display:inline-block;  padding:0; width:100%; margin:0 auto; top:0;}
#gr_tit {  display:block; position:relative; width:1202px; height:80px; margin:0 auto; }
#gr_tit .gr_img {  float:left; width:600px; padding:22px 0 0; text-align:left;} 
#gr_tit .bo_nav {  float:right; text-align:right; padding:32px 0 0; color:#333;} 
#bo_tit { display:inline-block; position:relative; width:1202px; padding:19px 0 19px 0; border-top:2px #989898 solid; }
#cont { display:inline-block; position:relative; width:1200px; min-height:500px; margin:0; padding:0; top:0; text-align:left; border:1px #DEDEDE solid; vertical-align:bottom; } 
#cont_bo { display:inline-block; position:relative; width:1140px; min-height:500px; margin:0; padding:0; top:0; text-align:left; border:1px #DEDEDE solid; padding:30px; } 

.navi { font-size:11px;  font-family:nanum gothic; color:#333;letter-spacing:-0.06px; }
.navi a { font-size:11px;  font-family:nanum gothic; color:#333;letter-spacing:-0.06px; }

/* SNB */
.snbBtn { display:block; position:relative; width:1202px; margin:0 auto; font-family:nanum gothic; font-size:1.15em;  letter-spacing:-0.03em; top:0; background:#FFF; }
.snbBtn .nav { position:relative; background:#FFF; padding-top:1px; }
.snbBtn .nav ul { width:1200px; height:18px; margin:0; padding:0; border-left:1px #bbb solid;}
.snbBtn .nav li { list-style:none; display:inline-block; float:left; /* width:12.4%; */  padding:0 18px 0 18px; /* 깜빡임 없앰 -> */background:#FFF; color:#000; font-weight:bold; border-right:1px #bbb solid; text-align:center; cursor:pointer; }
.snbBtn .nav li a:hover { background:#FFF; color:#6db400;  }
.snbBtn .nav li span { float:left; margin-top:0; margin-left:-18px; margin-right:-18px;  width:100%; padding:0 18px 0 18px; background:#FFF; color:#FE3DB4; font-weight:bold; text-align:center; cursor:pointer;  }

/* COPYRIGHT */
#foot { display:inline-block; position:relative; width:100%; text-align:center; margin-top:-4px; background:#080C0D; /*background-image: url('../images/copyright_bg.png'); */ }
.copyright { width:1200px; margin:0 auto; text-align:left; padding:50px 0 40px 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:37px; margin-left:1px; 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; z-index:3;  min-width:100%; margin-top:0; text-align:center; background:#fff; }
#head_content #head { width:950px;  margin:0 auto; padding:20px 0 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: 99999999999;}
.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: 99999999; }
.GotopBtn:hover { -webkit-background-size: 100%;background-size: 100%;opacity: 1;z-index: 99999999;  }

/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:34px; margin:0 auto; margin-bottom:20px; font-family:nanumgothic; font-size:1.15em; }
#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.02em; 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:#FE3DB4; color:#FFF; letter-spacing:-0.02em;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;  }