/*// Board Style ///////////////////////////////////////////////////////////////**/

.baseTBL {border-top:2px solid #cccccc;}
.baseTBL caption {background:url(/kor/images/member/agree_bl.gif) no-repeat 0 2px; font:bold 11px 'Nanum Gothic'; color:#454545; padding:0 0 5px 11px; text-align:left;}
.baseTBL th {border-bottom:1px solid #ffffff; background-color:#f5f5f5; font:normal 11px 'Nanum Gothic'; padding-top:3px;}
.baseTBL td {border-bottom:1px solid #cccccc; padding:7px 0 4px 10px; font:normal 11px 'Nanum Gothic';}
.baseTBL td img { vertical-align:-4px; margin:-2px 0 1px 0;}
.baseTBL td input,.baseTBL select,.baseTBL td textarea {margin:-3px 0 0 0;}
.baseTBL td select {font:normal 11px 'Nanum Gothic';}


.boardListTBL {border-top: 2px solid #7daf38;border-bottom: 1px solid #7daf38;}
.boardListTBL caption {}
.boardListTBL th {font-weight:normal; color:#333; padding:4px 0 2px 0;background:#F6F6F6 url(/kor/images/common/h_line.gif) no-repeat 0 6px;	
	border-bottom:1px solid #CCC; text-align:center;}
.boardListTBL th.firstTH {background: #F6F6F6;}
.boardListTBL td {color:#333; padding:4px 0 2px 0; border-bottom: 1px solid  #EEE;}
.boardListTBL td.faqA {padding-top: 10px; padding-bottom:10px; color:#67942a;}
.boardListTBL th.brLeftNone,.boardListTBL td.brLeftNone {border-left: none;}


.boardList { width:100%; }
.boardList caption {font:bold 11px 'Nanum Gothic'; text-align:left; color:#555555; padding-bottom:5px;}
.boardList tr:hover { background:#f9f9f9;}
.boardList th {font:normal 15px; color:#000; border-top:2px solid #000; letter-spacing:0; font-weight:600; height:60px; vertical-align:middle;  text-align:center; border-bottom:1px solid #000;   }
.boardList th.bgNone { border-left:0px; background:#fff;}
.boardList td {color:#333; border-bottom:1px solid #d2d2d2; text-align:center; font-size:16px; padding:20px 0;}
.boardList td strong {color:#999999;}

.boardList td.td_num     {height:27px; font-size:16px; }
.boardList td.td_subject {height:27px; padding-left:15px; text-align:left;}
.boardList td.td_proName {height:27px;}
.boardList td.td_photo   {padding:3px 0 3px 0; font-size:0;}
.boardList td.td_comment {padding:4px 0 4px 15px; text-align:left; line-height:18px;}

.boardView {border-top:2px solid #000;}
.boardView th { border-bottom:1px solid #d2d2d2; border-right:0px solid #ddd;  letter-spacing:0; color:#000; padding:24px 0px 24px 15px;}
.boardView td {border-bottom:1px solid #d2d2d2; font-size:17px; padding-left:15px; text-align:left; }
.boardView td.view {padding:10px; line-height:20px; border-bottom:1px solid #aaa;}
.boardView td.td_tit {font-size:25px; color:#000; padding-top:0px;}
.boardView td.td_num { font-size:17px;}
.boardView td.td_txt { font-size:17px; color:#000; padding-top:0px;}
.boardView td.td_con { font-size:17px; color:#000; line-height:20px; padding:17px 20px 14px 20px;}

.boardReg {border-top:2px solid #909d46;}
.boardReg caption {background:url(/kor/images/member/agree_bl.gif) no-repeat 0 2px; font:bold 11px 'Nanum Gothic'; color:#454545; padding:0 0 5px 11px; text-align:left;}
.boardReg th {border-bottom:1px solid #c2cf7b; color:#333; background-color:#e7efb7; font:bold 11px 'Nanum Gothic'; letter-spacing:-1px; color:#858585; padding-top:3px;}
.boardReg td {border-bottom:1px solid #c2cf7b; padding:7px 0 4px 10px; font:normal 11px 'Nanum Gothic';}
.boardReg td img { vertical-align:-4px; margin:-2px 0 1px 0;}
.boardReg td input,.boardReg select,.boardReg td textarea {margin:-3px 0 0 0;}
.boardReg td select {font:normal 11px 'Nanum Gothic';}

.boardBtn {text-align:right; margin-top:25px; font-size:0; line-height:0;}
.boardBtn img {margin-left:3px;}

.commentList {background:url(/kor/images/board/board_list_bg.gif) no-repeat 0 0; width:669px; margin:30px 0 0 0;}
.commentList caption {font:bold 11px 'Nanum Gothic'; text-align:left; color:#555555; padding-bottom:5px;}
.commentList th {font:normal 11px 'Nanum Gothic'; letter-spacing:-1px; height:25px; vertical-align:top; background:url(/kor/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(/kor/images/product/detail_list_bar.gif) no-repeat 0 8px; padding-top:6px;}
.commentList td.bgNone {background:none;}

.d_BoardHead {width:700px; margin-bottom:1px;}
.d_BoardHead th {background:url(/kor/images/product/product_title_bar.gif) no-repeat right 4px; padding-right:7px; font-size:0;}
.d_BoardHead td.txt {font:normal 11px 'Nanum Gothic'; letter-spacing:-1px; color:#858585; padding-left:6px; padding-top:4px;}
.d_BoardBody {background:url(/kor/images/product/detail_list_bg.gif) no-repeat 0 0; width:700px; margin-top:7px;}
.d_BoardBody th {font:normal 10px Tahoma; height:33px; vertical-align:top; background:url(/kor/images/board/detail_list_bar.gif) no-repeat 0 8px; padding-top:6px;}
.d_BoardBody th.bgNone {background:none;}
.d_BoardBody td {color:#858585;}
.d_BoardBody td img { vertical-align:-1px; margin-right:4px;}
.d_BoardBody td.num {text-align:center; font:normal 11px Tahoma; height:27px;}
.d_BoardBody td.sub {padding-left:25px; font:normal 11px 'Nanum Gothic'; height:27px;}
.d_BoardBody td.nam {text-align:center; font:normal 11px 'Nanum Gothic'; height:27px;}
.d_BoardBody td.dat,.d_BoardBody td.hit {text-align:center; font:normal 10px Tahoma; height:27px;}
.d_BoardBody td p.con {background-color:#f8f8f8; padding:7px 0 5px 19px; color:#666666; margin-bottom:13px;}
.d_BoardBody td.answer {background-color:#f8f8f8; padding:12px 0 10px 19px; color:#666666;}

.viewPhoto th {padding-right:26px; height:121px; background:url(/kor/images/board/board_view_bg.gif) repeat-y 0 right;}
.viewPhoto td {padding-left:25px; font:normal 11px 'Nanum Gothic'; line-height:20px; color:#858585;}

.viewListBody {width:700px;}
.viewListBody td {color:#555555; text-align:center; font:normal 11px 'Nanum Gothic'; padding:4px 0 1px 0; line-height:17px;}
.viewListBody td strong {color:#999999;}
.viewListBody td.td_num {font:normal 10px Tahoma; padding-top:1px;}
.viewListBody td.td_subject {padding-left:15px; text-align:left;}
.review_reply {background:#f5f5f5; padding:20px;}

.btn_file {margin:2px 0;}
.btn_file a {display:inline-block; padding:1px 5px 0; font-weight:normal; text-decoration:none; border:1px solid #ddd; background:#fafafa;}
.btn_file img {vertical-align:middle; margin-top:0px;}

a.boardLink:link		{color:#555555; text-decoration:none; font:normal 11px 'Nanum Gothic';}
a.boardLink:visited		{color:#555555;	text-decoration:none; font:normal 11px 'Nanum Gothic';}
a.boardLink:active		{color:#555555;	text-decoration:underline; font:normal 11px 'Nanum Gothic';}
a.boardLink:hover		{color:#555555;	text-decoration:underline; font:normal 11px 'Nanum Gothic';}

/** text-align **/
.alignLef {text-align:left;}
.alignCen {text-align:center;}
.alignRig {text-align:right;}
.valignTop {vertical-align:top;}
.valignMid {vertical-align:middle;}
.valignBot {vertical-align:bottom;}

/* Form Tag **/
.txtBox {border:1px solid #d6d6d6; height:30px;}
.txtArea {border:1px solid #d6d6d6;}
.btnBox { border:1px solid #cccccc; background:#f5f5f5; color:#454545; height:18px; font:normal 11px 'Nanum Gothic'; padding-top:3px; text-align:center;}


/** photo Style **/

.galleryDL {width:700px; 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 {font:bold 12px  'Nanum Gothic'; color:#83a516; margin:16px 0 0 0;} /*제목*/
.galleryDL dd {font:normal 12px  'Nanum Gothic'; line-height:18px; color:#757575; margin:2px 0 0 0;} /*작성자 및 등록일*/

.galleryTBL p {font-size:0; line-height:0;} /*사진*/
.galleryTBL dl {margin:0px 0 35px 0;} /*가로사이즈 및 여백*/
.galleryTBL dt {font:bold 13px  'Nanum Gothic'; color:#83a516; margin:10px 0 0 0; font-weight:normal; text-align:center; width:210px;} /*제목*/
.galleryTBL dd {font:normal 13px  'Nanum Gothic'; line-height:18px; color:#757575; margin:2px 0 0 0;} /*작성자 및 등록일*/


/* comment food stay */
.sub_tbl_2 {border-top:2px solid #cc3366; margin-bottom:50px; width:700px; }
.sub_tbl_2 th {
	border-bottom:1px solid #cc3366; background:url(/kor/images/common/th_bg_2.gif) no-repeat right 0; text-align:center; padding:10px 0; 
	font-weight:600;
}
.sub_tbl_2 th img {margin:8px 0 8px 0;}
.sub_tbl_2 th.last {background:none;}
.sub_tbl_2 td {border-bottom:1px solid #dedede; color:#666; padding:5px 3px 5px 3px; }
.sub_tbl_2 td div.food p.pic {float:left; width:120px; margin-left:10px;}
.sub_tbl_2 td div.food span.tit {display:block; font-weight:bold; color:#222; padding:1px 0 7px 0; }
.sub_tbl_2 td div.food span.con {color:#666; line-height:1.6; }



/* 게시판 보기 */
.boardView th {font-size:20px; font-weight:600; line-height:22px; border-left:0px solid #ddd;}
.boardView td > .view_info {overflow:hidden;}
.boardView td > .view_info > li {float:left; position:relative; padding:0 10px; font-size:15px; line-height:55px;}
.boardView td > .view_info > li:before {content:''; position:absolute; top:22px; left:0; display:block; width:1px; height:11px; background:#ccc;}
.boardView td > .view_info > li:first-child {padding-left:0;}
.boardView td > .view_info > li:first-child:before {display:none;}
.boardView td > .view_info > li > span {font-weight:bold;}

.boardView td > .view_file {	/* padding:7px 10px 8px 60px; */
	position:relative; min-height:35px;  font-size:15px; line-height:55px; box-sizing:border-box; text-align:left;
}
.boardView td > .view_file > span {/* position:absolute; top:0; left:0; display:block; */ font-weight:bold; }
.boardView td > .view_file > a {display:inline-block; font-size:13px; line-height:22px;}
.boardView td > .view_file > a:first-child {margin-top:0;}




/* 축제커뮤니티 갤러리 */
.gallery {}
.gallery > ul {padding-bottom:10px; overflow:hidden;}
.gallery > ul > li {float:left; position:relative; width:31%; margin:1%; box-sizing:border-box; border:1px solid #ccc;}
.gallery > ul > li img{width:100%;}
.gallery > ul > li > .img,
.gallery > ul > li > .tit {width:100%;}
.gallery > ul > li > .img {position:relative; width:100%; overflow:hidden;}
.gallery > ul > li > .img,
.gallery > ul > li > .img > a {height:550px;}
.gallery > ul > li > .img > a {position:absolute; top:0; left:50%; display:block; width:800px; margin-left:-400px; text-align:center;}
.gallery > ul > li > .img > a > img {width:auto !important; height:100%; width:100%;}
.gallery > ul > li > .tit {padding:10px 0 25px; text-align:center; font-weight:600px; font-size:20px;}
.gallery > ul > li > .img > a,
.gallery > ul > li > .tit > a {display:block; }
.gallery > ul > li > .tit > a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }



@media all and (max-width:589px) {
.gallery > ul > li{width:98%; margin:1%}

}
