@charset "utf-8";

/* 시민기자 */
.reporter_visual_wrap {padding:35px 0 70px !important; /*background-color:#008fd0;*/background-color:#055db7;}

.reporter_msg {margin-bottom:27px; text-align:center;}
.reporter_msg .msg {color:#fff; font-size:32px; font-weight:400;}
.reporter_msg .msg .num {color:#ffd800; font-size:35px; font-weight:700;}
.reporter_msg .login_msg {margin-top:11px; color:#fff; font-size:18px;}
.reporter_msg .login_msg strong {font-weight:700;}

.reporterNews {}
.reporterNews:after {content:""; display:block; clear:both;}
.reporterNews .lside, .reporterNews .rside {width:250px; margin-top:13px;}
.reporterNews .map_reporter {float:left; width:620px; margin:0 40px;}

.map_reporter .state_area:after, .map_reporter .state_area>ul:after {content:""; display:block; clear:both;}
.map_reporter .state_area {height:50px; padding:14px 29px; color:#fff; border:1px solid #80c7e8; border-radius:25px; background:#1266bb;}
.map_reporter .state_area .total, .map_reporter .state_area>ul {float:left;}
.map_reporter .state_area .total {position:relative; top:-3px; width:189px; font-size:18px; font-weight:500;}
.map_reporter .state_area .total>strong {font-size:20px; font-weight:700;}
.map_reporter .state_area .total>strong>span {font-weight:400;}
.map_reporter .state_area>ul {float:right; width:369px;}
.map_reporter .state_area>ul>li {position:relative; float:left; width:33.33%; padding-left:17px; font-size:16px; font-weight:500; text-align:left;}
.map_reporter .state_area>ul>li:after {position:absolute; top:1px; left:0; width:13px; height:18px; background:url(../images/common/bg_ico.png) no-repeat -68px -38px; content:"";}
.map_reporter .state_area>ul>li:nth-child(2) {padding-left:24px;}
.map_reporter .state_area>ul>li:nth-child(2):after {top:4px; width:18px; height:14px; background-position:-81px -38px;}
.map_reporter .state_area>ul>li:nth-child(3) {padding-left:21px;}
.map_reporter .state_area>ul>li:nth-child(3):after {top:3px; width:16px; height:16px; background-position:-99px -38px;}
.map_reporter .state_area>ul>li>span {margin-left:8px; font-size:18px;}

.map_reporter .reporterMap {width:580px; height:385px; margin:30px auto 0; background:url(../images/map/bg_map2.png) no-repeat 0 0;}
.map_reporter .reporterMap #mapBox {position:relative; width:100%; height:100%;}
.map_reporter .reporterMap .total {position:absolute; top:16px; left:10px; width:175px; height:115px; padding:22px 10px 38px; color:#fff; font-size:20px; background:url(../images/reporter/bg_map_total.png) no-repeat 0 0; text-align:center; letter-spacing:-1px;}
.map_reporter .reporterMap .total span {display:block;}
.map_reporter .reporterMap .total span strong {color:#ffd800; font-size:26px; font-weight:700;}
.map_reporter .reporterMap .map_list>li>a {position:absolute; cursor:default;}
.map_reporter .reporterMap .gangnamgu>a {top:288px; left:364px; width:46px; height:23px;}
.map_reporter .reporterMap .gangdonggu>a {top:200px; right:66px; width:45px; height:26px;}
.map_reporter .reporterMap .gangbukgu>a {top:85px; left:308px; width:49px; height:26px;}
.map_reporter .reporterMap .gangseogu>a {top:180px; left:59px; width:54px; height:32px;}
.map_reporter .reporterMap .gwanakgu>a {top:314px; left:219px; width:51px; height:32px;}
.map_reporter .reporterMap .gwangjingu>a {top:204px; right:139px; width:41px; height:23px;}
.map_reporter .reporterMap .gurougu>a {top:281px; left:85px; width:46px; height:29px;}
.map_reporter .reporterMap .geumcheonugu>a {top:323px; left:166px; width:39px; height:30px;}
.map_reporter .reporterMap .nowongu>a {top:65px; right:156px; width:46px; height:26px;}
.map_reporter .reporterMap .dobonggu>a {top:37px; right:209px; width:43px; height:26px;}
.map_reporter .reporterMap .dongdaemungu>a {top:158px; right:180px; width:53px; height:26px;}
.map_reporter .reporterMap .dongjakgu>a {top:268px; left:223px; width:49px; height:26px;}
.map_reporter .reporterMap .mapogu>a {top:191px; left:176px; width:46px; height:26px;}
.map_reporter .reporterMap .seodaemungu>a {top:160px; left:204px; width:51px; height:29px;}
.map_reporter .reporterMap .seochogu>a {top:302px; right:233px; width:48px; height:25px;}
.map_reporter .reporterMap .seongdonggu>a {top:199px; right:186px; width:47px; height:27px;}
.map_reporter .reporterMap .seongbukgu>a {top:128px; left:308px; width:49px; height:26px;}
.map_reporter .reporterMap .songpagu>a {top:264px; right:96px; width:62px; height:28px;}
.map_reporter .reporterMap .yangcheongu>a {top:243px; left:101px; width:51px; height:29px;}
.map_reporter .reporterMap .yeongdeungpogu>a {top:248px; left:161px; width:56px; height:30px;}
.map_reporter .reporterMap .yongsangu>a {top:220px; left:263px; width:51px; height:29px;}
.map_reporter .reporterMap .eunpyeonggu>a {top:99px; left:199px; width:49px; height:27px;}
.map_reporter .reporterMap .jongnogu>a {top:155px; left:264px; width:43px; height:30px;}
.map_reporter .reporterMap .junggu>a {top:189px; left:284px; width:41px; height:23px;}
.map_reporter .reporterMap .jungnanggu>a {top:130px; right:126px; width:53px; height:27px;}
.map_reporter .reporterMap .gangnamgu {background:url(../images/map/bg_gangnamgu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .gangdonggu {background:url(../images/map/bg_gangdonggu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .gangbukgu {background:url(../images/map/bg_gangbukgu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .gangseogu {background:url(../images/map/bg_gangseogu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .gwanakgu {background:url(../images/map/bg_gwanakgu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .gwangjingu {background:url(../images/map/bg_gwangjingu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .gurougu {background:url(../images/map/bg_gurougu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .geumcheonugu {background:url(../images/map/bg_geumcheonugu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .nowongu {background:url(../images/map/bg_nowongu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .dobonggu {background:url(../images/map/bg_dobonggu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .dongdaemungu {background:url(../images/map/bg_dongdaemungu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .dongjakgu {background:url(../images/map/bg_dongjakgu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .mapogu {background:url(../images/map/bg_mapogu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .seodaemungu {background:url(../images/map/bg_seodaemungu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .seochogu {background:url(../images/map/bg_seochogu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .seongdonggu {background:url(../images/map/bg_seongdonggu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .seongbukgu {background:url(../images/map/bg_seongbukgu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .songpagu {background:url(../images/map/bg_songpagu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .yangcheongu {background:url(../images/map/bg_yangcheongu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .yeongdeungpogu {background:url(../images/map/bg_yeongdeungpogu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .yongsangu {background:url(../images/map/bg_yongsangu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .eunpyeonggu {background:url(../images/map/bg_eunpyeonggu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .jongnogu {background:url(../images/map/bg_jongnogu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .junggu {background:url(../images/map/bg_junggu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .jungnanggu {background:url(../images/map/bg_jungnanggu2.png) no-repeat 0 0;}
.map_reporter .reporterMap .tooltip {position:relative; display:none; width:100%; height:100%; z-index:1;}
.map_reporter .reporterMap .tooltip>div {position:absolute; bottom:20px; left:50%; width:93px; height:111px; margin:30px 0 0 -43px; padding-top:37px; color:#333; font-size:18px; background:url(../images/reporter/bg_map_tooltip.png) no-repeat 0 0; }
.map_reporter .reporterMap .tooltip>div {display:block; width:93px; padding-right:7px; text-align:center;}
.map_reporter .reporterMap .tooltip>div>strong {display:block; margin-bottom:5px; font-size:22px; font-weight:700;}
.map_reporter .reporterMap .map_list>li.on .tooltip {display:block;}

.tag_reporter_area .tag_news {min-height:218px; margin:-22px 0 0 -7px;}
.tag_reporter_area .tag_news a {display:inline-block; margin:14px 0 0 7px; font-size:16px; font-weight:300; letter-spacing:-1px;}
.tag_reporter_area .tag_news .txt_medium {font-weight:500;}
.tag_reporter_area .tag_news .txt_bold {font-weight:700;}

.link_reporter_area {margin-top:78px;}
.link_reporter_area:after {content:""; display:block; clear:both;}
.link_reporter_area>a {float:left; width:126px; height:125px; margin-left:-1px; border:1px solid #fff; text-align:center;}
.link_reporter_area>a>span {position:relative; display:block; margin-top:25px; padding-top:57px; color:#fff; font-size:18px; font-weight:700;}
.link_reporter_area>a>span:after {position:absolute; top:2px; left:50%; width:36px; height:36px; margin-left:-18px; background:url(../images/common/bg_ico.png) no-repeat -68px 0; content:"";}
.link_reporter_area>a:last-child>span:after {top:0; width:38px; height:38px; margin-left:-19px; background-position:-104px 0;}
.link_reporter_area>a:hover, .link_reporter_area>a.on {position:relative; z-index:1; background-color:#d60a3c; border:1px solid #d60a3c;}

.bestrt_slider_wrap {position:relative; margin-top:-8px;}
.bestrt_slider_wrap .slider_controls {position:absolute; top:-54px; right:0;}
.bestrt_slider_wrap .slick-arrow {position:relative; width:20px; height:20px; /*border:1px solid #3eaadb;*/ border-radius:3px; border:1px solid #4184c9;}
.bestrt_slider_wrap .slick-arrow:after {content: ''; position:absolute; top:5px; left:4.5px; width:0; height:0; margin:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #cce9f6; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.bestrt_slider_wrap .slick-arrow.slick-next:after {top:7px; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
.bestrt_slider_wrap .bestrt_slider {overflow:hidden; height:404px;}
.bestrt_slider .slick-slide {padding-top:8px;}
.bestrt_slider .info_writer {overflow:hidden;}
.bestrt_slider .info_writer .info {float:left; width:177px; margin-top:12px;}
.bestrt_slider.v2 .info_writer .info {width:170px; margin-top:5px;}
.bestrt_slider .info_writer .thum {float:right; width:70px; height:70px; background-color:#e9e9e9;}
.bestrt_slider .info_writer .thum img {width:100%;}
.bestrt_slider .info_writer .writer {font-size:20px; font-weight:500; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.bestrt_slider.v2 .info_writer .writer{font-size:18px; font-weight:700;}
.bestrt_slider .info_writer .writer span {font-size:14px; font-weight:500;}
.bestrt_slider .info_writer .content {display:block; height:38px; margin-top:8px; font-size:14px; font-weight:300; line-height:1.4em; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.bestrt_slider .info_writer .path {margin-top:10px;}
.bestrt_slider .info_writer .path>li {float:left; font-weight:300;}
.bestrt_slider .info_writer .path>li+li {position:relative; width:90px; padding-left:22px; line-height:1.2em; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.bestrt_slider .info_writer .path>li+li:after {position:absolute; top:2px; left:11px; width:1px; height:11px; background-color:#fff; content:"";}

.comm_notice_area {overflow:hidden; width:100%; height:60px; margin-top:54px; padding:18px 0; background-color:#fff; border-radius:10px;}
.comm_notice_area .tit, .comm_notice_area .notice_slider_wrap {float:left;}
.comm_notice_area .tit {position:relative; width:170px; height:60px; font-size:20px; font-weight:700; text-align:center;}
.comm_notice_area .tit:after {position:absolute; top:-3px; right:0; width:1px; height:30px; background-color:#ccc; content:"";}
.comm_notice_area .notice_slider_wrap {position:relative; width:930px; margin:0 50px;}
.comm_notice_area .notice_slider_wrap .notice_slider .slide>a {display:block; color:#666; font-size:18px; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.comm_notice_area .notice_slider_wrap .slider_controls {position:absolute; top:-18px; right:-40px;}
.comm_notice_area .notice_slider_wrap .slider_controls .slick-arrow {position:relative; display:block !important; width:26px; height:30px; text-indent:-999em;}
.comm_notice_area .notice_slider_wrap .slider_controls .slick-arrow:after {content: ''; position:absolute; bottom:6px; left:8px; width:0; height:0; margin:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #666; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.comm_notice_area .notice_slider_wrap .slider_controls .slick-arrow.slick-next:after {bottom:auto; top:7px; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}

.tag_reporter_area, .best_reporter_area {width:100%; color:#fff;}
.tag_reporter_area .tit, .best_reporter_area .tit {position:relative; margin-bottom:17px; padding-bottom:15px; font-size:24px; font-weight:700;}
.tag_reporter_area .tit:after, .best_reporter_area .tit:after {position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px solid #fff; opacity:.5; content:"";}

.reporter_banner_area {}
.reporter_banner_area .boxing + .boxing {margin-top:80px;}

.banner_reporter {margin:0 -10px;}
.banner_reporter:after {content:""; display:block; clear:both;}
.banner_reporter>li {float:left; width:50%;}
.banner_reporter>li a {display:block; width:100%; height:100%;}
.banner_reporter>li>a>img {width:100%;}
.banner_reporter .box {margin:0 10px;}

.press_wrap {position:relative; width:1540px;}
.press_wrap .slick-arrow {position:absolute; top:67px; left:-40px; z-index:10; width:37px; height:42px; text-indent:-999em;}
.press_wrap .slick-arrow:after {position:absolute; top:7px; left:12px; width:28px; height:28px; border-top:3px solid #666; border-left:3px solid #666; content:''; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.press_wrap .slick-arrow:hover:after{border-top:3px solid #333; border-left:3px solid #333;}
.press_wrap .slick-next {left:auto; right:308px;}
.press_wrap .slick-next:after  {left:-1px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.press_slider .slick-list> div {margin-left:0;}
.press_slider .slide {float:left; text-align:left;}
.press_slider .slide>a {display:inline-block;}
.press_slider .slide>img {display:block; width:269px; height:174px; vertical-align:top;}
.press_slider .slick-active + .slick-active + .slick-active + .slick-active ~ .slick-active {opacity:0.3;}
.press_slider .thum {width:276px; height:178px; background-color:#e9e9e9;}
.press_slider .info {width:276px; margin-top:24px; text-align:left;}
.press_slider .tit {min-height:60px; color:#010101; font-size:20px; font-weight:500; line-height:30px;}
.press_slider .summary {min-height:72px; margin-top:7px; font-size:16px; color:#000; line-height:24px; font-weight:300;}
.press_slider .date {margin-top:15px; color:#666;}
.press_slider .writer {position:relative; height:40px; margin-top:18px; padding:12px 0 0 50px; color:#666; font-size:16px;}
.press_slider .writer .thum {position:absolute; top:0; left:0; display:inline-block; width:40px; height:40px; margin-right:10px; border-radius:100%; border:1px solid #ccc; background-color:#e9e9e9;}
.press_slider .writer .thum img {width:38px; height:38px; border-radius:100%;}

.multimedia_wrap {position:relative; width:1648px;}
.multimedia_wrap .slick-arrow {position:absolute; top:100px; left:-40px; z-index:10; width:37px; height:42px; text-indent:-999em;}
.multimedia_wrap .slick-arrow:after {position:absolute; top:7px; left:12px; width:28px; height:28px; border-top:3px solid #9e9e9e; border-left:3px solid #9e9e9e; content:''; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.multimedia_wrap .slick-arrow:hover:after{border-top:3px solid #333; border-left:3px solid #333;}
.multimedia_wrap .slick-next {left:auto; right:414px;}
.multimedia_wrap .slick-next:after  {left:-1px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.multimedia_slider .slick-list> div {margin-left:0;}
.multimedia_slider .slide {float:left; text-align:left;}
.multimedia_slider .slide>a {display:inline-block;}
.multimedia_slider .slide>img {display:block; width:269px; height:174px; vertical-align:top;}
.multimedia_slider .slick-active + .slick-active + .slick-active ~ .slick-active {opacity:0.3;}
.multimedia_slider .thum {width:376px; height:242px; background-color:#e9e9e9;}
.multimedia_slider .info {position:relative; width:376px; margin-top:20px; padding-right:82px; text-align:left;}
.multimedia_slider .info:after {position:absolute; bottom:10px; right:20px; width:42px; height:38px; content:"";}
.multimedia_slider .info.photo:after {background:url(../../images/common/ico_photo.png) no-repeat 0 0;}
.multimedia_slider .info.video:after {bottom:4px; width:43px; height:45px; background:url(../images/common/ico_play.png) no-repeat 0 0;}
.multimedia_slider.reporterSlider02 .info:after {bottom:12px; height:32px; background:url(../images/common/ico_photo.png) no-repeat 0 0;}
.multimedia_slider .writer {position:relative; height:40px; padding:12px 0 0 50px; color:#666; font-size:16px;}
.multimedia_slider .writer .thum {position:absolute; top:0; left:0; display:inline-block; width:40px; height:40px; margin-right:10px; border-radius:100%; border:1px solid #ccc; background-color:#e9e9e9;}
.multimedia_slider .writer .thum img {width:38px; height:38px; border-radius:100%;}
.multimedia_slider .tit {min-height:60px; margin-top:13px; color:#010101; font-size:20px; font-weight:500; line-height:30px;}

.lately_area .lately_box {margin:0 -20px;}
.lately_area .lately_box:after {content:""; display:block; clear:both;}
.lately_area .lately_box + .lately_box {margin-top:42px;}
.lately_area .lately_box .sec_tit_area {margin-bottom:14px !important; padding-bottom:0; border:0 none;}
.lately_area .lately_box .sec_tit_area .btn_learn_more {background:transparent;}
.lately_area .lately_box>.lside, .lately_area .lately_box>.rside {width:50%;}
.lately_area .lately_box .boxing {padding:0 20px;}
.lately_area .lately_box .article {min-height:240px; padding:40px; background-color:#fff;}
.lately_area .lately_box .article.line {border:1px solid #e6e6e6;}

.link_reporter_service {text-align:center;}
.link_reporter_service:after {content:""; display:block; clear:both;}
.link_reporter_service>li {display:inline-block; width:120px; text-align:center;}
.link_reporter_service>li>a {display:block; padding-top:120px; font-size:20px; font-weight:500; background:url(../images/reporter/bg_reporter_service.png) no-repeat 0 0;}
.link_reporter_service>li>a.icon_01{background-position: 0 0;}
.link_reporter_service>li>a.icon_02{background-position: -120px 0;}
.link_reporter_service>li>a.icon_03{background-position: -240px 0;}
.link_reporter_service>li>a.icon_04{background-position: -360px 0;}
.link_reporter_service>li>a.icon_05{background-position: -480px 0;}
.link_reporter_service>li>a>span {display:block; margin-top:20px;}
.link_reporter_service>li+li {margin-left:120px;}

/* 시민기자 sub layout */
/*.reporter_wrap {}
.reporter_wrap>.boxing + .boxing {margin-top:50px;}*/
/*.reporter_wrap .sec_tit_area {margin-bottom:50px; padding-bottom:50px; border-bottom:2px solid #000;}
.reporter_wrap .sec_tit_area.none {margin-bottom:0;}*/

/* 시민기자 소개 */
.intro_reporter {}
.intro_reporter .intro {margin-top:58px; padding-top:63px; background:url(../images/reporter/bg_intro.png) no-repeat 50% 0;}
.intro_reporter .txt {color:#010101; font-size:20px; font-weight:300; line-height:31px; text-align:center; letter-spacing:-1px;}
.intro_reporter .info {margin:60px -10px 0;}
.intro_reporter .info:after {content:""; display:block; clear:both;}
.intro_reporter .info>li {float:left; width:20%;}
.intro_reporter .info>li>.box {margin:0 10px; padding-top:18px; font-size:16px; line-height:23px; text-align:center; border-top:2px solid #666;}
.intro_reporter .info strong {display:block; margin-bottom:15px; color:#010101; font-size:20px; font-weight:500;}
.intro_reporter .info .etc {display:block; margin-top:1px; color:#666; font-size:14px;}
.intro_reporter .customer {margin:60px 0 80px; padding:20px; font-size:20px; border:6px solid #f2f2f2; text-align:center;}
.intro_reporter .customer strong {font-weight:500;}
.intro_reporter .customer strong:first-child {position:relative; padding:0 10px 0 40px;}
.intro_reporter .customer strong:first-child:after {position:absolute; top:0; left:0; width:27px; height:27px; background:url(../images/reporter/bg_customer.png) no-repeat 0 0; content:"";}

.join_guide {margin-top:40px;}
.join_guide .step:after {content:""; display:block; clear:both;}
.join_guide .step>li {position:relative; float:left; width:260px; padding:160px 100px 0 0; color:#010101; font-size:18px; line-height:26px; background:url(../images/reporter/step01.png) no-repeat 0 0; text-align:center;}
.join_guide .step>li:after {position:absolute; top:0; right:0; width:100px; height:160px; background:url(../images/reporter/bg_step.png) no-repeat 0 0; content:"";}
.join_guide .step>li:nth-child(2) {background:url(../images/reporter/step02.png) no-repeat 0 0;}
.join_guide .step>li:nth-child(3) {background:url(../images/reporter/step03.png) no-repeat 0 0;}
.join_guide .step>li:nth-child(4) {background:url(../images/reporter/step04.png) no-repeat 0 0;}
.join_guide .step>li:nth-child(5) {background:url(../images/reporter/step05.png) no-repeat 0 0;}
.join_guide .step>li:last-child {width:160px; padding-right:0;}
.join_guide .step>li:last-child:after {display:none;}
.join_guide .step strong {display:block; margin-bottom:5px; color:#0797d6; font-weight:700;}
.join_guide .btn_area {margin-top:60px;}
.join_guide .btn_area a>span {position:relative; top:-2px; margin-right:15px; font-size:14px; font-weight:700;}
.join_guide .ment{text-align:center; margin-top:20px;}

/* 시민기자 소개 - 2022.01.26 추가 */
.join_guide .list { margin-top:75px; padding-top:40px; border-top:2px solid #0797d6; }
.join_guide .list li { position:relative; min-height:40px; padding:5px 0 0 130px; margin-bottom:16px; font-size:18px; line-height:30px; font-weight:300; letter-spacing:-0.08em; box-sizing:border-box; }
.join_guide .list li .tit { position:absolute; left:0; top:0; display:block; width:100px; line-height:40px; color:#fff; text-align:center; background:#0797d6; border-radius:4px; }
.join_guide .list li strong { font-weight:500; }
.join_guide .txt { margin-top:40px; font-size:18px; line-height:30px; font-weight:300; letter-spacing:-0.08em; }
.join_guide .txt div + div { margin-top:35px; }
.join_guide .txt h3 { margin-bottom:15px; font-size:20px; font-weight:700; color:#0797d6; line-height:1; }
.join_guide .txt li { position:relative; padding-left:15px; }
.join_guide .txt li:before { content:''; position:absolute; left:0; top:12px; display:block; width:6px; height:6px; background:#0797d6; border-radius:50%; }
.join_guide .txt li + li { margin-top:5px; }
.join_guide .txt li strong { font-weight:500; padding-right:5px; }
/*.join_guide .txt li a { color:#0797d6; letter-spacing:0; border-bottom:1px solid #0797d6; }*/
.join_guide .txt li a { display:inline-block; position:relative; padding-right:67px; font-weight:500; }
.join_guide .txt li a:before { content:''; display:block; position:absolute; right:0; top:50%; width:58px; height:34px; margin-top:-20px; background:url(../images/reporter/ico_click.png); }
.rpt_bt_area { position:relative; padding:50px 0 25px; text-align:center; border:6px solid #f2f2f2; }
.rpt_bt_area:before { content:''; display:block; position:absolute; left:50%; top:34px; bottom:34px; width:1px; background:#ccc; }
.rpt_bt_area:after { content:''; display:block; clear:both; }
.rpt_bt_area .con { float:left; width:50%; }
.rpt_bt_area h5 { margin-bottom:37px; font-size:24px; font-weight:500; letter-spacing:-0.04em; }
.rpt_bt_area .icon { height:69px; margin-bottom:20px; position:relative; }
.rpt_bt_area .icon img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }
.rpt_bt_area a { display:block; position:relative; width:320px; line-height:50px; font-size:18px; margin:0 auto; font-weight:500; color:#fff; letter-spacing:-0.07em; background:#0797d6; border-radius:4px; }
.rpt_bt_area a:before { content:''; display:block; position:absolute; right:20px; top:0; bottom:0; width:7px; background:url(../images/reporter/bt_rpt_join.png) center no-repeat; }
.rpt_bt_area p { margin-top:18px; display:table; width:100%; font-size:18px; line-height:24px; letter-spacing:-0.07em; font-weight:300; }
.rpt_bt_area p span { display:table-cell; height:75px; vertical-align:middle; }


/* 시민기자 가입신청 & 완료 */
.join_area .boxing + .boxing {margin-top:50px;}
.join_area .boxing.lst {margin-top:90px;}
.terms_area .terms {overflow:auto; height:272px; padding:38px 40px; border:1px solid #e6e6e6; font-size:16px; font-weight:400;}
.terms_area .terms .tit {display:block; margin-bottom:32px; font-size:20px; font-weight:700;}
.terms_area .terms .desc, .terms_area .terms .txt_point {line-height:28px;}
.terms_area .terms .list>li {line-height:28px;}
.terms_area .terms_agree {margin-top:20px;}
.terms_area .terms_agree .tit {color:#333; font-size:16px; font-weight:500;}
.terms_area .terms_agree .radio_set {margin-left:60px;}
.join_area .msg_welcome {padding-top:190px; text-align:center; font-size:20px; font-weight:400; background:url(../images/reporter/bg_msg_welcome.png) no-repeat 50% 0;}
.join_area.welcome .btn_area {margin-top:60px;}

/* 활동안내 */
.rule_reporter {padding:38px 40px; border:1px solid #e6e6e6;}

/* 나의 활동 현환 */
.mylog_area {position:relative; width:100%; min-height:602px; margin-bottom:60px; padding:35px 50px 43px; background-color:#f5f5f5;}
.mylog_area:after {}
.mylog_area .tit {margin-bottom:30px; font-size:22px; font-weight:500;}
.mylog_area .data_area {width:100%; min-height:468px; padding:38px 64px 52px 60px; background-color:#fff;}
.mylog_area .data_area>.lside, .mylog_area .data_area>.rside {min-height:382px;}
.mylog_area .data_area>.lside {width:440px;}
.mylog_area .data_area>.rside {width:536px; padding-left:43px; background:url(../images/reporter/bg_dot_line.png) repeat-y 0 0;}
.mylog_area .info_area:after, .mylog_area .status:after, .mylog_area .pay_section:after {content:""; display:block; clear:both;}
.mylog_area .info_area {margin-bottom:23px;}
.mylog_area .info_area .lside{position:relative;}
.mylog_area .info_area .name {display:inline-block; font-size:22px; font-weight:400;}
.mylog_area .info_area .name>strong {font-size:28px; font-weight:700;}
.mylog_area .info_area .btnLogout {position:absolute; top:-6px; display:inline-block; width:126px; height:44px; margin-left:20px; background:url(../images/common/btn_logout.png) no-repeat 0 0;}
.mylog_area .btn_area a{font-size:16px; padding:0 30px;}
.mylog_area .btn_area a.type02{padding:0 60px;}

.mylog_area .status>li {position:relative; float:left; color:#333; font-size:22px; font-weight:500; letter-spacing:-1px;}
.mylog_area .status>li .line+.line {margin-left:10px;}
.mylog_area .status>li+li {margin-left:30px; padding-left:30px;}
.mylog_area .status>li+li:after {position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-8px; background-color:#acacac; content:"";}
.mylog_area .status .total {color:#000;}
.mylog_area .statistics {position:relative; margin-top:36px; padding-left:140px; color:#333; font-size:24px; line-height:29px; letter-spacing:-1px;}
.mylog_area .statistics::before{position:absolute; top:-1px; left:-34px; width:190px; height:128px; background:url(../images/reporter/bg_userlog.png) no-repeat 0 0; content:"";}
.mylog_area .statistics .name {font-size:20px; font-weight:350;}
.mylog_area .statistics strong {font-weight:700;}
.mylog_area .statistics .all {color:#008fd0;}
.mylog_area .statistics .etc {color:#999;}
.mylog_area .statistics .culture {color:#9b64d3;}
.mylog_area .statistics .economy {color:#069363;}
.mylog_area .statistics .welfare {color:#d76000;}
.mylog_area .statistics .traffic {color:#599100;}
.mylog_area .statistics .env {color:#337ee2;}
.mylog_area .statistics .citybuild {color:#c35c3c;}
.mylog_area .statistics .safe {color:#e44869;}
.mylog_area .statistics .gov {color:#028ab6;}

.mylog_area .txt_summary {color:#333; font-size:20px; font-weight:400; letter-spacing:-1px;}
.mylog_area .txt_summary .txt_red {font-weight:500;}
.mylog_area .txt_summary .total {color:#000;}
.mylog_area .num {font-size:28px; font-weight:500;}
.mylog_area .txt_blue {color:#0a3667;}
.mylog_area .txt_red {color:#d60a3c;}
.mylog_area .pay_section {margin-top:38px;}
.mylog_area .pay_section .chart_box {float:left; margin-top:18px;}
.mylog_area .pay_section .pay_box {float:right; width:264px;}
.mylog_area .pay_box table {width:100%; border-bottom:1px solid #abaaaa;}
.mylog_area .pay_box table tbody th, .mylog_area .pay_box table tbody td {height:60px; color:#333; font-size:18px; font-weight:500; text-align:left; border-top:1px solid #d6d5d5; vertical-align:middle;}
.mylog_area .pay_box table tbody tr:first-child th, .mylog_area .pay_box table tbody tr:first-child td {border-top:0 none;}
.mylog_area .pay_box table tbody td {text-align:right;}
.mylog_area .pay_box .num {font-size:25px; font-weight:700;}
.mylog_area .pay_box .txt_note {margin:20px 0 0 20px; color:#666; font-size:16px; font-weight:350; line-height:24px; text-indent:-20px;}
.mylog_area .pay_box .btn {display:block; height:54px; margin-top:30px; padding:0 10px; color:#fff; font-size:18px; font-weight:350; line-height:54px; text-align:center; background-color:#333; border-radius:5px;}
.mylog_area .pay_box .btn span {padding-right:26px; background:url(../images/reporter/bg_pay.png) no-repeat right 5px;}

.chart_box {width:228px;}
.chart_box .pie_chart {position:relative; width:186px; height:186px; background-color:#0a3667; border-radius:100%;}
.chart_box .pie_chart .pie span {position:absolute; top:-23px; right:22px; color:#d60a3c; font-size:18px; font-weight:400;}
.chart_box .pie_chart .pie span strong {font-size:24px; font-weight:700;}
.chart_box .pie_chart .data {position:absolute; top:20px; left:20px; width:146px; height:146px; padding-top:36px; background-color:#fff; border-radius:100%; text-align:center;}
.chart_box .pie_chart .selection {color:#333; font-size:18px;}
.chart_box .pie_chart .selection span {display:block; margin-top:2px; color:#0a3667; font-size:18px;}
.chart_box .pie_chart .selection span strong {font-size:23px; font-weight:700;}
.chart_box .pie_chart .publish {position:relative; display:inline-block; margin-top:12px; padding-left:17px; color:#666; font-size:14px;}
.chart_box .pie_chart .publish:after {position:absolute; top:0; left:0; width:12px; height:12px; border-radius:100%; background-color:#d60a3c; content:"";}

.bar_graph {width:380px; padding:41px 0 30px;}
.bar_graph>ul {height:162px; border-bottom:1px solid #cacaca;}
.bar_graph>ul:after {content:""; display:block; clear:both;}
.bar_graph>ul>li {position:relative; float:left; width:20%; height:162px; text-align:center;}
.bar_graph>ul>li>strong {position:absolute; bottom:-30px; display:block; width:100%; color:#666; font-size:18px; font-weight:400;}
.bar_graph .bar {position:relative; display:inline-block; width:24px; height:162px;}
.bar_graph .bar>div {position:absolute; bottom:0; left:0; width:24px; /*margin-top:25px;*/}
.bar_graph .bar>div>div {position:relative; height:100%;}
.bar_graph .bar>div span {position:absolute; top:-23px; right:-4px; display:block; width:30px; height:23px; color:#666; font-size:15px; font-weight:400; text-align:center;}
.bar_graph .bar .all {background-color:#008fd0;}
.bar_graph .bar .etc {background-color:#999;}
.bar_graph .bar .culture {background-color:#9b64d3;}
.bar_graph .bar .economy {background-color:#069363;}
.bar_graph .bar .welfare {background-color:#d76000;}
.bar_graph .bar .traffic {background-color:#599100;}
.bar_graph .bar .env {background-color:#337ee2;}
.bar_graph .bar .citybuild {background-color:#c35c3c;}
.bar_graph .bar .safe {background-color:#e44869;}
.bar_graph .bar .gov {background-color:#028ab6;}


/****** 2022.01.25 작성방법 영상 추가 ******/
.video_section .sec_tit_area.line {padding-bottom:70px;}
.write_section .sec_tit_area.line {padding-bottom:120px;}
.sec_tit_area .htw_tit {position:absolute; left:0; bottom:10px; font-size:24px; font-weight:700; color:#055db7;}
.htw_video {margin-top:40px; text-align:center;}
.htw_video:focus{outline:none;}
.htw_video ul:after {content:''; display:block; clear:both;}
.htw_video li {float:left; width:384px; margin-left:24px;}
.htw_video li:first-child {margin-left:0;}
.htw_video li a {display:block;}
.htw_video li .img {position:relative; height:240px; overflow:hidden;}
.htw_video li .img img {position:absolute; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; margin:auto; transition-duration:.2s;}
.htw_video li a:hover .img img, .htw_video li a:focus .img img {transform:scale(1.15);}
.htw_video li p {margin-top:20px; line-height:32px; font-size:20px; font-weight:500;}
.htw_video li p span {display:inline-block; width:32px; height:32px; margin-right:10px; background:center no-repeat #0797d6; border-radius:50%; vertical-align:middle;}
.htw_video li p span.ico_htw_video1 {background-image:url(../images/citizen/ico_htw_video1.png);}
.htw_video li p span.ico_htw_video2 {background-image:url(../images/citizen/ico_htw_video2.png);}
.htw_video li p span.ico_htw_video3 {background-image:url(../images/citizen/ico_htw_video3.png);}
.layer_htw_video_wrap {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:9999;}
.layer_htw_video_wrap .dim {position:absolute; left:0; right:0; top:0; bottom:0; background:#000; opacity:.7;}
.layer_htw_video {position:absolute; left:0; right:0; top:50%; width:1200px; margin:0 auto; transform:translateY(-50%);}
.layer_htw_video:focus{outline:none;}
.layer_htw_video video {width:100%; height:auto;}
.layer_htw_video .htw_layer_close {position:absolute; right:-10px; top:-45px; display:block; width:40px; height:40px; text-indent:-5000px;}
.layer_htw_video .htw_layer_close:focus {border:1px dotted rgba(255,255,255,.8);}
.layer_htw_video .htw_layer_close:before, .layer_htw_video .htw_layer_close:after {content: ''; display:block; position:absolute; top:0; left:10px; width:2px; height:40px; background:#fff;}
.layer_htw_video .htw_layer_close:before {transform:rotate(-45deg);}
.layer_htw_video .htw_layer_close:after {transform:rotate(45deg);}

.write_process{background:#f5f5f5; padding:0 40px;}
.write_process:focus{outline:none;}
.write_process .pro_tit{position:relative; padding-left:40px; font-size:24px; font-weight:500;}
.write_process .pro_tit.icon::before{content:''; position:absolute; left:0; }
.write_process .pro_tit.icon01::before{width:28px; height:26px; background:url(../images/reporter/ico_01.png) no-repeat center left;}
.write_process .pro_tit.icon02::before{width:28px; height:22px; background:url(../images/reporter/ico_02.png) no-repeat center left;}
.write_process .pro_tit.icon03::before{width:26px; height:26px; background:url(../images/reporter/ico_03.png) no-repeat center left;}
.write_process .process{padding:40px 0;}
.write_process .process + .process{border-top:1px solid #e6e6e6;}
.write_process .process .box{margin-top:15px;}
.write_process .process .box a{position:relative; padding:0 20px; margin:5px 20px 5px 0;}
.write_process .process .box a::after{content:''; position:absolute; top:12px; right:-20px; width:12px; height:14px; background:url(../images/reporter/ico_right.png) no-repeat center center;}
.write_process .process .box a:last-child::after{display:none;}
.write_process .process .add_process{position:relative; padding-left:200px;}
.write_process .process .add_process .pro_sub_tit{position: absolute; top:16px; left:0; letter-spacing:-1px; font-size:18px; font-weight:500;}

.manual_area{padding-bottom:100px;}
.manual_area .manual{margin-top:60px;}
.manual_area .manual .top_box{position:relative; border-bottom:1px solid #000;}
.manual_area .manual .top_box .top_tit{padding-bottom:15px; font-size:24px; font-weight:500; letter-spacing:-0.6px;}
.manual_area .manual .top_box .top_btn{position:absolute; top:1px; right:0; height:40px; padding:0 30px 0 14px; color:#fff; background:#000; font-size:14px; line-height:40px;}
.manual_area .manual .top_box .top_btn::after{content:''; position:absolute; top:15px; right:10px; width:10px; height:10px; background:url('../images/reporter/ico_top.png')no-repeat center right;}
.manual_area .manual .ex_box{margin-top:40px;}
.manual_area .manual .ex_box .ex_txt{font-size:16px; font-weight:400; letter-spacing:-0.4px; line-height:27px;}
.manual_area .manual .ex_box .ex_txt.mark{position:relative; padding-left:25px;}
.manual_area .manual .ex_box .ex_txt.mark::before{content:'*'; position:absolute; top:4px; left:14px; color:#0797d6;}
.manual_area .manual .ex_box .ex_txt.gray{padding-left:15px; font-weight:350; color:#666;}
.manual_area .manual .ex_box .ex_txt .red{color:#f83b3b; font-weight:500;}
.manual_area .manual .ex_box .ex_img_box{margin-top:18px; border:1px solid #e6e6e6;}
.manual_area .manual .ex_box .txt_note{margin-top:20px; font-size:14px; font-weight:400;}
.manual_area .manual .ex_box .txt_note>span{padding-right:18px; color:#0797d6; font-weight:700;}


/* 활동인증서 발급 레이어팝업 */
.layer_wrap .cont_inner .tit{
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.layer_wrap .cont_inner .period_radio_list{
    margin: 0 auto 25px;
    width: 270px;
    text-align: center;
}
.layer_wrap .cont_inner .period_radio_list li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto 10px;
    padding-bottom: 8px;
}
.layer_wrap .cont_inner .period_radio_list li input{
    margin:1px 6px 0 0;
}
.layer_wrap .cont_inner .period_radio_list li label{
    font-weight: 700;
    font-size: 15px;
}
.layer_wrap .cont_inner .period_radio_list li label em{
    display: inline-block;
    padding-left: 4px;
    font-weight: 400;
    font-size: 15px;
}
.layer_wrap .cont_inner .info_list ul{
    margin:0 auto;
    padding-top: 25px;
    border-top:1px solid #ddd;
}
.layer_wrap .cont_inner .info_list ul li{
    position: relative;
    padding: 0 0 2px 20px;
    line-height: 1.4;
    font-size: 14px;
}
.layer_wrap .cont_inner .info_list ul li::before{
    content:"※";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
}
.layer_wrap .cont_inner .info_list ul li a{
    font-weight: 700;
    color:#192e42;
}
.layer_wrap .cont_inner .btn_box{
    padding-top: 20px;
    text-align: center;
}

/* 2024 시민기자 */
@keyframes marquee {
	from { transform: translateY(-50%); }
	to { transform: translateY(0); }
}
@keyframes shake{
    0%{
        transform: rotate(15deg);
    }
    100%{
        transform: rotate(-15deg);
    }
}
@keyframes shake2{
    0%{
        transform: rotate(2deg);
    }
    100%{
        transform: rotate(-2deg);
    }
}
@keyframes bounce{
    0%{
        margin-top: 20px;
    }
    100%{
        margin-top: 0;
    }
}
.citizen-rcrt-wrap .animated-bg{
    position: absolute;
    width: 100%;
    height: 1950px;
    overflow: hidden;
    z-index: 1;
}
.citizen-rcrt-wrap .animated-bg .content{
    text-align: center;
}
.animated-bg .track{
    position: absolute;
    will-change: transform;
    animation: marquee 80s linear infinite;
}
.citizen-rcrt-wrap .sec01{
    padding: 20px 0 50px;
    background: #ffe8c7;
}
.citizen-rcrt-wrap .sec01 .sec_tit_area{
    position: relative;
    margin-bottom: 0;
    z-index: 3;
}
.citizen-rcrt-wrap .sec01 .tit-stk{
    position: absolute;
}
.citizen-rcrt-wrap .sec01 .tit-stk.stk01{
    top: 210px;
    right: 345px;
    animation: shake 1s infinite alternate;
}
.citizen-rcrt-wrap .sec01 .tit-stk.stk02{
    top: 465px;
    left: 309px;
    animation: shake 1.2s infinite alternate;
}
.citizen-rcrt-wrap .sec01 .tit-stk.stk03{
    top: 430px;
    right: 345px;
    animation: shake 0.7s infinite alternate;
}
.citizen-rcrt-wrap .btn_area{
    position: relative;
    margin: -35px auto auto auto;
    width: 663px;
    height: 205px;
    background: url(../images/reporter/2024/bg_btn2.png) no-repeat;
}
.citizen-rcrt-wrap .btn_area a{
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -245px;
}
.citizen-rcrt-wrap .btn_area a:hover{
    top: 60px;
}
.citizen-rcrt-wrap .btn_area .btn_stk{
    position: absolute;
    width: 100%;
    height: 100%;
}
.citizen-rcrt-wrap .btn_area .btn_stk img{
    position: absolute;
    z-index: 2;
}
.citizen-rcrt-wrap .btn_area .btn_stk img:first-child{
    top: -10px;
    left: 87px;
}
.citizen-rcrt-wrap .btn_area .btn_stk img:nth-child(2){
    top: 0;
    right: 148px;
}
.citizen-rcrt-wrap .btn_area .btn_stk img:nth-child(3){
    top: 94px;
    right: 63px;
    animation: bounce 0.7s infinite Alternate;
}
.citizen-rcrt-wrap .btn_area span{
    position: absolute;
    top: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-left: 25px;
    width: 100%;
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 47px;
    font-weight: 900;
    color: #fff;
}
.citizen-rcrt-wrap .btn_area span::after{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/reporter/2024/ico_btn_arrow_w.png) no-repeat;
}
.citizen-rcrt-wrap .sec01 .sec_tit_area > p{
    margin-top: 20px;
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 25px;
    font-weight: 800;
    color: #6e00ff;
    text-shadow: 3px 3px 1px #fff;
}
.citizen-rcrt-wrap .sec02{
    position: relative;
    padding-top: 85px !important;
    /* background: url(../images/reporter/2024/bg_cloud_pink.png) no-repeat center bottom; */
}
.bg-pink{
    background: url(../images/reporter/2024/bg_cloud_pink.png) no-repeat center bottom;
}
.citizen-rcrt-wrap .sec02 .bg-color{
    position: absolute;
    top: 0;
    width: 100%;
    height: 1180px;
    background: rgba(255, 232, 199, 0.5);
}
.citizen-rcrt-wrap .sec02 .bg-img{
    position: absolute;
    top: 460px;
    animation: bounce 1.5s infinite Alternate;
    z-index: 2;
}
.citizen-rcrt-wrap .sec02 .citizen-list{
    position: relative;
    margin: 0 auto;
    width: fit-content;
    z-index: 4;
}
.citizen-rcrt-wrap .sec02 .citizen-list ul{
    position: absolute;
    top: 215px;
    left: 128px;
}
.citizen-rcrt-wrap .sec02 .citizen-list li{
    display: flex;
    margin-top: 15px;
    align-items: center;
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 37px;
    font-weight: 900;
}
.citizen-rcrt-wrap .sec02 .citizen-list li::before{
    content: '';
    display: inline-block;
    margin-right: 15px;
    width: 37px;
    height: 37px;
    background: url(../images/reporter/2024/ico_chkbox.png) no-repeat;
}
.citizen-rcrt-wrap .tab-con-area{
    position: relative;
    margin-top: 60px;
    z-index: 3;
}
.citizen-rcrt-wrap .tab-con-area .tab-nav{
    position: relative;
}
.citizen-rcrt-wrap .tab-con-area .tab-nav ul{
    display: flex;
    align-items: center;
    border: 6px solid #868f96;
    border-bottom: 11px solid #868f96;
    border-radius: 30px;
    height: 105px;
}
.citizen-rcrt-wrap .sec02 .tab-nav ul li{
    font-family: 'HGGGothicssi', sans-serif;
    width: 50%;
    height: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #868f96;
}
.citizen-rcrt-wrap .sec02 .tab-nav ul li a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 88px;
}
.citizen-rcrt-wrap .tab-con-area .tab-nav .active-tab{
    position: absolute;
    left: 0;
    bottom: 0;
    border: 6px solid #000;
    border-right: 10px solid #000;
    border-bottom: 16px solid #000;
    border-radius: 30px;
    width: 50%;
    height: 110px;
    line-height: 88px;
    text-align: center;
    background: #b58af5;
    cursor: pointer;
}
.citizen-rcrt-wrap .tab-con-area .tab-nav .active-tab p{
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 40px;
    font-weight: 900;
    color: #fff;
    text-shadow: 0 3px 1px #000;
}
.citizen-rcrt-wrap .tab-con-area .tab-con{
    margin-top: 80px;
}
.tab-2024-joinguide > div:first-child{
    padding-bottom: 100px;
    border-bottom: 1px solid #868f96;
}
.tab-2024-joinguide .dl-list{
    display: flex;
    flex-wrap: wrap;
}
.tab-2024-joinguide .dl-list > dl{
    margin-top: 80px;
    padding-right: 95px;
    width: 50%;
}
.tab-2024-joinguide .dl-list dl dt{
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 32px;
    font-weight: 800;
    color: #ff0071;
}
.tab-2024-joinguide .dl-list dl dd{
    margin-top: 30px;
    font-size: 20px;
}
.tab-2024-joinguide .dl-list dl dd span{
    color: #6e00ff;
}
.tab-2024-joinguide .dl-list dl dd b{
    display: block;
    margin-top: 15px;
    padding: 10px;
    background: #fffca2;
}
.tab-2024-joinguide .dl-list dl ul{
    display: flex;
}
.tab-2024-joinguide .dl-list dl ul li + li {
    margin-left: 20px;
}
.tab-2024-joinguide .dl-list dl ul dt{
    font-size: 20px;
    color: #6e00ff;
}
.tab-2024-joinguide .dl-list dl ul dd{
    margin-top: 10px;
}
.tab-2024-joinguide .notice-box{
    padding: 55px 45px;
    width: 100%;
    height: auto;
    background: #fff;
}
.tab-2024-joinguide .notice-box h3{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 30px;
    font-weight: 900;
}
.tab-2024-joinguide .notice-box h3::after{
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 33px;
    height: 33px;
    background: url(../images/reporter/2024/ico_star.png) no-repeat;
}
.tab-2024-joinguide .notice-box ul li{
    width: 50%;
    line-height: 1.6;
    font-size: 20px;
}
.tab-2024-joinguide .notice-box ul li::before{
    content: '';
    display: inline-block;
    margin-top: 9px;
    margin-right: 5px;
    vertical-align: top;
    width: 8px;
    height: 8px;
    background: #ff0071;
    border-radius: 100%;
}
.tab-2024-joinguide .notice-box ul li:first-child{
    padding-right: 50px;
}
.tab-2024-joinguide .notice-box ul li:first-child, .tab-2024-joinguide .notice-box ul li:nth-child(2){
    float: left;
}
.tab-2024-joinguide .notice-box ul li:nth-child(3){
    float: right;
    margin-top: 30px;
}
.tab-2024-joinguide .notice-box ul li a{
    color: #6e00ff;
    text-decoration: underline;
}
.tab-2024-joinguide .notice-box ul li a::after{
    content: '';
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    width: 15px;
    height: 15px;
    background: url(../images/reporter/2024/ico_download.png) no-repeat;
}
.tab-2024-joinguide .notice-box{
    margin-top: 80px;
}
.tab-2024-joinguide .stk{
    position: absolute;
    bottom: 635px;
    right: -195px;
    animation: shake2 1s infinite Alternate;
}
.tab-2024-workguide{
    display: none;
}
.tab-2024-workguide > div{
    display: flex;
    margin-top: 80px;
}
.tab-2024-workguide > div h4{
    width: 286px;
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 30px;
    font-weight: 800;
    color: #ff0071;
    line-height: 1.4;
    word-break: keep-all;
}
.tab-2024-workguide > div h4 p{
    display: block;
    word-break: keep-all;
    color: #6e00ff;
}
.tab-2024-workguide > div h4 p::before{
    content: '';
    display: block;
    margin: 25px 0;
    width: 25px;
    height: 5px;
    background: #6e00ff;
}
.tab-2024-workguide > div > *:not(h4, h4 p){
    width: calc(100% - 286px);
    font-size: 20px;
}
.tab-2024-workguide > div > ol li + li{
    margin-top: 30px;
}
.tab-2024-workguide > div > ol li{
    display: flex;
    gap: 30px;
    line-height: 1.4;
}
.tab-2024-workguide > div > ol li span{
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 32px;
    font-weight: 900;
    color: #6e00ff;
    word-break: keep-all;
}
.tab-2024-workguide > div #accordion li + li{
    margin-top: 75px;
}
.tab-2024-workguide > div #accordion li a{
    display: block;
    width: 100%;
    height: 100%;
}
.tab-2024-workguide > div #accordion li a strong{
    font-size: 22px;
}
.tab-2024-workguide > div #accordion li a strong::before{
    content: 'Q';
    margin-right: 40px;
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 32px;
    font-weight: 900;
    color: #ff0071;
    vertical-align: top;
}
.tab-2024-workguide > div #accordion li a::after{
    content: '';
    display: block;
    float: right;
    margin-top: 5px;
    width: 24px;
    height: 15px;
    background: url(../images/reporter/2024/acdn_arrow.png) no-repeat;
    transition: all 0.5s;
}
.tab-2024-workguide > div #accordion li a.active::after{
    transform: rotate(-180deg);
}
.tab-2024-workguide > div #accordion li > div{
    display: flex;
    gap: 40px;
    margin-top: 30px;
}
.tab-2024-workguide > div #accordion li > div em{
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 32px;
    font-weight: 900;
    color: #6e00ff;

}
.tab-2024-workguide > div #accordion li > div p{
    line-height: 1.4;
}
.tab-2024-workguide > div #accordion li > div p span{
    font-weight: bold;
    color: #6e00ff;
}
.citizen-rcrt-wrap .sec02 .btn_area{
    margin-top: 90px;
}
.citizen-rcrt-wrap .sec02 .btn_area .btn_stk img:first-child{
    top: 2px;
}
.citizen-rcrt-wrap .sec02 .btn_area .btn_stk img:nth-child(2){
    display: none;
}
.tab-2024-workguide .reference ul{
    display: flex;
    gap: 20px;
}
.tab-2024-workguide .reference ul li{
    padding-top: 15px;
    border: 4px solid #000;
    border-bottom: 9px solid #000;
    border-radius: 30px;
    width: 212px;
    height: 212px;
    font-family: 'HGGGothicssi', sans-serif;
    font-size: 23px;
    font-weight: 800;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    transition: all 0.5s;
}
.tab-2024-workguide .reference ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.tab-2024-workguide .reference ul li:hover{
    margin-top: -10px;
}
.tab-2024-workguide .reference ul li p{
    margin-top: 8px;
}
.btn_hidden{
    opacity: 0;
}
.btn_hidden *{
    display: none;
}