/* 메인 */
.visual_wrap {width: 100%; margin: 0px auto;position: relative; }
.visual_wrap img{width: 100%;}
.m_banner {visibility:hidden;}
.of{overflow:hidden;}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	 width:10px;  height: 10px;margin:0px 3px; 
}
.visual_wrap .bx-wrapper .bx-pager{position: absolute;	bottom:15px;	left:0px;	width: 100%; 	text-align: center; z-index:100;}
.visual_wrap .bx-wrapper .bx-pager a {  width:10px;  height: 10px;display: inline-block;	background: #fff; border-radius:50%;}

.visual_wrap .bx-wrapper .bx-pager a:hover,
.visual_wrap .bx-wrapper .bx-pager a.active {background:#1EB9EE;}


/* 컴퍼니 */
div#container div.com{overflow:hidden; font-size:0.9em;box-sizing:border-box; padding:10px 0px;}
div#container div.com a{color:#fff;}
div#container div.com h3{font-size:1.5em; margin-bottom:30px; line-height:1.0;}
div#container div.com div.fl{box-sizing:border-box; padding:0px 10px;}
div#container div.com div.proj{height:300px;background:url(/images/default/main/ban01.jpg) no-repeat 0 0; box-sizing:border-box;background-size:cover; padding:40px 30px; }
div#container div.com div.proj h3{font-size:2.3em; color:#fff; text-shadow:2px 2px 11px #555; behavior:url(/css/htc/PIE-1.0.0/PIE.htc);}
div#container div.com div.proj p.more{margin-left:-10px; margin-top:15px;}

div#container div.com div.scana{ width:80%; margin-left:20%; margin-top:-20px; height:240px;background:url(/images/default/main/ban02.jpg) no-repeat 0 0; box-sizing:border-box;background-size:cover; padding:40px 30px; }
div#container div.com div.scana h3{font-size:1.7em; color:#fff; text-shadow:2px 2px 8px #555; behavior:url(/css/htc/PIE-1.0.0/PIE.htc); margin-bottom:15px;}
div#container div.com div.scana p.more{margin-left:-10px; margin-top:15px;}

div#container div.com div.fr{overflow:hidden; margin-top:10px;}
div#container div.com div.comp{width:50%;float:left; height:150px;background:url(/images/default/main/ban03.jpg) no-repeat 0 0; box-sizing:border-box; padding:20px 10px; position:relative; font-size:0.9em;}
div#container div.com div.comp h3{font-size:1.4em; color:#fff; margin-bottom:10px;}
div#container div.com div.comp p.sharp{margin-top:10px; font-size:0.75em;}

div#container div.com div.board{width:50%; height:150px; float:left; position:relative; padding:10px;box-sizing:border-box;  font-size:0.9em;}
div#container div.com div.board h3{font-size:1.4em;color:#000; font-weight:600;}
div#container div.com div.board a{color:#666; font-weight:bold;}
div#container div.com div.board p.date{margin-top:10px; }

div#container div.com div.comp p.more{position:absolute; top:15px; right:10px;}
div#container div.com div.board p.more{position:absolute; top:15px; right:10px;}


/* Work */
div#container div.work{background-color:#f9f9f9; padding:30px 0px;}
div#container div.work h3,
div#container div.tech h3{font-size:1.9em; color:#000; line-height:1.0; text-align:center; margin-bottom:15px;}
div#container div.work p,
div#container div.tech p{ letter-spacing:-0.04em;  box-sizing:border-box; padding:0px 10px;}
div#container div.work div.swiper-container{ box-sizing:border-box; padding:0px 10px; }
div#container ul.gallery{margin-top:15px; box-sizing:border-box; }
div#container ul.gallery li div.subject{display: inline-block;text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow:ellipsis; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.6em;  margin-top:10px; box-sizing:border-box; text-align:center;}
div#container ul.gallery li a{color:#333;}
div#container div.work .swiper-button-prev, .swiper-button-next{width:36px; height:36px; margin-top:-13px; z-index:1000; cursor:pointer;}
div#container div.work .swiper-button-prev{background: url('/images/mobile/btn_prev.png') no-repeat center top; background-size:36px 36px; left:0px;}
div#container div.work .swiper-button-next{background: url('/images/mobile/btn_next.png') no-repeat center top; background-size:36px 36px; right:0px;}


/* Technology */
div#container div.tech{background:url(/images/default/main/tech_bg.jpg) no-repeat 27% top; background-size:cover; padding:30px 0px; box-sizing:border-box; }
div#container div.tech ul{overflow:hidden;box-sizing:border-box; padding:0px 10px;}
div#container div.tech ul li{width:46%; float:left;margin:2%; font-size:14px; text-align:center; font-size:0.75em;}
div#container div.tech ul li h4{font-size:1.2em; font-weight:600; margin-bottom:10px;}
div#container div.tech ul li a{color:#000;}
div#container div.tech ul li img{ margin-bottom:15px; width:35px;}
div#container div.tech ul li h4 img{margin-left:5px; vertical-align:middle; margin-bottom:0; width:15px;}