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

body, td, p, input, button, textarea, select, .c1 { font-family:'Tahoma', 'gulim', 'dotum'; font-size:12px; color:#444444; line-height:1.5em; }

body,html{width:100%; height:100%;}

table { border-collapse:collapse; border-spacing:0; }
img { border:0px; vertical-align:middle; }

a:link, a:visited, a:active { text-decoration:none; color:#444444; }
a:hover { text-decoration:underline; color:#444444; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#444444; }
a.menu:hover { text-decoration:underline; color:#444444; }

.member {font-weight:normal;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 170%; }
.jt { text-align:justify; }

/* Hack */
.f_clear:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
.f_clear{ display:inline-block; }

/* ie용 홀리 핵 시작 */
* html .f_clear{ height:1%; }
.f_clear{ display:block; }
/* ie용 홀리 핵 끝 */

*{ margin:0; padding:0;  }

/* form.input 공용 css */	
input.ed { border:1px solid #CCCCCC; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#FFFFFF; padding:5px 5px; }
input.reserv { border:1px solid #CCCCCC; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#FFFFFF; padding:5px 5px; }
input.field { border:1px solid #CCCCCC; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#FFFFFF; padding:5px 5px; }
input.ed_password { float:left; border:1px solid #CCCCCC; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1;  background:#FFFFFF; padding:5px 5px; }
input.file {  border:1px solid #CCCCCC; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1;  background:#FFFFFF; padding:5px 5px; }
textarea.tx { border:1px solid #CCCCCC; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#FFFFFF; padding:10px; }
textarea.ed { border:1px solid #CCCCCC; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#FFFFFF; padding:10px; }
textarea.reserv { border:1px solid #CCCCCC; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#FFFFFF; padding:5px 5px; }
select.field { height:25px; border:1px solid #CCCCCC;border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#FFFFFF; }
select.ed { height:25px; border:1px solid #CCCCCC; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#FFFFFF; }

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

/* top */	
#header_main { display:block; position:fixed; z-index:5; width:100%; text-align:center; top:0;  background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x;}
#hd {  display:block; position:relative; width:1000px; margin:0 auto; top:0;}

#header { display:block; position:relative; z-index:1; width:1000px; height:47px; margin:0 auto; top:0px; }
.tm {  float:right; position:relative; width:450px; padding:0; text-align:right; }
.tm img { padding:8px 0 0; margin:0 -2px; }
.tm a { padding:15px 0px 7px 0px; height:28px; }
.tm span{ /*font-size:0.95em;font-family:nanumgothic; text-decoration:none; color:#444; letter-spacing:-0.03em;*/}
.tm span:hover {  color:#444;}
.tm a:hover { color:#444; }
.tm span.adm a { position:relative; color:#ff6600; font-family:dotum; font-size:11px; top:7px; margin:0 10px 0 0; }
.tm .sns img { margin:0 0px 0 0; }
.tm_tel {  float:left; top:0; left:0; }

.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;  }

/* TNB */
#tnb-sub { display:block; position:relative; width:1098px; height:100px; margin:0 auto; padding:0;} 
#tnb-sub ul li { list-style:none; } 
#tnb-sub .lm { float:left; display:block; position:relative; width:230px; height:16px; margin-top:35px; text-align:left;} 
#tnb-sub .lm img { margin:0; } 
#tnb-sub .logo { float:left; display:block; position:relative; width:618px; margin-top:25px;text-align:center;}
#tnb-sub .rm  { float:right; display:block; position:relative; width:250px; height:16px; margin-top:35px; text-align:right; } 
#tnb-sub .rm img { margin:0; top:0;} 

.logo {  display:block; margin:0 auto; width:100%; top:57px; position:absolute; z-index:999; }

/* GNB */
#gnb { display:block; position:relative; z-index:9999; width:100%; height:45px; margin:0 auto;  } 
#gnb-sub { display:block; position:absolute; z-index:2; top:112px; width:100%; height:103px; margin:0 auto; } 
.gnb_stripe { position:fixed; z-index:1; top:47px; height:103px; width:100%; background-image: url('../include/gnb/bg.png');}
.gnb_sub_stripe { position:absolute; z-index:1; top:47px; height:103px; width:100%; background-image: url('../include/gnb/bg.png');}

#main_nav {  display:block; display:none; margin:0 auto; width:100%; top:0; left:0; position:absolute; z-index:99999; }
#main_nav_wrapper { width:1002px; 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:167px; height:37px; cursor:pointer; position:relative; }
#main_nav_wrapper div ul li .square { width:167px; height:37px; position:absolute; }
#main_nav_wrapper div ul li .txt { top:0; left:0; width:167px; height:37px; position:absolute; }
#main_nav_wrapper div ul li .over { width:167px; height:37px; 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:45px; position:absolute; } 

#sub_nav_mask { top:37px; width:100%; height:0; overflow:hidden; position:absolute; background:#FFF; opacity:0.9;  border-bottom:1px #DBDAD9 solid; bottom:-1px;} 
#sub_nav_wrapper { top:-220px; left:-1px; width:1002px; height:220px; position:relative; margin:0 auto; border-left:1px #DDD solid; border-top:20px #FFF solid; }
		
div.sub_nav_square { display:block; left:0; position:absolute;  }
div.sub_nav_square div.cate_wrapper { left:0; float:left; height:220px; position:absolute; }
div.sub_nav_square div.cate_wrapper ul { padding:0; }
div.sub_nav_square div.cate_wrapper ul li { list-style:none; float:left; width:167px; height:24px; position:relative;  margin:0 auto; }
div.sub_nav_square div.cate_wrapper ul li div.square { width:167px; height:24px;  background:#1D908B; position:absolute;  margin:0 auto;}
div.sub_nav_square div.cate_wrapper ul li div.over { top:4px; left:13px; font-family:nanumgothic; font-size:1.05em; letter-spacing:-0.03em; line-height:14px;text-decoration:none; color:#000; position:absolute; }

div.sub_nav_btn { top:0; left:0; position:absolute; }
div.sub_nav_btn div.cate_wrapper { top:0; float:left; width:167px; height:220px; position:absolute; }
div.sub_nav_btn div.cate_wrapper ul { margin:0; padding:0; width:167px; position:absolute; }
div.sub_nav_btn div.cate_wrapper ul li { list-style:none; float:left; width:167px; height:24px; /* 백그라운드 중요함,삭제금지 => */background:#FFFFFF; cursor:pointer; position:relative; }
	
#sub_nav_line_1 { top:0; left:0; position:absolute; }
#sub_nav_line_1 div { width:1px; height:220px; position:absolute; margin-left:0px;}

/*  메인 본문내용 */
#wrapper { display:block; position:relative; width:100%; height:1040px; top:0px; }
#wrapper #contain { display:block; position:relative; width:100%; height:1040px; margin:0 auto; }

/*  VISUAL  */	
#container_sm { display:block; position:relative;width:100%; }
.sliderbutton_l {	width:100px;height:160px;position:absolute; top:420px;float:left;left:30px;	cursor:pointer;z-index:9999;opacity:1;}
.sliderbutton_l a:hover{ opacity:1;}
.sliderbutton_r {	width:100px;height:160px;position:absolute;top:420px;float:right;right:130px;cursor:pointer;z-index:999;opacity:1;}
.sliderbutton_r a:hover{opacity:1;}
#slider_sm {float:left; position:relative; overflow:auto; width:100%;	height:1040px; }
#slider_sm ul { position:absolute; list-style:none; width:100%; height:1040px;}
#slider_sm .sd5 { width:100%; height:1040px; background-image:url('../images/MainVisual/005.jpg'); background-repeat:no-repeat; background-position:50%;}
#slider_sm .sd4 { width:100%; height:1040px; background-image:url('../images/MainVisual/004.jpg'); background-repeat:no-repeat; background-position:50%;}
#slider_sm .sd3 { width:100%; height:1040px; background-image:url('../images/MainVisual/003.jpg'); background-repeat:no-repeat; background-position:50%;}
#slider_sm .sd2 { width:100%; height:1040px; background-image:url('../images/MainVisual/002.jpg'); background-repeat:no-repeat; background-position:50%;}
#slider_sm .sd1 { width:100%; height:1040px; background-image:url('../images/MainVisual/001.jpg'); background-repeat:no-repeat; background-position:50%;}

.pagination_sm {display:inline-block;position:relative; /*float:left;*/ width:220px; top:-75px; list-style:none; z-index:9999;	margin:0 auto;}
.pagination_sm li {float:left; cursor:pointer; height:10px; width:40px; background:#999; margin:0 4px 0 0; display:none;}
.pagination_sm li:hover, li.current {background:#FF0000;}

/* VISUAL MENU */
#visual-menu { display:block; position:absolute; z-index:2; text-align:center; width:100%; height:414px; }
#visual-menu .visual-btn { display:inline-block; position:relative; margin:0 auto; margin-top:590px; width:1000px; height:424px; background:#F8F8F8; }
#visual-menu .visual-btn ul { list-style:none; }
#visual-menu .visual-btn .vl { float:left; display:block;position:relative; width:751px; height:214px;}
#visual-menu .visual-btn .vl li { float:left; width:250px; height:214px;}
#visual-menu .visual-btn .vll { float:left; display:block;position:relative; width:751px; height:214px;}
#visual-menu .visual-btn .vll .about { float:left; width:250px; height:210px;}
#visual-menu .visual-btn .vll .bna { float:left; width:481px; height:190px;  background: url('../images/bg_bna.jpg') no-repeat; padding:10px; }
#visual-menu .visual-btn .time { float:right; width:241px; height:424px; background: url('../images/mimg_05.png') no-repeat; padding:0 0 0 8px; }
#visual-menu .visual-btn .time img { float:left; margin:345px 1px 0 0; }

.mbtn { width:250px; height:214px; margin:0px; overflow:hidden; float:left;  position:relative; cursor:pointer; }
.mbtn img { border:0; position:absolute;	z-index:2;}
.mbtn .caption { position:absolute; z-index:0; display:block;	}
.mbtn .caption .over1 { width:250px; height:214px; padding:0; margin:0; background: url('../images/mimg_01_over.png') no-repeat; }
.mbtn .caption .over2 { width:250px; height:214px; padding:0; margin:0; background: url('../images/mimg_02_over.png') no-repeat; }
.mbtn .caption .over3 { width:250px; height:214px; padding:0; margin:0; background: url('../images/mimg_03_over.png') no-repeat; }
.topLeft { position:absolute; background-repeat: no-repeat; float:left; }
.topLeft { background-position: top left; } 
.clear { clear:both;	}


/* button */
#arrow-btn {  position:relative;  z-index:999; top:0px; width:100%; height:135px; margin:0 auto; }

/* prev */
#arrowPrev { width:75px; height:135px; position:absolute;  z-index:999; top:260px; left:2%; }
#arrowPrev div.img { width:75px; height:135px; position:absolute; }
#arrowPrev div.square { width:115px; height:135px; position:absolute; background:#ffffff; opacity:1; cursor:pointer; top:0px; left:-50px; }
		
/* next */
#arrowNext { width:75px; height:135px; position:absolute;  z-index:999; top:260px; right:2%; }
#arrowNext div.img { width:75px; height:135px; position:absolute; }
#arrowNext div.square { width:115px; height:135px; position:absolute; background:#ffffff; opacity:1; cursor:pointer; top:0px; }

/* navigation */
#contents_ms_nav { width:80px; height:20px; top:370px; position:relative; margin:0 auto; z-index:99; padding:0; /*background:url('../images/MainVisual/gnb_bg.png');*/ }
#contents_ms_nav div { overflow:hidden; width:128px; height:20px; position:relative; margin:0px; }
#contents_ms_nav div ul { width:128px; height:20px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:12px; height:12px; margin:0 2px 0 0;  cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }


/*  sub_visual  */	
#sub_visual { display:block; top:0px; width:100%; height:278px; margin:0 auto; overflow:hidden; text-align:center;}
#gr_tb { display:block; position:absolute; z-index:1; width:100%; margin-top:-130px;}
.gr_tit { display:block; width:1000px; height:70px; margin:0 auto; }
.bo_nav {  display:block; width:1000px; text-align:left;  margin:0 auto; padding:0; } 
.bo_nav a { font-size:11px; font-family:'dotum';color:#666;letter-spacing:-1px; }

#top_visual { display:block;  width:100%; height:278px; margin:0 auto; }
.top_visual_g0 { display:block;width:100%; height:278px; background-image: url('../images/SubVisual/g0.jpg');background-position: top;  background-repeat: repeat-x; }
.top_visual_g1 { display:block;width:100%; height:278px; background-image: url('../images/SubVisual/g0.jpg');background-position: top;  background-repeat: repeat-x; }
.top_visual_g2 { display:block;width:100%; height:278px; background-image: url('../images/SubVisual/g1.jpg');background-position: top;  background-repeat: repeat-x; }
.top_visual_g3 { display:block;width:100%; height:278px; background-image: url('../images/SubVisual/g2.jpg');background-position: top;  background-repeat: repeat-x; }
.top_visual_g4 { display:block;width:100%; height:278px; background-image: url('../images/SubVisual/g3.jpg');background-position: top;  background-repeat: repeat-x; }
.top_visual_g5 { display:block;width:100%; height:278px; background-image: url('../images/SubVisual/g4.jpg');background-position: top;  background-repeat: repeat-x; }
.top_visual_g6 { display:block;width:100%; height:278px; background-image: url('../images/SubVisual/g5.jpg');background-position: top;  background-repeat: repeat-x; }


/*  서브 메뉴 부  */
#container {  display:block; position:relative; width:100%; margin:0 auto; margin-top:0px; }
#bo_sm_tb { position:absolute; z-index:3; width:100%; margin-top:0px;text-align:left; left:0; height:37px; background:#ECECEC; } 
#bo_sm_tb .bo_sm {  position:relative; width:1000px; margin:0 auto; left:0; } 
#bo_content{ margin:0 auto; width:1000px; top:0; }
#board { display:block; position:relative; padding:0; width:1000px; margin:0 auto; }
#cont { position:relative;width:1000px; min-height:500px; padding:70px 0 0 0; text-align:left; } /* 게시판 상단 시작 */

/* sm */
.snbBtn { display:inline-block; position:relative; z-index:9; width:1000px; border-left:1px #FFF solid; border-right:1px #FFF solid; background:#D6D6D6; margin:0 auto; margin:0; font-family:nanumgothic; font-size:14px; font-weight:bold; letter-spacing:-0.05em;}
.snbBtn .nav { position:relative; background:#D6D6D6; }
.snbBtn .nav ul { margin:0; padding:0; }
.snbBtn .nav li { list-style:none; display:inline-block; float:left; height:27px; padding:10px 25px 0 25px; background:#D6D6D6; color:#222; border-right:1px #FFF solid; text-align:center; cursor:pointer; }
.snbBtn .nav li a:hover { color:#222;  }
.snbBtn .nav li span { float:left; margin-top:-10px; margin-left:-25px;  margin-right:-25px;  width:100%; height:27px; padding:10px 25px 0 25px; background:#423F3A; color:#ffffff; text-align:center; cursor:pointer;  }


/* COPYRIGHT */
#banner_main { display:block; position:relative; min-width:100%; height:72px; top:0px; background:#FFF; border-top:1px #E2E2E2 solid; border-bottom:1px #A4A5A6 solid; }
#banner { display:block; position:relative; min-width:100%; height:72px; margin-top:50px; background:#FFF; border-top:1px #E2E2E2 solid; border-bottom:1px #A4A5A6 solid; }
#foot { display:block; position:relative; min-width:100%;  height:100px; text-align:center; top:0px; background:#FFF; }
#foot #copyright { display:inline-block; width:1000px; margin:0 auto; text-align:center; padding:10px 0 20px 0; margin:0px; overflow:hidden;}
#foot #copyright .add { float:left; text-align:left; }
#foot #copyright .add img { vertical-align:top; overflow:hidden;}
#foot #copyright .privacy { display:block; position:absolute; z-index:1; width:180px; height:18px; margin-top:22px; margin-left:276px; cursor:pointer;  }
#foot #copyright .sns { display:block; position:relative; z-index:9; width:70px; margin-top:-70px; margin-left:760px;  }


/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%;  text-align:center; background:#fff; margin:120px 0 60px 0; }
#head_content #head { display:block; width:1000px;  margin:0 auto; padding:50px 0; height:auto !important;}
#head_content #head .cont { width:1000px; text-align:center;  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;  }

/*  메인 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; line-height:19px; top:-3px;}
#smsmap div .bo_title { padding-left:3px; font-size:12px;font-family:nanum gothic;line-height:19px; }