@charset "utf-8";

/*******************************************************************************************
 * 도민제안 (_app/suggest)
 * policy 계정 system/suggest/css/suggest.css 디자인을 이전
 * 관리자(gwizard) 화면에도 APP css 가 로드되므로 모든 선택자는 .suggest_wrap 안으로 한정
 *******************************************************************************************/


/* 공통 ===================================================================================== */
.suggest_wrap                                   {position:relative;}
.suggest_wrap .suggest_h4                       {font-size:1.6em; font-weight:700; text-align:center; letter-spacing:-1px; color:#222; margin-bottom:20px;}
.suggest_wrap .suggest_h5                       {font-size:1.2em; font-weight:600; color:#222; margin-bottom:10px;}
.suggest_wrap .enter_btn                        {display:inline-block; min-width:180px; height:52px; line-height:50px; padding:0 25px; background:#4290ff; color:#fff; font-size:1.1em; text-align:center; letter-spacing:-1px; font-weight:500; border-radius:50px; cursor:pointer; transition:all 0.2s;}
.suggest_wrap .enter_btn i                      {margin-right:8px;}
.suggest_wrap .enter_btn:hover                  {background-color:#000; color:#fff;}
.suggest_wrap .suggest_topbtn                   {text-align:right; margin:-10px 0 20px 0;}
.suggest_wrap .suggest_topbtn .enter_btn        {height:46px; line-height:44px; min-width:150px; font-size:1em;}
.suggest_wrap .suggest_down_list li             {padding:2px 0;}
.suggest_wrap .suggest_down_list li a           {color:#333;}
.suggest_wrap .suggest_guide_img                {max-width:80%;}
.suggest_wrap .suggest_btn_list .sb_b,
.suggest_wrap .suggest_btn_list .sb_b2          {margin:0 2px;}


/* 분야 탭 ===================================================================================== */
.suggest_wrap .suggest_catetab                  {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; margin-bottom:40px;}
.suggest_wrap .suggest_catetab li               {border-top:1px solid #ddd; border-left:1px solid #ddd; background:#f9f9f9; margin-bottom:-1px;}
.suggest_wrap .suggest_catetab li:last-child    {border-right:1px solid #ddd;}
.suggest_wrap .suggest_catetab li a             {display:block; height:51px; line-height:51px; padding:0 30px; font-size:1.05em; text-align:center; color:#979797; font-weight:500; letter-spacing:-1px;}
.suggest_wrap .suggest_catetab li.on            {background:#fff; border-top:3px solid #22305c; border-bottom:1px solid #fff;}
.suggest_wrap .suggest_catetab li.on a          {line-height:48px; color:#000;}


/* 검색 버튼 ===================================================================================== */
.suggest_wrap .search_btn                       {border:0; background:none; font-size:1.1em; color:#555; cursor:pointer; padding:0;}


/* 레이어 ===================================================================================== */
#suggest_layer_fade                             {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; z-index:9999900;}
.suggest_info_layer                             {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:350px; max-width:calc(100% - 40px); max-height:calc(100% - 40px); overflow:auto; text-align:center; border-radius:5px; background:#fff; z-index:9999910;}
.suggest_info_layer.suggest_info_wide           {width:640px;}
.suggest_info_layer .img img                    {width:80px;}
.suggest_info_layer.suggest_info_wide .img img  {width:100%;}
.suggest_info_layer .wrap                       {padding:20px;}
.suggest_info_layer .txt                        {margin:20px 0; color:#333; line-height:160%;}
.suggest_info_layer .txt span                   {font-weight:500; color:#000;}
.suggest_info_layer .btn                        {line-height:46px; width:200px; background:#3a7cda; margin:0 auto 10px auto; border-radius:50px;}
.suggest_info_layer .btn a                      {display:inline-block; width:100%; font-weight:500; font-size:0.95em; color:#fff;}
.suggest_info_layer .btn:hover                  {background:#000;}
.suggest_info_layer .btn_go                     {background:#22305c;}
.suggest_info_layer .suggest_info_checkbox      {float:left; width:50%; background:#f2f2f2; padding:10px; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.suggest_info_layer .suggest_info_checkbox label{color:#333; font-size:0.9em;}
.suggest_info_layer .suggest_info_close         {float:left; width:50%; background:#f2f2f2; color:#333; padding:10px; cursor:pointer; font-size:0.9em; border-top:1px solid #ddd;}
.suggest_info_layer .suggest_info_close_full    {float:none; width:100%; font-weight:500;}


/* 개인정보 동의 ===================================================================================== */
.suggest_wrap .form_privacy_wrap                {border:1px solid #e6e6e6; padding:15px;}
.suggest_wrap .form_privacy_wrap .box           {font-size:0.9em; max-height:300px; overflow-y:auto; line-height:170%;}
.suggest_wrap .form_privacy_wrap .bottom        {background:#f9f9f9; text-align:left; padding:10px 15px; margin-top:10px; font-size:0.9em;}
.suggest_wrap .form_privacy_wrap .bottom p      {padding:2px 0;}


/* 뷰 확장 ===================================================================================== */
.suggest_wrap .jb_container .full               {width:100%;}
.suggest_wrap .suggest_view_number              {margin-left:5px; border-color:#999; color:#555;}
.suggest_wrap .suggest_view_file_txt            {overflow:hidden;}
.suggest_wrap .suggest_view_file_txt li         {padding:1px 0;}
.suggest_wrap .reply_item li.suggest_del_btns   {cursor:pointer;}
.suggest_wrap .suggest_answer_edit              {margin-top:10px;}
.suggest_wrap .suggest_reply_nolist             {border:0; font-size:1em; padding:40px 0;}
.suggest_wrap .reply_reply_area .bbs_btn02      {min-width:100%; height:50px; line-height:50px; margin-left:-1px; border-radius:0;}
.suggest_wrap .reply_reply_area .textarea_form  {height:50px; min-height:50px;}


/* 원본 디자인 ===================================================================================== */

/* 도민제안 리스트 ===================================================================================== */
.suggest_wrap .suggest_tabmenu                  {overflow:hidden; padding:30px 10px; border-top:2px solid #666; border-bottom:1px solid #ccc; text-align:center; margin-bottom:40px;}
.suggest_wrap .suggest_tabmenu li               {display:inline-block; zoom:1; *display:inline; padding:0 30px; border-left:1px solid #ddd;}
.suggest_wrap .suggest_tabmenu li:first-child   {border-left:0;}
.suggest_wrap .suggest_tabmenu li a             {width:100%; height:100%; font-size:1.25em; color:#333; text-align:center; font-weight:100;}
.suggest_wrap .suggest_tabmenu li a:hover       {font-weight:700; color:#000;}
.suggest_wrap .suggest_tabmenu .on a            {font-weight:700; color:#000;}
.suggest_wrap .suggest_search_top               {overflow:hidden; margin-bottom:20px;}
.suggest_wrap .suggest_search_lt                {float:left;}
.suggest_wrap .suggest_search_rt                {float:right; width:25%;}
.suggest_wrap .suggest_tabmenu2                 {overflow:hidden; margin-top:10px;}
.suggest_wrap .suggest_tabmenu2 li              {display:inline-block; zoom:1; *display:inline; margin-right:10px;}
.suggest_wrap .suggest_tabmenu2 li:last-child   {margin-right:0;}
.suggest_wrap .suggest_tabmenu2 li a            {display:block; letter-spacing:-1px; color:#888; padding-bottom:5px; border-bottom:1px solid #fff;}
.suggest_wrap .suggest_tabmenu2 .on a           {font-weight:700; color:#333; border-color:#000;}
.suggest_wrap #suggest_search                   {border:1px solid #ccc;}
.suggest_wrap #suggest_search .input_form       {border-color:#fff; height:36px; line-height:36px; padding:0; margin:0; text-indent:12px;}
.suggest_wrap #suggest_search .bbs_top_search_btn{float:right; height:36px; width:35px;}
.suggest_wrap .suggest_list                     {position:relative; overflow:hidden;}
.suggest_wrap .suggest_list li                  {position:relative; float:left; width:calc(25.4% - 20px); margin:0px 20px 20px 0px; border:1px solid #ddd; border-radius:5px;}
.suggest_wrap .suggest_list li:hover            {border-color:#5193f6;}
.suggest_wrap .suggest_list li:nth-child(4n)    {margin-right:0;}
.suggest_wrap .suggest_list .covid19            {background:#fff7fa;}
.suggest_wrap .suggest_list .covid19 .count_bar {background:#fff;}
.suggest_wrap .suggest_list .tab                {display:none; position:absolute; right:0; top:0; background:#be1b28; color:#fff; text-align:center; width:80px; height:32px; line-height:32px; font-size:1em;}
.suggest_wrap .suggest_list .wrap               {padding:30px 25px; padding-bottom:20px;}
.suggest_wrap .suggest_badge                    {overflow:hidden; margin-bottom:15px;}
.suggest_wrap .suggest_badge p                  {height:32px; line-height:30px; text-align:center; border:1px solid #5193f6; font-size:0.95em;}
.suggest_wrap .suggest_badge .cate              {float:left; color:#5193f6; letter-spacing:-1px; padding:0px 10px;}
.suggest_wrap .suggest_badge .dday              {width:70px;float:right; background:#f5ad00; border-color:#f5ad00; color:#fff;}
.suggest_wrap .suggest_top                      {overflow:hidden;}
.suggest_wrap .suggest_top .info                {float:left;}
.suggest_wrap .suggest_top .info .img           {float:left; width:36px; height:36px;}
.suggest_wrap .suggest_top .info .img img       {width:100%; height:100%; border-radius:50px; border:1px solid #ddd;}
.suggest_wrap .suggest_top .info .name          {padding-left:45px; color:#4d4d4d; font-size:0.9em; line-height:36px; font-weight:300;}
.suggest_wrap .suggest_top .date                {float:right; color:#999; font-size:0.85em; line-height:36px; font-weight:100;}
.suggest_wrap .suggest_comment                  {overflow:hidden;}
.suggest_wrap .suggest_comment dt               {font-size:1.1em; font-weight:500; letter-spacing:-1px; line-height:140%; height:52px; color:#333; overflow:hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.suggest_wrap .suggest_comment dd               {font-size:0.95em; color:#797979; margin-top:5px; letter-spacing:-1px; line-height:160%; height:70px; overflow:hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.suggest_wrap .suggest_foot                     {position:relative; margin:30px 0 15px 0;}
.suggest_wrap .suggest_foot .count              {overflow:hidden; margin-bottom:7px; font-size:0.9em;}
.suggest_wrap .suggest_foot .like               {float:left; background:url('../img/acc_like.png') no-repeat left; background-size:20px auto; padding-left:25px;}
.suggest_wrap .suggest_foot .comment            {float:right; color:#555; background:url('../img/acc_comment.png') no-repeat left; background-size:20px auto; padding-left:25px;}
.suggest_wrap .suggest_foot .count_bar          {position: relative; height: 12px; background: #f5f5f5; box-sizing: border-box;}
.suggest_wrap .suggest_foot .count_bar span.total{position: absolute; top: -7px; right: 5px; color: #999; font-size: 0.8em; letter-spacing:1px;}
.suggest_wrap .suggest_foot .count_bar span.total i{overflow: hidden; font-size: 1px; line-height: 0; text-indent: -9999px;display: block;}
.suggest_wrap .suggest_foot .count_bar p        {position: absolute; left: 0; top: 0; height: 12px; background: #5193f6; line-height: 22px;}
.suggest_wrap .suggest_foot .count_bar p:after  {content: ''; display: block; position: absolute; top: -3px; right: 0; width: 1px; height: 17px; background: #5193f6;}
.suggest_wrap .suggest_list_blind               {color:#989898;}
.suggest_wrap .suggest_list_blind .blind_message{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); line-height:150%; text-align:center; background:url('../img/list_icon_blind.png') no-repeat top center; background-size:70px auto; padding-top:80px;}
.suggest_wrap .sub_nolist_suggest               {padding:40px; text-align:center; background:#f3f4f6; border-radius:10px;}
.suggest_wrap .sub_nolist_suggest p             {font-size:1.1em; letter-spacing:-1px;}
.suggest_wrap .sub_nolist_suggest .enter_btn    {position:relative; margin:20px auto 0 auto; left:0; transform:none;bottom:0;}
.suggest_wrap .sub_nolist_suggest .enter_btn a  {display:block; color:#fff; text-indent:20px;}
.suggest_wrap .list_nolist                      {border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:80px 20px; color:#797979;}

/* 도민제안 뷰페이지 ===================================================================================== */
.suggest_wrap .jb_container                     {position:relative;}
.suggest_wrap .jb_container:after               {content:'';display:block; clear:both;}
.suggest_wrap .jb_container .lt                 {float:left; width:72%;}
.suggest_wrap .suggest_view_top                 {border:1px solid #ddd; margin-bottom:30px;}
.suggest_wrap .suggest_view_tit_wrap            {position:relative; border-bottom:1px solid #e2e2e2; margin:40px 30px 0 30px; padding-bottom:30px;}
.suggest_wrap .suggest_view_cate                {display:inline-block; margin-bottom:10px; text-align:center; text-align:center; border:1px solid #5193f6; color:#5193f6; line-height:32px; letter-spacing:-1px; font-size:0.95em; padding:0px 10px;}
.suggest_wrap .suggest_view_tit                 {font-weight:700; font-size:1.6em; line-height:140%; margin:0 0 20px 0; letter-spacing:-2px; color:#333;}
.suggest_wrap .suggest_view_profile             {overflow:hidden;}
.suggest_wrap .suggest_view_profile .img        {float:left; width:40px; height:40px; margin-top:3px;}
.suggest_wrap .suggest_view_profile .img img    {width:100%; height:100%; border-radius:50px; border:1px solid #ddd;}
.suggest_wrap .suggest_view_profile .info       {padding-left:50px; line-height:40px;}
.suggest_wrap .suggest_view_profile .info li    {display:inline-block; color:#999; font-size:0.9em; line-height:140%;}
.suggest_wrap .suggest_view_profile .info li span{position:relative; padding-right:15px;}
.suggest_wrap .suggest_view_profile .info li span:after{content:''; position:absolute; top:0; right:5px; bottom:0; width:1px; height:1em; margin:auto; background:#ddd;}
.suggest_wrap .suggest_view_profile .info li span:last-child{padding:0;}
.suggest_wrap .suggest_view_profile .info li span:last-child:after{display:none;}
.suggest_wrap .suggest_view_profile .info .bold {color:#4d4d4d; font-size:0.95em; margin-right:3px;}
.suggest_wrap .suggest_view_content             {font-size:1em; padding:50px 30px;}
.suggest_wrap .suggest_view_btn                 {text-align:center; margin-bottom:30px;}
.suggest_wrap .suggest_view_btn li              {display:inline-block; zoom:1; *display:inline; margin:0 1px; height:40px; line-height:40px; min-width:40px; border:1px solid #ddd;}
.suggest_wrap .suggest_view_btn li:hover        {border-color:#666;}
.suggest_wrap .suggest_view_btn li p            {color:#333; cursor:pointer; font-size:0.9em; color:#555; background:url('../img/list_icon_heart2.png') no-repeat 10px center; background-size:20px auto; padding:0 10px 0 35px; min-width:85px;}
.suggest_wrap .suggest_view_btn li p:hover      {background:url('../img/list_icon_heart.png') no-repeat 10px center; background-size:20px auto;}
.suggest_wrap .suggest_view_btn .on p           {background:url('../img/list_icon_heart.png') no-repeat 10px center; background-size:20px auto;}
.suggest_wrap .suggest_view_btn .fb             {background:url('../img/view_share_fb.png') no-repeat center center; background-size:27px auto; cursor:pointer;}
.suggest_wrap .suggest_view_btn .tw             {background:url('../img/view_share_tw.png') no-repeat center center; background-size:27px auto; cursor:pointer;}
.suggest_wrap .suggest_view_btn .ka             {background:url('../img/view_share_ka.png') no-repeat center center; background-size:27px auto; cursor:pointer;}
.suggest_wrap .suggest_view_btn .link           {background:url('../img/view_share_clip.png') no-repeat center center; background-size:25px auto; cursor:pointer;}
.suggest_wrap .suggest_view_btn .notify         {font-size:0.9em; color:#555; padding:0 0 0 30px; min-width:85px; background:url('../img/list_icon_notify.png') no-repeat 15px center; background-size:20px auto; cursor:pointer;}
.suggest_wrap .suggest_view_btn .notify:hover   {background:url('../img/list_icon_notify_on.png') no-repeat 15px center; background-size:20px auto;}
.suggest_wrap .suggest_btn_list2                {margin-top:40px; text-align:center;}
.suggest_wrap .suggest_answer_content           {background:#f6f7fb; padding:30px; border-top:1px solid #e2e2e2;}
.suggest_wrap .suggest_answer_content .content  {margin-top:15px; font-size:1em;}
.suggest_wrap .suggest_answer_content .reply_item li{background:#fff;}
.suggest_wrap .suggest_answer_form              {display:none;}
.suggest_wrap .suggest_view_file                {overflow:hidden; background:#f5f5f5; padding:10px; margin:0 30px 30px 30px;}
.suggest_wrap .suggest_view_file_tit            {float:left; margin-right:10px; font-size:0.9em; color:#333;}
.suggest_wrap .suggest_view_file_txt            {font-size:0.9em;}
.suggest_wrap .suggest_view_file_txt div        {padding-left:74px;}
.suggest_wrap .suggest_view_file_txt .fname     {color:#818181;}
.suggest_wrap .suggest_btn_list                 {text-align:center; margin-bottom:30px;}
.suggest_wrap .suggest_reply_top                {overflow:hidden; background:#f9f9f9; padding:20px; border:1px solid #ddd;;}
.suggest_wrap .suggest_write_content            {float:left; width:85%;}
.suggest_wrap .suggest_write_content .input_form{background:#fff; border-color:#ddd; margin:0;}
.suggest_wrap .suggest_write_submit             {float:right; width:15%;}
.suggest_wrap .suggest_write_submit .btn        {border:1px solid #002f59; background:#002f59; height:80px; line-height:80px; width:100%; color:#fff; font-size:1.2em;}
.suggest_wrap .suggest_write_submit .btn:hover  {border-color:#000; background:#000;}
.suggest_wrap .suggest_reply_area               {padding:30px; border:1px solid #ddd; border-top:0;}
.suggest_wrap .suggest_reply_area .suggest_comment_view:last-child{border-bottom:0;}
.suggest_wrap .reply_info                       {overflow:hidden; padding-bottom:15px; border-bottom:1px solid #ddd;}
.suggest_wrap .reply_info .count                {float:left; font-size:0.9em;}
.suggest_wrap .reply_info .count span           {font-weight:500; color:#3a7cda;}
.suggest_wrap .suggest_tabmenu3                 {overflow:hidden; float:right; font-size:0.95em;}
.suggest_wrap .suggest_tabmenu3 li              {display:inline-block; zoom:1; *display:inline; margin-right:5px;}
.suggest_wrap .suggest_tabmenu3 li:last-child   {margin-right:0;}
.suggest_wrap .suggest_tabmenu3 li a            {width:100%; height:100%; color:#888;}
.suggest_wrap .suggest_tabmenu3 .on span        {font-weight:500; color:#000;}
.suggest_wrap .suggest_comment_view             {position:relative; border-bottom:1px solid #e2e2e2;}
.suggest_wrap .suggest_comment_view_wrap        {overflow:hidden; padding:25px 0;}
.suggest_wrap .reply_content                    {padding:15px 0; font-size:0.95em;}
.suggest_wrap .reply_date                       {font-size:0.85em; color:#999;}
.suggest_wrap .reply_item                       {overflow:hidden; text-align:right;}
.suggest_wrap .reply_item li                    {display:inline-block; zoom:1; *display:inline; font-weight:500; margin:0 1px;width:65px; height:35px; line-height:32px; text-align:center; border:1px solid #ddd; color:#555; font-size:0.85em; cursor:pointer;}
.suggest_wrap .reply_item li:hover              {border-color:#666;}
.suggest_wrap .reply_item .reply_good           {text-indent:17px; font-size:0.85em; background:url('../img/list_icon_heart2.png') no-repeat 12px 9px; background-size:20px auto;}
.suggest_wrap .reply_item .reply_good:hover     {background:url('../img/list_icon_heart.png') no-repeat 12px 9px; background-size:20px auto;}
.suggest_wrap .reply_item .on                   {background:url('../img/list_icon_heart.png') no-repeat 12px 9px; background-size:20px auto;}
.suggest_wrap .reply_item .reply_notify         {background:url('../img/list_icon_notify.png') no-repeat center center; background-size:18px auto; width:40px;}
.suggest_wrap .reply_item .reply_notify:hover   {background:url('../img/list_icon_notify_on.png') no-repeat center center; background-size:18px auto;}
.suggest_wrap .reply_reply_list                 {overflow:hidden; background:#f5f5f5; border-radius:5px; padding:15px; margin:10px 0 5px 20px;}
.suggest_wrap .reply_reply_list .content        {font-size:1em; padding:10px 0 0 0;}
.suggest_wrap .reply_reply_list .reply_content  {padding:10px 0 0 0;}
.suggest_wrap .reply_reply_list .reply_item li  {border-color:#bbb;}
.suggest_wrap .reply_reply_area                 {overflow:hidden; margin-top:10px;}
.suggest_wrap .reply_reply_area .content        {float:left; float:left; width:90%;}
.suggest_wrap .reply_reply_area .input_form     {margin:0; border-color:#ddd; height:50px;}
.suggest_wrap .reply_reply_area .submit         {float:right; width:10%;}
.suggest_wrap .reply_reply_area .bbs_btn01      {min-width:100%; margin-left:-1px; border-color:#ddd; height:50px; line-height:50px; background:#f9f9f9;}
.suggest_wrap .reply_reply_area .bbs_btn01:hover{color:#333;}
.suggest_wrap .blind_message_reply              {font-size:0.9em; padding:10px 0; color:#989898;}
.suggest_wrap .blind_message_reply br           {display:none;}

/* 도민제안 뷰페이지 오른쪽 ===================================================================================== */
.suggest_wrap .jb_container .rt                 {position:relative; float:right; width:24%;}
.suggest_wrap .jb_container .right_ticker       {width:288px;}
.suggest_wrap .jb_container .rt .wrap           {padding:30px;}
.suggest_wrap .suggest_view_best                {border:1px solid #ddd;}
.suggest_wrap .suggest_view_best .title         {font-size:1.05em; font-weight:500; color:#000;}
.suggest_wrap .suggest_view_best .border        {padding-bottom:20px; border-bottom:1px dashed #ccc; margin-bottom:20px;}
.suggest_wrap .suggest_view_best ul             {margin-top:12px;}
.suggest_wrap .suggest_view_best ul li          {padding:1px 0; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.suggest_wrap .suggest_view_best ul li a        {color:#4d4d4d; font-size:0.95em;}
.suggest_wrap .suggest_view_best ul li span     {font-weight:500; color:#2264bf; margin-right:5px;}
.suggest_wrap .suggest_view_ing                 {margin-top:20px; width:100%;}
.suggest_wrap .suggest_view_ing img             {border:1px solid #ddd; width:100%; height:100%; object-fit:cover;}
.suggest_wrap .suggest_view_ing .control_btns   {position:absolute; bottom:0; width:100%; height:40px; line-height:40px; background:rgba(0, 0, 0, 0.3); text-align:right; padding:0 20px; z-index:999999;}
.suggest_wrap .suggest_view_ing .control_btns p {position:relative; display:inline-block; cursor:pointer;}
.suggest_wrap .suggest_view_ing .count          {color:#fff; margin-right:10px; cursor:default !important;}
.suggest_wrap .suggest_view_ing .count span     {margin:0 7px;}
#popupzone_now_number                           {font-weight:700;}
.suggest_wrap .suggest_view_ing .arr            {content:''; border: solid #fff; border-width:0 2px 2px 0; border-radius:1px; padding: 5px;}
.suggest_wrap .suggest_view_ing .prev           {transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.suggest_wrap .suggest_view_ing .next           {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.suggest_wrap .suggest_view_ing .stop           {width:2px; height:13px; background:#fff; margin:0 7px 0 3px ;}
.suggest_wrap .suggest_view_ing .stop:after     {margin-left:4px; content:''; display:block; width:2px; height:13px; background:#fff;}
.suggest_wrap .suggest_view_ing .play           {width:0; height:0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #fff; margin-left:2px;}

/* 도민제안 폼 ===================================================================================== */
.suggest_wrap .sub_box                          {background:#f9f9f9; border:1px solid #e6e6e6; padding:20px 30px 15px 30px; margin-bottom:30px;}
.suggest_wrap .suggest_field_wrap               {border-top:#4c4c4c solid 2px;}
.suggest_wrap .suggest_field_wrap dl            {padding:15px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.suggest_wrap .suggest_field_wrap dl dt         {font-weight:500; color:#333; font-size:1.1em; float:left; width:20%; text-indent:15px; line-height:40px;}
.suggest_wrap .suggest_field_wrap dl dd         {float:left; width:80%;}
.suggest_wrap .suggest_field_wrap .txt          {line-height:40px; font-size:1.1em; color:#4d4d4d;}
.suggest_wrap .suggest_field_wrap .line         {line-height:40px;}
.suggest_wrap .suggest_field_wrap .input_form   {border:1px solid #ccc; min-height:38px; padding:0 10px; margin:0; -webkit-border-radius: 0;}
.suggest_wrap .suggest_field_wrap .title .input_form{width:95%;}
.suggest_wrap .suggest_field_wrap textarea      {width:98%; padding:10px !important;}
.suggest_wrap .suggest_field_wrap select        {float:left;padding:0 0 0 10px !important; min-width:20%;height:40px;font-size:14px; vertical-align:top;border:1px solid #ccc;cursor:pointer;}

/* 리스트 검색박스	 ======================================*/
.suggest_wrap .suggest_searchbox                {float:right; width:35%; margin:0px auto 0 auto;}
.suggest_wrap .suggest_searchbox span           {position:relative;float:right;margin-left:5px;width:calc(75% - 5px);height:38px;color:#333;line-height:38px;vertical-align:top;}
.suggest_wrap .suggest_searchbox .search_input  {float:right;width:calc(100% - 47px);height:38px;color:#333;vertical-align:top;border:1px solid #ccc;font-size:14px; padding:0px 40px 0px 7px;}
.suggest_wrap .suggest_searchbox .search_btn    {position:absolute;top:7px;right:10px;text-align:right;}
.suggest_wrap .suggest_searchbox select         {float:left;padding-left:10px;width:25%;height:40px;font-size:14px; vertical-align:top;border:1px solid #ccc;cursor:pointer;}
.suggest_wrap .suggest_searchbox .search_btn img{width:50px;}

/* 마이페이지_나의 제안  ===================================================================================== */
.suggest_wrap .mypage_list_top                  {overflow:hidden; margin-bottom:20px;}
.suggest_wrap .mypage_list_top .count_stxt      {float:left; margin:15px 0 0 0;}
.suggest_wrap .bbs_searchbox                    {float:right; width:35%;}
.suggest_wrap .bbs_searchbox span               {position:relative;float:right;margin-left:5px;width:calc(75% - 5px);height:38px;color:#333;line-height:38px;vertical-align:top;}
.suggest_wrap .bbs_searchbox .search_input      {float:right;width:calc(100% - 47px);height:38px;color:#333;vertical-align:top;border:1px solid #ccc;font-size:14px; padding:0px 40px 0px 7px;}
.suggest_wrap .bbs_searchbox .search_btn        {position:absolute;top:7px;right:10px;text-align:right;}
.suggest_wrap .bbs_searchbox select             {float:left;padding-left:10px;width:25%;height:40px;font-size:14px; vertical-align:top;border:1px solid #ccc;cursor:pointer;}
.suggest_wrap .bbs_searchbox .search_btn img    {width:50px;}
@media screen and (max-width:1024px) {
	.suggest_wrap .bbs_searchbox                    {width:50%;}
}
@media screen and (max-width:580px) {
	.suggest_wrap .mypage_list_top .count_stxt      {float:none; margin:10px 0 0 0;}
	.suggest_wrap .bbs_searchbox                    {float:none; width:100%; margin:0 auto;}
}
.suggest_wrap .mypage_suggest                   {border-top:1px solid #999; margin-top:10px;}
.suggest_wrap .mypage_suggest li                {border-bottom:1px solid #dfdfdf; overflow:hidden; padding:15px 0; text-align:center;}
.suggest_wrap .mypage_suggest .top              {background:#fafafa;}
.suggest_wrap .mypage_suggest .top p            {font-weight:500; color:#333; font-size:1em;}
.suggest_wrap .mypage_suggest .top .subject     {text-align:center;}
.suggest_wrap .mypage_suggest .subject          {float:left; width:70%; text-align:left; text-indent:10px; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.suggest_wrap .mypage_suggest .subject a        {color:#333;}
.suggest_wrap .mypage_suggest .date             {float:left; width:10%; font-size:0.95em; color:#999;}
.suggest_wrap .mypage_suggest .good             {float:right; width:10%; font-size:0.95em; color:#999;}
.suggest_wrap .mypage_suggest .reply            {float:right; width:10%; font-size:0.95em; color:#999;}
.suggest_wrap .mypage_suggest .m_info           {display:none;}

/* 마이페이지_나의 의견  ===================================================================================== */
.suggest_wrap .mypage_reply                     {border-top:1px solid #999; margin-top:10px;}
.suggest_wrap .mypage_reply li                  {border-bottom:1px solid #dfdfdf; overflow:hidden; padding:15px 10px;}
.suggest_wrap .mypage_reply .title              {font-size:1.05em; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}
.suggest_wrap .mypage_reply .title span         {display:inline-block; zoom:1; *display:inline; font-size:0.85em; border:1px solid #2767ba; color:#2767ba; line-height:25px; padding:0 10px; margin-right:5px;}
.suggest_wrap .mypage_reply .title a            {font-weight:500; color:#333;}
.suggest_wrap .mypage_reply dl                  {}
.suggest_wrap .mypage_reply dl dt               {color:#333;}
.suggest_wrap .mypage_reply dl dd               {color:#999; font-size:0.95em; margin-top:5px;}
.suggest_wrap .suggest_state                    {width:100%; margin-bottom:40px;}
.suggest_wrap .suggest_state .img               {text-align:center;}
@media screen and (max-width:1200px) {
	.suggest_wrap .suggest_list li                  {width:32.6%; margin-right:1%;}
	.suggest_wrap .suggest_list li:nth-child(4n)    {margin-right:1%;}
	.suggest_wrap .suggest_list li:nth-child(3n)    {margin-right:0;}
	.suggest_wrap .suggest_view_content img         {width:100%;}
}
@media screen and (max-width:1024px) {
	.suggest_wrap .suggest_state                    {margin-bottom:20px;}
	.suggest_wrap .suggest_state img                {width:100%;}
	.suggest_wrap .suggest_tabmenu                  {padding:20px 0;}
	.suggest_wrap .suggest_tabmenu li               {padding:0 20px; margin:2px 0;}
	.suggest_wrap .suggest_tabmenu li a             {font-size:1.1em;}
	.suggest_wrap .suggest_tabmenu2 li a            {font-size:1em;}
	.suggest_wrap .suggest_top .info .name          {font-size:0.85em;}
	.suggest_wrap .suggest_comment                  {margin-top:15px;}
	.suggest_wrap .suggest_comment dt               {font-size:1.05em; height:48px; margin-bottom:5px;}
	.suggest_wrap .suggest_comment dd               {font-size:0.85em; margin:0; height:65px;}
	.suggest_wrap .suggest_badge .cate              {width:auto; padding:0 10px;}
	.suggest_wrap .suggest_foot                     {margin-top:10px;}
	.suggest_wrap .suggest_view_top                 {margin-bottom:20px;}
	.suggest_wrap .suggest_view_tit_wrap            {margin:30px 20px 0 20px; padding-bottom:20px;}
	.suggest_wrap .suggest_view_cate                {min-width:auto; padding:0 10px; font-size:0.9em; line-height:30px;}
	.suggest_wrap .suggest_view_profile .info li    {font-size:0.85em;}
	.suggest_wrap .suggest_view_profile .info .bold {font-size:0.85em;}
	.suggest_wrap .suggest_view_tit                 {font-size:1.75em; margin:7px 0 15px 0; line-height:130%;}
	.suggest_wrap .suggest_view_content             {padding:5% 20px;}
	.suggest_wrap .suggest_view_file                {margin:0 20px 20px 20px}
	.suggest_wrap .suggest_view_file_tit, .suggest_wrap .suggest_view_file_txt{font-size:0.85em;}
	.suggest_wrap .suggest_view_btn                 {margin-bottom:40px;}
	.suggest_wrap .suggest_view_btn li              {min-width:35px; height:35px; line-height:35px;}
	.suggest_wrap .suggest_answer_content           {padding:20px;}
	.suggest_wrap .suggest_answer_content .content  {font-size:0.9em;}
	.suggest_wrap .suggest_btn_list                 {margin-bottom:20px;}
	.suggest_wrap .reply_info                       {padding-bottom:5px;}
	.suggest_wrap .suggest_tabmenu3 span, .suggest_wrap .reply_info .count{font-size:0.85em;}
	.suggest_wrap .suggest_reply_area               {padding:20px 20px 5% 20px;}
	.suggest_wrap .suggest_comment_view_wrap        {padding:5% 0;}
	.suggest_wrap .reply_content                    {font-size:0.9em;}
	.suggest_wrap .reply_item li                    {width:58px; height:27px; line-height:27px; font-size:0.8em;}
	.suggest_wrap .reply_item .reply_good           {background-position:12px 7px;background-size:15px;}
	.suggest_wrap .reply_item .reply_good:hover, .suggest_wrap .reply_item .on{background-position:12px 7px;background-size:15px;}
	.suggest_wrap .jb_container .lt                 {float:none; width:100%;}
	.suggest_wrap .jb_container .rt                 {float:none; width:100%; margin-top:20px;}
	.suggest_wrap .jb_container .right_ticker       {width:100%;}
	.suggest_wrap .jb_container .rt .wrap           {padding:20px;}
	.suggest_wrap .suggest_view_best .title         {font-size:1.05em;}
	.suggest_wrap .suggest_view_best ul             {margin-top:10px;}
	.suggest_wrap .suggest_form_wrap h4             {font-size:1.45em; margin-bottom:25px;}
	.suggest_wrap .suggest_form_wrap h4:after       {margin:15px auto 0 auto;}
	.suggest_wrap .suggest_field_wrap dl dt         {font-size:1em;}
	.suggest_wrap .mypage_suggest .top, .suggest_wrap .mypage_suggest .date, .suggest_wrap .mypage_suggest .good, .suggest_wrap .mypage_suggest .reply{display:none;}
	.suggest_wrap .mypage_suggest li                {padding:12px 5px;}
	.suggest_wrap .mypage_suggest .subject          {float:none; width:100%; text-indent:0; font-size:0.9em;}
	.suggest_wrap .mypage_suggest .m_info           {display:block; text-align:left; font-sizE:0.8em; color:#999; margin-top:3px;}
	.suggest_wrap .mypage_reply .title              {font-size:1em;}
	.suggest_wrap .mypage_reply dl dd               {font-size:0.85em; margin:0;}
	.suggest_wrap .mypage_reply .title span         {font-size:0.9em;}
	.suggest_wrap .suggest_list_blind .blind_message{font-size:0.9em;}
	.suggest_wrap .suggest_btn_list2                {margin-top:20px;}
}
@media screen and (max-width:850px) {
	.suggest_wrap .suggest_search_rt                {width:45%;}
	.suggest_wrap .suggest_list                     {margin-top:20px;}
	.suggest_wrap .suggest_list li                  {width:49%; margin-right:1%; min-height:100%;}
	.suggest_wrap .suggest_list li:nth-child(2n)    {margin-right:0; float:right;}
	.suggest_wrap .suggest_list .wrap               {padding:20px;}
	.suggest_wrap .suggest_list_blind               {min-height:336px !important;}
}
@media screen and (max-width:768px) {
	.suggest_wrap .suggest_write_submit .btn        {font-size:0.9em;}
	.suggest_wrap .suggest_reply_top                {padding:0; border:0;}
	.suggest_wrap .suggest_write_content textarea   {background:#f9f9f9 !important;}
	.suggest_wrap .sub_box                          {padding:20px 20px 15px 20px;}
	.suggest_wrap .suggest_field_wrap dl dt         {float:none; width:100%; text-indent:0; margin-bottom:7px; line-height:100%;}
	.suggest_wrap .suggest_field_wrap dl dd         {float:none; width:100%;}
	.suggest_wrap .suggest_field_wrap .input_form   {min-height:33px;}
	.suggest_wrap .suggest_field_wrap .title .input_form{width:90%;}
	.suggest_wrap .suggest_field_wrap textarea      {width:100%;}
	.suggest_wrap .suggest_field_wrap .txt          {line-height:100%; font-size:1em;}
	.suggest_wrap .suggest_field_wrap .line         {line-height:100%;}
	.suggest_wrap .suggest_searchbox                {width:45%;}
}
@media screen and (max-width:580px) {
	.suggest_wrap .suggest_tabmenu2                 {margin:0 0 10px 0;}
	.suggest_wrap .suggest_search_lt                {float:none;}
	.suggest_wrap .suggest_search_lt ul             {text-align:center;}
	.suggest_wrap .suggest_search_rt                {float:none; width:100%; padding:0 30px;}
	.suggest_wrap .suggest_list li                  {float:none; width:100%;}
	.suggest_wrap .suggest_list li:nth-child(2n), .suggest_wrap .suggest_list li:nth-child(4n){float:none;}
	.suggest_wrap .suggest_write_content            {float:none; width:100%;}
	.suggest_wrap .suggest_write_submit             {float:none; width:100%;}
	.suggest_wrap .suggest_write_submit .btn        {height:36px; line-height:36px;}
	.suggest_wrap .suggest_reply_area               {border-top:1px solid #ddd;}
	.suggest_wrap .suggest_searchbox                {width:90%;}
}
.suggest_wrap .youth_box                        {background:#f9f9f9; border:1px solid #e6e6e6; padding:20px 30px 15px 30px; margin-bottom:0px;}
#suggest2_layer                                 {display:none; position:absolute; left:50%; top:58%; transform:translate(-50%, -50%); text-align:center; border-radius:5px; width:640px !important; z-index:9999999; overflow:hidden; background:#fff;}
#suggest2_layer .wrap                           {padding:20px;}
#suggest2_layer .btn                            {line-height:46px; width:200px; background:#3a7cda; margin:0 auto 10px auto; border-radius:50px;}
#suggest2_layer .btn a                          {display:inline-block; width:100%; font-weight:500; font-size:0.95em; color:#fff;}
#suggest2_layer .btn:hover                      {background:#000;}
#suggest2_layer .info_suggest2_close            {background:#f2f2f2; padding:10px; text-align:center; width:100%; cursor:pointer; font-weight:500; border-top:1px solid #ddd;}
.suggest_wrap .suggest_btnbox                   {padding:20px; margin-bottom:40px; border-radius:0 0 10px 10px;}
.suggest_wrap .suggest_btnbox .enter_btn        {margin:0 2px; display:inline-block;}
.suggest_wrap .suggest_btnbox .enter_btn:last-child{background-image:none; text-indent:0; background:#fff; border:2px solid #3a7cda; color:#3a7cda; line-height:48px;}
.suggest_wrap .suggest_btnbox .enter_btn:last-child:hover{background:#333; color:#fff; border-color:#333;}
@media screen and (max-width:768px) {
	#suggest2_layer                                 {width:90% !important;}
	.suggest_wrap .suggest_btnbox                   {padding:10px; display:flex; margin-bottom:20px;}
	.suggest_wrap .suggest_btnbox .enter_btn        {width:100%; height:42px; line-height:40px; font-size:0.95em; background-image:none; text-indent:0;}
	.suggest_wrap .suggest_btnbox .enter_btn:last-child{line-height:38px;}
}