#sub-content {width:100%; 	float:right}
#sub-content .box {position:relative; width:220px;  background-color: #fff; box-sizing:border-box; border-radius:10px; }
#sub-content .box:hover {cursor:pointer; 	}
#sub-content .box:hover .overlay {position:absolute; width:100%; height:100%; box-sizing:border-box; border-radius:15px; opacity:0.8;	background: rgba(100,100,100,0.8); z-index:5;}

#sub-content .box .overlay a  {display:none;clear:both; position:absolute; z-index:9; opacity:1; }
#sub-content .box:hover .overlay a {display:block; margin-top:10px; padding:2px 5px; background:#000; border-radius:10px; color:#fff; font-weight:700;}
#sub-content .box:hover .overlay a.sns{left:10px; }
#sub-content .box:hover .overlay a.com_view{margin-left:50%; left:-30px}
#sub-content .box:hover .overlay a.save{right:5px}
#sub-content .box:hover .overlay a.homepage{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; max-width:92%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
#sub-content .box:hover .overlay a.hit{left:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000;}
#sub-content .box:hover .overlay a.keep{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; }

#sub-content .img-h {position:relative; overflow:hidden; border-radius:10px; margin:7px }
#sub-content .img-h .img_gray {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.03)}
#sub-content div img {width:100%;}
#sub-content div.large {width:220px;}
#sub-content div h3 {line-height: 1.1em;	margin: 0;	padding: 0;}
#sub-content div p {margin:0 10px;	padding: 0;}
#sub-content div strong.com_name {display:block}
#sub-content div strong.com_name img{display:inline-block; margin-right:5px; width:auto; height:18px}

#sub-content .box .com_info{padding-bottom:10px }



#sub-content2{height:auto; margin:30px 0 0 -40px; padding-top:1px; padding-bottom:60px}
#sub-content2:after{clear:both; display:block;  content:''}
#sub-content2 .box {width:520px; position:relative; float:left; background-color: #fff; box-sizing:border-box; border-radius:10px;
padding:0 0 15px 0; max-height:140px; margin-bottom:20px; margin-left:40px;}

#sub-content2 .img-h {position:relative; overflow:hidden; border-radius:10px; margin:7px }
#sub-content2 .img-h .img_gray {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.03)}
#sub-content2 .box:hover {cursor:pointer; 	}
#sub-content2 .box:hover .overlay {position:absolute; width:100%; height:100%; box-sizing:border-box; border-radius:10px; opacity:0.8;	background: rgba(100,100,100,0.8); z-index:5;}


#sub-content2 .box .overlay a  {display:none;clear:both; position:absolute; z-index:9; opacity:1; }
#sub-content2 .box:hover .overlay a {display:block; margin-top:10px; padding:2px 5px; background:#000; border-radius:10px; color:#fff; font-weight:700;}
#sub-content2 .box:hover .overlay a.sns{left:10px; }
#sub-content2 .box:hover .overlay a.com_view{margin-left:50%; left:-30px}
#sub-content2 .box:hover .overlay a.save{right:5px}
#sub-content2 .box:hover .overlay a.homepage{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; max-width:92%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
#sub-content2 .box:hover .overlay a.hit{left:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000;}
#sub-content2 .box:hover .overlay a.keep{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; }
#sub-content2 .main_email{top:35px}


a.gallery2_box{width:100%; float:left; display:block; border-bottom:1px dotted #ddd;}
a.gallery2_box .gallery2_left{width:20%; max-width:120px; height:120px; float:left; overflow:hidden}
a.gallery2_box .gallery2_left img{width:100%; float:left; display:block; border-radius:10px}
a.gallery2_box .gallery2_right{width:75%; float:left; padding:10px 0 0 20px; box-sizing:border-box;}
a.gallery2_box .gallery2_right b{display:block; font-size:16px;}
a.gallery2_box .gallery2_right p{font-size:14px; margin:8px 0;}
a.gallery2_box .gallery2_right span{/* width:98%; font-size:12px; color:#ccc; */ text-align:right; display:inline-block;}
a.gallery2_box .gallery2_right p span.size{float:right;display:inline-block;}

#sub-content44 {width:100%; 	float:right; display:block}
#sub-content44 .box {float:left; position:relative; width:220px;  background-color: #fff; box-sizing:border-box; border-radius:10px; }
#sub-content44 .box:hover {cursor:pointer; 	}
#sub-content44 .box:hover .overlay {position:absolute; width:100%; height:100%; box-sizing:border-box; border-radius:15px; opacity:0.8;	background: rgba(100,100,100,0.8); z-index:5;}

#sub-content44 .box .overlay a  {display:none;clear:both; position:absolute; z-index:9; opacity:1; }
#sub-content44 .box:hover .overlay a {display:block; margin-top:10px; padding:2px 5px; background:#000; border-radius:10px; color:#fff; font-weight:700;}
#sub-content44 .box:hover .overlay a.sns{left:10px; }
#sub-content44 .box:hover .overlay a.com_view{margin-left:50%; left:-30px}
#sub-content44 .box:hover .overlay a.save{right:5px}
#sub-content44 .box:hover .overlay a.homepage{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; max-width:92%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
#sub-content44 .box:hover .overlay a.hit{left:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000;}
#sub-content44 .box:hover .overlay a.keep{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; }

#sub-content44 .img-h {position:relative; overflow:hidden; border-radius:10px; margin:7px }
#sub-content44 .img-h .img_gray {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.03)}
#sub-content44 div img {width:100%;}
#sub-content44 div.large {width:220px;}
#sub-content44 div h3 {line-height: 1.1em;	margin: 0;	padding: 0;}
#sub-content44 div p {margin:0 10px;	padding: 0;}
#sub-content44 div strong.com_name {display:block}
#sub-content44 div strong.com_name img{display:inline-block; margin-right:5px; width:auto; height:18px}

#sub-content44 .box .com_info{padding-bottom:10px }

/* 메일보내기 */
.main_email{ position:absolute; z-index:100; width:90%; top:50px; left:5%; background: rgba(255,255,255,1); box-sizing:border-box; 
border-radius:15px; font-size:19px; box-shadow:1px 1px 9px rgba(0,0,0,0.65); line-height:24px; display:none}
.main_email:after{clear:both; display:block; content:''}
.main_email .main_email_inner{margin:15px 0 8px 12px;}
.main_email p{padding:0 0 8px 0;}
.main_email textarea{width:92%; border:1px solid #ddd; margin:6px 0; padding:3px; box-sizing:border-box; }
.main_email input{border:1px solid #ddd;width:92%; padding:2px 3px; height:25px; box-sizing:border-box; }
.main_email button{border:0; background: #888; width: 92%; height:30px; box-sizing:border-box; }
.main_email button a{color:#fff}
.email_del {width:20px; height:20px; background: #888; position: absolute; right:15px; top:14px}
.email_del img {width:20px; height:20px;  }

@media (max-width:980px){
#sub-content2{height:auto; margin:30px 0 0 0}
#sub-content2 .box{width:98%; margin:0 1%;}

#sub-content2 .sub-content2_item{padding:0; margin:0; border-bottom:none;}
#sub-content2 .sub-content2_item a{width:100%; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dotted #ddd;}
.gallery2_left{width:15%!important; max-width:none!important; height:auto!important;}
.gallery2_right{width:85%!important;}

.sub-content2{height:auto; margin:30px 0 0 0}
.sub-content2 .box{width:98%!important; margin:0 1%;}

ul.blog_cateegory li{ width:25%;  line-height:14px; font-size:13px  ; letter-spacing:-0.1em; min-height:33px; box-sizing:border-box}							

}

@media (max-width:720px){
#sub-content{width:98%; margin:auto; float:right;}
#sub-content .box{width:48%; margin:0 1%}
.sub-content{width:98%!important; margin:auto; float:right;}
.sub-content .box{width:48%!important; margin:0 1%}
	
.com_intro{width:96%; margin:auto;}
.com_intro>p>span{line-height:29pt;}
.com_intro>ul{margin:10px 0 0; line-height:17pt;}	

ul.blog_cateegory li{ width:32.8%; margin:0;    }		
}

@media (max-width:575px){
.gallery2_left{width:25%!important;}
.gallery2_right{width:75%!important;}
}

@media (max-width:415px){
.gallery2_left{width:30%!important;}
.gallery2_right{width:70%!important;}
}

@media (max-width:390px){
.gallery2_left{width:35%!important;}
.gallery2_right{width:65%!important;}
}