/* 공용 */

/* =========================================================================================== */

/*  리스트형 */
#List { }
#List .board_top { clear:both; }

#List .board_list { clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0; }
#List .board_list th {  font-size:11px; font-family:dotum; } 
#List .board_list th { white-space:nowrap; height:42px; overflow:hidden; text-align:center; } 
#List .board_list th { border-top:0px solid #ddd; border-bottom:0px solid #ddd; } 

#List .board_list tr.bg0 { } 
#List .board_list tr.bg1 { } 

#List .board_list td { padding:.6em; }
#List .board_list td { border-bottom:1px solid #eee; }
#List .board_list td.num { color:#999999; text-align:center; }
#List .cate { width:100%; height:16px;  border-right:1px #e1e1e1 solid;color:#DB875E;font-size:11px; font-family:돋움;text-align:center; }
#List .type { float:right; text-align:right; }
#List .type img { float:left; margin:0 0; }

#List .board_list td.checkbox { text-align:center; }
#List .board_list td.subject { overflow:hidden; text-align:left; }
#List .board_list td.subject img { overflow:hidden; text-align:left; vertical-align:middle;}
#List .board_list td.name { text-align:center;padding:0 0 0 10px; }
#List .board_list td.datetime { font:normal 11px; color:#999999; text-align:center; }
#List .board_list td.hit { font:normal 11px; color:#999999; text-align:center; }
#List .board_list td.good { font-weight:bold;  font-size:8pt; color:#ff6600; text-align:center; }
#List .board_list td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }

#List .board_list .notice { font-weight:normal; }
#List .board_list .current { font:bold 11px tahoma; color:#E15916; }
#List .board_list .comment { font-family:Tahoma; font-size:10px; color:#EE5A00; }

.noimg { width:100%; border:0px #e1e1e1 solid; text-align:center; margin-top:50px;}

/* =========================================================================================== */

/*  갤러리형+ps  */
#Gallery { }
#Gallery .checkbox { text-align:center; }
#Gallery .subject { /* 제목글 전체 사이즈 */ width:284px; text-align:left; padding:10px 0 0 0; font-size:12px; font-weight:bold; color:#222;}
#Gallery .content { /* 내용글 전체 사이즈 */ width:284px;  text-align:left;padding:6px 0; font-size:11; font-weight:dotum; letter-spacing:-0.05em; color:#777; line-height:18px;}
#Gallery .name { text-align:center; padding:5px 0 0 0; }
#Gallery .cate { font-size:11px; color:#7B5AD9;  text-align:left;}
#Gallery .datetime { font-size:11px; color:#777777;  text-align:left;}
#Gallery .coment { font-family:dotum; font-size:8pt; color:#EF7858; }
#Gallery .hit { font-size:11px; color:#777777;  text-align:left;} 
#Gallery .line { font-family:dotum; font-size:11px; color:#777777; padding:5px; } 

#Gallerysection figure, 
#Gallerysection figcaption {margin: 0; padding: 0;}
#Gallerysection {margin: 0 auto; width:100%; vertical-align:top;}
#Gallerysection .sortlist .sortbox {display: block; margin:0 8px 16px 8px; }
#Gallerysection .sortlist .iner { padding:15px;}
#Gallerysection .sortlist .iner .best { position:absolute;z-index:3; top:0; left:0; }
#Gallerysection .sortlist a { color: #696969;}
#Gallerysection .sortlist a img { /* 이미지 개당 가로사이즈 */ width:284px;}
#Gallerysection .sortlist a .caption {padding: 5px 4px 2px 4px; font-weight: bold;word-wrap:break-word; word-break:break-all;}
#Gallerysection .sortlist a .caption .pubdate {line-height:23px; font-weight: normal; color: #6279ab;}

#Gallerysection .sortlist .iner { vertical-align:top;overflow: hidden;	position: relative;border: 1px solid #e1e1e1;	background-color: #ffffff;box-shadow: 4px 4px 0 rgba(190,190,190,0.1); -webkit-box-shadow: 4px 4px 0 rgba(190,190,190,0.1);	clear: both;}
#Gallerysection .sortlist .iner:hover { vertical-align:top;overflow: hidden;position: relative;	border: 1px solid #AAA;	background-color: #F8F8F8;box-shadow: 4px 4px 0 rgba(190,190,190,0.1);
	-webkit-box-shadow: 4px 4px 0 rgba(190,190,190,0.1);	clear: both;}

/* =========================================================================================== */

/*  웹진형+ps */
#Webzine { }
#Webzine .bg { } 
#Webzine .bg:hover { background:#F8F8F8; } 

#Webzine .checkbox { text-align:center; }
#Webzine .thumb_tb { /* 제목글 전체 사이즈 */ width:200px; margin:0 0 0 9px; }
#Webzine .thumb { /* 내용글 전체 사이즈 */ width:200px; padding:15px 0 5px 0; vertical-align:top;}
#Webzine .thumb .best { position:absolute;z-index:3; margin-top:0; left:19px; }
#Webzine .cont_tb { width:78%; text-align:left; vertical-align:top; padding:3px 0 0 20px; }
#Webzine .subject { text-align:left; padding:12px 0 0 0; font-size:13px; font-weight:bold; }
#Webzine .name { text-align:center; padding:5px 0 0 0; }
#Webzine .cate { font-size:11px; color:#7B5AD9;  text-align:left;}
#Webzine .content { text-align:left; padding:8px 15px 15px 0; font-size:11; font-weight:dotum; letter-spacing:-0.05em; color:#777; line-height:18px;}
#Webzine .datetime { font-size:11px; color:#777777;  text-align:left;}
#Webzine .hit { font-size:11px; color:#777777;  text-align:left;} 
#Webzine .line { font-family:dotum; font-size:11px; color:#777777; padding:5px; } 
#Webzine .good { font-weight:bold;  font-size:8pt; color:#ff6600; text-align:center; }
#Webzine .nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }

/* =========================================================================================== */

/*  전후사진 갤러리형 */
#bnaGallery { }
#bnaGallery .checkbox { text-align:center; }
#bnaGallery .subject { /* 제목글 전체 사이즈 */ width:445px; text-align:left; padding:1px 0 0 0; font-size:12px; font-weight:bold; }
#bnaGallery .content { /* 내용글 전제 사이즈 */ width:445px; text-align:left;padding:6px 0; font-size:11; font-weight:dotum; letter-spacing:-0.05em; color:#777; line-height:18px;}
#bnaGallery .name { text-align:center; padding:5px 0 0 0; }
#bnaGallery .cate { font-size:11px; color:#7B5AD9;  text-align:left;}
#bnaGallery .datetime { font-size:11px; color:#777777;  text-align:left;}
#bnaGallery .coment { font-family:dotum; font-size:8pt; color:#EF7858; }
#bnaGallery .hit { font-size:11px; color:#777777;  text-align:left;} 
#bnaGallery .line { font-family:dotum; font-size:11px; color:#777777; padding:5px; } 
#bnaGallery .type { float:right; text-align:right; }
#bnaGallery .type img { float:left; margin:0 0; }

#bnasection figure, 
#bnasection figcaption {margin: 0; padding: 0;}
#bnasection {margin: 0 auto; width:100%; margin-top:10px; }
#bnasection .sortlist .sortbox { display: block; /* 간격 */ margin:0 8px 16px 8px; vertical-align:top; }
#bnasection .sortlist .iner { padding:16px; vertical-align:top;}
#bnasection .sortlist .iner .bna ul { display:inline-block; /* 이미지 가로x2사이즈 */ width:450px; list-style:none; vertical-align:middle; padding:0px; }
#bnasection .sortlist .iner .before { float:left;vertical-align:middle; }
#bnasection .sortlist .iner .arrow { float:left; text-align:center; width:25px; margin-top:50px; }
#bnasection .sortlist .iner .after { float:left;vertical-align:middle; }
#bnasection .sortlist .iner .best { position:absolute;z-index:3; top:0; left:0; }
#bnasection .sortlist a { color: #696969;}
#bnasection .sortlist a img { /* 이미지 개당 가로사이즈 */ width:212px;  }
#bnasection .sortlist a .caption {padding:0px 4px 2px 4px; font-weight: bold;word-wrap:break-word; word-break:break-all;}
#bnasection .sortlist a .caption .pubdate {line-height:23px; font-weight: normal; color: #6279ab;}

#bnasection .sortlist .iner {	vertical-align:top;overflow: hidden;	position: relative;border: 1px solid #e1e1e1;	background-color: #ffffff;box-shadow: 4px 4px 0 rgba(190,190,190,0.1); -webkit-box-shadow: 4px 4px 0 rgba(190,190,190,0.1);	clear: both;}
#bnasection .sortlist .iner:hover {vertical-align:top;overflow: hidden;position: relative;	border: 1px solid #AAA;	background-color: #F8F8F8;box-shadow: 4px 4px 0 rgba(190,190,190,0.1);
	-webkit-box-shadow: 4px 4px 0 rgba(190,190,190,0.1);	clear: both;}

/* =========================================================================================== */

/*  전후사진 웹진형 */
#bnaWebzine {  }
#bnaWebzine .bg { } 
#bnaWebzine .bg:hover { background:#F8F8F8; } 

#bnaWebzine .checkbox { text-align:center; }
#bnaWebzine .thumb_tb { /* 이미지 가로사이즈 */ width:200*2+40px; margin:0 0 0 9px; }
#bnaWebzine .thumb {  /* 이미지 가로사이즈 */ width:200px; padding:15px 0 15px 0; vertical-align:top;}
#bnaWebzine .thumb .best { position:absolute;z-index:3; margin-top:0; left:19px; }
#bnaWebzine .arrow { width:40px; text-align:center; vertical-align:middle; }
#bnaWebzine .cont_tb { width:44%; text-align:left; vertical-align:top; padding:3px 0 0 20px; }
#bnaWebzine .subject { text-align:left; padding:10px 0 0 0; font-size:12px; font-weight:bold; }
#bnaWebzine .name { text-align:center; padding:5px 0 0 0; }
#bnaWebzine .cate { font-size:11px; color:#7B5AD9;  text-align:left;}
#bnaWebzine .content { text-align:left; padding:8px 15px 5px 0; font-size:11; font-weight:dotum; letter-spacing:-0.05em; color:#777; line-height:18px;}
#bnaWebzine .datetime { font-size:11px; color:#777777;  text-align:left;}
#bnaWebzine .hit { font-size:11px; color:#777777;  text-align:left;} 
#bnaWebzine .line { font-family:dotum; font-size:11px; color:#777777; padding:5px; } 
#bnaWebzine .good { font-weight:bold;  font-size:8pt; color:#ff6600; text-align:center; }
#bnaWebzine .nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }
#bnaWebzine .type { float:right; text-align:right; }
#bnaWebzine .type img { float:left; margin:0 0; }

/* =========================================================================================== */

/*  전후사진 pn 이전다음 */
#tour_container { display:block; position:relative; width:800px; margin:0 auto; }
#tour_container .adm { right:0px; text-align:right; padding:5px;}

#tour_image_container { display:block; position:relative; height:420px; }
#tour_image_container ul { position:relative; width:749px; height:370px; border:1px #e1e1e1 solid; padding:20px; background:#eee; }
#tour_image_container ul li { float:left; list-style:none; position:absolute; }
#tour_image_container ul li .image { width:800px; } 
#tour_image_container ul li .before { margin:0 5px 0 0; } 
#tour_image_container ul li .bna_arrow { position:absolute; z-index:6; margin-top:170px; margin-left:350px; width:50px; }

#tour_image_container ul li .gp { width:800px; height:40px; position:absolute; }
#tour_image_container ul li .gp .square { display:block; width:370px; height:40px; background:#000; position:absolute; text-align:center; }
#tour_image_container ul li .gp .txt {  width:100%; position:absolute; color:#FFF; font-size:14px; font-family:nanumgothic; line-height:23px; padding:8px 15px 0 15px;}
#tour_image_container ul li .gp .txt img { top:10px; position:absolute; }

#tour_image_container .btn_tb { width:330px; height:50px; margin:0 auto; text-align:center; cursor:pointer;  margin-top:15px; }
#tour_image_container .btn_prev { float:left; cursor:pointer; }
#tour_image_container .btn_next { float:right; cursor:pointer; }

#tour_nav_container {  display:block; position:relative; margin-top:30px; }
#tour_nav_container .nav {position:relative; }
#tour_nav_container .nav .arrow { margin-top:1px; margin-left:1px; position:absolute; z-index:1; border:1px #ff3b36 solid; width:258px; height:138px; background:#fff; }
#tour_nav_container .nav ul { width:800px; }
#tour_nav_container .nav ul li { list-style:none; float:left; width:245px; border:1px #e1e1e1 solid; padding:6px; margin:0 7px 7px 0; text-align:center; cursor:pointer; position:relative; }
#tour_nav_container .nav ul li img {  position:relative; z-index:2;}
#tour_nav_container .nav ul li:hover { border:1px #bbb solid; background:#FFF; }
#tour_nav_container .nav .subject { display:block; position:relative; z-index:2; text-align:center; width:100%; padding:5px 0; }
#tour_nav_container .bna_arrow { position:absolute; z-index:5; margin-top:37px; margin-left:105px; width:30px; }
#tour_nav_container .best { position:absolute;z-index:4; margin-top:-8px; margin-left:-9px; }
#tour_nav_container .adm { position:absolute; z-index:4; margin-top:80px; padding:0 0 0 5px;}

/* =========================================================================================== */

/* 페이지 공통 */
.board_button { margin:6px 0 0 0; text-align:center;}
.board_page { clear:both; text-align:center; margin:10px 0 0 0;}
.board_page a:link { color:#777; }
.board_top1 { border-top:1px solid #eee;margin:10px 0 0 0; }
.board_bottom { border-bottom:1px solid #eee; }
.board_search { text-align:center; padding:10px; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }

.total_page_off { display:block; text-align:center; color:#000000;}
.total_page_off a {  display:block; cursor:pointer; text-decoration:none; font-size:11px; color:#000000; vertical-align:middle; padding:2px 7px; background:#FFF;border:1px #CCC solid; }
.total_page_off a:hover {  display:block; cursor:pointer; text-decoration:none;  font-size:11px; color:#000000; vertical-align:middle; background:#F5F5F5; border:1px #CCC solid;}
.total_page_on { display:block; text-align:center; font-size:11px; color:#000; vertical-align:middle;  }
.total_page_on a { display:block; text-align:center; text-decoration:none; font-size:11px; color:#000000; vertical-align:middle; padding:2px 7px; border:1px #444 solid;}