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


.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 - 150px - 90px)}
.tbBoard_notice01 .subject{width:calc(100% - 80px - 120px - 150px - 90px)}

/* 게시판 읽기 */


/*글쓰기*/
.contact_wrap{display:flex; overflow:hidden;}
.contact_wrap .contact_left{width:45%; padding:30px 70px 0 0; overflow:hidden;}
.contact_wrap .contact_right{width:55%; background:#fff; padding:60px 50px; border-radius:20px; 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:15px 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 .wr_content textarea{line-height:1.4em; padding:20px 23px;}
#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 textarea:focus{border:2px solid #adadad !important;}
#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:#004a90; color:#fff; border-color:#004a90;} 


#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:20px;}
  .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{padding:20px 0 0 0;}
  .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%;}
#bo_w .btn_submit{width: 100%; padding-left:3em; padding-right:3em; border-radius:5px; background:#004a90; box-shadow: none; border:1px solid #004a90; margin-bottom:5px;}
.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:#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;}
  
}

.imgCenter {width:100%;}
.imgCenter img {width:100%;}
@media screen and (max-width:1024px){
  .imgCenter img {display:none;}
}