p,ul,h2,h3{margin:0;padding:0;}
li{list-style: none;}
.board_view{border-top:none !important}
/*list*/
table {border-collapse: collapse;width: 100%;}
td, th {text-align: center;padding: 7px;font-size:9pt;width:10%;}

.pagenum {display: inline-block;width: 30px;border: 1px solid transparent;color: gray;font-weight: bold;text-decoration: none;text-align: center;padding:7px 0}
.pagenum:hover {color: orange;border: 1px solid orange;}
.pagenum.current {color: orange;text-decoration: underline;}
.move_btn {color: gray;}
.disabled {color: silver;}
.paging_area {text-align: center;}
.start_end {padding: 0px 10px;}
.pagenation {text-align: center;margin-top: 10px !important;padding-top: 10px;}

.wirte_text textarea{margin-top:10px;width:100%;height:150px}


#board_list{border-left:none;border-right:none;margin-top:20px;border-top:1px solid #e3e3e3}
#board_list tr{border-bottom:1px solid #e3e3e3}
#board_list tr:nth-child(odd){background-color: #fff}
#board_list tr:nth-child(1){background: #fff;}
.borad_id{width:100%;text-align: left;}
.borad_id img{float:left;}
.borad_id a{display:block;float:left;padding:45px 0 45px 20px;}
.board_button{display:flex;justify-content: flex-end;margin-top:20px;}
.board_button button{background-color: #fff;border:1px solid #e3e3e3;padding:5px;width:65px;text-align: center;border-left:none;}
.board_button a{background-color: #fff;border:1px solid #e3e3e3;padding:5px;width:65px;text-align: center;;display:inline-block;font-size:10pt;}
.board_button input{background-color: #fff;border:1px solid #e3e3e3;padding:5px;width:65px;text-align: center;}
.board_button input:last-child{border-left:none;}

.search_box{width:100%;margin-top:3%;display:flex;justify-content: center;;margin-bottom:10px;}
.search_box input{height:35px;border:1px solid #e3e3e3}
.search_box select{height:35px;margin-right:5px;border:1px solid #e3e3e3;background-color: #fff;}


.wezine_box a{padding:10px 0 !important;float:none;}
.webzine_name{padding:20px 0;border-bottom:1px solid #e3e3e3;font-weight: bold;font-size:13pt;border-top:1px solid #e3e3e3;}
.webzine_name>div{font-size:13pt;font-weight: 400}
.webzine_view{padding:30px 0;border-bottom:1px solid #e3e3e3}
.webzine_view ul{display:flex;flex-wrap:wrap;}
.webzine_view ul li{width:50%;display:flex;margin:5px 0}
.webzine_view ul li b{margin-right:20px;padding-right: 20px;position: relative;font-weight: bold;width:80px}

.webzine_view ul li b:after{content: '';display: inline-block;width:1px;height:15px;border-right:2px solid #e3e3e3;position: absolute;right: 0;margin-top:-7.5px;top:50%;}
.webzine_writer span{font-weight: bold;}

.webzine_img div{width:100%;display:flex;justify-content: center;align-items: center;height:100%;}
.webzine_img{position: relative;;height:50vw;}
.webzine_img input{position: absolute;left:0;top:-30px;}
.webzine_img div img{width:100%;height:100%;}
.webzine_img a{display:block;width:100%;height:100%;}
.webzine_box{padding:15px 0 !important;display: block;}


.board_button{justify-content: center;position: relative;}
.board_button>div:first-child{position: absolute;left:0;}
.search_box input:hover{background-color: #00ff0000 !important}
.search_box input{width:auto;text-align: left;cursor: inherit;border-radius: none;margin-left:0;}
.search_box select{margin-right:0;}
.board_button a{margin-left:0;}
/*.board_button a:last-child{border-left:none;}*/
.board_button>div{display:flex;align-items: flex-start}
.board_button .search_box{margin:0}


/*list*/





/*view*/
.board_view_button{display:flex;justify-content: flex-end;margin-top:20px;}
.board_view_button a:nth-child(1){border-right:none;}
.board_view_button a:nth-child(2){border-right:none;}
.board_view_button a{display:inline-block;padding:5px;background-color: #fff;border:1px solid #e3e3e3;font-size:10pt;width:65px;text-align: center;}
.board_view{display:flex;border-top:2px solid rgb(150,150,150);margin-top:10px;border-bottom:1px solid #e3e3e3;justify-content: space-between}
.board_view>div{padding:5px;font-size:11pt;display:flex;}
.board_view>div>div{padding:0 20px}
.board_view>div:nth-child(1){;padding:5px 0 5px 20px;}
.board_view2{padding:20px;}
#removeFile{;background-color: rgb(49,34,64);color:#fff;border:none;margin:5px 0 0 5px;;padding:5px;}
.preview_detail0{display:flex;align-items: center}
.board_button2>div a{border-left:none;}
.board_button2>div a:nth-child(1){border-left:1px solid #e3e3e3;}


.portfolio_view>div{border:1px solid #e3e3e3;padding:20px;}
.portfolio_view>div:last-child{margin-top:20px;}
.portfolio_view>div>div>div{display: flex;margin-right: 70px;}
.portfolio_view>div>div>div p{margin-right: 25px;padding-right:25px;position: relative;width:80px;font-weight: 600}
.portfolio_view>div>div>div p:after{content: '';position: absolute;right:0;width:2px;height:10px;margin-top:-5px;top:50%;background-color: #e3e3e3}


.introduce_box{font-size:11pt;padding:10px;}
.introduce_box p{font-weight: bold;margin-bottom:20px;color:#000;}
/*view*/


/*write*/


.write_check{display:flex;margin-top:10px;}
.write_check li:nth-child(2){padding: 0 0 0 10px;margin-left:20px;}
.write_check li input{vertical-align: middle;}
.write_check li input[type="checkbox"]{width:15px;height:15px;display:none;}
.write_check li input[type="checkbox"] + label {
display: inline-block; width:17px; height: 17px; background: #fff;border:1px solid rgb(150,150,150);
cursor: pointer; border-radius: 3px;float:left;position: relative;}
.write_check li:after {display:block; clear:both; content:"";}
.write_check li input[type="checkbox"] + label span {
position: absolute; top: 0;left:20px;; display: block; font-weight: bold;width:40px;}
.write_check li input[type="checkbox"]:checked + label {background:url(/img/check.png) #fff no-repeat center/10px 10px; float: right}

    

.write_title li{width:100%}
.write_title li input{width:100%;padding:5px;border-radius: 5px;border:1px solid #e3e3e3;margin:10px 0 0 0}
/*.write_title input:focus{box-shadow: 0 0 5px 2px #e3e3e3}*/
.wirte_writer input{padding:5px;border-radius: 5px;border:1px solid #e3e3e3;margin:10px 0}
/*.wirte_writer input:focus{box-shadow: 0 0 5px 2px #e3e3e3}*/
.submit_button{background-color:rgb(71, 71, 71) !important;color:#fff; cursor: pointer;}



.file-preview{display: inline-flex}
.file-preview div img{max-width: 100px;}
.file-preview div p{text-align: center;}

.file_box{margin-top:10px;display:flex;align-items: center;}
.ui-corner-all{display:inline-block;width:50px;padding:5px 0;text-align: center;border:1px solid #333;margin-right:10px;}

/*write*/



/*comment*/
.comment_wirte_box {margin-top: 50px;border: 1px solid #e3e3e3;padding: 20px;}
.comment_wirte_box .comment_submit{text-align: right;margin-top: 20px;}
.comment_wirte_box .button {padding: 5px 20px;background: #fff;border: 1px solid #e3e3e3;}
.comment_wirte_box .button:hover{background: #333;color: #fff;cursor: pointer;}
.comment_wirte_box table{background: #FBFBFB;border: 1px solid #e3e3e3;}
.comment_wirte_box th{border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;padding: 10px;min-width: 200px;}
.comment_wirte_box td{width: 20%;text-align: left;border-bottom: 1px solid #e3e3e3;padding: 10px;}
.comment_wirte_box td textarea{width: 100%;min-height: 100px;}

.comment_box{padding: 10px;background: #FBFBFB;border: 1px solid #e3e3e3;}
.comment_view{padding: 20px;border-bottom:1px solid #e3e3e3; }
.comment_title span{padding: 0px 10px;font-size: 12px;}
.comment_content{padding:10px;font-size: 14px;}

.comment_button{text-align: right;}
/*comment*/








.live_view{padding:10px;border:1px solid #e3e3e3;}
.live_view h2{text-align: center;}
.view_gage{position: relative;display: block;width:100%;height:25px;border-radius: 40px;background-color: #eeeeee;margin-top:40px;}
.view_gage>span{position: absolute;left:0;top:0;border-radius: 40px;height:100%;}
.view_gage>span:first-child{width:50%;background-color:#ff7814}
.view_gage>span:last-child{width:100%;text-align: center;font-size:13pt;color:#fff;display:flex;justify-content: center;align-items: center;}
.progress{padding:10px;display:flex;}
.progress_box{margin-top:20px;}
.icon_box{margin-top:40px;}


.view_gallery{margin-top:10px;}
.view_gallery2{margin-top:20px;}
.view_gallery>div{border:1px solid #e3e3e3;;padding:10px;}
.view_gallery>div p{text-align: center;font-weight: bold;color:#000;margin-bottom:10px;font-size:13pt}
.view_gallery>div>div{display:flex;}
.view_gallery>div>div>div{width:50%;margin-right: 10px;height:120px;background-color: #e3e3e3;background-position: center;background-size: cover;}
.view_gallery>div>div>div:last-child{margin-right: 0;}
.progress p{font-weight: bold;color:#000;padding:0 15px 0 0;margin-right: 15px;position: relative;}
.progress p:after{content: ''; position: absolute;width:2px;height: 15px;margin-top:-7.5px;top:50%;right:0;background-color: #e3e3e3;}

.webzine_poto{margin-top:30px;}

@media screen and (min-width:600px){
     #gallery_box{width:50%;}
    .progress{font-size:11pt;}
    .progress p{margin-right:25px;padding-right:25px;width:90px}
  
}

@media screen and (min-width:768px){
    .wezine_box a{padding:0px !important;}
    .webzine_name{padding:50px 0;}
    .portfolio_view{display:flex;}
    .portfolio_view>div{width:40%;}
    .portfolio_view>div:last-child{margin-top:0;margin-left:20px;width:60%}
    
    .webzine_box2>div{display:flex}
    .borad_id{width:50%}
    .webzine_img{margin-right:30px;height:auto;}
    .webzine_img div{width:250px;display:flex;justify-content: center;align-items: center;height:100%;}
  .progress_box{display:flex;flex-wrap:wrap;}
    .progress_box>div{width:50%;border-bottom:1px solid #e3e3e3;}
    
    .webzine_name{font-size:18pt}
    
    td, th {font-size:11pt;}
}



@media screen and (min-width:1024px){
     .live_view{padding:40px;}
}

@media screen and (min-width:1200px){
    .webzine_img{width:40%;,}
    .webzine_img div{width:100%;}
    
    .portfolio_view>div:last-child{display: flex;}
}