/* BASIC css start */
#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; opacity: 1; background-color: #fff; z-index: 99; text-align: 
 center; } 

#loading-image { padding-top: 20%; z-index: 100; } 
 
 /* font */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800');@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a { font-size: 12px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; line-height: 1.3; color: #111; } 


.button04-s-wh { padding: 8px 21px; background-color: #fff; border: 1px solid #000; font-size: 12px; -webkit-border-radius: 0px; border-radius: 0px; } 

.bbs-tit { margin-top: 60px; } 
.bbs-tit h3 { text-align: center; float: unset; margin-bottom: 20px; font-size: 30px; font-weight: 500; letter-spacing: -0.5px; } 
 
 

.video-writer { display:inline !important; } 

#bbsData .bbs-link { position: relative; } 
#bbsData .bbs-link-top { margin-top: 10px; margin-bottom: -40px; margin-right: 400px; text-align: left; margin-left: 18px; } 
#bbsData .bbs-link-btm { margin-top: 20px; margin-bottom: -65px; text-align: right; } 

.fix_menu { position:absolute; top:0; left:0; z-index:20; width:100%; min-width:1200px; height:90px; background:none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
.fix_menu .logo { position: absolute; top: 33px; left: 20px; height: 23px; line-height: 46px; padding-left: 40px; background: url(/design/nubizio777/biz/biz_logo-1.png) no-repeat left; color: #fff; font-size: 0; width: 104px; background-size: contain; } 
 
.fix_menu ul { position:absolute; top:24px; right:0; } 
.fix_menu ul li { float:left; position:relative; } 
.fix_menu ul li a { display:block; height:46px; line-height:46px; padding:0 23px; color:#fff; font-size:13px; font-weight: 300; } 
.fix_menu ul li:first-child:after { display:block; content:''; position:absolute; top:50%; right:0; width:2px; height:12px; background:#fff; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); } 

#visual { overflow:hidden; position:relative; z-index:10; width:100% !important; } 
#visual .slider { width:100%; margin:0 auto; text-align:center; } 
#visual .slider .banner01 { display: block; background: url(/design/nubizio777/biz/pc_ban01.jpg) no-repeat center; background-size: cover; height: 600px; } 
#visual .slider .banner02 { display: block; background: url(/design/nubizio777/biz/pc_ban02.jpg) no-repeat center; background-size: cover; height: 600px; } 
#visual .slider .banner03 { display: block; background: url(/design/nubizio777/biz/pc_ban03.jpg) no-repeat center; background-size: cover; height: 600px; } 
#visual .slider .slick-slide { position:relative; width:100%; } 
#visual .slider .slick-dots { position:absolute; bottom:80px; left:0; z-index:5; width:100%; height:0; font-size:0; } 
#visual .slider .slick-dots li { display:inline-block; *display:inline; *zoom:1; height:80px; margin:0 11px; line-height:80px; cursor:pointer; } 
#visual .slider .slick-dots li button { width: 10px; height: 10px; background: #999; color: transparent; text-indent: -9999px; border-radius: 100%; } 
#visual .slider .slick-dots li.slick-active button { width: 10px; height: 10px;; background:#fff; } 
#visual .bk-bg { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } 
#visual .txt { position: absolute; top: 65%; left: 50%; width: auto; height: auto; color: #fff; font-size: 16px; font-weight: 400; z-index: 2; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); line-height: 1.8; } 
#visual .bc_txt { position: absolute; top: 47%; left: 50%; width: 550px; margin-left: -280px; font-size: 50px; color: #fff; letter-spacing: -2px; z-index: 2; font-weight: 500; } 
 

.bnr { padding:90px 0 80px; background:#eee; text-align:center; position:relative; z-index:5; } 
.bnr .total { padding-bottom:43px; color:#333; font-size:28px; font-weight:300; } 
.bnr .total strong { display: inline-block; width: 180px; color:#000; font-size:60px; font-weight:700; } 
.bnr .total span { font-size:15px; font-weight: 400; } 
.wrap_inner { width:1300px; margin:0 auto; } 

.wrap_inner video { display: block; } 

.guide { background: #fff; width: 100%; padding: 43px 0; border-radius: 30px } 
.box1 { position: relative; width: 85%; margin: 0 auto; padding: 50px 0; color: #000; text-align: left; } 
.box1 span { position: absolute; top: 50px; left: 80px; } 
.box1 ul { padding-left: 230px; } 
.box1 h2 { padding-bottom: 20px; font-size: 24px; font-weight: 500; color: #000; } 
.box1 li { font-size: 15px; line-height: 30px; word-break:keep-all; } 
.box1 table { font-size: 15px; color: #000; } 
.box1 td { line-height: 30px; vertical-align: top; word-break:keep-all; } 
.box_line { border-bottom: 1px solid #e3e3e3; } 
.box1 .global { font-size: 15px; line-height: 30px; word-break:keep-all; } 
.box1 .global .g_tit { font-weight: 700; padding-top: 20px; } 
.box1 .btn-go { display: block; width: 360px; height: 50px; line-height: 47px; border: 2px solid #000; border-radius: 25px; text-align: center; font-size: 15px; font-weight: 600; margin-top: 30px; } 

.box2 { position: relative; width: 75%; margin: 0 auto; padding: 50px 0; color: #000; text-align: left; overflow: hidden; } 
.box2 span { position: absolute; top: 0; left: 0; width: 50%; } 
.box2 ul { padding-left: 50%; } 
.box2 h2 { padding: 20px 0; font-size: 24px; font-weight: 500; color: #000; } 
.box2 h3 { font-size: 30px; font-weight: 600; padding-bottom: 20px; } 
.box2 li { font-size: 18px; line-height: 32px; word-break:keep-all; list-style: inside; } 
.box2 .txt2 { font-size: 14px; padding-top: 30px; } 
.box2 .btn-go { display: block; width: 360px; height: 50px; line-height: 47px; border: 2px solid #000; border-radius: 25px; text-align: center; font-size: 15px; font-weight: 600; margin-top: 30px; } 

/* BASIC css end */