@charset "utf-8";

/***** 컨텐츠 시작 *****/

/* sub010200_교육비전_강원교육방향 */
.sub0102 img {width:100%;}

/* sub020100_공약실천계획_매니페스토 알아보기 */
.sub0201 strong {font-size:18px;color:#000;margin:30px 0;display:block;}
.sub0201 .manifesto_a {display:flex;flex-wrap:wrap;width:100%;align-items:flex-end;margin-top:20px;}
.sub0201 .manifesto_a a {margin-left:20px;}
    @media only screen and (max-width:767px){
        .sub0201 .manifesto_a {justify-content:center;text-align:center;    margin-top:0;}
        .sub0201 .manifesto_a div {width:100%;}
		.sub0201 .manifesto_a a {margin-left:0;margin-top:10px;}
	}

/* sub020200_공약실천계획_공약실천계획 수립과정 */
.sub0202 .list_box {display:flex;flex-wrap:wrap;width:100%;border:1px solid #ddd;}
.sub0202 .list_box .list_title {width:30%;padding:20px 20px;background:#f1f1f1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.sub0202 .list_box .list_title p {text-align:center;font-size:16px;font-weight:600;line-height:normal;margin-top:0;}
.sub0202 .list_box .list_txt {width:70%;padding:20px 30px;font-size:14px;}
.sub0202 .list_box .list_txt .list1 > li {margin:10px 0;}
.sub0202 .list_box2 .list_title {background:#f4f8ff;}
.sub0202 .arrow_box {margin:20px 0;}
    @media only screen and (max-width:767px){
        .sub0202 .list_box .list_title {width:100%;padding:15px 5%;}
        .sub0202 .list_box .list_title p {font-size:16px;}
        .sub0202 .list_box .list_txt {width:100%;padding:15px 5%;}
    }

/* sub020300_공약실천계획_공약총괄 */
.sub0203 .tableA_2 tbody th {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.sub0203 .tableA tbody .btn_line {padding:0;width:30px;height:30px;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;line-height:28px;margin-left:10px;}
.sub0203 .tableA tbody span {background:#032f85;color:#fff;padding:2px 5px;border-radius:5px;margin-right:10px;font-size:14px;}
.sub0203 .rental_box .tableA thead th {padding:12px 10px;font-size:15px;}
.tableA tbody th.blue_th {background:#bfdff5;padding:12px 10px;}
.tableA tbody tr.gray_tr th, .tableA tbody tr.gray_tr td {background:#e8e8e2;color:#666;}
.sub0203 .rental_box .tableA tbody td {text-align:center;padding:12px 10px;}
.sub0203 .rental_box .tableA tbody td em {background:#005fa2;color:#fff;padding:2px 10px;border-radius:30px;font-size:14px;}
.tableA_green {border-top:2px solid #54ad6b;}
.tableA_green thead th {background:#f5fff8;}
.tableA_green tbody th.blue_th {background:#cbf3d5;}
.tableA_green .btn_bace {background:#54ad6b;border:1px solid #54ad6b;}
.tableA_green .btn_bace:hover, .tableA_green .btn_bace:active, .tableA_green .btn_bace.on  {background:#333;border:1px solid #333;}

.tableA_lightgreen {border-top:2px solid #a9c95e;}
.tableA_lightgreen thead th {background:#faffee;}
.tableA_lightgreen tbody th.blue_th {background:#e0f1b7;}
.tableA_lightgreen .btn_bace {background:#83ab26;border:1px solid #83ab26;}

.tableA_orange {border-top:2px solid #e6a740;}
.tableA_orange thead th {background:#fff2dd;}
.tableA_orange tbody th.blue_th {background:#ffe997;}
.tableA_orange .btn_bace {background:#e6a740;border:1px solid #e6a740;}

.tableA_red {border-top:2px solid #de6b3c;}
.tableA_red thead th {background:#fff3ef;}
.tableA_red tbody th.blue_th {background:#ffe1d7;}
.tableA_red .btn_bace {background:#de6b3c;border:1px solid #de6b3c;}

.sub0204 .tab_box .tab_menu_box2 li:nth-child(2).on h4 a {background:#83ab26;}
.sub0204 .tab_box .tab_menu_box2 li:nth-child(3).on h4 a {background:#e6a740;}
.sub0204 .tab_box .tab_menu_box2 li:nth-child(4).on h4 a {background:#de6b3c;}
.sub0204 .tab_box .tab_menu_box2 li:nth-child(5).on h4 a {background:#54ad6b;}

    @media only screen and (max-width:767px){
        .sub0203 .tableA thead th {padding:10px 0;font-size:13px;}
        .sub0203 .tableA_2 tbody th {padding:10px 0;font-size:13px;}
        .sub0203 .tableA_2 tbody th p {display:inline-block;width:100%;}
        .sub0203 .tableA tbody .btn_line {margin-left:0;margin-top:5px;}
    }

/* sub020400_공약실천계획_공약세부추진계획 */
.sub0204 .btn_bace {padding:0 15px;font-size:14px;}
.sub0204 .btn_line {padding:0 15px;font-size:14px;}
    @media only screen and (max-width:767px){
        .sub0204 .tab_box .tab_menu_box2 li {width:33.33% !important;}
        .sub0204 .tableA colgroup col {width:50% !important;}
        .sub0204 .tableA colgroup col + col {width:25% !important;}
        .sub0204 .btn_bace {padding:0 5px;font-size:12px;}
        .sub0204 .btn_line {padding:0 5px;font-size:12px;}
    }

/* sub020500_공약실천계획_공약예산 */
.sub0205 .chart_box {display:flex;flex-wrap:wrap;gap:2%;justify-content:space-between;}
/* .sub0205 .chart_box .chart {flex-basis:49%;border:1px solid #ddd;padding:40px;text-align:center;border-radius:20px;} */
.sub0205 .chart_box .chart {border:1px solid #ddd;padding:40px;text-align:center;border-radius:20px;}
.sub0205 .chart_box .chart img {max-width:100%;}
.sub0205 .table_tit {display:flex;justify-content:space-between;align-items:flex-end;}
.sub0205 .table_box .rental_box .first {color:#000;text-align:left;word-break:keep-all;}
	@media only screen and (max-width:767px){
		.sub0205 .chart_box {flex-direction:column;gap:10px;}
		.sub0205 .chart_box .chart {padding:20px;}
	}

/* sub020600_공약실천계획_선거공약서/공약실천계획서 */
.promise {display:flex;flex-wrap:wrap;justify-content:space-between;}
.promise li {width:49%;border:1px solid #ddd;}
.promise li .box {display:flex;flex-wrap:wrap;width:100%;}
.promise li .thumb {display:flex;vertical-align:middle;width:150px;}
.promise li .thumb img {width:100%;}
.promise li .con {width:calc(100% - 150px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;vertical-align:middle;padding:20px 30px;}
.promise li .con .con-inner {display:inline-block;width:100%;}
.promise li .con .title1 {font-size:16px;font-weight:600;color:#032f85; margin-bottom:10px;background:#dce9ff;display:inline-block;padding:0 20px;border-radius:30px;}
.promise li .con .title2 {font-size:24px;font-weight:600;color:#010101; margin-bottom: 20px;}
.promise li .link-box {display:inline-block;width:100%;}
.promise li .link-box a {padding:0 15px;}
    @media only screen and (max-width:1199px){
        .promise li {width:100%;margin-bottom:10px;}
	}
    @media only screen and (max-width:767px){
        .promise li .thumb {width:30%;}
        .promise li .con {width:70%;padding:20px 5%;}
        .promise li .con .title1 {font-size:14px;margin-bottom:0;}
        .promise li .con .title2 {font-size:18px;margin-bottom:10px;}
    }

/* ---------------------- sub03 공약이행평가*/
/* 공약관리체계 */
.sub0301 {}
.sub0301 .step_wrp {display:flex;flex-wrap:wrap;justify-content: space-between;}
.sub0301 .step_wrp > li {position:relative;text-align: center;width:24%;border:1px solid #ddd;}
.sub0301 .step_wrp > li + li:before {content:'';position:absolute;top:0;bottom:0;left:-5%;margin:auto;background:url("./../images/common/sh_bt_arr.png") no-repeat center;width:8px;height:12px;}
.sub0301 .step_wrp > li .titbox {width:100%;padding:20px 0;background:#f4f8ff;}
.sub0301 .step_wrp > li .titbox .tit {color:#000;margin-top:0;font-size:17px;font-weight:600;}
.sub0301 .step_wrp > li .titbox .num {display:inline-block;margin-right:5px;background:#032F85;color:#fff;font-size:.85em;line-height:26px;width:26px;height:26px;font-weight:400;border-radius:50px;}
.sub0301 .step_wrp > li > ul {padding:20px 15px;text-align:left;font-size:.9em;}
.sub0301 .step_wrp > li > ul.flex li {display:flex;}
.sub0301 .step_wrp > li > ul.flex li strong {display:inline-block;width:30px;}
.sub0301 .step_wrp > li > ul.flex li span {display:inline-block;width:calc(100% - 30px);}
	/* 모바일 */
	@media only screen and (max-width:1199px){
		.sub0301 .step_wrp > li {width:48%;margin:1%;}
		.sub0301 .step_wrp > li + li:before {left:-3.5%;}
	}
	@media only screen and (max-width:560px){
		.sub0301 .step_wrp > li {width:100%;}
		.sub0301 .step_wrp > li + li:before {display: none;}
		.sub0301 .step_wrp > li .titbox {display:flex;align-items: center;justify-content: center;padding:15px 0;}
		.sub0301 .step_wrp > li .titbox .tit {font-size:16px;}
		.sub0301 .step_wrp > li > ul {padding:15px;}
	}

/* 공약이행평가결과 */
.sub0302 .chart {border:1px solid #ddd;padding:40px 80px;}
.sub0302 .chart .chart_list {display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}
.sub0302 .chart .chart_list li {text-align:center;}
.sub0302 .chart .chart_list li img {max-width:100%;max-height:270px;}
.sub0302 .chart .chart_cate {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 30px;margin-top:30px;color:#000;}
.sub0302 .chart .chart_cate li {display:flex;align-items:center;}
.sub0302 .chart .chart_cate li span {display:inline-block;width:10px;height:10px;margin-right:5px;}
.sub0302 .chart .chart_cate li:nth-child(1) span {background:#032f85;}
.sub0302 .chart .chart_cate li:nth-child(2) span {background:#83ab26;}
.sub0302 .chart .chart_cate li:nth-child(3) span {background:#e6a740;}
.sub0302 .chart .chart_cate li:nth-child(4) span {background:#de6b3c;}
.sub0302 .chart .chart_cate li:nth-child(5) span {background:#54ad6b;}
.sub0302 .chart .chart_cate li em {line-height:normal;font-weight:700;font-size:18px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.sub0302 .chart {border:1px solid #ddd;padding:40px;}
		.sub0302 .chart .chart_list {display:grid;grid-template-columns:repeat(1,1fr);gap:20px;}
		.sub0302 .chart .chart_cate {flex-direction:column;}
		.sub0302 .chart .chart_cate li em {font-size:16px;}
	}

/* 도민배심원단운영 > 도민배심원단 운영현황 */
.sub0303 .operation_wrp .step_wrp {display:flex;flex-wrap:wrap;justify-content: space-between;}
.sub0303 .operation_wrp .step_wrp li {position:relative;width:23%;padding:20px 15px 30px;text-align: center;border:1px solid #ddd;}
.sub0303 .operation_wrp .step_wrp li + li:before {content:'';position:absolute;top:0;bottom:0;left:-7%;margin:auto;background:url("./../images/common/sh_bt_arr.png") no-repeat center left;width:8px;height:12px;}
.sub0303 .operation_wrp .step_wrp li .num {display:inline-block;border-radius:50px;background:#a5a5a5;color:#fff;font-size:.8em;line-height:30px;width:30px;height:30px;}
.sub0303 .operation_wrp .step_wrp li:nth-child(2) .num {background:#5b9bd5;}
.sub0303 .operation_wrp .step_wrp li:nth-child(3) .num {background:#ed7d31;}
.sub0303 .operation_wrp .step_wrp li:nth-child(4) .num {background:#70ad47;}
.sub0303 .operation_wrp .step_wrp li .step_tit {font-size:18px;font-weight:600;color:#000;}
.sub0303 .operation_wrp .step_wrp li .txt {padding-top:10px;margin-top:10px;font-size:.9em;border-top:1px dashed #ddd;}
.sub0303 .operation_wrp .step_wrp.s02 li .num {background:#70ad47;}
.sub0303 .operation_wrp .step_wrp.s02 li:nth-child(2) .num {background:#ed7d31;}
.sub0303 .operation_wrp .step_wrp.s02 li:nth-child(3) .num {background:#4472c4;}
.sub0303 .operation_wrp .step_wrp.s02 li:nth-child(4) .num {background:#a5a5a5;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.sub0303 .operation_wrp .step_wrp li {width:48%;margin-bottom:4%;}
		.sub0303 .operation_wrp .step_wrp li + li:before {left:-5%;}
	}
	@media only screen and (max-width:560px){
		.sub0303 .operation_wrp .step_wrp li {width:100%;margin-bottom:20px;}
		.sub0303 .operation_wrp .step_wrp li + li:before {left:0;right:0;bottom:unset;top:-18px;transform:rotate(90deg);}
	}

/* ---------------------- sub04 소통과 참여 */
/* 도민제안 */
.linkarea {display:flex;flex-wrap:wrap;width:100%;margin:auto;}
.linkarea .linkbox {width:48%;margin:1%;padding:80px 15px;background:#f4f8ff;text-align: center;}
.linkarea .linkbox .stit {}
.linkarea .linkbox .stit img {max-height:110px;}
.linkarea .linkbox .stit span {display:block;margin-top:10px;font-weight:bold;color:#1e87d3;font-size:20px;}

/* 도민소통 */
.sns_list {display:flex;flex-wrap:wrap;justify-content: space-between;}
.sns_list > li {width:32%;margin:.6%;border:1px solid #eee;transition:all .4s;-webkit-transition:all .4s;}
.sns_list > li a {display:flex;align-items: center;width:100%;height:100%;padding:20px;}
.sns_list > li a .logobox {border-radius:10px;margin-right:10px;background:#3a5ca9;}
.sns_list > li a span {position:relative;color:#000;padding-right:17px;font-size:15px;}
.sns_list > li a span:after {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;background:url("./../images/layout/link.png") no-repeat center right;width:12px;height:12px;opacity: .5;
	filter:brightness(0) saturate(100%) invert(13%) sepia(0%) saturate(300%) hue-rotate(140deg) brightness(92%) contrast(97%);}
.sns_list > li.fb a .logobox {}
.sns_list > li.insta a .logobox {background: url("./../images/content/sub04/sns_insta_bg.png") no-repeat center;background-size: cover;}
.sns_list > li.kko a .logobox {background:#fae100;}
.sns_list > li.ytb a .logobox {background:#ff0000;}
.sns_list > li.blog a .logobox {background:#2cb24a;}
.sns_list > li:hover {border:1px solid #222;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 도민소통 */
		.sns_list > li {width:49%;margin:.5%;}
	}
	@media only screen and (max-width:560px){
		/* 도민제안 */
		.linkarea .linkbox {width:100%;padding:40px 0;}
		.linkarea .linkbox .stit img {max-height:80px;}
		/* 도민소통 */
		.sns_list > li {width:100%;margin:.5%;}
	}

/***** 공통 *****/
/* 만족도 조사 */
.survey {margin-top:80px;}
.survey .check_box {padding:30px 35px;background-color:#f7f7f7;border:1px solid #cfd0d7;}
.survey .check_box:after {content:'';display:block;clear:both;}
.survey .check_box strong {display:block;font-size:1.063em;line-height:1.6;letter-spacing:-0.04em;color:#000;padding-left:36px;margin-bottom:15px;background:url("../images/layout/icon_survey.png") no-repeat left center;word-break:keep-all;}
.survey .check_box .form_list {display:flex;flex-wrap:wrap;gap:15px 30px;margin-right:35px;}
.survey .opinion {border:1px solid #cfd0d7;border-top:0;padding:20px 35px;color:#000;}
.survey .opinion input {width:calc(100% - 130px);height:40px;line-height:40px;}
	@media only screen and (max-width:1023px){
		.survey {margin-top:50px;}
		.survey .opinion input {width:calc(100% - 120px);}
	}
	@media screen and (max-width:767px) {
		.survey {margin-top:40px;}
		.survey .check_box {padding:20px;}
		.survey .check_box strong {padding-left:27px;background-size:20px auto;}
		.survey .check_box .form_list {margin-right:20px;}
		.survey .opinion {padding:18px 20px;}
		.survey .opinion input {margin-bottom:5px;}
		.survey .opinion input, .survey .opinion .btn_bace {width:100%;}
	}

/* 컨텐츠 상단박스 */
.icon_box {background:#f7f7f7;border-radius:10px;padding:30px 50px;margin-bottom:40px;}
.icon_box .icon {width:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;}
.icon_box .icon .info_icon {width:96px;flex-shrink:0;}
.icon_box .text {width:calc(100% - 96px);padding-left:3.2rem;word-break:keep-all;}
.icon_box .text li {flex-grow:1;letter-spacing:-0.03em;line-height:1.4;}
.icon_box .text li:first-child {margin-top:0;}
.icon_box .text li:after {top:9px;}
	@media screen and (max-width:767px) {
		.icon_box {padding:20px 30px;}
		.icon_box .icon .info_icon {display:none;}
		.icon_box .text {width:100%;padding-left:0;}
	}

/* 탭메뉴 */
.tab_box [class^="tab_menu_box"] {display:flex;justify-content:center;flex-wrap:wrap;border-left:1px solid #cfd0d7;border-top:1px solid #cfd0d7;}
.tab_box [class^="tab_menu_box"] li {flex-grow:1;width:33.333%;border-right:1px solid #cfd0d7;border-bottom:1px solid #cfd0d7;}
.tab_box [class^="tab_menu_box"].tap_btn2 li {width:50%;}
.tab_box [class^="tab_menu_box"].tap_btn4 li {width:25%;}
.tab_box [class^="tab_menu_box"].tap_btn5 li {width:20%;}
.tab_box [class^="tab_menu_box"] li h4 {font-weight:400;font-size:1em;}
.tab_box [class^="tab_menu_box"] li h4 a {display:grid;place-items:center;padding:0 10px;height:60px;background:#fff;color:#222;transition:0.4s;text-align:center;}
.tab_box [class^="tab_menu_box"] li:first-child h4 a {margin-left:0;}
.tab_box [class^="tab_menu_box"] li h4 a span {}
.tab_box [class^="tab_menu_box"] li.on {border:1px solid #032f85;}
.tab_box [class^="tab_menu_box"] li.on h4 a {background:#032f85;color:#fff;}
.tab_box [class^="tab_menu_box"].tap_btn2 li {width:50%;}
.tab_box .tab_menu_box2.tap_btn4 {padding:0;}
.tab_box .tab_menu_box2.tap_btn4 li {width:25%;border-right:none;border-bottom:none;}
.tab_box .tab_menu_box2 li h4 a {background:#f2f2f2;border-right:1px solid #cfd0d7;border-bottom:1px solid #cfd0d7;height:45px;}
.tab_box .tab_menu_box2 li.on {border:none;}
.tab_box .tab_menu_box2 li.on h4 a {background:#005fa2;}
.tab_box .tab_content,
.tab_box .tab_content2 {display:none;}
.tab_box .tab_content.on,
.tab_box .tab_content2.on {display:block;}
@media only screen and (max-width:1199px){
	.tab_box .tab_menu_box.tap_btn3 {padding:0 15%;}
}
@media only screen and (max-width:1023px){
	.tab_box [class^="tab_menu_box"] li {width:50%;}
	.tab_box .tab_menu_box.tap_btn3 {padding:0 5%;}
	.tab_box .tab_menu_box.tap_btn4 {padding:0;}
	.tab_box .tab_menu_box.tap_btn5 {justify-content:flex-start;}
	.tab_box .tab_menu_box.tap_btn5 li {flex-grow:0;}
	.tab_box .tab_menu_box2.tap_btn4 {justify-content:flex-start;}
	.tab_box .tab_menu_box2.tap_btn4 li {flex-grow:0;}
}
@media only screen and (max-width:767px){
	.tab_box [class^="tab_menu_box"] li {width:100%;}
	.tab_box .tab_menu_box.tap_btn2 {padding:0;}
	.tab_box .tab_menu_box.tap_btn3 {justify-content:flex-start;padding:0;}
	.tab_box .tab_menu_box.tap_btn3 li,
	.tab_box .tab_menu_box.tap_btn4 li,
	.tab_box .tab_menu_box.tap_btn5 li {flex-grow:0;width:50%;}
	.tab_box .tab_menu_box li h4 a {height:50px;}
	.tab_box .tab_menu_box2.tap_btn4 li {width:50%;}
	.tab_box .tab_menu_box2 li h4 a {height:50px;}
	.tab_box .bottom_btn {display:flex;justify-content:space-between;}
	.tab_box .bottom_btn .btn_bace_rd {width:49%;}
	.tab_box .bottom_btn2 .btn_bace_rd {width:100%;}
}

/* 상단라인 */
.board_line {border-top:2px solid #666;}

/* 달력 */
.datepic {display:flex;align-items:center;flex-wrap:wrap;}
.datepic .datepic_input {flex-grow:1;margin-right:6px;}
.datepic .datepic_icon {}
.datepic .datepic_icon span {display:grid;place-items:center;width:50px;height:50px;border:1px solid #666;cursor:pointer;background-color:#fff;}
.datepic > span {margin:0 5px;}
/*table .datepic .datepic_input {width:50%;}*/
@media only screen and (max-width:767px){
	.datepic .datepic_input {flex-grow:1;margin-right:6px;}
	.datepic .datepic_icon span {width:40px;height:40px;}
	.datepic > span {margin:0 5px;}
}
@media only screen and (max-width:539px){
	.datepic .end_date {width:calc(50% - 12px);flex-shrink:1;margin-top:5px;}
	.datepic .end_icon {margin-right:15px;margin-top:5px;}
}

/* 게시글 검색 */
.board_search_box, .board_search_box form {display:flex;width:100%;}
.board_search_box select {margin-right:5px;background:url("../images/common/icon_select.png") no-repeat right 9px center #fff;}
.board_search_box .search_text {margin-right:5px;width:100%;border:1px solid #cfd0d7;}
.board_search_box .search_button {min-width:95px;}
	@media only screen and (max-width:1023px){
		.board_search_box .search_select {flex-grow:1;}
		.board_search_box .search_text {flex-grow:1;width:50%;}
		.board_search_box .search_button {flex-shrink:0;width:80px;}
	}
	@media only screen and (max-width:767px){
		.board_search_box, .board_search_box form {flex-direction:column;gap:5px;}
		.board_search_box select {margin-right:0;}
		.board_search_box .search_text, .board_search_box .search_button {width:100%;}
	}

.btn_box {display:flex;justify-content:space-between;}
.btn_box .left_btn {display:flex;flex-wrap:wrap;}
	@media only screen and (max-width:1023px){
		.btn_box {display:block;}
		.btn_box button {padding:0 10px;}
		.btn_box .left_btn {justify-content:center;}
		.btn_box .left_btn select {width:100%;}
		.btn_box .left_btn button {margin-top:5px;}
		.btn_box > div:nth-child(2) {display:block;text-align:center;margin-top:5px;}
	}

/* 폼 테이블 */
.form_table {width:100%;table-layout:fixed;border-top:2px solid #000;}
.form_table tbody tr th, .form_table tbody tr td {padding:15px;border-bottom:1px solid #cfd0d7;}
.form_table tbody tr th {color:#000;font-size:17px;background:#f4f8ff;}
.form_table tbody tr td {border-left:1px solid #cfd0d7;}
.form_table .contbox, .form_table .emailbox {display:flex;flex-wrap:wrap;align-items:center;gap:5px;}
	@media only screen and (max-width:767px){
		.form_table {}
		.form_table tbody tr th, .form_table tbody tr td {padding:15px 10px;}
		.form_table .emailbox input,
		.form_table .emailbox select {width:30%;}
		.form_table colgroup {display:none;}
		.form_table tbody tr {display:block;position:relative;border-bottom:1px solid #cfd0d7;}
		.form_table tbody tr:after {content:'';display:block;clear:both;visibility:hidden;height:0;}
		.form_table tbody th {display:block;border:none;background-color:transparent;text-align:left;}
		.form_table tbody td {display:block;width:100%;background-color:transparent;text-align:left;box-sizing:border-box;border:0 !important;}
		.form_table tbody tr:first-child th,
		.form_table tbody tr:first-child td {border-top:0;}
		.form_table .contbox, .form_table .emailbox {gap:3px;}
	}
	@media only screen and (max-width:560px){
		.form_table .contbox select,
		.form_table .contbox input {width:calc(33.3% - 10px);}
		.form_table .emailbox input.sec {width:calc(50% - 18px);}
		.form_table .emailbox input {width:50%;}
		.form_table .emailbox select {width:100%;margin:5px 0 0 0;}
	}
/* 파일첨부 */
.form_table .upload_info {font-size:0.938em;}
.form_table .upload_info b {color:#000;}
.form_table .file_list {margin-top:10px;padding-top:10px;border-top:1px dashed #cfd0d7;}
.form_table .file_list li {display:flex;flex-wrap:wrap;align-items:center;}
.form_table .file_list li:not(:first-child) {margin-top:5px;}
.form_table .file_list li .checked input[type="radio"] {margin:-4px 5px 0 0;}
.form_table .file_list li p {margin:0 15px 0 5px;width:80%;}
.form_table .file_list li a.btn_remove {background:#fff;height:30px;line-height:28px;font-size:12px;padding:0 10px;-webkit-transition:all 0.3s;transition:all 0.3s;margin-left:auto;}
.form_table .file_list li a.btn_remove:hover,
.form_table .file_list li a.btn_remove:focus,
.form_table .file_list li a.btn_remove:active {border-radius:3px;color:#000;-webkit-transition:all 0.3s;transition:all 0.3s;}
	@media only screen and (max-width:1199px){
		.form_table .file_list li p {width:75%;}
	}
	@media only screen and (max-width:560px){
		.form_table .file_list li p {width:70%;}
	}
	@media only screen and (max-width:425px){
		.form_table .file_list li p {width:60%;}
	}

/***** 일반게시판 *****/
/* 일반게시판 뷰 */
.responsive .board_table {width:100%;border-bottom:1px solid #cfd0d7;border-top:2px solid #222;word-break:normal;color:#000;}
.responsive .board_table thead th {font-weight:400;border-bottom:1px solid #cfd0d7;}
.responsive .board_table tfoot th {background:#e8e8e2;border-top:1px solid #cfd0d7;}
.responsive .board_table tfoot td {border-left:1px solid #e4e4e4;border-top:1px solid #cfd0d7;background:#e8e8e2;}
.responsive .board_table tbody th {border-top:1px solid #cfd0d7;text-align:left;vertical-align:middle;color:#747474;font-weight:400;}
.responsive .board_table thead th, .responsive .board_table tfoot th, .responsive .board_table tfoot td, .responsive .board_table tbody th {padding:12px 20px;}
.responsive .board_table tbody tr td {padding:15px 10px;border-top:1px solid #cfd0d7;}
.responsive .board_table tbody tr:first-child td {border-top:none;}
.responsive .board_table tbody tr td a {cursor:pointer;}
.responsive .board_table tbody tr:first-child th:first-child,
.responsive .board_table tbody tr:first-child td:nth-of-type(1) {border-top:0;}

.responsive .board_table tbody tr.notice_wrap {background:#f4f8ff;}
.responsive .board_table tbody tr.notice_wrap td .notice {display:inline-block;font-size:0.875em;background-color:#d20038;padding:4px 12px 5px;color:#fff;border-bottom-right-radius:8px;}
.responsive .board_table tbody tr td .new {display:inline-block;margin-right:8px;border:1px solid #d20038;color:#d20038;font-size:0.625em;padding:0 5px 1px;line-height:15px;vertical-align:2px;}
	@media only screen and (max-width:1199px){
		.responsive .board_table thead th, .responsive .board_table tfoot th, .responsive .board_table tfoot td, .responsive .board_table tbody th {padding:12px 10px;}
	}
	@media only screen and (max-width:1023px){
		.responsive .board_table {word-break:keep-all;margin-top:10px;}
		.responsive .board_table colgroup col {width:100% !important;}
		.responsive .board_table, .responsive .board_table thead, .responsive .board_table tbody, .responsive .board_table th, .responsive .board_table td, .responsive .board_table tr {display:block;}
		.responsive .board_table thead tr {position:absolute;top:-9999px;left:-9999px;}
		.responsive .board_table tbody tr {padding:10px 0;border-bottom:1px solid #cfd0d7;}
		.responsive .board_table tbody tr:last-child {border-bottom:none;}
		.responsive .board_table tbody tr td {position:relative;padding:5px 0 5px 115px;white-space:normal;width:100%;border-top:none;}
		.responsive .board_table tbody tr:first-child td:first-child {border:none;}
		.responsive .board_table {border-top:1px solid #222;}
		.responsive .board_table td:before {content:attr(data-title);position:absolute;top:9px;left:10px;width:100px;padding-right:10px;font-weight:500;white-space:nowrap;}
		.responsive .board_table td:after {content:"";position:absolute;top:9px;left:100px;width:1px;height:10px;background-color:#dedede;}
		.responsive .board_table tbody tr:after {content:".";display:block;clear:both;visibility:hidden;height:0;}
		.responsive .board_table tbody td {display:block;padding:2px 3%;border:none;background-color:transparent;text-align:left;box-sizing:border-box;}
		.responsive .board_table tbody th {display:block;padding:2px 3%;border:none;background-color:transparent;text-align:left;vertical-align:middle;}
		.responsive .board_table tbody tr:first-child td, .responsive .board_table tbody tr:first-child th {border-top:none;}
		.responsive .board_table > tbody > th:before, .responsive .board_table > tbody td:before {content:attr(data-content)'';display:inline;}
	}

/* 일반게시판_상세 */
.board_detail {border-top:2px solid #000;}
.board_detail .bo_head {padding:30px;border-bottom:1px solid #cfd0d7;}
.board_detail .bo_head em.title {font-size:1.500em;font-weight:700;color:#000;}
.board_detail .bo_head dl {font-size:0.938em;margin-top:15px;}
.board_detail .bo_head dl dt, .board_detail .bo_head dl dd {float:left;}
.board_detail .bo_head dl dt {padding-left:20px;position:relative;font-weight:500;color:#999;}
.board_detail .bo_head dl dt:before {position:absolute;left:0;top:5px;content:'';width:1px;height:14px;background-color:#cfd0d7;}
.board_detail .bo_head dl dt:after {display:inline-block;padding:0 6px;content:':';}
.board_detail .bo_head dl dt:first-of-type {padding-left:0;}
.board_detail .bo_head dl dt:first-of-type:before {content:none;}
.board_detail .bo_head dl dd {padding-right:20px;color:#000;}

.board_detail .bo_file {margin-top:20px;background:#f7f7f7;border-radius:10px;padding:20px 30px;}
.board_detail .bo_file li {display:flex;flex-wrap:wrap;align-items:center;margin-bottom:5px;}
.board_detail .bo_file li:last-child {margin-bottom:0;}
.board_detail .bo_file li .bo_file_ico {margin-right:5px;}
.board_detail .bo_file li a.btn_file {font-size:0.938em;margin-right:10px;width:calc(100% - 110px);text-decoration:underline;}
.board_detail .bo_file li a.btn_file:hover,.board_detail .bo_file li a.btn_file:focus,.board_detail .bo_file li a.btn_file:active {color:#00579e;-webkit-transition:all 0.1s;transition:all 0.1s;}
.board_detail .bo_file li a.btn_preview {background:#fff;height:30px;line-height:28px;font-size:12px;padding:0 10px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.board_detail .bo_file li a.btn_preview:hover,
.board_detail .bo_file li a.btn_preview:focus,
.board_detail .bo_file li a.btn_preview:active {border-radius:3px;color:#000;-webkit-transition:all 0.3s;transition:all 0.3s;}

.board_detail .bo_con {padding:60px 30px 100px;line-height:1.6;}
.board_detail .bo_con img {max-width:100%;}
.board_detail .bo_con iframe {display:block;margin:0 auto 10px;max-width:100%;}

.board_detail .bo_pagination {border-top:1px solid #cfd0d7;border-bottom:1px solid #cfd0d7;}
.board_detail .bo_pagination a {display:block;width:100%;}
.board_detail .bo_pagination a:after {content:'';display:block;clear:both;}
.board_detail .bo_pagination a b, .board_detail .bo_pagination a span {float:left;line-height:50px;}
.board_detail .bo_pagination a b {width:200px;font-weight:500;color:#000;background-color:#f7f7f7;text-align:center;border-right:1px solid #cfd0d7;}
.board_detail .bo_pagination a b:before {display:inline-block;content:'';width:11px;height:1.4em;background-repeat:no-repeat;vertical-align:middle;background-position:center top 7px;margin-right:10px;}
.board_detail .bo_pagination a span {width:calc(100% - 200px);padding:0 20px;}
.board_detail .bo_pagination a span:hover {color:#000;}
.board_detail .bo_pagination a.empty span {color:#999;}
.board_detail .bo_pagination a.prev {border-bottom:1px solid #cfd0d7;}
.board_detail .bo_pagination a.prev b:before {background-image:url("../images/common/arrow_board_prev.png");}
.board_detail .bo_pagination a.next b:before {background-image:url("../images/common/arrow_board_next.png");}
	@media only screen and (max-width:1199px){
		.board_detail .bo_head dl dt:before {top:3px;}
	}
	@media only screen and (max-width:1023px){
		.board_detail .bo_head dl dt:before {top:2px;}
	}
	@media only screen and (max-width:767px){
		.board_detail .bo_head {padding:20px 15px;}
		.board_detail .bo_head em.title {font-size:1.385em;}
		.board_detail .bo_head dl {margin-top:10px;}
		.board_detail .bo_head dl dt {padding-left:0;clear:both;line-height:1.6;}
		.board_detail .bo_head dl dt:before {display:none;}
		.board_detail .bo_head dl dd {padding-right:0;line-height:1.6;}
		.board_detail .bo_file {margin-top:10px;padding:15px 20px;}
		.board_detail .bo_file li .bo_file_ico {width:20px;}
		.board_detail .bo_file li a.btn_file {margin-right:5px;width:calc(100% - 99px);}
		.board_detail .bo_con {padding:20px 0 30px}
		.board_detail .bo_con iframe {height:310px !important;}
		.board_detail .bo_pagination a b {width:100px;}
		.board_detail .bo_pagination a span {width:calc(100% - 100px);padding:0 10px;}
	}

/* 게시판 목록 공통 */
.fs_list_box {display:flex;justify-content:space-between;}
.fs_list_box .total {padding-left:20px;position:relative;}
.fs_list_box .total::before {width:11px;height:11px;content:"";background:url("../images/layout/total_ico.png") no-repeat center;position:absolute;top:6px;left:0;}
.fs_list_box li .point {color:#032f85;font-weight:500;}

/* 사이트맵 */
#sitemap a {display:flex;align-items:center;}
#sitemap .sitemap_box {border-bottom:1px solid #cfd0d7;margin-bottom:40px;padding-bottom:40px;}
#sitemap .sitemap_box h2 {font-size:1.750em;color:#000;margin-bottom:20px;}
#sitemap .sitemap_box h2 > a {display:inline-flex;}
#sitemap .sitemap_box > ul {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
#sitemap .sitemap_box > ul > li > .sm_2th {border:1px solid #cfd0d7;box-sizing:border-box;height:50px;justify-content:center;transition:all .4s;color:#000;font-weight:500;}
#sitemap .sitemap_box > ul > li > .sm_2th:hover,
#sitemap .sitemap_box > ul > li > .sm_2th:focus,
#sitemap .sitemap_box > ul > li > .sm_2th:active {background:#032f85;border-color:#032f85;border-radius:10px;box-shadow:0px 2px 15px 0px rgba(3,47,133,.2);color: #fff;transition:all .4s;}
#sitemap .sitemap_box > ul > li > ul > li:not(:last-child) {margin-bottom:3px;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th {position:relative;padding-left:20px;transition:all .3s;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th::before {position:absolute;top:7px;left:7px;content:"";width:5px;height:5px;background:#666;border-radius:50%;transition:all .3s;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:hover,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:focus,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:active {color:#032f85;transition:all .3s;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:hover::before,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:focus::before,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:active::before {background:#032f85;transition:all .3s;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		#sitemap .sitemap_box {margin-bottom:30px;padding-bottom:30px;}
		#sitemap .sitemap_box h2 {margin-bottom:15px;}
		#sitemap .sitemap_box > ul {grid-template-columns:repeat(2,1fr);gap:10px;}
		#sitemap .sitemap_box > ul > li > ul > li > .sm_3th::before {top:6px;}
	}
	/* 모바일 */
	@media only screen and (max-width:560px){
		#sitemap .sitemap_box > ul {grid-template-columns:repeat(1,1fr);gap:5px;}
		#sitemap .sitemap_box > ul > li > .sm_2th {margin-bottom:5px;}
	}