#content { } 
#content.home { background:#f2f2f2; } 
#content .gtheme {}
#content .aside {float:left;width:200px;margin-right:20px;padding-bottom:20px;}
#content .center {}
#content .m_side {float:left;width:740px;}
#content .bside {float:right;width:200px;margin-left:20px;padding-bottom:20px;}
#content .mainbox { display:inline-block; margin:10px 0 30px 0; }

#content .mainbox .post * { 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#content .mainbox .post { background:#fff; 
	width:300px; 
	border-radius:10px; 
	margin-right: 20px; margin-bottom:20px; } 
#content .mainbox .post:nth-child(3) { margin-right:0; }

#content .mainbox .post .box1 { position:relative; margin-right:0; padding:0; border-radius:10px; border:solid 1px #d7d7d7;}
#content .mainbox .post .box1:hover { x-border:solid 3px #d7d7d7; }
#content .mainbox .post .box1 .thumb { width:100%; }
#content .mainbox .post .box1 .thumb img { width:100%; border-top-left-radius:10px; border-top-right-radius:10px; }
#content .mainbox .post .box1 .cont { position:relative; padding:10px 15px 15px 10px; }
#content .mainbox .post .box1 .cont .title { height:30px; margin-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#content .mainbox .post .box1 .cont .title a { font-size:20px;color:#05447A; }
#content .mainbox .post .box1 .cont .title a:hover {} 
#content .mainbox .post .box1 .cont .desc { margin-top:10px; margin-bottom:44px; height:180px; line-height:170%; font-weight:normal; font-size:15px; color:#35343C; white-space:; overflow:hidden; text-overflow:ellipsis; }
#content .mainbox .post .box1 .info { position:absolute; bottom:0; height:43px; display:block; padding:12px 15px 0px; width:100%; background:#f8f8f8; border-top:solid 1px #ebebeb; color:#777; font-size:14px; 
border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#content .mainbox .post .box1 .info .date { float:left; color:#777; } 
#content .mainbox .post .box1 .info .hit { float:right; }
#content .mainbox .post .box1 .info .hit span{ color:#999; }

#content .mainbox .page { margin:30px 0 10px; font-size:20px; text-align:center; }
#content .mainbox .page .selected { color:#ff4c00; font-weight:bold; }
#content .mainbox .page img { padding-left:10px; padding-right:10px; }
#content .mainbox .page a { font-size:20px; color:#888888; }

.masonry-grid { /* Masonry container */
    column-count: 3;
    column-gap: 10px;
}

.masonry-grid .grid-item { /* Masonry bricks or child elements */
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}


#content .mbrinfo {border:#dfdfdf solid 1px;margin-bottom:15px;background:#F4F4F4;padding:8px 7px 8px 12px;}
#content .mbrinfo .symbol {float:left;}
#content .mbrinfo .symbol img {width:37px;height:37px;}
#content .mbrinfo .name {float:left;margin:0 0 0 10px;}
#content .mbrinfo .name .namel {height:12px;font-weight:bold;color:#454545;padding:2px 0 0 0;}
#content .mbrinfo .name .namer {padding-top:6px;}
#content .mbrinfo .score,#content .mbrinfo .score a {font-size:11px;font-family:dotum;color:#636363;padding:10px 0 0 0;margin:5px 0 0 0;border-top:#dfdfdf solid 1px;}
#content .mbrinfo .score a:hover {text-decoration:underline;}
#content .logout {border:#dfdfdf solid 1px;margin-bottom:15px;}
#content .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;}
#content .logout .tabbox .tp {float:left;width:98px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;}
#content .logout .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#content .logout .nlog {padding:15px 0 15px 12px;}
#content .logout .i1 {font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#content .logout .i1 .input {float:left;width:105px;height:17px;border:#BEBEBE solid 1px;}
#content .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#content .logout .i1 .checkbox {margin-left:2px;}
#content .logout .i1 .submit {float:left;margin-left:5px;}
#content .logout .rbtm {font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;}
#content .logout .rbtm .ipc {color:#67686A}
#content .logout .rbtm a {color:#313946;}
#content .logout .rbtm span {padding:0 5px 0 5px;}
#content .logout .slog {padding:15px 12px 15px 12px;}
#content .logout .slog .icon {padding:10px;background:#efefef;text-align:center;}
#content .logout .slog .icon img {cursor:pointer;margin:8px;}
#content .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}
#content .submenu {list-style-type:none;border:#dfdfdf solid 3px;padding:5px;margin:0 0 15px 0;border-radius:5px 5px 5px 5px;}
#content .submenu li {background:url('./image/arr_plus.gif') 8px 9px no-repeat;padding:7px 0 7px 25px;line-height:140%;border-bottom:#efefef solid 1px;}
#content .submenu li a {color:#707070;}
#content .submenu li a:hover {color:#3B82BA;}
#content .submenu li ul {padding:10px 0 0 0;margin:0;list-style-type:none;}
#content .submenu li ul li {background:none;padding:2px 0 2px 0;border-bottom:0;}
#content .submenu li ul li a {font-weight:normal;}
#content .submenu li ul li a:hover {color:#3B82BA;}
#content .submenu .open {background:url('./image/arr_minus.gif') 8px 9px no-repeat;}
#content .submenu .on {font-weight:bold;color:#3B82BA;}
#content .submenu ._last {border-bottom:0;}
#content .submenu .none {color:#c0c0c0;}
#content .banner {margin-bottom:15px;}
#content .banner span {display:block;font-size:11px;font-family:dotum;color:#c0c0c0;padding:70px 0 70px 0;margin:0;border:#dfdfdf solid 1px;background:#efefef;text-align:center;}
#content .hotbox {border:#dfdfdf solid 1px;margin-bottom:15px;}
#content .hotbox .tabbox {}
#content .hotbox .tabbox .tp {float:left;width:98px;height:20px;padding-top:10px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;}
#content .hotbox .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .hotbox .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#424242;}
#content .hotbox .hbody {padding:10px 5px 10px 8px;}
#content .hotbox .hbody ul {padding:0;margin:0;list-style-type:none;}
#content .hotbox .hbody li {height:14px;margin:10px 0 10px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#content .hotbox .hbody li i {display:inline-block;width:11px;margin-right:7px;hieght:11px;font-style:normal;font-size:10px;font-family:arial;color:#ffffff;letter-spacing:-px;text-align:center;background:#C0C0C0;border:#B6B6B6 solid 1px;border-radius:2px 2px 2px 2px;}
#content .hotbox .hbody li span {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .hotbox .hbody li a {}
#content .hotbox .hbody li .emp {background:#95A6FE;border:#7186FB solid 1px;}


#post_like_wrap { margin:30px 0 30px; }

