@charset "utf-8";


/* BNA BASIC */
#bnaGallery { width:100%;  margin:0 auto; padding:0;}
#bnaGallery .checkbox { text-align:center; }
#bnaGallery .subject { /* 이미지 전체 사이즈 */ width:100%; text-align:left; padding:6px 0 7px 0; font-size:14px; font-weight:500; line-height:20px; }
#bnaGallery .content { /* 이미지 전체 사이즈 */ width:100%; 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;padding:0 5px 0 0;}
#bnaGallery .datetime { font-size:11px; color:#777777;  text-align:left;padding:0 0 0 10px;}
#bnaGallery .coment { font-family:dotum; font-size:8pt; color:#EF7858; }
#bnaGallery .hit { font-size:11px; color:#777777;  text-align:left;padding:0 0 0 10px;} 
#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 7px 14px 7px; vertical-align:top; }
#bnasection .sortlist .iner { display:inline-block; height:100%; padding:16px; vertical-align:top;}
#bnasection .sortlist .iner .bna ul { display:inline-block; width:100%; 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:14%; }
#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 .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 {display: block; 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;}


/* BNA MULTI_1 */
#blind_wrap {  width:100%; text-align:center; position:absolute; z-index:999999; }
#blind_wrap .blind {  width:1110px; height:550px; margin:0 auto; text-align:center;  background:#fff; opacity:0.9; }
#blind_wrap .blind img { display:inline-block; position:relative; z-index:9999999; margin:0 auto; margin-top:14%;}

#tour_container { display:block; position:relative; width:100%; margin:0 auto; }
#tour_container .adm { right:0px; text-align:right; padding:5px;}
#tour_container .bna_arrow { width:100%; position:absolute; z-index:6; text-align:center; margin-top:22%; }
#tour_container .bna_arrow img { width:25%; opacity:0.7; }
#tour_container .bna_tit { width:1118px; height:40px; position:absolute; z-index:6; margin-top:0; margin:0 auto;}
#tour_container .tit_before { float:left; width:115px; position:absolute; left:20px;margin-top:485px;  }
#tour_container .tit_after { float:right; width:115px;position:absolute;  right:35px;margin-top:485px;  }

#tour_image_container { display:block; position:relative; height:550px; }
#tour_image_container ul { position:relative; width:1100px; height:550px; margin:0 auto; padding:0px;  }
#tour_image_container ul li { float:left; list-style:none; position:absolute; z-index:5; margin:0;}
#tour_image_container ul li .image { width:100%; } 
#tour_image_container ul li .before { float:left; margin:0; } 
#tour_image_container ul li .after { float:left; margin:0; } 
#tour_image_container ul li .best_big { display:inline-block; position:absolute;z-index:4; margin-top:0px; margin-left:0px; overflow:hidden; }

#tour_image_container ul li .gp { width:1111px; height:40px; position:absolute; margin-top:77px; margin:0 auto;}
#tour_image_container ul li .gp .square { display:block; width:700px; height:40px; left:210px; background:#FFF; position:absolute; margin:0 auto; text-align:center; }
#tour_image_container ul li .gp .txt {  width:100%; position:absolute; color:#000; text-align:center; font-size:16px; font-family:nanum gothic; opacity:1;font-weight:bold; line-height:23px; padding:8px 0;}
#tour_image_container ul li .gp .txt img { top:10px; position:absolute; }

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

#tour_nav_container {  display:block; position:relative; margin-top:60px; margin-left:0px; }
#tour_nav_container .nav {position:relative; }
#tour_nav_container .nav .arrow { margin-top:1px; margin-left:10px; position:absolute; z-index:9999; border:1px #000 solid;width:207px; height:155px; }
#tour_nav_container .nav ul { width:1120px;margin:0 auto; }
#tour_nav_container .nav ul li { list-style:none; float:left; width:210px; padding:0 6px 16px 7px; margin:0 auto;; text-align:center; cursor:pointer; position:relative; }
#tour_nav_container .nav ul li img { margin:0 -2px;  position:relative; z-index:2;}
#tour_nav_container .nav ul li:last-child { margin-right:0; }
#tour_nav_container .nav .subject { display:block; position:relative; z-index:2; text-align:center; width:189px; height:40px;padding:5px 10px; font-size:13px; font-weight:normal; background:#f7f7f7; }
#tour_nav_container .bna_arrow { position:absolute; z-index:5; margin-top:39px; margin-left:85px; width:30px; }
#tour_nav_container .best { position:absolute;z-index:4; margin-top:0px; margin-left:0px; }
#tour_nav_container .adm { position:absolute; z-index:99999; margin-top:80px; padding:0 0 0 5px;}


/*  BNA MULTI_2  */
#tour2_container { display:block; position:relative; width:94%; margin:0 auto; }
#tour2_container .adm { right:0px; text-align:right; padding:5px;}
#tour2_container .bna_arrow { position:absolute; z-index:6; width:100%; margin:0 auto; text-align:center; }
#tour2_container .bna_arrow img { width:180px; margin-top:24%; opacity:0.6;}
#tour2_container .bna_tit { width:1111px; height:40px; position:absolute; z-index:6; margin-top:0; margin:0 auto;}
#tour2_container .tit_before { float:left; width:115px; position:absolute; left:0px;margin-top:50%;  }
#tour2_container .tit_after { float:right; width:115px;position:absolute;  right:0px;margin-top:50%;  }

#tour2_image_container { display:block; position:relative; height:600px; }
#tour2_image_container ul { position:relative; width:1102px; height:550px; margin:0 auto; border:0px #CCC solid; padding:0px; background:#FFF;  }
#tour2_image_container ul li { float:left; list-style:none; position:absolute; }
#tour2_image_container ul li .image { width:100%; } 
#tour2_image_container ul li .before { margin:0; } 
#tour2_image_container ul li .after { margin:0; margin-left:-4px;} 

#tour2_image_container ul li .gp { width:1111px; height:40px; position:absolute; margin-top:80px; margin:0 auto;}
#tour2_image_container ul li .gp .square { display:block; width:700px; height:40px; left:210px; background:#FFF; position:absolute; margin:0 auto; text-align:center; }
#tour2_image_container ul li .gp .txt {  width:100%; position:absolute; background:#FFF; color:#000; text-align:center; font-size:18px; font-family:'Noto Sans Kr'; opacity:1; font-weight:400; line-height:23px; padding:8px 0;}
#tour2_image_container ul li .gp .txt img { top:10px; position:absolute; }

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

#tour2_nav_container {  display:block; position:relative; margin-top:100px; margin-left:0px; }
#tour2_nav_container .nav {position:relative; }
#tour2_nav_container .nav .arrow { margin-top:1px; margin-left:8px; position:absolute; z-index:9999; border:1px #000 solid;width:212px; height:145px; }
#tour2_nav_container .nav ul { width:1116px;margin:0 auto; }
#tour2_nav_container .nav ul li { list-style:none; float:left; width:210px; margin:0 6px 16px 7px; text-align:center; cursor:pointer; position:relative; }
#tour2_nav_container .nav ul li img { margin:0 -2px;  position:relative; z-index:2;}
#tour2_nav_container .nav ul li:last-child { margin-right:0; }
#tour2_nav_container .nav .subject { display:block; position:relative; z-index:2; text-align:center; width:210px; height:40px;padding:5px 10px; font-size:13px; font-weight:normal; line-height:16px;background:#f7f7f7; }
#tour2_nav_container .bna_arrow { position:absolute; z-index:5; margin-top:39px; margin-left:88px; width:30px; }
#tour2_nav_container .best { position:absolute;z-index:4; margin-top:0px; margin-left:0px; }
#tour2_nav_container .adm { position:absolute; z-index:99999; margin-top:80px; padding:0 0 0 5px;}

.btn_view { position:relative; z-index:99; border:0;padding:10px 15px; color:#333; font-size:16px; font-family:'Noto Sans Kr'; margin-top:45px; cursor:pointer;  border-radius:4px;} /* 정면,측면,45도 기본 버튼 */
.btn_ov {background:#333;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:99999;}
.btn_prev { position:absolute;z-index:99999; margin-top:230px;left:20px; }
.btn_next { position:absolute;z-index:99999; margin-top:230px;right:20px; }

.big_picture { width:1100px; height:550px; margin:0 auto;overflow:hidden; }
.big_picture div { width:1100px; height:auto; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; }

/*.bna_arrow { position:absolute; z-index:96; top:322px; margin-left:609px;  }*/
.bna_tit { width:1100px; height:40px; position:relative; z-index:6; margin-top:0; margin:0 auto;}
.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:-550px; overflow:hidden; }
.best_big { position:absolute; z-index:999; top:0px; margin-left:-550px; overflow:hidden; }

ul.tabs {margin:0 auto; padding:0; list-style:none; height:50px; width:100%; font-family:'Noto Sans Kr'; 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:400; background:#e6e6e6; overflow:hidden; position:relative;}
ul.tabs li.active { background:#000; 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; }