@charset "utf-8";

.tbsub-bnn .subbnn-contWrap{}

.tbsec {overflow:hidden;}
/* 게시판 목록 */
.tbBoard_notice01 .writer,
.tbBoard_notice01 .state{width:120px;}
.tbBoard_notice01.GradeNormal .state,
.tbBoard_notice01.GradeNormal .writer{display:none;}

.tbBoard_notice01 .date { width: 200px; }
.tbBoard_notice01 .statebox{display:inline-block; width:100%; height:36px; line-height:34px; background:#b2b2b2; color:#fff; font-size:1.5rem; font-weight:500; text-align: center; }
.tbBoard_notice01 .statebox.complete{background:#1484c4;}

@media(max-width:768px){
  .tbBoard_notice01 .state{width:60px;}
  .tbBoard_notice01 .statebox{width:60px; font-size:1.4rem; height:28px; line-height:26px;}
}

.contact_left .root_daum_roughmap .wrap_controllers {display:none;}
.contact_left .root_daum_roughmap .wrap_map {height:400px;     border-bottom: 1px solid #ddd;}
.contact_left .root_daum_roughmap {width:100%; height:100%;}
/* 상태 없음 */
.tbBoard_notice01.GradeNormal .subject{width:calc(100% - 80px - 200px - 90px)}
.tbBoard_notice01 .subject{width:calc(100% - 80px - 120px - 200px - 90px)}

/* 게시판 읽기 */


/*글쓰기*/
.contact_wrap{display:flex; overflow:hidden;}
.contact_wrap .contact_left{width:45%; padding:0 70px 0 0; overflow:hidden;}
.contact_wrap .contact_right{width:55%; border:1px solid #e3e6ec; border-radius: 14px; padding:35px; overflow:hidden;}
.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{display:flex; flex-wrap:wrap; width:100%; padding-bottom:20px;}
.contact_left .contact_detail li span.point{margin-right:10px; color:#000;}
.contact_left .contact_detail span.tit {display:inline-block; width:90px;}
.contact_left .contact_detail span.desc {width:calc(100% - 100px);}

.contact_left .contact_detail .li40{width:40%;}
.contact_left .contact_detail .li60{width:60%}


.root_daum_roughmap {height:600px;}
.write_div_wrap{display: flex; flex-wrap: wrap;}
#bo_w .write_div{width:100%; display:flex; align-items:center; width:100%; padding:5px 0;}
#bo_w .write_div.write_div_agree{padding-top:0;}

#bo_w .bo_w_info span.tit{display:inline-block;}
#bo_w .bo_w_info span.cont{display:inline-block;}
#bo_w .bo_w_info .tit{width:23%;}
#bo_w .bo_w_info .cont{width:77%;}

#bo_w .bo_w_info .frm_input,
#bo_w .write_div textarea{float: none;width:100%; height:50px; line-height:50px; padding:0 23px; font-size:1.5rem; background:#f6f6f6; border-radius:50px; border:2px solid transparent;}

#bo_w .bo_w_info .frm_input:focus{border:2px solid #adadad !important;}
#bo_w #wr_subject, #bo_w #wr_password, #bo_w #wr_homepage {margin-left:0}
#bo_w .write_div textarea{height:124px !important;resize:none; border:2px solid transparent;  border-radius:30px; }

#bo_w .write_div .cateBtn{display:inline-block; width:auto; height:45px; line-height:43px; background:transparent; border:1px solid #b5b5b5; color:#b5b5b5; padding:0 25px; border-radius:40px; margin-right:10px; margin-bottom:10px; cursor: pointer;}
#bo_w .write_div .cateBtn.on{background:#BF1326; color:#fff; border-color:#BF1326;} 





#stateCombo{padding: 5px 20px 5px 10px}
@media(max-width:1200px){
  .contact_wrap{flex-wrap: wrap;}
  .contact_wrap .contact_left{width:100%; padding:0; margin-bottom:50px;}
  .contact_wrap .contact_right{width:100%;padding:60px 50px;}
}
@media(max-width:768px){
  .contact_left .contact_detail li{padding-bottom:15px;}

  #bo_w #wr_subject{margin-left:0}
  .contact_wrap .contact_left{margin-bottom:50px;}
  .contact_wrap .contact_left iframe{min-height:300px !important;}
  .contact_wrap .contact_right{padding:30px 20px;}
}
@media(max-width:560px){
  .contact_left .contact_detail .li40,
  .contact_left .contact_detail .li60{width:50%}

  #bo_w .write_div{flex-wrap:wrap;padding:8px 0;}
  #bo_w .bo_w_info span.tit,
  #bo_w .bo_w_info span.cont{width:100%;}
  #bo_w .bo_w_info span.tit{margin-bottom:5px;}

  #bo_w .bo_w_info .frm_input,
  #bo_w .write_div textarea,
  #bo_w .write_div .cateBtn{border-radius:10px; padding:0 10px;}
    #bo_w .write_div textarea{padding:10px;}
  #bo_w .bo_w_info .frm_input{height:40px; line-height:40px;}
  #bo_w .write_div .cateBtn{padding:0 15px; margin-right:5px; height:36px; line-height:34px; margin-bottom:7px;}
}



#bo_w .btn_confirm{width:100%; text-align: left;}

.write_div .wrFormFull.agreeForm{padding:10px 0 20px 0; border-bottom:1px solid #e3e6ec;}
#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:#989898; }
#bo_w .write_div input[type="checkbox"].agreeCheck:hover + label {color:#000;}
#bo_w .write_div input[type="checkbox"].agreeCheck:checked + label { color:#0f2647; }

.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;}
}




.inquiry__bu .aside-info { background: #f6f7f9; border: 1px solid #e3e6ec; border-radius: 12px; padding: 24px; }
.inquiry__bu .info_tit{color: #0b1826; font-weight:900;}

.inquiry__bu .aside-info .ai-row i { color: #2f5fd9; width: 16px; margin-top: 2px;
}
.aside-info .ai-row { display: flex; gap: 10px; color: #454e5f; padding: 12px 0; border-bottom: 1px dashed #e0e3e9; }


.inquiry__bu .groupTit{font-weight:900; border-bottom:1px solid #000;}

.form-grid-2 { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

.form-row { margin-bottom: 18px; width: 100%; }
.form-row.rental{ margin-bottom: 22px;
  padding-top: 3px;}

.form-row label { display: block; font-weight: 700; color: #0b1826; margin-bottom: 7px;}
.form-row label .req { color: #c97a1f;}
.form-row .frm_input,
.form-row .combobx {width:100%; padding:12px 14px; font-size: 1.5rem; border:1px solid #c4cad3;border-radius: 7px; }
  .form-row .combobx{line-height: 1.7em; color:#b5b5b5;}
  .form-row .combobx,
  .form-row .form_radio{-webkit-appearance: auto; appearance: auto; background: none;}
.form-row .frm_input:focus,
.form-row .combobx:focus{border-color:#2f5fd9 !important;}

.fa-classic { font-size:2rem; }

.form-row .radio-group { display: flex; gap: 14px; flex-wrap: wrap; }
.form-row .radio-group label { display: flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: #454e5f; }

#bo_w .wr_content textarea{ width: 100%; height:120px !important; padding: 12px 14px; border: 1px solid #c4cad3; border-radius: 7px; font-size: 14.5px; color: #1c2230; background: #fff; }

.form-submit-row { margin-top: 8px; }
#bo_w .btn_submit{max-width: 100%; padding: 20px 35px; border-radius:5px; background:#c97a1f; box-shadow: none; border:1px solid #c97a1f; margin-bottom:5px; font-size:1.8rem; font-weight:900}
.form-note { margin-top:7px; font-size: 14px;; color: #989898; padding-left:3px; }

.required, textarea.required{ background-image: none !important;}
#bo_w .wr_content textarea:focus{border:1px solid #2f5fd9 !important;}

.checkbox-group { display: flex; flex-wrap: wrap; gap: 10px; }

.checkbox-group label { display: flex; align-items: center; gap: 7px; padding: 10px 14px; border: 1px solid #c4cad3; border-radius: 100px; font-size: 1.4rem; font-weight: 600; color: #454e5f; cursor: pointer; margin-bottom: 0; }
.checkbox-group label.prdName{ color: #2448ac; border: 1px solid #2448ac;}

.checkbox-group input[type="checkbox"] { position: static; opacity: 1; pointer-events: auto; appearance: auto; -webkit-appearance: checkbox; width: 16px; height: 16px; margin: 0; cursor: pointer; border: 1px solid #c4cad3; }



@media (max-width: 860px) {
  .form-grid-2 { grid-template-columns: 1fr; gap: 5px; }
}