@charset "utf-8";
html, body {height:100%; -webkit-text-size-adjust:none;}
body { margin:0; padding:0; color:#000; font-size:14px; font-family:'나눔고딕',NanumGothic,'맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,sans-serif; text-align:center;}

div, p, dl, dt, dd, table, th, td, form, fieldset, adddress { margin:0; padding:0; }
table, th, td {color:#000; font-family:'나눔고딕',NanumGothic,'맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,sans-serif; font-weight:normal; line-height:1.25em;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ul, ol, li { margin:0; padding:0; list-style:none; }
a { color:#333; text-decoration:none; border:none; cursor:pointer;}
a:hover { text-decoration:none; }
em { font-style:normal; }
img { vertical-align:middle; }
img, fieldset { border:0; }
hr, legend { display:none; }
input, textarea { color:#787878; font:normal 14px 'Malgun Gothic', '맑은 고딕',dotum,'돋움',sans-serif; line-height:1.25em;}
input { vertical-align:middle; width:120px; height:15px; }
address {font:10px normal; color:#333333;}

.input200 { width:200px; }
.input300 { width:300px; }
.input400 { width:400px; }
.input500 { width:500px; }
.input20 { width:20px;}
.input30 { width:30px;}
.input40 { width:40px;}
.input80 { width:80px;}

.check { width:15px; height:15px; _width:13px; _height:13px; margin:-1px 0 1px; _margin:-2px 0 2px; vertical-align:middle; }
.radio { width:15px; height:15px; _width:13px; _height:13px; margin:-1px 0 1px; _margin:-2px 0 2px; vertical-align:middle; }
.file {font-family:'Malgun Gothic', '맑은 고딕',dotum,'돋움',sans-serif; font-size:14px; font-weight:normal; line-height:1.25em; color: #000; border: 1px solid #d3d3d3; background-color:#ffffff; vertical-align:middle; height:16px; width:250px; margin-right:3px; padding-top:2px;}
textarea.text { _margin:-2px 0 0; padding:1px 3px 0; border:1px solid #ccc; }
select { color:#414141; font-family:'Malgun Gothic', '맑은 고딕',dotum,'돋움',sans-serif; font-size:14px; font-weight:normal; line-height:1.25em; vertical-align:middle; }
.ws{white-space:nowrap;}
.arrow{margin-right:9px;}


#mainimg {position:relative; width:100%; margin:10px 0px;}

#mapply {position:relative; width:100%; margin:10px 0px;}
#mgallery {position:relative;}
#mgallery a {float:left; position:absolute;}
#mgallery a.show {z-index:500;}
#mimg_unline {position:relative; width:100%; background-color:#4b4b4b; border-bottom:1px solid #000; height:2px;}

#navi {position:relative; top:0px; width:100%; margin:13px 0px; line-height:12px;}

#navi ul{overflow:hidden; margin:5px 10px 0;}
#navi li{overflow:hidden; position:relative; float:left; height:100px; margin:6px}
#navi a{overflow:hidden; display:block; width:100%; height:100%; text-align:center; line-height:17px;; letter-spacing:-1px; text-decoration:none;}
#navi .t{display:block; width:62px; height:62px; margin-bottom:5px; -webkit-border-radius: 12px;/* safari */ -moz-border-radius: 12px;/* firefox */
	/*
	-webkit-box-shadow: 0px 0px 2px rgba(126,126,126,.5);
	-moz-box-shadow: 0px 0px 2px rgba(126,126,126,.5);
	*/
}

#navi .menu1 .t{background:url(../images/mem_over.png) top center no-repeat;}
#navi .menu2 .t{background:url(../images/memreq_over.png) top center no-repeat;}
#navi .menu3 .t{background:url(../images/pay_over.png) top center no-repeat;}
#navi .menu4 .t{background:url(../images/notice_over.png) top center no-repeat;}

/***************************************LAYOUT***************************************/

#wrap {position:relative; width:100%; margin:0 auto; height:auto !important; height:100%; min-height:100%;}

#header {position:relative; width:100%;overflow:hidden;}
#logo {position:relative; width:100%; margin:7px 0px;}
#title {position:relative; width:100%; background-color:#EFEFEF; border-top:1px solid #000; border-bottom:1px solid #000; height:36px;}
#pname {float:left; color:#000000; font-weight:bold; padding-left:10px; margin-top:8px; margin-left:10px;}
#ptotal {float:right; color:#000000; font-weight:bold; padding-right:10px; margin-top:8px; margin-right:10px;}
#pname2 {float:left; color:#000000; font-weight:bold; padding-left:10px; margin-top:8px;}
#pname .arrow{margin-top:-4px;}


#back_btn{position:absolute;margin-left:10px; width:50px; height:25px;margin-top:5px; overflow:hidden; background:url(../images/back_btn.png) top left no-repeat; font:12px normal; display:block; cursor:pointer; padding:3px 0px 0px 3px;}
#logout_btn{float:right; position:relative; margin-right:10px;margin-top:4px; width:60px; height:25px; overflow:hidden; background:url(../images/btn_bg2.png) top right no-repeat; font:12px normal; display:block; cursor:pointer; padding:3px 0px 0px 3px;}

#contents {position:relative; width:100%;}

#footer {clear:both; background-color:#e9e9e9; width:100%; text-align:center; margin-top:30px;}
#copy {padding:15px 0px; text-align:center; font-size:12px;}
#copy .copylink{color:#309c0e; font-weight:bold; font-family:'Malgun Gothic', '맑은 고딕',dotum,'돋움',sans-serif; font-size:11px; padding-left:4px; text-decoration:underline;}


#top{clear:both; position:relative; float:right; width:58px; height:23px; overflow:hidden; background:url(../images/top_btn.png) top left no-repeat; font:14px normal; display:block; text-align:center; cursor:pointer; padding:4px 0px 0px 7px; margin:15px 10px 15px 0px;}

/*
#re_btn{position:relative; width:100%; height:25px; overflow:hidden; background:url(../re_btn.png) top center no-repeat; text-align:center; margin-top:5px; padding-top:4px; display:block; cursor:pointer;}
#re_btn img{position:relative; margin:-6px 7px 0px 0px;}
#re_btn a{position:relative; width:100%; height:25px; overflow:hidden; font-size:15px; color:#0071db;}

#gal{position:relative; width:100%;}
#gal img{position:relative; width:100%; display:block; margin-bottom:5px;}
*/
/***************************************리스트 페이지***************************************/
/***SERVICE & TRAVEL & BOARD***/
#svlist {position:relative; width:100%; float:left;}

#svlist ul{overflow:hidden; width:100%; float:left;}
#svlist li{overflow:hidden; position:relative; float:left; width:100%; border-bottom:1px solid #ccc;}
#svlist li a{overflow:hidden; position:relative; float:left; width:100%; display:block; text-align:center; letter-spacing:-1px; text-decoration:none;}
.li_bg1{background-color:#f5f5f5; border-top:1px solid #fff; border-bottom:1px solid #b6b6b6;}
.li_bg2{background-color:#ebebeb; border-top:1px solid #fff; border-bottom:1px solid #b6b6b6;}

#svlist .box{-webkit-border-radius: 12px;/* safari */  -moz-border-radius: 12px;/* firefox */}
#svlist .img{width:57px; height:57px; position:relative; float:left; margin:6px 10px;}
#svlist .img img{
	/**라운드박스**/
	-webkit-border-radius: 12px;/* safari */
	-moz-border-radius: 12px;/* firefox */
	border-radius: 12px;
	
	/**그림자**/
	-webkit-box-shadow: -1px -1px 1px rgba(126,126,126,.5), -1px -1px 1px rgba(126,126,126,.5), 1px 1px 1px rgba(65,65,65,1), 1px 1px 1px rgba(65,65,65,1);/* safari */
	-moz-box-shadow: -1px -1px 1px rgba(126,126,126,.5), -1px -1px 1px rgba(126,126,126,.5), 1px 1px 1px rgba(65,65,65,1), 1px 1px 1px rgba(65,65,65,1);/* firefox */
}
#svlist .text{float:left; position:relative; width:67%; text-align:left; margin-top:9px;}
#svlist .text h3{color:#ff3c00; margin-bottom:6px;}
#svlist .listT{font:16px normal; margin-top:15px;}
#svlist .sv_memo{font-size:12px; line-height:1.17em;}
#svlist .gobtn{float:right; margin:30px 10px 0px 0px;}

/***************************************게시판 형태의 스타일***************************************/
#boardtop{position:relative; width:100%; height:30px; margin-top:6px; padding-bottom:6px; border-bottom:1px solid #b6b6b6;}
#boardtotal_no{float:left; padding-left:15px; margin-top:5px;}

#boardclass{float:right; padding-right:15px;}
#boardclass .board_select{position:relative;}

#board_list{width:100%; text-align:left;}
.top_list{position:relative; width:100%; margin-bottom:7px;}
.top_list li{position:relative; padding:10px 5px 10px 10px;}

.clear{clear:both}

.boardlist_title{position:relative; width:100%; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boardselect{margin-right:5px; color:#309c0e;}
.new_icon img{margin-top:-5px; margin-right:5px;}
.boardtitle{margin-right:5px;}

.boardlist_info{position:relative; width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boardlist_info span{line-height:24px;}
.hit_icon img{margin-top:-5px; margin-right:5px;}
.hitno{font-weight:bold;}


.reply_bg{background-color:#dde4ea; border-top:1px solid #ededed; border-bottom:1px solid #acbac9;}
.reply_icon{position:relative; width:10%; float:left; position:fixed;}
.reply_icon img{margin:5px 0px 0px 8px;}
.reply_title{position:relative; left:35px; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.reply_info{position:relative; left:35px;}

.reply_icon2{position:relative; width:15%; float:left; position:fixed;}
.reply_icon2 img{margin:5px 0px 0px 20px;}
.reply_title2{position:relative; left:50px; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.reply_info2{position:relative; left:50px;}


#boardVtable{position:relative; float:left; width:95%; text-align:left; margin:10px 10px 0px 10px; border-top:1px solid #bbb; border-bottom:1px solid #bbb;}

.tb_list{line-height:30px; width:99%; table-layout:fixed;}
.tb_list td{border-bottom: 1px solid #eaeaea;}
.tb_list .fname{border-right: 1px solid #eaeaea; padding:10px 10px 10px 0px; text-align:right; vertical-align:text-top; font-weight:bold;}
.tb_list .fname2{padding:6px 0px; text-align:center; vertical-align:text-top; font-weight:bold; letter-spacing:20px;}
.tb_list .text{padding:10px; line-height:normal; text-align:left; vertical-align:text-top;}
.tb_list .input1{width:90%;}

#write_btn{clear:both; position:relative; display:block; width:58px; height:23px; background:url(../images/btn_bg.png) top right no-repeat; margin:7px 0px 7px 20px; font:14px normal; cursor:pointer; padding-top:4px;}
#golist_btn{position:relative; float:left; width:58px; height:23px; background:url(../images/btn_bg.png) top right no-repeat; margin-left:20px; margin-top:10px; font:14px normal; cursor:pointer; padding-top:4px;}

#pageNav{position:relative; width:100%; padding:5px 0; text-align:center; white-space:nowrap; display:block; margin-bottom:10px;}
#pageNav a{display:inline-block; text-align:center; vertical-align:middle;}
.page_no{padding-top:5px;margin:0px 5px;font-size:18px;width:25px;height:25px;font-weight:bold;font-size:18px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.06), inset -1px -1px 1px rgba(255,255,255,0.06);background:-webkit-gradient(linear, left top, left bottom,from(#cecece),to(#cecece));background-color:#ffffff;color:#000000;text-align:center;}
.this_page{padding-top:5px;margin:0px 5px;color:#309c0e;width:25px;height:25px;font-weight:bold;font-size:18px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.06), inset -1px -1px 1px rgba(255,255,255,0.06);background:-webkit-gradient(linear, left top, left bottom,from(#2e7e5f),to(#2e7e5f));background-color:#2e7e5f;color:#fff;text-align:center;}


#search{position:relative; width:230px; height:50px; margin:5px auto;}
.search_txt input{width:210px; margin-bottom:5px; margin:5px auto;}
.search_check{position:relative; top:4px; left:7px; float:left; font:12px normal; margin-right:5px;}
.check{text-align:left; vertical-align:middle; margin:-4px 3px 0px 0px;}

#search_btn{position:relative; float:right; width:58px; height:23px; background:url(../images/btn_bg2.png) top left no-repeat; font:12px normal; cursor:pointer; padding-top:4px; margin-right:7px;}
#search_btn2{position:relative; float:right; width:58px; height:23px; background:url(../images/btn_bg2.png) top left no-repeat; font:12px normal; cursor:pointer; padding-top:4px; padding-left:3px;}


/***포토앨범 목록***/
#photolist {position:relative; top:0px; width:100%; margin:7px 0px 13px 0px; line-height:12px; border-bottom:1px solid #b6b6b6;}

#photolist ul{overflow:hidden; margin:5px 10px 0;}
#photolist li{position:relative; float:left; width:85px; margin:5px 7px;}
#photolist a{display:block; width:100%; height:100%; text-align:center; line-height:17px;; letter-spacing:-1px; text-decoration:none;}
#photolist img{display:block; width:85px; height:85px; margin-bottom:5px; -webkit-border-radius: 12px;/* safari */ -moz-border-radius: 12px;/* firefox */
	-webkit-box-shadow:0px 0px 2px rgba(126,126,126,.5);/* safari */
	-moz-box-shadow:0px 0px 2px rgba(126,126,126,.5);/* firefox */
}


/***************************************TAB형식 페이지***************************************/
/***TRAFFIC INFO***/
#trfelement {float:left; width:100%; margin-top:10px;}

#trfelement_navi {float:left; width:100%; border-bottom:1px solid #dddddd;}
#trfelement_navi ul {width:100%; padding-left:0px;padding-right:0px;}
#trfelement_navi li {float:left; margin:0px 1px; padding: 8px 5px 5px 8px; background:#dfdfdf;
	-webkit-border-top-left-radius: 5px;/* safari */
	-webkit-border-top-right-radius: 5px;/* safari */
	-moz-border-radius-topleft: 5px;/* firefox */
	-moz-border-radius-topright: 5px;/* firefox */
}

#trfelement_navi li.on {float:left;  padding: 8px 5px 5px 8px; background:#797979;
	-webkit-border-top-left-radius: 5px;/* safari */
	-webkit-border-top-right-radius: 5px;/* safari */
	-moz-border-radius-topleft: 5px;/* firefox */
	-moz-border-radius-topright: 5px;/* firefox */
}
#trfelement_navi li.on a {color:#fff;}

#trfelement_navi li.map {float:left; background:#c7d8dc;}
/*#trfelement_navi li.map a{color:#fff;}*/

#trfelement_box {float:left; width:100%; text-align:left; padding: 10px 0px 0px 0px;}

#trfelement_box_1 {float:left; width:100%; text-align:left; padding: 3px 0px 0px 0px;}
#trfelement_box_2 {float:left; width:100%; text-align:left; padding: 3px 0px 0px 0px;}
#trfelement_box_3 {float:left; width:100%; text-align:left; padding: 3px 0px 0px 0px;}
#trfelement_box_4 {float:left; width:100%; text-align:left; padding: 3px 0px 0px 0px;}


/*
.u_tab_l{*float:left}.u_tab3_l{*float:left}.menu_type .on a{_border:0}.u_h .u_h_h{*vertical-align:.5em}.u_sel_unfd,.u_sel_fd{_padding-bottom:1px}.sel_lst .lst .sel{*float:left}.sel_lst3 .lst .sel{*float:left}.complex_info .thmb .num{_right:-1px;_bottom:-1px}.complex_info .info_area .txt_info .txt{*display:inline-block}.ground_size .u_btn,.ground_size .tit{*display:inline;*top:0;*vertical-align:middle}.u_wrt{*display:block}.u_wrt_h,.u_wrt_ct{*display:inline;*float:left}.u_wrt_it{*width:10em}.u_wrt_ct .input_chk{*margin:0 -2px 0 -4px}.u_selo,.area_srch,.u_sel3 .sel_menu,.complex_info .info_area,.ground_size,.section_busi .tit_area,.btn_line2,.notice_lst .lst_box,.my_headline,.product_info,.sel_lst3,.clause_area{_zoom:1}.notice_lst .lst_box .cont{*zoom:1}.notice_lst .lst_box .cont .ico_new{*top:0}.clause_lst{_width:100%}.location button .w{margin:0}.location .pl{_padding-right:1px;_padding-bottom:1px}.location .pr,.location .li1{_padding-left:1px;_padding-bottom:1px}.location .ic1{*font-size:0;*line-height:0;*text-indent:0;_color:#fff}.location .nvt .l1{*width:33.9%}.location .area_lst .lst_box{*float:left;*width:24.5%}.location .area_lst .lst_box a{*display:block}.location .area_lst .lst_box a span{*display:block;*height:100%}
*/