@charset "utf-8"; body{margin:0;padding:0;font-family:'NanumGothic','dotum',sans-serif,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; display:block; } /* 이미지사이 여백도 없에는 소스*/ form{margin:0;padding:0;} @font-face { font-family: 'NanumGothic'; src: url(/bni/font/NanumGothic.eot); src: url(/bni/font/NanumGothic.eot?#iefix) format('embedded-opentype'), url(/bni/font/NanumGothic.woff) format('woff'), url(/bni/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:60px; z-index:50; } #topmenu .menu_wrap { position:relative; margin:0 auto; width:100%; height:60px; background:url(/m/img/basic/menu_bg.jpg);} #topmenu .menu_wrap .logo { position:relative; top:10px; height:40px; margin-left:20px; float:left;} #topmenu .menu_wrap .menu { position:relative; top:10px; height:40px; margin-right:20px; 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; } #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;}