@charset "utf-8";

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

#wrap_stripe {display:block;  width:100%; position:fixed; z-index:999999999999; top:0px; border-top:5px #000 solid; }


/* 전체 영역 */	
#wrap{ width:100%;  margin:0 auto; text-align:center; position:relative; /*background-position: top; background-repeat: repeat-x; */ } 
#wrap_main{ width:100%;  margin:0 auto; text-align:center;  position:relative; /*background-image: url('../images/bg_all.gif');background-position: top; background-repeat: repeat-x; */ } 

/* TM */
#tm { display:block; position:fixed; z-index:99999999; top:11px; float:right; right:93px; }
#tm img { margin:0; padding:0; }

/* gnb  */	
#gnb_main { display:block; position:fixed; width:174px; height:100%; margin:0 auto; top:0px;z-index:9999999; background:#FFF;}
#gnb_wrap { display:block; position:fixed; width:174px; height:100%; margin:0 auto; top:0px;z-index:9999999; background:#FFF;} 

/*  MAIN VISUAL  */	
#visual { width:100%; left:155px; height:900px; padding-top:49px; }
#contents_ms { display:block; overflow:hidden; width:100%; height:785px; margin:0 auto; position:absolute; display:none; } /* top:-25px; 배경상단 위치 */
	
#slider { top:0; height:785px; position:absolute; }
#slider ul { height:785px; position:relative; }
#slider ul li { list-style:none; float:left; width:100%; height:785px; position:absolute; }
#slider ul li div { margin:0 auto; width:1280px; height:785px; position:relative; z-index:1; cursor:pointer;}

/* step1 */
.slider_sp1 { top:0; left:0; height:750px; position:absolute; display:none;}
.slider_sp1 ul { height:750px; position:relative; }
.slider_sp1 ul li { list-style:none; float:left; width:100%; height:750px; position:absolute; }
.slider_sp1 ul li div { margin:0 auto; width:1283px; height:750px; 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; }
.slider_sp1 ul li div.box4 img { top:0; left:0; position:absolute; }
.slider_sp1 ul li div.box5 img { top:0; left:0; position:absolute; }
.slider_sp1 ul li div.box6 img { top:0; left:0; position:absolute; }
.slider_sp1 ul li div.box7 img { top:0; left:0; position:absolute; }
.slider_sp1 ul li div.box8 img { top:0; left:0; position:absolute; }
.slider_sp1 ul li div.box9 img { top:0; left:0; position:absolute; }
.slider_sp1 ul li div.box10 img { top:0; left:0; position:absolute; }
	
/* step2 */
.slider_sp2 { top:0; left:0; height:750px; position:absolute; }
.slider_sp2 ul { height:750px; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:750px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; width:1283px; height:750px; position:relative; }
.slider_sp2 ul li div.box1 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box2 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box3 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box4 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box5 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box6 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box7 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box8 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box9 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box10 img { top:70px; left:40px; position:absolute; }

/* step3 */
.slider_sp3 { top:0; left:0; height:750px; position:absolute; display:none;}
.slider_sp3 ul { height:750px; position:relative; }
.slider_sp3 ul li { list-style:none; float:left; width:100%; height:750px; position:absolute; }
.slider_sp3 ul li div { margin:0 auto; width:1283px; height:750px; 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; }
.slider_sp2 ul li div.box4 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box5 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box6 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box7 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box8 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box9 img { top:70px; left:40px; position:absolute; }
.slider_sp2 ul li div.box10 img { top:70px; left:40px; position:absolute; }

/* prev */
#arrowPrev { width:70px; height:115px; position:absolute; top:320px; left:10%; }
#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:320px; right:5%; }
#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 { display:none; width:100%; height:71px; top:600px; position:absolute; margin:0 auto; background-image: url('../images/MainVisual/bg_sp_bar.png');background-repeat:no-repeat; background-position:50% ;}
#contents_ms_nav div { overflow:hidden; margin:0 auto; width:275px; height:55px; position:relative; padding:15px 0 0 0;}
#contents_ms_nav div ul { width:275px; height:55px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:25px; height:25px; margin:0; cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }

/*  MAIN QUICK */	
#quick_visual {position:relative; width:100%; height:120px; margin-top:-130px;}
.footBnrZone { width:1090px; margin:0 auto; top:0; /*margin-left:480px; */ }
.footBnr { position:relative; margin:0 auto; width:1090px; height:50; }
.footBnr ul li { list-style:none; }
.footBnr .roll_ft { position:relative; top:25px; width:1090px; height:50px; overflow:hidden; margin:0 auto; left:0px;}
.footBnr #imgList { overflow:hidden; position:absolute; top:0; margin:0 auto; width:1090px; height:50px; padding:0;}
.footBnr #imgList li { position:relative; width:212px; float:left; margin:0;  text-align:center; }
.footBnr .control .prev { display:none; position:absolute; left:0px; top:16px; }
.footBnr .control .next { display:none; position:absolute; right:0px; top:16px; }
.footBnr .control a:hover  {  }

@media all and (max-width:1500px){
#quick_visual {position:relative; width:100%; height:120px; margin-top:-130px;}
.footBnrZone { width:1090px; margin:0 auto; top:0; margin-left:270px; }
}


/*  메인 본문내용 */
#wrapper { display:block; position:relative; width:100%; margin:0 auto; text-align:center; margin-top:100px; }
#wrapper .content{  display:block; position:relative; width:1070px; top:0px; margin:0 auto;/*margin-left:408px;*/}
#wrapper .content ul { display:block; padding:0; }
#wrapper .content .tit { margin:0 0 30px 0; }
#wrapper .content .latest_gall { display:inline-block; position:relative; margin:20px 0 90px 0; }
#wrapper .content .latest_gall1 { display:inline-block; position:relative; margin:20px 0 40px 0; }
#wrapper .edit  { display:inline-block; top:0; margin:10px 17px 70px 0; }
#wrapper .edit ul { display:inline-block; margin:20px 0 40px 0; }
#wrapper .edit li {float:left; width:338px; margin:0 13px 0 0; }
#wrapper .edit .tit_txt { font-size:22px; text-align:left;font-weight:bold; border-bottom:1px #000 solid;padding:0 0 10px; margin:0 0 10px;}
#wrapper .edit .tit_txt a { text-decoration:none; }

#wrapper .content1 { display:block; position:relative; width:1070px; top:-10px; margin:0 auto; /*margin-left:400px;*/}
#wrapper .ct  { display:inline-block; top:0px; margin:20px 0 70px 0; overflow-x:hidden;}
#wrapper .ct li {float:left; width:308px; margin:0 13px 0 0; border:1px #CCC solid; padding:15px;  }
#wrapper .ct .tit_txt1 { font-size:15px; text-align:left;font-weight:bold; border-bottom:1px #DDD solid;padding:0 0 10px; margin:0 0 15px;}
#wrapper .ct .tit_txt1 a { text-decoration:none; }


@media all and (max-width:1500px){
#wrapper .content{  display:block; position:relative; width:1070px; top:0px; margin-left:208px;}
#wrapper .content1 { display:block; position:relative; width:1070px; top:-10px; margin-left:208px;}
}

/* 서브 내용 시작 */
#container{ display:block; position:relative;  width:100%; margin:0 auto; top:0px; text-align:center; padding:0;  } 
#tnb_main { display:block; position:fixed; z-index:9; width:100%; height:51px; margin:0 auto; text-align:left; border-bottom:1px #D3D3D5 solid; background:#fff; }
#tnb_main .tnb_btn_main { width:755px; height:50px; text-align:left; margin-left:175px;}
#tnb_main .tnb_btn_main img { float:left; margin:0; }
#tnb_main .tnb_btn_main .btn_main { float:left; margin:0; height:50px; cursor:pointer; }

#tnb { display:block; position:fixed; z-index:9; width:100%; height:51px; margin:0 auto; text-align:left; border-bottom:1px #D3D3D5 solid; background:#fff; }
#tnb .tnb_btn { width:755px; height:50px; text-align:left;  margin-left:311px; }
#tnb .tnb_btn img { float:left; margin:0; }
#tnb .tnb_btn .btn { float:left; margin:0; height:50px; cursor:pointer; }

#bo_content { display:block; position:relative; width:1040px; padding-top:80px; margin:0 auto; } 
#board { display:block; margin:0 auto; width:100%; }
#bo_snb { }
#bo_tit { display:inline-block; position:relative; margin:0 auto; }
#bo_tit .bo_nav { display:inline-block; width:100%; margin:0 auto; text-align:center; padding:15px 0 0; font-size:14px;} 
#bo_tit .bo_img { display:inline-block; width:100%; margin:0 auto; text-align:center; padding:0; } 
.navi { font-size:13px; color:#888;letter-spacing:-0.03em; }
.navi img { vertical-align:middle; }
#cont { display:inline-block;position:relative; margin:0 auto; width:1040px; min-height:400px; padding:40px 0 0; text-align:left;}

@media all and (max-width:1700px){
#tnb_main .tnb_btn_main { width:755px; margin:0 auto;margin-left:175px; }
#tnb .tnb_btn { width:755px; margin:0 auto;margin-left:311px; }
#bo_content { margin-left:340px; }
}

/* SNB */
.snbBtn { text-align:center; font-size:1.2em;  letter-spacing:-0.04em; font-weight:bold; margin-bottom:20px;}
.snbBtn .nav { position:relative; margin:0 auto; width:100%; height:40px;  }
.snbBtn .nav ul { display:inline-block; position:relative; text-align:center; border-left:1px #FFF solid;}
.snbBtn .nav li { margin:0; list-style:none; display:inline-block; float:left; /* width:12.4%; */  padding:10px 24px; /* 깜빡임 없앰 -> */background:#CDE1EE; color:#222; border-right:1px #FFF solid; text-align:center; cursor:pointer; }
.snbBtn .nav li a:hover { color:#06A9EA;  }
.snbBtn .nav li span { float:left; margin-top:-10px; margin-bottom:-10px; margin-left:-24px; margin-right:-24px;  width:100%; padding:10px 24px; background:#06A9EA; color:#FFF;  text-align:center; cursor:pointer;  }

/* foot  */
#foot_main { display:inline-block; position:relative; width:100%; height:150px; text-align:center; top:10px; border-top:2px #ddd solid; }
#foot_main .mohw { float:left; position:absolute; right:100px; margin-top:-120px; }
#foot_main #copyright_main { width:100%;  padding:0; margin:0 auto; text-align:center;}
#foot_main #copyright_main .add_main { text-align:center; margin-left:0px;}

@media all and (max-width:1470px){
#foot_main #copyright_main .add_main { text-align:center;margin-left:220px; }
}

#foot { display:inline-block; position:relative; width:100%; height:150px; text-align:center; top:10px; border-top:2px #ddd solid; }
#foot .mohw { float:left; position:absolute; right:100px; margin-top:-120px; }
#foot #copyright { width:100%;  padding:0; margin:0 auto; text-align:center;}
#foot #copyright .add { text-align:center; left:340px;}

@media all and (max-width:1700px){
#foot #copyright .add {  margin-left:340px; }
}

/*  로그인/회원가입 head 부  */
#head_content { display:inline-block; width:100%;  text-align:center; padding:0; }
#head_content #head { display:block; width:1000px; margin-left:408px; }
#head_content #head .cont { width:900px; min-height:350px; margin:0 auto; text-align:left; top:0px; padding:70px 0 60px 0; }


/* Go Top 버튼 */
.WapGoTop {position: fixed;	bottom: 0;	right: 160px;	font-size: 0;	z-index:1020;}
.GotopBtn {display: block;position: absolute; bottom:-65px;right:10px;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:20px; font-family:nanumgothic; 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 22px 0 22px; background:#EEE; color:#222; letter-spacing:-0.05em; 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:-22px;  margin-right:-22px; margin-top:-9px; padding:9px 22px 0 22px; }
#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:-22px;  margin-right:-22px;height:25px; padding:9px 22px 0 22px; background:#68B6E4; 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;  }

/* 사이트맵/취급방침/이용약관 레이어 */
#layer_tb { border:10px #16ABB7 solid; background:#FFF;}
#layer_tb .p_title { margin:0;background:#16ABB7;padding:15px 15px;color:#ffffff;font-size:20px; font-family:'nanum gothic'; }
#layer_tb .p_close { position:absolute;margin-left:95%;padding-top:2px;}
#layer_tb .p_close1 { position:absolute;margin-left:83%;padding-top:2px;}

#weekly_item { 
position:relative;width:100%; height:414px;margin:0; padding:0; border:0px #D6DDEA solid; overflow-y:auto; text-align:left; margin:0 auto; top:0;
scrollbar-3dlight-color:#ffffff; 
scrollbar-arrow-color:#ffffff; 
scrollbar-track-color:#ffffff; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-face-color:#ddd; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#ffffff;
}
#weekly_item div { padding:20px 20px 20px 20px; font-size:13px;font-family:nanum gothic;line-height:19px; }
#weekly_item div .gr_title { padding:0 0 0 2px; color:#000000; font-size:13px;font-family:nanum gothic;font-weight:bold; line-height:19px; top:-3px;}
#weekly_item div .bo_title { padding-left:3px; font-size:12px;font-family:nanum gothic;line-height:19px; }


#smsmap { 
position:relative;width:100%; height:235px;margin:0; padding:0; border:0px #D6DDEA solid; overflow-y:auto; text-align:left; margin:0 auto; top:0;
scrollbar-3dlight-color:#ffffff; 
scrollbar-arrow-color:#ffffff; 
scrollbar-track-color:#ffffff; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-face-color:#ddd; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#ffffff;
}
#smsmap div { padding:20px 20px 20px 20px; font-size:13px;font-family:nanum gothic;line-height:19px; }
#smsmap div .gr_title { padding:0 0 0 2px; color:#000000; font-size:13px;font-family:nanum gothic;font-weight:bold; li