@charset "utf-8";

/*시민참여 > 시정평가단*/
.correct_bg{ background:url("/contents/3905/correct_bg.jpg") no-repeat 0 0; width:100%; height:450px; position:relative;}
.correct_txt{ position:absolute; top:50px; left:5%;}

/*시민참여 > 자원봉사*/
.volunteer_bg{ background:url("/contents/2501/volunteer_bg.jpg") no-repeat 0 0; width:100%; height:500px; position:relative;}
.volunteer_txt{ position:absolute; top:50px; left:5%;}

/*시민참여 > 소셜허브*/
.sns_info td a{ display:block; width:56px; height:56px; background:url("/contents/2502/sns_sp_2025.png") no-repeat; text-indent:-99999px; margin:0 auto;}
.sns_info td a.facebook{background-position:0 0;}
.sns_info td a.blog{background-position:-66px 0;}
.sns_info td a.youtube{background-position:-130px 0;}
.sns_info td a.kakao{background-position:-195px 0;}
.sns_info td a.insta{background-position:-260px 0;}
.sns_info td a.twit{background-position:-322px 0;}
.sns_info td a.kakaotalk{background-position:-385px 0;}
.sns_info td a.daangn{background-position:-443px 0;}

/*20%,80%*/
.app_txt {clear:both; width:100%; margin:15px 0; display:inline-block;}
.app_txt .l20 {width: 20%;float:left;margin:0 2%;}
.app_txt .r80 {width: 76%;float:left;}
.app_txt h5{ margin-top:5px;}

/*우리동네 주요시설 > 여수상품권 가입 업체*/
.card_bg { background:url("/contents/1875/card_bg.jpg") no-repeat 0 0; width:100%; height:700px; position:relative;}
.card_txt{ position:absolute; top:80px; left:8%;}

.sinmungo_list .w58{ width:58% !important;}

/*여수상품권 업종별현황*/
.card_bg .btn_gift_go{ margin-bottom: 20px;}
.card_bg .btn_gift_go a{  padding-right:35px; box-sizing: border-box;}

/*온라인민원상담 민원상담신청,나의민원 상단문구*/
.om_box_wrap { box-sizing:border-box; position:relative; border:10px solid #f3f4f6; margin-bottom:30px; padding:40px; }
.om_box_wrap .om_tab_wrap { display: inline-block; width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:30px; margin-bottom:20px;}
.om_box_wrap .om_tab_wrap li { float:left; position:relative;}
.om_box_wrap .om_tab_wrap li a { display:block; width:193px; text-align:center; background-color:#4264a3; color:#fff; padding:13px 0; margin-right:10px; transition:ease-in-out 0.3s;}
.om_box_wrap .om_tab_wrap li a:hover { background-color:#02994a;}
.om_box_wrap .om_tab_wrap li.om_box03 a { box-sizing:border-box; padding-right:10%; display:block;}
.om_box_wrap .om_tab_wrap li.om_box03 a span { display:block; text-indent:-999999px; height:0; width:0;}
.om_box_wrap .om_tab_wrap li.om_box03 a:after { content:""; display:block; float:right; width:16px; height:18px; 
background:url("/images/subsite_common/layout_sp.png?build_20210623004") no-repeat -54px -475px; position:absolute; top:50%; right:15px; margin-top:-8px; margin-right:19%; }
.om_box_wrap .box_area { padding-left:170px; position:relative;}
.om_box_wrap .box_area:before { content:""; display:block; background:url("/images/common/sub/box_icon02.png") no-repeat 0 0; width:104px; height:105px; position:absolute; top:1px; left:27px;}
.om_box_wrap .box_area .title { font-size:20px; margin-bottom:15px;}
.om_box_wrap .bul_type1 li { line-height:29px; position:relative; padding-left:22px;}
.om_box_wrap .bul_type1 li:before { content:""; display:block; background:url("/images/common/sub/w_bl.png") no-repeat 0 0; width:15px; height:13px; position:absolute; left:0; top:8px;}
.om_box_wrap .bul_type1 li .bbs_font_oran { color:#b51010;}
.om_box_wrap .bul_type1 li a { background-color:#ffe16c; border-radius:5px; transition:ease-in-out 0.3s; margin:0 3px; padding:5px 10px 6px;}
.om_box_wrap .bul_type1 li a:hover { background-color:#02994a; color:#fff;}
.om_box_wrap .box_area p a { position:absolute; bottom:0; right:0; background-color:#b51010; color:#fff; padding:10px 40px 10px 25px; transition:ease-in-out 0.3s;}
.om_box_wrap .box_area p a:hover { background-color:#02994a;}
.om_box_wrap .box_area p a:after { content:""; display:block; float:right; width:16px; height:18px; 
background:url("/images/subsite_common/layout_sp.png?build_20210623004") no-repeat -54px -475px; position:absolute; top:50%; right:15px; margin-top:-8px; margin-right:2%; }
.om_box_wrap .box_area p a span { display:block; text-indent:-999999px;  height:0; width:0;}

/*시민제안 > 복합(다부서)민원 상담 예약 */
.step_list .w26{ width:26%;}
.step_list .w32{ width:32%;}

.poll_asw_box { display:inline-block; margin-bottom:15px; height:auto;}