html.popup_open {overflow: hidden;}
.clear_after:after {content:""; clear:both; display:table}
.popup_wrap {position: fixed;  top: 0;  left: 0;  width: 100%; height: 100vh; z-index: 199999; overflow:hidden}
.popup_wrap .popup_contents {-webkit-box-shadow: 0px 0px 9px 4px rgba(0,0,0,0.09); 
box-shadow: 0px 0px 9px 4px rgba(0,0,0,0.09); width: 90%;  max-width: 700px;  height: 90vh;  max-height: 800px;  position: absolute;  background: #fff; left:50%;  top:50%;  -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);}
.popup_wrap .popup_close_btn {position: absolute;  right: 40px;  top: 30px;  font-size: 35px;  line-height: 1em;  font-weight: 900;  cursor: pointer;  z-index: 100; opacity:0.6}
.popup_wrap .popup_close_btn:hover {opacity:1}
.popup_wrap .board_load_wrap {padding: 80px 50px 50px;}
.popup_wrap .board_load_wrap h2.title {font-size: 27px;   line-height: 1.2em;  padding-bottom: 20px;  border-bottom: 1px solid #ddd;  margin-bottom: 20px;}
.popup_wrap .board_load_wrap .profile_info_ct {margin-bottom:20px}
.popup_wrap .board_load_wrap .profile_info_ct p { float: left; }
.popup_wrap .board_load_wrap .profile_info_ct span.title,
.popup_wrap .board_load_wrap .profile_info_ct a { font-size: 15px;  font-weight: 500;  color: #666;}
.popup_wrap .board_load_wrap .profile_info_ct span.content,
.popup_wrap .board_load_wrap .profile_info_ct a {font-size: 15px;  font-weight: 400;  color: #999;}
.popup_wrap .board_load_wrap .profile_info_ct p.date,
.popup_wrap .board_load_wrap .profile_info_ct p.hit,
.popup_wrap .board_load_wrap .profile_info_ct p.content_file {  padding-left: 40px;  padding-bottom: 20px;  position: relative;}
.popup_wrap .board_load_contents {clear: both;max-height: 450px;  overflow-y: auto;}
.popup_wrap .board_load_contents img {max-width:100%}
.popup_wrap .bo_v_nb {  margin: 20px 0;  position: relative;  clear: both;  text-align: left; }
.popup_wrap .bo_v_nb li {  border-top: 1px solid #f1f1f1;   padding: 13px; }
.popup_wrap .bo_v_nb li .nb_tit {  display: inline-block;  padding-right: 20px;  color: #b3b3b3;  font-size: 14px; }
.popup_wrap .bo_v_nb li a {  color: #999;   font-size: 14px; }
.popup_wrap .bo_v_nb li .nb_date {  float: right;  color: #b3b3b3;  font-size: 14px; }
.popup_wrap .bo_v_nb:after {  display: block;  visibility: hidden;  clear: both;  content: "";}

/*****new post popup*****/
.post_list .post_list_row{display:flex; flex-wrap:wrap}
.post_list .post_list_row > div{width:30.6%; margin-bottom:4%}
.post_list .post_list_row > div a img{width:100%}
.post_list .post_list_row > div + div{margin-left:4%}
.post_list .post_list_row > div:nth-child(4n){margin-left:0}
.sub_section .construction_area .construction_area_inner .post_list .post_list_row > div > p{background:#f9f9f9; color: #222; font-size: 25px; line-height: 1.2em; padding: 20px 30px 30px; 
min-height: 110px; letter-spacing: -1px; font-weight:800}

.post_list_more{display:block; max-width:200px; height:50px; background:#3976cf; color:#fff; line-height:50px; font-size:17px; font-weight:500; text-align:center; width:80%; margin:0 auto 40px}

.post_list.col4 .post_list_row > div{width:22.6%}
.post_list.col4 .post_list_row > div + div{margin-left:3.2%}
.post_list.col4 .post_list_row > div:nth-child(5n){margin-left:0}
.sub_section .post_list.col4 .post_list_row > div > p{background:#f9f9f9; color: #222; font-size: 18px; line-height: 1.2em; padding: 20px; 
min-height: 60px; letter-spacing: -1px; font-weight:700}
.post_list.col4 .post_list_row > div + div a img{border-top:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee;}



@media (max-width:980px) {
.popup_wrap .board_load_wrap .profile_info_ct p.date, .popup_wrap .board_load_wrap .profile_info_ct p.hit, .popup_wrap .board_load_wrap .profile_info_ct p.content_file { padding-left: 20px;  padding-bottom: 10px; }

/*****new post popup*****/
.sub_section .construction_area .construction_area_inner .post_list .post_list_row > div > p{font-size:18px; padding:15px 15px 30px}
.sub_section .post_list.col4 .post_list_row > div > p{font-size:14px; padding:15px; min-height:50px}
}

@media (max-width:767px) {
.popup_wrap .board_load_wrap {  padding: 30px 20px 20px;}
.popup_wrap .board_load_wrap h2.title {  font-size: 18px;  padding-bottom: 10px;  margin-bottom: 10px;}
.popup_wrap .board_load_wrap .profile_info_ct span.title, .popup_wrap .board_load_wrap .profile_info_ct a { font-size: 13px;}
.popup_wrap .board_load_wrap .profile_info_ct span.content, .popup_wrap .board_load_wrap .profile_info_ct a { font-size: 13px;}
.popup_wrap .board_load_wrap .profile_info_ct { margin-bottom: 10px;}
.popup_wrap .board_load_contents {max-height: 35vh;}
.popup_wrap .bo_v_nb li {  padding: 5px;}
.popup_wrap .bo_v_nb li .nb_tit {font-size: 12px;}
.popup_wrap .bo_v_nb li a { font-size: 12px;}
.popup_wrap .bo_v_nb li .nb_date {font-size: 12px;}
.popup_wrap .popup_close_btn {right: 20px;  top: 10px;}

.post_list.col4 .post_list_row > div{width:48%; margin-right:4%}
.post_list.col4 .post_list_row > div + div{margin-left:0}
.post_list.col4 .post_list_row > div:nth-child(2n){margin-right:0}
}

@media (max-width:480px) {
.popup_wrap .board_load_wrap .profile_info_ct p {  float: none;}
.popup_wrap .board_load_wrap .profile_info_ct p.date, .popup_wrap .board_load_wrap .profile_info_ct p.hit, .popup_wrap .board_load_wrap .profile_info_ct p.content_file {  padding-left: 0; padding-bottom: 0;}
.popup_wrap .board_load_contents { max-height: 45vh;}
.popup_wrap .bo_v_nb li .nb_tit {display:block}
.popup_wrap .bo_v_nb li .nb_date {  display: none;}

/*****new post popup*****/
.post_list .post_list_row > div{width:100%; margin-bottom:30px}
.post_list .post_list_row > div + div{margin-left:0}
.sub_section .construction_area .construction_area_inner .post_list .post_list_row > div > p{min-height:10px}
.post_list_more{max-width:150px; height:40px; line-height:40px; font-size:15px}
.popup_wrap .popup_contents{height:70vh}
}