@charset "utf-8";

.cateBtn_bo { position:relative; width:100%; text-align:center; margin-top:60px; }
.cateBtn_bo .nav { display:inline-block; width:100%; position:relative; text-align:center; }
.cateBtn_bo .nav ul { width:100%; text-align:center; margin:0 auto; padding:0; font-size:16px; font-weight:400; letter-spacing:-0.03em;}
.cateBtn_bo .nav li { list-style:none; display:inline-block; position:relative; width:10%; height:45px; line-height:45px; /* 깜빡임 없앰 -> */ background:#fff; color:#222; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn_bo .nav li:first-child { border-radius:23px 0 0 23px; }
.cateBtn_bo .nav li:last-child { border-radius:0 23px 23px 0; }
.cateBtn_bo .nav li a:hover {  }
.cateBtn_bo .nav li span {  display:block; height:43px; background:#444; color:#FFF; text-align:center; cursor:pointer;  }
.cateBtn_bo .nav li:first-child span { border-radius:23px 0 0 23px; }
.cateBtn_bo .nav li:last-child span { border-radius:0 23px 23px 0; }


/* BNA BASIC */
#list_gallery { margin:-50px 0 30px 0;}
#list_gallery .checkbox { text-align:center; }
#list_gallery .subject { width:100%; text-align:left; padding:6px 0 0; font-size:17px; font-weight:400; line-height:26px; }
#list_gallery .content { width:100%; text-align:left;padding:6px 0; font-size:13px; font-weight:dotum; letter-spacing:-0.05em; color:#777; line-height:18px;}
#list_gallery .name { text-align:center; padding:5px 0 0 0; }
#list_gallery .cate { font-size:14px; line-height:22px; font-weight:500; color:#686dcf; padding:0 10px; margin-left:5px; border:1px #a1a6fe solid; border-radius:12px; }
#list_gallery .datetime { font-size:14px; color:#777;  padding:0 0 0 5px;}
#list_gallery .coment { font-size:14; color:#EF7858; }
#list_gallery .hit { display:none; font-size:14px; color:#777;  text-align:left; padding:0 0 0 10px;} 
#list_gallery .line { font-size:14px; color:#777; padding:5px; } 

#gallery_section figure, 
#gallery_section figcaption {margin: 0; padding: 0;}
#gallery_section {margin: 0 auto; width:100%; margin-top:10px; }
#gallery_section .sortlist .sortbox {display: block; margin:0 7px 14px 7px; vertical-align:top; }
#gallery_section .sortlist .iner { display:inline-block; height:100%; padding:16px; vertical-align:top;}
#gallery_section .sortlist .iner .bna ul { display:inline-block; width:100%; list-style:none; vertical-align:middle; padding:0px; }
#gallery_section .sortlist .iner .before { float:left;vertical-align:middle; }
#gallery_section .sortlist .iner .arrow { float:left; text-align:center; width:25px; margin-top:15%; }
#gallery_section .sortlist .iner .after { float:left;vertical-align:middle; }
#gallery_section .sortlist .iner .best { position:absolute;z-index:3; top:0; left:0; }
#gallery_section .sortlist a {}
#gallery_section .sortlist a img { border-radius:10px; }

#gallery_section .sortlist .iner {	vertical-align:top;overflow: hidden;	position: relative;border: 1px solid #ccc; background: #fff; border-radius:10px; transition: all 0.3s ease; /*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;}
#gallery_section .sortlist .iner:hover {vertical-align:top;overflow: hidden;position: relative;	border: 1px solid #555;	background: #fafafa; border-radius:10px; transition: all 0.3s ease; /*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;}

.bna_basic { <?php echo $board['bo_gallery_height']+200?>px; position:relative; width:94%; padding:40px 0 50px 0; margin:0 auto; text-align:center;}
.bna_basic ul { width:100%; margin:0 auto; }
.bna_basic li { list-style:none; float:left; display:inline-block; width:50%; text-align:center; }
.bna_basic li .before { font-size:30px; line-height:60px; font-weight:600; } 
.bna_basic li .after {  font-size:30px; line-height:60px; font-weight:600; } 



/*  BNA MULTI_2  */
#blind_wrap {  display:none; width:100%; text-align:center; position:absolute; z-index:99; }
#blind_wrap .blind {  width:400px; height:400px; text-align:center; margin-left:0px; background:#fff; opacity:0.9; border:0px #e6e6e6 solid; }
#blind_wrap .blind img { position:relative; z-index:99999; margin:0 auto; margin-top:0px;}

#blind_wrap .blind1 { width:100%; height:200px; text-align:center; background:#fff; opacity:0.9; margin-top:0px; }
#blind_wrap .blind1 img { position:relative; z-index:99999; margin:0 auto; margin-top:0px;}

#multi2_container { display:inline-block; width:100%; text-align:center; padding:0; }
#multi2_container .adm { right:0px; text-align:right; padding:5px;}
#multi2_container .bna_arrow { display:none; position:absolute; z-index:9999; width:100%; height:50px; margin:0 auto; text-align:center; }
#multi2_container .bna_arrow img { margin:0 auto; margin-top:24%; opacity:0.6;}

#multi2_image_container { display:block; position:relative; width:100%; text-align:center;}
#multi2_image_container ul { position:relative; width:100%; margin:0 auto; text-align:center; background:#fff; }
#multi2_image_container ul li { list-style:none; position:absolute; text-align:center;}
#multi2_image_container ul li .image { width:100%; text-align:center;} 
#multi2_image_container ul li .before { display:none;margin:0; } 
#multi2_image_container ul li .after { display:none;margin:0; margin-left:-4px;} 

#multi2_image_container ul li .gp { width:100%; height:50px; position:absolute; z-index:9; margin-top:0px; margin:0 auto; text-align:center; }
#multi2_image_container ul li .gp .square { display:block; height:50px; position:absolute; margin:0 auto; text-align:center;  background:#fff;}
#multi2_image_container ul li .gp .txt {  width:35%; left:32%; position:absolute; background:#fff; color:#000; text-align:center; font-size:18px; opacity:1; font-weight:500; line-height:50px; border-radius:26px; }
#multi2_image_container ul li .gp .txt img { top:10px; position:absolute; }

#multi2_image_container .btn_tb { width:100%; height:100px;  margin:0 auto; text-align:center; cursor:pointer;  top:0; }
#multi2_image_container .btn_prev { float:left; left:0; position:absolute; z-index:91;  margin-top:-22%; margin-left:0px; cursor:pointer; }
#multi2_image_container .btn_next { float:right; right:0; position:absolute; z-index:91;  margin-top:-22%; margin-right:0px; cursor:pointer; }

#multi2_nav_container { display:block; position:relative; margin-top:40px; margin-left:0px; }
#multi2_nav_container .nav {position:relative; }
#multi2_nav_container .nav .arrow { margin-top:1px; margin-left:8px; position:absolute; z-index:9999; border:1px #999 solid; }
#multi2_nav_container .nav ul { width:100%;margin:0 auto; }
#multi2_nav_container .nav ul li { list-style:none; float:left; border:1px #ddd solid; margin:0 6px 16px 7px; padding:10px 0 0; text-align:center; cursor:pointer; position:relative; }
#multi2_nav_container .nav ul li img { margin:0 -2px;  position:relative; z-index:2;}
#multi2_nav_container .nav ul li:last-child { margin-right:0; }
#multi2_nav_container .nav .subject { display:block; position:relative; z-index:2; text-align:center; height:40px;font-size:14px; font-weight:normal; line-height:36px; text-indent:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#multi2_nav_container .bna_arrow { position:absolute; z-index:5; margin-top:39px; margin-left:88px; width:30px; }
#multi2_nav_container .bna_arrow1 { position:absolute; z-index:5; top:37px; right:92px; margin:0 auto; }
#multi2_nav_container .no_txt { position:absolute; z-index:6; width:105px; height:105px; margin:0 auto; text-align:center; padding:40px 0 0;}
#multi2_nav_container .no_txt1 { position:absolute; z-index:6; width:210px; margin:0 auto; text-align:center; padding:8px 0 0;}
#multi2_nav_container .best { position:absolute;z-index:4; margin-top:-11px; left:1px; }
#multi2_nav_container .main { position:absolute;z-index:4; margin-top:-11px; left:0px; }
#multi2_nav_container .adm { position:absolute; z-index:99999; margin-top:85px; left:20px; }
#multi2_nav_container .adm a { color:#ff3963; margin-right:4px; }

.btn_view { position:relative; z-index:99; border:0; padding:8px 15px; color:#000; font-family:'Noto Sans KR'; font-size:16px; font-weight:500; top:10px; cursor:pointer;  border-radius:6px;} /* 정면,측면,45도 기본 버튼 */
.btn_ov { margin-left:0px;background:#F46698; color:#fff; } /* 정면,측면,45도 오버시 버튼 */
.list_a { border:2px solid #fff;display:inline-block; } /* 썸네일 리스트 영역 기본 */
.list_ov { border:2px solid #000;display:inline-block; } /* 썸네일 리스트 영역 오버 */
.caption { margin:0 auto; position:absolute; bottom:15px;width:60%;background:#fff;margin-left:230px;padding:10px; font-size:20px;text-align:center;font-weight:bold;z-index:9;}


.big_picture { width:100%; margin:0 auto;overflow:hidden; }
.big_picture div { width:100%; height:auto; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; text-align:center; }
.big_picture div img { border-radius:15px; }


/*.bna_arrow { position:absolute; z-index:96; top:322px; margin-left:609px;  }*/

.bna_tit {  display:none;width:1100px; height:40px; position:relative; z-index:6; margin-top:0; margin:0 auto; background:#fff; }
.bna_tit1 { display:none; }
.tit_before { float:left; width:115px; position:absolute;z-index:96;  left:0px; margin-top:-56px; }
.tit_after { float:right; width:115px;position:absolute;z-index:96;   right:0px; margin-top:-56px;  }

.big_subject { display:block; width:670px; height:40px; position:absolute; z-index:999; margin-top:-47px; margin:0 auto; background:#000; color:#fff;}
.best1 { position:absolute; z-index:999996; margin-top:0px; margin-left:-600px; overflow:hidden; }

ul.tabs {margin:0 auto; padding:0; list-style:none; height:50px; width:100%; font-size:15px;}
ul.tabs li { display:inline-block; margin:0 auto; text-align:center; cursor:pointer; width:60px; height:50px; line-height:50px; border-right:1px solid #fff; border-left:none; font-weight:500; background:#e6e6e6; overflow:hidden; position:relative;}
ul.tabs li.active { background:#F46698; color:#fff; }
.tab_container {  border-top:none; clear:both; float:left; width:100%; padding:0;}
.tab_content { padding:20px 0 0 0; display:none;}
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li { padding:0; list-style:none;}
 #container_tab { width:90%; margin:0 auto; top:0px; text-align:center; }