@charset "utf-8";

a:link, a:visited, a:active{text-decoration:none;color:#505050}
a:hover{text-decoration:none}

.PC_TITLE{display:block} 
.MOBILE_TITLE{display:none}

/* view_page_upload */
#tmp_Upfile_Show_Layer {left:50%;transform: translate(-50%, 0%)}

/* upload */

.sitehouse_filebox_container{margin:0 auto;margin-top:10px;width:100%;padding:20px;text-align:left;font-size:12px;color:#818181;border:1px solid #E3E3E3}
.sitehouse_filebox input[type="file"] {margin-top:4px;margin-bottom:10px;width:100%;height:24px}
.sitehouse_file_name:not(.sitehouse_filebox_container){font-size:12px;color:#B2B2B2}
.sitehouse_img_center{margin:0 auto;text-align:center}
.sitehouse_download{margin:0 auto;margin-top:10px;margin-bottom:10px;width:100%;text-align:center;font-size:12px;color:#333;font-weight:bold;line-height:28px;border: 1px solid #BCBCBC;cursor:pointer;background-color:#DDDDDD;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.sitehouse_download:link, .sitehouse_download:visited{color:#333}
.sitehouse_download:hover{color:#fff;border: 1px solid #BCBCBC;background-color:#000}

/* upload 30 */
.filebox {font-size:12px}
.filebox .upload-name {float:left;vertical-align:middle;border:1px solid #E4E4E4;color:#888;width:auto;height:30px;line-height:30px;padding-left:10px;padding-right:10px;margin-left:1px;}
.filebox label {float:left;color:#000;background:#FFD100;font-weight:normal;cursor:pointer;text-align:center;width:70px;height:30px;line-height:30px;}
.filebox input[type="file"] {display:none;}
.filebox::after {content:'';clear:both;display:block;}

/* subject-cut */
.subject-cut-wrap{width:100%;word-break:break-all}
.subject-cut-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}

/* field style */
.fieldstyle{margin-top:10px;padding: 0 5px;width:100%;height:45px;line-height:30px;border:1px solid #E4E4E4;background-color:#ECEAEA}
.field-placeholder.placeholder{padding-left:10px;font-size:15px;color:#606060}
.field-placeholder:-ms-input-placeholder{padding-left:10px;font-size:15px;color:#606060}
.field-placeholder::-webkit-input-placeholder{padding-left:10px;font-size:15px;color:#606060}
.field-placeholder::-moz-placeholder{padding-left:10px;font-size:15px;color:#606060}

#BB_CATEGORY{margin-top:10px;padding-left:10px;width:100%;height:45px;font-size:15px;color:#606060;line-height:30px;border:1px solid #E4E4E4;background-color:#ECEAEA}

.write-content{margin-top:10px}

/* view */
.view-top-subject{text-align:center;font-size:18px;color:#666;font-weight:bold}
.view-top-inforicon{padding-right:10px;padding-left:10px}
.view-top-infor{margin-top:2%;text-align:center;width:100%;font-size:14px;color:#000;line-height:50px;border-bottom:2px solid #000}
.view-top-bu{margin-top:16px;width:100%;text-align:center}
.view-top-dowonload{text-align:center;width:100%;line-height:50px}
.view-modify-date{margin-top:10px;margin-bottom:10px}
.view-editor{margin-top:30px;margin-bottom:100px;width:100%}

#board_wrap{padding-left:10px;padding-right:10px}
.Subject{font-size:20px;color:#45545D;font-weight:bold}
.Wtable{font-size:10pt;color:#656565}
.Wfield{height:19px;border: 1 solid #C0C0C0;font-size : 9pt}
.Notice{color:#45545D}
.Notice:hover{color:#000;font-weight:bold;background-color:#F0EEEE;-webkit-transition-duration: 0.8s;transition-duration: 0.8s}
.title_board_line{width:100%;height:2px;background-color:#B2B2B2}
.board_line{width:100%;height:1px;background-color:#E4E4E4}
.board_line_2{width:100%;height:1px;background-color:#E4E4E4}

#BB_CATEGORY{padding:0 5px;width:100%;height:30px;line-height:30px;border:1px solid #E4E4E4}

.board_write_buT{text-align:center;width:100%;font-size:14px;color:#fff;font-weight:bold;line-height:45px;cursor:pointer;border: 1px solid #E36600;background-color:#FF7500;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.board_write_buT:link, .board_write_buT:visited{color:#fff}
.board_write_buT:hover{width:100%;color:#000;border: 1px solid #CECECE;background-color:#E9E9E9}

.total_wrap{padding-bottom:25px;width:100%;font-size:13px;color:#666666}
.total_box1{float:left;width:80%}
.total_box2{float:left;width:20%;text-align:right}

#item_category {margin:0 auto;margin-bottom:20px;width:100%;}
#item_category ul:after{content: "";display: block;clear: both}
/* #item_category li{float:left;margin-bottom:10px;text-align:center;width:25%;border-right: none} */
#item_category li{float:left;margin-bottom:10px;text-align:center;margin-left:1.2987012987%;width:23.3766233766%}
#item_category li:nth-child(4n){border-right: 1px solid #BAB9B9}
.item_category_defaut{border: 1px solid #BAB9B9}
.item_category_on{display:block;font-size:13px;color:#fff;line-height:35px;border: 1px solid #303030;background:#303030}
.item_category_bu{margin:0 auto;width:100%;text-align:center;font-size:13px;color:#333;font-weight:bold;line-height:35px;cursor:pointer;background-color:#fff;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.item_category_bu:link, .item_category_bu:visited{color:#333}
.item_category_bu:hover{color:#333;background-color:#DEDEDE}

.simple_application_table{margin:0px 0px 7px 0px;width:100%;border-top: 2px solid #B2B2B2;border-collapse: collapse;background-color:#fff}
.simple_application_table th{padding:10px;width:30%;border: 1px solid #D4D2D2;text-align:left;font-size:14px;color:#555;font-weight:bold;background-color:#eee}
.simple_application_table td{padding:10px;border: 1px solid #D4D2D2;text-align:left;font-size:13px;color:#606060;font-weight:bold;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.simple_application_table td:hover{font-size:13px;color:#fff;background-color:#999;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.simple_application_table tr:nth-child(2n){background-color:#F6F7F7}
.simple_application_table tr:nth-child(2n+1){background-color:#fff}

.board_editor{margin-bottom:70px;padding:10px;width:100%;border: 1px solid #D4D2D2;text-align:left;font-size:14px;color:#333;background-color:#F5F4F4}

#Spam_wrap:after{content: "";display: block;clear: both}
.Spam_box1{float:left;width:15%}
.Spam_box2{float:left;padding-left:10px;width:85%;font-size:13px;color:#747474}
.Spam_field{padding: 0 5px; width:20%;height:26px;line-height: 30px;border:1px solid #E4E4E4}

.simple_application_process_1{text-align:center;width:90px;font-size:12px;color:#fff;line-height:26px;border:1px solid #0031A4;background-color:#0038BB;border-radius:35px}
.simple_application_process_2{text-align:center;width:90px;font-size:12px;color:#fff;line-height:26px;border:1px solid #A29E00;background-color:#B6B200;border-radius:35px}

.process_bu{margin:0 auto;width:220px;text-align:center;font-size:14px;color:#fff;line-height:36px;border:1px solid #0031A4;cursor:pointer;background-color:#0038BB;border-radius:35px;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.process_bu:link, .process_bu:visited{color:#333}
.process_bu:hover{color:#000;border: 1px dashed;background-color:#eee}

.process_end{margin:0 auto;width:220px;text-align:center;font-size:14px;color:#fff;line-height:36px;border:1px solid #A29E00;cursor:pointer;background-color:#B6B200;border-radius:35px;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.process_end:link, .process_end:visited{color:#333}

.online_application_linebox:after{content: "";display: block;clear: both}
.online_application_linebox{width:100%;padding:10px;width:100%;font-size:13px;color:#555;border:1px solid #E4E4E4}
.online_application_lineboxtitle{margin-top:2%;width:80px;text-align:center;font-size:11px;color:#fff;line-height:25px;background-color:#7A7A7A;}

.online_application_checktext{text-align:right;font-size:11px;color:#666;}
.online_application_box{margin-top:5px;margin-bottom:1%;padding:20px;width:100%;border:1px solid #D8D8D8;border-top:3px solid #FF7500}

.online_application_title{margin-bottom:15px;width:100%;font-size:19px;color:#FF7500;font-weight:bold}

.online_application_field{margin-top:10px;padding: 0 5px;width:100%;height:45px;line-height:30px;border:1px solid #E4E4E4;background-color:#ECEAEA}
.online_application_field.placeholder {padding-left:5px;color:#555;font-size:13px}
.online_application_field:-ms-input-placeholder {padding-left:5px;color:#555;font-size:13px}
.online_application_field::-webkit-input-placeholder {padding-left:5px;color:#555;font-size:13px}
.online_application_field::-moz-placeholder{padding-left:5px;color:#555;font-size:13px}

.online_application_textarea{margin-top:10px;padding: 0 5px;width:100%;height:150px;line-height:30px;border:1px solid #E4E4E4;background-color:#ECEAEA}
.online_application_textarea.placeholder {padding-left:5px;color:#555;font-size:13px}
.online_application_textarea:-ms-input-placeholder {padding-left:5px;color:#555;font-size:13px}
.online_application_textarea::-webkit-input-placeholder {padding-left:5px;color:#555;font-size:13px}
.online_application_textarea::-moz-placeholder{padding-left:5px;color:#555;font-size:13px}

.online_application_checktext{text-align:right;font-size:11px;color:#666;}
.online_application_checkwrap{position:relative;width:100%}
.online_application_checkicon{position:absolute;z-index:5;top:22px;right:17px}



.checkbox-wrap [type="checkbox"], .radio-wrap [type="radio"] {width:0px;}
/* checkbox : S */
.checkbox-wrap label, .radio-wrap label {position: relative;line-height: 230%;border: 0px solid;padding: 5px;cursor: pointer;transition: all .35s ease;padding-left: 25px;font-weight:500;}
.checkbox-wrap [type="checkbox"]:not(:checked)+label:before {content: '';position: absolute;top: 10px;left: 1px;box-sizing: border-box;width: 18px;height: 18px;border-radius: 2px;border: 1px solid #CCC;background-color: #FFF}
.checkbox-wrap [type="checkbox"]:checked+label:before {content: '';position: absolute;top: 10px;left: 1px;box-sizing: border-box;width: 18px;height: 18px;border-radius: 2px;border: 1px solid #FFCC00;background-color: #FFCC00}
.checkbox-wrap [type="checkbox"]:not(:checked)+label:after {opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);-moz-opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0)}
.checkbox-wrap [type="checkbox"]:not(:checked)+label:after,
.checkbox-wrap [type="checkbox"]:checked+label:after {font-family: 'Font Awesome 5 Free';font-weight: 900;content: '\f00c';position: absolute;top: 11px;left: 3px;font-size: 15px;color: #fff;transition: all .2s;line-height: 16px}
/* checkbox : E */

/* radio : S */
.radio-wrap [type="radio"]:not(:checked)+label:before {content: '';position: absolute;top: 9px;left: -5px;box-sizing: border-box;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #CCCCCC;background-color: #FFFFFF;}
.radio-wrap [type="radio"]:checked+label:before {content: '';position: absolute;top: 9px;left: -5px;box-sizing: border-box;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #FFCC00;background-color: #FFCC00;}
.radio-wrap [type="radio"]:not(:checked)+label:after {opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);-moz-opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0)}
.radio-wrap [type="radio"]:not(:checked)+label:after,
.radio-wrap [type="radio"]:checked+label:after {font-family: 'Font Awesome 5 Free';font-weight: 500;content: '\f192';position: absolute;width:20px;height:20px;font-size: 24px;top: 11px;left:-6px;color: #fff;transition: all .2s;line-height: 16px}
.agree-box-wrap{text-align:center}


.comment_wrap{margin-bottom:30px;padding-left:10px;padding-right:10px}
.comment_top_title_wrap:after{content: "";display: block;clear: both}
.comment_top_title_wrap{margin-bottom:3%;width:100%;padding:10px;background-color:#666}
.comment_top_title_box1{float:left;width:50%;font-size:14px;color:#fff;}
.comment_top_title_box2{float:left;width:50%;text-align:right}

.comment_contents_wrap{margin-top:2%;margin-bottom:4%;padding:13px;width:100%;background-color:#eee;border:1px solid #D7D7D7;box-shadow: 2px 2px 2px 0px #eee}

.comment_pic{margin-top:2%;margin-bottom:2%;width:100%;}
.comment_pic ul:after{content: "";display: block;clear: both}
.comment_pic li{float:left;margin-bottom:10px;text-align:center;margin-left:1.2987012987%;width:23.3766233766%;background-color:#999}
.comment_pic li:first-child{margin-left:0%;}
.comment_pic li:nth-child(4n+5){margin-left:0%}

.comment_list_wrap:after{content: "";display: block;clear: both}
.comment_list_wrap{width:100%}
.comment_list_box1{float:left;width:95%}
.comment_list_box2{float:left;width:5%;padding-top:1%;text-align:right}
.comment_list_line{margin-top:3%;margin-bottom:3%;width:100%;height:1px;background-color:#E4E4E4}
.comment_list_textarea{width:100%;height:60px;border:1px solid #DFDFDF}
.comment_list_name{font-size:15px;color:#222;font-weight:bold;}
.comment_list_date{font-size:12px;color:#555}
.comment_list_face{margin-top:8%;margin-bottom:2%;padding:10px;width:100%;background-color:#eee;border:1px solid #D7D7D7;box-shadow: 2px 2px 2px 0px #eee}

.comment_upload{margin-left:-3px;margin-top:2%;margin-bottom:2%}
.comment_contents_box{margin-top:2%;margin-bottom:2%;width:100%;font-size:14px;color:#222;background-color:#fff}

.comment_write_buT{margin-top:10px;text-align:center;width:100%;font-size:14px;color:#fff;font-weight:bold;line-height:30px;cursor:pointer;border: 1px solid #676767;background-color:#7A7A7A;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.comment_write_buT:link, .comment_write_buT:visited{color:#fff}
.comment_write_buT:hover{width:100%;color:#000;border: 1px solid #CECECE;background-color:#E9E9E9}

@media(max-width: 480px){
.PC_TITLE, .BB_UID, .BB_HIT, .BB_DATE{display:none} 
.MOBILE_TITLE{display:block}

.simple_application_process_1, .simple_application_process_2{width:50%;}
}

@media(min-width: 481px) and (max-width: 767px){

.simple_application_process_1, .simple_application_process_2{width:70%;}
}

@media(min-width: 768px) and (max-width: 1199px){
#Spam_wrap{width:45%}

.simple_application_process_1, .simple_application_process_2{width:50%;}
}

@media(min-width: 1200px){
#Spam_wrap{width:45%}

.view-top-subject{font-size:20px}
.view-top-inforicon{padding-right:30px;padding-left:30px}
}