@charset "utf-8";

/* ============== Mobile layout Common ============== */
@media (min-width: 1px) and (max-width: 1320px) {
    .mv_inner   {width: 96%;}
    .quick_banner    {max-width: 96%;}
    .main_area01    {width: 96%; margin: 0 auto;}
    .main_area02 .inner_box {width: 96%; margin: 0 auto;}
    .main_area03 .inner_box {width: 96%; margin: 0 auto;}
    .main_area03 .inner_box img {width: 100%; height:auto;}
    .footer_inner   {width: 96%; margin: 0 auto;}
    .footer_inner ul li:first-child a{padding:0 26px;}
    
    .q_bn_list li:nth-child(1)  {padding: 45px 0 0 120px; width:34%;}
    .q_bn_list li:nth-child(2)  {width:33%;}
    .q_bn_list li:nth-child(3)  {width:33%;}
    .q_bn_list p.txt    {display:none;}

    .latest_box {width: 48%; margin-right: 4%;}
    .banner_zone    {width: 48%;}

    .sv_list li span    {display:none;}
    .sv_list li span.sv_date    {display: block !important; padding-left: 0; white-space: nowrap; width: 82%; overflow: hidden; text-overflow: ellipsis;}
    .sv_list li > a {width:70%;}

    .sub_category .inner_box     {width:96%;}
    .contents .inner_box     {width:96%;}
    .bbs_search {padding:20px; justify-content:flex-start;} 
    .bbs_search_inbox    {margin:5px 0;}
    .bbs_search_inbox .w300  {width:188px !important;}

    .m_mr0 {margin-right:0px !important;}
    .swiper-slide a{width:100%; height:100%}
} 

@media (min-width: 1px) and (max-width: 980px) {    

    .main .header > h1 a, .main .h_inner .menu_list > li a     {line-height: 2.5; font-size: 1.4rem;}
    .main .header_wrap   {height: 60px; background: rgba(0,0,0,0.5);}
    .main .menu-btn  {display: block; width: 60px; height: 60px; background: url(../images/ico_menu_w.png) no-repeat center center; background-size: 30px; position: absolute; right: 0; top: 0; font-size:0; text-indent:-99999px;}

	#wrap.main	{padding-bottom:0;}/*2023-07-25*/
    #wrap   {overflow:hidden; /*padding-bottom:300px;*/ padding-bottom:0;}/*2023-07-25*/
    .header_wrap     {height: 60px; background: #fff;}
    .header {height: 60px; width: 100%; padding: 0 20px;}
    .header > h1 a  {background-size: 100px;}
    .header > h1    {line-height: 3; font-size: 1.2rem;}
    .sidenav,
    .h_inner .menu_list,
    .h_top  {display:none;}
    .menu-btn    {display: block; width: 60px; height: 60px; background: url(../images/ico_menu_b.png) no-repeat center center; background-size: 30px; position: absolute; right: 0; top: 0; font-size:0; text-indent:-99999px;}
    .main_visual_wrap   {margin-top:-60px; height:460px; background-position: 80% center; background-size: auto 100%;}
    .quick_banner    {position: relative; left: unset; right: unset; top: unset; transform: unset; max-width:100%; height:auto; border:none; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius:0; box-shadow:none; margin: 0 auto;}
    .q_bn_list  {display:block;}
    .q_bn_list li    {width:100% !important; height: 100px; line-height: 100px; padding: 0 0 0 120px !important; border-right:none; border-bottom: 1px solid rgba(0,0,0,0.1);}
    .q_bn_list p.tit     {font-size: 1.2rem; margin-bottom:0;}
    .main_area01    {padding:0; width: 100%;}
    .main_area01 .inner_box {flex-wrap: wrap;}
    .latest_box {width:100%; margin-right:0; border-bottom: 1px solid #EBEBEB;}
    .latest_box .btn_more1  {display:none;}
    .main_tab a {width:50%; text-align:center;}
    .main_tabcontent     {padding:0 20px}
    .banner_zone     {width:calc(100% - 40px); margin:30px 20px;}
    h2.main_tit {font-size: 1.2rem;}

    .v_tit1  {display:none;}
    .v_tit2 {right: 50%; transform: translateX(50%);}
    .v_link {top:290px; left: 50%; transform: translateX(-50%);}

    .banner_zone     {height:auto;}
    .swiper_wrap.main_banner    {height:auto;}
    .swiper-slide img { height: auto; object-fit: unset; }

    .main_area02	{/*height:auto; height:320px; padding: 20px;*/ height: 980px; padding: 20px;}/*2023-07-25*/
    
    .main_nlist {flex-wrap:wrap;}
    .main_nlist li  {width:calc(50% - 10px); margin: 10px 20px 10px 0;}
    .main_nlist li:nth-child(2n)    {margin-right:0;}

    /*.sv_tit   {width:80%;}*/

    .f_link {position: relative; top: unset; right: unset; margin: 20px auto; width: 80%; text-align: center; justify-content: center;}
    .footer	{height: 300px; transform:none;/* transform: translateY(-300px);*/}/*2023-07-25*/
    .btn_more2  {top: -2px; font-size: 0.85rem;}


    .survey_top .tit    {font-size:1.2rem;}
    .survey_top .date   {font-size:1rem;}
    .survey_top .date span  {display:inline-block;}
    .survey_con {padding:30px}
    .survey_bm   {padding:27px 30px;}

    /*여론조사 게시판*/
    .new_row.sb_header  {display:none;}

    .new_table   {display:block; border-top:1px solid #171717;}
    .new_row     {display:flex; flex-wrap:wrap; border-bottom:1px solid #ebebeb;}
    .cell    {display:block; border-bottom:none !important;}
    .m_none {display:none;}
    .tb_subject  {width:100%;}
    .new_row.sb_body    {padding:15px 0;}
    .survey_bbs_list .cell  {line-height: 1.5; padding:0; margin-right: 15px;}
    .lb_sv03,
    .lb_sv04,
    .lb_sv05,
    .lb_sv06     {left:unset; right:-15px;}
    .tb_subject label + a   {margin-left:0; padding-right: 75px; line-height: 1.5;}
    .survey_bbs_list p.date,
    .survey_bbs_list p.mileage,
    .survey_bbs_list p.name,
    .survey_bbs_list p.pannel    {font-size:14px;}

    .survey_bbs_list .cell .lb_rp01,
    .survey_bbs_list .cell .lb_rp02 {padding: 4px 10px; width: auto; vertical-align: middle;}


    /*시정여론조사소개*/
    .top_box     {padding: 20px 20px 20px 130px; background:url('../images/top_box_icon.png') no-repeat 3% center;}
    .top_box.pannel {padding:20px;}
    .sub_category    {background-size: cover; background-position: top right;}
    .intro01    {padding: 0; background: none; margin-bottom: 50px;}

    .intro02    {padding-top:300px;}
    .seoul_member   {position: relative; top: unset; right: unset; transform: unset; margin: 20px 0;}
    .pn_info    {width:100%;}
    .pn_step_box    {background-size: 40%;}
    .step_list  {width:100%;}
    .pn_step_box    {background:none; padding-left:0; background-size: 40%;}

    .layer_pop  {left: 2%; top: 2%; transform: unset;}
    .layer_pop.Lg   {width:96%; margin: 0 auto;height:calc(100% - 50px) !important;}
    .pop_container  {}

    .faq_body   {margin-bottom:60px;}

    /*.bbs_view .info p:before   {display:block !important;; font-size:14px; margin-bottom:5px;}
    .bbs_view .info p   {width:50%; padding: 15px;}
    .bbs_view .info p.name,
    .bbs_view .info p.date  {padding-bottom:0;}*/

    /*질문과답변*/
    .tb01 .col  {width:100% !important;}
    .tb01 .col span {color:#666; font-size:14px;}
    .tb01 .col input[type="text"]   {width:100% !important;}
    .tb01 .row .col:first-child {padding:14px 14px 0; border-bottom:none;}

    .p_none{display:block;}
}

@media (min-width: 1px) and (max-width: 680px) {
    .footer_inner   {width:100%;}
    
    .footer:before  {top:0;}
    .f_logo {position: relative; top: unset; left:-60px; margin: 20px auto;}
    .lb_sv01{
        position: absolute;
        top: 23px;
        right: 0;
        color: #fff;
        padding: 0px 10px;
        background: #98212B;
        border-radius: 999px;
        line-height: 1;
        width: 77px;
        height: 40px;
    }
    
    .f_web{
        position: absolute;
        top: 0px;
        right: -17px;
        left:56%;
        display: block;
        width: 165px;
        height: 125px;
        background: url(../images/web_access.png) no-repeat;
        font-size: 0;
        text-indent: -99999px;
        background-size: 112px;
    }

		.f_web_2024 {
			background: none;
			font-size: 16px;
			text-indent: 0;
		}
		.f_web_2024 img {
			width: 112px;
		}
    
    .footer_inner .copy {padding:0; text-align: center;}
    .f_txt  {max-width:330px; margin: 10px auto; line-height: 1.5;     font-size: 0.9rem;}

    .main_area03 .inner_box {width:100%;}
    .main_area03    {padding:0;}
    .main_tab a {padding:13px 0; text-align:center;}
    .survey_bm   {display: block;}
    .survey_bm .tit  {text-align: center; margin-bottom: 20px; font-size: 14px;}
    .sv_mile span    {font-size: 14px; white-space: nowrap;}
    .survey_link    {font-size:16px;}
    .sub_category h2    {font-size: 1.5rem;}
    .category li     {font-size:14px; padding: 0 10px 0 14px;}
    .survey_top {padding:20px 20px 20px 50px; background: #F1F5FB url(../images/ico_c01.png) no-repeat 12px center; background-size: 24px;}
    .survey_top .tit    {margin-bottom:15px;}

    .top_box     {padding: 120px 20px 20px 20px; background:url('../images/top_box_icon.png') no-repeat center 15px;}
    .intro02    {padding-top:250px;}
    .top_box.panel  {padding:20px;}
    .btn_seoul_login,
    .btn_seoul_join,
    .btn_pannel_join,
    .btn_seoul_scs  {font-size: 16px; padding: 15px 20px;}
    /*.bbs_search {display:none;}*/
    .bbs_date{width:37.5%;} 
    .bbs_search_inbox{text-align: -webkit-auto;}
    .bbs_searchword{width: 190px;margin-top: 10px;margin-left: 42px;}
    .bbs_searchbtn{padding:10px 10px; margin-left: 10px;}
    .bbs_search_box{margin-left:0px !important;}
    .layer_pop.Md   {width:96%; margin: 0 auto;}
    .layer_pop.Sm   {width:96%; margin: 0 auto;}
    .result_detail  {display:block;}
    .result_detail li   {display:block;}
    .result_detail span {display:block;}
    .p_log01 .seoul_btn button + button  {margin:15px 0 0 0;}

    .bbs_search + .survey_bbs_list   {margin-top:0;}
    .p_agree    {padding:15px; font-size:14px;}
    /*2023-07-24*/
    .pop_container .survey_top .date    {}
    .pop_container .survey_top .tit {margin-bottom:0;}
    .pop_container .survey_box  {margin: -10px;}
    .pop_container .survey_con  {padding: 20px;}
    
    .new_table2{display:none;}
    .mo_table{display:block;}
    .mo_table_title02{margin:10px 0px 0px 0px;}
    
    .header_h1{background: url(${_ContextPath}/images/sub_logo.png) no-repeat left center; margin-left: 10px !important;}
} 

@media (min-width: 1px) and (max-width: 480px) {
    .seoul_member .img img  {width:100%;}
    
    .main_nlist li  {width:100%; margin: 0 0 20px;}
    .intro02    {padding-top:150px;}
    .p_log01 .seoul_btn button + button,
    .p_log02 .seoul_btn button + button,
    .seouol_btn.bm button + button,
    .seoul_member .seoul_btn button + button    {margin-left:0; margin-top:10px;}
    .btn_seoul_login,
    .btn_seoul_join,
    .btn_pannel_join,
    .btn_seoul_scs  {width:100%;}

	.sb_top	{display:none;}
	
	
    /*개인정보*/
    .p_tbl{display:none;}
    .p_tbl.mobile{display:block !important;}
    .privacy_box .p_tit{font-size:25px; padding: 0px 15px;}
    .privacy_box>ol{padding: 0px 15px;}
    .privacy_box>ol>li.nonum>img{width:100%;}
    .privacy_box.privacy240131 .p_tbl {display: block !important;}
    .privacy_box.privacy240131 .scroll-x .p_tbl {display:table !important;min-width:150%;}
    .privacy_box.privacy240131 .p_tbl.mobile-none {display:none !important;}
    .privacy_box.privacy240131 .scroll-x {overflow-x:auto;}

	.privacy_box .p_tbl_label tbody td {vertical-align: top}
	
} 

.k-mobile .mobile-none{display:none;}