@charset "utf-8";

*{margin:0;padding:0;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none;color:#666;}
html,body{width:100%;font-size:16px;color:#333;overflow-x:hidden;position:relative;z-index:-9999999;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;}
#blackout{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;z-index:-100;top:0;}
.pointColor{color:#aaa!important;}
.bgColor{background-color:#24c6dc!important;color:#fff!important;}

#wrap{width:100%;position: absolute;background-color:white;min-height:100%; overflow:hidden;}





/*gnb*/

ul{overflow: hidden;text-indent:10px;}
ul li span{display:block;height:46px;border-bottom:1px solid #eee;line-height:46px;cursor: pointer; font-weight:bold;}
ul li ul{display:none;}
ul li ul li a{display:block;border-bottom:1px solid #f2f2f2;height:46px;line-height:46px;text-indent:20px;background-color:#fafafa;}
.gnb{border-right:1px solid #f2f2f2;background-color:#fff;position: absolute;z-index:-50;width:220px;color:white;}
.gnb li span{color:#555;}
.gnb li span a{color:#333;}
.gnb li span a:hover{color:#aaa;}
.gnb li ul li a{display:block;color:#333;background-color:#fafafa;}



/*header*/

#header{width:100%;height:70px;position: relative;background:#fff;overflow:hidden;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);-ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);z-index:999}


#header .logo{text-align:center;line-height:54px;font-size:16px;}
#header .logo a{display:inline-block; width:251px; height:46px; background-image:url(../../images/logo.jpg); background-repeat:no-repeat; background-size:100% 100%; 
	text-indent:-9990px; margin-top:12px;}
#header .menuBtn{display:block;width:30px;height:22px;position: absolute;top:24px;left:15px;}


/*visual*/

#visual{width:100%; background-color:white;position:relative;background-size:cover;}
#visual .title{position:absolute;top:0;left:0;text-align:right;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.3);}
#visual .title .name{font-weight:bold;color:white;border:2px solid white;padding:5px;display:inline-block;margin-top:70px;}
#visual .title .domain{color:white;font-size: 11px;display:block; margin-top:3px;}
#visual .visualSlider{width:100%; padding-bottom:70%;}
#visual .visualSlider li{width:100%; padding-bottom:70%; color:#fff;}
#visual .visualSlider li:nth-of-type(1){background-image:url(../../images/main.jpg);background-repeat:no-repeat; background-size: cover; background-size: 100% 88%;}
#visual .visualSlider li:nth-of-type(2){background-image:url(../../images/main2.jpg);background-repeat:no-repeat; background-size: cover; background-size: 100% 88%;}



/*quick icon*/
.about{margin:30px 0;}
.quickIcon{overflow: hidden;text-align:center;padding:15px 0;background:#fcfcfc;}
.quickIcon a{float:left;margin:0;width:33.33%;}
.quickIcon a .icon{display:block;width:36px;height:36px;border:3px solid #eee;border-radius:26px;line-height:40px;text-align:center;display:inline-block;font-size:22px;
					background:#0c4da2;color:white;}
.quickIcon a p{font-size:14px;margin-top:5px;}

/*footer*/

#footer{padding:10px; font-size:11px; color:#fff; background-color:#444!important;line-height:18px;}

/*sideHeader*/
.sideHeader{display:block;height:180px;background-size:cover;
			background-image:url(../../images/vis2.jpg); text-align:center;width:200px;border-bottom:3px solid #ccc;box-sizing:border-box;}
.sideHeader .name{display:none;}
/*.sideHeader .img{width:200px; height:20px;margin-top:80px;box-sizing:border-box;}*/
.sideHeader .domain{display:none;}