/* ST view */
#st-view {margin:auto;padding:0 0 30px 0;}
#st-view .viewbox .header {border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
#st-view .viewbox .subject h1 {padding:10px 0;margin:0;font-size:15px;font-weight:bold;border-bottom:#d5d5d5 dotted 1px;word-break:break-all;word-break:break-word;overflow:auto;}
#st-view .viewbox .subject .cat {color: #888;letter-spacing: -1px;font-size:90%;}
#st-view .viewbox .info {padding:6px 0 5px;color:#888;}
#st-view .viewbox .info .common {padding-top:2px;}
#st-view .viewbox .info .btn-group .btn {color:#888;}
#st-view .viewbox .info .split {padding:0 5px 0 5px;color:#ccc;font-size:90%;}

#st-view .viewbox .content {padding:0; line-height:160%; word-break:break-all; word-break:break-word; overflow:auto;}
#st-view .viewbox .content p {margin-bottom:0;}
#st-view .viewbox .content img {max-width:100%; height:auto;}
#st-view .viewbox .content .tag {padding:10px 0 0 0;}
#st-view .viewbox .content .tag a {color:#222;}
#st-view .viewbox .content .tag a:hover {text-decoration:underline;}
#st-view .viewbox .content .attach {padding:10px 0 0 0; line-height:120%;}
#st-view .viewbox .content .attach ul {padding:0; margin:0; line-height:1.5}
#st-view .viewbox .content .attach li {list-style-type:none; background:url('img/ico_file.png') left no-repeat; padding:0 0 0 15px;}
#st-view .viewbox .content .attach li a {color:#666;}
#st-view .viewbox .content .attach li a:hover {text-decoration:underline;}
#st-view .viewbox .content .attach li .size {font-size:90%; font-family:arial; color:#999;}
#st-view .viewbox .content .attach li .down {font-size:90%; font-family:arial;color:#333;}
#st-view .viewbox .content .scorebox {text-align:center; padding-top:20px;}
#st-view .viewbox .content .scorebox .btn {font-weight:bold;}
#st-view .viewbox .content .snsbox {padding-top:20px; text-align:right;}
#st-view .viewbox .content .snsbox img {cursor:pointer;}
#st-view .viewbox .content .hidden-content {margin: 0 0 20px 0; color: #F07090;}
#st-view .action {padding:10px 0; text-align:left;}
#st-view .action .right {float:right; text-align:right;}

#st-view .comment {padding:20px 0 10px 0; color:#c0c0c0;}
#st-view .comment a {font-weight:bold; color:#3EA9CD;}
#st-view .comment .icon1 {position:relative; top:-2px;}


.clearfix {
	position: fixed;
    right: 20px;
    top: 60px;
    z-index: 99;
    display: block;
}


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

@media all and (max-width:1024px) {
	/*.fotorama{padding-top:40px} */
	.fotorama__arr--prev{margin-left:-10000px}
	.fotorama__arr--next{margin-right:-1000px}
	.fotorama__arr{display:none;overflow:hidden;margin-left:-100000px}
	.btn_close a{background-size:17px;height:17px;width:21px}
	.btn_close a{right:10px}
	.any span{margin-bottom:-30px;bottom:-10px;z-index:999}
}


@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}


.subj_wrap {width:100%;margin:0 auto;position:fixed;bottom:110px;z-index:9999;display:block;text-align:center;font-size:18px;}

.any span{color:#000;text-align:center;width:100%;bottom:70px;position:absolute;display:block;line-height:140%}
.any span em{font-style:normal;color:#000}
.any span em i{font-weight:bold;font-style:normal;color:#999}

/*
#slider{display:block;padding:100px}
#slider img{height:100%}
#slider li{display:block}


*/