﻿/*/////////////////////////////////////////////////////////////////////////////
//
//		Board Style
//
//////////////////////////////////////////////////////////////////////////////**/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td, p { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
p { line-height:auto;  }
.vo-hidden { display:none; }


#board-view-wrap { position:relative; clear:both; width:100%; border:0px;   }
#board-view-wrap td { text-align:left; }


#board-view-wrap td,th,tr,table, div, input{  font-size:1em; _font-family:돋움, 굴림, Tahoma, Arial, Verdana, sans-serif;}
#board-view-wrap ul, li {list-style-type:none;}
#board-view-wrap img {margin:0; padding:0; border:0; vertical-align:top;}
#board-view-wrap a:link		{color:#666; text-decoration:none;}
#board-view-wrap a:active	{color:#666; text-decoration:none;}
#board-view-wrap a:visited	{color:#666; text-decoration:none;}
#board-view-wrap a:hover		{color:#999; text-decoration:none;}

#board-view-wrap td		{ vertical-align:middle; }



/******************************************************************************************************************/


/* board list head */
#board-view-wrap .boardHead {display:inline-block; width:100%; padding-bottom:20px;}
#board-view-wrap .boardHead .page {float:left; padding:5px 0 0 0; font:normal 11px Tahoma; color:#858585;}
#board-view-wrap .boardHead .page span.tatal {color:#db5444;}
#board-view-wrap .boardHead .form {float:right; font-size:0;}
#board-view-wrap .boardHead .form label {display:none;}
#board-view-wrap .boardHead .form input.txtbox {width:130px; height:19px; margin-right:2px;}
#board-view-wrap .boardHead .form input.btnbox {width:55px; height:19px; border:0; vertical-align:-4px; cursor:hand;}
#board-view-wrap .boardHead .form select { margin-right:1px; }
#board-view-wrap .boardHead .search_txt  {  text-align:right; height:20px;margin:0px; padding:0px; list-style:none; vertical-align:middle; }
#board-view-wrap .boardHead .search_txt dt { display:none; }
#board-view-wrap .boardHead .search_txt dd { float:left; text-align:right; margin:0px; padding:0px 3px 0px 0px; vertical-align:middle; }


/* board list  */
#board-view-wrap .boardList {margin:9px 0 0 0; no-repeat -20px -0px; vertical-align:middle; } 
/*  */
#board-view-wrap .boardList th { font:normal 12px "돋움"; font-weight:bold; color:#000; letter-spacing:-1px;  vertical-align:middle; 
background:url(/images/board/bd_title_bg.gif) repeat-x 0 0; 
border-top:1px solid #ddd; border-bottom:1px solid #ddd; 
height:31px;
}


#board-view-wrap .boardList th.bgNone {background:none; }
#board-view-wrap .boardList td { clear:both;  }
#board-view-wrap .boardList td { padding:8px 0 8px 0; vertical-align:middle;  color:#757575; border-bottom:1px solid #ddd; text-align:center; font:normal 12px "돋움" ; }
#board-view-wrap .boardList td strong {color:#999999;}
#board-view-wrap .boardList td.td_left     { text-align:left;  }
#board-view-wrap .boardList td span.Q_icon{  padding-right:10px; }
#board-view-wrap .boardList .faq_cont { text-align:left; }
#board-view-wrap .boardList .faq_cont .A_icon{ text-align:center; margin-left:55px; width:25px; float:left;  padding-top:10px; }
#board-view-wrap .boardList .faq_cont .A_cont{ text-align:left; margin-left:90px; padding:0px; padding:10px 0 10px 0;  } 

#board-view-wrap .pageNum {margin-top:30px; text-align:center; font:normal 12px "돋움"; }
#board-view-wrap .pageBar {font:normal 10px "돋움"; color:#bbb; padding:0 3px 0 3px;}
#board-view-wrap .pageBtn {vertical-align:-3px;}
#board-view-wrap .pageNow {color:#dd0000;}

#board-view-wrap .boardBtn {text-align:right; font-size:0; line-height:0;}
#board-view-wrap .boardBtn img {margin-left:4px;}


/* board list - event */
#list_event  { width:100%; padding-top:20px;   }
#list_event ul { width:100%; margin:0 auto; padding:0px; border-top:1px solid #e0e0e0;}
#list_event li { width:100%; display:inline-block; border-bottom:1px solid #e0e0e0; padding:10px 20px 10px 20px;}
#list_event p {float:left; border:3px solid #ddd; }
#list_event p.eimg { width:300px; height:100px;}

#list_event dl {float:left; margin:0 0 0 0; padding-left:20px; }
#list_event dt {font:bold 15px Dotum; padding:0px; }
#list_event dt a {color:#db5444;}
#list_event dt a:hover,
#list_event dt a:active,
#list_event dt a:focus {text-decoration:underline;}
#list_event dd { width:350px; margin:9px 0 0 0; font:normal 12px Dotum; color:#666; line-height:19px; }
#list_event dd .date {margin:7px 0 0 0; font:normal 11px Dotum; color:#858585;}
#list_event dd .date img {vertical-align:-3px;}

/* board list - blog */

#list_blog  { width:100%; padding-top:20px;   }
#list_blog ul { width:100%; margin:0 auto; padding:0px; border-top:1px solid #e0e0e0;}
#list_blog li { width:100%; display:inline-block; border-bottom:1px solid #e0e0e0; padding:10px 20px 10px 20px;}
#list_blog p {float:left; border:3px solid #ddd; }
#list_blog p.eimg { width:130px; height:110px;}

#list_blog dl {float:left; margin:0 0 0 0; padding-left:20px; }
#list_blog dt {font:bold 15px Dotum; padding:0px; }
#list_blog dt a {color:#000;}
#list_blog dt a:hover,
#list_blog dt a:active,
#list_blog dt a:focus {text-decoration:underline;}
#list_blog dd { width:500px; margin:9px 0 0 0; font:normal 12px Dotum; color:#666; line-height:19px; }
#list_blog dd .date {margin:7px 0 0 0; font:normal 11px Dotum; color:#858585;}
#list_blog dd .date img {vertical-align:-3px;}


#list_blog dd span.site { font-size:11px; color:#aaaaaa;}
#list_blog dd span.line { font-size:11px; border:0px; color:#e7e7e7;}
#list_blog dd span.date { font-size:11px; color:#aaaaaa;}
#list_blog dd span.cont { color:#808080; }
#list_blog dd span.url { font-size:11px;}
#list_blog dd span.bname { font-size:11px; color:#ff9999; }
#list_blog dd span.url { font-size:11px; color:#808080; }



/* board content */
#board-view-wrap .boardView  { border-top:1px solid #ddd; margin-bottom:20px;  }

#board-view-wrap .boardView th {  font-weight:bold; background:#f7f7f7; border-bottom:1px solid #ddd;  padding:0px; color:#000;  }
#board-view-wrap .boardView td { border-bottom:1px solid #ddd; font:normal 12px "돋움"; padding-left:10px; padding:5px;  }
#board-view-wrap .boardView th.subject { padding:7px 10px 7px 10px; 
								background:url(/images/board/bd_title_bg.gif) repeat-x 0 0; border-bottom:1px solid #ddd;  color:#000; }
#board-view-wrap .boardView td.writer { color:#808080; }
#board-view-wrap .boardView td.tit { font-weight:bold; }
#board-view-wrap .boardView td.pwd_cont { text-align:center;padding:10px; height:50px;  } 
#board-view-wrap .boardView td.pwd_btn { text-align:center;padding:10px;  } 
#board-view-wrap .boardView td.view img { max-width:600px; width: __EXPRESSION__(this.width > 600 ? 600: true); } 
#board-view-wrap .boardView_detail  { border-bottom:1px solid #ddd; margin-bottom:20px;  } 
#board-view-wrap .boardView_detail img { max-width:600px; width: __EXPRESSION__(this.width > 600 ? 600: true);  } 

#board-view-wrap .boardView_prev  {  border-top:1px solid #ddd; }
#board-view-wrap .boardView_prev th.tit { background:#f7f7f7;   border-bottom:1px solid #ddd; font-weight:bold; text-align:center;}
#board-view-wrap .boardView_prev td { height:30px; border-bottom:1px solid #ddd; padding-left:10px; }
#board-view-wrap .boardView_prev td.txt { color:#808080; }


/* 이벤트 목록 - sub05 */
#sub05_01 {width:100%; overflow:hidden;}
#sub05_01 ul {width:100%;}
#sub05_01 li {float:left; width:322px; height:255px; margin:0 25px 0 0;}
#sub05_01 li .ban img {border:1px solid #d5d5d5;}
#sub05_01 li dl {margin:10px 0 0 0;}
#sub05_01 li dt {height:22px; background:url(/images/common/dot_line.gif) repeat-x 0 bottom;}
#sub05_01 li dt a {font:bold 12px Dotum; color:#357b2a; }
#sub05_01 li dt a:active {color:#357b2a; }
#sub05_01 li dt a:visited {color:#357b2a; }
#sub05_01 li dt a:link {color:#357b2a; }
#sub05_01 li dt a:hover {text-decoration:underline; color:#357b2a; }


#sub05_01 li dd {font:normal 12px Dotum; line-height:19px; color:#444; margin:7px 0 0 0;}
#sub05_01 li .day {height:15px; font:normal 11px Tahoma; color:#858585; margin:7px 0 0 0; padding:0 0 0 58px; background:url(/images/sub05/event_date.gif) no-repeat 0 0;}
#sub05_01 .page {clear:both;}
#sub05_01_1 .view dt {font:bold 14px Dotum; color:#444;}
#sub05_01_1 .view dd { margin:0; padding:0; border:0; }
#sub05_01_1 .view .day {height:15px; font:normal 11px Tahoma; color:#858585; margin:9px 0 0 0; padding:0 0 0 58px; background:url(/images/sub05/event_date.gif) no-repeat 0 0;}
#sub05_01_1 .view .con {border-top:2px solid #357b2a; font:normal 12px Dotum; line-height:21px; color:#444; margin:12px 0 0 0; padding:25px 0 25px 0; background:url(/images/common/dot_line.gif) repeat-x 0 bottom;}
#sub05_01_1 .view .con img {} /* margin-bottom:26px;*/

#sub05_01_1 .ment {margin:25px 0 0 0;}
#sub05_01_1 .ment dt {font:normal 12px Dotum; color:#999; padding:0 0 7px 0;}
#sub05_01_1 .ment dt strong {color:#666;}
#sub05_01_1 .ment dd { margin:0; padding:0; border:0; border:1px solid #e6e6e6; background:#f9f9f9; padding:20px 20px 25px 20px;}
#sub05_01_1 .ment .ment_box {  font:normal 11px Dotum; color:#858585; background:redl}  /* display:inline-block; */
#sub05_01_1 .ment .ment_box textarea { border:1px solid red; width:538px; height:54px; border:1px solid #bfbfbf; margin:0 5px 10px 0; vertical-align:middle;}
#sub05_01_1 .ment .ment_box input.btnbox {width:80px; height:54px; }
/* #sub05_01_1 .ment .ment_box img {vertical-align:-21px; width:80px; height:54px; border:none;} */
#sub05_01_1 .ment .ment_box input.txtbox { width:120px; height:20px; border:1px solid #bfbfbf; margin:0 5px 0 0; font:normal 11px Dotum; color:#858585; padding:4px 0 0 3px;} /* float:left;  */
#sub05_01_1 .ment .ment_box span {display:block; margin:5px 0 0 0;}
#sub05_01_1 dd .ment_txt { display:inline-block; border-bottom:1px solid #dedede; margin:20px 0 0 0; width:100%;  }
#sub05_01_1 dd .ment_txt ul { padding:0px; margin:0px; }
#sub05_01_1 dd .ment_txt li { padding:0px; margin:0px; display:inline-block; width:100%; border-top:1px solid #dedede; font:normal 12px Dotum; line-height:18px; color:#666; padding:18px 0 14px 0;}
#sub05_01_1 dd .ment_txt li .con {float:left; }
#sub05_01_1 dd .ment_txt li .con strong {color:#333;}
#sub05_01_1 dd .ment_txt li .con .day {font:normal 10px Tahoma; color:#999;}
#sub05_01_1 dd .ment_txt li .con .txt {margin:5px 0 0 0;}
#sub05_01_1 dd .ment_txt li .btn {float:right; font:normal 12px Dotum; color:#ccc;}
#sub05_01_1 dd .ment_txt li .btn a {font:normal 12px Dotum; color:#999;}
#sub05_01_1 dd .page {margin:25px 0 0 0; text-align:center; }
#sub05_01_1 .btn {margin:25px 0 0 0; font-size:0; line-height:0; text-align:right;}
#sub05_01_1 .btn a {margin:0 0 0 2px;}

/* 인터넷 방문후기 */

/* sub06 */
#content .subcon {padding:0 20px 80px 80px; font:normal 12px Dotum; color:#444;}
#sub06_01 { width:100%; clear:both; padding:0px; margin:0px; }
#sub06_01 .memo {height:26px;  }
#sub06_01 .review {position:relative; width:100%; border-top:2px solid #357b2a; padding:0px; margin:0px; }
#sub06_01 .review li { position:relative; width:100%;  height:159px; overflow:hidden; border-bottom:1px solid #e5e5e5; 
padding:0px; margin:0px; }/* width:669px; */
#sub06_01 .review li .pic {position:absolute; top:18px; left:0; font-size:0; line-height:0; padding:0px;   }
#sub06_01 .review li .pic img {border:1px solid #ccc;}
#sub06_01 .review li dl { padding:0px; margin:0px; position:absolute; top:25px; left:180px; width:485px; }
#sub06_01 .review li dt { padding:0px; margin:0px; height:20px;}
#sub06_01 .review li dt a {font:bold 13px Dotum; color:#357b2a;}
#sub06_01 .review li dt a:active {color:#357b2a; }
#sub06_01 .review li dt a:visited {color:#357b2a; }
#sub06_01 .review li dt a:link {color:#357b2a; }
#sub06_01 .review li dt a:hover { color:#357b2a; text-decoration:underline;}

#sub06_01 .review li dd {  padding:0px; margin:0px; }
#sub06_01 .review li dd .day {font:normal 11px Dotum; color:#858585}
#sub06_01 .review li dd .day strong {font:bold 11px Dotum; color:#858585}
#sub06_01 .review li dd .day span {font:normal 11px Tahoma;}
#sub06_01 .review li dd .con {font:normal 11px Dotum; color:#444; line-height:18px; margin:12px 0 0 0;}
#sub06_01 .review li dd .add {height:12px; font:normal 11px Dotum; color:#444; margin:10px 0 0 0; padding:3px 0 0 50px; background:url(/images/sub06/review_site.gif) no-repeat 0 0;}
#sub06_01 .review li dd .add a:hover {text-decoration:underline;}
#sub06_01 .page {margin:20px 0 0 0;}

#sub06_02 {width:100%;}
#sub06_02 li {height:20px; font-size:0; line-height:0;}
#sub06_02 table {margin:7px 0 0 0; border-top:2px solid #357b2a;}
#sub06_02 th {background:#eaf2e9; height:27px; border-bottom:1px solid #c6dac3; text-align:left; vertical-align:top; font:normal 11px Dotum; color:#555555; padding:9px 0 0 0;}
#sub06_02 th img {margin:0 5px 0 15px; vertical-align:2px;;}
#sub06_02 td {background:#fff; vertical-align:top; border-bottom:1px solid #e0e0e0; padding:0 0 0 6px; font:normal 11px Dotum; color:#858585; padding:4px 3px 4px 5px;}
#sub06_02 td input.txtbox {height:19px; background:#eaf2e9; border:1px solid #c6dac3; padding:2px 0 0 3px; font:normal 11px Dotum; color:#858585;}
#sub06_02 td img {vertical-align:-5px;}
#sub06_02 td select {font:normal 11px Dotum;}
#sub06_02 td textarea { background:#eaf2e9; border:1px solid #c6dac3; }
#sub06_02 .subbtn {text-align:right; margin:25px 0 0 0;}
#sub06_02 .subbtn .confirm {font:normal 11px Dotum; border:none; background:#357b2a; color:#fff; width:60px; height:18px; padding:2px 0 0 0;}
#sub06_02 .subbtn .cancle {font:normal 11px Dotum; border:none; background:#757575; color:#fff; width:60px; height:18px; padding:2px 0 0 0;}


/* comment */
.boardComment {  background:url(/images/board/bd_title_bg.gif) repeat-x 0 0; border:1px solid #ddd; }
.boardComment caption {background:url(/images/member/agree_bl.gif) no-repeat 0 2px; font:bold 11px "돋움"; color:#454545; padding:0 0 5px 11px; text-align:left;}
.boardComment th {  letter-spacing:-1px; padding-top:3px; height:30px; }
.boardComment td {   border-bottom:1px solid #ddd; padding:3px 0px 3px 3px; height:30px; font:normal 11px "돋움";}
.boardComment td img { vertical-align:-4px; margin:-2px 0 1px 0;}
.boardComment td input,.boardReg select,.boardReg td textarea {}
.boardComment td select {font:normal 11px "돋움";}
.boardComment { padding:10px;text-align:center; }

.commentArea div { padding:0px; margin:0px; }
.commentArea div.allcont { padding:0px; border-bottom:1px dotted #ddd;  }
.commentArea div.allcont  div.head {   font-weight:bold; padding:10px 10px 0px 10px; }
.commentArea div.allcont  div.cont {  padding:0px 10px 10px 10px; color:#646464; }
.commentArea .paging-wrap { padding:10px; }

.commentList {background:url(/images/board/board_list_bg.gif) no-repeat 0 0; width:780px; margin:30px 0 0 0;}
.commentList caption {font:bold 11px "돋움"; text-align:left; color:#555555; padding-bottom:5px;}
.commentList th {font:normal 11px "돋움"; letter-spacing:-1px; height:25px; vertical-align:top; background:url(/images/board/detail_list_bar.gif) no-repeat 0 8px; padding-top:7px;}
.commentList th.bgNone {background:none;}
.commentList td {font:normal 10px Tahoma; height:25px; vertical-align:top; text-align:center; background:url(/images/product/detail_list_bar.gif) no-repeat 0 8px; padding-top:6px;}
.commentList td.bgNone {background:none;}



/* insert */
.boardReg {  border-top:1px solid #ddd;  }
.boardReg th {  border-bottom:1px solid #ddd; background:#f7f7f7; letter-spacing:-1px; padding-top:3px; height:30px; }
.boardReg td {   border-bottom:1px solid #ddd; padding:5px 10px 5px 10px; height:30px; font:normal 11px "돋움";}
.boardReg td img { vertical-align:-4px; margin:-2px 0 1px 0;}
.boardReg td input,.boardReg select,.boardReg td textarea {}
.boardReg td select {font:normal 11px "돋움";}
.board-reg-btn { padding:10px;text-align:center; }
.txtBox {border:1px solid #d6d6d6; height:18px;padding-top:2px;}
.txtArea {border:1px solid #d6d6d6;}
.btnBox { border:1px solid #cccccc; background:#f5f5f5; color:#454545; height:18px; font:normal 11px "돋움"; padding-top:3px; text-align:center;}
.btn_file a {font-size:11px;  padding:2px;  display:inline-block; font-weight:normal; text-decoration:none; border:1px solid #ddd; background:#fafafa;}
.btn_file img {vertical-align:middle; margin-top:0px;}


/* button */
.subbtn .confirm {font:normal 11px Dotum; border:none; background:#357b2a; color:#fff; width:60px; height:18px; padding:2px 0 0 0;}
.subbtn .cancle {font:normal 11px Dotum; border:none; background:#757575; color:#fff; width:60px; height:18px; padding:2px 0 0 0;}


/** photo Style **/

.galleryDL {width:900px; display:inline-block;} /*전체사이즈*/
.galleryDL dl {width:210px; float:left; margin:0 20px 35px 0;} /*가로사이즈 및 여백*/
.galleryDL dt {font-size:0; line-height:0;}/*사진*/
.galleryDL dd.title { width:160px; font:bold 12px  "돋움"; color:#83a516; margin:10px 0 10px 0;} /*제목*/
.galleryDL dd { width:160px;  font:normal 12px  "돋움"; line-height:18px; color:#757575; margin:2px 0 0 0;} /*작성자 및 등록일*/

.galleryTBL {/*margin-top:30px;*/} /*사진*/
.galleryTBL p {  font-size:0; line-height:0;} /*사진*/
.galleryTBL .img { width:160px;height:100px;text-align:center;border:1px solid #ddd;  top:50%;}
.galleryTBL dl {margin:0 0 35px 0;} /*가로사이즈 및 여백*/
.galleryTBL dt {  width:160px; font:bold 12px  "돋움"; color:#83a516; margin:16px 0 0 0; padding:5px 0 5px 0px; } /*제목*/
.galleryTBL dd { width:160px; font:normal 12px  "돋움"; line-height:18px; color:#757575; margin:2px 0 0 0;} /*작성자 및 등록일*/




/*게시판*/


.board_list {width:94%; overflow:hidden; margin:0 auto; padding-bottom:20px;}
.board_list li{ overflow:hidden; 

color:#333; padding-left:10px;
border-bottom:1px solid #ddd; font-size:12px; font-weight:bold; line-height:40px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 64%, rgba(234,234,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(64%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 64%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 64%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 64%,rgba(234,234,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 64%,rgba(234,234,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ }


.board_list li a {color:#666; display:block; width:100% !imprtant; font-weight:normal;}



/*보드 서칭*/

.board_search {padding:2%; border-radius:5px; _border:1px solid #a6abb3; background:#b0b4ba; margin-bottom:15px; overflow:hidden; width:96%; margin:0 auto; }
.board_search  select {float:left; margin-right:2%; line-height:30px;  width:25%; background:#fff}
.board_search  input {border-radius:5px; _border:1px solid #9ba1aa; width:55%; margin-right:2%; line-height:30px; height:30px; float:left;}
.board_search img {width:20px!important;  vertical-align:middle;}



/*		공지사항 list 		*/
.sub_content .notice{position:relative;overflow:hidden; width:100%; margin-top:15px; border-top:1px solid #cacaca}
.sub_content .notice li{padding:10px; padding-right:15px; widtdh:90%; font-size:0.95em;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #cacaca; background:url(/mobile/images/sub/bl_10.png) 97% 50% no-repeat}
.sub_content .notice li strong{display:block; min-width:235px; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:1.1em; }



.sub_content .roundBox .tbl_02{position:relative; overflow:hidden; width:100%; table-layout:fixed; border-spacing:0; color:#000}
.sub_content .roundBox .tbl_02 tr {border-bottom:1px solid #cacaca;}
.sub_content .roundBox .tbl_02 tr th{padding:5px; height:20px; line-height:20px; font-size:1.3em; font-weight:600; text-align:center; background:#fbdde6}
.sub_content .roundBox .tbl_02 tr td{font-size:1.3em; padding:5px; height:20px;  letter-spacing:-0.1em}
.sub_content .roundBox .tbl_02 tr td input{ width:98%; height:25px; border:1px solid #cacaca}
.sub_content .roundBox .tbl_02 tr td textarea{width:98%; height:100px; border:1px solid #cacaca}


.chk { border:1px solid #999; width:15px; height:15px; }
.num_list2 a{color:#444; letter-spacing:0.8em}
.num_list2 .on{font-weight:600; color:#000 }