@charset "utf-8";

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



/* 게시판 읽기 */
.viewheader .info .profile_info_ct, .viewheader .info #bo_v_tops {float: left;}

/*글쓰기*/
.contact_wrap{}

.contact_wrap .contact_right{width:100%; background:#fff;}
.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:100%; background-color:#f6f6f6; border:0; border-bottom:2px solid transparent; margin-bottom:15px; border-radius:5px;}
#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:block; width:100%; font-size:1.5rem; margin-bottom:5px; padding-left:3px;}
#bo_w .write_div.textareaDiv span.inputTit{ width:100%; }
#bo_w .write_div .wr_content  {width:100%;display:inline-block;}

#stateCombo{padding: 5px 20px 5px 10px}

#bo_w .write_div input:focus,
#bo_w .write_div select:focus,
#bo_w .write_div textarea:focus {border:2px solid #d71818 !important;}


#bo_w .write_div.txtCenter {text-align:center;}

@media(max-width:1024px){
  .contact_wrap{flex-wrap: wrap;}
  .contact_wrap .contact_right{width:100%; }
  .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}
}

@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.textareaDiv span.inputTit,
  #bo_w .write_div .wr_content {width:100%;}
  #bo_w .write_div.write_div_half {width:100%; padding-right:0;}
  #bo_w .write_div.write_div_half.right {padding-left:0;}
}

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

.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:#d71818;}
#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}

/*테이블 디자인*/
#bo_v_con table {width:100%; border-top:2px solid #1c1c1c; border-bottom: 1px solid #ddd; border-collapse: collapse; margin:30px 0;}
#bo_v_con table th { padding:26px 5px 22px; background-color:#f1f1f1; border-right:1px solid #ddd;  border-bottom:1px solid #ddd; font-weight:700; font-size:1.8rem; color:#111; line-height:1.4em;}
#bo_v_con table td {padding: 24px 20px 20px;  border-top:1px solid #ddd; font-weight:400; font-size:1.8rem; color:#222;  line-height:1.2em; text-align:left; }

@media screen and (max-width:768px){
  #bo_v_con table th { padding:22px 5px 18px; font-size:1.6rem;}
  #bo_v_con table td {padding: 20px 10px 16px; font-size:1.6rem;}
}

/*지도 부분*/
.addr_detail .juso,
.addr_detail .telNum,
.addr_detail .email,
.addr_detail .faxNum {position:relative; padding-left:30px;}
.addr_detail .juso::before,
.addr_detail .telNum::before,
.addr_detail .email::before,
.addr_detail .faxNum::before {content:""; position:absolute; top:0; left:0; width:20px; height:20px; background-repeat: no-repeat; background-position: center center; background-size:contain;}
.addr_detail .juso::before {background-image:url(./img/address.svg);}
.addr_detail .telNum::before {background-image:url(./img/tel_icon.svg);}
.addr_detail .email::before {background-image:url(./img/email_icon.svg);}
.addr_detail .faxNum::before {background-image:url(./img/fax_icon.svg);}


/*지도*/
.mapWrap .map {width:100%; height:500px;}


@media screen and (max-width:768px){
  .mapWrap .map { height:400px;}
}