@charset "UTF-8";

/* <공통> */

/* 230615 교사 연구회 > 글쓰기 > 추가버튼 */
.gyo_sel{display: flex;}
.gyo_sel > div{margin-left: 5px; flex: 1;}
.gyo_sel > div:first-child{margin-left: 0;}
.gyo_txt{margin-top: 5px;}
.gyo_txt > span{display: inline-block; margin-right: 8px; font-size: 14px; margin-bottom: 4px; font-weight: 400;}
.gyo_txt > span:first-child{margin-left: 0;}

.gyo_sel > div.gyo_btn{
    /* width: 45px;  */
    flex: 0;
    text-align: center; padding-left: 0;}
.gyo_sel > div.gyo_btn > a{  
    width: 40px;
    display: inline-block;
    height: 32px;
    background: #4d4d4d;
    color: #fff;
    font-size: 0.813rem;
    vertical-align: middle;
    line-height: 32px;
}

/* 230522파일 다운로드 수 */
em.d_count{display: block; margin-top: 5px; font-size: 14px; color: #777;}
em.d_count.ri{text-align: right;}
em.d_count.ce{text-align: right;}
em.d_count > span{padding-left: 5px; display: inline-block;}

/* 230522파일 다운로드 수(보드상세에서 필요) */
.new_dbox{margin-top: 26px;}
.new_dbox:first-child{margin-top: 0;}

/* 230522 선생님 마크추가 */
.teacher_mark{margin-bottom: 10px; text-align: right;}
.teacher_mark p{display: inline-block; border: 1px solid #2b98d9; background-color: #2b98d9; color: #fff; border-radius: 50px; padding: 4px 28px; font-size: 15px;}

/* 230527 교과지원 더보기 */
.gyo_more{text-align: right; margin-top: 10px;}
.gyo_more a{display: inline-block; border-radius: 5px; color: #fff; background-color: #7d7d7d; font-size: 14px; padding: 5px 10px;}




/* 게시물 접수중, 종료 */
/* .jinhang{padding: 0px 0 15px;} */
.jinhang em{padding: 3px 6px; border-radius: 5px; font-size: 0.938em; color: #fff; font-weight: 300;
display: inline-block;}
.jinhang em + em{margin-left: 2px;}
.jinhang .comIng{background: #f25574;;}
.jinhang .comNo{background-color: #30375f;;}
.jinhang .comEnd{background-color: #b2b2b1;}
/* 게시물 홈페이지 이동 */
.comHome{
    padding: 2px 10px;
    border-radius: 15px;
    font-size: 0.813em;
    border: 1px solid #252525;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: middle;
}
.comHome2{
    /*color: #006ad8;*/ vertical-align: top;
    text-decoration: underline;
}
/* //<공통> */

.board_list tbody td.date.wait span{color: #c72535;} /*대기*/
.board_list tbody td.date.completion{} /*접수완료*/
.board_list tbody td.date.rejoin span{color: #0073bc;} /*재답변*/
.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;}

/*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;}

/* 문서자료실 사업명(가~자) */
.reference-room > div .tbl_ipt{ font-size: 14px; font-weight: 400;}
.reference-room > div .tbl_ipt:nth-child(n){width: 100%; }
.reference-room > div .tbl_ipt:nth-child(3){margin-top: 15px;}
.reference-room > div .tbl_ipt{margin-top: 15px;}
/* .reference-room > div .tbl_ipt{margin-top: 15px;} */
/* .reference-room > div .tbl_ipt:nth-child(1){margin-top: 0;} */
/* .reference-room > div > .tbl_ipt:nth-child(-n+3){margin-top: 0;} */
.reference-room {display: flex; flex-wrap: wrap;}
.reference-room > div{width: 32%; margin-right: 2%;}
.reference-room > div:nth-child(3){margin-right: 0;}
.refer-tit{position: relative;padding-bottom: 15px;}
.refer-tit:after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #f25574;
    top: auto;
    display: none;
}
.refer-tit span{display: inline-block; font-size: 1.063em; font-weight: 500;
padding: 4px 15px; 
border-radius: 40px;
border: 1px solid #cccccc;
}

.tbl_com_wrap.typeNum3 .tbl_ipt{width: 33%; margin-top: 15px;}
.tbl_com_wrap.typeNum3 .tbl_ipt:nth-child(n+2):nth-child(-n+4){margin-top: 0;}
.tbl_com_wrap.typeNum3 .tbl_ipt:nth-child(1){width: 100%; margin-bottom: 15px;}

.tbl_com_wrap.typeNum2 .tbl_ipt{ width: 33%; padding: 5px 0; }
/*.tbl_com_wrap.typeNum2 .tbl_ipt:nth-child(-n+3){
    width: auto;
}*/

.tbl_com_wrap.typeAuto .tbl_ipt{ margin-right: 5.5%; padding: 5px 0; }
.tbl_com_wrap.typeAuto .tbl_ipt:nth-child(-n+3){
    width: auto;
}
/*.tbl_com_wrap .tbl_ipt:nth-child(-n+3){
    margin-top: 0;
    width: 33%;
}*/

/* 파일찾기 */
.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;}
.brd_btn:hover,
.brd_btn:focus-within,
.brd_btn.file_focus {
    background: #fff;
    outline: 2px solid #4d4d4d;
    outline-offset: -2px;
    font-weight: 500;
    color: #222;

}

/* 연락처 */
.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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Spny_fpu_vpb.cat) 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.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: 16px; height: 16px; position: absolute; top: 2px; left: 0; border: 1px solid #777777; z-index: 5; background: #ffffff;}
.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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Spux_ot.cat) 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: 16px; height: 16px; position: absolute; top: 50%; left: 1px; border: 1px solid #777777; 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Spux_ot.cat) 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;}
.board_list .tit a {display: block; width:100%; position:relative; z-index:1; overflow:hidden; max-width:100%; min-height:20px;  text-overflow:ellipsis; white-space:nowrap; color: #000; font-weight: 400;}


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



/* 공지 TOP 알림 */
.board_list tbody .top td em{color: #ffffff;background: #f25574;display: inline-block;padding: 2px 8px;font-size: 0.813em;border-radius: 10px;vertical-align: middle;}


/*공지사항 게시판 pc col형 mo row형 반응형*/
.board_list {width:100%;text-align:center;border-collapse:collapse;table-layout:fixed;border-top: 3px 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 #dedede; -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: 300;}

/*페이징*/
.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:#1e1e1e; border:1px solid #1e1e1e; }
.pagination span a:hover, .pagination span a:focus{ background:#1e1e1e; color: #fff; }
.pagination span a.active:hover, .pagination span a.active:focus{ background:#1e1e1e; border:1px solid #1e1e1e; }
.pagination a.l2 {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Saarkg_cntr.cat) center center no-repeat;}
.pagination a.l1 {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sarkg_cntr.cat) center center no-repeat;}
.pagination a.r1 {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sceri_cntr.cat) center center no-repeat;} 
.pagination a.r2 {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Scceri_cntr.cat) center center no-repeat;}
.pagination a.l2:hover {background: #1e1e1e url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Saarkg_cntr_ba.cat) center center no-repeat;}
.pagination a.l1:hover {background: #1e1e1e url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sarkg_cntr_ba.cat) center center no-repeat;} 
.pagination a.r1:hover {background: #1e1e1e url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sceri_cntr_ba.cat) center center no-repeat;} 
.pagination a.r2:hover {background: #1e1e1e url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Scceri_cntr_ba.cat) 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sfryrpg_neebj.cat) no-repeat center right 12px;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;display:none;}
.skin2 .sch_label {display:inline-block; float:left; height:40px; line-height:38px; margin-right:5px;}
.skin2 .sch_slt {
    display:inline-block;
    float:left;
    min-width: 100px;
    height: 38px;
    padding: 0 26px 0 13px;
    border:1px solid #cccccc;
    color:#333333;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 0.875em;
}
.skin2 .sch_slt option{padding: 0;}
.skin2 .sch_input {display:inline-block;float:left;width: 238px;height: 38px;padding: 0 10px;border:1px solid #cccccc;}
.skin2 .sch_btn {display:inline-block;/* float:right; */width: 88px;/* height: 38px; *//* line-height: 36px; */background-color:#000000;/* border:1px solid #000000; *//* color:#fff; */font-family:inherit;font-size:1em;/*font-weight:300;*//* text-align:center; *//* -webkit-transition:all 0.3s; */-moz-transition:all 0.3s;/* transition:all 0.3s; */position: absolute;right: 15px;top: 9px;font-size: 0;width: 21px;height: 20px;display: block;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Spbzzba%2SfrnepuOg.cat) no-repeat;}
.skin2 .sch_btn span {/* display:inline-block; *//* color:#fff; */}
.skin2 .sch_btn:hover, .skin2 .sch_btn:focus {/* border:1px solid #4d4d4d; *//* background-color:#fff; */}
.skin2 .sch_btn:hover .ico, .skin2 .sch_btn:focus .ico{color: #4d4d4d;}
.skin2 select.sch_slt::-ms-expand {display:none}

.skin2.pop_slt select{ min-width: 308px; background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sfryrpg_neebj.cat) no-repeat right 5% center; margin-bottom:0;}

/*상단 검색*/
.detail_tbl{display: none;}
.skin2.sch_full{}
.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-bottom: 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.skin2 .sch_btn {/* border-radius: 40px; */}

.sch_bar_box .total_txt {position: relative;float:left;font-size:0.938em;color: #252525;margin-top: 14px;}
.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;}



/* 상품설명 검색 조건 */
.search_room{float: right; display: flex; align-items: center; gap: 10px;}
.sch_bar_box .search_room .sch_bar{position: relative;}
.view_list{}


.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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Srkgen%2Svpb_neebjHc.cat) 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;}
.viewChg a.active{}
.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;}


/*검색 리스트*/
.searchResult{
    /* padding-top: 70px; */
}

.hash_cont{display: none;}
.hash_cont.on{display: block;}
.resultContents{
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #000;
    padding: 33px 0;
}
.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;}
.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: 29px;}
.resultList > li .list_cont a+span.result_loca{margin-top: 10px;}



.result_loca{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    /* text-indent: -20px; */
    /* padding-left: 0px; */
}
.result_loca:before{
    /* content: "";
    display: inline-block;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sybpngvba.cat)center center no-repeat;
    width: 12px;
    height: 16px; */
    /* padding-right: 8px; */
}

.result_tit{
    /* text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden; */
    margin-bottom: 10px;
}
.result_tit em + a{margin-top: 14px;}
.result_tit a{
    font-size: 1.25em;
    display: block;
    font-weight: 500;
    /* overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-break:keep-all; */
    position: relative;
    /* padding-right: 33px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 2.6em;



}
.result_tit a .cracker_txt{display: inline-block; vertical-align: middle; margin-right: 5px;}
/* .result_tit a.cracker_icon{padding-right: 24px;}
.result_tit a.cracker_icon:after{
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Spbzzba%2Sfvqr_vpba2.cat);
    width: 24px;
    height: 22px;
    content: '';
    display: inline-block;
    z-index: 1;
    position: absolute;
    right: 0px;
    bottom: 0;
} */
.result_tit a > img{vertical-align: baseline; margin-right: 5px;}
.result_tit a strong{
    /* position: absolute; right: 0; left: auto; top: 0; bottom:0; */
    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: 0.938em;
    padding: 3px 6px;
    border-radius: 15px;
    vertical-align: middle;
    margin-left: 4px;
}


/* .result_tit em.ty01{background-color: #ffce34;} */ /*유*/
/* .result_tit em.ty02{background-color: #59cf95;} */ /*초*/
/* .result_tit em.ty03{background-color: #64a1f2;} */ /*중*/
/* .result_tit em.ty04{background-color: #f17c77;} */ /*고*/
/* .result_tit em.ty05{background-color: #9f50ab;} */ /*교원*/
/* .result_tit em.ty06{background-color: #2a59b4;} */ /*일반*/
/* ↑↑ 웹접근성 명도대비 이슈 컬러 변경 ↓↓ */
.result_tit em.ty01{background-color: #ba8300;}
.result_tit em.ty02{background-color: #00a654;}
.result_tit em.ty03{background-color: #4889e0;}
.result_tit em.ty04{background-color: #eb6660;}
.result_tit em.ty05{background-color: #9f50ab;}
.result_tit em.ty06{background-color: #2a59b4;}

.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 dl.loca_icon:before{
    content: "";
    display: inline-block;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sybpngvba.cat)center center no-repeat;
    width: 12px;
    height: 16px;
    position:absolute;
    left: 0;
    top: auto;
    bottom: 4px;
} */
.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{float: left; padding-right: 14px; font-weight: 400;} */
/* .result_date dd{margin-top: -1px;} */
.result_date dt img{vertical-align: inherit;}

.result_open{
    display: block;
    border: 1px solid #dddddd;
    text-align: center;
    /* height: 33px; */
    /* line-height: 31px; */
    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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Szv_qbja.cat) no-repeat left 15px center;
}
.result_bBtm > a.btn_ebook {
    background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Szv_frnepu.cat) 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;
}

/*문서자료실*/
.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 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: 5px 11px;
    font-weight: 300;
}
.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: 3px solid #1b1b1b; 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{display: flex; flex-wrap: 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 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; padding-right: 60px;}
.board_view .tbl_info{padding: 13px 30px;overflow: hidden;border-top: 1px solid #dedede;}
.board_view .tbl_info .tit{float:left;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 > em{font-weight: 600;color: #000000;/* font-size: 0.875em; */}
.board_view .tbl_etc > .view{position: absolute; top:40px; right:0; font-size: 0.938em; font-weight: 600;}

.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 .tbl_info .date{float:left;}
.board_view .tbl_info .view{float:right;font-size: 0.875em;}
.board_view .tbl_info .view em:after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 12px;background-color: #bcbcbc;margin: 0px 20px 1px 20px;}

.board_view .view_con{ padding: 12px 0 30px; border-bottom: 1px solid #dedede; overflow: hidden; min-height: 270px;}
.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 .tit{
    color: #0e0e0e;
    font-size: 0.938em;
    line-height: 1;
    background: #f7f7f7;
    /* text-align: center; */
    padding: 15px 20px;
    border-bottom: 1px solid #dedede;
}
.view_file .file_cont{
    padding: 15px 25px;
    overflow: hidden;
}
.view_file .file_cont .bg_file{
    position: relative;
    margin-top: 26px;
}
.view_file .file_cont .bg_file:first-child{margin-top: 0;}

.fileBr{display: inline-block;}
.fileBr img{ display: inline-block; vertical-align: middle;}

.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: #333333; font-weight: 300; font-size: 0.938em; padding-left: 50px; display: block; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all;}
.file_cont .fileBr img{position: absolute; top: 0; left: 0;}

.view_file{border-bottom: 1px solid #dedede;}
.view_file:last-child{border-bottom: 0;}
.view_file .file_cont{padding: 15px 25px;}
.view_file .file_cont .bg_file{position: relative; margin-top: 26px;}
.view_file .file_cont .bg_file:first-child{margin-top: 0;}
.view_file .file_cont .bg_file .lef_area{
    max-width: 210px;position: absolute;right: 0;top: 50%;width: 100%;
    transform: translateY(calc(-50% + 0.5px));
    -webkit-transform: translateY(calc(-50% + 0.5px));
    overflow: hidden;text-align: right;
}
.view_file .file_cont .bg_file .lef_area a{
  padding-left: 26px;
  display: inline-block;
  width: 47%;
}

.lef_area > a{
    color: #000000;
    height: 25px;
    line-height: 23px;
    margin-right: 3%;
    text-align: left;
    font-weight: 300;
    font-size: 0.813em;
    border: 1px solid #cbcbcb;
    max-width: 86px;
    /* letter-spacing: 0; */
}
.view_file .file_cont .bg_file .lef_area a:last-child{margin-right: 0;}
.lef_area > a.btn_ebook{
    background: #f5f5f5 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Szv_frnepu.cat) no-repeat left 12px center;
}
.lef_area > a.btn_pdf{
    background: #f5f5f5 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Szv_qbja.cat) no-repeat left 15px center;
}


/* 보드상세 폼 */
.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 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sgvg1_bss.cat)no-repeat;
}
.tit_good div:nth-child(2) a{
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sgvg2_bss.cat)no-repeat;
}

.tit_good div:nth-child(1) a:hover:before, .tit_good div:nth-child(1) a:focus:before{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sgvg1_ba.cat%3S)no-repeat;}
.tit_good div:nth-child(2) a:hover:before, .tit_good div:nth-child(2) a:focus:before{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sgvg2_ba.cat%3S)no-repeat;}

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

.brd_page{overflow: hidden;padding: 17px 35px;border: 1px solid #dedede;border-width: 1px 0;}
.brd_page:first-child{margin-top: 0;border-bottom: 0;}
.brd_page dl{position: relative;}
.brd_page dl dt{position: absolute; color: #353535; font-weight: 300;}
.brd_page dl dd{padding-left: 105px;color: #353535;font-weight: 300;}
.brd_page dl dd a{display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;}

.brd_page:first-child dl dt:after{
 content: ''; width: 9px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 15px;
 background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sgkg_orsber.cat) no-repeat center;
}

.brd_page:last-child dl dt:after{
 content: ''; width: 9px; height: 8px; display: inline-block; margin-left: 15px;
 background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sgkg_nsgre.cat) no-repeat center;
}

/* 보드상세_탭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:last-child{margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;} */
.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_my > div.on > a > span:before{
    content: ""; display: block;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Spux_ot.cat);
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
} */
.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;}


/* 보드상세_탭 */
.brd_content .brd_down > div{display: none; }
.brd_content .brd_down > div.on{display: block; }

.brd_up{overflow: hidden;}
.brd_up > div{float: left; }
.brd_up.type02 > div{width: 50%;}
.brd_up.type04 > div{width: 25%;}
.brd_up.type05 > div{width: 20%;}
.brd_up.type06 > div{width: 16.66%;}
.brd_up.type07 > div{width: 14.28%;}
.brd_up > div.on > a{/*background: #000;color: #fff;*/font-weight: 500; position: relative;
    border-color: #000;
}
.brd_up > div.on > a:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #000;
}
.brd_up > div > a{
    position: relative;
    padding: 13px 0;
    background: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #3d3d3d;
    font-size: 0.938em;
    text-align: center;
    display: block;
    font-weight: 300;
}
.brd_up>div>a:focus-within {
    outline: 3px solid #f25574;
    outline-offset: -3px;
}
.brd_up>div.on > a:focus-within::after {
    content: none;
}


.brd_up > div:last-child > a{border-right:1px solid #ddd}
.brd_up > div > a > span{letter-spacing: -0.035em;}

.brd_down{margin-top: 30px;}
.brd_box > div{margin-top: 25px;}
.brd_box + div{margin-top: 25px;}
.brd_box > div:first-child{margin-top: 0;}
.brd_box dl{display: inline-block;}
.brd_box dt{display: inline-block;}
.brd_box dd{display: inline-block;}

.brd_box.type_btn > div{padding: 15px 0 15px 20px; margin: 5px 0; border-bottom: 1px solid #dedede;}

.brd_box.type_btn > div > div span{position: relative;}
.brd_box.type_btn > div > div span.icon:before{
    content: "";
    /* display: inline-block; */
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Ssvyr_cqs.cat)center center no-repeat;
    width: 21px;
    height: 24px;
    left: -24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

/* 보드상세_소감 */
.feelings_wrap{display: table;table-layout: fixed;width: 100%;padding: 20px 0;
    /* border: 1px solid #dedede; */
    border-width: 1px 0 0;/* margin-bottom: 10px; */ margin-top: 30px;}
.feelings_wrap > div{display: table-cell; vertical-align: middle;}
/* .feelings_l{width: 25%; text-align: center; border-right: 1px solid #dedede;} */
/* .feelings_l p{font-size: 1.125em; margin-bottom: 5px;} */
/* .feelings_l strong{display: block; font-weight: 400;} */
.feelings_c a{position: relative;}
.feelings_c a:before{
    content: ""; display: block; margin: 0 auto;
    width: 50px; height: 50px;
    background-repeat: no-repeat;
}
.feelings_c li:nth-child(1) a:before{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Ss01_bss.cat);}
.feelings_c li:nth-child(2) a:before{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Ss02_bss.cat);}

.feelings_c li:nth-child(1) a:hover:before, .feelings_c li:nth-child(1) a:focus:before{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Ss01_ba.cat%3S);}
.feelings_c li:nth-child(2) a:hover:before, .feelings_c li:nth-child(2) a:focus:before{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Ss02_ba.cat%3S);}


.feelings_c{text-align: center;}
.feelings_c span{display: block; font-size: 0.938em; margin-top: 2px;}
/* .feelings_c span.fdoc{margin-bottom: 3px;} */
.feelings_c ul{overflow: hidden;/* text-align: center; */display: flex;justify-content: center;}
.feelings_c ul > li{/* float: left; *//* width: 50%; */margin-left: 5px;}
.feelings_c ul > li:first-child{margin-left: 0;}

/* .feelings_r{width: 120px; text-align: center;} */
/* .feelings_r a{padding: 4px 8px; background-color: #aaa; color: #fff; border-radius: 5px;} */

.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;
}
/* .hanbok_view .loca_area:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px dashed #dedede;
    height: 1px;
} */

/* 안전관리 구인(상세) */
.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:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px dashed #dedede;
    height: 1px;
} */
.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;}

/*버튼 폼*/
.btn_area {text-align:right;margin-top: 10px;}
.btn_area > a {display: inline-block;vertical-align: middle;min-width: 130px;height: 50px;padding: 0 20px;line-height: 48px;margin-right:6px;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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sfvgr_zbir_juvgr.cat);
    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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Sfvgr_zbir_juvgr.cat);
    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));
    /* width: calc(-50%+0.5); */
    /* translate(calc(-50% + 0.5px), 0); */
}




/* 목록버튼 */
.btn_area a.btn_list {background: #fff; border: 1px solid #cbcbcb; color: #000;
    }

/* 글쓰기(등록)*/
.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: #5394c0;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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Snafjre_vpba.cat) 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Soga_qbja_ba.cat);
  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: #888;}
.model_view > .model_two .model_doc .icon{position: relative; padding-left: 30px;}
.model_view > .model_two .model_doc .icon:before{
    content: "";
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Ssvyr_cqs.cat)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: #e86c28; 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{}
.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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Soga_cyhf.cat) 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{}
.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;
    /* transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%); */
}
.tag_txt span:last-child:after{
    content: none;
}

/* 크래커 신청 */
.info_scroll{overflow-y: auto; border: 1px solid #dedede; padding:20px;}
.info_scroll > div{height: 100%; max-height: 240px;}
.info_scroll > div.con_box01{border: 0; display: block; padding: 0;}

/* 나의 관심 콘텐츠 */
.myCon .tbl_ipt input[type=checkbox]{
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.myCon .tbl_ipt input[type=checkbox] + label{display: block;}
.myCon .tbl_ipt input[type=checkbox] + label:before{
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

/* 크레존이야기 참여 전체 */
.join_intro{margin-bottom: 35px;}
.join_all{display: table; table-layout: fixed; width: 100%;}
.join_all > div{display: table-cell;}
.join_all > div:first-child{padding-right: 15px;}
.join_all > div:last-child{padding-left: 15px;}
.join_title{ margin-bottom: 5px;}

/* 참여 - 카드나눔방 */
.card_tab{margin-bottom: 20px;}
.card_wrap{max-width: 806px; margin: 0 auto; text-align: center; }
.card_con img{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 648px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    }
.card_con > div{
    width: 100%;
    position: relative;
    padding-top: 53.599%;
    display: block;
}
.card_slide .slick-prev {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Spneq_yrsg.cat)no-repeat;
    width: 29px;
    height: 66px;
    left: 0px;
    z-index: 1;
}
.card_slide .slick-next {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.permbar.arg%2S_fgngvp%2Spermbar%2Svzt%2Sfho%2Spneq_evtug.cat)no-repeat;
    width: 29px;
    height: 66px;
    right: 0px;
    z-index: 1;
}
.card_slide .slick-dots{bottom: -36px;}
.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: 14px; height: 14px;
    border: 1px solid #c8c8c8; background-color: #fff;
    content: "";
    border-radius: 14px;
    opacity: 1;
}
.card_slide .slick-dots li{margin: 0 3px;}


/* 교사연구회 _ 추가, 삭제버튼 */
.gyosa_list > div:first-child{margin-top: 0;}
.gyosa_list > div{margin-top: 10px;}
.gyo_flex{display: flex;}
/* .gyo_flex > div{flex: 1;} */
.gyo_flex > div.ipt_plus{flex: auto;}
.gyosa_parent{position: relative; padding-bottom: 10px;}
.gyBtn button {
    display: inline-block;
    height: 32px;
    width: 40px;
    border: 1px solid #cccccc;
    border-left: 0;
}

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

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

}

@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%; 
    /* line-height: 44px;  */
}
.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;} 
.list_detail_top .tbl_etc .hori_title dl dt{width: 100%;display: block;}
.list_detail_top .tbl_etc .hori_title dl dd{width: 100%; 
    /* display: block;  */
    height: 100%; padding: 8px 10px;}
.list_detail_top .tbl_etc .hori_title dl dd.ipt_dd{padding: 4px 10px;}

/* 연락처 */
.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 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;}

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


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

}

@media all and (max-width:640px){
    /* 보드상세_탭2 (나의커뮤니티, 교사연구회) */
    .comBtn{
        font-size: 13px;
        padding: 5px 8px;
        display: block;
    }
    .comBtn + .comBtn{margin-top: 10px;}
}

@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; padding: 2px 4px;}

.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.2;font-size: 1.063em;}
.file_cont .fileBr img{top: 4px; width: 11px;}
.file_cont .fileBr > span{padding-left: 17px; font-size: 0.875em;}

/* 문서자료실 사업명(가~자) */
.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 a{padding-left: 0; display: block; margin-top: 5px;}

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



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

  
}

@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 (min-width: 320px) and (max-width: 339px){
  
}