/* 공통 */
select { background: #fff url(/resource/images/con_com/sel_arrow2.png) right 0.75rem center no-repeat; padding-right: 2.1rem; appearance: none; padding-left: 0.5rem; font-size: 0.75rem !important; color: #555555 !important; }
.titTab ul li a { transition: 0.3s ease; -webkit-transition: 0.3s ease; }
.pagecheck { display: block; text-align: start; margin:0 0 1rem; font-size: 0.75rem; color: #333333;  }
.pagecheck em { color: #0085d8; font-weight: 600; }

/* 지원센터란? */
.helpInfo {margin-top:1.5rem;}
.helpInfo li dl {position:relative; margin-top:1rem; padding:1rem; background:#f2f9ff; border-radius:1rem;}
.helpInfo li dl dt {position:relative; padding:0 0 0 2.5rem; line-height:2rem; font-size:1rem; font-weight: 700;}
.helpInfo li dl dt span {position:absolute; left:0; top:0; display:block; width:2rem; height:2rem; font-size:.8rem; line-height:2rem; color:#fff; text-align:center; background:#0077d1; border-radius:50%;}
.helpInfo li dl dd {margin-top:.5rem; }

.helpInfo li:nth-child(even) dl {background:#eefbfe;}
.helpInfo li:nth-child(even) dl dt span {background:#00a1b9;}

/* 운영현황 */
.manage_top { padding: 2rem 3rem 2.25rem; background: #f1f4f9; margin-bottom: 1.5rem; }
.manage_middle .middle_box { display: flex; align-items: center; background: #f9fafd; border: 1px solid #c7d0da; padding: 1.35rem 1.5rem; justify-content: space-between; }
.manage_middle .middle_box span { margin-right: 1.7rem; font-weight: 600; color: #010101; }
.manage_middle .middle_box form { display: flex; width: 100%; }
.sel_form { display: flex; align-items: center; gap: 0.2rem; margin-right: 0.25rem; }
.sel_form select { height: 1.75rem; width: 6.7rem; border: 1px solid #b7babe; }
.search_form { display: flex; align-items: center; justify-content: space-between; }
.search_form input { height: 1.75rem; border: 1px solid #b7babe; background: #fff; font-size: 0.75rem; width: 11.75rem; }
.search_form .search_box { display: flex; align-items: center; gap: 0.2rem; }
.search_form a.btn_black { margin: 0 0.35rem 0 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; border-radius: 0 !important; width: 5rem; height: 1.75rem; }
.search_form a.btn_black i { padding-left: 0 !important; padding-right: 0.55rem; }
.search_form a.btn_green { width: 7rem; display: flex !important; margin: 0 !important; padding: 0 !important; align-items: center; justify-content: center; height: 1.75rem; border-radius: 0.35rem !important; }
.manage_middle .middle_box2 { margin: 1.4rem 0; }
.manage_bottom .tbl_st { display: none; overflow-x: auto; }
.manage_bottom .tbl_st table { min-width: 30rem; }
.manage_bottom .tbl_st.on { display: block; }
.manage_bottom .tbl_st a.homepage { margin: 0 auto; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; color: #fff; background: #459beb; border-radius: 50%; border: 1px solid transparent; }
.manage_bottom .Tab_v2 { margin: 1.5rem 0; display: block; text-align: center;  }
.manage_bottom .Tab_v2 ul { display: flex; gap: 0.25rem; justify-content: center; align-items: center; }
.manage_bottom .Tab_v2 ul li a { border-radius: 50%; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; background: #efefef; }
.manage_bottom .Tab_v2 ul li a.current { color: #fff; background: #0d69cd; font-weight: 700; }
.manage_bottom .Tab_v2 ul li a.next { background: #efefef url(/images/web/help/sub/arrow-right-one.png)no-repeat center center; }
.manage_bottom .Tab_v2 ul li a.last { background: #efefef url(/images/web/help/sub/arrow-right.png)no-repeat center center; }
.manage_top { display: flex;  justify-content: space-between; flex-wrap: wrap; }
.manage_map .map_img {width: 23.65rem; max-width: 100%; font-size: 0; line-height: 0; position: relative;}
.manage_map .map_img img {max-width: 100%; max-height: 100%;}
.manage_map .map_img ul {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.manage_map .map_img ul li.point1 {position: absolute;left: 26%;bottom: 78%;}
.manage_map .map_img ul li.point2 {position: absolute; left: 43%; bottom: 82%;}
.manage_map .map_img ul li.point3 {position: absolute;left: 54%;bottom: 82%;}
.manage_map .map_img ul li.point4 {position: absolute;left: 69%;bottom: 76%;}
.manage_map .map_img ul li.point5 {position: absolute;left: 82%;bottom: 74%;}
.manage_map .map_img ul li.point6 {position: absolute;left: 30%;bottom: 62%;}
.manage_map .map_img ul li.point7 {position: absolute;left: 25%;bottom: 50%;}
.manage_map .map_img ul li.point8 {position: absolute;left: 40%;bottom: 56%;}
.manage_map .map_img ul li.point9 {position: absolute;left: 55%;bottom: 53%;}
.manage_map .map_img ul li.point10 {position: absolute;left: 76%;bottom: 53%;}
.manage_map .map_img ul li.point11 {position: absolute;left: 89%;bottom: 56%;}
.manage_map .map_img ul li.point12 {position: absolute;left: 8%;bottom: 40%;}
.manage_map .map_img ul li.point13 {position: absolute;left: 23%;bottom: 38%;}
.manage_map .map_img ul li.point15 {position: absolute;left: 36%;bottom: 39%;}
.manage_map .map_img ul li.point16 {position: absolute;left: 49%;bottom: 34%;}
.manage_map .map_img ul li.point17 {position: absolute;left: 64%;bottom: 40%;}
.manage_map .map_img ul li.point18 {position: absolute;left: 89%;bottom: 37%;}
.manage_map .map_img ul li.point19 {position: absolute;left: 15%;bottom: 8%;}
.manage_map .map_img ul li.point20 {position: absolute;left: 31%;bottom: 17%;}
.manage_map .map_img ul li.point21 {position: absolute;left: 43%;bottom: 27%;}
.manage_map .map_img ul li.point22 {position: absolute;left: 71%;bottom: 21%;}
.manage_map .map_img ul li.point23 {position: absolute;left: 39%;bottom: 0%;}
.manage_map .map_img ul li a {padding-top: 1.2rem; font-size: 0.7rem; font-weight: 700; position: relative;}
.manage_map .map_img ul li a:before,
.manage_map .map_img ul li a:after {content: ""; display: block; width: 0.9rem; height: 1.2rem; position: absolute; left: calc(50% - 0.45rem); top: 0;}
.manage_map .map_img ul li a:before {background: url(/images/web/help/main/cdt_mark_off.png) center/contain no-repeat;}
.manage_map .map_img ul li a:after {background: url(/images/web/help/main/cdt_mark_on.png) center/contain no-repeat; opacity: 0; visibility: hidden;}
.manage_txt { width: calc(100% - 26.65rem); padding: 1.5rem 2rem; background: #376ca2; border-radius: 1.5rem; }
.manage_txt > p { color: #fff; font-weight: 700; font-size: 0.9rem; }
.manage_txt .area { color: #ffef00; font-weight: 700; font-size: 0.9rem; }
.manage_txt .area_lst { margin-top: 1rem; }
.manage_txt .area_lst li { font-size: 0.75rem; line-height: 1.25rem; color: #fff; position: relative; padding-right: 2.5rem; font-weight: 600; }
.manage_txt .area_lst li::before { background: #fff !important; }
.manage_txt .area_lst li span { font-size: 0.8rem; position: absolute; top: 0; right: 0; height: 1.25rem; width: 2.5rem; border-radius: 0.25rem; background: #27324d; font-weight: 700; text-align: center; }
.manage_txt .area_lst li + li { margin-top: 0.5rem !important; }


/* 운영현황 active */
.manage_map .map_img ul li a:before,
.manage_map .map_img ul li a:after {transition: 0.15s ease-out;}
.manage_map .map_img ul li a.on:before,
.manage_map .map_img ul li a:hover:before,
.manage_map .map_img ul li a:focus:before {opacity: 0; visibility: hidden;}
.manage_map .map_img ul li a.on:after,
.manage_map .map_img ul li a:hover:after,
.manage_map .map_img ul li a:focus:after {opacity: 1; visibility: visible;}
.manage_bottom .tbl_st a.homepage { transition: 0.15s; -webkit-transition: 0.15s; }
.manage_bottom .tbl_st a.homepage:hover,
.manage_bottom .tbl_st a.homepage:focus { border-color: #459beb; color: #459beb; background: #fff; }
.manage_bottom .Tab_v2 ul li a:hover,
.manage_bottom .Tab_v2 ul li a:focus { background: #0d69cd; color: #fff; font-weight: 700; }
.manage_bottom .Tab_v2 ul li a.next:hover,
.manage_bottom .Tab_v2 ul li a.next:focus { background: rgba(0,0,0,0.15) url(/images/web/help/sub/arrow-right-one.png)no-repeat right 6px center; }
.manage_bottom .Tab_v2 ul li a.last:hover,
.manage_bottom .Tab_v2 ul li a.last:focus { background: rgba(0,0,0,0.15) url(/images/web/help/sub/arrow-right.png)no-repeat right 6px center; }

/*지원현황*/
.support > h3 { margin-bottom: 1.5rem; }
.support .frame_ul { border-top: 2px solid #5b94ff; padding:  1.5rem 0; }
.support .frame_ul > li { border-bottom: 2px dotted #d0d0d0; padding-bottom: 1.6rem; margin-bottom: 1.5rem; }
.support .frame_ul > li:last-child { margin: 0; padding: 0; border-bottom: none; }
.support .sp_lst { display:  flex; justify-content: space-between; flex-wrap: wrap; }
.support .img { width: 16.25rem; height: auto; }
.support .img > a  { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.support .img > a img { max-width: 100%; max-height: 100%; object-fit: contain; border: 1px solid #d2d6dc; }
.support .txt { width: calc(100% - 17.9rem); padding: 0.6rem 1rem 0.6rem 0; }
.support .txt .title { position: relative; display: inline-block; line-height: 1.5rem; padding-right: 2rem; }
.support .txt .title span { font-size: 0.9rem; font-weight: 600; color: #3594ec; }
.support .txt ul li { font-size: 0.75rem; color: #222222; }
.support .txt ul li:first-child:before { top: 0.6rem !important; }
.support .txt ul li::before { top: 0.5rem !important; }
.support .txt a.homepage { position: absolute; right: 0; top: 0; border: 1px solid transparent; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; color: #fff; background: #459beb; border-radius: 50%; }

/* 지원현황 active */
.support .txt a.homepage { transition: 0.15s; -webkit-transition: 0.15s; }
.support .txt a.homepage:hover,
.support .txt a.homepage:focus { background: #fff; color: #459beb; border-color: #459beb; }

/* 템플릿 변경요청 */
.ct_top { padding: 1.5rem 1.25rem; background: #f9f9f9; }
.ct_top span.under { text-decoration: underline; }
.ct_top .colorzone { color: #196bd1 !important; }
.ct_top .colorzone span { font-weight: 600; }
.ct_top a.btn_org {  padding: 0.25rem 0.85rem; min-width: 11rem; }
.ct_middle .middle_top { margin: 1rem 0; padding: 1.25rem 1.5rem; background: #f9fafd; border: 1px solid #c7d0da; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.3rem; }
.ct_middle .middle_top .sel_form_v2 { display: flex; align-items: center; gap: 0.2rem; width: 13.6rem; }
.ct_middle .middle_top .sel_form_v2 select { flex: 1; height: 1.75rem; border: 1px solid #b7babe; font-size: 0.75rem; color: #555555; }
.ct_middle .middle_top .search_form_v2 { display: flex ; gap: 0.2rem; align-items: center; justify-content: space-between; width: calc(100% - 13.9rem); }
.ct_middle .middle_top .search_form_v2 input { width: calc(100% - 5rem); height: 1.75rem; background: #fff; border: 1px solid #b7babe; font-size: 0.75rem; color: #555555; }
.ct_middle .middle_top .search_form_v2 > a { border-radius: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; height: 1.75rem; width: 5rem; min-width: 5rem; }
.ct_middle .middle_top .search_form_v2 > a i { padding-left: 0 !important; padding-right: 0.5rem !important; }
.ct_middle .middle_bottom { margin-bottom: 3.2rem; }
.ct_middle .middle_bottom .btns { margin: 0 !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: end; gap: 0.25rem; } 
.ct_middle .middle_bottom .btns a { padding: 0.25rem 0.85rem ; margin: 0 !important;  display: flex !important; align-items: center; justify-content: center; min-width: 5rem; word-break: break-all; }
.ct_bottom .tbl_st th,
.ct_bottom .tbl_st td { border-left: none; }
.ct_bottom .tbl_st td.no_data { font-size: 0.75rem; color: #555555; }


/* media query mobile */
@media (max-width: 1440px) {
}



@media (max-width: 1240px) {
    /* 운영현황 */
    .manage_middle .middle_box { flex-wrap: wrap; gap: 0.25rem; flex-direction: column; align-items: start; justify-content: start; }
    .sel_form { margin-right: 0; }
    .manage_middle .middle_box form { flex-wrap: wrap; }
    .search_form { flex-direction: column; width: 100%; justify-content: start; align-items: start; margin-top: 0.5rem; gap: 0.5rem; }
    .search_form input { width: calc(100% - 5rem); }
    .search_form .search_box { width: 100%; }
    .search_form a.btn_black { margin-right: 0 !important; }

    /* 지원현황 */
    .support_pop .pop_box { width: calc(100% - 3rem);  }
    .support_pop .pop_box a.prev { left: -1rem; }
    .support_pop .pop_box a.next { right: -1rem; }

}


@media (max-width: 1024px) {
}

@media (max-width: 968px) {
    /* 운영현황 */
    .manage_top { flex-direction: column; justify-content: center; align-items: center; gap: 1.5rem; }
    .manage_txt { width: 100%; }
}

@media (max-width: 768px) {


}

@media (max-width: 680px) {
    /* 템플릿 변경요청 */
    .ct_middle .middle_top { flex-direction: column; gap: 0.5rem; align-items: start; }
    .ct_middle .middle_top .search_form_v2 { width: 100%; }

    /* 지원현황 */
    .support .sp_lst { flex-direction: column; width: 100%; }
    .support .img { width: 100%; background: rgba(0,0,0,0.15); border-radius: 0.5rem; }
    .support .txt { width: 100%; padding: 0; margin-top: 1rem; }
}

@media (max-width: 580px) {
    /* 운영현황 */
    .manage_top { padding: 1.5rem 2rem; }
    .manage_map .map_img { width: auto; }
    .manage_map .map_img ul li a { font-size: 0.65rem; }
    .manage_map .map_img ul li a {padding-top: 1rem;}
    .manage_map .map_img ul li a:before,
    .manage_map .map_img ul li a:after {height: 1rem;}
}



@media (max-width: 480px) {
    /* 운영현황 */
    .manage_top { padding: 1.5rem 1rem; width: calc(100% + 2rem); margin-left: -1rem; }
    .manage_middle .middle_box { padding: 1rem; }
    .manage_txt { padding: 1.5rem; } 

    /* 지원현황 */
    .support_pop .pop_box a { width: 2.25rem; height: 2.25rem; }

    /* 템플릿 변경요청 */
    .ct_middle .middle_bottom { margin-bottom: 1.5rem; }

}


@media (max-width: 380px) {
    /* 지원현황 */
    .support .txt .title { padding-right: 1.75rem; }
    .support_pop .pop_box a { width: 1.75rem; height: 1.75rem; font-size: 1.2rem; }
}

@media (max-width: 360px) {
    /* 운영현황 */
    .manage_top { padding: 1rem; }
    .manage_map .map_img ul li.point23 { left: 86%; }
    .manage_map .map_img ul li a:before, .manage_map .map_img ul li a:after { top: 0.15rem; }
    .manage_map .map_img ul li.point19 { left: 41%; bottom: 0%; }
    .manage_map .map_img ul li.point22 { left: 27%; bottom: 4%; }
    .sel_form { justify-content: space-between; width: 100%; }
    .sel_form select { flex: 1; width: auto; }

    /* 템플릿 변경요청 */
    .ct_middle .middle_top { padding: 1rem; }
    .ct_middle .middle_top .sel_form_v2 { width: auto; }

}