@charset "utf-8";

/* 게시판 목록 */
.tbBoard_notice01 .writer{width:120px;}
.tbBoard_notice01 .state{width:100px;}
.tbBoard_notice01 .subject{width:calc(100% - 70px - 100px - 120px - 120px - 70px)}



/* 게시판 읽기 */


/*글쓰기*/
.contact_wrap{display:flex;}

.contact_wrap .contact_right{width:100%; background:#fff; padding:60px 70px;}
.titleArea {padding-bottom:20px;}
.titleArea h3{font-weight:300;}

.contact_left .contact_detail {display:flex; flex-wrap: wrap; margin-bottom:40px;}
.contact_left .contact_detail li{width:100%; padding-bottom:20px;}
.contact_left .contact_detail li span{margin-right:10px; color:#e8c85c; font-weight:700; font-size:1.7rem;}
.contact_left .contact_detail .li40{width:40%;}
.contact_left .contact_detail .li60{width:60%}

.write_div_wrap{display: flex; flex-wrap: wrap;}
#bo_w .write_div{width:100%;}
#bo_w .write_div.write_div_half{width:50%; display: inline-block;}
#bo_w .write_div.write_div_half{padding-right:15px;}
#bo_w .write_div.write_div_half.right{padding-left:15px; padding-right:0;}

#bo_w .bo_w_info .frm_input{float: none; width:80%; background-color:#f6f6f6; border:0; border-bottom:2px solid transparent; margin-bottom:15px;}
#bo_w #wr_subject, #bo_w #wr_password, #bo_w #wr_homepage {margin-left:0}

#bo_w .write_div.textareaDiv{margin-top:0px;margin-bottom:15px;}
#bo_w .write_div textarea{height:200px !important; font-size:1.6rem !important; background-color:#f6f6f6; border:0; }
#bo_w .write_div span.inputTit{display:inline-block; width:20%; font-size:1.5rem; margin-bottom:5px; padding-left:3px;}
#bo_w .write_div.textareaDiv span.inputTit{ width:10%; }
#bo_w .write_div .wr_content  {width:90%;display:inline-block;}

#stateCombo{padding: 5px 20px 5px 10px}
@media(max-width:1024px){
  .contact_wrap{flex-wrap: wrap;}
  .contact_wrap .contact_left{width:100%; padding:30px 0 0 0; margin-bottom:50px;}
  .contact_wrap .contact_right{width:100%;padding:60px 50px;}
  .titleArea h2.big_title{font-size:4.5rem;}
}
@media(max-width:768px){
  .titleArea h2.big_title{font-size:4rem;}
  .titleArea {padding-bottom:5px;}
  .contact_left .contact_detail li{padding-bottom:15px;}

  #bo_w #wr_subject{margin-left:0}
  .contact_wrap .contact_left{padding:20px 0 0 0; margin-bottom:50px;}
  .contact_wrap .contact_left iframe{min-height:300px !important;}
  .contact_wrap .contact_right{padding:30px 20px;}
  
}

@media(max-width:560px){
  #bo_w .write_div span.inputTit{display:inline-block; width:100%;  margin-bottom:5px; padding-left:3px;}
  #bo_w .bo_w_info .frm_input{width:100%; }
  #bo_w .write_div.write_div_half{padding-right:5px;}
  #bo_w .write_div.write_div_half.right{padding-left:5px;}
  #bo_w .write_div.textareaDiv span.inputTit,
  #bo_w .write_div .wr_content {width:100%;}
}

#bo_w .write_div.btn_confirm{text-align: left;}
#bo_w .btn_submit{padding-left:3em; padding-right:3em; background:#e8c85c; box-shadow: none; border:1px solid #e8c85c}

.write_div .wrFormFull.agreeForm{padding:10px 0;}
#bo_w .write_div input[type="checkbox"].agreeCheck{ vertical-align:middle; margin:0 5px 0 0; }

#bo_w .write_div input[type="checkbox"].agreeCheck + label { color:#bebebe; }
#bo_w .write_div input[type="checkbox"].agreeCheck:hover + label {color:#3a8afd;}
#bo_w .write_div input[type="checkbox"].agreeCheck:checked + label { color:#222; }

.write_div .wrFormFull .privacy_agree { color:#787878; }
.write_div .wrFormFull .privacy_agree:hover{text-decoration: underline;}
@media screen and (max-width:768px){
  .tbBoard_notice01 .categ,
  .tbBoard_notice01 .subject{width:100%;}
  .tbBoard_notice01 .date,
  .tbBoard_notice01 .state,
  .tbBoard_notice01 .writer{width:auto;}
  .tbBoard_notice01 .hit,
  .tbBoard_notice01 .date::after{display:none;}
  
}
@media screen and (max-width:1540px){
  #bo_v .viewheader .info {padding:1em 0.92em; width:100%; position:relative; display: block; border-bottom:1px solid #e1e1e1; transform: none; right:0;}
  .viewheader .info .profile_info_ct , .viewheader .info #bo_v_tops{float:none;}
  .viewheader .info #bo_v_tops{position:absolute; right:0; top:50%; transform: translateY(-50%);}
}
@media screen and (max-width:768px){
  /* view */
  .bo_v_nb li .nb_date{display: none;}
  .bo_v_nb li .nb_tit{padding-right:10px;}
}

.write_div .chk_box input[type="checkbox"] + label {padding-left:0}

/*view page 파일 */
#bo_v_file ul {width:100%;margin:0;list-style:none}
#bo_v_file li {display:flex; padding:15px;position:relative; margin:10px 0;border:1px solid #dfdfdf;border-radius:5px; font-size:1.4rem;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_file li i {width:40px; color:#b2b2b2; font-size:2.6rem;}
#bo_v_file .link_tie { width:calc(100% - 40px); }
#bo_v_file a {display:block;text-decoration:none; word-wrap:break-word;color:#000}
#bo_v_file a strong { font-weight:400; }
#bo_v_file li:hover a strong { color:#3a8afd; }
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {color:#3a8afd}