body{-webkit-text-size-adjust:none}


/* portfolio */
#portfolio{clear:both;position:relative}
#portfolio ul{list-style:none;clear:both}
#portfolio ul li{float:left;width:33.3333333%;display:block;cursor:pointer;position:relative}
#portfolio ul li .admin{position:absolute;top:0;right:0;display:block;width:100%;z-index:4444}
#portfolio ul li .admin a{padding:5px 10px;text-align:center;background:#333;color:#fff;font-size:12px;display:block;text-decoration:none;width:30px}
#portfolio ul li .box{padding-right:10px;display:block;padding-bottom:10px}
#portfolio ul li .box .thumb{position:relative;width:100%;height:100%;overflow:hidden}
#portfolio ul li .box img{width:100%;display:block}
#portfolio ul li .box .overlay{text-align:center;color:#fff;width:100%;height:100%;display:block;position:absolute;left:0;top:0;display:block;overflow:hidden;background:url(/opacity.png) repeat 0 0;display:none}
#portfolio ul li .box .overlay span{display:inline-block;position:relative;width:100%;top:40%;text-align:center;font-weight:bold;font-size:13px;z-index:9999;color:#fff}
#portfolio ul li .box .thumb:hover .overlay{display:block}
#portfolio ul li .box .thumb .line{border-bottom:1px solid #fff;width:10%;margin:0 auto;clear:both}
#portfolio ul li.none .box{}

#portfolio .sortArea{clear:both;padding:150px 0 15px 0px;overflow:hidden;text-align:center}
#portfolio .sortArea span{display:inline-block;margin:0 8px;font-family:'NettoWeb';font-size:15px}
#portfolio .sortArea span a{font-family:'NettoWeb';color:#000;text-decoration:none;font-size:15px}
#portfolio .sortArea span.active a{color:#c9001a}
#portfolio .sortArea span.gray{color:#999999}

#portfolio .searchform{position:relative;clear:both;text-align:center;float:right;margin-right:12px}
#portfolio .searchform form{float:none;clear:both}
#portfolio .searchform select{display:none}


@media all and (max-width:1024px) {

/* portfolio */
#portfolio{clear:both}
#portfolio ul{list-style:none;position:relative;margin-left:10px;padding-bottom:5px}
#portfolio ul li{width:50%;display:inline-block;cursor:pointer;overflow:hidden}
#portfolio ul li .box{padding-right:0px;display:block;padding-bottom:10px;margin-right:10px}
#portfolio ul li .box .thumb{position:relative;width:100%;height:100%;overflow:hidden}
#portfolio ul li .box img{width:100%;display:block}
#portfolio ul li .box .overlay{text-align:center;color:#fff;width:100%;height:100%;display:block;position:absolute;left:0;top:0;display:block;overflow:hidden;display:none}
#portfolio ul li .box .overlay span{display:block;width:90%;height:100%;position:absolute;top:40%;text-align:center;font-weight:bold;font-size:13px;line-height:140%;color:#fff;z-index:9;text-align:center;padding:0 5%}
#portfolio .mo_inner{padding:22px;overflow:hidden;height:100%}
#portfolio ul li .box .thumb:hover .overlay{display:block;display:none}
#portfolio ul li .box .thumb .line{border-bottom:1px solid #fff;width:7%;margin:0 auto;height:1px;text-align:center;left:42%;top:auto;padding-top:15px}
#portfolio ul li.none .box{}

#portfolio .searchform{float:right;margin-right:10px}

}

@import url('http://api.mobilis.co.kr/webfonts/v2/css/NanumBarunGothicWeb');

#wrapper{background:#fff}
#container{width:100%}
#content{padding:0;padding-bottom:100px}

.btn_close a{position:fixed;right:20px;top:20px;z-index:9999;display:block}


.flexslider{border:none;box-shadow:none}
/*
#slider{display:block;padding:100px}
#slider img{height:100%}
#slider li{display:block}


*/