@charset "utf-8";

*{margin:0;padding:0;}
li{list-style:none;width:300px;}
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;min-height:100%; background:#fafafa;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{background-color:#fff;position: absolute;z-index:-50;width:100%;color:white;min-height:50px !important;}
.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:65px;position: relative;background:#fff;overflow:hidden;border-bottom:2px solid #ddd;box-sizing:border-box;z-index:999}


#header .logo{text-align:center;line-height:46px;font-size:16px;}
#header .logo a{display:inline-block; width:106px; height:26px; background-image:url(/m/images/logo.jpg); background-repeat:no-repeat; background-size:100% 100%; 
	text-indent:-9990px; margin-top:19px;}
#header .menuBtn{display:block;width:30px;height:22px;position: absolute;top:22px;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:60%;}
#visual .visualSlider li{width:100%; padding-bottom:60%; background:#fafafa;}
#visual .visualSlider li:nth-of-type(1){background-image:url(/m/images/main.jpg);background-repeat:no-repeat; background-size: cover; background-size: 100% 100%;}
#visual .visualSlider li:nth-of-type(2){background-image:url(/m/images/main02.jpg);background-repeat:no-repeat; background-size: cover; background-size: 100% 100%;}
.bx-controls{display:none!important;}

/*quick icon*/
.about{border-top:1px solid #fafafa;}
.quickIcon{overflow: hidden;text-align:center;padding:15px 0;background:#fafafa;}
.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:#474f64;color:white;}
.quickIcon a p{font-size:14px;margin-top:5px;}

/*footer*/

#footer{padding:10px; font-size:11px; color:#333;border-top:1px solid #ddd; background-color:#fff !important;}

/*sideHeader*/
.sideHeader{display:block;height:300px;background-size:cover;
			background-image:url(/m/images/vis2.jpg); text-align:center;width:300px;border-bottom:3px solid #666;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;}


#container .about table{width:95%;margin:0 auto;border-collapse:collapse;}
#container .about table td{background:#fff;text-align:center;vertical-align:top;border:1px solid #ddd; box-sizing:border-box;}