.position_out{position: absolute;left: -9999px;}
html body a{color:#3a5eb6;}
html body a:hover{color:#3a5eb6;}
ul.nav_dapth1{padding-left: 0px;}
ul,li{list-style-type: none; padding-inline-start:0px;}
strong {font-weight:bold;}
body{font-size:13px;font-family: 'ng' !important;};
.panel .panel-container .panel-content {padding:30px;}
.height-32{height: 32px;}
.width-20{width: 20px !important;}
.width-65{width: 65px !important;}
.ml20{margin-left: 20px !important;}
.mt40 {margin-top:40px !important}

table{
	border-collapse:collapse;
	width:100%;
	border-spacing:0; 
	table-layout:fixed;
	word-wrap:break-word;
}
.login_btn i {display:none;}

/* 웹필터 */
.main_limit{background:#f4e8e8; text-align: center;}
.main_limit h3{color:#dc4d36; padding:10px;}
.main_limit .tit_text{color:#1c1c1c; line-height:1.3; font-size: 13px;word-break: keep-all; text-align: center; padding: 0 10px; font-size:13px;}
.main_limit .text {font-size:13px;}
.main_limit .text dl{text-align: left;}
.main_limit .text dt{font-weight:bold;}
.main_limit .pop_contents {display: block; margin:15px 15px 65px; width: calc(100% - 30px); height: calc(100% - 65px); background: #fff;}
.main_limit .pop_contents .text {padding: 10px; overflow-wrap: break-word;}
.main_limit .pop_contents .file {padding: 10px; border-top: 1px solid #a9b9c8;}
.main_limit .pop_contents .file li a {display: block; overflow: hidden; padding: 0 0 0 20px; font-size: 13px; background: url('/images/icon_download2.png') 0 center no-repeat; background-size: 12px; text-overflow: ellipsis; white-space: nowrap;}
.main_limit .bottom {position: absolute; bottom: 0; overflow: hidden; width: 100%; background: rgba(0, 0, 0, 0.8);left:0;}
.main_limit .bottom .pop_check {float: left;}
.main_limit .bottom .pop_check input[type=checkbox] {display: none;}
.main_limit .bottom .pop_check input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; font-size: 13px; padding-left: 25px; line-height: 16px; margin: 17px 0 0 15px; color: #fff;}
.main_limit .bottom .pop_check input[type=checkbox] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: #fff;}
.main_limit .bottom .pop_check input[type=checkbox]:checked + label:before {background: url('/images/icon_check.png') center center no-repeat #fff;}
.main_limit .bottom button {margin:-7px; width: 70px; height: 30px; color: #fff; font-size: 13px; background: #000; border: 1px solid #464646;}
.main_limit h3 {display: block; padding: 10px; font-weight:600;margin-bottom:0px; color: #dc4d36; font-size: 24px; line-height: 34px; word-break: keep-all; text-align: center;}

/* dataTables */
.web-grid tbody {cursor: pointer;}
.mobile-grid a {cursor: pointer;}

/* 커뮤니티 left */
.gj-datepicker {width: auto;}
.gj-datepicker .btn {border-radius: 0px; border:1px solid #E5E5E5 !important}
div.dataTables_scrollHead { min-width: 1300px; }
div.dataTables_scrollBody { min-width: 1300px; }
div.dataTables_scroll { overflow-x: auto; margin-bottom: 10px;}
/* 커뮤니티 left End */

.file_list{background:#fcfcfc; padding:3px 10px; border-radius:5px;}
.file_list li{padding:5px 0; display: block;}
.file_list .btn_file_delete img{width:16px; margin-left: 5px; cursor: pointer;}
.file_list .btn_file_plus{background:#359ec3; padding:8px 10px; font-size:14px; color:#fff;}
.file_list li .download{padding-left: 25px; background: url('/images/icon_download2.png') no-repeat;}
.msj:before{width: 0;height: 0;content:"";top:-5px;left:-14px;position:relative;border-style: solid;border-width: 0 13px 13px 0;border-color: transparent #ffffff transparent transparent;}
.msj-rta:after{width: 0;height: 0;content:"";top:-5px;left:14px;position:relative;border-style: solid;border-width: 13px 13px 0 0;border-color: #ffeb33 transparent transparent transparent;}
.msj{float:left;background:white;}
.msj.macro{margin-top:5px;border-radius:5px;padding:5px 15px 5px 5px;display:flex;}
.msj-rta{float:right;background:#ffeb33;}
.msj-rta.macro{margin-top:5px;border-radius:5px;padding:5px 5px 5px 15px;display:flex;}
.w-1rem{width: 1rem;}
.default-table tr td:first-child{width:150px;text-align:center;background-color:rgba(80, 80, 80, 0.02);}
.default-table table tr td{word-break:break-all;}
.default-table table {table-layout: fixed;}
.mobile-grid{display: none !important;}

.main-bbs-list tbody td{max-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child {color: #565b69;}
.header-btn[data-class='mobile-nav-on'] {border-color: #3b8ff6; background-color: #3b8ff6; background-image: none;}
.badge {padding:5px 7px; border-radius:2px;}
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle {background-color:#155bba; border-color: #155bba;}

.dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover{background-color: #515e78; border-color: #515e78;}

.btn-info {color:#fff; background-color:#69798e; border-color:#69798e; box-shadow:0 2px 6px 0 rgba(178, 184, 188, 0.5);}   
.btn-primary {-webkit-box-shadow: 0 2px 6px 0 rgba(49, 96, 155, 0.5);box-shadow: 0 2px 6px 0 rgba(49, 96, 155, 0.5);}
.btn-primary {color:#fff; background-color:#155bba; border-color:#155bba;}
.btn-primary:hover {background-color: #515e78; border-color: #515e78;}

.btn-search-cmmnty {float:left; height:30px; margin-left:10px; padding:5px 10px !important; color:#fff; background-color:#69798e; border-color:#69798e; box-shadow:0 2px 6px 0 rgba(178, 184, 188, 0.5);}

.primary-nav .nav-menu:first-of-type{margin:0;}

.blue{color:#155bba;}

.table-bordered th, .table-bordered td {vertical-align:middle;}
div.dataTables_scrollBody .table-bordered th{background:#f8fafc; text-align: center; color:#767676; border-top:0px !important; font-weight: bold;border-bottom: 1px solid #e9e9e9 !important;}
.table-bordered th{background:#f8fafc; text-align: center; color:#767676; border-top:2px solid #7fa3ee !important; font-weight: bold;}
.table-bordered strong{font-weight:bold;}

.nav-menu li {border-bottom: 1px solid #e9e9e9;}
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li.active > a {-webkit-box-shadow: inset 3px 0 0 #155bba; box-shadow: inset 3px 0 0 #155bba; background:#1b5db4; color:#fff !important; font-weight:bold;}
.nav-menu li > ul {padding:0;}
.nav-menu li > ul li a {padding:15px 32px;}
.nav-menu li a:hover {background-color: rgba(72, 136, 192, 0.1);}

.tab-pane .clearfix{background:#eeeeee; padding: 10px !important; margin: 0; overflow: hidden; width: 100%;  border-radius:3px;}
.tab-pane .clearfix strong{font-weight:bold;}

.panel-hdr h2 {font-size:18px; font-weight:bold;}

.page-item.active .page-link {background-color:#3b8ff6; border-color:#3b8ff6;}
.pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link, 
.pagination .page-item.disabled .page-link {background: #f6f6f6;}
.pagination .page-link:hover {background-color:#3b8ff6 !important;}
.dataTables_empty {color:#969696; font-size:13px;}

.sorting_asc, .sorting_desc, .even .sorting_1 {background-color: rgba(106, 122, 181, 0.03);}
.odd .sorting_1 {background-color: rgba(106, 133, 181, 0.04);}

.bg-primary-500 {background-color:#989fb2;}
.bg-primary-600 {background-color:#989fb2;}

.text-primary {color:#155bba;}

.main-title {height:350px;overflow-x:auto;overflow-y:hidden;}
.nowrap {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.community_link{background:#0dc4c4; width:100%; display:inline-block; text-align:center; color:#fff; border-radius:3px; padding:3px 12px;}
.community_link:hover{background:#515e78; color:#fff;}

.cmmnty-icon-empty {width:100px;height:100px;background-color:rgba(242, 242, 242, 1);box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgba(121, 121, 121, 1);border-radius:30px;float:left;}
.cmmnty-icon-empty span {position: absolute;margin:38px 0 0 3px;font-weight:600;}
.cmmnty-icon-empty img {width:98px;height:98px;border-radius: 30px;margin-left: 0px !important;}

.panel-content h4{background: url(../img/h4_title.gif) no-repeat left 2px; padding-left:18px; font-weight:bold; color:#000; margin-top:20px;}

.mnt_txt_st .list{padding-bottom:15px;}
.mnt_txt_st .list ul li{padding-bottom:5px;}

/* table */
caption, legend {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;  overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.table_st{margin-bottom:10px; border-top:2px solid #b5b7b9; width: 100%;}
.table_st td,
.table_st th {border:1px solid #ddd; padding:9px; vertical-align:middle; text-align:center;}
.table_st tbody{background:#fff}
.table_st thead th{background: #f6f6f6; font-weight: 700; color: #333;text-align:center; word-break:keep-all;}
.table_st tbody th{background:#f5f5f5; font-weight:700; word-break:keep-all;}

.table-responsive {overflow: hidden;overflow-x: auto;border: 0;}
.table_left td{ text-align:left;}
.line_height_50 { line-height: 50%;}
.line_height_100 { line-height: 100%;}

.img_opacity_0:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,1);}
.img_opacity_1:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.95);}
.img_opacity_2:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.9);}
.img_opacity_3:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.8);}
.img_opacity_4:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.7);}
.img_opacity_5:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.6);}
.img_opacity_6:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.5);}
.img_opacity_7:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.4);}
.img_opacity_8:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.3);}
.img_opacity_9:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.2);}
.img_opacity_10:before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.1);}

/* 게시판  */
.board_write{border-top:2px solid #777; width: 100%;position: relative;}

.board_write .form-group{overflow:hidden; border-bottom:1px solid #ddd; background:#f4f4f4; min-height:50px; margin:0; display:flex;}
.board_write .form-group .tit{cursor:default; font-weight:bold; float:left; width:13.3%; text-align:center; align-self:center; margin-bottom:0px;}
.board_write .form-group .group{float:left; width:86.7%; background:#fff; padding:10px; display:flex; flex-wrap:wrap; align-items:center;}
.board_write .form-group .group p{margin-bottom: 0px;}
.board_write .form-group .group .p_text{padding-top: 5px;}
.board_write .form-group .group .notice_text{margin-top: 10px;}

.board_write .group-2{overflow:hidden; display: flex; flex-wrap: wrap;}
.board_write .group-2 .form-group{width:50%; float:left;}
.board_write .group-2 .form-group .tit {width:26.7%;}
.board_write .group-2 .group{width:73.3%;}

.board_write .group-3{overflow:hidden; display: flex; flex-wrap: wrap;}
.board_write .group-3 .form-group{width:33.3%; float:left;}
.board_write .group-3 .form-group .tit {width:40%;}
.board_write .group-3 .group{width:60%;}

/* 참여단 운영지침 */
.mnt_tit{font-size: 18px; font-weight: bold; color: #1b5eba; margin: 0; padding: 0;}
.mnt_txt_st{padding-bottom:30px; margin: 0;}
.mnt_txt_st .list strong{padding-bottom:5px; display: block; color: #000;}
/*---------------------------------- 1. 추진배경   */
.vision {margin-top: 40px;width: 100%;height: auto;margin-bottom: 50px;}

/* 타이틀박스 배경 */
.vision_titbox {background: url(../img/title.png) center no-repeat;background-size:100%; text-align: center;position: relative;}
.vision_titbox > div {width:100%; height: 195px; position:relative; top:0px; padding-top:0;}
.vision_titbox h5 {font-size: 30px;padding-top: 6%;color: #155bba;font-weight: 700;}
.vision_titbox p {width: 100%;font-weight: bold;color: #333;word-break: keep-all;padding: 25px 100px;}

.vison_cir {overflow:hidden; width:100%; text-align: center; color: #333; margin:50px 0; }
.vison_cir li{width:23.98%; padding:140px 0 30px; float:left; border: 1px solid #e6e6e6;font-size:15px;font-weight: bold; margin:5px;}
.vison_cir p{margin: 0 auto; width:180px; padding: 18px 0 0; border-top:1px solid #e6e6e6;}

.vison_cir .c1 {background: url(../img/vision_1.png) center 40px no-repeat;}
.vison_cir .c2 {background: url(../img/vision_2.png) center 40px no-repeat rgba(243,247,251,0.5);}
.vison_cir .c3 {background: url(../img/vision_3.png) center 40px no-repeat;}
.vison_cir .c4 {background: url(../img/vision_4.png) center 40px no-repeat rgba(243,247,251,0.5);}

.vision_box {width: 100%;height: auto;}
.vision_box > p {width: 100%;color: #fff;text-align: center; padding: 15px 15px; font-size: 17px; font-weight: bold;background-color:#348ae8; word-break:keep-all;}
.vision_box > p:nth-child(2) {width: 100%;color: #fff;text-align: center;padding: 15px 15px;font-size: 17px;font-weight: bold;background-color: #155bba;margin: 5px 0;}

/*---------------------------------- 2. 추진경과   */
.history {width: 100%;float: left;overflow: hidden;}

.his {width: 100%;height: 810px;margin-bottom: 50px; position: relative;}
.his .year {width: 100%;min-height: 65px;margin-bottom: 20px;float: left;overflow: hidden;position: relative;}
.his .year2 {width: 100%;min-height: 95px; margin-bottom: 20px;float: left;overflow: hidden;position: relative;}

.line_dot {width: 10px;height: 100%;background-color: aqua;position: absolute;z-index: -1;left: 100px;top: 0;background: url(../img/dot_line.png) no-repeat center;background-position: center;}

.his .blue {width: 160px;min-height: 55px; height: 100%;line-height: 65px;color: #155bba;text-align: right;font-weight: 700;font-size: 22px;position: absolute;left: 0;top: 0;}
.his .blue2 {width: 160px;min-height: 95px; height: 100%;line-height: 95px;color: #155bba;text-align: right;font-weight: 700;font-size: 22px;position: absolute;left: 0;top: 0;}
.his .blue p {width: 75px;height: 100%;float: left;}
.his .blue2 p {width: 75px;height: 100%;float: left;}
.his .blue .dot_box {width: 70px;height: 100%;position: relative;float: right;background: url(../img/dot.jpg) center right no-repeat;position: absolute;top: 0;right: 0;}
.his .blue2 .dot_box {width: 70px;height: 100%;position: relative;float: right;background: url(../img/dot.jpg) center right no-repeat;position: absolute;top: 0;right: 0;}
.date {width: 84.5%;min-height: 65px;height: 100%; line-height:65px; background-color: #fafafa;border: 1px solid #e6e6e6;color: #333;position: absolute;top: 0;left: 160px;}
.date2 {width: 84.5%;min-height: 95px; height: 100%;float: left;background-color: #fafafa;border: 1px solid #e6e6e6;color: #333;position: absolute;top: 0;left: 160px;/*padding: 25px 0;*/ line-height: 95px;}

.date strong {font-size: 18px;float: left;padding-left: 20px; }
.date2 strong {min-height: 95px;height: 100%;font-size: 18px;float: left;padding-left: 20px;margin-right: 20px;}
.date .list_1 {width: 90%; padding-left: 20px;font-size:14px;float: left;}
.date2 .list_2{width: 90%;padding-left: 20px; line-height:25px; padding: 22px 0;}

/*---------------------------------- 3. 주요활동분야   */
.area {width: 100%;float: left;margin-bottom: 100px;}
.area_box {width: 100%;height: auto;float: left;overflow: hidden;}
.area_box dl{margin:0; width:50%; height: 315px; padding:40px 10px;float:left; font-weight:bold; text-align: center; font-size: 24px; border:1px solid #e6e6e6;}
dl.blue_box {color: #155bba;background: url(../img/area_blue.png) center 0 no-repeat;}
dl.skyblue_box {color:#4f9fe0;background: url(../img/area_skyblue.png)center 0 no-repeat;}

/* 주요활동분야 */
.area_box dt {word-break:keep-all;width: 100%;height: 280px; font-size:20px;}
.area_box dd {font-size:13px;color: #333;word-break: keep-all;font-weight: 400;padding: 0 20px;}
.area_box .area_img01 {background: url(../img/area_1.png) center 70px no-repeat;height: 210px;}
.area_box .area_img02 {background: url(../img/area_2.png) center 75px no-repeat;}

.area_box .area_img03 {padding: 0 20px;background: url(../img/area_3.png) center 75px no-repeat;}
.area_box .area_img04 {padding: 0 20px;background: url(../img/area_4.png) center 80px no-repeat;}

/* 제안소개 */
.scon_all {width:100%;height: auto;margin: 0 auto;}

.icon , .icon2 {font-size:20px; font-weight:bold;margin-left:12px;color:#333;line-height: 60px;letter-spacing: -1px; margin-bottom: 0;}

.bg01 {background: url(../img/bg_01.png) no-repeat left; background-size: 50px;}
.bg02 {background: url(../img/bg_02.png) no-repeat left; background-size: 50px;}
.bg03 {background: url(../img/bg_03.png) no-repeat left; background-size: 50px;}
.bg04 {background: url(../img/bg_04.png) no-repeat left; background-size: 50px;}
.bg05 {background: url(../img/bg_05.png) no-repeat left; background-size: 50px;}

.icon span {margin-left: 58px;color: #155bba;background: url(../img/ti_line.png) no-repeat;padding: 6px 0;}

.icon2 span{margin-left: 58px;color: #4f9fe0;background: url(../img/ti_line2.png) no-repeat;padding: 6px 0;}

.bt_txt {width:100%; padding:30px; border-radius:20px;background-color: #fafafa; border: 1px solid #e6e6e6; margin-bottom:30px;word-break: keep-all;color: #333;}
.bt_txt p {padding-bottom:10px;margin-bottom:0; line-height:21px;}
.bt_txt p:last-child {padding-bottom:0; margin-bottom:0;}

.nav_wrap{padding:0 !important; height:inherit;}

.manager_nav .nav_dapth1 li a.on:hover{color:#fff;}
.manager_nav .nav_dapth1 li a:hover{color:#3a5eb6;}
.manager_nav .nav_dapth1 li>.on{background:#3a5eb6; color:#fff;}
.manager_nav .nav_dapth1>li {float:left; width:170px;}
.manager_nav .nav_dapth1 li>a{padding:10px 0; display:block; font-weight:bold; font-size:14px; text-align:center; color:#555;}
.manager_nav .nav_dapth1 li ul{z-index: 8888;}
.manager_nav .nav_dapth1 li:hover ul{z-index: 9999;}
.manager_nav .nav_dapth1 li ul{z-index: 8888;}
.manager_nav .nav_dapth1 li:hover ul{z-index: 9999;}
.manager_nav .nav_dapth2{width:100%; overflow:hidden; position:absolute; background:#e8e8e8; padding:11px; left: 0px;height: 41px;}
.manager_nav .nav_dapth2 li>a{padding:0px 12px; float: left;  font-size: 14px;font-weight:normal; border-right:1px solid #979797;}
.manager_nav .nav_dapth2 li>.on{background:none; color:#3a5eb6; font-weight: bold;}
.manager_nav .nav_dapth2 li .on:hover{color:#3a5eb6 !important;}


.form-group .form-label{font-weight:bold; font-size: 14px; color: #333;}

 

/*--- header ---*/
.page-header{background:#f0f0f0;height: 45px;}
#search-field{background: #fff; height: 30px; font-size: 14px; float: left;}
.page-header .login_btn{background:#576c87;border-radius:50px;padding:0px 5px;color:#fff;line-height: 25px; cursor: pointer;}
.page-header .login_btn:hover{color: #fff}
.page-header .gray_btn{background:#a4aab8;border-radius:50px;padding:0px 5px;color:#fff;line-height: 25px;}
.page-header .gray_btn:hover{color: #fff}
.mobile-search-on:not(.mobile-nav-on) .search .app-forms .btn-search-close{width: 22px;height: 20px;font-size: 13px;}
.header-btn[data-class='mobile-nav-on']{border-color: transparent;background-color: transparent;border: 1px solid #dcdcdc; height: 32px;width: 55px;color: #666;}
.header-icon:not(.btn){min-width: 2.9rem;}
.header-ghm1st-logo{width: 70px;}
.cmmntymng-cmmnty-nm{color: #555;font-weight: bold;font-size: 17px;}
.cmmntymng-cmmnty-nm:hover{color: #555;}
.menu_skip{position: relative;top: 0px;left: 0px;height: 0px;font-size: 0px;z-index: 9999;}
.menu_skip a{left:-3000%;position:absolute;font-size:12px;}
.menu_skip a:hover,.menu_skip a:focus,.menu_skip a:active{background:#1d60a7;color:#fff;display:block;height:30px;left:0 !important;line-height:30px;text-align:center;top:0;width:100%;z-index:999999;}

.btn-info.btn-msearch-cmmnty {display: none;position: absolute!important;align-items: center;justify-content: center;border-radius: 3px;padding: 0 5px;width: 22px;height: 20px;top: 5px;right: 40px;font-size: 13px;}

/* 화면크기 축소-확대 버튼 */
.size_wrap {display: flex; flex-direction: row; align-items: center; margin-left: 5px; margin-top: 1px; background:#fefefe; padding: 1px 18px; border-radius: 23px; border: 2px solid #a4aab8;}
.size_wrap span {color: #666; line-height: 26px;}
.size_wrap span.size_txt {font-weight: 600; padding-right: 6px; display: block;}
.size_wrap .size_view {margin: 0 2px;}
.size_wrap a.size_btn {width: 20px; height: 20px; background: #a4b7c4; border-radius: 2px; position:relative;}
.size_wrap a.size_btn:hover {background: #87959f;}
.size_view {margin: 0 2px;}
.size_wrap a.size_down:after {content: ''; position: absolute; width: 12px; height: 3px; background: #fff; top: 8px; left: 4px;}
.size_wrap a.size_up:after {content: ''; position: absolute; width: 13px; height: 3px; background: #fff; top: 8px; left: 4px;}
.size_wrap a.size_up:before {content: ''; position: absolute; width: 3px; height: 12px; background: #fff; top: 4px; left: 9px;}


/*--- mng_header ---*/
.nav-function-top .page-header{background:#f0f0f0 !important;height: 45px;}


/*-----main_layout--------*/
.largedoor {min-height: 350px;border: 8px solid #efefef;}

/*-----bbs_list-------------*/
.bbs-list-notice {border:1px solid #ffc6c9;background-color:#ffe3e4;color:#ff4e59;cursor:default;}

/*------sbscrbInfoView-------*/
#rcrit_nmpr_regist .sinm {width:115px;text-align:center;display:inline-block;}

/*------ left ------------*/
.cmmnty-left-mt {margin-top: 295px;}











/*--------------------------1399사이즈--------------------------*/
@media (max-width:1399px){
/*타이틀-제목*/
.vision_titbox > h5 {font-size:24px; padding-top:30px;}

/*타이틀-소제목*/
.vision_titbox > p {padding:10px 50px;}

.vison_cir li{margin:0px;}

.date {width: 83%;} 
.date2 {width: 83%;}	
}

/*--------------------------  991.99 size --------------------------*/
@media (min-width: 991.99px) {
.titleActiveSize1 {height: 230px !important;} .titleActiveSize2 {background-size: 100% 230px !important;}
.titleInfoActivDiv {position: absolute;top:40px;left:50px;z-index: 1004;}
.titleInfoActivDiv #titleCmmntyNm{font-size: 1.8rem !important;color: #666;}
.cmmntyMngNav2DepthUl {width:auto !important;}
.cmmntyMngNav2DepthLi {display:inline-block !important;position:static !important;width:auto !important;border-bottom:0px !important;}
.nav-function-top .page-content-wrapper{margin-top:126px;}
.page-sidebar.nav_wrap{margin-top: -21px;}
.page-header{padding:0 1rem}
.manager_nav .nav_dapth2.step2 {padding-left:170px;}
.manager_nav .nav_dapth2.step3 {padding-left:340px;}
.manager_nav .nav_dapth2.step4 {padding-left:510px;}
}

/*--------------------------  991.98 size --------------------------*/
@media (max-width: 991.98px) {
.page-wrapper .page-header{padding:0 1rem}
.titleActiveSize1 {height: 180px !important;} .titleActiveSize2 {background-size: 100% 180px !important;}
.titleInfoActivDiv {position: absolute;top:30px;left:50px;z-index: 1004;}
.titleInfoActivDiv p{font-size: 13px; margin-bottom: 3px}
.titleInfoActivDiv #titleCmmntyNm{font-size: 1.4rem !important; color: #666;}

/* 게시판  */
.board_write .form-group {width:100%;display: block;}
.board_write .form-group .tit {width:30%;}
.board_write .form-group .group {width:70%;}

.board_write .group-2 .form-group {width:100%;display: block;}
.board_write .group-2 .form-group .tit {width:30%;}
.board_write .group-2 .group {width:70%;}

.board_write .group-3 .form-group {width:100%;display: block;}
.board_write .group-3 .form-group .tit {width:30%;}
.board_write .group-3 .group {width:70%;}

.board_write .form-group .tit {width:100%; padding:10px; text-align:left;}
.board_write .form-group .group {width:100%;}
.file_area .file_choice {width:52%;}
.board_write .group .group-1 {width:18% !important;}
.board_write .group .group-3 {width:100% !important;}

ul.nav_dapth1 {overflow:hidden;}
.manager_nav .nav_dapth1>li {width:100%;}
.manager_nav .nav_dapth1 li>a {text-align:left; padding: 10px; width:100%; display:block; border-bottom:1px solid #ddd;}
.manager_nav .nav_dapth1 a:hover{background:#d7dae3;}
.manager_nav .nav_dapth1 .on{background:#1c65ca;}
.manager_nav .nav_dapth1 .on:hover{background:#1c65ca;}
.manager_nav .nav_dapth2{position:inherit; padding:0; height:auto; background:#ececec;}
.manager_nav .nav_dapth2 li>a {font-size:14px;padding:6px 10px !important; border-bottom:1px solid #ddd;  border-right:0; font-weight:100;}
.manager_nav .nav_dapth2 .on{background:#2b2a34; color:#73aeff; border-right:0;}	
.manager_nav .nav_dapth2 .on:hover{background:#d7dae3;}

}


@media (max-width: 576px) {
.titleActiveSize1 {height: 120px !important;} .titleActiveSize2 {background-size: 100% 120px !important;}
.titleInfoActivDiv {position: absolute;top:20px;left:30px;z-index: 1004;}
.titleInfoActivDiv p{font-size: 11px; margin-bottom: 0px}
.titleInfoActivDiv #titleCmmntyNm{font-size: 1.1rem !important; color: #666;}
}

/*--------------------------950사이즈--------------------------*/

@media (max-width: 950px) {
        
.wrap { width: 100%;}

h4 {margin: 25px 0; font-size: 20px;}

/* 타이틀박스 배경 */
.vision_titbox {width:100%; padding:0;}
.vision_titbox h5 {font-size: 23px;margin-top: 0px;padding-top: 50px;}
.vision_titbox p {font-size: 14px;padding: 18px 35px;}
.vison_cir li{width:50%;}
.vision_box > p {font-size: 0.9rem;}
.vision_box > p:nth-child(2) {font-size: 0.9rem;}
.vision_cir li {width:50%; height:200px; background-size:200px;}

/*---------------------------------- 2. 추진경과     */
.his .year {width: 100%; min-height: 65px; margin-bottom: 20px;float: left;overflow: hidden;position: relative;}
.his .year2 {width: 100%; min-height:100px; margin-bottom: 20px;float: left;overflow: hidden;position: relative;} 

.date {width: 81%; min-height: 65px; height: 100%; line-height: 65px;background-color: #fafafa;border: 1px solid #e6e6e6;padding-left: 40px;color: #666;position: absolute;top: 0;left: 160px;}
.date2 {width: 81%; min-height: 100px; height: 100%; line-height: 95px;float: left;background-color: #fafafa;border: 1px solid #e6e6e6;padding-left: 40px;color: #666;position: absolute;top: 0;left: 160px;}
 
/*---------------------------------- 3. 주요활동분야   */
.area_box {height: auto;}

dl.blue_box {height: 250px;font-size: 20px;padding: 35px 0px;}
dl.skyblue_box {height: 250px;font-size: 20px;padding: 35px 20px;}

/* 주요활동분야 */
.area_box dt {word-break: keep-all; padding: 0 40px; width: 100%; }
.area_box dd {font-size: 13px; }
.area_box .area_img01 {background: url(../img/area_1.png) center 50px no-repeat;height: 165px;background-size: 16%;}
.area_box .area_img02 {background: url(../img/area_2.png) center 70px no-repeat;height: 195px;background-size: 16%;}
.area_box .area_img03 {background: url(../img/area_3.png) center 70px no-repeat;padding: 0 60px;height: 195px;background-size: 16%;}
.area_box .area_img04 {background: url(../img/area_4.png) center 70px no-repeat;padding: 0 60px;height: 195px;background-size: 16%;}   

/* 제안소개 */
.bt_txt {padding:20px;}
.bt_txt p {font-size:13px; line-height:18px;}

.icon, .icon2 {font-size:15px; margin-left: 0px; line-height: 40px; background-size: 30px;}
.icon span, .icon2 span{margin-left:35px; padding:10px 0 0;}

}

/*--------------------------992사이즈--------------------------*/
@media only screen and (max-width: 992px){
.mobile-grid{display:block !important;}.web-grid{display:none !important;}
.page-content-wrapper{margin-top: 0px;}
}

/*--------------------------750사이즈--------------------------*/
@media (max-width: 750px){
	
h4 {margin: 15px 0;font-size: 18px;}

.vision_titbox {background: url(../img/title.png) no-repeat;background-size: contain;}
.vision_titbox h5 {word-break: keep-all;font-size: 18px;padding: 30px 20px 20px 20px;}
.vision_titbox p {font-size: 12px;padding:0px; word-break keep-all;}

/*두번째 부모박스-원 4개*/
.vision_cir {margin:0px auto;text-align: center;color: #555;}

.vision_cir .c1 {background: url(../img/cir_1.png)center no-repeat;}
.vision_cir .c2 {background: url(../img/cir_2.png) center no-repeat;}
.vision_cir .c3 {background: url(../img/cir_3.png) center no-repeat;}
.vision_cir .c4 {background: url(../img/cir_4.png)center no-repeat;}
.vision_box > p:nth-child(1) {font-size: 0.75rem;line-height:15px; margin: 0;}
.vision_box > p:nth-child(2) {font-size: 0.75rem;}


/*---------------------------------- 2. 추진경과   */
.line_dot {display: none;}
/*연도별 부모박스 숨기기*/
.his {width: 100%; float: left;overflow: hidden;height: auto;background: none;}
.his .blue .dot_box,.his .blue2 .dot_box {  display: none;}
.history {width: 100%;  float: left; overflow: hidden;}



 /*연도별 부모박스*/
.his {width:100%;margin-bottom:20px; position: relative;}

/* 연도별 박스 한줄-높이65px*/
.his .year {width:100%; min-height:inherit; margin-bottom:5px; float:left;overflow: hidden;position: relative;}
.his .year2 {width:100%; min-height:inherit; margin-bottom:5px; float:left;overflow: hidden;position: relative;}

.line_dot {width: 10px;height: 100%;background-color: aqua;position: absolute;z-index: -1;left: 100px;top: 0;background: url(../img/dot_line.png) no-repeat center;background-position: center;}

/*좌측영역 부모*/
.his .blue,.his .blue2{position:inherit; float: left; min-height: auto; line-height: inherit; margin: 0;  padding: 0;}
.his .blue p,.his .blue2 p {width:35px;height: auto; float: inherit; margin:0; font-size:16px;}


.date,.date2{width:100%; min-height:inherit; height:100%; line-height:35px; float: left;position:inherit; top:0; left:inherit; padding-left:0; }

.date strong {font-size: 12px; float: left; padding-left: 20px;}
.date2 strong {min-height:inherit;height: 100%; font-size: 12px; float: left;padding-left: 20px;margin-right: 20px;} 
.date .list_1,.date2 .list_2{width: 87%; padding:10px;line-height:14px; font-size: 11px;}
.date .list_1 li,.date2 .list_2 li{line-height:18px;} 
   
/*---------------------------------- 3. 주요활동분야   */
.blu {color: #155bba;}
.sky {color: #4f9fe0;}

.area_box {width: 100%; height: auto;}
dl.blue_box { width: 100%; height: 160px;font-size: 17px;padding: 20px 0px;}
dl.skyblue_box {width: 100%;height: 160px;font-size: 18px;padding: 20px 0px;}

/* 주요활동분야 */
.area_box dt {word-break: keep-all;padding: 0 20px;width: 100%; font-size:15px;}
.area_box dd { font-size: 11px;}
.area_box .area_img01 {background: url(../img/area_1.png) center 25px no-repeat; height:110px; background-size:50px;}
.area_box .area_img02 {background: url(../img/area_2.png) center 35px no-repeat;height: 140px;background-size: 50px;}
.area_box .area_img03 {background: url(../img/area_3.png) center 35px no-repeat;height: 140px;background-size: 50px;}
.area_box .area_img04 {background: url(../img/area_4.png) center 35px no-repeat;height: 140px;background-size: 50px;}

}

/* [커뮤니티 운영설정 > 기본정보 설정] 관리자아이디 등록 */
ul.user_list {margin-bottom: 0px !important;}
ul.user_list li {display: inline-block;padding: 2px 0 0 10px; line-height: 1.5em; list-style: none; background: url('../../../images/back/common/bullet_file_list.png') no-repeat 0 9px;}
ul.user_list li img {margin: 0px 12px 1px 5px !important; cursor: pointer;}

.tooltip-inner.w-250 {min-width: 250px !important;}

@media (max-width:358px) {
	.login_btn span {display:none;}
	.login_btn i {display:inline-block; padding-right: 2px;}
}
@media (max-width:540px) {
 	.page-header .gray_btn{padding:0 5px; font-size:10px!important;} 
	.page-header .login_btn{padding:0 5px; font-size:10px!important;}
	.extend_btn{padding:0 5px; font-size:10px;}
	.extend_btn button{padding:0 2px; font-sizse:12px; font-size:10px!important;}
}

/*--------------------------400사이즈--------------------------*/
@media (max-width:400px) {
h4 {margin: 15px 0;font-size: 16px; }
.vision { height: auto;}

/* 타이틀박스 배경 */
.vision {margin-bottom: 20px; }
.vision_titbox { background: none; height: 130px;}
.vision_titbox h5 {font-size:15px;  word-break: keep-all;  padding:0;}
.vision_titbox p {font-size:11px;  word-break: keep-all;  padding:5px 0px; line-height: 15px;}

.vision_box > p:nth-child(1) {font-size: 0.7rem;  line-height: 14px; padding: 12px 12px; }
.vision_box > p:nth-child(2) {font-size: 0.7rem; line-height: 14px;  padding: 12px 12px; }

.vison_cir {margin:10px auto;}
.vison_cir p {width:100%;}
.vison_cir li{background-size:80px !important; padding:130px 0 20px;}


/*---------------------------------- 2. 추진경과       */
.history {height:auto;} 
.his .year {width: 100%; min-height: 35px; margin-bottom: 10px;float: left;overflow: hidden;position: relative;}
.his .year2 {width: 100%; min-height:80px; margin-bottom: 10px;float: left;overflow: hidden;position: relative;}
    
.date,.date2 {width:100%; height:100%;}    
.date .list_1 {padding-left: 15px; font-size: 11px; float: left;}
.date2 .list_2{padding-left: 15px; line-height:14px; font-size: 11px; padding: 10px 0;}       
.date strong {font-size: 12px; float: left; padding-left: 15px;}
.date2 strong {min-height: 95px; height: 100%; font-size: 12px; float: left;padding-left: 15px;margin-right: 15px;}    
    
    
/*---------------------------------- 3. 주요활동분야   */

.area{ margin-bottom: 30px;}

dl.blue_box {height:150px;font-size: 14px;padding:15px 0px;}
dl.skyblue_box {height: 140px;font-size: 14px;padding: 20px 0px;}

 /*세번째박스 색상변경*/
.blu {color: #155bba;}
   
dl.line_blu {background: url(../img/area_blue.png)center 0 no-repeat;  }

/*네번째박스 색상변경*/
.sky {color: #4f9fe0;}

dl.line_sky {background: url(../img/area_skyblue.png)center 0 no-repeat;}


/* 주요활동분야 */
.area_box dt {word-break: keep-all;padding:0px;}

/* 문단 하단 내용-정책제안~*/
.area_box dd {font-size:11px; padding:0;}

/*1번 박스-생활밀착형 아이디어*/
.area_box .area_img01 { background: url(../img/area_1.png) center 25px no-repeat; height: 85px; background-size: 38px;}

/*2번 박스-정책현장 참여*/
.area_box .area_img02 {  background: url(../img/area_2.png) center 35px no-repeat;  height: 100px;  background-size: 38px; }


/*3번 박스-지역별 자체 설정에 맞는 나눔·봉사활동 전개*/
.area_box .area_img03 {  background: url(../img/area_3.png) center 36px no-repeat;  height: 100px;  background-size: 38px;  padding: 0;}

/*4번 박스-참여단 전문성 제고를 위한 교육·워크숍 등 참여*/
.area_box .area_img04 {  background: url(../img/area_4.png) center 40px no-repeat;  height: 100px;  background-size: 38px;  padding: 0;}
	
	
}

/* 커뮤니티 - 정책제안 - 우수제안 */
.tab_page{position:relative;margin-top:20px;padding-top:40px;}
.tab_page > p.pg_btn3{position:absolute;width:140px;display:table;}
.tab_page > p.pg_btn3 > a{display:table-cell;vertical-align:middle;height:38px;width:100%;text-align:center;border:1px solid #ddd;background:#f4f7fb;border-radius:5px 5px 0  0;}
.tab_page > p.pg_btn3 > a.on{background:#fff;border-top:3px solid #4768a2;height:36px;}
.tab_page > p.pg_btn3_1{left:0;top:0;}
.tab_page > p.pg_btn3_2{left:140px;top:0;}
.tab_page > p.pg_btn3_3{left:280px;top:0;}
.tab_page > p.pg_btn3_4{left:420px;top:0;}
.tab_page > p.pg_btn3_5{left:560px;top:0;}


.tab_page > p.pg_btn2{position:absolute;width:140px;display:table;}
.tab_page > p.pg_btn2 > a{display:table-cell;vertical-align:middle;height:38px;width:100%;text-align:center;border:1px solid #ddd;background:#f4f7fb;border-radius:5px 5px 0  0;}
.tab_page > p.pg_btn2 > a.on{background:#fff;border-top:3px solid #4768a2;height:36px;}
.tab_page > p.pg_btn2_1{left:0;top:0;}
.tab_page > p.pg_btn2_2{left:140px;top:0;}

.tab_st{margin-top:20px;border-top:2px solid #4768a2;}
.tab_st th{text-align:center;padding:12px 5px;background:#f4f7fb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:15px;color:#222;}
.tab_st th:first-child{border-left:1px solid #ddd;}
.tab_st td{text-align:center;padding:12px 5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd; /*font-size:15px;*/color:#333;}
.tab_st td:first-child{border-left:1px solid #ddd;}
.tab_st td.txt_lf{text-align:left;padding-left:15px;}
.tab_st td span.line{display:block;margin:3px 0;}
.tab_st td a{/*font-size:15px;*/color:#777;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tab_st td div.gsv_ny{padding:10px; 10px;min-height:200px;}

.rt_btn{text-align:right;}
.ct_btn{text-align:center;}
.lf_btn{text-align:left;}
a.b_btn{display:inline-block;background:#888686;width:62px;height:28px;line-height:28px;text-align:center;font-size:16px;color:#fff;}
a.ja_dw{display:inline-block;background:#4768a2;padding:10px 15px;text-align:center;font-size:14px;color:#fff !important;}
a.ja_dw span{display:block;background:url('/images/cmmnty/down_icon.png') no-repeat right center;padding-right:22px;}
a.blue_bg{text-align:center;display:inline-block;background:#4768a2;padding:10px 25px;font-size:18px;color:#fff;}


/*--------------------------959사이즈--------------------------*/
@media screen and (max-width:959px) {
	#search-field{max-width: 15rem;}
}

/*--------------------------830사이즈--------------------------*/
@media screen and (max-width:830px) {
	#search-field{max-width: 10rem;}
}

/*--------------------------768사이즈--------------------------*/
@media screen and (max-width:768px){
	.tab_page{position:relative;margin-top:20px;padding-top:70px;}
	
	#sub_v > div.sub_v_bg > div.sv_txt p.stits{font-size:28px;margin-top:30px;}
	.cj_tab > li{padding:12px 12px 12px 60px;position:relative;border-bottom:1px solid #e4e4e4;}
	.cj_tab > li > span{left:5px;top:11px;}
	.cj_box > li{width:calc(100% - 2px);height:auto;padding-bottom:30px;}
	.cj_box > li.cj_box01{border-right:1px solid #e7e7e7;border-bottom:none;}
	.cj_box > li.cj_box02{border-bottom:none;}
	.cj_box > li.cj_box03{border-right:1px solid #e7e7e7;border-bottom:none;}
	.tab_st_sc{width:100%;overflow-x:scroll;}
	.tab_st_sc .tab_st{width:1000px;}

	.ja_icon_tit{line-height:30px;padding-left:0;}
	.ja_icon_bg01{background:none;}
	.ja_icon_bg02{background:none;}
	.ja_icon_bg03{background:none;}
	.ja_icon_bg04{background:none;}
	.ja_icon_bg05{background:none;}
	.box_bg{padding:10px 10px;}
	.box_bg > ul{background:none;padding-left:0;} 

	.gs_inp_all > li.selbox{width:70px;}
	.gs_inp_all > li.inubox{width:calc(100% - 150px);}

	.tab_page > p.pg_btn3{width:calc(100% / 3);}
	.tab_page > p.pg_btn3_2{left:calc(100% / 3);}
	.tab_page > p.pg_btn3_3{left:calc(100% / 3 * 2);}

	.tab_page > p.pg_btn2{width:calc(100% / 2);}
	.tab_page > p.pg_btn2_2{left:calc(100% / 2);}

	.tab_page > p.pg_btn3_4{left:calc(100% / 3); left : 0px; top : 40px}
	.tab_page > p.pg_btn3_5{left:calc(100% / 3); top : 40px}

	.tl_box > li{float:left;width:calc(50% - 20px);height:235px;padding:25px 10px 0 10px;}
	.tl_box > li.tl_box3{background:#7c94bd;}
	.tl_box > li.tl_box4{background:#efefef;}
	.tl_box > li.tl_box4 > p.tits{font-size:18px;color:#333;background:url('/commons/main/images/sub/tl_bg03.png') no-repeat center top;padding-top:76px;}
	.tl_box > li.tl_box3 > p.tits{font-size:18px;color:#fff;background:url('/commons/main/images/sub/tl_bg04.png') no-repeat center top;padding-top:76px;}
	.tl_box > li.tl_box4 > p.txts{margin-top:10px;font-size:15px;color:#777;line-height:22px;}
	.tl_box > li.tl_box3 > p.txts{margin-top:10px;font-size:15px;color:#fff;line-height:22px;}

	.mo_icon_tit{line-height:30px;padding-left:0;}
	.mo_icon_bg01{background:none;}
	.mo_icon_bg02{background:none;}
	.mo_icon_bg03{background:none;}
	.mo_icon_bg04{background:none;}
	.mo_icon_bg05{background:none;}
}

/*--------------------------750사이즈--------------------------*/
@media screen and (max-width:750px) {
	.size_wrap{display:none;}
}

/*--------------------------575사이즈--------------------------*/
@media screen and (max-width:575px) {
	.btn-search-cmmnty{display:none;}
	.btn-info.btn-msearch-cmmnty{display: flex!important;}
}


/* 제안신청 -> 국민신문고 */
.basic_list2{margin-bottom:0;line-height:1.4;}
.basic_list2 li{padding-left:15px;padding-bottom:0px;margin-bottom:5px;line-height:1.6;
	background-image:url("/images/icon_dot2.png");
	background-position:5px 10px;color:#333;
    background-repeat:no-repeat;}

.basic_list2:after {content:' ';clear:both;visibility:hidden;display:block;}
	*+ html .basic_list2{display:inline-block;}
	
	
/* bbs 보기 */
.bbs_view_wrap{margin-bottom:10px;position: relative;border-bottom:1px solid #dedede;}
.bbs_view_in{}
.bbs_view_in a{}
.bbs_view_in a:hover{color:#b1b1b1;text-decoration:underline;}
.bbs_view_wrap table{border-collapse:collapse;width:100%;}
.bbs_view_wrap table thead th{background-color:#f5f5f5;border-bottom:1px solid #dedede;text-align:left;padding-top:7px;padding-bottom:7px;font-size:13px;font-size:1rem;padding-left:20px;font-weight:bold;}
	.bbs_view_wrap .th_center table thead th{text-align:center;padding-left:0;}
.bbs_view_wrap table thead td{background-color:#fff;border-bottom:1px solid #dedede;text-align:left;padding-top:7px;padding-bottom:7px;padding-left:20px;font-size:13px;font-size:1rem;}
.bbs_view_wrap table thead tr th:first-child{border-left:none;}
.bbs_view_wrap table tbody th,.bbs_view_wrap table tbody td{}
.bbs_view_wrap table tbody th{background-color:#faf9f5;text-align:left;padding-left:20px;font-weight:bold;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #dedede;}
.bbs_view_wrap table tbody td{padding-top:10px;padding-bottom:10px;padding-left:2px;padding-right:2px;border-bottom:1px solid #dedede;}
.bbs_view_wrap tbody td .bbs_cont table td{padding-top:0px;padding-bottom:0px;padding-left:0;border-bottom:0px;}
.bbs_view_wrap table tbody td .bbs_cont{line-height:1.6;}
.bbs_view_wrap table tbody td .bbs_cont p{margin-bottom:20px;margin-bottom:0px;}
.nopadding table tr td{padding:2px;}

.bbs_view_wrap table thead tr.sj_line th,
.bbs_view_wrap table thead tr.sj_line td{background-image:none;font-size:20px;font-size:2.0rem;padding:10px 0;color:#000;background-image:none;background-color:transparent;border-bottom:1px solid #a3a3a3;height:24px;vertical-align:middle;padding-left:0px;text-align:left;font-weight:bold;
	padding-left:10px;
}
.bbs_view_wrap table thead tr.sj_line th em,
.bbs_view_wrap table thead tr.sj_line td em{vertical-align:middle;}

.bbs_view_wrap .bbs_cont{line-height:1.6;}
.bbs_view_wrap .bbs_cont p{margin-bottom:20px;margin-bottom:0px;}
.bbs_view_wrap .bbs_cont div{max-width:100% !important;}

.bbs-title-line {font-weight:bold;color:#000;}
	
	/*보더가 점선인 경우 활성화*/
	.bbs_view_wrap .bbs_cont {border-top:1px solid #dedede;}
	.bbs_view_wrap table thead th {border:0px;
		 background-image: url("/commons/main/images/basic/bbs_td_bg.jpg");
		background-position: left top;
		background-repeat: repeat-x;
		}
	.bbs_view_wrap table thead td {border:0px;
		 background-image: url("/commons/main/images/basic/bbs_td_bg.jpg");
		background-position: left top;
		background-repeat: repeat-x;
		}
		
	.bbs_view_wrap table thead tr:first-child th,
	.bbs_view_wrap table thead tr:first-child td {background-image:none;}
	

/*** 20210407 추가 ***/

.form-label.chk{font-weight:bold;}
.form-label.chk .fl_chk{vertical-align:-8%; margin-right:10px;}
.form-label.rdo .fl_rdo{vertical-align:-11%; margin-right:10px;}
.bold{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.dn{display:none;}
.table_type_new{padding:20px; width:100%;}
.btn_box{width:100%; position:relative; overflow:hidden; box-sizing:border-box; line-height:30px;}
.btn_plus{display:inline-block; padding:0 10px; height:30px; background:#4a97ff; color:#ffffff; border-radius:5px; line-height: 32px;}
.btn_vote{display:inline-block; padding:0 10px; height:30px; background:#476737; color:#ffffff; border-radius:5px; line-height: 32px;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal!important;}
.w50p{width:50%;}
.w70p{width:70%;}
.graph_bar{width:100%; position:relative; overflow:hidden;}
.graph_bar .graph{width:100%; display:block; background:#8bc86b; height:15px; border-radius:5px;}
.graph_bar .txt_per{display:block; color:#476737; }	

td.td_vote{position:relative;}
td.td_vote::before{position:absolute;  display:inline-block; content:""; width:20px; height:20px;  background:url(/images/icons/icon_vote.png) center no-repeat; top:50%; transform:translateY(-50%); right:10px;     background-size: cover;}

.extend_btn {overflow:hidden; float: left; border: 2px solid #a4aab8; border-radius: 50px; padding:0 13px; margin-left: 5px; margin-top: 19px; float: right; line-height: 1.8rem; height: 1.9rem;}
.extend_btn button{font-size:13px; color: #1a5bc5; font-weight:bold; border: 0px;}

/* 자동로그아웃 팝업창 */
.logout_pop {padding:30px;text-align: center; width:400px; margin: 0 auto;}
.logout_pop img{width:140px;}
.logout_pop .title{padding:25px 0 0;}
.logout_pop .title h4{font-size:24px; color:#4b4f56;}
.logout_pop .title p{font-size:20px; padding:5px 0 15px;}
.logout_pop .title p strong{color:#ff3064;}
.logout_pop .text{line-height:1.5; word-break:keep-all;}
.logout_pop .text strong{color:#ff3064;}
.logout_pop .link{padding: 20px 0;}
.logout_pop .link a{background:#576c87; margin-right:3px; padding: 8px 13px; font-size:14px; border-radius: 50px; color:#fff;}
.logout_pop .link .go_link{background: #2b7be1;}

#hideloading {
	height: 100%;
	left: 0px;
	position: fixed;
	_position:absolute; 
	top: 0px;
	width: 100%;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity : 0.5;
}

.hideloading {
	background-color: white;
	z-index: 199;
}

#hideloadingimg{
	position:absolute; 
	top:50%;
	left:50%;
	height:150px;
	margin-top:-75px;	/*	이미지크기*/
	margin-left:-75px;	/*	이미지크기*/
	z-index: 200;
}

#hideloadingmessage{
	position:absolute; 
	top:50%;
	left:50%;
	width:300px;
	/*margin-top:85px;*/
	margin-left:-150px;
	z-index: 300;
	font-weight: bold;
	font-size: 13px;
	text-align:center;
	color: #000;
}