@charset "utf-8";

.city_rank {
    position:relative;
    width:100%;   
    z-index:1;
    margin-top:-9.75rem;
    background-image:url(../imgs/common/city_rank_bg.png);
    background-size:contain;
    background-position:100% 100%;
    padding-top:19%;
    padding-left:0;
    padding-right:11.2rem;
    padding-bottom:2%;
    background-repeat:no-repeat;
    min-height:22.5rem;
}
.city_rank.bg1 {background-image:url(../imgs/common/city_rank_bg2.png);}
.city_rank .rank_img {display:block;max-width:1.5rem;height:auto}
.city_rank .ranK_cont {position:absolute;width:100%;bottom:2.15rem;}
.city_rank .ranK_cont ul {position:relative}
.city_rank .ranK_cont ul li {display:inline-block;position:relative;vertical-align:top;margin-left:-5px; width:92px;}
.city_rank .ranK_cont ul li .city_img {max-width:4rem;height:3rem;}
.city_rank .ranK_cont ul li .rank {position:absolute;bottom:0;left:0;z-index:3}
.city_rank .ranK_cont ul li.city_gwangju .rank {bottom:1vw;left:1.2vw;}
.city_rank .ranK_cont ul li.city_suwon .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_changwon .rank {bottom:1vw;left:1.2vw;}
.city_rank .ranK_cont ul li.city_jeonju .rank {bottom:1.1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_daegu .rank {bottom:1vw;left:1.6vw;}
.city_rank .ranK_cont ul li.city_deajeon .rank {bottom:auto;top:4px;left:16px;}
.city_rank .ranK_cont ul li.city_kyungnam .rank {bottom:21px;left:16px;}
.city_rank .ranK_cont ul li.city_wonju .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_yongin .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_dangjin .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_sejong .rank {bottom:1vw;left:50%;transform:translateX(-50%);}
.city_rank .ranK_cont ul li.city_jinju .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_gyeonggi .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_suncheon .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_guri .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_incheon .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_yeonggwang .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_chuncheon .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_chungnam .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_jeju .rank {bottom:1vw;left:0.8vw;}
.city_rank .ranK_cont ul li.city_gju .rank {bottom:1vw;left:0.8vw;}

@media screen and (max-width:1919px){
    .city_rank .rank_img {display:block;max-width:1rem;height:auto}
    .city_rank .ranK_cont ul li .city_img {max-width:4.5rem;height:auto}
}
@media screen and (max-width:1600px){
    .city_rank {padding-left:0;padding-right:0}
}
@media screen and (max-width:1738px){
    .city_rank {padding-top:20vw}
    .city_rank .ranK_cont ul li .city_img {max-width:100%;height:3.8vw}
    .city_rank .rank_img {width:auto;max-width:100%;height:0.8vw}
}

@media screen and (max-width:1100px){
    
}

@media screen and (max-width:1051px){
    .city_rank {margin-top:0;padding-top: 11%;}
    
}
@media screen and (max-width:1038px){
    .city_rank {background-size:cover}
}
@media screen and (max-width:1023px){
    .city_rank .ranK_cont {display:none;}
    .city_rank {min-height:6.5rem;}
    .city_rank {background-image:url(../imgs/common/m_city_rank_bg.png)}
    .city_rank.bg1 {background-image:url(../imgs/common/m_city_rank_bg2.png);}
}

.block {display:block;}

/* 현황 */
.challenge_state {position:relative;width:100%;clear: both;}
.challenge_state.mt20 {margin-top:1rem}
.challenge_state .left {float:left;}
.challenge_state .left .name {position:relative;display:block;padding-left:1rem;font-size:1.25rem;font-weight:500}
.challenge_state .left .name:before {
    display: block;
    content: "";
    position: absolute;
    top:0.7rem;
    left:0;
    width:0.4rem;
    height:0.4rem;
    background-color: #aaa;
    border-radius: 100%;
}
.challenge_state .right {float:right}
.challenge_state .right .frm_input {
    width:9.65rem;
    height:1.9rem;
    line-height:1.9rem;
    border:1px solid #ddd !important;
    background-color:#fff !important;
    padding:0 1rem 0 0.9rem !important;
    font-size:0.75rem;
    color:#424242;
}
.challenge_state .right .state_btn {
    width:73px;
    height:1.9rem;
    line-height:1.9rem;
    font-size:0.75rem;
    color:#fff;
    background-color:#238fe8;
}
.challenge_state .right ul {margin:0 -0.5px}
.challenge_state .right ul li {float:left;padding:0 0.5px}
.challenge_state .right ul li a {display:block;width:100%;padding:0 1rem;border:1px solid #ddd;text-align:center;font-size:0.7rem;line-height:1.7rem;color:#555}
.challenge_state .right ul li.on a,
.challenge_state .right ul li a:hover {background-color:#444;font-weight:500;color:#fff}

.challenge_state .left span.state {padding:0.3rem;background-color:#0d97ce;color:#fff;font-size:0.8rem}
.challenge_state .left span.state.end {background-color:#999;color:#fff}
.challenge_state .left .frm_input {width:14rem;height:1.8rem;line-height:1.8rem;}
@media screen and (max-width:1000px){
    .challenge_state .left {float:none;}
    .challenge_state .right {float:none;position:relative;margin-top:0.5rem;padding-right:0}
    .challenge_state .right select.frm_input {width:100%}
    .challenge_state .right .state_btn {position:absolute;top:0;right:0;;}
    .challenge_state .left .frm_input {width:100%}
}
@media screen and (max-width:800px){
    .challenge_state .left .frm_input {font-size:0.8rem;height:2rem;line-height:2rem}
    .challenge_state .right ul li a {font-size:0.8rem;line-height:2rem}
}

/* tab */
.tab {width:100%;overflow:hidden;}
.tab .tab_list {margin:-0.5px}
.tab .tab_list li {float:left;position:relative;padding:0.5px}
.tab .tab_list li a {display:block;width:7.9rem;height:2.05rem;background-color:#aaa;text-align:center;font-size:0.8rem;line-height:1.95rem;color:#fff;letter-spacing: -0.5px;}
.tab .tab_list li.active a,.tab .tab_list li.on a,
.tab .tab_list li a:hover {background-color:#0bb793;font-weight:500}
.tab .tab_list li.type1 a {background-color:#666}
.tab .tab_list li.type1.active a, .tab .tab_list li.type1.on a,
.tab .tab_list li.type1 a:hover {background-color:#1b8771;}
.tab2 {width:100%;overflow:hidden;}
.tab2 .tab_list2 {margin:-0.5px}
.tab2 .tab_list2 li {float:left;position:relative;padding:0.5px}
.tab2 .tab_list2 li a {display:block;width:100%;height:2.05rem;padding:0 1rem;background-color:#aaa;text-align:center;font-size:0.8rem;line-height:1.95rem;color:#fff}
.tab2 .tab_list2 li.on a,
.tab2 .tab_list2 li a:hover {background-color:#1bbea9;font-weight:500}
.tab3 {position:relative;text-align:center;margin-bottom:3.4rem;overflow:hidden;}
.tab3 .tab_list3 {margin:-3px}
.tab3 .tab_list3 li {display:inline-block;vertical-align:top;padding:3px;margin-left:-5px}
.tab3 .tab_list3 li a {display:block;width:13.45rem;height:2.85rem;line-height:2.35rem;border:0.15rem solid #dddddd;text-align:center;font-size:1.15rem;color:#787878}
.tab3 .tab_list3 li.on a,
.tab3 .tab_list3 li a:hover {border-color:#a38600;background-color:#a38600;color:#fff;font-weight:500;}
.tab4 {width:100%;overflow:hidden;border-bottom:1px solid #ddd;}
.tab4 .tab_list4 {margin:0 -3px;}
.tab4 .tab_list4 li {float:left;position:relative;padding:0 3px}
.tab4 .tab_list4 li a {display:block;width:13rem;height:2.5rem;line-height:2.4rem;text-align:center;font-size:1rem;color:#fff;background-color:#aeaeae;}
.tab4 .tab_list4 li.on a,
.tab4 .tab_list4 li a:hover {background-color:#82b71b;}


.tab5 {width:100%;overflow:hidden;}
.tab5 .tab_list5 {display:flex;flex-wrap:wrap;width:100%;flex-direction:row;}
.tab5 .tab_list5 li {position:relative;padding:0 3px}
.tab5 .tab_list5 li:first-child {padding-left:0}
.tab5 .tab_list5 li a {display:block;width:13rem;height:2.5rem;line-height:2.4rem;text-align:center;font-size:1rem;color:#fff;background-color:#aeaeae;}
.tab5 .tab_list5 li.on a,
.tab5 .tab_list5 li a:hover {background-color:#0f4357;}

@media screen and (max-width:1176px){
    .tab3 {margin-bottom:2rem}
    .tab3 .tab_list3 li {width:25%}
    .tab3 .tab_list3 li a {width:100%}
    .tab4 .tab_list4 li {width:25%}
    .tab4 .tab_list4 li a {width:100%}
}
@media screen and (max-width:930px){
    .tab3 .tab_list3 li {width:50%}
}
@media screen and (max-width:820px){
    .tab4 {border-bottom:0;overflow:hidden;width:100%}
    .tab4 .tab_list4 {margin:-3px}
    .tab4 .tab_list4 li {width:50%;padding:3px}
}
@media screen and (max-width:650px){ 
    .tab .tab_list li a {width:6rem}
}
@media screen and (max-width:580px){ 
	.tab .tab_list li {width:20%;}
    .tab .tab_list li a {width:100%;}
    .tab .tab_list li.w33 {width:33.333333%}	
}
@media screen and (max-width:460px){ 
    .tab .tab_list li {width:25%;}
    .tab3 .tab_list3 li a  {font-size:1.1rem}
}
@media screen and (max-width:500px){ 
    .tab5 .tab_list5 li {width:50%}
    .tab5 .tab_list5 li  a {width:100%;}
}
@media screen and (max-width:394px){ 
    .tab3 .tab_list3 li {width:100%;margin-left:0px;}
    .tab4 .tab_list4 li {width:100%}    
    .tab .tab_list li {width:25%}
    .tab .tab_list li.w33 {width:50%}
}

/* 테이블 */
.my_tbl_wrap {width:100%;margin-top:0.55rem;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.my_tbl_type1 {width:100%;border-collapse:collapse;}
.my_tbl_type1 thead th {padding:0.5rem 0;background-color:#e6eaea;border:1px solid #ddd;border-width:1px 0 1px;text-align:center;font-size:0.8rem;color:#424242;font-weight:400}
.my_tbl_type1 tbody td {height:2.05rem;padding:0.5rem 0;border-bottom:1px solid #ddd;text-align:center;font-size:0.8rem;color:#424242}
.my_tbl_type1 .rank img {width:1.55rem;height:auto;}
.my_tbl_type1 tfoot th {padding:0.3rem 0;background-color:#7f7f7f;color:#fff;font-weight:500;font-size:0.8rem}
.my_tbl_type1 tfoot td {padding:0.3rem 0;background-color:#999;color:#fff;text-align:center;font-size:0.8rem;} 
.my_tbl_type1 .c_type {display:inline-block;vertical-align:middle;}
.my_tbl_type1 .c_type.bg1 {padding-left:0.8rem;background:url(../imgs/sub/my_icon_05.png) no-repeat 0 50%;background-size:0.55rem 1rem}
.my_tbl_type1 .c_type.bg2 {padding-left:1.5em;background:url(../imgs/sub/my_icon_06.png) no-repeat 0 50%;background-size:1rem 1rem}
.bottom_search {margin-top:0.8rem;text-align:center}
.bottom_search ul {width:100%;}
.bottom_search ul li {display:inline-block;vertical-align:middle}
.bottom_search ul li.w200 {width:200px}
.bottom_search ul li.w100 {width:100px}
.bottom_search ul li.w60 {width:60px}
.bottom_search ul li.w300 {width:300px}
.bottom_search .frm_input {border:1px solid #ddd;background-color:#fff}
.t_sec_btn {display:inline-block;vertical-align:middle;width:3.65rem;height:2rem;line-height:2rem;font-size:0.7rem;color:#fff;background-color:#238fe8}
@media screen and (max-width:800px){
    .bottom_search ul li.w200 {width:150px}
    .bottom_search ul li.w100 {width:80px}
    .bottom_search ul li.w60 {width:50px}
    .bottom_search ul li.w300 {width:200px}
}
@media screen and (max-width:600px){
    .my_tbl_wrap .my_tbl_type1 {width:610px}
    .bottom_search ul {margin:-1px}
    .bottom_search ul li {width:100% !important;padding:1px}
    .bottom_search ul li.bo_btn {margin-top:0.5px}
    .bottom_search ul li.bo_btn .t_sec_btn {width:100%}
}

.paging {width:100%;margin-top:2.3rem;text-align: center;}
.paging .pg_wrap {margin:0}

.my_info_box {position:relative;margin-bottom:1.643rem}
.my_info_box.fst {margin-top:3.071rem}
.my_info_box .tit {position:relative;z-index:2;margin-bottom:-1px;width:11.15rem;height:2.05rem;line-height:1.95rem;background-color:#1bbea9;text-align:center;font-weight:500;color:#fff;font-size:0.8rem}
.my_info_box .my_info_cont {padding:1rem 1.85rem;border:1px solid #ddd;background-color:#f1f1f1}
.my_info_box .my_info_cont .my_info_list {position:relative;margin:0 -1.5rem}
.my_info_box .my_info_cont .my_info_list li {float:left;width:33.3333333333%;position:relative;padding:0 1.5rem}
.my_info_box .my_info_cont .my_info_list li:last-child:after {display:none}
.my_info_box .my_info_cont .my_info_list li:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:1.3rem;
    background-color:#999
}
.my_info_box .my_info_cont .my_info_list li strong {display:block;position:relative;float:left;font-size:0.8rem;color:#222;font-weight:500}
.my_info_box .my_info_cont .my_info_list li p {display:block;float:right;font-size:0.9rem;color:#222}
.my_info_box .my_info_cont .my_info_list li strong.bg1 {padding-left:1.3rem;background:url(../imgs/sub/my_icon_01.png) no-repeat 0 50%;background-size:1.15rem 1.05rem}
.my_info_box .my_info_cont .my_info_list li strong.bg2 {padding-left:1.05rem;background:url(../imgs/sub/my_icon_02.png) no-repeat 0 50%;background-size:0.75rem 1.3rem}
.my_info_box .my_info_cont .my_info_list li strong.bg3 {padding-left:2.286rem;background:url(../imgs/sub/my_icon_04.png) no-repeat 0 50%;background-size:1.857rem 1.286rem}
.my_info_box .my_info_cont .my_info_list li strong.alt {padding-right:1.1rem;cursor:pointer;}
.my_info_box .my_info_cont .my_info_list li strong.alt:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:0.85rem;
    height:0.85rem;
    transform:translateY(-50%);
    background:url(../imgs/sub/my_icon_03.png) no-repeat 0 0;
    background-size:0.85rem 0.85rem;
}
.my_info_box .gp_box {position:relative;border:1px solid #ddd;min-height:300px}
.my_info_box .arrow_box {position:absolute;display:none;z-index:3;clear:both;top:1.65rem;left:0;width:100%;max-width:22.9rem;padding:1.3rem 1.1rem;}
.my_info_box .arrow_box {background-color:rgba(0,0,0,0.70)}
.my_info_box .arrow_box:before {
    display:block;
    content:"";
    position: absolute;
    top:-12px;
    left:100px;
    width:13px;
    height:12px;
    background:url(../imgs/sub/arrow_box_arr.png) no-repeat 0 0;
    background-size:100% auto;
}
.my_info_box .my_info_cont .my_info_list li .arrow_box p {float:none;font-size:0.7rem;color:#fff;}
.my_info_box .my_info_cont .my_info_list li .arrow_box p.subject {font-size:0.8rem;font-weight:500;color:#bbff19}
.my_info_box .my_info_cont .my_info_list li .arrow_box p.subject span {color:#fff006}

.my_search_cont {padding:0.8rem 5.786rem;border:1px solid #ddd;background-color:#f1f1f1;text-align:center}
.my_search_cont .search_month {display:inline-block;vertical-align:middle;}
.my_search_cont .search_month .tit2 {display:inline-block;vertical-align:middle;font-size:0.8rem;font-weight:500;color:#222;margin-right:12px}
.my_search_cont .search_month input[type="button"],
.my_search_cont .search_month button,
.my_search_cont .search_month a {
    display:inline-block;
    vertical-align:middle;
    width:4.3rem;
    height:1.55rem;
    line-height:1.45rem;
    text-align:center;
    font-size:0.8rem;
    background-color:#999999;
    color:#fff;
}
.my_search_cont .search_date {display:inline-block;vertical-align:middle;max-width:16.7rem;width:100%;margin-left:0.75rem}
.my_search_cont .search_date ul {margin:0 -0.75rem}
.my_search_cont .search_date ul li {float:left;position:relative;padding:0 0.75rem;width:50%}
.my_search_cont .search_date ul li:first-child:after {
    display:block;
    content:"~";
    font-size:0.8rem;
    color:#222;
    position:absolute;
    top:50%;
    right:-4px;
    transform:translateY(-50%);
}
.my_search_cont .frm_input {width:100%;height:1.55rem;line-height:1.55rem;border-color:#fff;background-color:#fff}
.my_search_cont .search_type {display:inline-block;vertical-align:middle;max-width:7.6rem;width:100%;margin-left:0.7rem}
.my_search_cont .sec_btn {display:inline-block;vertical-align:middle;width:4.357rem;height:1.55rem;line-height:1.55rem;font-size:0.7rem;color:#fff;background-color:#238fe8}
@media screen and (max-width:1194px){
    .my_search_cont {padding:1rem}
}
@media screen and (max-width:1010px){
    .my_search_cont {text-align:left;}
    .my_search_cont .search_month {display:block;}
    .my_search_cont .search_date {display:block;margin-left:0;margin-top:0.5rem;max-width:100%}
    .my_search_cont .search_type {display:block;position:relative;margin-left:0;margin-top:0.5rem;width:100%;max-width:100%} 
    .my_search_cont .sec_btn {display:block;margin-top:0.5rem;width:100%}
}
@media screen and (max-width:1000px){
    .my_info_box.fst {margin-top:2rem}   
    .my_info_box .my_info_cont {padding:1rem}
    .my_info_box .my_info_cont .my_info_list {margin:-1.5rem 0}
    .my_info_box .my_info_cont .my_info_list li {width:100%;padding:1.5rem 0}
    .my_info_box .my_info_cont .my_info_list li:after {
        right:initial;
        left:0;
        width:100%;
        height:1px;
        top:initial;
        bottom:0
    }
    .my_info_box .arrow_box {top:-14px}
    .my_search_cont .sec_btn,
    .my_search_cont .frm_input {height:1.9rem;line-height:1.9rem;}
}
@media screen and (max-width:400px){
    .my_info_box .my_info_cont .my_info_list li strong {float:none;display:inline-block}
    .my_info_box .my_info_cont .my_info_list li p {float:none;text-align:right;}
    .my_info_box .my_info_cont .my_info_list {margin:-0.9rem 0}
    .my_info_box .my_info_cont .my_info_list li {width:100%;padding:0.9rem 0}
}

.brown {color:#ad7824 !important}

.visible_no {
    visibility: hidden;
    height: 0 !important;
    padding: 0 !important;
    margin:0 !important;
    display:none;
}

.top_search .frm_input {width:100%;max-width:12rem;height:1.8rem;line-height:1.8rem;}
select.frm_input {padding-right:1.3rem}

.ifarme_box {position:relative;width:100%;padding-top:100%}
.ifarme_box iframe {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.ifarme_box iframe > #top {display:none;}

#top {display:none;}
.sub_wrap {position:relative; overflow:visible;}

.challenge_top {position:relative;margin-bottom:3rem}
.challenge_top .tit {position:relative;text-align:center;z-index:2;}
.challenge_top .tit span {display:inline-block;padding:0.8rem 2.5rem;background-color:#0b76ab;font-size:1.2rem;color:#fff;font-weight:500;line-height:1}
.challenge_top .cont_box {position:relative;margin-top:-1.3rem;background-color:#f1f1f1;border:1px solid #ddd;padding:2rem 1rem;}
.challenge_top .cont_box .my_tbl_type1 th {background-color:#0f4357;color:#fff}
.challenge_top .cont_box .my_tbl_type1 td {background-color:#fff}
.challenge_top .cont_box .my_tbl_type1 td.align_right {padding-right:1rem}

.cont_title {position:relative;padding-left:2.4rem;font-size:1.2rem;color:#0a97df;font-weight:500;line-height:1.3;font-family: 'yg-jalnan';}
.cont_title::before {
    content:"";
    display:block;
    position:absolute;
    top:-0.3rem;
    left:0;
    width:2rem;
    height:2rem;
    background:url(../imgs/sub/sub_tit_bg.png) no-repeat 0 0;
    background-size:100% auto; 
}

.tbl_wrap {width:100%;margin-top:0.55rem;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tbl-type1 {width:100%;border-collapse:collapse;}
.tbl-type1 th,
.tbl-type1 td {font-size:0.8rem;padding:0.5rem 0.2rem}
.tbl-type1 th {text-align:center;background-color:#0f4357;color:#fff;font-weight:500;}
.tbl-type1 td {color:#222;text-align:center;border:1px solid #ddd;vertical-align:middle;}
.tbl-type1 tr th:first-child,
.tbl-type1 tr td:first-child {border-left-width:0}
.tbl-type1 tr th:last-child,
.tbl-type1 tr td:last-child {border-right-width:0}
.tbl-type1 .rank img {width:1.55rem;height:auto;}
.tbl-type1 .rank_img {width:1.55rem;height:auto;}
.tbl-type1 thead th {border-color:#fff}

.tbl-type1 button {display:inline-block;padding:0;margin:0;background-color:transparent;border:0;color:#222;font-size:0.9rem;font-weight:500;}
.tbl-type1 button {font-family: "Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움", sans-serif;}
.tbl-type1 .rank-txt {font-size:1.3rem;font-family: 'GmarketSansBold'}
.tbl-type2 {width:100%;border-collapse:collapse;}
.tbl-type2 th,
.tbl-type2 td {font-size:0.8rem;padding:0.5rem;border:1px solid #ddd;vertical-align:middle;}
.tbl-type2 th {text-align:center;background-color:#8c8c8c;color:#fff;font-weight:500;}
.tbl-type2 td {color:#222;text-align:center;border-bottom:1px solid #ddd}
.tbl-type2 tbody th {background-color:#fafafa;color:#222}