@charset "utf-8";
/*최근게시물 스킨*/
.sub_contents {width: 100%;height: auto;position: relative;background-color: #2e2e2e;border: 1px solid #484848;padding: 30px 25px 100px;}
.sub_contents .sub_cont {width: 100%;height: auto;position: relative;}
.sub_contents .sub_size {width: 100%;height: auto;position: relative;}
.sub_titbox{width: 100%; height: auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px;}
.sub_titbox .sub_tit {width: auto;height: auto;}
.sub_titbox .sub_tit::after{content: '';width: 100%;height: 1px;background-color: #e49c12;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);display: block;z-index: 0;}
.sub_titbox .sub_tit > h2 {display: block;font-weight: 600;font-size: 1.25rem;display: block;color: #e49c12;position: relative;padding: 0 10px 0 0px;display: inline-block;background-color: #2e2e2e;z-index: 9;}
.parner_tab{width:100%;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:5px}
.parner_tab .parner_tabbox{width:auto;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:7px;border:1px solid #5f5f5f;border-radius:5rem}
.parner_tab .parner_tabbox>li{width:auto;height:auto;position:relative}
.parner_tab .parner_tabbox>li>a{display:block;text-align:center;padding:5px 15px;font-size:.875rem;font-weight:500;color:#ccc;border-radius:5rem}
.parner_tab .parner_tabbox > li.tabactive > a, .parner_tab .parner_tabbox > li > a:hover {background-color: #e49c12;color: #000;}

/*리스트PC*/
.safety a:link, .safety  a:visited {color: #fff;text-decoration: none;padding: 0;margin: 0;}
.safety .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: flex-start;}
.safety .row li {width: calc(100% / 3);padding: 6px}
.safety .list-item .list-item-div {border: 1px solid #595959;border-radius: 10px;overflow: hidden;padding: 5px;background: #2e2e2e;}
.safety .list-item .list-item-div .list-item-wrap{position: relative;}
.safety .list-item .img-wrap {padding-bottom: 73%;border-radius: 10px 10px 10px 10px !important;}
.safety .list-item .img-wrap .img-item {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.safety .list-item .img-wrap .img-item img {width: 100%;aspect-ratio: 16/12;}
.safety .list-safety-info{margin-top:10px;background:#222 }
.safety .list-safety-info table{width:100%;border-collapse:separate;border-spacing:0}
.safety .list-safety-info table tr td{width:75%;word-break:break-all;height:34px;overflow:hidden;text-align:center;border:1px solid #5f5f5f;border-top:0;background:#2e2e2e;}
.safety .list-safety-info table tr th{width:90px;text-align:center;border:1px solid #5f5f5f;border-bottom:1px solid #424242;border-top:0;background:#2e2e2e;color:#fff;font-weight:normal;height:34px;letter-spacing:-0.05rem}
.safety .list-safety-info table tbody tr:first-child th{border-top:1px solid #5f5f5f;border-left:1px solid #5f5f5f;border-bottom:1px solid #5f5f5f;border-radius:5px 0 0 0}
.safety .list-safety-info table tr .site_name{font-weight:bold;color:#fff;position: relative;}
.safety .list-safety-info table tr .site_name .sub{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 220px;padding: 0 5px;}
.safety .list-safety-info table tr .site_name .ico{position: absolute;right: 5px;bottom: 2px}
.safety .list-safety-info table tbody tr:first-child td{border-top:1px solid #5f5f5f;border-radius:0 5px 0 0;font-size: 16px;border-left: 0px;}
.safety .list-safety-info table tbody tr:last-child th{border-radius:0 0 0 5px;border-left:1px solid #5f5f5f;border-bottom:1px solid #5f5f5f;}
.safety .list-safety-info table tr td.site_code{font-weight:bold;color:#fff506;font-size: 18px;border-left:0px;}
.safety .list-safety-info table tbody tr:last-child td{border-radius:0 0 5px 0}
.safety .list-safety-item-btn-wrap{margin-top:10px;display: flex;justify-content:space-between;}
.safety .list-safety-item-btn-wrap div{width: 50%;margin-right: 5px}
.safety .list-safety-item-btn-wrap div:last-child{margin-right: 0px}
.safety .list-safety-item-btn-wrap a{border-radius:5px;text-align:center;font-weight:bold;padding:10px 0;transition:background .15s}
.safety .list-safety-item-btn-wrap a.btn_safety_view{border:2px solid #5f5f5f;color:#fff;}
.safety .list-safety-item-btn-wrap a.btn_safety_site{border:2px solid #5f5f5f;color:#fff;}
.safety .list-safety-item-btn-wrap a.btn_safety_site:hover{background:#5f5f5f;}
.safety .list-safety-item-btn-wrap:after{content:'';display:block;visibility:hidden;clear:both}
.safety  .img-wrap .bg-orangered{position: absolute;top:5px;left: 5px;padding: 2px 5px; background: orangered;color: #fff;opacity: 0.5}

/*내용PC*/
.bo_view_safe{padding:20px 10px 100px}
.bo_view_safe .board_view .view_top_tit{padding: 5px 0px}
.bo_view_safe .board_view .view_top_tit h2{font-weight: bold;font-size: 1.26rem;width: unset;}
.bo_view_safe .board_view .bo_safety_top_con_wrap {margin: 10px 0 40px;}
.bo_view_safe .board_view .bo_safety_info_img_wrap {float: left;width: 40%;}
.bo_view_safe .board_view .bo_safety_info_img_wrap .img_wrap {box-shadow: 0 4px 10px rgb(50 60 70 / 20%);-webkit-box-shadow: 0 4px 10px rgb(50 60 70 / 20%);-moz-box-shadow: 0 4px 10px rgb(50 60 70 / 20%);border-radius: 10px;}
.bo_view_safe .board_view .bo_safety_info_img_wrap .img_wrap #bo_v_img img {width: 100%;aspect-ratio: 16 / 10.65;margin-bottom: 0 !important;}
.bo_view_safe .board_view .bo_safety_info_tbl_wrap {float: left;width: 60%;border-radius: 10px;padding-left: 20px;}
.bo_view_safe .board_view .tbl_bo_safety_info {width: 100%;border-collapse: separate;border-spacing: 0;}
.bo_view_safe .board_view .tbl_bo_safety_info tr th {width: 140px;border-bottom: #5f5f5f solid 1px;border-top: 0;border-left: #5f5f5f solid 1px;color: #fff;font-weight: normal;height: 44px;letter-spacing: -0.05rem;padding: 8px 18px;font-size: 16px;}
.bo_view_safe .board_view .tbl_bo_safety_info tbody tr:first-child th {border-top: 1px solid #5f5f5f;border-left: 1px solid #5f5f5f;border-bottom: 1px solid #5f5f5f;border-radius: 10px 0 0 0;}
.bo_view_safe .board_view .tbl_bo_safety_info tr td {word-break: break-all;height: 44px;overflow: hidden;border: 1px solid #5f5f5f;border-top: 0;padding: 8px 16px;color: #fff;}
.bo_view_safe .board_view .tbl_bo_safety_info tbody tr:first-child td {border-top: 1px solid #5f5f5f;border-radius: 0 10px 0 0;}
.bo_view_safe .board_view .tbl_bo_safety_info tbody tr:last-child th {border-radius: 0 0 0 10px;}
.bo_view_safe .board_view .tbl_bo_safety_info tbody tr:last-child td {border-radius: 0 0 10px 0;}
.bo_view_safe .board_view .bo_safety_view_con_line{position:relative;margin-bottom:10px}
.bo_view_safe .board_view .bo_safety_view_con_line .text{position:relative;z-index:2;display:inline-block;border:4px solid #ce9940;border-radius:8px 8px 0 0;border-bottom:0;padding:7px 25px;background:#ce9940;color:#fff;font-weight:bold}
.bo_view_safe .board_view .bo_safety_view_con_line .bar{position:relative;z-index:1;background:#ce9940;width:100%;height:4px;margin-top:-4px}
.bo_view_safe .board_view .tbl_bo_safety_info .icon_safety_game {background: #edeef0;color: #666;padding: 2px 7px 0;line-height: 1.4;border-radius: 5px;font-size: 20px;margin-top: 2px;margin-bottom: 2px;margin-right: 5px;display: inline-block;}
.bo_view_safe .board_view .view-content p{color: #fff}

#bo_w .bo_w_link .fa-link{position: absolute;top:18px;left: 10px}
#bo_w .file_wr .fa-folder-open{color: #fff;}
#bo_w .file_wr input[type="file"]::before {content: "";}


/*겁색버튼*/
.board_user {width: 100%;height: auto;position: relative;margin-top: 20px;}
.board_user .user_search {width: 100%;height: auto;position: relative;margin-top: 20px;}
.board_user .user_search > form{width: 100%; height: auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px;}
.board_user .user_search > form .sch_inputbox{width: auto; height: auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}

/*글쓰기,관리등 버튼*/
.safety #bo_btn_top{width: 100%;padding: 0 10px;}
.safety #bo_btn_top .btn_bo_user{display: flex;justify-content: space-between;}
.safety #bo_btn_top .btn_bo_user li{width: unset;}


.view_comments {width: 100%;height: auto;position: relative;margin-top: 40px;}