@charset "utf-8";

body{margin:0;padding:0;font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:normal;color:#7f7875;background-color:#fff;}
ul,li{list-style:none;margin:0px;padding:0px;}
dl, dt, dd, p, h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal}
a{text-decoration:none}
img{border:0; margin:0; padding:0; vertical-align:top;  } /* 이미지사이 여백도 없에는 소스*/
form{margin:0;padding:0;}

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
font-family: 'NanumGothic';
src: url(/css/font/NanumGothic.eot);
src: url(/css/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
	url(/css/font/NanumGothic.woff) format('woff'),
	url(/css/font/NanumGothic.ttf) format('truetype');
}


a:link{text-decoration:none; color:#7f7875;}
a:visited{text-decoration:none; color:#7f7875;}
a:hover{text-decoration:none; color:#7f7875;}
a:active{text-decoration:none; color:#7f7875;}



.mainVisual {width:100%; margin:0 auto;  }
.mainVisual .swiper-pagination {text-align:center; width:100%; position:absolute; bottom:30px; left:0; z-index:999;}
.mainVisual .swiper-pagination span {width:20px; height:20px; display:inline-block; background:rgba(255, 255, 255, 0.5); border-radius:100%; margin:0 13px;}
.mainVisual .swiper-pagination span.swiper-pagination-bullet-active {width:36px; height:36px; background:rgba(255, 255, 255, 1); margin-bottom:-8px;}
@media only screen and (max-width:600px) {
.mainVisual .swiper-pagination span {width:14px; height:14px;}
.mainVisual .swiper-pagination span.swiper-pagination-bullet-active {width:25px; height:25px; margin-bottom:-6px;}
}
@media only screen and (max-width:414px) {
.mainVisual .swiper-pagination span {margin:0 5px;}
}


#topmenu { position:relative; width:100%;  height:70px;  z-index:50; }
#topmenu .menu_wrap { position:relative; margin:0 auto; width:100%; height:70px; background:#130804;}
#topmenu .menu_wrap .logo { position:relative; top:13px; width:205px; height:35px; margin:0 auto;}
#topmenu .menu_wrap .menu { position:relative; float:right;  }
#submenu { position:absolute; right:0; width:00px; height:5000px; top:0; background:url('/m/img/submenu_bg.jpg') repeat-y #222222;  z-index:90;  }


.sub_nav { width:50%; height: 100%;padding:4% 3%; border-bottom:1px solid #000; box-sizing:border-box; color:#ffffff; float:left; font-size:3.5vw; /*font-size: 12px;*/ line-height: 20px;}
.sub_nav_menu { width:50%; position:absolute; box-sizing:border-box; color:#040a1b; font-size:3.9vw; background:#fff; overflow:hidden; }
.sub_nav_menu .smenu a{display:block;}
.smenu div { padding:7% 10%; color:#ffffff;   }
.sub_nav_menu div div { padding:7% 10%; }

#nav_btn_1 {  background:url('/mobile/img/sub_nav_arrow.png') no-repeat 92% 50% #999999 ; background-size:8%; }
#nav_btn_2 {  background:url('/mobile/img/sub_nav_arrow.png') no-repeat 92% 50% #666666 ; background-size:8%; }


#main_banner_wrap { position:relative; margin:0 auto; width:100%; }
#main_banner_wrap .wrap_left { position:relative; width:50%; float:left; }
#main_banner_wrap .wrap_right { position:relative; width:50%; float:left;  }
#main_banner_wrap .wrap_center { position:relative; width:100%; float:left;  }

#footer	{ position:relative; width:100%;  background-color:#323232;  }





#contents_wrap{ position:absolute; z-index:49; width:100%; overflow:hidden; }
#wrap{ position:relative; }





#main_wrap_gap { position:relative;  width:100%; }




#sub_wrap { position:absolute; z-index:49; width:100%; }

#sub_wrap_gap { position:relative;  width:100%; height:400px; }
#sub_wrap_gap .title_wrap { position:relative; width:1200px; margin:0 auto; }
#sub_wrap_gap .title_wrap .titles { position:absolute; margin:0 auto; width:1200px; text-align:center; top:100px; font-family:'Roboto'; letter-spacing:-3px; line-height:50px; font-size:60px; color:#fff; opacity:0; } 
#sub_wrap_gap .title_mini {position:relative; margin:0 auto; width:1200px; text-align:center; top:300px; font-family:'Roboto'; letter-spacing:-1px; line-height:25px; font-size:20px; color:#fff; opacity:0;  }
#sub_wrap_contents { background:#fff; width:100%; }	



#members_tab { position:relative; width:690px; height:80px; margin:0 auto; margin-top:40px; }
#members_tab .arrow_left { position:relative; background:url('/bni/img/arrow_left.png') top; width:40px; height:80px; float:left; }
#members_tab .arrow_right { position:relative; background:url('/bni/img/arrow_right.png') top; width:40px; height:80px; float:left; }
#members_tab .arrow_line { position:relative; background:url('/bni/img/arrow_line.png') top; width:40px; height:80px; float:left; }
#members_tab .icons {position:relative; background:url('/bni/img/members_icon.png') top; width:90px; height:80px; float:left;}
#members_tab .icons span { display:none; }
#members_tab .icons_on {position:relative; background:url('/bni/img/members_icon.png') 0 -80px; width:90px; height:80px; float:left; }
#members_tab .icons_on span { display:none; }

.members_mini_wrap {  position:relative; width:1200px; height:210px; margin:0 auto; background-color:#fff; margin-top:40px;}
.members_mini_wrap .wrap_box {  position:relative; margin:0 auto; width:580px;  background-color:#110b09; float:left; cursor:pointer;}
.members_mini_wrap .wrap_box .pic{  position:relative; width:290px; height:210px; float:left;}
.members_mini_wrap .wrap_box .box{  position:relative;  width:290px; height:210px; float:left;}
.members_mini_wrap .wrap_box .box .word_01 { position:absolute; width:290px; top:40px; text-align:center; font-family:'Roboto'; letter-spacing:-2px; line-height:35px; font-size:33px; color:#fff; clear:both; }
.members_mini_wrap .wrap_box .box .word_02 { position:absolute; width:290px; top:100px; text-align:center;  }
.members_mini_wrap .wrap_box .box .word_03 { position:absolute; width:290px; top:130px; text-align:center; line-height:24px; font-size:15px; color:#fff; } 

.members_detail_wrap  { width:1200px; height:530px; background:#1d64b8; margin:0 auto;  display:none; }
.members_detail_wrap .explain { position:relative; width:1160px; height:450px; background:#fff; margin-left:0px; top:40px; display:none; }
.members_detail_wrap .explain .map { width:540px; height:450px; float:left; }
.members_detail_wrap .explain .data { width:580px; height:450px; margin-left:580px; }
.members_detail_wrap .explain .data .logo{width:100%; text-align:center; padding:40px 0 40px 0;}
.members_detail_wrap .explain .data .word{width:100%; text-align:center;}
.members_detail_wrap .explain .data .tel{width:100%; text-align:center; font-size:20px; margin-top:20px;}
.members_detail_wrap .explain .data .email{width:100%; text-align:center; font-size:20px; margin-bottom:20px;}
.members_detail_wrap .explain .data .url{width:100%; text-align:center; font-size:30px;}
.members_detail_wrap .close {position:relative; width:1200px; top:45px; text-align:center; color:white; font-size:25px; cursor:pointer;}


.tab_btn { width:50%; text-align:center; padding:3% 0; float:left; font-size:3.3vw; border:1px solid #cecece; border-bottom:0; box-sizing:border-box; }
.subTabBtn.col3 {width:90%; margin:0 auto;}
.subTabBtn.col3 a .tab_btn {width:33.3%;}
.subTabBtn.col5 a .tab_btn {width:20%;}
.subTabBtn a .tab_btn {background-color:#fff; color:#535353; display:block;}
.subTabBtn a .tab_btn.on {background-color:#a07727; color:#fff;}
.subTabBtn.dark a .tab_btn.on {background-color:#f20e63;}
.subTabBtn.sub_7 a .tab_btn.on {background-color:#ff805f;}


.docLayerArea {display:none;}
.docLayerArea div {display:table; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:99999;}
.docLayerArea p {width:100%; height:100%; vertical-align:middle; display:table-cell; cursor:pointer;}
.docLayerArea p img {width:100%;}


.interior img {width:100%; max-width:100%;}
.interior li {position:relative;}
.interior li p {position:absolute; bottom:0; left:0; width:100%; background:rgba(0, 0, 0, 0.7); color:#fff; font-size:14px; padding:5px 10px; box-sizing:border-box;}
.interior-nav img {width:100%; max-width:100%;}
.interior-nav ul {overflow:hidden;}
.interior-nav ul li {float:left; width:25%;}