@charset "UTF-8";

/* <공통> */

/* 플렉스 센터정렬 */
.flexSet {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

/* //<공통> */

.board_list tbody td.date.wait span{color: #c72535;} /*대기*/
.board_list tbody td.date.completion{} /*접수완료*/
.board_list tbody td.date.rejoin span{color: var(--maincolor);} /*재답변*/
.board_list tbody td.date.completion{}
.board_list tbody td.date.completion span{color: #aaa; font-weight:300; } /*처리완료*/




/* 게시판 100% */
.tbl_etc{
    border: 1px solid #dedede;
    border-width: 0 1px 1px;
}

.tbl_etc.big{border-bottom-width: 0px;}

.tbl_etc .add_title{
    width: 100%;
    display: table;
    table-layout: fixed;
    border-bottom: 1px solid #dedede;
}
.tbl_etc .add_title:last-child{border-bottom: 0;}
.tbl_etc .add_cal {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-bottom: 1px solid #dedede;
}

.tbl_etc .add_cal dd .cal {display: flex;align-items: center;}
.tbl_etc .add_cal dd .cal input {width: 120px;}
.tbl_etc .add_cal dd .cal span {display: inline-block;padding: 0 10px;}

/*input 기본*/
.brd_input{border:1px solid #cccccc; height: 32px; width: 100%; background: #ffffff; padding: 0 5px;}


/* 1:1문의하기 */
.txtarea{min-height: 254px;width: 100%;line-height: 1.5;}
.txtarea.he154{min-height: 154px; }




.busin_box .tbl_com_wrap > .tbl_ipt:nth-child(1){width: 100%; margin-bottom: 15px;}
.busin_box .tbl_com_wrap > .tbl_ipt{float: none;}


/* 파일찾기 */
.ipt_file {display: block;position: relative; z-index: 1; padding-right: 85px; margin-top: 7px;}
.ipt_file:first-child{margin-top: 0;}
.ipt_file [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
.ipt_file .brd_btn {display: block;position: absolute; right: 0;top: 0px;z-index: 1;font-size: 0.875rem;}
.brd_btn{display: inline-block; min-width: 86px;  height: 32px; padding: 0 10px; background: #4d4d4d; color: #fff; font-size: 0.875rem; vertical-align: middle; text-align: center; line-height: 32px;}

/* 연락처 */
.slt_cont.skin2 .sch_slt:first-child{margin-left: 0;}
.slt_cont.skin2 > span{display: inline-block; width:8.9%; text-align: center; float: left; margin-top: 6px;}
.slt_cont.skin2 .brd_input{width: 27.1%;display: inline-block;vertical-align: middle;float: left;}  

.slt_cont.skin2{overflow: hidden;}
.slt_cont.skin2 .sch_slt{width: 27.3%;margin-left: 2.5%;margin-right: 0;vertical-align: middle; padding: 0 26px 0 10px; height: 32px;}
.slt_cont.skin2.skin4{display: flex;}
.slt_cont.skin2.skin4 > select{flex:1;}

.add_title dd .dd_half{
    width: 359px;
    /* width: 41.2%; */
    position: relative;
    }
.add_title dd .dd_half.ty320{width: 360px;}
.add_title dd .dd_half.serial .brd_input{width: calc(100% - 210px);}
.add_title dd .dd_half.serial > div{display: inline-block; vertical-align: top;}

/* 휴대전화 */
.slt_cont.skin2{overflow: hidden;}
.slt_cont.skin2 .sch_slt{width: 27.3%;margin-left: 2.5%;margin-right: 0;vertical-align: middle; padding: 0 26px 0 10px; height: 32px;}
.slt_cont.skin2 .sch_slt.w100{width: 100%;}
.skin3{display: flex;}


/*이메일*/
.mail_form3 .slt_cont.skin2 .sch_slt{width: 33.8%;}
.mail_form3 .brd_btn{
    right: -94px;
}
.p_a{position: absolute !important;right: 0;top: 0;}

/* 안전관리 구인(달력, 셀렉트) */
.slt_cont.w100.skin2 .sch_slt{width: 100%;}
.lbl_date{display: inline-block;margin-left: 3px;float: left;vertical-align: middle;background: #fff url(/_static/steam/img/sub/cal_sch_ico.png) right center no-repeat;width: 32px;height: 32px;}
.hori_line .ipt_cont.w50 .brd_input{width: calc(100% - 36px); float: left;}
div.txt_Line{display: inline-block;
    vertical-align: top;
    line-height: 1.3;}
div.tbl_top_title{
    background: #f7f7f7;
    text-align: center;
    color: #0e0e0e;
    vertical-align: middle;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #dedede;
}

.ipt_alert{margin-top: 4px;}
.ipt_alert strong{
    display: block;
    line-height: 1;
    font-size: 0.938rem;
}
    

/*비밀번호*/
.brd_input.only.pwd{width: calc(100% - 140px);}

/* 주소 */
.brd_input.only{width: 24.4%;}
.add_title dd .dd_full .post_back .brd_input{width: 49.5%;margin-left: 1%;float: left;}
.add_title dd .dd_full .brd_input:first-child{margin-left:0;}
.add_title dd .dd_full .post_cont{width: 430px;margin-bottom: 7px;}
.add_title dd .dd_full .post_back{overflow: hidden;}

/*필수사항*/
.sub_tit + .board_em{
    /* position: absolute; */
    /* right: 0; */
    /* top: 2px; */
    margin-bottom: 5px;
}
.board_em{text-align: right; margin-bottom: 5px;}
.board_em > em{font-size: 0.875em; color: #c72535;}
.board_em > strong{color: #0e0e0e;} /*접수번호*/

p.only > em {
    text-indent: -17px;
    line-height: 1.6;
    color: #c72535;
    font-size: 0.938em;
  }
  

.tbl_etc .add_title_long:last-child dd{border-bottom: 0;}
.tbl_etc dl dt .required:after{ content: '*'; display: inline-block; vertical-align: baseline; margin-left: 7px; color: #c72535;}



/*half ipt 옆에 버튼*/
.add_title dd .dd_half .post_cont .brd_input{width: calc(100% - 140px);}


/*tbl radio*/
.txt_ipt{ overflow: hidden; margin-top: 17px;}
.tbl_ipt{ position: relative; }
.tbl_ipt.tbl_right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: right;
}
.tbl_ipt.tR{float: right;}
.txt_ipt > p{float: left;}
.txt_ipt > .tbl_p{float: right; width: 300px; text-align: right;}
.txt_ipt > .tbl_p .tbl_ipt{display: inline-block; margin-left: 5%; }
.txt_ipt > .tbl_p .tbl_ipt:first-child{margin-left: 0;}
.tbl_ipt:first-child{margin-top: 0;}
.tbl_ipt input[type=radio] { width: 18px; height: 20px; background: none; -webkit-appearance: none; position: absolute; border: 0; left: 0; top: 1px; }
.tbl_ipt input[type=radio] + label {display: inline-block; cursor: pointer; position: relative; border-radius: 50%; padding-left: 25px; /*font-weight: 300;*/ vertical-align: top; z-index: 5; }
.tbl_ipt input[type=radio] + label:before {content: ""; display: inline-block; width: 14px; border-radius: 50%; position: absolute; top: 2px; left: 0; border: 1px solid #999; z-index: 5; background: #ffffff; height: 14px;}
.tbl_ipt input[type=radio]:checked{width: 20px; height: 20px; left: -1px; border: 0 none; z-index: 0;}
.tbl_ipt input[type=radio]:checked + label:before {content: ""; display: inline-block; background: transparent url(/_static/steam/img/sub/ipt_bg.png) center center no-repeat; } 

/*tbl check*/
.tbl_ipt input[type=checkbox] { width: 19px; height: 19px; background: none; -webkit-appearance: none; position: absolute; border: 0; left: 1px; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 10;}
.tbl_ipt input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; border-radius: 50%; padding-left:25px; /*font-weight: 300;*/ vertical-align: top; z-index: 5; } 
.tbl_ipt input[type=checkbox] + label > span{display: block;}
.tbl_ipt input[type=checkbox] + label:before {content: ""; display: inline-block; width: 14px; height: 14px; position: absolute; top: 50%; left: 1px; border: 1px solid #999; z-index: 5; background: #ffffff; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.tbl_ipt input[type=checkbox]:checked{width: 20px; height: 20px; left: 0; border: 0 none; z-index: 0;}
.tbl_ipt input[type=checkbox]:checked + label:before {content: ""; display: inline-block; background: transparent url(/_static/steam/img/sub/chk_bg.png) center center no-repeat; } 


.pagination.paging_mobile{display:none;}
.hide{position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px; text-indent: -9999em;}

/*링크 없이 제목*/
.board_list .tit.not_a{ width:100%; position:relative; z-index:1; overflow:hidden; max-width:100%; min-height:20px; text-overflow:ellipsis; white-space:nowrap;}

/*링크 있는 제목*/
.board_list .tit {text-align:left;display: flex;align-items: center;}
.board_list .tit.info {flex-direction: column;}
.board_list .tit a {display: block; position:relative; z-index:1; overflow:hidden; max-width:100%; min-height:20px;  text-overflow:ellipsis; white-space:nowrap; color: #000; font-weight: 400; transform: rotate(-0.04deg);}
.board_list .hyun_tit {text-align:left;display: flex;align-items: center;}
.board_list .hyun_tit a {
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: -1px;
}
.board_list .news button { background: none; border: 1px solid #b3b3b3; padding: 5px; line-height: 104%; }

.sub_board {/*padding-top:25px;*/padding-bottom:50px;}

/* 공지 TOP 알림 */
.board_list tbody .top td em{color: #ffffff;background: var(--maincolor);display: inline-block;padding: 3px 8px;font-size: 0.9375em;border-radius: 12px;vertical-align: middle;}


/*공지사항 게시판 pc col형 mo row형 반응형*/
.board_list {width:100%;text-align:center;border-collapse:collapse;table-layout:fixed;border-top: 2px solid #30375f;}
.board_list thead {border-bottom:1px solid #dedede; background-color:#f7f7f7;}
.board_list thead tr th {color:#000000; font-weight: 500; background:#f7f7f7;}
.board_list tbody tr {border-bottom:1px solid #dddddd; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.board_list td, .board_list td a{color: #737373; }
.board_list th, .board_list td {padding:5px; height: 54px;  font-weight: 400;}
.board_list th, .board_list td.brd_admin {font-weight: 400;}

/* 사업공고 */
.board_list.high td {height: 70px;}
.board_list .tit.info {align-items: flex-start;justify-content: center;}
.board_list .tit.info .register {font-size: 14px;color: #999999;font-weight: 400;padding-bottom: 5px;}
.board_list .tit.info .register .day {padding-right: 10px;position: relative;}
.board_list .tit.info .register .day::after {display: inline-block;content: "";position: absolute;top: 5px;right: 0;width: 1px;height: 11px;background: #999999;}
.board_list .tit.info .register .page{padding-left: 7px;}
.board_list .tit.info .txt {display: flex;align-items: center;}
.board_list.high td.date span {display: block;padding: 3px 0 5px;width: 70px;text-align: center;margin: 5px auto 0;border-radius: 50px;font-size: 14px;}
.board_list.high td.date span.ing {background: var(--maincolor);color: #ffffff;}
.board_list.high td.date span.end {background: #f8f8f8;color: #777777; font-weight: 400;}
.board_list.high td.date span.resolve {background: #c13c41;color: #ffffff;}

/* 고등학생 연구과제 */
.board_list .tit.category a {display: flex;align-items: center;}
.board_list .tit.category a span {padding-right: 5px;}




/* 그리드형 게시판 */

/*board grid*/

.board_list .top .tit a{
    font-weight: 500;
}

.board_list ul {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
    grid-auto-rows: minmax(50px, auto);
    /* transition: all 300ms ease-in-out; */
    transition-property: all, border; /* border를 제외한 모든 속성에 대해 트랜지션을 적용 */
    transition-duration: 0.3s, 0s;
}

/*제목 부분*/
.board_list ul.list-head {
    border-top: 2px solid #222;
    background: #f8f8f8;
}
.board_list .grid_caption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.board_list ul li {
    box-sizing: border-box;
    padding: 20px 0;
    justify-items: center;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: keep-all;
    position: relative;
}

.board_list li span.bd-down {
    background: url(../img/sub/site_down_black.png) no-repeat center center / cover;
    display: block;
    width: 15px; height: 14px;
}
.board_list .bd-new {
    position: relative;
    max-width: fit-content;
}
.board_list .bd-new + span {
    background: url("../img/sub/tbl-new.png") no-repeat center right;
    width: 16px;
    height: 18px;
    margin-left: 10px;
}
.board_list .bd-lock {
    position: relative;
    max-width: fit-content;
}
.board_list .bd-lock + span {
    background: url("../img/sub/tbl-lock.png") no-repeat center right;
    width: 11px;
    height: 13px;
    margin-left: 5px;
}
.board_list .bl-ripple::before {
    content: "";
    background: url("../img/sub/tbl-ripple.png") no-repeat center right;
    width: 15px;
    height: 18px;
    margin-right: 5px;
    display: inline-block;
}
.board_list .bd-data, 
.board_list .bd-hits,
.board_list .bd-state-fin {
    color: #929292;
}
.board_list .bd-state-ing {
    color: var(--maincolor);
    font-weight: 500;
}
.board_list ul li a { display: block; }
.board_list ul.list-head li:nth-child(2) {
    justify-content: center;
    text-indent: 0;
}
.board_list ul li:nth-child(2) {
    justify-content: left;
    grid-column: span 4;
    padding-left: 1.2vw;
    flex-wrap: wrap;
}
.board_list ul li.bd-sp2 { grid-column: span 2; display: block;}
.board_list ul li:nth-child(2) a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 22px);
    text-align: left;
}
.board_list ul li:nth-child(2) p {
    font-size: 0.885rem;
    color: #929292;
    text-align: left;
    width: 100%;
}
.board_list ul li:nth-child(2) p span:not(:last-child)::after {
    content: "│";
    display: inline-block;
    padding: 0 6px;
}


.board_list span.bd-down {
    background: url(../img/sub/site_down_black.png) no-repeat center center / cover;
    display: block;
    width: 15px;
    height: 14px;
    margin: 0 auto;
}


/* 사업공고 접수중 접수마감 */
.board_list .bd-priod {
    font-size: 14px;
    color: #777;
    line-height: 1.8;
    position: relative;
    top: -2px;
}
.board_list .bd-priod+p {
    width: fit-content;
    margin: 0 auto;
    font-size: 13px;
    padding: 3px 10px;
    border-radius:50px;
}
.board_list .bd-priod+p.priod-ing {
    background: var(--maincolor);
    color: #fff;
    font-weight: 500;
}
.board_list .bd-priod+p.priod-end {
    background: #f4f4f4;
    color: #888;
    font-weight: 500;
}
/* // 사업공고 접수중 접수마감 */

/* 중요 타이틀 */
.board_list ul.list-vital li:first-child span {
    background-color: rgb(32, 94, 187);
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 13px;
}
.list-vital li:first-child {
    display: block;
}

/* 양 옆 border 있는 양식 */
.board_list.bdLeft { 
    margin-bottom: 50px;
}

.board_list.bdLeft ul li {
    border-left: 1px solid #ddd;
}




.board_list.bdLeft ul li:first-child { border-left: none;}
.board_list.bdLeft ul li span { white-space: pre-line }
.board_list.bdLeft ul li:nth-child(2) span { text-align: left; }
/*페이지버튼*/

/*페이징*/
.pagination {padding-top:30px; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 32px; height: 32px; line-height: 30px; margin:0 1px; color:#343434; font-size:16px; border-radius: 50%;
text-align:center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pagination a.active{color: #fff;}
.pagination .page_arrow {padding:10px;}
.pagination .page_arrow img {display: none; margin: 0 auto; margin-top: 3px;}
.pagination .page_arrow.l1 {margin-right:4px;}
.pagination .page_arrow.r1 {margin-left:4px;}
.pagination span a.active { background:var(--maincolor); border:1px solid var(--maincolor); }
.pagination span a:hover{ background:#f8f8f8; color: #777; }
.pagination span a:focus { background:var(--maincolor); color: #fff; }
.pagination span a.active:hover, .pagination span a.active:focus{ background:var(--maincolor); color: #fff; }
.pagination a.l2 {background:url(/_static/steam/img/sub/nnext_page.png) center center no-repeat;}
.pagination a.l1 {background:url(/_static/steam/img/sub/next_page.png) center center no-repeat;}
.pagination a.r1 {background:url(/_static/steam/img/sub/prev_page.png) center center no-repeat;} 
.pagination a.r2 {background:url(/_static/steam/img/sub/pprev_page.png) center center no-repeat;}
.pagination a.l2:hover {background: #f8f8f8 url(/_static/steam/img/sub/nnext_page.png) center center no-repeat;}
.pagination a.l1:hover {background: #f8f8f8 url(/_static/steam/img/sub/next_page.png) center center no-repeat;} 
.pagination a.r1:hover {background: #f8f8f8 url(/_static/steam/img/sub/prev_page.png) center center no-repeat;} 
.pagination a.r2:hover {background: #f8f8f8 url(/_static/steam/img/sub/pprev_page.png) center center no-repeat;}

/* col 고정 게시판 */
.brd_fixed_col {width:100%;text-align:center;border-collapse:collapse;table-layout:fixed;margin-top:14px;border-top: 3px solid #1b1b1b;text-indent: 0;}
.brd_fixed_col td{color: #353535;  }
.brd_fixed_col th, .brd_fixed_col td {padding:15px;height: 54px;}
.brd_fixed_col th {border: 1px solid #cccccc;border-width: 0 1px 1px 0;}
/* .brd_fixed_col thead tr{border-top: 1px solid #dedede;} */
.brd_fixed_col thead tr:first-child th:last-child{border-right: 0;}
.brd_fixed_col thead th {background: #edf0f3;font-weight: 500;}
.brd_fixed_col thead th:last-child{border-right: 0;}
.brd_fixed_col thead td:last-child{border-right: 0;}
.brd_fixed_col tbody th {border: 1px solid #dedede;border-width: 0 1px 1px 0;background: #f7f7f7;font-weight: 500;}
.brd_fixed_col tbody th.frt_th{background: #eff3f9;}
.brd_fixed_col tbody th:last-child{border-right: 0;}
.brd_fixed_col td{border: 1px solid #cccccc;border-width: 0 1px 1px 0;text-align: left;word-break: break-all;font-weight: 300;}


/* .brd_fixed_col td:last-child {border-right: 0;} */
.brd_fixed_col.tC td{text-align: center;}
.brd_fixed_col td:last-child.brdr1{border-right: 1px solid #dedede;}
.brdr0{border-right: 0 !important;}
.brd_fixed_col tbody tr td:last-child{border-right: 0;}

.brd_fixed_col + .brd_fixed_col{border-top: 0; margin: 0;}
.brd_fixed_col + .brd_fixed_col thead tr{border-top: 0;}

.brd_fixed_col tfoot th{background:#f7f7f7; border-bottom: 1px solid #dedede;}
.brd_fixed_col tfoot td{background:#f7f7f7; border-bottom: 1px solid #dedede;}
.brd_fixed_col tfoot th:last-child{border-right: 0;}

.brd_fixed_col tr .brd_left{border-width: 0 1px 1px 1px;}



/* 게시판 스킨, 스킨2 */
.skin2 select {background: #fff url(/_static/steam/img/sub/select_arrow.png) no-repeat center right 12px;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;display:none;}
.skin2 .sch_label {display:inline-block; height:40px; line-height:38px; margin-right:5px;}
.skin2 .sch_slt {
    display:inline-block;
    min-width: 125px;
    height: 38px;
    padding: 0 26px 0 13px;
    border:1px solid #ddd;
    color:#919191;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 0.875em;
    font-weight: 400;
}
.skin2 .sch_slt option{padding: 0;}
.skin2 .sch_input {display:inline-block;width: 238px;height: 38px;padding: 0 10px;border:1px solid #ddd;}
.skin2 .sch_btn {display:inline-block; font-family:inherit;font-size:1em; position: absolute;right: 15px;top: 10px;font-size: 0;width: 21px;height: 20px;display: block;background: url(/_static/steam/img/common/searchBt.png) no-repeat;}
.skin2 .sch_btn:hover .ico, .skin2 .sch_btn:focus .ico{color: #4d4d4d;}

.skin2 .sch_btn2 {
    display:inline-block;
    padding: 10px 24px;
    border-radius: 5px;
    font-size: 14px;
    vertical-align: middle;
    background: #333;
    color: #fff;
    }

.skin2 select.sch_slt::-ms-expand {display:none}

.skin2.pop_slt select{ min-width: 308px; background: #fff url(/_static/steam/img/sub/select_arrow.png) no-repeat right 5% center; margin-bottom:0;}

/*상단 검색*/
.detail_tbl{display: none;}
.skin2.sch_full .sch_btn{/* float: left; */top: 3px;}
.skin2.sch_full .sch_input{width: calc(100% - 145px) ;float: none;}
.skin2.sch_full .sch_bar{position: relative;}


.detail_btn{
    /* float: left; */
    width: 142px;
    height: 38px;
    border: 1px solid #b7b6ae;
    /* color: #000000; */
    text-align: center;
    vertical-align: middle;
}
.btn_detail .detail_click{
    font-size: 0.875em;
    display: block;
    margin: 0 auto;
    height: 42px;
    line-height: 40px;
    width: 100%;
    border: 1px solid #dddddd;
    border-top: 0;

}
.btn_detail .detail_click:after{
    content: '+';
    display: inline-block;
    margin-left: 5px;
}
.tbl_top_wrap + .tbl_top_wrap{border-top: 1px solid #dedede;}


/*게시판 상단 검색 바*/
.sch_bar_box {padding: 40px 0 22px;}
.sch_bar_box.skin2 .sch_slt{border-radius:5px;}
.sch_bar_box.skin2 .sch_input{border-radius: 5px;padding-right: 35px;}

.sch_bar_box .total_txt {position: relative;float:left;font-size:0.938em;color: #252525;margin-top: 14px;}
.list_total .total_txt em.num {
    font-weight: 800;
    color: #c72535;
}
.sch_bar_box .total_txt > span:nth-child(1) {position: relative;margin-right: 18px;}
.sch_bar_box .total_txt > span:nth-child(1):after{
 content: '';
 width: 1px;
 height: 13px;
 background: #c7c7c7;
 position: absolute;
 right: -12px;
 top: 56%;
 transform: translate(0,-50%);
 -ms-transform: translate(0,-50%);
 -webkit-transform: translate(0,-50%);
 }
.sch_bar_box .total_txt .total{color: #404040;}
.sch_bar_box .total_txt .total .num {position: relative;color: #252525;font-weight: 500;}
.sch_bar_box .total_txt .count_num{color: #404040;}
.sch_bar_box .total_txt .count_num em{color: #252525;/* font-weight: 500; */}
.sch_bar_box .total_txt .total_num{color: #252525;/* font-weight: 500; */}
.sch_bar_box .sch_bar {float:right; /*margin-top: 7px;*/ margin-right: 2px; position: relative;}
.sch_bar_box .sch_bar.left{float:left;}
.sch_bar_box .sch_bar:after {content:""; display:block; width:0; height:0; clear:both;}



/* 상품설명 검색 조건 */
.sch_bar_box .search_room .sch_bar{float: right;margin-left: 10px;position: relative;}
.search_room{float: right;}
.view_list{float: right;margin-top: 5px;}


.detailSearch{border: 1px solid #cedae6; margin-top: 45px;}
.detailSearch a{display: block; text-align: center; height: 28px; line-height: 28px;}
.detailSearch a.up{background: url(/_static/steam/img/sub/extra/ico_arrowUp.png) no-repeat 50% 50%;}
.detailSearch a.down{display: block; text-align: center; height: 28px; line-height: 28px;}
.detailSearch .searchArea{background-color: #edf3fb; padding: 20px 0 25px 25px; }


.detailSearch .searchArea .btn_search{ width: 60px; height: 30px; color:#fff; background-color: #2a5da0;}
.detailSearch .searchArea .btn_close{width: 60px; height: 30px; color:#fff; background-color: #555555;}
.detailSearch .form-search > div{float: left; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #ddd; padding-right: 25px; padding-left: 25px;}
.detailSearch .form-search > div span{color: #002e73;}
.detailSearch .form-search > div:first-child{border-left: 0;}

.form_search{overflow: hidden;}
.form_search > div{float: left; width: 30%;}
.form_search > div span{display: inline-block; vertical-align: middle;}

.viewChg{ float: left; /*margin-right: 10px;*/}
.viewChg a{display: inline-block;}
.search-s{ float: left; border: 1px solid #ddd; height: 28px; box-sizing: border-box; width: 160px;}
.search-s input{ height: 26px; border: none; width: 130px; float: left;}
.search-s button{float: right;}


/*검색 리스트*/



.hash_cont{display: none;}
.hash_cont.on{display: block;}
.resultContents{
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #000;
    padding: 33px 0;
    position: relative;
}
.result_orderBtn {
    display: flex;
    justify-content: right;
    gap: 16px;
    margin-bottom: 6px;
    margin-left: auto;
}
.result_orderBtn button {
    display: block;
    font-size: 14px; color: #777;
    transform: rotate(-0.03deg);
}
.result_orderBtn button:hover {
    color: var(--maincolor);
    font-weight: 500;
}
.result_orderBtn button::after {
    content: "";
    background: url(../img/sub/order_arr.png) no-repeat left center;
    width: 5px; height: 11px;
    margin-left: 6px;
    display: inline-block;
}
.result_orderBtn button.on::after {
    content: "";
    background: url(../img/sub/order_arr.png) no-repeat right center;
    width: 5px; height: 11px;
    display: inline-block;
}


/*  */



.gyo_list li{padding: 12px 0; border-bottom: 1px solid #dedede;}
.gyo_list li:first-child{padding-top: 0;}
.gyo_list li a{font-size: 17px;}
.gyo_list li:last-child{padding-bottom: 0; border: 0;}

.resultThumb{ display: flex; flex-wrap: wrap;}
.resultThumb li{ float: left; width: 31.5%; margin-right: 2.66%; margin-top: 30px;}
.resultThumb li:nth-child(3n){margin-right: 0;}
.resultThumb li:nth-child(-n+3){margin-top: 0;}

.resultThumb li a > div{
    display: block;
    width: 100%;
    padding-top: 66.67%;
    position: relative;
}

.resultThumb li a > div em{
    position: absolute;
    top: -1px;
    left: 0px;
    background: #000;
    color: #fff;
    width: auto;
    padding: 0 10px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    font-size: 0.875em;
    z-index: 1;
}
.resultThumb li a > div img{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.resultThumb li .img_area > a{
    display: block;
    width: 100%;
    padding-top: 66.67%;
    position: relative;
}
.resultThumb li .img_area > a img{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
    



.resultThumb li .img .ico {position: absolute; left: -3px; top: -2px;}
.resultThumb .img .sale{position: absolute;
right: 0;bottom: 0;color: #fff;text-align: center;height: 32px;line-height: 32px;padding: 0 5px;background-color: #2e9013;font-weight: 500;letter-spacing: -1px;font-size: 13px;}

.resultThumb li .score {
 font-size: 14px;
 text-align: left;
 margin-top: 3px;
 padding-top: 0px;
 color: #193799;
}
.resultThumb li .score span {
 letter-spacing: 2px;
}
.voucherSummery .chartBlock {
 position: relative;
}
.svcImgWrap {
 position: relative;
 display: block;
 text-align: center;
 overflow: hidden;
}
.svcInfoWrap{
 display: block;
 position: absolute;
 top: 0px;
 right: 0px;
 left:0px;
 bottom:0px;
 background: #fff;
 opacity: 0;
 overflow: hidden;
 padding: 5px 10px;
 border: 1px solid #ccc;
 transition: opacity 200ms ease-in;
 z-index: 1;
}

.resultThumb .list_cont{margin-top: 15px;}
.resultThumb .result_tit a{display: block; padding-left: 0;}



/*가로 리스트*/
.resultList > li{display: table; table-layout: fixed; width: 100%; border-top: 1px solid #dedede; padding: 40px 0;}
.resultList > li:first-child{border-top: 0; padding-top: 0;}
.resultList > li:last-child{padding-bottom: 0; border-bottom: 0;}
.resultList > li .img_area{display:table-cell;width: 330px;vertical-align: top;}
.resultList > li .img_area a {
    display: block;
    width: 100%;
    padding-top: 66.67%;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}
.resultList > li .img_area a em{
    position: absolute;
    top: -1px;
    left: -1px;
    background: #000;
    color: #fff;
    width: auto;
    padding: 0 10px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    font-size: 0.875em;
    z-index: 1;
}
.resultList > li .img_area a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.resultList > li .list_cont {
    display: table-cell;
    vertical-align: top;
    padding-left: 60px;
}
.resultList > li .list_cont a+span.result_loca{margin-top: 10px;}
.result_loca{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.result_tit {
    margin: 13px 0 12px 0;
/*     border-bottom: 1px dashed #ddd;
    padding-bottom: 39px; */
}
.list_cont:has(.result_data) .result_tit {
    margin: 13px 0 12px 0;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 39px;
}
.result_tit em + a { margin-top: 14px; }
.result_tit a{
    font-size: 20px;
    display: block;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.result_tit a .cracker_txt{display: inline-block; vertical-align: middle; margin-right: 5px;}

.result_cont {
    color: #777;
    font-size: 15px;
    padding-bottom: 36px;
}
.result_data {
    font-size: 15px;
    color: #929292;
    position: relative;
}
.result_data p { color: #333; display: flex; align-items: center; justify-content: space-between;}

.result_data p i {
    margin-right: 8px;
}

.result_data.result_nsp p {
    justify-content: unset;
}


.result_data p span.bd-down {
    background: url(../img/sub/fav-down.png) no-repeat center center / cover;
    display: inline-block;
    width: 15px;
    height: 14px;
    margin-right: 8px;
}

.result_data a.btn_ebook {
    color: #666;
    height: 23px;
    line-height: 21px;
    border-radius: 3px;
    margin-left: 3%;
    text-align: left;
    font-weight: 400;
    font-size: 0.813em;
    border: 1px solid #cbcbcb;
    max-width: 75px;
    padding-left: 21px;
    display: inline-block;
    width: 100%;
    background: #fff url(/_static/steam/img/sub/mi_search.png) no-repeat left 6px center;
    margin-left: auto;
    
}
.result_data a.btn_ebook:hover {
    background-color: #e8e8e8;
}
.result_tit a > img{vertical-align: baseline; margin-right: 5px;}
.result_tit a strong{
    display: inline-block; padding-left: 6px;
    vertical-align: text-bottom;
}

.result_tit em:nth-of-type(1){margin-left: 0;}
.result_tit em{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding: 4px 14px 6px;
    border-radius: 40px;
    margin-left: 4px;
    transform: rotate(-0.03deg);
}
.result_tit em.ev-ing {background-color: var(--maincolor);} /*진행중인 이벤트*/
.result_tit em.ev-end {background-color: #f5f5f5; color: #929292;} /* 종료된 이벤트*/

.result_doc{margin-top: 14px;font-size: 0.938em;}
.result_doc dl:first-child{margin-top: 0;}
.result_doc dl{overflow: hidden;margin-top: 6px;/* padding-left: 15px; */word-break: break-all;}
.result_doc dl.loca_icon{position: relative; /*padding-left: 16px;*/}
.result_doc dt{float: left;font-weight: 500;padding-right: 4px;width: 80px;}
.result_doc dd{
    font-weight: 300;
    float: left;
    width: calc(100% - 80px);
}
.result_doc.type50 dt{width: 50px;}
.result_doc.type50 dd{width: calc(100% - 100px);}
.result_doc.type100 dt{width: 100px;}
.result_doc.type100 dd{width: calc(100% - 110px);}
.result_doc.type110 dt{width: 110px;}
.result_doc.type110 dd{width: calc(100% - 110px);}

.result_doc dd strong{font-weight: 300;}

.result_date{margin-top: 6px;}
.result_date dl{overflow: hidden; padding-left: 0; /*font-size: 0.938em;*/}


.result_date dt img{vertical-align: inherit;}

.result_open{
    display: block;
    border: 1px solid #dddddd;
    text-align: center;
    margin-top: 15px;
}
.result_open .btn_open{
    font-size: 0.875em;
    display: block;
    margin: 0 auto;
    height: 33px;
    line-height: 33px;
    width: 100%;
} 
.result_open .btn_open.on:after{
    content: '-';
} 
.result_open .btn_open:after{
    content: '+';
    display: inline-block;
    margin-left: 5px;
} 
.result_btn_wrap{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eeeeee;
    display: none;
}
.result_btn{
    overflow-y: auto;
    max-height: 190px;
    font-size: 0.938em;
    padding: 0;
    min-height: 85px;
    
}
.result_btn::-webkit-scrollbar {width: 8px;height: 8px;border: 3px solid #fff;}
.result_btn::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
.result_btn::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.result_bBox{ margin-top: 10px; padding-top: 10px; border-top: 1px dashed #dedede;}
.list_area .result_bBox{border-top: 0;}
.result_bBox:first-child{margin-top: 0; padding-top: 0; border-top: 0;}

.result_bTop > dl{padding-left: 0;}
.result_bTop > span{vertical-align: middle; margin-left: 5px;}
.result_bBtm{margin-top: 10px;}
.result_bBtm > a {
    color: #000000;
    height: 25px;
    line-height: 23px;
    margin-right: 1%;
    text-align: left;
    font-weight: 300;
    font-size: 0.813em;
    border: 1px solid #cbcbcb;
    max-width: 86px;
}
.result_bBtm a {
    padding-left: 26px;
    display: inline-block;
    width: 47%;
}
.result_bBtm > a.btn_pdf {
    background: #fff url(/_static/steam/img/sub/mi_down.png) no-repeat left 15px center;
}
.result_bBtm > a.btn_ebook {
    background: #fff url(/_static/steam/img/sub/mi_search.png) no-repeat left 12px center;
}


.resultList > li .list_score{display:table-cell; vertical-align: middle; width: 250px; text-align: center;}
.resultList .price{color: #006ad8;font-weight: 500;font-size: 1.125em;margin-top: 20px;}
.resultList .menu{margin-top: 10px;}
.resultList td .price{color: #326dbc;}


.resultList > li .svcImgWrap{text-align: left;}
.resultList .img {text-align: left;}

.resultList .img a {
    display: block;
    position: relative;
    margin: -1px 24px -1px -1px;
    width: 230px;
    height: 157px;
    line-height: 157px;
    text-align: center;
}

.resultList .img .ico {
    position: absolute;
    left: -3px;
    top: -2px;
}

/* 리스트 NO썸네일 */
.resultContents.res_pd {
    padding: 0;
}
.resultList.result-NT > li {
    display: block;
    position: relative;
    padding: 20px 0;
}
.resultList.result-NT > li .list_cont {
    display: block;
    padding-left: 30px;
}


.resultList.result-NT .result_fav {
    position: absolute;
    top: 9px;
    right: 0;
    display: flex;
    gap: 25px;
}
.resultList.result-NT .result_fav > div {
    vertical-align: middle;
    line-height: 2;
}
.resultList.result-NT .result_fav > div::before {
    display: inline-block;
    margin-right: 6px;
    position: relative;
}
.resultList.result-NT .result_fav > div.fav-count::before {
    content: "";
    background: url(../img/sub/fav-count.png) no-repeat 0 0;
    width: 28px; height: 17px;
    top: 2px;
}
.resultList.result-NT .result_fav > div.fav-down::before {
    content: "";
    background: url(../img/sub/fav-down.png) no-repeat 0 0;
    width: 20px; height: 17px;
    top: 3px;
}
.resultList.result-NT .result_fav > div.fav-bookmark::before {
    content: "";
    background: url(../img/sub/fav-bookmark.png) no-repeat 0 0;
    width: 22px; height: 19px;
    top: 4px;
}
.resultList.result-NT .result_fav > div.fav-bookmark.on::before {
    content: "";
    background: url(../img/sub/fav-bookmark_on.png) no-repeat 0 0;
    width: 22px; height: 19px;
}


.resultList.result-NT .list_cont:has(.result_data) .result_tit {
    padding-bottom: 26px;
}

.resultList.result-NT .result_tit {
    margin: 13px 0 16px 0;
    
}
.result_tit span:not(a) {
    font-size: 20px;
    display: block;
    font-weight: 600;
    position: relative;
    text-overflow: ellipsis;
}
.result_tit a .cracker_txt{display: inline-block; vertical-align: middle; margin-right: 5px;}

.resultList.result-NT > li .list_cont .result_tit em + span { margin-top: 0; }
.resultList.result-NT > li .list_cont .result_tit em.res_label {background-color: var(--maincolor); color: #fff;}
.resultList.result-NT .result_info,
.resultList.result-NT .result_info dl { display: flex; padding-right: 20px; margin-right: 5px; position: relative; font-size: 15px; color: #777;}
.resultList.result-NT .result_info dl::after { content: "│"; position: absolute; right: 0; color: #ddd;}
.resultList.result-NT .result_info dl:last-child:after { display: none; }
.resultList.result-NT .result_info dl dt::after {
    content: ":";
    padding: 0 3px;
    display: inline-block;
    font-size: 0.8em;
}
.resultList.result-NT .result_info {
    margin: 15px 0 17px 0;
}

.resultList.result-NT .result_info.result_nod dl dt::after {
    content: none;
}

/* 리스트 갤러리 */
.resultContents.res_pd {
    padding: 0;
}
.resultList.result-gall {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 2vw;
    padding: 34px 0;
}
.resultList.result-gall > li {
    display: block;
    position: relative;
    padding: 0;
}

.resultList.result-gall > li .list_cont {
    display: block;
    padding: 0;
    border-radius: 25px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.resultList.result-gall > li:hover .list_cont {
    box-shadow: 0px 1px 7px 3px #eaeaea;
    border: 1px solid #0078be;
}
.resultList.result-gall .result_fav {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.resultList.result-gall .result_fav > div {
    vertical-align: middle;
    line-height: 2;
}
.resultList.result-gall .fav_data > p {
    font-size: 15px; color: #777;
}
.resultList.result-gall .fav_data_info { display: flex; gap: 10px; }
.resultList.result-gall .fav_data_info > div::before {
    display: inline-block;
    margin-right: 6px;
    position: relative;
}
.resultList.result-gall .fav_data_info > div.fav-count::before {
    content: "";
    background: url(../img/sub/fav-count.png) no-repeat 0 0;
    width: 20px; height: 14px;
    background-size: 20px;
    top: 2px;
}
.resultList.result-gall .fav_data_info > div.fav-down::before {
    content: "";
    background: url(../img/sub/fav-down.png) no-repeat 0 0;
    width: 16px; height: 16px;
    background-size: 16px;
    top: 3px;
}
.resultList.result-gall .fav_data_info > div.fav-bookmark::before {
    content: "";
    background: url(../img/sub/fav-bookmark.png) no-repeat 0 0;
    width: 15px; height: 15px;
    background-size: 15px;
    top: 2px;
}
.resultList.result-gall .fav_data_info > div.fav-bookmark.on::before {
    content: "";
    background: url(../img/sub/fav-bookmark_on.png) no-repeat 0 0;
    width: 15px; height: 15px;
    background-size: 15px;
}

.resultList.result-gall .vDcont {
    box-sizing: border-box;
    padding: 15px 20px;
}

.resultList.result-gall .result_tit {
    margin: 0 0 16px 0;
    padding-bottom: 26px;
    cursor: pointer;
}
.resultList.result-gall .vDthumb {
    cursor: pointer;
    height: 180px;
}
.resultList.result-gall .vDthumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.resultList.result-gall .result_tit span{
    font-size: 18px;
    font-weight: 500;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 46px;
}
.result_tit a .cracker_txt{display: inline-block; vertical-align: middle; margin-right: 5px;}
.resultList.result-gall > li { border:none; }
.resultList.result-gall > li .list_cont .result_tit em + span { margin-top: 14px; }
.resultList.result-gall > li .list_cont .result_tit em.res_label {background-color: #fff; border: 1px solid var(--maincolor); color: var(--maincolor);}
.resultList.result-gall .result_info,
.resultList.result-gall .result_info dl { display: flex; padding-right: 20px; margin-right: 5px; position: relative; font-size: 15px; color: #777;}
.resultList.result-gall .result_info dl::after { content: "│"; position: absolute; right: 0; color: #ddd;}
.resultList.result-gall .result_info dl:last-child:after { display: none; }
.resultList.result-gall .result_info dl dt::after {
    content: ":";
    padding: 0 3px;
    display: inline-block;
    font-size: 0.8em;
}
.resultList.result-gall .result_info {
    margin: 15px 0 17px 0;
}

/* 리스트 갤러리 - 팝업 */

.gall-popup {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    z-index: 5;
    left: 0; top: 0;
}
.gall-popup .gpWrap {
    max-width: 800px;
    width: 92%;
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
}
.gall-popup .gpWrap .gall-xbtn {
    color: #fff;
    font-weight: bold;
    display: block;
    font-size: 40px;
    width: 100%;
    padding: 10px;
    text-align: right;
}

/* 소통마당 전문가찾기 */
.master_agree {
    width: 100%;
    border: 1px solid #ddd;
    padding: 50px 5vw;
}
.master_agree > h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: var(--maincolor);
}
.master_agree > p {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
    line-height: 1.6;
}
.master_agree > p strong {
    font-weight: 700;
    display: block;
}

.master_agree .ma_form {
    margin: 26px 0 22px;
    padding: 30px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    font-size: 14px;
    overflow: auto;
    color: #777;
}
.master_agree .tbl_ipt p {
    font-size: 15px;
    font-weight: 500;
    color: #444;
}
.master_agree .ma_form_inner {
    min-width: 500px;
    overflow: hidden;
}
.master_agree .ma_form_inner dl {
    display: flex;
    gap: 3px;
    color: #777;
}
.master_agree .ma_form_inner > strong {
    font-weight: 600;
    display: block;
    color: #777;
    margin-bottom: 15px;
}
.master_agree .ma_form_inner > p {
    margin-top: 20px;
}

.form_sec .brd_input,
.form_sec .skin2 .sch_slt {
    width: 100%;
}
.form_sec .brd_input {
    border-radius: 5px;
}
.master_form_set .tbl_etc {
    border: none;
}
.master_form_set dl.add_title dd {
    align-items: baseline;
    display: flex; gap: 10px;
}
.master_form_set dl.add_title dd.default {
    flex-direction: column;
    align-items: flex-start;
}
.master_form_set dd > div:has(input),
.master_form_set dd > div:has(select),
.master_form_set .inw260,
.master_form_set .slt_cont.skin2 {
    width: 100%;
    max-width: 260px;
    min-width: auto;
}



.master_form_set .inw260 .brd_input {
    width: 100%;
    min-width: inherit;
    max-width: 260px;
}

.master_form_set dd .check {
    position: relative;
    max-width: 100%;
}

.master_form_set dd .check input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    padding-left: 25px;
    vertical-align: top;
    z-index: 5;
}

.master_form_set dd input[type=checkbox] {
 width: 19px;
 height: 19px;
 background: none;
 -webkit-appearance :none;
 position: absolute;
 border: none;
 left: 1px;
 top: 50%;
 z-index: 10;
 -webkit-transform :translate(0, -50%)
}

.master_form_set dd input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 1px;
    border: 1px solid #999;
    z-index: 5;
    background: #ffffff;
    -webkit-transform : translate(0, -50%)
}

.master_form_set dd input[type=checkbox]:checked + label:before {
    content: "";
    display: inline-block;
    background: transparent url(/_static/steam/img/sub/chk_bg.png) center center no-repeat;
}

.master_form_set .slt_cont.skin2 .sch_slt {
    border-radius: 5px;
    min-width: auto;
}
.master_form_set .form_sec {
    margin: 50px 0;
}

.master_form_set dd.bd_phone_set > div.slt_cont.skin2,
.master_form_set dd.bd_phone_set > div {
    width: 100%;
    max-width: 110px;
}
.master_form_set .bd_phone_set .skin2 .sch_slt,
.master_form_set .bd_phone_set .brd_input {
    width: 110px;
    max-width: 110px;
    min-width: auto;
}

.master_form_set dd > div.field_check {
    max-width: 100%;
    display: flex;
    gap: 27px;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    padding: 20px 0;
    justify-content: space-between;
}
.master_form_set p {
    font-size: 14px;
    font-weight: 400;
    min-width: fit-content;
    line-height: 1.4;
}
.master_form_set .ip_flex p {
    min-width: 26px;
}
.master_form_set dd > div.field_check .tbl_ipt.ip_flex {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
}



.master_form_set .form_sec .form_add_tit {
    padding: 20px 26px;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
}
.master_form_set .form_sec .form_add_tit .tbl-add {
    width: 15px; height: 15px;
    display: inline-block;
    background: url(../img/sub/tbl-add.png) no-repeat bottom center;
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    left: 0;
}
.master_form_set .form_sec .form_add_tit.fad_plus .tbl-add {
    background: url(../img/sub/tbl-add.png) no-repeat top center;
}

.master_form_set .form_sec .form_add_tit .tbl-del {
    display: block;
    width: 15px; height: 15px;
    display: inline-block;
    background: url(../img/sub/tbl-del.png) no-repeat top center;
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    right: 0;
}
.master_form_set .form_sec .form_add_tit.fad_plus .tbl-del {
    display: none;
}

/* // 소통마당 전문가찾기 */

/* 소통마당 묻고답하기 */
.form_sec.ver_qna .list_detail_top {
    border-top: 1px solid #353535;
    border-bottom: 1px solid #353535;
}
.form_sec.ver_qna .tbl_etc dt {
    width: 210px;
    font-weight: 500;
}
.form_sec.ver_qna dl.add_title dd {
    padding: 20px;
    font-weight: 500;
}

.form_sec.ver_qna dl.add_cal dd {
    padding: 20px;
    font-weight: 500;
}












.form_sec.ver_qna dl.add_title dd textarea { width: 100%; padding: 20px; }
.master_form_set dd > div.sphere {
    max-width: 100%;
    display: flex;
    gap: 60px;
}
.inq_file .ipt_file {
    max-width: 600px;
    display: flex;
    gap: 10px;
    padding-right: 0;
}
.inq_file .ipt_file .brd_btn {
    position: relative;
    min-width: 140px;
    background: #919191;
    font-weight: 500;
    border-radius: 5px;
    height: 33px;
}
.inq_file .ipt_file .brd_input {
    border: none;
    font-weight: 400;
    letter-spacing: -0.6px;
}
.tbl_etc .add_title .sphere p {
    font-weight: 400;
    color: #919191;
}
.tbl_etc .add_title .sphere .radio > p {
    font-weight: 500;
    margin-bottom: 12px;
    color: #353535;

}
.tbl_etc .add_title .sphere .tbl_ipt {
    margin-bottom: 8px;
}
.tbl_etc .add_title .check .secret_txt {
    color: #919191;
}
/* // 소통마당 묻고답하기 */

/*문서자료실*/
.tbl_com_wrap.typeAuto.Auto2 .tbl_ipt{margin-right: 5%; font-size: 14px; font-weight: 400; }
.tbl_com_wrap.typeAuto.Auto2 .tbl_ipt input[type=radio] + label:before{width: 14px; height: 14px;}
.tbl_com_wrap.typeAuto.Auto2 .tbl_ipt input[type=checkbox] + label:before{width: 14px; height: 14px;}

.detail_case{display: none;}
.big .tbl_com_wrap.typeAuto .tbl_ipt{padding: 10px 0;}


.tbl_etc .half {display: flex;}
.tbl_etc .half .half_cell {
    width: 100%;
    display: table;table-layout: fixed;
}
.tbl_etc dt{
    position: relative;
    width: 120px;
    height: 44px;
    line-height: 44px;
    display: table-cell;
    background: #f7f7f7;
    text-align: center;
    color: #0e0e0e;
    vertical-align: middle;
}
.tbl_etc dd{
    display: table-cell;
    vertical-align: middle;
    padding: 8px 11px;
    font-weight: 400;
}

.master_form_set.master_info dl.add_title dd {line-height: 1.8;word-break: keep-all;padding: 15px;display: table-cell;}
.master_form_set.master_info dl.add_title dd.default.deep {height: 480px;vertical-align: top;}
.tbl_etc .add_title.line {border-bottom: 1px solid #dedede;}
.master_form_set.master_info dl.add_title dd.file {display: block;}
.master_form_set.master_info dl.add_title dd.file .fileBr {width: 100%;}
.master_form_set.master_info dl.add_title .file span {padding-left: 7px;display: inline-block;}





.tbl_etc.big dd{padding: 10px 11px;}
.tbl_etc + .list_detail_top{border-top: 0;}
.tbl_etc + .list_detail_top .tbl_etc{border-top: 0;}
.list_detail_top{border-top: 2px solid #353535; border-bottom: 2px solid #353535; font-size: 0.938em;}
.list_detail_top .tbl_etc .hori_title{
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #dedede;
    border-width: 0 0 1px;
}
.list_detail_top .tbl_etc .hori_title dl{display: table-cell; overflow: hidden;}
.list_detail_top .tbl_etc .hori_title dl dt{
    position: relative;
    width: 120px;
    display: inline-block;
    background: #f7f7f7;
    text-align: center;
    color: #0e0e0e;
    vertical-align: middle;
    height: 44px;
    line-height: 44px;
}
.list_detail_top .tbl_etc .hori_title dl dd{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 124px);
    padding: 6px 8px;
}
.list_detail_top .tbl_etc .hori_title:last-child{border-bottom: 0;}

.tbl_com_wrap{overflow: hidden;}
.tbl_com_wrap .tbl_ipt{
    float: left;
}

.dong0>div>div.checked{outline: 1px solid #f25574; padding: 5px 0;}
.dong0 input:disabled + label:before{background-color: #ccc;}
.dong0 > div{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #dedede;
}
.dong0 > div:first-child{margin-top: 0; padding-top: 0; border: 0;}



/* 보드리스트_해시태그 */
.board_list .hash > a{width: auto; display: inline-block;  color: #726f6f;}
.hash > a{
    display: inline-block;
    font-size: 0.938em; 
    background: #efefef;
    color: #726f6f;
    margin: 3px 0;
    margin-right: 5px;
    padding: 3px 6px;
    border-radius: 5px;
}

/* 보드상세_기본 */

.board_view .tbl_etc {
    position: relative;
    border-top: 2px solid #333333;
    overflow: hidden;
    border-width: 2px 0 1px;
}
.board_view .tbl_etc .tbl_tit {
    padding: 18px 0;
    text-align: center;
    background-color: #fff;
}
.board_view .tbl_etc .tbl_tit.tbt_label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.board_view .tbl_etc .tbl_tit em {
    display: block;
}
.board_view .tbl_etc .tbl_tit span {
    display: block;
    vertical-align: middle;
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-size: 1.375em;
    line-height: 1.5;
}

.board_view .tbl_etc .tbl_tit span.tbl_data {
    font-size: 14px;
    color: #666;
    font-weight: 300;
    padding-top: 5px;
}
.board_view .tbl_etc .tbl_tit span.tbl_data i {
    margin-right: 8px;
    position: relative;
    top: -1px;
}
.board_view .tbl_etc .tbl_tit.tbt_label p.tbl_label {
    padding: 4px 10px 5px 10px;
    background: var(--maincolor);
    color: #fff;
    margin-right: 10px;
    font-size: 14px;
    max-width: fit-content;
    transform: rotate(-0.03deg);
}
.board_view .tbl_etc .tbl_tit.tbt_label p.tbl_new_tit {
    max-width: fit-content;
    position: relative;
}

.board_view .tbl_etc .tbl_tit.tbt_label p.tbl_new_tit span::after {
    content: "";
    background: url("../img/sub/tbl-new.png") no-repeat center center;
    width: 16px; height: 16px;
    display: inline-block;
    margin-left: 6px;
}

.board_view .tbl_info {
    padding: 13px 22px;
    overflow: hidden;
    border-top: 1px solid #dedede;
    display: flex;
    gap: 33px;
}
.board_view .tbl_info .tit {
    font-size: 0.875em;
}


.board_view .tbl_info .result_fav {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-left: auto;
}
.board_view .tbl_info .result_fav > div {
    vertical-align: middle;
}
.board_view .tbl_info .result_fav > div::before {
    display: inline-block;
    margin-right: 6px;
    position: relative;
}
.board_view .tbl_info .result_fav > div.fav-count::before {
    content: "";
    background: url(../img/sub/fav-count.png) no-repeat 0 0;
    width: 24px; height: 16px; background-size: 23px;
    top: 2px;
}
.board_view .tbl_info .result_fav > div.fav-down::before {
    top: 2px;
    content: "";
    background: url(../img/sub/fav-down.png) no-repeat 0 0;
    width: 17px; height: 15px; background-size: 17px;
}

.board_view .tbl_info .result_fav > div.fav-user {
    color: #919191;
    font-size: 14px;
}
.board_view .tbl_info .result_fav > div.fav-user::before {
    top: 2px;
    content: "";
    background: url(../img/sub/profile_icon.png) no-repeat 0 0;
    width: 14px; height: 15px;
}

.board_view .tbl_info .result_fav > div.fav-bookmark::before {
    content: "";
    top: 2px;
    background: url(../img/sub/fav-bookmark.png) no-repeat 0 0;
    width: 18px; height: 16px; background-size: 18px;
}
.board_view .tbl_info .result_fav > div.fav-bookmark.on::before {
    content: "";
    background: url(../img/sub/fav-bookmark_on.png) no-repeat 0 0;
    width: 18px; height: 16px; background-size: 18px;
}

/* .board_view .tbl_info .date{float:left;} */
.board_view .tbl_info .view{font-size: 0.875em;}
/* .board_view .tbl_info .tit em:after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 12px;background-color: #bcbcbc;margin: 0px 16px 1px 20px;} */
.board_view .tbl_info > span { color: #929292; }
.board_view .tbl_info > span > em{font-weight: 600;color: #000000; margin-right: 20px;}

.board_view .tbl_etc > .view{position: absolute; top:40px; right:0; font-size: 0.938em; font-weight: 600;}
.board_view .tbl_etc .tbl_tit ul {
    display: flex;
    justify-content: right;
    gap: 15px;
}
.board_view .tbl_etc .tbl_tit ul li img {
    margin-right: 5px;
}


.board_view .tbl_info > span > strong{
    display: inline-block;
    width: 70px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 0.938em;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0;
}
.board_view .tbl_info > span > strong.ing{background: #006fb7;}
.board_view .tbl_info > span > strong.sch{background: #009c4c;}
.board_view .tbl_info > span > strong.end{background: #ededed; color: #464646;}


.board_view.bd_noti {
    margin-top: 50px;
    /* 상단 타이틀이 없을경우 */
}
.board_view .view_con{ padding:21px 22px 40px; border-bottom: 1px solid #dedede; overflow: hidden; min-height: 270px; color: #666;}
.board_view .view_con.typeCommu1{border-bottom: 0; }
.board_view .view_con.typeCommu2{border-bottom: 0; margin-top: 39px;}
.board_view .view_con .img_area{text-align: center;}

.board_view .info_con{ margin-top: 20px; border: 1px solid #d7d7d7; min-height: 486px;  overflow-y: auto; padding: 15px; }
.board_view .info_con p{padding:10px; border:1px solid #dedede; min-height:294px;}


.board_view .tbl_text{margin-top:20px;}

.view_file { background: #f7f7f7; }
.view_file .tit{
    color: #0e0e0e;
    font-size: 0.938em;
    line-height: 1;
    padding: 15px 22px;
}
.view_file .file_cont{
    padding: 23px;
    overflow: hidden;
}
.view_file .file_cont .bg_file{
    position: relative;
}

.file_cont a.btn_ebook{
    background: #f5f5f5 url(/_static/steam/img/sub/mi_search.png) no-repeat left 12px center;
    color: #555;
    margin-right: 3%;
    text-align: left;
    font-weight: 400;
    font-size: 0.813em;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    padding: 4px 15px 4px 30px;
    display: block;
    margin-left: 15px;
}


.view_file .file_cont .bg_file:first-child{margin-top: 0;}


.view_file { display: flex; }
.view_file .file_cont { flex:1; }
.view_file .tit { display: flex; align-items: center; justify-content: center;}
.view_file .file_cont .bg_file { display: flex; justify-content: space-between; flex-wrap: wrap;}
.lef_area > a{
    color: #000000;
    margin-right: 3%;
    text-align: left;
    font-weight: 300;
    font-size: 0.813em;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    padding: 4px 15px 4px 30px;
    display: block;
}

.fileBr{ width: 80%; line-height: 1.5; display: flex;}

/* .file_cont .fileBr{ display: block; padding-right: 210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all;} */
.file_cont .fileBr > span{color: #7b7b7b; font-weight: 400; font-size: 0.938em; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; transform: rotate(-0.03deg); padding: 1px;}
.file_cont .fileBr img{display: block; box-sizing: border-box; object-fit: none;}





.view_file .file_cont .bg_file .lef_area a:last-child{margin-right: 0;}
.lef_area > a.btn_ebook{
    background: #f5f5f5 url(/_static/steam/img/sub/mi_search.png) no-repeat left 12px center;
}
.lef_area > a.btn_pdf{
    background: #f5f5f5 url(/_static/steam/img/sub/mi_down.png) no-repeat left 15px center;
}


/* 보드상세 폼 */

.board_view .tbl_etc .tbl_tit{padding: 18px 20px;text-align:center;background-color: transparent; position: relative;}
.board_view .tbl_etc .tbl_tit em{display: block;}

.tit_good{
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.tit_good div:last-child{margin-left: 6px;}
.tit_good a{position: relative; display: block;}
.tit_good a:before{
    content: "";
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
}
.tit_good div:nth-child(1) a{
    background: url(/_static/steam/img/sub/tit1_off.png)no-repeat;
}
.tit_good div:nth-child(2) a{
    background: url(/_static/steam/img/sub/tit2_off.png)no-repeat;
}

.tit_good div:nth-child(1) a:hover:before, .tit_good div:nth-child(1) a:focus:before{background: url(/_static/steam/img/sub/tit1_on.png?)no-repeat;}
.tit_good div:nth-child(2) a:hover:before, .tit_good div:nth-child(2) a:focus:before{background: url(/_static/steam/img/sub/tit2_on.png?)no-repeat;}

/* 보드상세 이전,다음글 */
.brd_view.page_chg{margin-top: 50px; font-size: 0.938em;}

.brd_page{overflow: hidden;padding: 17px 35px;border-top: 1px solid #dedede}
.brd_page:first-child{margin-top: 0;border-top: none;}
.brd_page:hover,
.brd_page:focus-within
 {
    background: #f8f8f8;
}
.brd_page dl{position: relative;}
.brd_page dl dt{position: absolute; color: #555; font-weight: 400;}
.brd_page dl dd{padding-left: 105px;color: #555;font-weight: 400;}
.brd_page dl dd a{display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; color: #555;}

.brd_page:first-child dl dt:after{
 content: ''; width: 10px; height: 6px; display: inline-block; vertical-align: middle; margin-left: 15px;
 background: url(/_static/steam/img/sub/txt_before.png) no-repeat center;
 position: relative;
 top: -2px;
}

.brd_page:last-child dl dt:after{
 content: ''; width: 10px; height: 6px; display: inline-block; margin-left: 15px; margin-top: -4px;
 background: url(/_static/steam/img/sub/txt_after.png) no-repeat center;
 position: relative;
 top: -2px;
}

/* 보드상세_탭2 (나의커뮤니티, 교사연구회) */
.brd_content .brd_myBox > div{display: none; }
.brd_content .brd_myBox > div.on{display: block; }
.brd_my{padding: 10px 0 0; margin: 20px 0 0; border:1px solid #000; border-width: 2px 0 0;}
.brd_my > div{border-bottom: 1px solid #dedede; margin-bottom: 10px; padding-bottom: 5px;}

.brd_my > div > a {display: block;}
.brd_my > div.on > a{font-weight: 600;}
.brd_my > div.on > a > span{display: inline-block; position: relative; padding-right:20px;}

.brd_myBox{margin-top: 30px;}
.brd_myBox .teamWon{text-align: center; margin-top: 10px;}
.teamWon.type22{margin: 10px 0;}
.teamWon > a{
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding: 5px 15px;
    border-radius: 3px;
    background:#828282;
    color: #fff;
 }

 .comBtn{
    font-size: 14px;
    padding: 5px 8px;
    border-radius: 3px;
    background: #828282;
    color: #fff;
    display: inline-block;
 }
 .comBtn.type_btm{background-color: #f25574;}
 .comBtn.type_del{background-color: #000000;}

 
.sogam_wrap{text-align: center;}
.sogam_wrap > strong{display: block; margin-bottom: 10px; font-size: 1.125em;}
.sogam_wrap > strong span{padding: 0 5px;}
.sogam_wrap > ul li{border-top: 1px solid #dedede; padding: 10px 0;}
.sogam_wrap > ul li > a{display: block;}
.sogam_wrap > ul li > a:hover{font-weight: 500;}
.sogam_wrap > ul li > a span{padding-left: 5px;}
.sogam_table{display: table; table-layout: fixed; width: 100%;}
.sogam_table > div{display: table-cell; vertical-align: top;}
.sogam_table > .sogam_l{width: 82px;}
.sogam_table > .sogam_r{padding-left: 15px; text-align: left; }
.sogam_table > .sogam_r p{margin-bottom: 7px; }
.sogam_table > .sogam_r p:hover{font-weight: 500;}
.sogam_table > .sogam_r span{color: #777;}

/* 보드상세_댓글작성영역 */
.opinion_wrap .txtarea{min-height: 53px;padding: 20px;box-sizing: border-box;}
.opinion_box{padding: 12px 20px 12px; border: 1px solid #dedede; background-color: #f7f7f7;}
.opinion_doc{text-align: right;margin-bottom: 8px;}
.opinion_doc span{display: inline-block; padding-left: 8px;} 
.opinion_area{overflow: hidden;font-size: 0.875em;margin-top: 12px;color: #353535;}
.opinion_area > div{float: left;}
.opinion_area > div:last-child{float: right;}
.opinion_area > div dl{height: 30px; line-height: 30px;}
.opinion_area > div dt{display: inline-block;}
.opinion_area > div dd{display: inline-block;}
.opinion_area a{
    background: #090909;
    border-color: #090909;
    color: #fff;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    padding: 0px 17px;
    font-size: 13px;
    border-radius: 4px;
    word-break: keep-all;
}

/* 보드상세_댓글현황 */
.reply_wrap{margin-top: 30px;}
.reply_wrap ul{border-top: 3px solid #000; border-bottom: 1px solid #dedede; padding: 25px 0;}
.reply_wrap li{padding: 15px 0; table-layout: fixed; display: table; width: 100%;
border-top: 1px solid #dedede;}
.reply_wrap li:first-child{padding-top: 0; border-top: 0;}
.reply_wrap li:last-child{padding-bottom: 0;}
.reply_wrap li > div{display: table-cell; vertical-align: middle;}

.rep_left{width: 110px; text-align: center;}
.rep_center{text-align: left;}
.rep_center span{font-size: 1.25em; display: inline-block; margin-bottom: 8px;}
.rep_center p{color: #555;}
.rep_right{width: 130px; text-align: right;}
.rep_right > div{margin-top: 8px;}
.rep_right > div > a{font-size: 0.938em; padding: 4px 8px; border: 1px solid #dedede; display: inline-block;}
.rep_right > div > a + a{margin-left: 2px;}

/* 보드상세_썸네일형식 */
.hanbok_view{display: table; width: 100%; table-layout: fixed; border-top: 1px solid #dedede; padding: 25px 0;}
.hanbok_view .view_area{padding: 0px 0px 0px 35px;}
.hanbok_view > div{display: table-cell; vertical-align: top;}
.hanbok_view > div:first-child{width: 240px;/* padding-right: 20px; */}
.hanbok_view > div > .attention_btn{text-align: center; margin-top: 10px;}
.hanbok_view > div > .attention_btn > a{padding: 4px 8px; border-radius: 5px; border: 1px solid #dedede; display: inline-block; font-size: 0.875em; font-weight: 300;}
.hanbok_view > div.view_area{border-top: 0; }
.hanbok_view .loca_area{
    /* border-bottom: 1px solid #1687d9; */
    position: relative;
    padding: 9px 0 14px;
}

/* 안전관리 구인(상세) */
.tbl_etc + .view_area{ /*border: 1px solid #1687d9;*/ padding: 15px 30px; 
    border-top: 0;
    border-bottom: 1px solid #ddd;
}
.tbl_etc + .view_area dl dt{min-width: 220px;}
.tbl_etc + .view_area dl dd{width: calc(100% - 220px);}

/* 보드상세_상단리스트 */
.view_area{border-top: 1px solid #dedede; }
.view_area .view_w100:first-child{padding-top: 0;}
.view_area .view_w100{display: table;table-layout: fixed;width: 100%; position: relative; padding: 4px 0;}
.view_area .view_w100:last-child:after{display: none;}
.view_area .view_w100 dl{display: table-cell; width: 50%; }
.view_area dl{overflow: hidden;}
.view_area dl dt{position: relative; display: inline-block; vertical-align: middle; padding-left: 11px; text-align: left; line-height: 1.5; color: #0e0e0e; font-size: 0.938em; min-width: 120px; float: left; background: #fff; width: auto; height: auto;}
.view_area dl dt:before {content: ''; display: inline-block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #bcbcbc; border-radius: 50%;}
.view_area dl dd{ display: inline-block; vertical-align: middle; width: calc(100% - 135px);  color: #333333; font-weight: 300; line-height: 1.5; float: left; padding: 0;
    word-break: break-all; font-size: 0.938em;
}
.view_area dl dd a{text-decoration: underline;}

/* 보드상세2_상단리스트 */
.view_area.view_area2 dl dt{min-width: 180px;}
.view_area.view_area2 dl dd{width: calc(100% - 180px);}

/* 보드상세_수도권 창의체험 */
.chang_area{margin-top: 40px;}
.chang_area > dl{margin-top: 20px;}
.chang_area > dl:first-child{margin-top: 0px;}
.chang_area > dl dt{margin-bottom: 5px;}

/*버튼 폼*/
.acc_btn_area {
    display: flex;
    justify-content: end;
}
.acc_btn_area > a {
    display: inline-block;
    vertical-align: middle;
    min-width: 130px;
    padding: 0 20px;
    text-align: center;
    font-size: 0.938em;
    font-weight: 400;
    background: var(--maincolor);
    color: #fff;
    line-height: 3;
}
.btn_area {text-align:center;margin-top: 10px;}
.btn_area > a {
    display: inline-block;
    vertical-align: middle;
    min-width: 130px;
    height: 43px;
    padding: 0 20px;
    line-height: 41px;
    margin-left: 10px;
    text-align: center;
    font-size: 0.938em;
    font-weight: 300;
}
.btn_area > a:last-child {margin-right:0;}
.btn_area > a:hover, .btn_area a:focus{text-decoration: underline;}

.btn_area2 > a{
    height: 42px;
    padding: 0 63px 0 30px;
    line-height: 40px;
    position: relative;
}

.btn_area2 .btn_mod:after{
    background: url(/_static/steam/img/sub/site_move_white.png);
    width: 13px; height: 13px;
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(calc(-50% + 0.5px));
    -webkit-transform: translateY(calc(-50% + 0.5px));
}

.btn_area2 .btn_del:after{
    background: url(/_static/steam/img/sub/site_move_white.png);
    width: 13px; height: 13px;
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(calc(-50% + 0.5px));
    -webkit-transform: translateY(calc(-50% + 0.5px));
}

/* 신청하기 버튼 */
.btn_area a.send {
background: var(--maincolor);
font-weight: 500;
transform: rotate(-0.03deg);
color: #ffffff;
margin-right: 15px;
}


/* 목록버튼 */
.btn_area .btn_answer {
    color: #ffffff;
    background: var(--maincolor);
    font-weight: 500;
    transform: rotate(-0.03deg);
}
.btn_area a.btn_list {
    background: #fff;
    color: var(--maincolor);
    border: 1px solid var(--maincolor);
    font-weight: 500;
    transform: rotate(-0.03deg);
}
/* 고등학생 연구과제 답변페이지 */
.btn_area input {cursor: pointer;line-height: 41px;border: none;background: var(--maincolor);color: #ffffff;display: inline-block;vertical-align: baseline;min-width: 130px;height: 43px;margin-right: 10px;text-align: center;font-size: 0.938em;font-weight: 500;vertical-align: baseline;}
.btn_area.page_cancle {
    text-align: left;
    margin-top: 0;
}




/* 전문가 매칭 */

.btn_area .btn_cancle {color: #999999;background: #e9e9e9;font-weight: 500;transform: rotate(-0.03deg);}


/*전문가정보 관리*/
.mas_btnform {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}
.master_pop .master_wrap {
    background: #fff;
    border: 1px solid #dfdfdf;
}
.master_pop .master_list {
    padding: 40px;
}
.master_pop p{
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}
.mas_btnform button{
    margin: 0 auto;
    width: 100%;
    background: var(--maincolor);
    border: 2px solid transparent;
    padding: 8px 0 10px;
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    display: block;
    text-align: center;
}
.mas_btnform button.mas_cancle {
    background: #fff;
    border: 2px solid var(--maincolor);
    color: var(--maincolor);
    font-weight: 700;
}
/* 글쓰기(등록)*/
.btn_area a.btn_btm { background: #f25574; color: #fff; border: 1px solid #f25574; }

/* 수정 버튼(수정) */
.btn_area a.btn_mod {background: #f25574; color: #fff; border: 1px solid #f25574;}

/* 삭제 버튼 */
.btn_area a.btn_del { background: #000000;color: #fff;border: 1px solid #000000;}

.btn_area.short a{
    min-width: 100px;
    height: 38px;
    line-height: 36px;
}
.btn_area.short a.btn_btm{
    background: #000000;color: #fff;border: 1px solid #000000;
}
.btn_area.short a.btn_mod{
    background: #fff; border: 1px solid #cbcbcb; color: #000;
}


/* 창의교육 Q&A 답변 */
.counsel_box{margin-top: 46px;line-height: 1.5;padding: 4px;overflow: hidden;}
.counsel_box.user{border-color: #dedede;}
.counsel_box .tit{padding: 4px 20px 4px 39px;background: #92b4cb;color: #fff;display: inline-block;border-radius: 20px;font-size: 0.938em;position: relative;}
.counsel_box .tit:before{content:'';display: inline-block;vertical-align: middle;width: 14px;height: 13px;background: url(/_static/steam/img/sub/answer_icon.png) no-repeat left center;position: absolute;left: 20px;top: 50%;transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.counsel_box .doc{display: inline-block;float: right;/* line-height: 1px; */margin-top: 6px;}
.counsel_box .doc dl{display: inline-block;line-height: 1;font-size: 0.938em;color: #555;}
.counsel_box .doc dt{display: inline-block;padding-right: 5px;margin-right: 5px;border-right: 1px solid #dedede;/* line-height: 1; */}
.counsel_box .doc dd{display: inline-block;}
/* .counsel_box .tit.attach:before{
  background-image: url(/_static/steam/img/sub/btn_down_on.png);
  background-size: 14px;
} */

.counsel_box .info{padding: 15px 20px;font-weight: 300;font-size: 0.938em;border: 1px solid #dedede;border-width: 1px 0;color: #353535;margin-top: 10px;}
.counsel_box.user .tit{padding: 10px;background: #dedede;color: #171717;}

/* 보드상세_현장체험학습 모델 1_4_2_0 */
.model_view{overflow: hidden; border-top: 1px solid #dedede; padding: 15px 0;}
.model_view > div{display: table; table-layout: fixed; width: 100%; }
.model_view > .model_two{margin-top: 15px;}
.model_view > .model_two > .model_tit{background-color: #a2a2a2;}
.model_view > .model_two .model_doc .icon{position: relative; padding-left: 30px;}
.model_view > .model_two .model_doc .icon:before{
    content: "";
    background: url(/_static/steam/img/sub/file_pdf.png)center center no-repeat;
    width: 21px;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
}
.model_view > div > div{display: table-cell; vertical-align: middle;}
.model_view > div > .model_tit{width: 100px; padding: 3px 6px; background-color: #ff975e; text-align: center;
color: #fff; border-radius: 5px;}
.model_view > div > .model_doc{padding-left: 15px;}

/* 보드상세_멀티미디어 자료실(유튜브) + 자막*/
.vod_wrap{margin-bottom: 35px;}
.vod_wrap:last-child{margin-bottom: 0;}
.vod_title{margin-bottom: 5px; font-size: 1.25em; font-weight: 500;}
.vod_area{position: relative;width: 100%;padding-top: 56.5%;margin: 0 auto;overflow: hidden; }
.vod_style{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.vod_style > iframe{width: 100%; height: 100%;}

.subtitles{margin-top: 15px;}
.subtitles .movie_tit{font-size: 1.188em;margin-bottom: 7px;line-height: 1;color: #f25574;}
.subtitles .movie_txt{ resize:none; overflow-x:hidden; overflow-y:auto; width: calc(100% - 42px);
  padding: 20px;
}

/* 통합검색 */
.search_box{border: 1px solid #dedede; padding: 30px; border-radius: 10px; margin-bottom: 30px; text-align: center;}
.search_box .tbl_com_wrap{display: flex; justify-content: center;  align-items: center; overflow: initial; margin-top: 20px;     flex-wrap: wrap;}
.search_box .tbl_com_wrap.typeAuto .tbl_ipt{margin-right: 3%;}
.search_box .tbl_com_wrap > span{display: inline-block; margin-right: 4%; font-size: 17px; font-weight: 500;}
.search_box .tbl_ipt label em{
    display: inline-block;
    color: #fff;
    font-size: 0.938em;
    padding: 3px 6px;
    border-radius: 15px;
    vertical-align: middle;
    margin-left: 2px;
}
.search_box .tbl_ipt label em.ty01{background-color: #ffce34;}
.search_box .tbl_ipt label em.ty02{background-color: #59cf95;}
.search_box .tbl_ipt label em.ty03{background-color: #64a1f2;}
.search_box .tbl_ipt label em.ty04{background-color: #f17c77;}
.search_box .tbl_ipt label em.ty05{background-color: #2a59b4;}
.search_box .tbl_ipt label em.ty06{background-color: #9f50ab;}

.switch_area {
    margin-right: 38px;
}

.switch_area:last-of-type {
    margin-right: 0;
}

.switch_area input {
    position: absolute;
    top: 0;
    left: -9999em;
    visibility: hidden;
    width: 1px;
    height: 1px;
}

.switch_area label {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.switch_area label::before {
    display: none;
}

.switch_area label .switch_k {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 26px;
    padding: 0 2px;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #ADB5BD;
    border-radius: 18px;
    vertical-align: middle;
}

.switch_area label .switch_k::before {
    transition: all 0.4s;
    content: '';
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #ADB5BD;
    border-radius: 100%;
}

.switch_area label .txt {
    display: inline-block;
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    vertical-align: middle;
}

.switch_area input:checked+label .switch_k {
    background-color: #007BFF;
    border: transparent;
}

.switch_area input:checked+label .switch_k::before {
    left: auto;
    left: 23px;
    background-color: #fff;
}



.search_list{position: relative; margin-top: 30px;}
.search_list:first-child{margin-top: 0;}
.search_tab{margin-bottom: 10px;}
.search_tab ul{display: flex; }
.search_tab ul > li{flex: 1;}
.search_tab ul > li > a{
    position: relative;
    padding: 13px 0;
    background: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #3d3d3d;
    font-size: 0.938em;
    text-align: center;
    display: block;
    font-weight: 300;
}
.search_tab ul > li > a span{display: inline-block; padding-left: 3px;}
.search_tab ul > li:last-child > a{border-right: 1px solid #ddd;}
.search_tab ul > li.on > a{font-weight: 500;
    position: relative;
    border-color: #f25574;
    border-right: 1px solid #f25574;
}
.search_tab ul > li.on > a:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #f25574;
}
.skin2.full{padding: 27px 0; background: #f5f5f5; border: 1px solid #dedede; margin-bottom: 25px; text-align: center;}
.skin2.full .sch_bar{margin: 0 auto; float: none; max-width: 485px;}
.skin2.full .sch_input{width: 485px; float: none; vertical-align: middle;}
.skin2.full.slt2 .sch_bar{max-width: 720px;}
.skin2.full .sch_btn{float: none; vertical-align: middle;}

.list_tit{margin-bottom: 12px;position: relative;}
.list_tit > span{display: inline-block; font-weight: 500; font-size: 1.375em; position: relative; color: #171717; line-height: 1;}
.list_tit > span:before { content: ''; display: none; position: absolute; top: 0; left: 0; background:#1464c8; width: 26px; height: 3px;}

.list_tit > span > .num{color: #f25574;}

.board_cont{
    border-bottom: 1px solid #dedede;
    padding: 30px 20px;
    border-top: 2px solid #000;
}
.search_area{margin-top: 20px; padding-top: 20px; border-top: 1px solid #dedede;}
.search_area:first-child{margin-top: 0; border: 0; padding: 0;}
.search_point{margin-bottom: 10px;}
.search_point span{border: 1px solid #dedede; padding: 1.5px 25px; display: inline-block; border-radius: 50px; vertical-align: middle;}
.search_point em{
    display: inline-block;
    color: #fff;
    font-size: 0.938em;
    padding: 3px 6px;
    border-radius: 15px;
    vertical-align: middle;
    margin-left: 2px;
}
.search_point em.ty01{background-color: #ffce34;}
.search_point em.ty02{background-color: #59cf95;}
.search_point em.ty03{background-color: #64a1f2;}
.search_point em.ty04{background-color: #f17c77;}
.search_point em.ty05{background-color: #2a59b4;}
.search_point em.ty06{background-color: #9f50ab;}

.search_tit{margin-bottom: 10px;}
.search_tit a{display: block; font-weight: 500; font-size: 1.250em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;}
.search_doc div{font-size: 1em;}
.search_doc div.info2{padding-top: 10px;}
.search_doc .result_cheom{margin-bottom: 8px;}
.search_doc div.info:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
    display: -webkit-box;
    display: none;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
}
.search_doc .date:last-child{margin-top: 15px; font-size: 0.938em; }
.search_doc .date span{display: inline-block; margin-left: 5px;}

.btn_plus{
    position: absolute;
    top: -3px;
    right: 0;
    border: 1px solid #e2e2e2;
    padding: 3px 10px 3px 24px;
    background: #fff url(/_static/steam/img/sub/btn_plus.png) no-repeat center left 10px;
    }
   .btn_plus span{ color: #686868; font-size: 0.875em; font-weight: 300; display: inline-block; vertical-align: middle; margin-bottom: 2px; }
   

/* 태그 컬럼 텍스트 */
.tag_txt span{display: inline-block;
    margin-right: 3px;
    padding-right: 7px;
    margin-bottom: 4px;
    position: relative;
}
.tag_txt span:after{
    content: '';
    width: 1px;
    height: 11px;
    background: #cccccc;
    position: absolute;
    right: 0px;
    top: 5px;
}
.tag_txt span:last-child:after{
    content: none;
}


/* 운영기관현황 (svg - path) */
.hyun_wrap{ display: flex; gap: 40px; }
/* .hyun_wrap svg path:{} */
.hyun_wrap svg a{display: block; position: relative;}
.hyun_wrap svg a:before{
    width: 41px; height: 64px;
    content: ""; display: block;
    background: url(/_static/steam/img/sub/hyun_bg.png)no-repeat;
}
.hyun_wrap svg .path_nw path,
.hyun_wrap svg a path{
    fill: #fff;
    /* cursor: pointer; */
}
.hyun_wrap svg a text,
.hyun_wrap svg .path_nw text {
    font-weight: 700; 
    font-size: 14px;
}
.hyun_wrap svg a text.tsp_svg {
    font-weight: 400;
    font-size: 11px;
}
.hyun_wrap svg a.on path,
.hyun_wrap svg a:hover path
{ 
    fill: #0074bf;
}
.hyun_wrap svg a.on text,
.hyun_wrap svg a:hover text {
    fill: #fff
}


.hyun_area {
    max-width: 440px;
    width: 100%;
    height: fit-content;
    padding: 15px;
    background-color: #eff9ff;
    border-radius: 15px;
    position: relative;
    min-height: 605px;
}
.hyun_area h3 {
    font-size: 14px;
    text-align: center;
    display: block;
    background: #fff;
    border-radius: 100px;
    padding: 9px 10px 10px;
    letter-spacing: -0.6px;
    font-weight: 500;
    color: #666;
    line-height: 1.2;
    word-break: keep-all;
}
.hyun_l { padding: 0 3vw; }
.hyun_pin_mark_wrap {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.hyun_pin_mark .hyun_pin_ico {
    position: absolute;
    width: 15px; height: 20px;
    background: url(/_static/steam/img/sub/pinmark.png) no-repeat center top;
}
.hyun_pin_mark > div.on .hyun_pin_ico {
    background: url(/_static/steam/img/sub/pinmark.png) no-repeat center bottom;
}

.hyun_area .hyun_labels {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    position: absolute;
    right: 23px;
    bottom: 6px;
}
.hyun_area .hyun_labels p {
    font-size: 18px;
    font-weight: 600;
}

.hyun_area .hyun_labels .hyun_pin_ico {
    display: block;
    width: 15px; height: 20px;
    background: url(/_static/steam/img/sub/pinmark.png) no-repeat center top;
}
.hym{display: flex; justify-content: space-between;}
.hym_list li{display: inline-block; }
.hym_list li a{padding: 5px 10px;
    display: block;
    color: #c1c1c1;
    font-weight: 300;
    border:1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 5px;
}
.hym_list li.active a{ background-color: #353535; color: #fff; border: 1px solid #353535;}
.hym_sear{border-bottom: 1px solid #757575;}
.hym_sear > div{display: flex;align-items: center;}
.hym_sear > div span{font-weight: 500;}
.hym_sear > div a{border: 1px solid;border-radius: 3px;padding: 3px 8px;font-size: 15px; color: #222222; font-weight: 300;}
.hyun_wrap .hym_sear .brd_input{width: auto;}


.hyun_l > a{position: absolute; top: auto; left: auto; bottom: auto; right: auto; 
    display: none;
} 
.hyun_l > a.on{display: block;}
.hyun_l > a:nth-child(1){left: 125px;top: 140px;}
.hyun_l > a:nth-child(2){left: 80px;top: 240px;}
.hyun_l > a:nth-child(3){right: 90px;top: 20px;}
.hyun_l > a:nth-child(4){bottom: 170px;right: 20px;}
.hyun_l > a:nth-child(5){right: 50px;bottom: 280px;}
.hyun_l > a:nth-child(6){bottom: 190px;right: 5px;}
.hyun_l > a:nth-child(7){top: 0; left: 90px;}
.hyun_l > a:nth-child(8){bottom: 110px; left: 40px;}
.hyun_l > a:nth-child(9){bottom: 145px;right: 90px;}
.hyun_l > a:nth-child(10){left: 30px;top: 30px;}
.hyun_l > a:nth-child(11){left: 105px;top: 170px;}
.hyun_l > a:nth-child(12){left: 75px;top: 30px;}
.hyun_l > a:nth-child(13){right: 65px;top: 220px;}
.hyun_l > a:nth-child(14){left: 65px;bottom: 150px;}
.hyun_l > a:nth-child(15){left: 70px;bottom: 20px;}
.hyun_l > a:nth-child(16){left: 55px;top: 160px;}
.hyun_l > a:nth-child(17){left: 92px;top: 145px;}
.hyun_l > a:before{
    width: 41px;
    height: 64px;
    content: "";
    display: block;
    color: #fff;
    background: url(/_static/steam/img/sub/hyun_bg.png)no-repeat;
}
.hyun_l > a > span{position: absolute;color: #fff;left: 8px;top: 14px;font-size: 14px;}
.hyun_r{padding-left: 7.2%;}
.hyun_r .hy_name{display: flex; flex-wrap: wrap;}
.hyun_tab{margin-bottom: 40px;}
.hyun_tab ul{
    display: table;
    table-layout: fixed;
    width: 100%;
    border-radius: 50px;
    /* padding: 10px 0; */
    border:1px solid #dcdcdc;
    background-color: #fefefe;
    }
.hyun_tab ul li{display: table-cell;border-radius: 50px;text-align: center;}
.hyun_tab ul li.on{/* background-color: #000; */}
.hyun_tab ul li a{font-size: 18px;display: block;border-radius: 50px;padding: 9px 0;color: #c1c1c1;font-weight: 300;}
.hyun_tab ul li.on a{color: #fff;background-color: #353535;/* border-radius: 50px; */font-weight: 400;}

.hy_local{margin-bottom: 20px;}
.hy_local strong{display: block; margin-bottom: 10px;}

.hy_col{}
.hy_col1{display: flex; margin-top: 15px;}
.hy_col1:first-child{margin-top: 0;}
.hy_col1 > div{border-bottom: 1px solid #757575;width: 55%;}
.hy_col1 > div:nth-child(2){width: 40%; margin-left: 5%;}
.hy_col1 > div.type100{width: 100%;}
.hy_mini{display: flex;align-items: center;}
.hy_mini > div{width: 50%;}

.hy_col1 p{font-weight: 500;/* display: inline-block; */}

.hyun_wrap .skin2 .sch_slt{ border: 0; float: none;
    background: transparent url(/_static/steam/img/sub/hy_arrow.png) no-repeat center right 0px;
    width: calc(100% - 34px); margin-right: 0; padding: 0 13px 0 16px;
    font-size: 14px; color: #757575;
}
.hyun_wrap .brd_input{background-color: transparent; border:0;
    width: calc(100% - 44px); padding-left: 16px;
}
.hyun_wrap .tbl_ipt input[type=checkbox] + label:before{width: 14px; height: 14px; border-radius: 3px; border: 1px solid #d5d5d5; background-size: 12px;}
.hyun_wrap .tbl_ipt input[type=checkbox] + label{color: #353535; font-size: 14px; padding-left: 20px; padding-right: 10px; margin-bottom: 10px;}


.hy_col2{border-bottom: 1px solid #757575;margin-top: 15px;}
.hy_col2 p{font-weight: 500;}
.hy_btn{text-align: center;}
.hy_btn a{display: block; width: 192px; height: 45px; line-height: 43px; border: 1px solid; border-radius: 3px;
margin: 30px auto 0; color: #222222; font-weight: 300;}

.hy_pink{font-size: 12px; color: #f25574; margin-top: 5px; font-weight: 300;}


.hyun_open{margin-top: 15px; text-align: center;}
/* .hyun_open span{display: inline-block; color: #222222; padding-right: 15px;
    background: url(/_static/steam/img/sub/hyun_open.png)no-repeat;
} */
.hyun_open a{
    display: inline-block;
    color: #222222;
    padding-right: 20px;
    background: url(/_static/steam/img/sub/hyun_open.png)no-repeat ;
    background-position: center right 0px;
    background-repeat: no-repeat;
}

.hyun_doc{margin: 15px 0; text-align: right;}
/* .hyun_doc > ul{display: flex;} */
.hyun_doc > ul li{display: inline-block; font-size: 14px; padding: 0 9px; position: relative;}
.hyun_doc > ul li:last-child:before{display: none;}
.hyun_doc > ul li:before{
    right: 0; top: 50%; content: ""; position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 12px ; width: 1px; background-color: #dcdcdc;
}
.hyun_doc > ul li:last-child{padding-right: 0;
    
}
.hyun_doc > ul li a{color: #666666; font-weight: 300;}
.hyun_doc > ul li.active a{color: #000; font-weight: 500;}
/* // 운영기관현황 (svg - path) */


@media all and (max-width:1400px){


}


@media all and (max-width:1220px){
    /* 운영기관현황 (svg - path) */
    .hyun_wrap {
        flex-direction: column;
    }
    .hyun_area {
        max-width: 100%;
    }
    .hyun_l {
        padding: 0;
    }
    /* // 운영기관현황 (svg - path) */
    
    }
    

@media all and (max-width:1200px){

    .tbl_com_wrap.typeNum2 .tbl_ipt{width: 47.2%;}
    .tbl_com_wrap.typeNum2 .tbl_ipt:nth-child(-n+3){width: 47.2%;}
    .tbl_com_wrap.typeNum2 .tbl_ipt:nth-child(2n){margin-right: 0;}

    .brd_up.type07 > div{width: 25%;}
    .brd_up.type07 > div:nth-child(-n+3) a{border-bottom: 0;}
    .brd_up.type07 > div:nth-child(4) a{border-right: 1px solid #ccc;}



    /* 묻고답하기 */

    .master_form_set dd > div.sphere {
        flex-direction: column;
        gap: 30px;
    }


    /* // 묻고답하기 */

    


}

@media all and (max-width:1024px){


    /* 그리드형 게시판  */
    .board_list .list-head { display: none;}
    .board_list ul { display: block; border-bottom: 1px solid #eee; padding: 20px; }
    .board_list ul li {
        display: block;
        text-align: left;
        border: none;
        line-height: 2.8;
        padding: 0
    }
    
    .board_list ul li .bd-new {
        float: left;
    }
    .board_list ul li .bd-new + span {
        float: left;
        height: 47px;
    }
    .board_list ul li:not(.bd-sp2):after {
        content: "";
        clear: both;
        display: block;
    }
    .board_list p.tbl_new_tit {
        max-width: fit-content;
        position: relative;
    }

    .board_list ul.list-head + ul  { border-top: 2px solid #222; }
    .board_list .bd-label,
    .board_list .bd-hits,
    .board_list .bd-name { display: none; }


    /* 양 옆 border 있는 양식 */
    .board_list.bdLeft { 
        margin-bottom: 50px;
    }

    .board_list.bdLeft ul li {
        border-left: none;
        line-height: 1.5;
        padding: 0;
    }

    .board_list.bdLeft ul li { margin-bottom: 5px; }
    .board_list.bdLeft ul li:last-child { margin-bottom: 0 }
    .board_list.bdLeft ul li:first-child span { white-space: normal }


    /*리스트 갤러리형 */
    .resultList.result-gall {
        gap: 2vw;
        transition: all 500ms ease-in-out;
    }



    /* 사업공고 접수중 접수마감 */
    .board_list ul li.bd-sp2 {
        display: flex;
        justify-content: left;
        line-height: 1.5;
        padding-left: 1.2vw;
        gap: 7px;
    }
    .board_list li span.bd-down {
        margin-left: 1.2vw;
        margin-bottom: 0.7vw;
    }
    .board_list .bd-priod {
        top: 0;
    }
    .board_list .bd-priod+p {
        margin: 0;
    }
    
    /* // 사업공고 접수중 접수마감 */

}

@media all and (max-width:860px){
/* 230615 교사 연구회 > 글쓰기 > 추가버튼 */
.gyo_sel{display: block;}
.gyo_sel > div{margin-left: 0; margin-bottom: 3px;}
.gyo_sel > div.gyo_btn{width: auto; }
.gyo_sel > div.gyo_btn > a{ width: 100%;}

/* 보드상세2_상단리스트 */
.view_area.view_area2 dl dt{min-width: auto;}
.view_area.view_area2 dl dd{width: calc(100%); padding-left: 11px;}

/*상단 검색*/
.skin2.sch_full .sch_input{width:calc(100% - 96px);}
.skin2.sch_full .sch_btn{width: 21px; top: 1px; }
.skin2.sch_full .sch_bar + .detail_btn{vertical-align: baseline; width: 93px;}

/* 휴대전화 */
.skin3{display: block;}
.skin3.skin4{display: flex;}

/*문서자료실*/
.tbl_etc dt{display: block; width: 100%;}
.tbl_etc dd{display: block;}
.list_detail_top .tbl_etc .hori_title{display: block; /*border: 0;*/ border-bottom: 0; /*5_3_2*/}
.list_detail_top .tbl_etc .hori_title dl{display: block; text-align: center;} 
.list_detail_top .tbl_etc .add_title { text-align: center; }
.list_detail_top .tbl_etc .hori_title dl dt{width: 100%;display: block;}
.list_detail_top .tbl_etc .hori_title dl dd{width: 100%; height: 100%; padding: 8px 10px;}
.list_detail_top .tbl_etc .hori_title dl dd.ipt_dd{padding: 4px 10px;}




.tbl_etc .half {flex-direction: column;}

.tbl_etc .half .half_cell {display: block;}

.master_form_set dl.add_title dd {display: block;padding: 10px;}

/* .master_form_set dl.add_title dd.default.deep {height: 200px;text-align: left;} */

.form_sec.ver_qna .tbl_etc dt {
    width: 100%;
}

/* 연락처 */
.slt_cont.skin2 .brd_input {   width: 27.4%;}
.slt_cont.skin2 .sch_slt{padding: 0 16px;}
.add_title dd .dd_half{width: 100%;}
.add_title dd .dd_half.ty320{width: 100%;}
    
/*게시판 상단 검색 바*/
.sch_bar_box {padding-bottom: 13px;}
.sch_bar_box .sch_bar{float: none;}
.skin .sch_bar{width: 100%; margin-right: 0; margin-bottom: 3px; background-position: 97% 50%; padding: 0;}
.skin2 .sch_slt{width: 100%; margin-right: 0; margin-bottom: 3px; background-position: 97% 50%; padding: 0 16px;}
/* .board_list {border-top:0;}  */
.board_list, .board_list tbody, .board_list tr, .board_list td {display: block;}
.board_list thead {display: none;}
.board_list tr {position:relative; z-index:1; overflow:hidden; width:100%; padding:4px 5px;}
.board_list tbody td { position: relative; float: left; width: auto; border:0 none; padding:4px 0; font-size:0.938em; text-align:left; } 
.board_list tbody td.num {min-width:20px; font-weight:500; display: none;}  
.board_list tbody .top td.num {display: block; width: 100%;}
.board_list tbody td.tit {width:100%; font-weight: 500; } 
.board_list .hyun_tit {width:100%; font-weight: 500; } 
.board_list tbody td.tit + .view{display: none;}
.board_list tbody td.name{padding: 0; width: 100%;}
.board_list tbody td.name > div{ right: 0; top: 50%; padding: 0; float: none; position: absolute; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}  
.board_list tbody tr .date, .board_list tbody tr .date2{display: block; width:100%; }
.board_list tbody tr .date2{text-align: right;}
.board_list tbody tr .brd_admin{display: none;}
.board_list tbody tr .read_cnt{display: none; }
.board_list tbody td.date:after {display: none;} 
.board_list tbody td.date2:after{display: none;}
.board_list tbody td.view{position: absolute; right: 0; top: 0;}


/*공지사항 게시판 pc col형 mo row형 반응형*/
.board_list, .board_list tbody, .board_list tr, .board_list td{display: block;}
.board_list tbody td{position: relative; float: left; width: auto; border: 0 none; padding: 4px 0; font-size: 0.938em; text-align: left; height: 100%;}


/* 게시판 스킨, 스킨2 */
.skin .sch_bar{width: 100%; margin-right: 0; margin-bottom: 3px; background-position: 97% 50%; padding: 0;}
.skin2 .sch_slt{width: 100%; margin-right: 0; margin-bottom: 3px; background-position: center right 15px; padding: 0 16px; margin-bottom: 3px;}
/* .board_list {border-top:0;} */
.board_list, .board_list tbody, .board_list tr, .board_list td {display: block;}
.board_list thead {display: none;}
.board_list tr {position:relative; z-index:1; overflow:hidden; width:100%; padding:10px 5px;}

/* 사업공고 */
.board_list.high td {height: auto;}
.board_list.high td.date span {margin: 10px 0 0;}










.skin2 .sch_input{ width: 100%; margin-bottom: 3px; margin-right: 0; }
.skin2 .sch_btn{width:100%;}
.sch_bar_box.skin2 .total_txt{margin-top: 0; float: left; margin-bottom: 5px;} 
/*검색 위에 합계가 있을 때 margin 주기 1_2_3*/
.sch_bar_box.skin2 .sch_bar{text-align: right; margin-bottom: 0; /*margin-top: 0;*/ margin-right: 0;} 
.sch_bar_box.skin2 .sch_bar.range{margin-top: 0; }
.skin2.full.slt2 .sch_bar{max-width: 100%;}
.sch_bar_box.skin2 .sch_input{ width: 100%; margin-bottom: 3px; margin-left: 0; padding: 0 16px;}
.sch_bar_box.skin2 .sch_input.long{width: 100%;}
.sch_bar_box.skin2 .sch_btn{
    margin-left: 0;
    bottom: 13px;
    top: auto;
    right: 13px;
    left: auto;
    width: 21px;
} 

/*고급검색*/
.viewChg a{width: 33px;} 


/* 상품설명 검색 조건 */
.search_room{float: none; position: relative;}
.view_list{float: none; overflow: hidden;
  position: absolute;
  top: -15px;
  right: 0;
}
.sch_bar_box .search_room .sch_bar{float: none; margin-left: 0;}


/*검색 리스트*/
.resultThumb li{ float: left; width: 48%; margin-right: 4%; margin-top: 25px;}
.resultThumb li:nth-child(3n){margin-right: 4%;}
.resultThumb li:nth-child(2n){margin-right: 0;}
.resultThumb li:nth-child(-n+3){margin-top: 25px;}
.resultThumb li:nth-child(-n+2){margin-top: 0;}
.resultThumb li .img_area{text-align: center;}


/*가로 리스트*/
.resultList > li .img_area{width: 270px; margin: 0 auto;}
.resultList > li .list_cont{padding-left: 15px;}
/* .resultList > li .list_cont{display:block;}  */

/*페이징*/
.pagination.paging_pc{display:none;}
.pagination.paging_mobile{display:block;}

/* 보드상세_썸네일형식 */
.hanbok_view{ padding: 18px 0;}
.hanbok_view > div:first-child{width: 220px;/* padding-right: 10px; */}

/*이메일*/
.mail_form3 .slt_cont.skin2 .brd_input{width:45.5%;}
.mail_form3 .slt_cont.skin2 .sch_slt{ width: 100%; margin-top: 5px; margin-left: 0;}
.mail_form3 .brd_btn{position: static !important; display: block; width: 100%; margin-top: 5px;}

/* 안전관리 구인(달력, 셀렉트) */
div.txt_Line{display: block; line-height:inherit;}
div.txt_Line br{display: none;}

/*brd_fixed_col 스크롤*/
.brd_scroll{overflow-x: scroll; width: 100%;}
.brd_scroll .brd_fixed_col{min-width: 860px; margin-top: 0;}

/* 통합검색 */
.skin2.full{padding: 15px 10px;}
.search_box{padding: 20px;}
.search_box .tbl_com_wrap{}
.search_box .tbl_com_wrap > span{ display: block; width: 100%; margin-bottom: 12px; margin-right: 0;}
.search_box .tbl_com_wrap.typeAuto .tbl_ipt{margin-right: 0;}
.search_box .tbl_com_wrap > .tbl_ipt{width: 33.33%;}
.search_box .tbl_com_wrap.typeAuto .tbl_ipt:nth-child(-n+3){width: 33.33%;}
.search_box .tbl_com_wrap.typeAuto .tbl_ipt:nth-of-type(1){width: 100%;}

.search_tab ul{flex-wrap: wrap;}
.search_tab ul > li{flex: auto; width: 50%;}
.search_tab ul > li:nth-child(-n+2) a{border-bottom: 0;}
.search_tab ul > li:nth-child(2n) a{border-right: 1px solid #ddd;}
.search_tab ul > li:nth-child(5) a{border-top:0;}
/* .search_tab ul > li:nth-child(2) a{border-right: 1px solid #ddd;} */

/* 나의 관심 콘텐츠 */
.myCon .tbl_ipt{margin-bottom: 10px;}

/* 정책성과  - NO썸네일 */

.resultList.result-NT > li .list_cont {
    padding: 0 3%;
}
.resultList.result-NT > li .list_cont p {
    text-align: left;
}
.resultList.result-NT .result_fav {
    position: relative;
    left: 3%;
    margin-bottom: 3vw;   
    gap: 2vw;
}

.resultList.result-NT .result_fav > div.fav-count::before {
    content: "";
    background: url(../img/sub/fav-count.png) no-repeat 0 0;
    width: 20px; height: 14px; background-size: 20px;
    top: 2px;
}
.resultList.result-NT .result_fav > div.fav-down::before {
    content: "";
    background: url(../img/sub/fav-down.png) no-repeat 0 0;
    width: 15px; height: 13px; background-size: 15px;
    top: 2px;
}
.resultList.result-NT .result_fav > div.fav-bookmark::before {
    content: "";
    background: url(../img/sub/fav-bookmark.png) no-repeat 0 0;
    width: 17px; height: 15px; background-size: 17px;
    top: 2px;
}
.resultList.result-NT .result_fav > div.fav-bookmark.on::before {
    content: "";
    background: url(../img/sub/fav-bookmark_on.png) no-repeat 0 0;
    width: 17px; height: 15px; background-size: 17px;
}

.resultList.result-NT .result_info, .resultList.result-NT .result_info dl { font-size: 0.82rem; flex-wrap: wrap;}

/* 정책성과 - 갤러리 */
.resultList.result-gall > li .list_cont {
    padding: 0;
}
.resultList.result-gall > li .list_cont p {
    text-align: left;
}
.resultList.result-gall .result_fav {
    position: relative;
}
.resultList.result-gall .result_info, .resultList.result-gall .result_info dl { font-size: 0.82rem; flex-wrap: wrap;}


/* 리스트 갤러리형 */
.resultList.result-gall .vDcont {
    padding: 3vw;
}


/* 전문가관리 */
.btn_area.page_cancle {
    text-align: center;
    margin: 0 auto;
}
.form_sec.ver_qna dl.add_title dd {
    justify-content: center;
}









}


@media all and (max-width:767px){
    .master_form_set .slt_cont.skin2, .master_form_set dd > div {
        max-width: 100%;
    }

    .add_cal dd .cal {justify-content: center;}




}

@media all and (max-width:640px){
    /* 보드상세_탭2 */
    .comBtn{
        font-size: 13px;
        padding: 5px 8px;
        display: block;
    }
    .comBtn + .comBtn{margin-top: 10px;}

/* 전문가등록 */
.master_form_set .bd_phone_set .skin2 .sch_slt, .master_form_set .bd_phone_set .brd_input {
    width: 100%;
    max-width: 200px;
}
.master_form_set dd.bd_phone_set > div.slt_cont.skin2, .master_form_set dd.bd_phone_set > div {
    max-width: 200px;
}
.master_form_set dd > div:has(input), .master_form_set dd > div:has(select), .master_form_set .inw260, .master_form_set .slt_cont.skin2 {
    max-width: 100%;
    width: 100%;
}
.master_form_set .slt_cont.skin2 .sch_slt {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
}
/* // 전문가등록 */

}

@media all and (max-width:580px){

.gyo_list li{padding: 8px 0;}
.gyo_list li a{font-size: 15px;}

/* col 고정 게시판 */
.brd_fixed_col th, .brd_fixed_col td{
    padding: 5px;
    font-size: 14px;
}
/* 보드상세 첨부파일 */



/* 230522파일 다운로드 수 */
em.d_count{ margin-top: 4px; font-size: 13px;}
em.d_count.ce{text-align: center;}
em.d_count > span{padding-left: 4px; }

/* 보드상세_댓글현황 */
.opinion_box{padding: 8px 15px 8px;}
.opinion_wrap .txtarea{padding: 10px;}
.txtarea.he154{min-height: 100px;}
.txtarea.he154{font-size: 13px;}

.reply_wrap ul{padding: 10px 0;}
.reply_wrap li{padding-top: 10px;}
.rep_left{width: 40px;}
.rep_left img{width: 22px;}
.rep_center span{font-size: 16px; margin-bottom: 4px;}
.rep_center p{font-size: 14px;}
.rep_right{width: 60px;}
.rep_right span{font-size: 15px;}
.rep_right > div > a{font-size: 14px; padding: 2px 4px;}
.rep_right > div > a + a{margin-top: 5px;}

/* 보드상세_소감 */
.feelings_wrap{padding: 15px 0;}
.feelings_c a:before{width: 30px; height: 30px; background-size: 30px;}
.feelings_c li a:hover:before, .feelings_c li a:focus:before{
    background-size: 30px; width: 30px; height: 30px;
}
.feelings_c span{font-size: 0.875em;}

/*가로 리스트*/
.result_tit a{font-size: 1.063em;}
.result_tit em{font-size: 0.813em;}

.brd_view.page_chg{font-size: 0.875em;}
.brd_page{padding: 13px 10px;}
.brd_page dl dd{padding-left: 85px;}

.board_view .tbl_etc .tbl_tit{padding: 13px 10px;}
.board_view .tbl_info{padding: 13px 10px;}
.view_file .tit{padding: 13px 10px;}
.board_view .tbl_etc .tbl_tit > span{line-height: 1.3;font-size: 1.063em;}
.file_cont .fileBr > span{ font-size: 0.875em; line-height: 2.2;}

/* 문서자료실 사업명(가~자) */
.reference-room > div{width: 48%; margin-right: 4%;}
.reference-room > div .tbl_ipt{margin-top: 10px; font-size: 13px;}
.reference-room > div:nth-child(2){margin-right: 0;}
.reference-room > div:nth-child(3){margin-top: 12px; width: 100%;}
.reference-room > div .tbl_ipt:nth-child(3){margin-top: 10px;}

/* 버튼 폼 */
.btn_area a {width: 100%;height: 35px;line-height: 33px;font-size: 0.875em;margin: 0px;margin-top: 5px;}

/* 보드상세_탭 */
/* .brd_up.type02 > div{width: 50%;} */

/* .brd_up.type05 > div{width: 20%;} */

.brd_up.type04 > div{width: 50%;}
.brd_up.type04 > div a{font-size: 14px;}
.brd_up.type04 > div:nth-child(-n+2) a{border-bottom: 0;}
.brd_up.type04 > div:nth-child(2) a{border-right: 1px solid #ccc;}

.brd_up.type06 > div{width: 33.33%;}
.brd_up.type06 > div a{font-size: 14px;}
.brd_up.type06 > div:nth-child(-n+3) a{border-bottom: 0;}
.brd_up.type06 > div:nth-child(3) a{border-right: 1px solid #ccc;}

.brd_up.type07 > div{width: 33.33%;}
.brd_up.type07 > div a{font-size: 14px;}
.brd_up.type07 > div:nth-child(-n+3) a{border-bottom: 0;}
.brd_up.type07 > div:nth-child(n+4):nth-child(-n+6) a{ border-bottom: 0;}
.brd_up.type07 > div:nth-child(3n) a{border-right: 1px solid #ccc;}
.brd_up.type07 > div:nth-child(4) a{border-right: 0;}
.brd_up.type07 > div:last-child{width: 100%;}


/*검색 리스트*/
.resultContents{padding: 15px 0;}
.resultThumb li{ float: left; width: 100%; margin-right: 0%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #dedede;}
.resultThumb li:nth-child(3n){margin-right: 0%;}
.resultThumb li:nth-child(2n){margin-right: 0;}
.resultThumb li:nth-child(-n+3){margin-top: 10px; padding-top: 10px; border-top: 1px solid #dedede;}
.resultThumb li:nth-child(-n+2){margin-top: 10px; padding-top: 10px; border-top: 1px solid #dedede;}
.resultThumb li:first-child{margin-top: 0; border: 0; padding-top: 0;}
.resultThumb li .img_area{max-width: 250px; margin: 0 auto;}


/*가로 리스트*/
.resultList > li{padding: 20px 0;}
.resultList > li .img_area{width: 250px; margin: 0 auto 15px; display: block;}
.resultList > li .list_cont{padding-left: 0px; display: block;}
.resultList .result_tit { text-align: center; }
.resultList .result_tit a{padding-left: 0; display: block; margin-top: 5px;}
.resultList.result-NT > li .list_cont .result_tit em + a { display: -webkit-box; }

.resultThumb li a > div{padding-top: 0;}
.resultThumb li a > div img{position: static;}

/* 상품설명 검색 조건 */
.view_list{display: none;}

/* 보드상세_썸네일형식 */
.hanbok_view{padding: 15px 0 0;}
.hanbok_view > div{display: block}
.hanbok_view > div:first-child{width: 240px;padding-right: 0px;margin: 0 auto;}

/* 보드상세_상단리스트 */
.hanbok_view > div:last-child{width: 100%; padding-left: 0;}
.view_area{padding: 5px 10px; margin-top: 10px;}
.view_area .view_w100{padding: 6px 0;}
.view_area dl dt{
    min-width: 100px;
    display: block;
    float: none;
    font-size: 0.875em;
}
.view_area dl dd{
    display: block;
    margin-top: 2px;
    width: 100%;
    float: none;
    padding-left: 11px;
    font-size: 0.875em;
}

/* 안전관리 구인(상세) */
.tbl_etc + .view_area{padding-left: 20px;}
.tbl_etc + .view_area dl dd{width: 100%;}

/* 통합검색 */
.search_box{padding: 15px;}
.switch_area {
    margin-right: 20px;
}

.switch_area:last-of-type {
    margin-right: 0;
}

.switch_area input {
    position: absolute;
    top: 0;
    left: -9999em;
    visibility: hidden;
    width: 1px;
    height: 1px;
}

.switch_area label {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.switch_area label::before {
    display: none;
}

.switch_area label .switch_k {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 16px;
    padding: 0 2px;
    margin-right: 5px;
    background-color: #fff;
    border: 1px solid #ADB5BD;
    border-radius: 18px;
    vertical-align: middle;
    /* font-size: 15px; */
}

.switch_area label .switch_k::before {
    transition: all 0.4s;
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #ADB5BD;
    border-radius: 100%;
}

.switch_area label .txt {
    display: inline-block;
    line-height: 30px;
    font-weight: 400;
    font-size: 15px;
    color: #333;
    vertical-align: middle;
}

.switch_area input:checked+label .switch_k {
    background-color: #007BFF;
    border: transparent;
}

.switch_area input:checked+label .switch_k::before {
    left: auto;
    left: 16px;
    background-color: #fff;
    border: 1px solid #ADB5BD;
}

.board_cont{padding: 15px 10px;}
.search_list{margin-top: 15px;}
.list_tit > span{font-size: 1.125em;}
.search_tit a{font-size: 1.063em;}
.search_doc div.info:first-child{font-size: 0.938em;}
.btn_plus{
    height: 20px;
    width: 20px;
    display: block;
    padding: 14px;
}
.btn_plus span{display: none;}
.search_tab ul > li > a{font-size: 13px; padding: 8px 0; letter-spacing: -0.05em;}


/* 참여 - 카드나눔방 */
.card_slide .slick-prev {
    width: 16px;
    height: 36px;
    background-size: 16px;
    left: 5px;
}
.card_slide .slick-next {
    width: 16px;
    height: 36px;
    background-size: 16px;
    right: 5px;
}
.card_slide .slick-dots{bottom: -26px;}
/* .card_slide .slick-dots li.slick-active button:before{
    opacity: 1; 
    border: 1px solid #323232; background-color: #323232;
} */
.card_slide .slick-dots li button:before{
    width: 10px; height: 10px;
    border-radius: 10px;
}


/*그리드형 게시판 */
.board_list ul li:nth-child(2) a { width: 90%; }
.board_list ul li span { width: 90%; }
.board_list ul li.bd-sp2 span { width: auto; }


    /* 묻고답하기 */

    .master_form_set p {
        font-size: 12px;
    }


    /* // 묻고답하기 */





}



@media all and (max-width:479px){
    

    /*페이징*/
    .pagination a {
        width: 22px;
        height: 22px;
        line-height: 20px;
        font-size: 11px;
        margin: 0 2px 1px;
    }

    
    .tbl_com_wrap.typeNum2 .tbl_ipt{margin-right: 0;  width: 100%;}
    .tbl_com_wrap.typeNum2 .tbl_ipt:nth-child(-n+3){width: 100%;}

    /*그리드형 게시판 */
    .board_list ul li:nth-child(2) a, .board_list ul li span { width: 85%; }
  

    /*전문가찾기*/
    .master_form_set dl.add_title dd.fc4 {
        flex-direction: column;
    }
}



@media all and (max-width:350px){
    .hyun_area {
        overflow: hidden;
    }
    .hyun_pin_mark_wrap {
        zoom: 85%;
    }
}

@media all and (max-width:350px){
    /* 통합검색 */
  .search_box{text-align: left;}

  /*brd_fixed_col 스크롤 버전2*/
  .brd_scroll2{overflow-x: scroll; width: 100%;}
  .brd_scroll2 .brd_fixed_col{min-width: 320px; margin-top: 0;}
}

@media all and (max-width:320px){

  
}

/* 댓글 */
.bd_content {margin-top: 70px;}

.bd_content.board_view .tbl_etc .tbl_tit.tbt_label p.tbl_new_tit span::after {display: none;}
.bd_content.board_view .tbl_etc .tbl_tit {padding: 18px 0;text-align: center;}
.board_view .tbl_etc .tbl_tit.tbt_label p.tbl_new_tit {max-width: fit-content;position: relative;}
.bd_content .bd_cont {position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.bd_content.right .bd_cont {justify-content: flex-end;margin-top: 20px;}
.bd_content .bd_cont .bd_com {width: 100%;padding: 0 0 20px 20px; border-bottom: 1px solid #dddddd;}
.bd_content .bd_cont .bd_com > div {font-size: 15px;color: #444444;line-height: 0.6;}
.bd_content .bd_cont .bd_com .com_sub {text-align: right;padding-top: 10px;}
.bd_content .bd_cont .bd_com .com_sub p {font-size: 14px;color: #999999;line-height: 20px;display: inline-block;}
.bd_content .bd_cont .bd_com .com_sub p:first-child:after {content: "|";display: inline-block;width: 6px;margin: 0 8px;}
.bd_content .bd_cont .bd_com:not(:first-child) {margin-top: 20px;}
.bd_content .bd_cont > button {display: inline-flex;align-items: center;justify-content: center;min-width: 130px;height: 43px;line-height: 41px;text-align: center;font-size: 0.938em;background: var(--maincolor);color: #ffffff;border: none;font-weight: 500;transform: rotate(-0.03deg);border-radius: 5px;margin-top: 30px;}
.bd_content .bd_cont > button.comment:after {content: '';display: inline-block;background: url(../img/common/triangle.png)no-repeat;transform: rotate(180deg);width: 13px;height: 7px;margin-left: 10px;background-size: 10px;margin-bottom: 2px;}
.bd_content .bd_cont .writer {position: absolute;left: 23px;top: 22px;font-weight: 600;}
.bd_content .bd_cont .writer i {margin-right: 6px;}
.bd_content .bd_cont label {width: 100%;}
.bd_content .bd_cont textarea {padding: 60px 20px 0;border-radius: 15px;width: 96%;}

.bd_content .bd_cont .ques_box {
    border: 1px solid #dadce0;
    padding: 20px;
    border-radius: 15px;
}
.bd_content .bd_cont:has(.ques_box) .writer {
    position: unset;
    display: block;
    margin-bottom: 10px;

}
.bd_content .bd_cont:has(.ques_box) textarea {
    border: none;
    border-radius: 0;
    width: 100%;
}



@media all and (max-width:767px) {
    .bd_content .bd_cont .bd_com {padding: 0 20px 20px;} 
    .bd_content .bd_cont .bd_com > div {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 1;}
}


@media all and (max-width:580px) {
    .board_view .tbl_etc .tbl_tit {padding: 13px 0;}
    .bd_content .bd_cont textarea {width: 88%;}
}