@charset "utf-8";

.board_warp {max-width:1400px;}
/* 검색영역 */
[class^="search_area"]{padding:30px; background:#f3f4f7; text-align:center;}
[class^="search_area"]:after{display:block; content:""; clear:both;}
[class^="search_area"] > div{display:inline-block; margin-bottom:10px; }
[class^="search_area"] > div:first-child{width:100%; max-width:830px; margin-bottom:0;}
[class^="search_area"] > div > select,
[class^="search_area"] > div > input[type="text"],
[class^="search_area"] > div > button,
[class^="search_area"] > div > div{float:left;}
[class^="search_area"] > div *{height:45px; font-size:16px; box-sizing:border-box; vertical-align:middle; }
[class^="search_area"] > div > select{min-width:224px;}
[class^="search_area"] > div > input[type="text"]{min-width:auto;}
[class^="search_area"] input[type="text"]{width:calc(100% - 224px - 20px - 95px); margin:0 10px; }
[class^="search_area"] select{min-width:auto;}
[class^="search_area"] input:focus{border:1px solid #1c40b2; background:#eff3fc; color:#283f88;}
[class^="search_area"] input::-placeholder-{color:#828999;}
[class^="search_area"].search_detail{padding:10px; text-align:left; }
[class^="search_area"] [class^="btn_sz"],
[class^="search_line"] [class^="btn_sz"]{height:45px; padding:0 20px; line-height:42px;}

[class^="search"] button .btn_search{padding:0 0 0 25px; background:url("../images/board_icon.png") no-repeat 0 12px; vertical-align:super;}

[class^="search_area"] .search_group_btn{position:relative; z-index:1;}
[class^="search_area"] .search_group_btn > button{display:none; width:100%; padding:0 20px; background:#535c76 url(../images/icon_all_btn.png) right 20px top -1932px no-repeat; color:#fff; text-align:left;}
[class^="search_area"] .search_group_btn.on > button{background-position:right 20px top -1982px;}
[class^="search_area"] .search_group_btn > button:hover,
[class^="search_area"] .search_group_btn > button:focus,
[class^="search_area"] .search_group_btn > button:active{background-color:#8b94af;}
[class^="search_area"] .search_group_btn > div{float:none;}
[class^="search_area"] .search_group_btn > div a{margin:2px;}

.search_area_btn > div:first-child{margin-bottom:0;}

.search_s2 > div > select{min-width:auto; width:200px; margin-right:10px;}
.search_s2 > div > input[type="text"]{width:calc(100% - 200px - 10px - 200px - 10px - 110px); margin:0 10px 0 0; }

/* 검색_2단영역 */
.search_line2{padding:30px; background:#f3f4f7; text-align:center;}
.search_line2 * {box-sizing:border-box; }
.search_line2 input[type="text"], .search_line2 select{min-width:auto; width:100%;}
.search_line2 > div, .search_line2 .search_detail_view{overflow:hidden; display:block;}
.search_line2 > div *{float:left;}
.search_line2 > div + div, .search_line2 > div + .search_detail_view{margin-top:10px;}
.search_line2 > div label{width:75px; padding-right:15px; color:#333; text-align:right; line-height:45px;}
.label_w_m > div label{width:100px !important;}
.search_line2 > div .group_btn > button [class^="btn_"]{float:none;}
.search_line2 > div .group_btn > button + [class^="btn_"]{margin-left:5px; line-height:inherit;}
.search_line2 > div .group_btn_m{display:none;}


.search_line2 .search_detail_view > div{width:100%;}
.search_line2 .search_detail_view > div + div{margin-top:10px;}

.search_line2 .w2 > div{width:calc(100%/2);}
.search_line2 .w2_b > div{width:calc((100% - 31px)/2);}
.search_line2 .w2_b > div:nth-child(2){width:30px; line-height:45px;}

.search_line2 .w6_4 > div:nth-child(1){width:45%;}
.search_line2 .w6_4 > div:nth-child(2){width:55%;}

.search_line2 .w3 > div{width:calc((100% - 1px)/3);}

.search_line2 .search_w1 > div{width:calc(100% - 76px);}
.label_w_m .search_w1 > div{width:calc(100% - 101px);}

.search_line2 .search_w1_l1 label, .search_line2 .search_s_i_b label{width:160px;}
.search_line2 .search_w1_l1 > div{width:calc(100% - 161px);}
.search_line2 .search_w1_l2 label{width:220px;}
.search_line2 .search_w1_l2 > div{width:calc(100% - 220px);}
.search_line2 .search_s_i_b > div:nth-of-type(1){width:215px; margin-right:10px;} 
.search_line2 .search_s_i_b > div:nth-of-type(2){width:calc(100% - 161px - 215px - 10px);}

.search_line2.label_w_m .search_s_i_b > div:nth-of-type(1){width:215px; margin-right:10px;} 
.search_line2.label_w_m .search_s_i_b > div:nth-of-type(2){width:calc(100% - 101px - 215px - 10px);}

.search_line2 .search_w3 > div{width:calc((100% - 76px)/3);}
.search_line2 .search_w3 > div:nth-of-type(1){padding-right:5px;}
.search_line2 .search_w3 > div:nth-of-type(2){padding:0 5px;}
.search_line2 .search_w3 > div:nth-of-type(3){padding-left:5px;}

.search_line2 .search_w1_w2 > div:nth-of-type(1){width:calc((100% - 76px) * 1/3); padding-right:5px;}
.search_line2 .search_w1_w2 > div:nth-of-type(2){width:calc((100% - 76px) * 2/3); padding-left:5px;}

.search_line2 .search2_w1_w2 > div:nth-of-type(1){width:calc((100%) * 1/3);}
.search_line2 .search2_w1_w2 > div:nth-of-type(2){width:calc((100% - 1px) * 2/3);}

.label_w_m .search_w1_w3 > div:nth-of-type(1){width:calc((100% - 101px) * 1/4); padding-right:5px;}
.label_w_m .search_w1_w3 > div:nth-of-type(2){width:calc((100% - 101px) * 3/4); padding-left:5px;}

.search_l_i > div{width:calc(100% - 101px);}
.search_group_s_b1 > select{max-width:400px;}
.float_r{float:right !important;}

.search_i_b input{width:calc(100% - 10px - 121px) !important; margin-right:10px;}
.search_line2 > div .group_btn_checkbox div label{width:auto !important; line-height:1.47;}
.group_btn_checkbox{width:calc(100% - 101px);}
.group_btn_checkbox button{margin-top:7px; margin-right:10px; text-shadow:none !important;}
.group_btn_checkbox .btn_check_group{padding-top:11px;}

.search_line2 .search_group_i_b2 input, 
.search_line2 .search_group_s_b2 select{width:calc(100% - (10px + 95px + 95px + 6px));}
.search_line2 .search_group_i_b2 .group_btn, 
.search_line2 .search_group_s_b2 .group_btn{margin-left:10px;}
.search_line2 .search_group_i_b1 input{width:calc(100% - 124px - 10px); margin-right:10px;}
.search_line2 .group_btn_m button{width:100%; background-color:#525252; color:#fff;}
.search_line2 .group_btn_m button:hover,
.search_line2 .group_btn_m button:focus,
.search_line2 .group_btn_m button:active{background-color:#868686;}

/* 검색갯수 */
.list_count {margin:25px 0; font-size:16px; color:#696f7b;}
.list_count > span {color:#cc2e1c; font-weight:600; }
.list_count:before {content:''; display:inline-block; width:3px; height:3px; margin-right:3px; border-radius:5px; background:#ddd; vertical-align:middle;}

/* =============================================================  board_type01 리스트타입 */
/* 게시판 리스트 */
.board_normal {border-top:1px solid #333;}
.board_normal > li {padding:20px 20px; border-bottom:1px solid #d2d7e6;}
/* 게시글 정보 */
.board_normal > li * {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.board_normal > li > .board_list{width:100%; }
.board_normal > li > .board_list > .brd_notice + div {width:calc(100% - 80px);}
.board_normal > li > .board_list > .list_stu + div {width:calc(100% - 115px);}
.board_normal > li > .board_list > div {width:100%;}
.board_normal > li > .board_list > div > a {overflow:hidden; display:inline-block; width:100%; font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap; font-weight:600;}
.board_normal > li > .board_list > div > a:hover, .board_normal > li > .board_list > div > a:active, .board_normal > li > .board_list > div > a:focus{text-decoration:underline;}
.board_normal > li > .board_list > div > p > span {position:relative; padding:0 20px 0 0; color:#696f7b; font-size:14px;}
.board_normal > li > .board_list > div > p > span:after {content:''; position:absolute; top:7px; right:10px; display:inline-block; width:1px; height:10px; background:#ddd; }
.board_normal > li > .board_list > div > p > span:last-child:after {display:none;}

.board_normal > li > .board_list div.list_lock{position:relative; padding-left:65px;}
.board_normal > li > .board_list div.list_lock:before{content:'비밀글'; position:absolute; top:50%; left:13px; display:inline-block; width:20px; height:33px; margin-top:-17px; background:url(../images/board_icon.png) no-repeat -55px 0 #fff;  text-indent:-99999px;}

/* 게시글 버튼타입 */
.board_normal.board_btnlist > li > .board_list{width:calc(100% - 70px); }
.board_normal.board_btnlist > li > .list_btn{text-align:right; min-width:65px;}
.board_normal.board_btnlist > li > .list_btn a{width:56px; height:56px; padding:5px; background:#f0f2f7; border:2px solid #f0f2f7; border-radius:5px; color:#283f88; text-align:center; line-height:22px;}
.board_normal.board_btnlist > li > .list_btn a:hover,
.board_normal.board_btnlist > li > .list_btn a:focus,
.board_normal.board_btnlist > li > .list_btn a:active{background-color:#fff; border:2px solid #8898cd; text-decoration:none;}


/* =============================================================  board_type01 리스트타입 */

/* =============================================================  board_type02 테이블타입 */
/* 게시판 테이블 */
.board_tbl {position:relative; width:100%; font-size:16px; table-layout:fixed;}
.board_tbl caption span{position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.board_tbl thead th {padding:18px 15px; color:#333; font-weight:600; text-align:center; background:#fff; border-top:1px solid #333; border-bottom:1px solid #333;}
.board_tbl tbody td {padding:18px 15px; text-align:center; border-bottom:1px solid #d2d7e6; color:#696f7b; word-break:keep-all; word-wrap:break-word; }
.board_tbl tbody td.al_l {text-align:left;}
.board_tbl tbody td.al_r {text-align:right;}

.board_tbl tr td.board_subject{text-align:left;}
.board_tbl tr td.board_subject > a{overflow:hidden; display:block; min-height:25px; text-overflow:ellipsis; white-space:nowrap; line-height:25px;}
.board_tbl tr td.board_subject > a.list_lock{position:relative; padding-left:30px; padding-top:3px; box-sizing:border-box;}
.board_tbl tr td.board_subject > a.list_lock:after{content:'비밀글'; position:absolute; top:0; left:0; display:inline-block; width:18px; height:23px; text-indent:-99999px; background:url(../images/board_icon.png) no-repeat -112px -56px; vertical-align:middle;}
.board_tbl tr td.board_subject > a:hover, .board_tbl tr td.board_subject > a:active, .board_tbl tr td.board_subject > a:focus{text-decoration:underline;}

.board_tbl .brd_notice {padding:3px; height:26px; line-height:14px;}
[class^="board_"] .board_state{display:inline-block; width:80px; height:26px; border-radius:5px; line-height:24px; color:#fff; text-align:center; font-size:14px; font-weight:600; text-shadow:1px 1px 0 #637698;}
[class^="board_"] .board_state2{display:inline-block; height:26px; padding:0 5px; border-radius:5px; line-height:24px; color:#fff; text-align:center; font-size:14px; font-weight:600;}

.board_tbl tr td.board_subject > .list_stu {margin-right:10px;}
.board_tbl tr td.board_subject > .list_stu + a {display:inline-block; width:calc(100% - 95px); vertical-align:middle; }
.board_tbl tr td.board_subject > .brd_notice + a {display:inline-block; width:calc(100% - 80px); vertical-align:middle; }

.board_tbl tr td.board_subject > .list_lock{position:relative; padding-left:36px;}
.board_tbl tr td.board_subject > .list_lock:before{content:'비밀글'; position:absolute; top:50%; left:0px; display:inline-block; width:20px; height:25px; margin-top:-13px; background:url(../images/board_icon.png) no-repeat -112px 0 #fff;  text-indent:-99999px;}

.board_tbl tr td .board_btn{display:inline-block; height:36px; padding:0 10px; background:#f0f2f7; border:2px solid #f0f2f7; border-radius:5px; color:#283f88; text-align:center; font-size:14px; line-height:32px; box-sizing:border-box;}
.board_tbl tr td .board_btn:hover,
.board_tbl tr td .board_btn:focus,
.board_tbl tr td .board_btn:active{background-color:#fff; border:2px solid #8898cd; text-decoration:none;}

/* =============================================================  board_type02 테이블타입 */

/* =============================================================  board_type03 테이블타입 */
/* 게시판 테이블 */
.board_tb2 {position:relative; width:100%; font-size:16px; table-layout:fixed;}
.board_tb2 caption span{position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.board_tb2 thead th {padding:18px 15px; color:#333; font-weight:600; text-align:center; background:#fff; border-top:1px solid #333; border-bottom:1px solid #333;}
.board_tb2 tbody td {padding:18px 15px; text-align:center; border-bottom:1px solid #d2d7e6; color:#696f7b; word-break:keep-all; word-wrap:break-word; }

/* =============================================================  board_type03 테이블타입 */

/* ============================================================= 게시판 공통 속성 */
/* 게시글 비밀글 및 상태 */
.list_stu{display:inline-block; width:78px; height:27px; border-radius:30px; line-height:27px; text-align:center;}
.stu_able {background:#fbe7f1; color:#c01d6f;}
.stu_disable {background:#f0f2f7; color:#696f7b;}
.stu_partable {background:#dff7f4; color:#097A6F;}

.stu_approve {border:1px solid #ce297c; color:#c01d6f;}
.stu_wait {border:1px solid #969fb4; color:#696f7b;}
.stu_disapprove {border:1px solid #0a9b8d; color:#097A6F;}

/* 공지아이콘 공통 */
.brd_notice {display:inline-block; padding:0; width:56px; height:26px; background:#fef5f5; border-radius:5px; border:2px solid #d14b27; color:#ce2200;  text-align:center; line-height:22px; font-weight:600; box-shadow:4px 3px 4px rgba(0,0,0,0.1); vertical-align:middle; box-sizing:border-box; }
.brd_notice + *{margin-left:8px;}
.board_view .brd_notice{margin-right:8px;}
.board_view .brd_notice + *{margin-left:0;}

/* 페이징 */
.pager {padding-top:30px; text-align:center;}
.pager > a {display:inline-block; margin-right:5px; width:46px; height:46px; background:#fff; border:1px solid #bcc1d4; font-size:16px; color:#696f7b; border-radius:5px; line-height:46px; vertical-align:middle;}
.pager > a.on,
.pager > a:hover, 
.pager > a:active {background:#f3f4f7; border:1px solid #7983a3; color:#4d6192;}
.pager > a[class^="btn_pg"] {background:url(../images/pager.png) no-repeat 0 0 #fff; text-indent:-99999px;}
.pager > a.btn_pg_prev{background-position-x:-46px; }
.pager > a.btn_pg_next{background-position-x:-92px; }
.pager > a.btn_pg_last{background-position-x:-138px; }
.pager > a[class^="btn_pg"]:hover,
.pager > a[class^="btn_pg"]:focus,
.pager > a[class^="btn_pg"]:active {background-position-y:-46px; background-color:#f3f4f7;}
/* 버튼컨트롤 */
.brd_btn_control {padding:10px 0; text-align:right;}
/*.brd_btn_control > a {display:inline-block; padding:0 20px; height:45px; background:#293f88;  color:#fff; line-height:43px; font-weight:600;}
.brd_btn_control > a:hover,
.brd_btn_control > a:focus,
.brd_btn_control > a:active {background:#758cda; text-decoration:none;}*/

/* =============================================================  게시판 상세  */
.board_header {border-top:1px solid #51545e; border-bottom:1px solid #51545e; }
.board_header .board_title{padding:35px 25px;}
.board_header .board_title .board_subject{display:inline-block; box-sizing:border-box; vertical-align:middle; }
.board_header .board_title .board_subject > h1{display:inline-block; color:#333; font-size:23px; font-weight:600; line-height:1.5;}
.board_header .board_title .board_subject > p{margin-top:8px; color:#696f7b;}
.board_header .board_title .board_subject > p > span{margin-right:10px;}
.board_header .board_title .board_subject > p > span:after{content:''; display:inline-block; width:1px; height:11px; margin-left:15px; background:#dadeeb; vertical-align:middle;}
.board_header .board_title .board_subject > p > span:last-child{margin-right:0px;}
.board_header .board_title .board_subject > p > span:last-child:after{display:none;}
.board_header .board_title .brd_notice{vertical-align:text-bottom;}
/* 첨부파일 */
.board_header .board_file{position:relative; padding:15px 30px; border-top:1px solid #d2d7e6; }
.board_header .board_file > dt{display:inline-block; width:74px; color:#333; vertical-align:top; font-weight:600;}
.board_header .board_file > dt:after{content:''; display:inline-block; width:1px; height:11px; margin-top:-3px; margin-left:14px; background:#dadeeb; vertical-align:middle;}
.board_header .board_file > dd{display:inline-block; width:calc(100% - 80px - 200px); padding-left:15px; box-sizing:border-box;}
.board_header .board_file > dd > p{margin-bottom:5px;}
.board_header .board_file > dd > p > a{color:#696f7b; }
.board_header .board_file > dd > p > a:hover, .board_header .board_file > dd > p > a:active, .board_header .board_file > dd > p > a:focus{text-decoration:underline;}
.board_header .board_file dd.board_file_btn{position:absolute; right:30px; top:9px; width:auto;}
.board_header .board_file dd.board_file_btn .btn_bg6:focus{background:#ef6252; outline:1px dotted #fff;}
/* 게시글 내용 */
.board_cont {overflow:auto; padding:35px 25px; color:#696f7b; line-height:1.8; }
.board_cont img {max-width:100% !important; height:auto !important;}
/* 답변내용 */
.board_reply {padding:35px 30px; background:#f3f4f7; line-height:1.8; }
.board_reply > dt{display:inline-block; width:70px; color:#333; vertical-align:top; font-weight:600;}
.board_reply > dd{display:inline-block; width:calc(100% - 75px); padding-left:30px; border-left:1px solid #dadeeb; color:#696f7b; box-sizing:border-box;}
/* 상세 페이징 */
.board_view_pager {overflow:hidden; padding:20px 30px; border-top:1px solid #d2d7e6; border-bottom:1px solid #d2d7e6;}
.board_view_pager > li {float:left; width:50%;}
.board_view_pager > li > a {position:relative; display:block; min-height:23px;}
.board_view_pager > li > a > p{overflow:hidden; display:inline-block; width:calc(100% - 100px); text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.board_view_pager > li > a > span{position:absolute; color:#333; font-weight:600;}
.board_view_pager > li.view_prev > a{padding-left:100px; padding-right:10px;}
.board_view_pager > li.view_prev > a > span{top:0; left:0;}
.board_view_pager > li.view_prev > a > span:before{content:''; display:inline-block; width:20px; height:15px; margin-right:20px; margin-top:-3px; background:url(../images/pager.png) no-repeat -58px -16px; vertical-align:middle;}
.board_view_pager > li.view_next > a{padding-left:10px; padding-right:100px; text-align:right;}
.board_view_pager > li.view_next > a > span{top:0; right:0;}
.board_view_pager > li.view_next > a > span:after{content:''; display:inline-block; width:20px; height:15px; margin-left:20px; margin-top:-3px; background:url(../images/pager.png) no-repeat -105px -16px; vertical-align:middle;}
.board_view_pager > li > a:hover p,
.board_view_pager > li > a:focus p,
.board_view_pager > li > a:active p {text-decoration:underline;}
/*************************************************************************************************************************************/
/* Table */
[class^="table_cont"]{overflow:auto; position:relative; background-color:#fff; border-top:1px solid #51545e;}
[class^="table_cont"] + [class^="table_cont"]{margin-top:30px;}
[class^="table_cont"] th, [class^="table_cont"] td{height:45px; padding:10px 15px; border-right:1px solid #d2d7e6; border-bottom:1px solid #d2d7e6; box-sizing:border-box;}
[class^="table_cont"] tr th:first-child, [class^="table_cont"] tr td:first-child{border-left:1px solid #d2d7e6;}
[class^="table_cont"] th{color:#333; text-align:center; font-weight:600;}
[class^="table_cont"] thead tr th{background-color:#f3f4f7; font-weight:700;}
[class^="table_cont"] tbody tr th{background-color:#f7f7f7;}
[class^="table_cont"] tbody + tbody:before{display:block; content:''; position:absolute; top:calc(50% - 1px); width:100%; height:1px; background-color:#333;}
[class^="table_cont"] tfoot td{text-align:right;}
[class^="table_cont"] .table_sub_total th, [class^="table_cont"] .table_sub_total td{background-color:#f2fcff; color:#0574A7;}
[class^="table_cont"] .table_sum th, [class^="table_cont"] .table_sum td{background-color:#fff5f9; color:#c01d6f;}

.table_ta_c td{text-align:center;}
.t_bg td{background-color:#f1f7fd;}

/*Table 2021-04-06 정렬타입 추가*/
.table_disc td{text-align:right;}
.table_disc_social td {text-align:center;}


/* Table 2020-08-31 정렬타입 추가 */
tbody.th_left th{padding-left:30px; text-align:left; font-weight:600 !important; }
tbody.tbl_vt td{vertical-align:top;}

/* 게시판_view_table */
.txt_guide{margin-bottom:8px; text-align:right;}

.txt_nec{display:inline-block; position:relative; color:#333; z-index:1; font-weight:600;}
.txt_nec:before{display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:11px; background-color:#f6b7ef; border-radius:500px; z-index:-1;}

.board_view_table{width:100%; border-top:1px solid #51545e;}
.board_view_table th, .board_view_table td{height:70px; border-bottom:1px solid #d2d7e6; box-sizing:border-box;}
.board_view_table tr:last-child th, .board_view_table tr:last-child td{border-bottom:1px solid #51545e; }
.board_view_table th{padding:0 30px; background-color:#f3f4f7; font-weight:600; text-align:left; color:#333;}
.board_view_table td{padding:10px 20px;}

.form_mail{overflow:hidden; max-width:700px;}
.form_mail input, .form_mail select, .form_mail span{float:left;}
.form_mail span{display:inline-block; width:20px; padding-top:8px; text-align:center;}
.form_mail input, .form_mail select{min-width:auto; width:calc((100% - 28px)/3);}
.form_mail select{margin-left:7px;}

.form_phone{overflow:hidden; max-width:700px;}
.form_phone input, .form_phone select, .form_phone span{float:left;}
.form_phone span{display:inline-block; width:20px; padding-top:8px; text-align:center;}
.form_phone input, .form_phone select{min-width:auto; width:calc((100% - 41px)/3) !important;}

.txt_ex{margin:7px 0;font-size:14px;}

.form_mail{width:100%;}

.form_password{overflow:hidden; padding:42px 30px 23px 100px; border:1px solid #dbdfe4; background:url(../images/bg_password.png) left 30px top 28px no-repeat; box-sizing:border-box;}
.form_password > div{float:left; width:calc((100% - 1px)/2);}
.form_password > div > label{float:left; width:140px; padding-right:20px; text-align:right; font-weight:700; box-sizing:border-box;}
.form_password > div > div{float:left; width:calc(100% - 141px);}
.form_password > div input[type="password"]{min-width:auto;}
.form_password > div .icon_l_star{display:block; margin-top:13px; font-size:14px; }


/* 박스형 게시판 */
.board_box{overflow:hidden; width:100%; box-sizing:border-box;}
.board_box li{position:relative; float:left; width:calc((100% - 80px)/3); margin-right:40px; margin-top:40px;}
.board_box li:nth-child(3n){margin-right:0;}
.board_box li:nth-child(-n+3){margin-top:0;}
.board_box li a{display:block; position:relative;}
.board_box li a:before{display:block; content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #d2d7e6; z-index:-1;}
.board_box li a .cont{padding:28px 40px 20px 40px; box-sizing:border-box;}
.board_box li a .cont p{overflow:hidden; height:60px; padding:0 20px; text-align:center; font-size:20px; color:#333; word-break:keep-all;}
.board_box li a .cont div{margin-top:20px; padding-top:15px; border-top:1px solid #d2d7e6; }
.board_box li a .cont dl{overflow:hidden; margin:7px 0;}
.board_box li a .cont dl dt{position:relative; float:left; width:75px; font-weight:600; color:#333; font-size:15px;}
.board_box li a .cont dl dt:after{display:block; content:""; position:absolute; right:0; top:5px; width:1px; height:11px; background-color:#dadeeb;}
.board_box li a .cont dl dd{overflow:hidden; float:left; width:calc(100% - 76px); padding-left:14px; font-size:15px; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; }
.board_box li .board_box_btn{display:block; padding:12px 0; background-color:#f0f2f7; border:1px solid #d2d7e6; border-top:0; text-align:center; color:#283f88;}

.board_box li a:hover, 
.board_box li a:active, 
.board_box li a:focus{text-decoration:none;}
.board_box li a:hover:before, 
.board_box li a:active:before, 
.board_box li a:focus:before{border:2px solid #283f88;}
.board_box li a:hover .board_box_btn, 
.board_box li a:active .board_box_btn, 
.board_box li a:focus .board_box_btn{background-color:#283f88; border-color:#283f88; color:#fff;}
.board_box li a:hover .board_box_btn [class^="icon_"][class$="_arrow"], 
.board_box li a:focus .board_box_btn [class^="icon_"][class$="_arrow"], 
.board_box li a:active .board_box_btn [class^="icon_"][class$="_arrow"]{background-image:url(../images/icon_arrow_w.png);} /* 박스형 게시판 */
.board_box li a:hover .board_box_btn [class^="icon_"][class$="_file"],
.board_box li a:focus .board_box_btn [class^="icon_"][class$="_file"],
.board_box li a:active .board_box_btn [class^="icon_"][class$="_file"]{background-image:url(../images/icon_file_w.png);} /* 박스형 게시판 */

/* 박스형게시판_view_table */
.state_b_ln1{display:inline-block; margin-right:15px; padding:5px 10px; border:2px solid #283f88; border-radius:5px; box-shadow:0 8px 8px rgba(0,0,0,0.1); color:#283f88; font-size:15px; font-weight:600; box-sizing:border-box; vertical-align:middle;}

.board_header2{padding:30px 0; border-top:1px solid #51545e; border-bottom:1px solid #51545e; box-sizing:border-box;}
.board_header2 .board_subject{display:inline-block; vertical-align:middle; }
.board_header2 .board_subject h1{font-size:25px; color:#333; font-weight:400;}

.board_view_table2 > thead > tr > th, .board_view_table2 > thead > tr > td,
.board_view_table2 > tbody > tr > th, .board_view_table2 > tbody > tr > td{padding:15px 20px; height:55px;border-bottom:1px solid #d2d7e6; box-sizing:border-box;}
.board_view_table2 > tbody > tr > td + td{border-left:1px solid #d2d7e6;}
.board_view_table2 > thead > tr > th, .board_view_table2 > tbody > tr > th{border-right:1px solid #d2d7e6; text-align:left; color:#333; font-weight:600;}
.board_view_table2 > thead > tr > th:last-child, .board_view_table2 > tbody > tr > th:last-child{border-right:none;}
.board_view_table2 > thead > tr > td + th,
.board_view_table2 > tbody > tr > td + th{border-left:1px solid #d2d7e6}
.board_view_table2 + .board_view_pager{border-top:none;}

/* 포토게시판_박스형 */
.board_img_box{overflow:hidden;}
.board_img_box li{position:relative; float:left; width:calc((100% - 61px)/4); margin-right:20px; margin-top:20px;}
.board_img_box li:nth-child(4n){margin-right:0;}
.board_img_box li:nth-child(-n + 4){margin-top:0;}
.board_img_box li:before{display:block; content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #d2d7e6; z-index:-1;}
.board_img_box li a{display:block;}
.board_img_box li span{display:block;}
.board_img_box li .img_area{overflow:hidden; position:relative; width:100%; padding-top:65%; }
.board_img_box li .img_area img{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #d2d7e6; box-sizing:border-box;}
.board_img_box li .txt_group{padding:20px; box-sizing:border-box;}
.board_img_box li .txt_group .tit{overflow:hidden; display:block; font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.board_img_box li .txt_group .date{display:inline-block; margin-top:10px;}
.board_img_box li .txt_group .area{margin-bottom:8px;}
.board_img_box li .txt_group .area span{position:relative; display:inline-block; margin-right:8px; font-weight:600;}
.board_img_box li .txt_group .sector{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px;}

.board_img_box li.on:before{border:3px solid #283f88;}
.board_img_box li.on .img_area img{opacity:0.6; padding:3px 3px 0 3px; box-sizing:border-box;}
.board_img_box li a:hover .txt_group .tit, .board_img_box li a:focus .txt_group .tit, .board_img_box li a:active .txt_group .tit{color:#283f88;}
.board_img_box li a:hover, .board_img_box li a:focus, .board_img_box li a:active{text-decoration:none;}

/* 우수사례 창업팀 */
.develop_best_cont li{position:relative;}

/* 포토게시판_리스트형 */
[class^="board_img_list"] li a{overflow:hidden; position:relative; display:block; padding:30px; box-sizing:border-box;}
[class^="board_img_list"] li a:before{display:block; content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #d2d7e6;}
[class^="board_img_list"] li span{display:block;}
[class^="board_img_list"] li .img_area{float:left; border:1px solid #d2d7e6; box-sizing:border-box;}
[class^="board_img_list"] li .img_area img{width:100%; height:100%;}
[class^="board_img_list"] li .txt_group{float:left; box-sizing:border-box;}
[class^="board_img_list"] li .txt_group .tit{padding-bottom:18px; margin-bottom:20px; font-size:20px; color:#333; font-weight:600;}
[class^="board_img_list"] li .txt_group .list{margin-top:12px;}

[class^="board_img_list"] li a:hover:before, [class^="board_img_list"] li a:focus:before, [class^="board_img_list"] li a:active:before{border:2px solid #283f88; box-sizing:border-box;}

/* 포토게시판_리스트형1 */
.board_img_list1 li + li{margin-top:20px;}
.board_img_list1 li .img_area{width:284px; height:205px;}
.board_img_list1 li .txt_group{width:calc(100% - 285px); padding-left:50px; padding-right:20px; }
.board_img_list1 li .txt_group .tit{overflow:hidden; position:relative; padding-top:10px; text-overflow:ellipsis; white-space:nowrap;}
.board_img_list1 li .txt_group .tit:before{display:block; content:""; position:absolute; left:0; bottom:0; width:27px; height:1px; background-color:#333;}
.board_img_list1 li .txt_group .txt{overflow:hidden; height:85px; line-height:1.8;}
.board_img_list1 li .txt_group .list span{position:relative; display:inline-block; padding:0 14px; vertical-align:middle;}
.board_img_list1 li .txt_group .list span + span:after{display:block; content:""; position:absolute; left:0; top:7px; width:1px; height:11px; background-color:#dadeeb;}
.board_img_list1 li .txt_group .list span:first-child{padding-left:0;}

/* 포토게시판_리스트형2 */
.board_img_list2:after{display:block; content:""; clear:both;}
.board_img_list2 > li{float:left; width:calc((100% - 40px)/2); margin-right:40px; margin-top:40px;}
.board_img_list2 > li:nth-child(-n+2){margin-top:0;}
.board_img_list2 > li:nth-child(2n){margin-right:0;}
.board_img_list2 li .img_area{width:200px; height:286px;}
.board_img_list2 li .txt_group{width:calc(100% - 201px); padding-left:30px;}
.board_img_list2 li .txt_group .tit{overflow:hidden; height:90px; margin-top:10px;}
.board_img_list2 li .txt_group .list{position:relative; padding-top:20px;}
.board_img_list2 li .txt_group .list:before{display:block; content:""; position:absolute; left:0; top:0; width:27px; height:1px; background-color:#333;}
/*사회적경제우수사례 - 기업소개*/
.board_great li .txt_group .list .entSumm{display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px; max-height:80px; overflow:hidden; 
vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.board_great {overflow:hidden; display:flex; flex-flow:wrap; margin-left:-40px;}
.board_great li {position:relative; width:calc((100%/2) - 40px); margin-right:0; margin-left:40px; border:1px solid #d2d7e6; box-sizing:border-box;}
.board_great li > a{position:static; height:100%;}
.board_great li > a:before{display:none;}
.board_great li .img_area{float:none; width:100%; height:230px; }
.board_great li .txt_group {float:none; width:100%; padding-left:0; margin-top:20px; padding-bottom:100px;}
.board_great li .great_cate {min-height:55px;}
[class^="board_"] .great_cate .board_state{width:auto; padding:0 10px;}
.board_great li .txt_group .tit {height:auto; margin:0; padding-bottom:10px;}
.board_great li .txt_group .list{position:absolute; bottom:30px; width:85%;}
.board_great li > a:hover,
.board_great li > a:focus,
.board_great li > a:active{text-decoration:none; }
.board_great li > a:hover:before,
.board_great li > a:focus:before,
.board_great li > a:active:before {display:block; content:""; position:absolute; left:0; top:0px; right:0px; bottom:0px; border:2px solid #283f88; z-index:10;}

/* 포토게시판_리스트형3 */
.board_img_list3 li{overflow:hidden; padding:30px; box-sizing:border-box; border:1px solid #d2d7e6;}
.board_img_list3 li + li{margin-top:20px;}
.board_img_list3 li .img_area{width:284px; height:205px;}
.board_img_list3 li .txt_group{width:calc(100% - 285px); padding-left:50px; padding-right:20px; }
.board_img_list3 li .txt_group .tit{overflow:hidden; position:relative; padding-top:10px; text-overflow:ellipsis; white-space:nowrap;}
.board_img_list3 li .txt_group .tit:before{display:block; content:""; position:absolute; left:0; bottom:0; width:27px; height:1px; background-color:#333;}
.board_img_list3 li .txt_group .txt{overflow-y:auto; height:85px; line-height:1.8;}
.board_img_list3 li .txt_group .list span{position:relative; display:inline-block; padding:0 14px; vertical-align:middle;}
.board_img_list3 li .txt_group .list span + span:after{display:block; content:""; position:absolute; left:0; top:7px; width:1px; height:11px; background-color:#dadeeb;}
.board_img_list3 li .txt_group .list span:first-child{padding-left:0;}



/* 포토게시판_view */
.board_img_view_cont{text-align:center;}
.board_img_view_cont img{max-width:100%;}
.board_img_view_cont img + img{margin-top:20px;}
.board_img_view_cont p{text-align:left;}

/* QnA_type1 */
[class^="board_qna_type"]{border-top:1px solid #51545e;}
[class^="board_qna_type"] > li{border-bottom:1px solid #d2d7e6;}
[class^="board_qna_type"] li .qna_question{display:block; position:relative; width:100%; padding:20px 70px 20px 83px; box-sizing:border-box;}
[class^="board_qna_type"] li .qna_question .qna_tit{display:block; font-size:18px; color:#333; text-align:left;}
[class^="board_qna_type"] li .qna_question .icon_qna_more{position:absolute; right:0; top:50%; width:70px; height:65px; margin-top:-32px; text-indent:-9999px;}
[class^="board_qna_type"] li .qna_answer{display:none; padding:27px 30px; box-sizing:border-box; background-color:#f3f4f7;}

[class^="board_qna_type"] li .qna_question:hover .qna_tit, [class^="board_qna_type"] li .qna_question:focus .qna_tit, [class^="board_qna_type"] li .qna_question:active .qna_tit{text-decoration:underline; text-underline-position:under;}
[class^="board_qna_type"] li.on .qna_question .icon_qna_more{transform:rotate(180deg);}

.board_qna_type1 li .qna_question:before{display:block; content:"Q"; position:absolute; left:20px; top:50%; width:42px; height:42px; margin-top:-21px; background-color:#283f88; border-radius:50%; box-shadow:0 4px 8px rgba(0,0,0,0.17); color:#fff; font-size:18px; text-align:center; line-height:2; font-weight:600;}
.board_qna_type1 li .qna_answer{position:relative; padding:30px 30px 30px 90px;}
.board_qna_type1 li .qna_answer:before{display:block; content:"A"; position:absolute; left:20px; top:24px; width:42px; height:42px; background-color:#fef5f5; border:2px solid #d14b27; border-radius:50%; box-shadow:0 4px 8px rgba(0,0,0,0.17); color:#ce2200; font-size:18px; text-align:center; line-height:2; font-weight:600; box-sizing:border-box;}

.board_qna_type2 > li{border-right:1px solid #d2d7e6; border-left:1px solid #d2d7e6; counter-increment:chapter1;}
.board_qna_type2 li .qna_question{padding:20px 70px 20px 65px;}
.board_qna_type2 li .qna_question:before{display:block; content:counter(chapter1); position:absolute; left:25px; top:50%; margin-top:-15px;  border-bottom:2px solid #283f88; color:#283f88; font-size:20px; text-align:center; font-weight:700;}
.board_qna_type2 li:nth-child(-n+9) .qna_question:before{left:30px;}

.board_qna_type3 li .qna_question{padding-left:127px; text-align:left;}
.board_qna_type3 li .qna_question:before{display:block; content:""; position:absolute; left:30px; top:17px; width:66px; height:65px; background:url(../images/bg_qna_type3_all.png) left top no-repeat;}
.board_qna_type3 li .qna_tit{font-size:20px; color:#333;}
.board_qna_type3 li .qna_tit + span{display:block; margin-top:5px; color:#366ACA; font-weight:600;}
.board_qna_type3 .qna_answer b{color:#333;}


.cont_type_service .board_qna_type3 li:nth-child(1) .qna_question:before{background-position:left top;}
.cont_type_service .board_qna_type3 li:nth-child(2) .qna_question:before{background-position:-67px top;}
.cont_type_service .board_qna_type3 li:nth-child(3) .qna_question:before{background-position:-134px top;}
.cont_type_service .board_qna_type3 li:nth-child(4) .qna_question:before{background-position:-201px top;}

.cont_type_work .board_qna_type3 li:nth-child(1) .qna_question:before{background-position:left -66px;}
.cont_type_work .board_qna_type3 li:nth-child(2) .qna_question:before{background-position:-67px -66px;}
.cont_type_work .board_qna_type3 li:nth-child(3) .qna_question:before{background-position:-134px -66px;}

.cont_type_mixed .board_qna_type3 li:nth-child(1) .qna_question:before{background-position:left -132px;}
.cont_type_mixed .board_qna_type3 li:nth-child(2) .qna_question:before{background-position:-67px -132px;}
.cont_type_mixed .board_qna_type3 li:nth-child(3) .qna_question:before{background-position:-134px -132px;}

.cont_type_community .board_qna_type3 li:nth-child(1) .qna_question:before{background-position:left -198px;}
.cont_type_community .board_qna_type3 li:nth-child(2) .qna_question:before{background-position:-67px -198px;}
.cont_type_community .board_qna_type3 li:nth-child(3) .qna_question:before{background-position:-134px -198px;}

.cont_type_etc .board_qna_type3 li:nth-child(1) .qna_question:before{background-position:left -264px;}
.cont_type_etc .board_qna_type3 li:nth-child(2) .qna_question:before{background-position:-67px -264px;}
.cont_type_etc .board_qna_type3 li:nth-child(3) .qna_question:before{background-position:-134px -264px;}
.cont_type_etc .board_qna_type3 li:nth-child(4) .qna_question:before{background-position:-201px -264px;}

/* 통합검색 */
.search_unified{padding:35px; box-sizing:border-box; background-color:#f3f4f7; text-align:center;}
.search_unified .group_i_b{display:inline-block;}
.search_unified .input_search{height:55px; border:2px solid #283f88;}
.search_unified .btn_search_unified{display:inline-block; width:64px; min-width:auto; height:55px; background:#283f88 url(../images/icon_search_b_w.png) center no-repeat; text-indent:-9999px;}
.search_unified .btn_search_detail{height:55px; margin-left:8px; padding:0 10px;}
.group_i_b{overflow:hidden;}
.group_i_b input{float:left; width:480px;}
.group_i_b button{float:left;}

.area_search_detail{margin-top:10px; padding:30px; border:1px solid #d2d7e6; background-color:#fff; box-sizing:border-box; text-align:left;}
.area_search_detail > div:after{display:block; content:""; clear:both;}
.area_search_detail > div > b{display:block; float:left; width:100px; height:50px; line-height:50px; color:#333; }
.area_search_detail > div > div{float:left; width:calc(100% - 101px); min-height:50px; line-height:50px;}
.area_search_detail input{min-width:auto; max-width:164px; width:100%; margin:3px 0;}
.area_search_detail .datepicker::placeholder{color:#8A929F;}
.area_search_detail .datepicker:hover::placeholder, 
.area_search_detail .datepicker:focus::placeholder, 
.area_search_detail .datepicker:active::placeholder{background-color:transparent !important;}

.unified_search_count{position:relative; margin:50px 0 70px 0; text-align:center; font-size:23px; color:#333;}
.unified_search_count:before{display:block; content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#51545e; z-index:-1;}
.unified_search_count span{display:inline-block; padding-right:30px; padding-left:65px; background-color:#fff; background-position:left 30px center;}
.unified_search_count b{font-weight:600;}

.tab_btn3 li{width:calc((100% - 42px)/8);}
.tab_btn3 li:nth-child(4){margin-right:6px;}

.unified_search_group > div{margin-top:50px;}
.unified_search_group .tit_goup{position:relative; padding-bottom:10px; }
.unified_search_group .tit_goup p{padding-right:70px; font-size:20px; color:#333; font-weight:600;}
.unified_search_group .tit_goup p > span{font-size:16px;}
.unified_search_group .tit_goup .more{display:block; position:absolute; right:0; top:50%; width:64px; height:35px; margin-top:-25px; border:1px solid #cdd2de; font-size:14px; text-align:center; line-height:35px; color:#333; font-weight:600;}
.unified_search_group > div > ul{border-top:1px solid #51545e;}
.unified_search_group > div > ul > li{padding:22px 0; border-bottom:1px solid #d2d7e6;}
.unified_search_group ul li a{font-size:18px; color:#333; font-weight:600;}
.unified_search_group ul li p{margin-top:12px;}
.unified_search_group ul ul{margin-top:10px;}
.unified_search_group ul ul ul{margin-top:0px;}
.unified_search_group ul ul li{position:relative; display:inline-block; padding:0 10px; font-size:14px; /* vertical-align:middle; */}
.unified_search_group ul ul li:after{display:block; content:""; position:absolute; left:0; top:6px; width:1px; height:11px; background-color:#dadeeb;}
.unified_search_group ul ul li.point_fc1 {padding:0px;}
.unified_search_group ul ul li.point_fc1 ul li:not(:first-child):after{display:block; content:""; position:absolute; left:0; top:8px; width:4px; height:7px; background:url(../images/icon_lnb_arrow_blue.png) center center no-repeat;}
.unified_search_group ul ul li:first-child{padding-left:0;}
.unified_search_group ul ul li:first-child:after{display:none;}

.unified_search_group ul li a:hover, .unified_search_group ul li a:active, .unified_search_group ul li a:focus{text-decoration:underline;}
.unified_search_group .tit_goup .more:hover, .unified_search_group .tit_goup .more:active, .unified_search_group .tit_goup .more:focus{background-color:#f3f4f7; text-decoration:none;}

.unified_search_group .pager{margin-top:0; padding-bottom:20px;}

/* datepicker */
.date{display:inline-block; max-width:320px;}
.date input{width:calc(100%/2 - 10px) !important;}
.date_btn input{width:calc(100%/2 - 40px) !important;}
input[type="text"].datepicker{background:#fff url(../images/icon_date.png) right 10px center no-repeat; cursor:pointer;}
input[type="text"]:disabled.datepicker{background-color:#f7f7f7;}
.ui-datepicker-calendar th{color:#555;background: #fff;}
.ui-datepicker-calendar tr{border-bottom:0;}
.ui-datepicker-title select{border:1px solid #b2b2b2;}
.ui-widget-content{border:2px solid #2170c1 !important; box-shadow:1px 3px 3px rgba(29,63,97,0.12);}
.ui-datepicker .ui-datepicker-header{background:none;border:none;}
.ui-datepicker .ui-datepicker-title select{font-size:13px !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{border-radius:5px;padding:3px;margin:5px !important;width:75px !important; min-width:auto; height:32px; vertical-align:middle;}
.ui-widget-header .ui-icon-circle-triangle-w{background:url(../images/datepicker_pre.png) center center no-repeat !important;width:10px;height:17px;}
.ui-widget-header .ui-icon-circle-triangle-e{background:url(../images/datepicker_next.png) center center no-repeat !important;width:10px;height:17px; margin-left:-5px !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:10px !important;}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:active, .ui-datepicker .ui-datepicker-prev:focus, 
.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-next:active, .ui-datepicker .ui-datepicker-next:focus{top:10px !important;}
.ui-datepicker .ui-datepicker-prev-hover{background:none !important;border:none !important;left:2px !important;top:12px !important;cursor:pointer;}
.ui-datepicker .ui-datepicker-next-hover{background:none !important;border:none !important;right:2px !important;top:12px !important;cursor:pointer;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none !important;border:none !important;text-align:center;font-size:13px;}
.ui-state-default:hover, .ui-state-default:focus, .ui-state-default:active{background-color:#f0f7fd !important; border-radius:5px; color:#555;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, 
.ui-state-highlight:hover, .ui-state-highlight:focus, .ui-state-highlight:active{color:#fff !important;background:#9baec8 !important;border-radius:5px;}
.ui-datepicker th{padding:10px !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, 
.ui-state-active:hover, .ui-state-active:focus, .ui-state-active:active{color:#fff !important;background:#2170c1 !important;border-radius:5px;}

/* 우수사례 검색 영역 추가 */
[class^="search_area"] > div.search_group_line {display:block; }
.search_group_line > div {position:relative; height:auto; min-height:45px; padding-left:92px; text-align:left;}
.search_group_line > div > .search_group_title{position:absolute; top:0; left:0; display:inline-block; width:80px; min-height:45px; line-height:45px; font-weight:600;}
.search_group_line .btn_sz_m:hover,
.search_group_line .btn_sz_m:focus {text-decoration:underline; opacity:0.5;}
.search_group_line .btn_sz_m.on{text-decoration:underline; opacity:0.5; box-shadow: 2px 2px 2px rgb(0,0,0,0.25); }

/* 20220916 LHI 사회적기업우수사례 게시판 키워드 추가 */	
.search_area_btn.search_area_type > div:first-child {max-width:100%; margin-bottom:10px;}	
.search_area_btn.search_area_type > div:first-child > div {display:block; position:relative; top:auto; width:100%;}	
.search_area_btn.search_area_type > div:first-child > div > .search_group_title {display:block;}

/* 20220923 LHI 사회적경제 기업성장응답센터 상세·답변 */
.brd_rep_cont > dt {position:relative; display:inline-block; width:150px; font-size:16px; font-weight:700; color:#1097d6; vertical-align:top;}
.brd_rep_cont > dd {display:inline-block; width:calc(100% - 160px); margin-bottom:30px; color:#696f7b; vertical-align:top;}
.brd_rep_reply > dt {display:block; width:100%; color:#333; z-index:1;}
.brd_rep_reply > dt > span {position:relative; z-index:0;}
.brd_rep_reply > dt > span:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:10px; background:#fff; z-index:-1;}
.brd_rep_reply > dd {display:block; width:100%; margin-bottom:20px; padding:5px 0; border-bottom:1px solid #d2d7e6;}
.brd_rep_reply > dd:last-of-type {border-bottom:none;}
.brd_rep_reply > dd > p {font-size:16px !important; line-height:1.8 !important; font-family:'bon', '본고딕', 'NG', 'nanumgothic', '나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif !important;}

/* 20221111 SHB 우수사례 검색 영역 텍스트 추가*/
.search_group_info{margin: 30px 0 0 92px; text-align: left;}

/* 20221114 LHI 웹접근성 수정 */
.pager > a.on {text-decoration:underline; text-underline-position:under;}

/* 모바일 디바이스 */

@media screen and (max-width:1400px){
    
    /* 박스형 게시판 */
    .board_box li{width:calc((100% - 21px)/2); margin-right:20px; margin-top:20px;}
    .board_box li:nth-child(3n){margin-right:20px;}
    .board_box li:nth-child(2n){margin-right:0;}
    .board_box li:nth-child(-n+3){margin-top:20px;}
    .board_box li:nth-child(-n+2){margin-top:0;}
    .board_box li a .cont{padding:15px 20px 10px 20px;}
    .board_box li a .cont div{margin-top:10px; padding-top:8px;}
    
    /* 포토게시판_박스형 */
    .board_img_box li{width:calc((100% - 21px)/2);}
    .board_img_box li:nth-child(2n){margin-right:0;}
    .board_img_box li:nth-child(-n + 4){margin-top:20px;}
    .board_img_box li:nth-child(-n + 2){margin-top:0;}
    .board_img_box li .txt_group{padding:15px 20px;}
    
    /* 포토게시판_리스트형2 */
    .board_img_list2 > li{float:none; width:100%; margin-right:0; margin-top:20px;}
    .board_img_list2 > li:nth-child(2){margin-top:20px;}
    
    /* 우수사례 */
    .board_great {margin-left:-20px;}
	.board_great li {width:calc((100%/2) - 20px);margin-left:20px;}
	.board_great > li:nth-child(-n+2){margin-top:20px;}
	
}

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

    
    .form_password{padding:42px 30px 23px 0; background:none;}
}

@media screen and (max-width:768px) {
	/* 검색영역 */
	[class^="search_area"]{padding:15px;}
	[class^="search_area"] > div:first-child select {min-width:auto; width:100%;}
	[class^="search_area"] > div:first-child input[type="text"], 
    [class^="search_area"] > div:first-child select {min-width:auto; width:100%; margin:5px 0 0 0;}
    [class^="search_area"] > div:first-child input[type="text"]:first-child,
    [class^="search_area"] > div:first-child select:first-child{margin-top:0;}
	[class^="search_area"] > div:first-child button {width:100%; height:45px; margin-top:5px; padding:0; line-height:45px;}
    
    [class^="search_area"] .search_group_btn{display:block;}
    [class^="search_area"] .search_group_btn > button{display:block;}
    [class^="search_area"] .search_group_btn > div a{width:100%; margin:0; text-align:left;}
    [class^="search_area"] .search_group_btn > div{display:none;}
    [class^="search_area"] .search_group_btn.on > div{display:block;}

	/* =============================================================  board_type01 리스트타입 */
	/* 게시판 리스트 */
	.board_normal > li {padding:20px 0;}
	/* 공지아이콘 공통 */
	.brd_notice {font-size:14px;}
	/* 게시글 정보 */
	.board_normal > li > .board_list > .brd_notice + div {width:calc(100% - 70px);}
	.board_normal > li > .board_list > .list_stu + div {width:100%; margin-top:10px;}
	.board_normal > li > .board_list > div > a {font-size:16px;}
	.board_normal > li > .board_list > div > p {margin-top:5px;}
	.board_normal > li > .board_list > div > p > span {padding:0 10px 0 0;}
	.board_normal > li > .board_list > div > p > span:after {right:5px;}
	/* 비밀글 */
	.board_normal > li > .board_list span.list_stu{margin-right:0px; height:25px; font-size:14px; line-height:25px;}
	.board_normal > li > .board_list div.list_lock{padding-left:45px;}
	.board_normal > li > .board_list div.list_lock:before{left:3px;}
	/* 게시글 버튼타입 */
	.board_normal.board_btnlist > li > .board_list{width:calc(100% - 60px); }
	.board_normal.board_btnlist > li > .list_btn{min-width:55px;}
	.board_normal.board_btnlist > li > .list_btn a {width:50px; height:50px; font-size:14px; line-height:18px;}
	.board_normal.board_btnlist > li > .list_btn a:hover,
	.board_normal.board_btnlist > li > .list_btn a:focus,
	.board_normal.board_btnlist > li > .list_btn a:active{background-color:#fff; border:2px solid #8898cd; text-decoration:none;}

	/* 페이징 */
	.pager {padding-top:20px;}
	.pager > a {display:none;}
	.pager > a[class^="btn_pg"],.pager > a.on {display:inline-block;}

	/* 버튼컨트롤 */
	.brd_btn_control > a,
    .brd_btn_control > button{display:block; width:100%; margin-top:5px; text-align:center; }

	/* =============================================================  board_type02 테이블타입 */
	.board_tbl {width:100%; border-top:1px solid #333;}
	.board_tbl colgroup , .board_tbl thead, .board_tbl tbody tr td:first-child{display:none;}
	.board_tbl > tbody, .board_tbl > tbody > tr, .board_tbl > tbody > tr > td{display:block;}
	.board_tbl > tbody > tr > td{border:0; padding:5px 10px 0 10px; text-align:left; box-sizing:border-box;}
	.board_tbl > tbody > tr{padding:5px 0 10px 0; border-bottom:1px solid #ddd;}	
    .board_tbl > tbody > tr > td:nth-child(n+3){position:relative; display:inline-block; width:auto;}
    .board_tbl > tbody > tr > td:nth-child(n+3):after{display:block; content:""; position:absolute; left:0; top:12px; width:1px; height:11px; background-color:#dadeeb;}
    .board_tbl > tbody > tr > td:nth-child(3):after{display:none;}
    
    .board_tag > tbody > tr > td:nth-child(3){display:block; width:100%;}
    .board_tag > tbody > tr > td:nth-child(4):after{display:none;}
    
    .board_tb_btn > tbody > tr > td:nth-child(n+3){display:block; width:100%;}
    .board_tb_btn > tbody > tr > td:nth-child(n+3):after{display:none;}
    .board_tb_btn > tbody > tr td:last-child{text-align:right;}
    
    .board_tb_btn2 > tbody > tr > td:nth-child(-n+6){display:block; width:100%;}
    .board_tb_btn2 > tbody > tr > td:nth-child(-n+8):after{display:none;}
    .board_tb_btn2 > tbody > tr > td:last-child,
    .board_tb_btn2 > tbody > tr > td:nth-last-child(2){padding:5px 5px 0 0;}
    
    
    .board_tbl > tbody > tr.notice_fix {background:#f6f6f6; font-weight:600; background:#fef5f5;}
    .board_tbl > tbody > tr.notice_fix:before {content:'공지'; display:inline-block; width:50px; height:26px; margin-left:10px; border:2px solid #d14b27; border-radius:5px; color:#ce2200; text-align:center; box-shadow:4px 3px 4px rgba(0,0,0,0.1); font-size:14px; font-weight:600; line-height:22px; box-sizing:border-box; vertical-align:middle; background:#fef5f5;}
    .board_tbl > tbody > tr.notice_fix > td.board_subject {display:inline-block; width:calc(100% - 70px); padding-top:0; vertical-align:middle;}
    

	/* =============================================================  게시판 상세  */
	.board_header .board_title{padding:20px 10px;}
	.board_header .board_title .board_subject > h1{font-size:18px;}
	.board_header .board_title .board_subject > p{margin-top:5px; font-size:14px;}
	.board_header .board_title .board_subject > p > span{margin-right:3px;}
	.board_header .board_title .board_subject > p > span:after{margin-left:8px;}
	/* 첨부파일 */
	.board_header .board_file{padding:10px 10px;}
	.board_header .board_file > dt{display:block; width:auto; padding-bottom:10px;}
	.board_header .board_file > dt:after{display:none;}
	.board_header .board_file > dd{display:block; width:auto; padding-left:0px;}
	.board_header .board_file > dd > p{margin-bottom:5px; font-size:14px;}
    
    .board_header .board_file dd.board_file_btn{position:relative; right:auto; top: auto;}

	/* 게시글 내용 */
	.board_cont {padding:20px 20px;}
	/* 답변내용 */
	.board_reply {padding:20px 20px;}
	.board_reply > dt{display:block; width:auto; color:#333; vertical-align:top;}
	.board_reply > dd{display:block; width:auto; margin-top:10px; padding-left:0px; border-left:0;}
	/* 상세 페이징 */
	.board_view_pager {overflow:hidden; padding:20px 30px; border-top:1px solid #d2d7e6; border-bottom:1px solid #d2d7e6;}
	.board_view_pager > li {position:relative; float:left; width:50%;}
	.board_view_pager > li > a{overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
	.board_view_pager > li > span{position:absolute; color:#333;}
	.board_view_pager > li.view_prev > a{padding-left:100px; padding-right:10px;}
	.board_view_pager > li.view_prev > span{top:0; left:0;}
	.board_view_pager > li.view_prev > span:before{content:''; display:inline-block; width:20px; height:15px; margin-right:20px; margin-top:-3px; background:url(../images/pager.png) no-repeat -58px -16px; vertical-align:middle;}
	.board_view_pager > li.view_next > a{padding-left:10px; padding-right:100px; text-align:right;}
	.board_view_pager > li.view_next > span{top:0; right:0;}
	.board_view_pager > li.view_next > span:after{content:''; display:inline-block; width:20px; height:15px; margin-left:20px; margin-top:-3px; background:url(../images/pager.png) no-repeat -105px -16px; vertical-align:middle;}

	.board_view_pager > li > a > p{display:none;}
    
    /* Table_모바일스크롤(테이블너비고정) */
    .table_cont table{min-width:768px;}
    
    /* Table_모바일스크롤(테이블너비증가) */
    .table_cont_data table{width:150%;}
    
    /* Table_반응형 */
    .table_cont_responsive table, .table_cont_responsive thead, .table_cont_responsive tbody, .table_cont_responsive tfoot, .table_cont_responsive tr, .table_cont_responsive th, .table_cont_responsive td{display:block; width:100%;}
    .table_cont_responsive thead{overflow:hidden; position:absolute; top:-10000em; height:0px; width:0px;}
    .table_cont_responsive th, .table_cont_responsive td{height:auto; border-right:1px solid #d2d7e6; border-left:1px solid #d2d7e6; box-sizing:border-box;}
    
    /* 일반게시판_테이블타입 */
    .board_basic {width:100%; border-top:1px solid #333;}
	.board_basic colgroup , .board_basic thead, .board_basic tbody tr td:first-child{display:none;}
	.board_basic > tbody, .board_basic > tbody > tr, .board_basic > tbody > tr > td{display:block; width:100%;}
	.board_basic > tbody > tr > td{border:0; padding:5px 10px 0 10px; text-align:left;}
	.board_basic > tbody > tr{padding:5px 0 10px 0; border-bottom:1px solid #ddd;}
    .board_basic > tbody > tr > td:nth-child(n+3){position:relative; display:inline-block; width:auto;}
    .board_basic > tbody > tr > td:nth-child(n+3):after{display:block; content:""; position:absolute; left:0; top:12px; width:1px; height:11px; background-color:#dadeeb;}
    .board_basic > tbody > tr > td:nth-child(3):after{display:none;}
    
    /* 게시판_view_table */
    .board_view_table, .board_view_table tbody, .board_view_table tbody tr, .board_view_table th, .board_view_table td{display:block;}
    .board_view_table th, .board_view_table td{height:auto;}
    .board_view_table tr:last-child th{border-bottom-color:#d2d7e6;}
    .board_view_table th{padding:10px 10px;}
    .board_view_table td{padding:10px 0px;}
    .board_view_table input[type="text"], .board_view_table select{width:100%;}
    
    .form_mail{max-width:100%;}
    .form_mail input[type="text"], .form_mail select{min-width:auto; width:calc((100% - 21px)/2);}
    .form_mail select{width:100%; margin-left:0; margin-top:7px;}
    
    .form_password{position:relative; padding:30px 20px; padding-bottom:50px;}
    .form_password > div{float:none; width:100%;}
    .form_password > div > label{width:100%; margin-bottom:7px; text-align:left;}
    .form_password > div > div{width:100%;}
    .form_password > div .icon_l_star{position:absolute; left:20px; bottom:20px; margin-top:0px;}

    /* 검색_2단영역 */
    .search_line2{padding:15px;}
    .search_line2 > div{height:auto;}
    .search_line2 > div *{float:none;}    
    .search_line2 > div + div{margin-top:0;}    
    .search_line2 > div label{display:block; width:100%; height:auto; margin-top:10px; padding-right:0; text-align:left; line-height:normal;}
    .search_line2 > div .group_btn > [class^="btn_"]{width:100%;}
    .search_line2 > div > div, .search_line2 > div > div > div{margin-top:5px;}
    .search_line2 > div > div:first-child, .search_line2 > div > div > div:first-child{margin-top:0;}
    
    .search_line2 .w2 > div{width:100%;}
    .search_line2 .w2_b > div{float:left;}

    .search_line2 .w6_4 > div:nth-child(1){width:100%;}
    .search_line2 .w6_4 > div:nth-child(2){width:100%;}

    .search_line2 .search_w1 > div{width:100%;}
    
    .search_line2 .search_w1_l1 label, .search_line2 .search_s_i_b label{width:100%;}
    .search_line2 .search_w1_l1 > div{width:100%;}
    .search_line2 .search_w1_l2 label{width:100%;}
    .search_line2 .search_w1_l2 > div{width:100%;}
    .search_line2 .search_s_i_b > div:nth-of-type(1),
    .search_line2.label_w_m .search_s_i_b > div:nth-of-type(1){width:100%; margin-right:0;} 
    .search_line2 .search_s_i_b > div:nth-of-type(2),
    .search_line2.label_w_m .search_s_i_b > div:nth-of-type(2){width:100%;}

    .search_line2 .search_w3 > div{width:100%;}
    .search_line2 .search_w3 > div:nth-of-type(1){padding-right:0;}
    .search_line2 .search_w3 > div:nth-of-type(2){padding:0;}
    .search_line2 .search_w3 > div:nth-of-type(3){padding-left:0;}

    .search_line2 .search_w1_w2 > div:nth-of-type(1){width:100%; padding-right:0;}
    .search_line2 .search_w1_w2 > div:nth-of-type(2){width:100%; padding-left:0;}

    .search_line2 .search_group_i_b2 input, .search_line2 .search_group_s_b2 select{width:100%;}
    .search_line2 .search_group_i_b2 .group_btn, .search_line2 .search_group_s_b2 .group_btn{overflow:hidden; margin-left:0; margin-top:5px;}
    .search_line2 .search_group_i_b2 .group_btn button, .search_line2 .search_group_s_b2 .group_btn button{float:left; width:calc((100% - 6px)/2); height:45px; padding:0; line-height:45px;}
    .search_line2 .search_group_i_b1 input{width:100%; margin-right:0;}
    .search_line2 .search_group_i_b1 button{width:100%;}
    .search_line2 .search2_w1_w2 > div:nth-of-type(1),
    .search_line2 .search2_w1_w2 > div:nth-of-type(2){width:100%;}
    
    /* 검색_2단영역 상세겸색 모바일 */
    .search_line2 .search_group_i_b2 .group_btn_detail{display:none;}
    .search_line2 > div .group_btn_m{display:block;}
    .search_line2 .search_detail_view{display:none;}
    .search_detail.detail_show .group_btn_detail{display:block;}
    .search_detail.detail_show .btn_detail span{background-image:url(../images/icon_arrow_w_t.png);}
    .search_detail.detail_show .group_btn_all{position:absolute; left:0; bottom:0; width:100%; padding:15px; box-sizing:border-box;}
    .search_detail.detail_show .group_btn_all .group_btn_m{margin-top:5px;}
    .search_detail.detail_show{position:relative; padding-bottom:115px;}
    
    .search_line2 .search_detail_view .w3 > div{width:100%;}
    
    .search_i_b input{width:100% !important;}
    .search_l_i > div{width:100%;}
    .search_l_i button{width:100%; margin-top:10px;}
    .search_group_s_b1 > select{max-width:100%;}
    .float_r{float:none !important;}
    .btn_check_group{width:100%;}
    .btn_check_group > div{margin-left:0;}
    .btn_check_group button{width:100%;}
    .btn_check_group label + label{margin-left:0;}
    .detail_show.search_btn_check{padding-bottom:140px;}
    .search_line2.search_btn_check .search_group_i_b2 .group_btn button, 
    .search_line2.search_btn_check .search_group_s_b2 .group_btn button{width:100%;}
    .group_btn_checkbox{width:100%;}
    .group_btn_checkbox button{width:100%;}
    
    /* 박스형 게시판 */
    .board_box li{width:100%; margin-right:0; margin-top:10px;}
    .board_box li:nth-child(3n){margin-right:0;}
    .board_box li:nth-child(-n+3){margin-top:10px;}
    .board_box li:first-child{margin-top:0;}
    .board_box li a .cont{overflow:hidden;}
    .board_box li a .cont p{height:auto; }
    .board_box li a .cont dl dt{float:none;}
    .board_box li a .cont dl dt:after{display:none;}
    .board_box li a .cont dl dd{float:none; width:100%; padding-left:0;}
    
    .board_box li a .cont dl:nth-child(n+2):nth-child(-n+5){float:left; width:50%;}
    
    /* 박스형게시판_view_table */
    .state_b_ln1{box-shadow:0 5px 5px rgba(0,0,0,0.1);}

    .board_header2{padding:25px 0; text-align:center;}
    .board_header2 .state_b_ln1{margin-right:0;}
    .board_header2 .board_subject{display:block; margin-top:10px;}
    
    .board_view_table2, 
    .board_view_table2 > thead, .board_view_table2 > thead > tr, .board_view_table2 > thead > tr > th, .board_view_table2 > thead > tr > td,
    .board_view_table2 > tbody, .board_view_table2 > tbody > tr, .board_view_table2 > tbody > tr > th, .board_view_table2 > tbody > tr > td{display:block;}
    .board_view_table2 > thead > tr > th, .board_view_table2 > thead > tr > td,
    .board_view_table2 > tbody > tr > th, .board_view_table2 > tbody > tr > td{padding:13px 0px; height:auto;}
    .board_view_table2 > thead > tr > td + td,
    .board_view_table2 > tbody > tr > td + td{border-left:none;}
    .board_view_table2 > thead > tr > th,
    .board_view_table2 > tbody > tr > th{border-right:none; border-bottom-style:dashed;}
    .board_view_table2 > thead > tr > td + th,
    .board_view_table2 > tbody > tr > td + th{border-left:none;}
    
    
    /* 포토게시판_박스형 */
    .board_img_box li{width:100%; margin-right:0; margin-top:10px;}
    .board_img_box li:nth-child(-n + 4){margin-top:20px;}
    .board_img_box li:first-child{margin-top:0;}
    
    /* 포토게시판_리스트형 */
    [class^="board_img_list"] li a{padding:20px;}
    [class^="board_img_list"] li .img_area{float:none;}
    [class^="board_img_list"] li .txt_group{float:none; width:100%; padding-left:0; padding-right:0;}
    [class^="board_img_list"] li .txt_group .tit{margin-top:10px;}
    
    .board_img_list1 li .img_area{width:100%;}
    
    .board_img_list2 li .img_area{margin:0 auto; margin-bottom:20px;}
    .board_img_list2 li .txt_group .tit{height:auto; margin-bottom:0; padding-bottom:0;}
    
    /* 포토게시판_리스트형3 */
    .board_img_list3 li{padding:20px;}
    .board_img_list3 li .img_area{width:100%; max-width:284px; margin:0 auto;}
    .board_img_list3 li .txt_group .txt{height:auto; max-height:85px;}
    
    /* 우수사례 */
    .board_great {margin-left:0px;}
	.board_great li {width:100%; margin-left:0px;}
	.board_great > li:nth-child(2){margin-top:20px;}
	.board_great li .txt_group {padding-bottom:0;}
	.board_great li .txt_group .list {position:relative; bottom:auto; width:100%;}
    
    /* QnA_type */    
    [class^="board_qna_type"] li .qna_question:before{left:17px;}
    [class^="board_qna_type"] li .qna_question .qna_tit{font-size:16px;}
    [class^="board_qna_type"] li .qna_question .icon_qna_more{display:none;}
    
    .board_qna_type1 li .qna_question{padding:15px 30px 15px 73px;}
    .board_qna_type1 li .qna_answer{padding:15px 30px 15px 73px;}
    .board_qna_type1 li .qna_answer:before{left:15px; top:24px;}
    
    .board_qna_type2 li .qna_question{padding:15px 30px 15px 50px;}
    .board_qna_type2 li .qna_answer{padding:20px 25px;}
    
    .board_qna_type3 li .qna_question{padding-left:20px;}
    .board_qna_type3 li .qna_question:before{display:none;}
    .board_qna_type3 li .qna_question .icon_qna_more{display:block;}
    
    /* 통합검색 */
    .search_unified .group_i_b{display:block;}
    
    .group_i_b input{min-width:auto; width:calc(100% - 64px);}
    .search_unified .btn_search_detail{width:100%; height:45px; margin-top:10px; margin-left:0;}

    .unified_search_count{margin:30px 0 40px 0; font-size:20px; text-align:left;}
    .unified_search_count span{padding-right:0; padding-left:47px; background-position:left 10px center;}

    .search_i_b.group_btn_100 a{margin-top:10px;}
    
    .area_search_detail > div + div{margin-top:25px;}
    .area_search_detail > div > b{float:none; width:auto; height:auto; margin-bottom:5px; line-height:1.47;}
    .area_search_detail > div > div{float:none; width:100%; min-height:auto; line-height:1.47;;}
    .area_search_detail label{display:inline-block; margin:3px 0; margin-right:8px;}
    .area_search_detail label + label{margin-left:0;}
    
    
    /* 우수사례 검색 영역 추가 */
    .search_group_line.on {z-index:2;}
	.search_group_line > button {float:none !important; position:relative;}
	.search_group_line > div {position:absolute; top:45px; padding-left:0px;}
	.search_group_line > div > .search_group_title{display:none;}
	    
	    
	/* 20220916 LHI 사회적경제 우수사례 키워드 추가 */	
	.search_area_btn.search_area_type > div:first-child > div > .search_group_title {display:block; position:relative; top:auto; left:auto; width:100%; height:auto; min-height:auto; margin-top:10px; line-height:normal;}	
	
	/* 20221111 SHB 우수사례 검색 영역 텍스트 추가*/
	.search_group_info{margin:0;}
}