#sub_main{position:relative; z-index:1; background:#FFF;    padding:30px;}
#sub_main:before{position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #EEE; content:"";}
#sub_main:after {display:block;visibility:hidden;clear:both;content:""}
#sub_aside_navi{position:absolute; z-index:1; width:100px; float:left; clear:both;}
#sub_aside_navi dd{display:none;font-family:  "NanumSquare", sans-serif;  }
#sub_aside_navi dd.on{display:block;}
#sub_aside_navi dd > a{font-size:1.4em; border-bottom:3px solid #000; color:#000; font-weight:700; display:inline-block; line-height:150%; }
#sub_aside_navi dd > ul{margin-top:10px; line-height:200%;}
#sub_aside_navi.fixed{position:fixed; top:20px; }
#sub_aside_navi.relative{position:relative}

#sub_main > section{margin-left:100px;}
#sub_main > section:after{display:block;clear:both;content:''}
#sub_main > section .sm_section{position:relative; border-top:1px solid #DDD;  height:100%;padding-top:30px; margin-top:22px;}
#sub_main > section .sm_section:before {position: absolute;top: 0; bottom: 0;left: 610px;width: 1px;background: #EEE;content: "";}
#sub_main > section .sm_section:after {display:block;visibility:hidden;clear:both;content:""}
#sub_main > section #webzine_list{width:580px; float:left;clear:both; }
#sub_main > section .sm_aside{ width:300px;float:right;    }
#sub_main > section .sm_aside img{max-width:100%;}
#sub_main > section .sm_aside .latest_type4{margin:0; margin:20px 0;}

#sub_main #aside_sc{position:absolute;  width:300px;  }
#sub_main #aside_sc.bottom{bottom:0  }
#sub_main #aside_sc.fixed{position:fixed; bottom:0}
#sub_main #aside_sc.relative{position:relative}


#bo_list .ss_section{position:relative;  }
#bo_list .ss_section:before {position: absolute;top: 0; bottom: 0;left: 710px;width: 1px;background: #EEE;content: "";}
#bo_list .ss_section:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .ss_section #webzine_list{width:680px; float:left;clear:both; }

#bo_list  .ss_aside{ width:300px;float:right;   }
#bo_list  .ss_aside img{max-width:100%;}
#bo_list  .ss_aside .latest_type4{margin:0; margin:20px 0;}


#video_player{position:relative; height:0; margin-bottom:20px;}
#video_player iframe {position:absolute; top:0; left:0; width:100%; height:100%;}





.form_cate{padding:0 !important}
.form_cate dl{display: -webkit-flex; display: flex; justify-content:space-between;  }
.form_cate dl dd{ flex-grow:1; position:relative; border-right:1px solid #EEE; }
.form_cate dl dd strong{font-size:1.2em; display:block;  padding:10px; background:#F6F6F6}
.form_cate dl dd ul{padding:10px;  }

#bo_w td label{white-space: nowrap;}

#webzine_list{position:relative;    }
#webzine_list ul{padding:0; margin:0; list-style:none;  border-bottom:1px solid #EEE; }
#webzine_list ul li{overflow:hidden; position:relative; padding:20px 0; border-top:1px dotted #EEE; }
#webzine_list ul li:first-child{border-top:0}
#webzine_list .webzine_img{float:left; clear:both; margin-right:20px;}
#webzine_list .youtube_cover{display:block; background-size:cover; background-position:center; position:relative;float:left; clear:both; margin-right:20px;}
#webzine_list .youtube_cover:after{position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-16px; width:32px; height:32px; background:url(https://www.youtube.com/s/desktop/d743f786/img/favicon_32.png) center no-repeat; content:""; }

#webzine_list dl{_display:inline-block;overflow:hidden; zoom:1}
#webzine_list dl:after{display:block;clear:both;content:''}
#webzine_list dl dt{font-size:1.3em; font-weight:700; position:relative;   display:block ;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break: break-all; transform:skew(-0.001deg);}
#webzine_list dl dd p{display:block;margin:10px 0; position:relative;   display:block ;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all; }
#webzine_list dl dd p a{display:block;  color:#999; }
#webzine_list dl dd span{padding-right:10px; color:#888;}




.bo_v_right .btn_reply{display:none }
.bo_v_right .btn_move{display:none }
.bo_v_right .btn_copy{display:none }
.bo_v_right .btn_modify{display:none }
.bo_v_right .btn_write{ }


