@charset "utf-8";

@import url("NotoSans.css");

@import url('OpenSans.css');

@import url("reset.css"); /*초안*/
@import url("pushy.css"); /*모바일메뉴*/
@import url("swiper-bundle.css"); /*슬라이드외부css*/
@import url("sub.css");
@import url("mileage.css");


/* ============== layout ============== */
header {
    position: relative;
    width: 100%;
    color: #333;
    background: #fff;
}

header:after {
    display: block;
    content: '';
    clear: both;
}

#wrap {
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow: auto;
    padding-bottom: 200px;
}

#wrap:after {
    display: block;
    content: '';
    clear: both;
}

.header_wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 145px;
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.h_top {
    position: relative;
    width: 100%;
    height: 49px;
    border-bottom: 1px solid #ddd;
}

.h_top_inner {
    display: flex;
    position: relative;
    max-width: 1320px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.link_seoul {
    display: block;
    width: 120px;
    height: 40px;
    font-size: 0;
    text-indent: -99999px;
    background: url(../images/top_seoul.png) no-repeat;
    margin-right: 30px;
}

label.tn01 {
    display: inline-block;
    font-size: 0.9rem;
    color: #fff;
    font-weight: 400;
    background: #98212B;
    line-height: 1;
    padding: 7px 10px;
    border-radius: 9999px;
    margin-right: 5px;
}

.top_notice li a {
    font-size: 0.9rem;
    line-height: 3;
}

.top_notice li:hover a {
    color: #98212B;
    text-decoration: underline;
}

.top_url {
    display: flex;
    position: absolute;
    top: 0;
    right: -30px;
}

.top_url li a {
    display: block;
    padding: 0 15px;
    font-size: 0.9rem;
    line-height: 3;
}

.top_url li:hover a {
    text-decoration: underline;
}
/*메인네비컬러변경*/
.main .header_wrap {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.main .header>h1 a {
    line-height: 3.5;
    font-size: 28px;
    font-family: SeoulNamsanB;
    text-indent: inherit;
}

.main .header>h1>a, .main .h_inner .menu_list>li>a {
    color: #fff;
    background: none;
}
/*헤더네비 전체수정 2023-07-25*/
.header {
    position: relative;
    display: flex;
    max-width: 1320px;
    width: 96%;
    height: 100px;
    margin: 0 auto;
}

.header:after {
    display: block;
    content: '';
    clear: both;
}

.header>h1 { /*2023-07-24*/
    min-width: 200px;
    width: 250px;
    display: inline-block;
}

.header>h1 a {
    display: block;
    width: 200px;
    height: 100%;
    font-size: 0;
    text-indent: -99999px;
    background: url(../images/sub_logo.png) no-repeat left center;
}

.header>h1 span {
    font-weight: 100;
}

.menu-btn {
    display: none;
}

.h_inner { /*2023-07-24*/
    width: calc(100% - 250px);
    height: 100%;
}

.h_inner .menu_list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.h_inner .menu_list>li { /*2023-07-24*/
    width: 17%;
}

.h_inner .menu_list>li:last-child {
    margin-right: 0;
}

.h_inner .menu_list>li>a {
    display: block;
    font-size: 1.15rem;
    padding: 36px 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.h_inner .menu_list>li:hover>a, .h_inner .menu_list>li.on>a {
    border-bottom: 2px solid #5676A5;
}

.h_inner .menu_list>li.on>a, .h_inner .menu_list>li>a:hover {
    color: #5676A5;
    font-weight: 600;
}

.main .navi_logout {
    /* background:url(../images/ico_logout.png) no-repeat right center; */
    
}

.navi_logout { /*2023-07-24*/
    display: block;
    /*width:48px !important;
	height:100%;
	font-size:0;
	text-indent:-999999999px;
	background:url(../images/ico_logout_b.png) no-repeat right center;
	margin-left: 50px;*/
}

.main .navi_login { /*2023-07-24*/
    /*background:url(../images/ico_login.png) no-repeat right center;*/
    
}

.navi_login {
    display: block;
    /*width:48px !important;
	height:100%;
	font-size:0;
	text-indent:-999999999px;
	background:url(../images/ico_login_b.png) no-repeat right center;
	margin-left: 50px;*/
}

/* 마일리지 이관 2025-05 */
.navi_login_new {display: flex;}

.h_inner .menu_list>li.navi_login:hover a, .h_inner .menu_list>li.navi_login.on a,
.h_inner .menu_list>li.navi_logout:hover a, .h_inner .menu_list>li.navi_logout.on a
{
    border-bottom: none;
}
/*submenu added 2023-07-25*/
.h_inner>ul>li.noDepth>a:after {
    display: none;
}

.submenu {
    display: none;
    position: absolute;
    top: 100px;
    z-index: 99;
    width: 200px;
    text-align: left;
    background: #fff;
    margin-left: -15px;
    padding: 15px 0;
    border-radius: 4px;
    box-shadow: 0px 0px 8px rgb(0 0 0/ 12%);
    border-radius: 4px;
}

.submenu>li>a {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 180%;
    padding: 4px 20px;
    text-align: center;
}

.submenu>li.on>a, .submenu>li>a:hover {
    background: #F7F7FF;
}

/*슬라이드서브네비*/
.sidenav {
    width: 100%;
    height: 0;
    position: absolute;
    z-index: 1;
    top: 146px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.98);
    overflow: hidden;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
}

.sidenav_wrap { /*2023-07-24*/
    position: relative;
    display: flex;
    justify-content: flex-end;
    max-width: 1320px;
    width: 100%;
    height: auto;
    margin: 20px auto;
    padding: 0 178px 0 250px;
}

.sidenav_list { /*2023-07-24*/
    width: 25%;
    text-align: center;
    padding: 0 10px;
}
/*2023-07-24*/
/*
.sidenav_list li:first-child	{
	color: #fff;
    background: #5676a5;
    border-bottom: none;
    padding: 10px 0;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}*/
.sidenav_list li {
    border-bottom: 1px dashed #ddd;
}

.sidenav_list li:last-child { /*2023-07-24*/
    border-bottom: none;
}

.sidenav_list li a {
    display: block;
    line-height: 3;
}

.sidenav_list li:hover a {
    color: #5676A5;
    font-weight: 600;
    background: #fafafa;
}

.closebtn {
    position: absolute;
    bottom: 10px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    z-index: 20;
}
/*하단푸터*/
.footer {
    position: relative;
    width: 100%;
    height: 100px;
    background: #fff;
    transform: translateY(-200%);
}
/*하단푸터*/
.footer_user {
    position: relative;
    width: 100%;
    height: 200px;
    background: #fff;
    transform: translateY(0%);
}

.footer_inner {
    position: relative;
    max-width: 1320px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-top: 15px;
}

.footer:before {
    /* position: absolute; */
    top: 60px;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
}

.footer_user:before {
    /* position: absolute; */
    top: 60px;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
}

.footer_inner ul {
    display: flex;
    width: 100%;
    height: 45px;
    text-align: center;
    justify-content: center;
}

.footer_inner ul li {
    position: relative;
    display: block;
    line-height: 2.7;
}

.footer_inner ul li:after {
    position: absolute;
    top: 15px;
    right: 0;
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    background: #dbdcdc;
}

.footer_inner ul li:first-child a {
    padding-left: 0;
	font-weight:bold;
}

.footer_inner ul li a {
    display: block;
    padding: 0 26px;
}

.footer_inner ul li a:hover {
    text-decoration: underline;
}

.footer_inner ul li:last-child:after {
    display: none;
}

.footer_inner .copy {
    position: relative;
    padding: 47px 0 0 200px
}

.f_logo {
    position: absolute;
    top: 38px;
    left: 0;
    display: block;
    width: 168px;
    height: 74px;
    background: url(../images/f_logo.png) no-repeat;
    font-size: 0;
    text-indent: -99999px;
}

.f_txt {
    line-height: 2;
    width:85%
}

.f_web {
    position: relative;
    top: -20px;
    left: -10px;
    display: block;
    width: 180px;
    height: 116px;
    background: url(../images/web_access.png) no-repeat;
    font-size: 0;
    text-indent: -99999px;
    background-size: 143px;
}

.f_web_2024 {
	background: none;
	text-indent: 0;
	font-size: 16px;
}

.f_web_2024 a {display: inline-block;}

.f_web_2024 img {
	width: 143px;
}

.f_link {
    display: flex;
    position: absolute;
    top: 15px;
    right: 0;
    height: 45px;
}

.f_link select {
    border: 1px solid #646464;
}

.f_link .btn_f_link {
    width: 100px;
    height: 45px;
    color: #fff;
    background: #646464;
    border: 1px solid #646464;
}
/*메인비주얼*/
.main_visual_wrap {
    position: relative;
    width: 100%;
    height: 500px;
    margin-top: -100px;
    background: url(../images/main_visual.png) no-repeat;
    background-position: center;
}

.mv_inner {
    position: relative;
    max-width: 1320px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.v_tit1 {
    position: absolute;
    top: 205px;
    left: 0;
    color: #fff;
    font-size: 40px;
    text-align: left;
    font-weight: 600;
    line-height: 1.2;
}

.v_tit1 b {
    display: block;
    font-weight: 600;
    font-size: 50px;
}

.v_tit2 {
    position: absolute;
    top: 155px;
    right: 50px;
    width: 260px;
    height: 95px;
    color: #fff;
    font-size: 0;
    text-indent: -99999px;
    background: url(../images/main_slogan.png) no-repeat;
}

.v_link {
    position: absolute;
    width: 235px;
    height: 50px;
    left: 0;
    top: 376px;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 9999px;
    color: #fff;
    text-align: center;
    line-height: 2.9;
}

.v_link:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
}

/*메인컨텐츠*/
.main_area01 {
    padding: 100px 0 50px;
}

.main_area02 {
    width: 100%;
    height: 380px;
    padding: 40px 0;
    background: url(../images/m_notice_bg.png) no-repeat;
    background-size: cover;
}

.main_area03 {
    width: 100%;
    background: #fff;
    padding: 40px 0;
}
/*공통이너박스*/
.inner_box {
    position: relative;
    max-width: 1320px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.main_area01 .inner_box {
    display: flex;
}
/*바로가기*/
.quick_banner {
    position: absolute;
    max-width: 1320px;
    width: 100%;
    height: 120px;
    left: 50%;
    top: 485px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 80px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    transform: translateX(-50%);
}

.q_bn_list {
    display: flex;
    height: 100%;
}

.q_bn_list li {
    position: relative;
    height: 100%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 54px 25px;
}

.q_bn_list li:nth-child(1) {
    width: 50%;
    padding: 20px 30px 0 120px;
    background: url(../images/ico_bn1.png) no-repeat 40px center;
}

.q_bn_list li:nth-child(2) {
    width: 25%;
    padding: 45px 0 0 120px;
    background: url(../images/ico_bn2.png) no-repeat 40px center;
}

.q_bn_list li:nth-child(3) {
    width: 25%;
    padding: 45px 0 0 120px;
    background: url(../images/ico_bn3.png) no-repeat 40px center;
    border-right: none;
}

.q_bn_list li a {
    display: block;
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.q_bn_list p.tit {
    font-weight: 700;
    font-size: 20px;
    color: #5676A5;
    margin-bottom: 9px;
}

.q_bn_list p.txt {
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

h2.main_tit {
    font-size: 34px;
    font-weight: 600;
    margin: 0 0 30px;
}

/*여론조사 최근게시물*/
.latest_box {
    position: relative;
    width: 45%;
    margin-right: 10%;
    height: 330px;
}

.latest_box .btn_more1 {
    position: absolute;
    width: 25px;
    height: 25px;
    right: -5px;
    top: 11px;
    text-indent: -99999px;
    font-size: 0;
    background: url(../images/ico_more1.png) no-repeat center;
}

.main_tab {
    display: flex;
    align-items: center;
    /*overflow: hidden;*//*2023-09-12*/
    border-bottom: 2px solid #CDCDCD;
}

.main_tab a {
    display: block;
    color: #878787;
    cursor: pointer;
    padding: 13px 30px;
    transition: 0.3s;
}

.main_tab a.active, .main_tab a:hover {
    color: #fff;
    background-color: #034683;
}

.main_tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: 1px solid #CDCDCD;
    position: absolute;
    top: 15%;
    width: 100%;
}
/*여론조사 최근게시물 리스트*/
.sv_list {
    
}

.sv_list li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: 1px solid #EBEBEB;
}

.sv_list li:last-child {
    border-bottom: none;
}

.sv_list li>a {
    display: block;
    width: 80%;
    padding: 0;
}

.sv_list li span {
    position: relative;
    color: #5F6A7A;
    font-size: 0.9rem;
    line-height: 1;
    padding: 0 13px;
}

.sv_list li span:first-child {
    padding-left: 0;
}

.sv_list li span.sv_date:after {
    display: none;
}

.sv_list li span:after {
    position: absolute;
    top: 4px;
    right: 0;
    display: block;
    content: '';
    width: 1px;
    height: 11px;
    background: #DADADA;
}

.sv_date {
    
}

.sv_tit {
    width: 100%;
    font-size: 1em;
    color: #000;
    font-weight: 500;
    line-height: 1;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sv_list li:hover .sv_tit {
    text-decoration: underline;
}

.lb_sv01 { /*설문진행*/
    position: absolute;
    top: 23px;
    right: 0;
    color: #fff;
    padding: 5px 10px;
    background: #98212B;
    border-radius: 999px;
    line-height: 1;
    width: 77px;
    height: 26px;
}
.lb_sv01 a { 
    padding: 0px;
    color: #fff;
}

.lb_sv02 { /*설문종료*/
    position: absolute;
    top: 23px;
    right: 0;
    color: #fff;
    padding: 5px 10px;
    background: #5F6A7A;
    border-radius: 999px;
    line-height: 1;
}

.lb_sv03 { /*진행중-서브*/
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 60px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 9px 0;
    background: #167d30;/*2023-09-12*/
    line-height: 1;
}

.lb_sv04 { /*종료-서브*/
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    color: #fff;
    font-size: 13px;
    width: 60px;
    text-align: center;
    padding: 9px 0;
    background: #5F6A7A;
    line-height: 1;
}

.lb_sv05 { /*진행중-서브*/
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 60px;
    color: #1f5da3;
    font-size: 13px;
    text-align: center;
    padding: 9px 0;
    background: #f5f9ff;
    line-height: 1;
    border: 1px solid #2e6aad;
}

.lb_sv06 { /*종료-서브*/
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    color: #000;
    font-size: 13px;
    width: 60px;
    text-align: center;
    padding: 9px 0;
    background: #fff;
    line-height: 1;
    border: 1px solid #878787;
}

.lb_st01 { /*공개*/
    display: inline-block;
    color: #1f5da3;
    font-size: 13px;
    width: 60px;
    text-align: center;
    padding: 8px 0;
    background: #f5f9ff;
    border: 1px solid #2e6aad;
    line-height: 1;
		font-weight: 700;
}

.lb_st02 { /*비공개*/
    display: inline-block;
    color: #000;
    font-size: 13px;
    width: 60px;
    text-align: center;
    padding: 8px 0;
    background: #fff;
    border: 1px solid #878787;
    line-height: 1;
		font-weight: 700;
}
/*배너존*/
.banner_zone {
    position: relative;
    width: 45%;
    height: 330px;
    overflow: hidden;
}

.banner_zone h2 {
    font-size: 20px;
    line-height: 1;
    margin: 0 0 30px 0;
    padding: 0;
    color: #000;
}

.bnz_play {
    width: 120px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
}

.swiper-button-play {
    position: absolute;
    top: 3px;
    left: 55px;
    font-size: 0;
    width: 20px;
    height: 20px;
    background: #fff url(../images/ico_bn_play.png) no-repeat center center;
    border: none;
    z-index: 11;
}

.swiper-button-pause {
    position: absolute;
    top: 3px;
    left: 78px;
    font-size: 0;
    width: 20px;
    height: 20px;
    background: #fff url(../images/ico_bn_pause.png) no-repeat center center;
    border: none;
    z-index: 11;
}
/***************************************
스와이퍼
******************************************/
.swiper_wrap.main_banner {
    height: 278px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 1.15rem;
    background: #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}

.swiper-slide a {
    display: block;
    width: 588px;
    height: 272px;
}

.swiper-pagination-fraction {color: #666;}/*2023-09-12*/
.swiper-pagination-current  {color:#000; font-weight:700;}

/*공지사항*/
.btn_more2 {
    position: absolute;
    right: 0;
    top: 7px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 4px 17px 5px 17px;
}

.btn_more2:hover {
    background: #eee
}

.n_more {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 0;
    width: 40px;
    height: 40px;
    background: url(../images/ico_more2.png) no-repeat;
}

.main_nbox {
    
}

.main_nlist {
    display: flex;
    width: 100%;
}

.main_nlist li {
    position: relative;
    width: calc(25% - 15px);
    height: 200px;
    margin-right: 40px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
}

.main_nlist li:hover {
    border-color: #666;
}

.main_nlist li:last-child {
    margin-right: 0;
}

.main_nlist li a {
    display: block;
    padding: 30px;
    width: 100%;
    height: 100%;
}

.main_nlist .n_date {
    color: #646464;
    font-size: 0.9rem;
    line-height: 1;
    margin-bottom: 14px;
}

.main_nlist .n_tit {
    font-weight: 500;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.8em;
}

.main_nlist .n_txt {
    color: #646464;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.8em;
}

.main_nlist li:hover .n_tit {
    text-decoration: underline;
}

/*************************************************************/
/************************COMMON  **************************/
/*************************************************************/

/*calender*/
.calender {
    background: url(../images/calender.png) no-repeat 98% #fff !important;
    width: 180px;
}

/*table*/
/* table caption {display:none} */
.sr_only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.tList, .tList2, .tList3, .tInsert, .tInsert2, .tInsert3, .tInsert4,
    .tView {
    width: 100%;
    word-break: break-all;
}

/* ======= tList ======= */
.tList {
    
}

.tList th, .tList td {
    vertical-align: middle;
    font-size: 1em;
    border: 1px solid #e5e5e5;
}

.tList thead th {
    font-size: 1em;
    padding: 12px 5px;
    color: #fff;
    font-weight: normal;
    background: #555;
}

.tList td {
    font-size: 1em;
    padding: 12px 5px;
    color: #333;
    background: #fff;
    text-align: center;
}

.tList td.alignL {
    text-align: left;
    padding: 7px 2px 5px 10px;
}

.tList td.alignR {
    text-align: right;
    padding: 7px 10px 5px 2px;
}

.tList td>a:hover {
    color: #e1002a;
    text-decoration: underline;
}

.bg {
    background: #f7f7f7 !important;
}

.f_red, .f_red td {
    color: #e50019 !important;
}

a.f_red {
    text-decoration: underline;
}
/* ======= tInsert ======= */
.tInsert {
    border-top: 1px solid #FF8500;
}

.tInsert th, .tInsert td {
    vertical-align: middle;
    font-size: 1em;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: left;
    padding: 5px 10px;
}

.tInsert th {
    background: #fafafa;
    color: #7e7e7e;
    padding-top: 8px;
    line-height: 1.2;
}

/* ===== Table common ===== */
td button {
    vertical-align: middle;
}

/* === form === */
input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}

input[type="text"], input[type="password"], input[type="date"], input[type="tel"],
    input[type="email"], input[type="number"] {
    font-weight: 300;
    padding: 5px;
    font-size: 1em;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    vertical-align: middle;
    outline: none;
    line-height: 1;
    padding: 7px 10px;
}

input[type="date"] {
    padding: 8px 10px;
}

textarea {
    font-weight: 300;
    padding: 15px;
    font-size: 1em;
    line-height: 1.8;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    vertical-align: middle;
    outline: none;
}

input[type="text"]::placeholder, input[type="password"]::placeholder,
    input[type="tel"]::placeholder, input[type="email"]::placeholder,
    input[type="number"]::placeholder,
		textarea::placeholder{
    color: #747474 !important
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
    color: #747474;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color: #747474;
}

input::-moz-placeholder,
textarea::-moz-placeholder{
    color: #747474;
}

input::-moz-placeholder,
textarea::-moz-placeholder{
    color: #747474;
}

input[readonly] {
    color: #222 !important;
    background: #f6f6f6;
}

select:disabled, input:disabled {
    color: #ff8201 !important;
    background-color: #fffaf6 !important;
    border: 1px solid #ffc486;
    opacity: 1;
}

/* input[type="radio"] { */
/*     display:none; */
/* } */
/* input[type="radio"] + label { */
/*     color:rgba(0, 0, 0, 0.87);; */
/* 	font-size:14px; */
/* 	cursor: pointer; */
/* 	margin-right:10px; */
/* 	line-height:2; */
/* } */
/* input[type="radio"] + label span { */
/* 	position:relative; */
/*     display:inline-block; */
/*     width:18px; */
/*     height:18px; */
/*     margin:-3px 5px 0 0; */
/*     vertical-align:middle; */
/*     background:#fafafa; */
/* 	border:1px solid #D9DCE0;; */
/* 	border-radius:10px; */
/*     cursor:pointer; */
/* } */
/* input[type="radio"]:checked + label span { */
/* 	background:#fff; */
/* 	border-color:#6b9be0;2023-07-24 */
/* } */
/* input[type="radio"]:checked + label span:after { */
/* 	/*2023-07-24*/

    /* 	position:absolute; */
    /* 	top:4px; */
    /* 	left:4px; */
    /* 	width:10px; */
    /* 	height:10px; */
    /* 	background:#6b9be0; */
    /* 	border-radius:5px; */
    /* 	content:''; */
    /* 	display:block; */
    /* } */
    /* input[type="checkbox"] { */
    /*     display:none; */
    /* } */
    /* input[type="checkbox"] + label { */
    /*     color:rgba(0,0,0,0.83); */
    /* 	cursor: pointer; */
    /* 	vertical-align: middle; */
    /* } */
    /* input[type="checkbox"] + label span { */
    /* 	position:relative; */
    /*     display:inline-block; */
    /*     width:18px; */
    /*     height:19px; */
    /*     margin:0 8px 0 0; */
    /*     vertical-align:middle; */
    /* 	border-radius:2px; */
    /* 	background:url(../images/chk01.png) no-repeat; */
    /* 	cursor:pointer; */
    /* } */
    /* input[type="checkbox"]:checked + label span { */
    /* 	background:url(../images/chk01_on.png) no-repeat */
    /* } */ 
select::-ms-expand {
    display: none;
}

td textarea, td select {
    width: 100%;
    font-size: 1em;
}

select {
    cursor: pointer;
    font-size: 1em;
    color: #333;
    padding: 10px 35px 10px 10px;
    border: 1px solid #ccc;
    background: #fff url(../images/select_arrow.png) 100% 50% no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
    vertical-align: middle;
}

/* ============== Dim 레이어 팝업 ============== */
.dimBg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

.layer_pop {
    display: none;
    position: absolute;
    width: 354px;
    height: auto;
    left: 50%;
    top: 50%;
    background: #fff;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.layer_pop.Lg {
    width:100%;
    max-width: 980px;
}

.layer_pop.Md {
    width: 600px;
}

.layer_pop.Sm {
    width: 400px;
}

.layer_pop.alert {
    width: 400px;
}

.layer_pop.alert .pop_container {
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.layer_pop.alert .pop_container p {
    margin-top: 20px;
    display: block;
    text-align: center;
    width: 80%;
}

.layer_pop.alert .pop_footer {
    margin: 10px 0 30px;
}

.btn_alert {
    border: 1px solid #d1d1d1;
    background: #f5f5f5;
    padding: 9px 15px;
    border-radius: 3px;
}

.layer_pop button+button:last-child {
    margin-left: 12px;
}

.pop_container {
    padding: 20px;
    padding-top: 10px;
}

.btn_layer01 {
    width: 90px;
    height: 40px;
    font-size: 15px;
    color: #000;
    line-height: 27px;
    padding: 0 12px;
    background-color: #eee;
    border: 1px solid #ddd;
}

.btn_layer02 {
    width: 90px;
    height: 40px;
    font-size: 15px;
    color: #fff;
    line-height: 27px;
    padding: 0 12px;
    background-color: #008bd0;
    border: 1px solid #006597;
}

.close {
    position: absolute;
    top: 2px;
    right: 20px;
    color: #000;
    font-size: 40px;
    font-weight: 100;
}

.close:hover, .close:focus {
    color: #008bd0;
    text-decoration: none;
    cursor: pointer;
}

.pop_header {
    
}

.pop_header h1 {
    display: block;
    padding: 15px 20px;
    font-size: 24px;
    font-weight: 600;
    color: black;
    border-bottom: 1px solid #eee;
}

.pop_footer {
    text-align: center;
    margin: 30px 0;
}

/*div table*/
.new_table {
    display: table;
    width: 100%; /* 2025-05-23 */
}

.new_row {
    display: table-row;
}

.col {
    display: table-cell;
}

.tb01 {
    width: 100%;
    border-top: 1px solid #000;
    table-layout: fixed;
}

.tb01 .col {
    border-bottom: 1px solid #eee;
    padding: 14px;
}

.important:after {
    display: inline-block;
    content: '*';
    color: red;
    margin-left: 5px;
    vertical-align: middle;
}

/*error 2023-07-25*/
.error_box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 935px;
    border: 5px solid #B3C4D0;
    padding: 30px 0 30px;
    /* background:url(../images/sub_logo.png) no-repeat 30px 30px; */
    transform: translate(-50%, -50%);
}

.error_box.error01 p.tit {
    background: url(../images/ic_404.svg) no-repeat top center;
}

.error_box.error02 p.tit {
    background: url(../images/ic_400.svg) no-repeat top center;
}

.error_box p.tit {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #2C2C6D;
    line-height: 150%;
    padding-top: 200px;
    background: url(../images/ic_404.svg) no-repeat center top;
}

.error_box p.txt {
    margin-bottom: 40px;
    font-size: 18px;
    text-align: center;
    color: #000;
    line-height: 150%;
}

/* privacy 2023-08-18 */
.tal{text-align:left !important; vertical-align:top;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.c_red{color:#f00 !important;}
.privacy_box{max-width:1320px; margin:0 auto;  font-weight:400; color: #000; }
.privacy_box .top_box{text-align: center; padding:30px 10px; background: #f2f2f2; }
.privacy_box .top_box > .tit{font-size:18px; font-weight:300; line-height:27px; letter-spacing:-0.45px;}
.privacy_box .p_tit{margin-top:40px; font-size:18px; font-weight:bold; color:#222; letter-spacing:-0.75px;}
.privacy_box > ol{margin-top:20px;}
.privacy_box > ol > li{position:relative; padding-left:30px;  line-height:27px; letter-spacing:-0.4px; word-break: keep-all;}
.privacy_box > ol > li.nonum{padding-left:0;}
.privacy_box > ol > li:first-child{margin-top:0;}
.privacy_box > ol > li.nonum > img { display:block; margin:0 auto; }
.privacy_box > ol > li > .num{position:absolute; top:0; left:0;}
.privacy_box .s_list{margin-top:10px;}
.privacy_box .s_list.ex{margin-bottom:10px; padding-left:20px;}
.privacy_box .s_list .s_list{padding-left:0;}
.privacy_box .s_list > li{position:relative; margin-top:10px; padding-left:20px; line-height:27px; word-break: keep-all;  letter-spacing:-0.4px;}
.privacy_box .s_list.ex > li { padding-left:35px; }
.privacy_box .s_list.bar > li { padding-left:10px; }
.privacy_box .s_list > li:first-child{margin-top:0;}
.privacy_box .s_list > li > .num{position:absolute; top:0; left:0;}

.skipnav a{position: absolute; top: 3px; left:0; right: 0; height: 0; overflow: hidden; color:#000; background: #ddd; font-size: 16px;}
.skipnav a:focus {height: auto; z-index: 210; padding: 10px; line-height: 1.6; text-align:center; outline: 2px solid red !important;}

.display-none {
    display: none;
}

.btn_right {
    position: relative;
    width: 100%;
    text-align: right;
    padding: 10px 0px 0px 0px;
    clear: both;
}

.btn_center {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 0px 0px 0px;
    clear: both;
}

.btn_pack, .btn_pack * {
    display: inline-block;
    overflow: visible;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    background: url(../images/btn_pack.gif) no-repeat;
    font-size: 11px;
    font-family: Tahoma, Sans-serif;
    color: #333;
    text-decoration: none !important;
    vertical-align: top;
    white-space: nowrap;
    color: #ffffff;
}

.btn_pack {
    margin-right: 4px
}

.btn_pack * {
    left: 4px;
    cursor: pointer;
    _cursor: hand
}

.btn_pack.medium, .btn_pack.medium * {
    height: 24px;
    line-height: 24px
}

.btn_pack.large, .btn_pack.large * {
    height: 30px;
    line-height: 30px
}

.btn_pack.xlarge, .btn_pack.xlarge * {
    height: 36px;
    line-height: 36px
}

.btn_pack.small, .btn_pack.small * {
    height: 30px;
    line-height: 30px
}

.btn_pack.medium {
    background-position: left 0
}

.btn_pack.large {
    background-position: left -30px
}

.btn_pack.xlarge {
    background-position: left -65px
}

.btn_pack.small {
    background-position: left -106px
}

.btn_pack.medium * {
    padding: 0 10px 0 6px;
    background-position: right top;
    font-size: 12px
}

.btn_pack.large * {
    padding: 0 12px 0 8px;
    background-position: right -30px;
    font-size: 12px
}

.btn_pack.xlarge * {
    padding: 0 10px 0 6px;
    background-position: right -65px;
    font-size: 20px
}

.btn_pack.small * {
    padding: 0 12px 0 8px;
    background-position: right -106px;
    font-size: 12px
}

.btn_pack *:hover, .btn_pack *:active, .btn_pack *:focus {
    color: #ffffff;
}

.btn_pack.strong * {
    font-weight: bold !important
}

.btn_pack.icon * {
    padding-left: 20px
}

.btn_pack.small.icon * {
    padding-left: 16px
}

.btn_pack.icon span {
    width: 20px;
    margin-right: -20px;
    padding: 0 !important
}

.btn_pack.medium .check {
    background-position: 4px -150px
}

.btn_pack.large .check {
    background-position: 4px -146px
}

.btn_pack.xlarge .check {
    background-position: 5px -144px
}

.btn_pack.small .check {
    background-position: 3px -153px
}

.btn_pack.medium .add {
    background-position: -16px -150px
}

.btn_pack.large .add {
    background-position: -14px -146px
}

.btn_pack.xlarge .add {
    background-position: -14px -144px
}

.btn_pack.small .add {
    background-position: -18px -153px
}

.btn_pack.medium .delete {
    background-position: -34px -150px
}

.btn_pack.large .delete {
    background-position: -34px -146px
}

.btn_pack.xlarge .delete {
    background-position: -34px -144px
}

.btn_pack.small .delete {
    background-position: -37px -153px
}

.btn_pack.medium .calendar {
    background-position: -56px -150px
}

.btn_pack.large .calendar {
    background-position: -56px -146px
}

.btn_pack.xlarge .calendar {
    background-position: -56px -144px
}

.btn_pack.small .calendar {
    background-position: -59px -153px
}

.btn_pack.medium .refresh {
    background-position: -76px -150px
}

.btn_pack.large .refresh {
    background-position: -76px -146px
}

.btn_pack.xlarge .refresh {
    background-position: -76px -144px
}

.btn_pack.small .refresh {
    background-position: -79px -153px
}

.btn_pack.medium .download {
    background-position: -96px -151px
}

.btn_pack.large .download {
    background-position: -96px -147px
}

.btn_pack.xlarge .download {
    background-position: -96px -145px
}

.btn_pack.small .download {
    background-position: -99px -154px
}

/* privacy */
.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

.c_red {
    color: #f00 !important;
}

.privacy_box {
    max-width: 1320px;
    margin: 0 auto;
    font-weight: 400;
    color: #000;
}

.privacy_box .top_box {
    text-align: center;
    padding: 30px 10px;
    background: #f2f2f2;
}

.privacy_box .top_box>.tit {
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.45px;
}

.privacy_box .p_tit {
    margin-top: 80px;
    font-size: 30px;
    font-weight: bold;
    color: #222;
    letter-spacing: -0.75px;
}

.privacy_box>ol {
    margin-top: 30px;
}

.privacy_box>ol>li {
    position: relative;
    margin-top: 30px;
    padding-left: 30px;
    line-height: 27px;
    font-size: 16px;
    letter-spacing: -0.4px;
    word-break: keep-all;
    color: #6b6b6b;
}

.privacy_box>ol>li.nonum {
    padding-left: 0;
}

.privacy_box>ol>li:first-child {
    margin-top: 0;
}

.privacy_box>ol>li.nonum>img {
    display: block;
    margin: 0 auto;
}

.privacy_box>ol>li>.num {
    position: absolute;
    top: 0;
    left: 0;
}

.privacy_box .s_list {
    margin-top: 10px;
}

.privacy_box .s_list.ex {
    margin-bottom: 10px;
    padding-left: 20px;
}

.privacy_box .s_list .s_list {
    padding-left: 0;
}

.privacy_box .s_list>li {
    position: relative;
    margin-top: 10px;
    padding-left: 20px;
    line-height: 27px;
    font-size: 16px;
    word-break: keep-all;
    letter-spacing: -0.4px;
    color: #6b6b6b;
}

.privacy_box .s_list.ex>li {
    padding-left: 35px;
}

.privacy_box .s_list.bar>li {
    padding-left: 10px;
}

.privacy_box .s_list>li:first-child {
    margin-top: 0;
}

.privacy_box .s_list>li>.num {
    position: absolute;
    top: 0;
    left: 0;
}

.privacy_box .p_tbl {
    margin-top: 25px;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    width: 100%;
}

.privacy_box .p_tbl.mobile{
    display:none;
}

.privacy_box .p_tbl thead th {
    padding: 15px 5px;
    text-align: center;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.4px;
    color: #000;
    border-bottom: 1px solid #000;
    vertical-align: middle;
}

.privacy_box .p_tbl tbody td {
    padding: 15px 10px;
    text-align: center;
    line-height: 25px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #6b6b6b;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    vertical-align: middle;
}
.privacy_box .p_tbl tbody .test {
    padding: 0px;
    text-align: center;
    line-height: 25px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #6b6b6b;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    vertical-align: middle;
}

.privacy_box .p_tbl tbody td div{
    padding:15px 0px;
}
.privacy_box.privacy240131 .p_tbl tbody td div a {
    display: block;
}
.privacy_box .p_tbl tbody .td_span{
   padding-bottom: 10px;
   height:60px;
   padding-top:10px;
}
.privacy_box.privacy240131 .p_tbl tbody .td_span{
    display:inline-block;
}
.privacy_box .p_tbl tbody .td_span2{
    border-top: 1px solid #000;
    border-top-style: dotted;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}



.privacy_box .p_tbl tbody td:last-child {
    border-right: none;
}

.privacy_box .p_tbl tbody td.line_r {
    border-right: 1px solid #000 !important;
}

.privacy_box .p_tbl tbody td img+span {
    display: block;
    margin-top: 5px;
}

.privacy_box .pl0 {
    padding-left: 0 !important;
}

.privacy_box .link {
    text-decoration: underline;
}

.privacy_box .scroll {
    padding-right: 0px !important;
}
.privacy_box .right-desc {
    display: flex;
    flex-direction: row-reverse;
}
.new_table2 {
    width: 100%;
    border-top: 1px solid #b1b1b1;
    border-left: 1px solid #b1b1b1;
    border-collapse: collapse;
    border-spacing: 0;
}

.new_table2 th {
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    font-size: 13px;
    padding: 5px;
    line-height: 16px;
}

.new_table2 td {
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    font-size: 14px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    padding: 10px 5px;
}

.new_table2 td.left {
    text-align: left;
}
/* .new_table2 td input[type=radio] */
/* { */
/*   -ms-transform: scale(1.5); IE */
/*   -moz-transform: scale(1.5); FF */
/*   -webkit-transform: scale(1.5); Safari and Chrome */
/*   -o-transform: scale(1.5); Opera */
/*   padding: 5px; */
/*   background:#ffffff !important; */
/* } */
.mo_table {
    display: none;
}

.mo_table .mo_table_title {
    font-size: 13px;
    background: #eaeaea;
    padding: 8px 10px 11px 10px;
    font-weight: 600;
    margin: 20px 0px 10px 0px;
    border-radius: 4px;
    overflow: hidden;
}

.mo_table .mo_table_title span {
    float: left;
    background: #6788a6;
    color: #ffffff;
    display: inline-block;
    padding: 10px;
    margin: 0px 5px 0px 0px;
    border-radius: 4px;
}

.mo_table_title02 {
    float: left;
    width: 80%;
    margin: 10px 0px 0px 0px;
}

.mo_table_title03 {
    float: left;
    width: 80%;
    margin: 2px 0px 0px 0px;
}

.header_h1 {
    background: url(../images/sub_logo.png) no-repeat left center !important;
    padding-left: 130px !important;
    margin-left: 10px !important;
}

.q_cnt {
    color: white;
    text-align: center;
    margin-right: 3px;
    width: 121px;
    float: right;
    background-color: rgb(0, 139, 208);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 101, 151);
    border-image: initial;
    border-radius: 8px;
}

input[type="radio"], span {
    vertical-align: middle;
}

input[type="radio"],
#seoul-integrated-board input[type="radio"] {
    appearance: none;
    border: max(2px, 0.1em) solid #6b9be0;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}

input[type="radio"]:checked,
#seoul-integrated-board input[type="radio"]:checked {
    width: 8px;
    height: 8px;
    border: 8px solid #6b9be0;
    border-radius: 50%;
    content: '';
    outline-offset: max(2px, 0.1em);
    outline: max(1.5px, 0.1em) #6b9be0;
}

input[type="radio"]:hover {
    cursor: pointer;
    outline-offset: max(2px, 0.1em);
    outline: max(1.75px, 0.15em) dotted tomato;
}

input[type="radio"]:focus-visible,
#seoul-integrated-board input[type="radio"]:focus-visible{
    outline-offset: max(2px, 0.1em);
    outline: max(1.75px, 0.15em) dotted tomato;
}

input[type="radio"]:hover+span {
    cursor: pointer;
}

input[type="radio"]:checked+label span:after {
    box-sizing: border-box;
    background: #51719e;/*2023-09-12*/
}

.cursor_label {
    cursor: pointer;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0 !important;
    /* vertical-align: middle; */
    border-radius: 2px;
    background: url(../images/chk01.png) no-repeat;
    cursor: pointer;
}

input[type="checkbox"]+label {
    color: rgba(0, 0, 0, 0.83);
    cursor: pointer;
    /* vertical-align: middle;*/
}

input[type="checkbox"]:checked+label span {
    background: url(../images/chk01_on.png) no-repeat
}

.bbs_search {
    padding: 10px 5px 10px 5px;
    vertical-align: middle;
}

.p_none {
    display: none;
}

/*포커스추가2023-09-12*/
a:focus-visible, input:focus-visible, button:focus-visible, div:focus-visible, select:focus-visible {
    outline: 2px solid red !important;
}

.lb_sv01 a:focus-visible {
    outline: 2px solid white !important;
}

/* 팝업=====================================================================*/    
#popup_wrap {background-image:none; background:#fff; margin:0 10px 20px 10px;}

/*#popup_wrap .popup_title{border-top:4px solid #393f46; color:#458ad7; font-size:18px; font-weight:bold; margin-bottom:0px; margin:0px -10px 20px -10px; padding:15px 25px;}*/
#popup_wrap .popup_title{background:#3a5f8c; border-top:2px solid #393f46; color:#ffffff; font-size:18px; font-weight:600; padding:15px 25px; margin:0px -10px 20px -10px;}
#popup_wrap .popup_title h1 {display:block; margin:0; font-size:18px; font-weight:700;}
#popup_wrap .popup_title h2 {display:block; margin:0; font-size:15px; font-weight:700;}
#popup_wrap .popup_title h3 {display:block; margin:0; font-size:13px; font-weight:700;}

#popup_wrap .btn_x{position:absolute;top:20px; right:16px;}
#popup_wrap .btn_x a{color:#ffffff;}

#popup_wrap .popup_box{ border:2px solid #666; background:#ffffff; width:91.6%; padding:10px 2%; margin:10px 2%; word-break:break-all;}

#popup_wrap .step01 {border:none; padding:0px 2%; margin-bottom:10px;}
#popup_wrap .step01 dt {background:url('../images/ic_q.gif') 0px 10px no-repeat; padding:14px 0 6px 56px; min-height:46px; font-size:14px; clear:both; margin-bottom:10px;}
#popup_wrap .step01 dd {position:relative; display:block; border:solid 1px #e0e0e0; background:#f0f0f0; padding:20px; clear:both;line-height:36px;}

/*write*/
.write{position:relative; width:100%; border-top:2px solid #585858; }

.tblst3_write{width:100%; clear:both;}
.tblst3_write tbody{}
.tblst3_write th{color:#333333; padding:7px 0px 9px 15px;   border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; font-size:13px; background:#eeeeee; text-align:left;  font-weight:600;}
.tblst3_write td{color:#454545; padding:6px 8px;  border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; text-align:left;; font-size:12px;  background:#ffffff;}
.tblst3_write td span.chall_text{padding:5px 0px; display:inline-block; }
.tblst3_write td span.text{font-size:11px; padding:7px 0px 2px 0px; display:block;}
.tblst3_write td span.add{font-weight:600; display:block !important; float:left; width:40px; height:60px;}
.tblst3_write td span.line{line-height:140%;}
.tblst3_write td .file_list{border-top:dotted 1px #999; margin-top:12px; padding-top:6px;}
.tblst3_write td .file_list li{padding:4px 4px;}
.tblst3_write td .file_list li .btn_x{margin-left:6px;}

.btn05{color:#fff; display:inline-block; padding:0 0 3px 0; font-size:13px; min-width:70px; height:28px; border:solid 1px #656565; background:#454a4d; background:linear-gradient(#888888,  #757575);/*그라데이션-그레이*/ cursor:pointer;}
.btn07{color:#fff; display:inline-block; padding:0 0 3px 0; font-size:13px; min-width:70px; height:28px; border:solid 1px #1e4f89; background:#385e8e; background:linear-gradient(#3f6594,  #2b5282);/*그라데이션-진블루*/ cursor:pointer;}


/* 2024-02-21  add*/
/*
div.k-window:not(.k-alert) {top:0!important;right:0 !important;bottom:0!important;left:0!important;width:90% !important;max-width:980px !important;height:90vh !important;min-height:400px !important; margin:auto !important;transform:scale(1) !important;}
*/
div.k-window.k-poll {top:0!important;right:0 !important;bottom:0!important;left:0!important;width:90% !important;max-width:980px !important;height:90vh !important;min-height:400px !important; margin:auto !important;transform:scale(1) !important;}

div.k-window.k-out {top:0!important;right:0 !important;bottom:0!important;left:0!important;width:90% !important;max-width:700px !important;min-height:400px !important; height: 760px !important;margin:auto !important;transform:scale(1) !important;}

#SurveyJoinPopDiv:focus-visible {outline: 2px solid transparent !important;}
#resultPop .pop_container img {max-width:600px;}
.layer_pop .mobile-none {margin: 10px 0 0 20px;text-indent: -15px;padding-left: 15px;}



/* gnb 넓이 설정 */
#seoul-gnb-plugin .seoul-gnb-holder {max-width: 1320px !important}

/****************** 마이페이지 > 마일리지 이관 *******************/
/* common */
.inner_box_mileage .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.inner_box_mileage img {max-width: 100%}
.inner_box_mileage .top_box h3 {margin: 0;padding: 0;border: 0;text-align: left;}

/* 마일리지 탭 */
.mileage-tab {display: flex;margin: 0 0 20px;}
.mileage-tab a {display: flex;justify-content: center;width: 25%;padding: 20px;background: #e8ecf5;border: 1px solid #c3c7ca;color: #222;}
.mileage-tab a.current {background: #044683;border: 1px solid #044683;color: #fff;}

/* 표 */
.inner_box_mileage table {border-collapse: collapse;width: 100%;margin: 20px 0;border-top: 1px solid #171717;}
.inner_box_mileage table thead th {padding: 12px;background: #fafafa;border-bottom: 1px solid #ebebeb;color: #333;font-size: 16px;font-weight: 400;text-align: center;}
.inner_box_mileage table tbody th,
.inner_box_mileage table tbody td {padding: 12px;border-bottom: 1px solid #ebebeb;text-align: center;}
.inner_box_mileage table tbody th {background: #fafafa;color: #333;}
.inner_box_mileage table tbody td * {vertical-align: top;}
.inner_box_mileage table tbody td.al_left, 
.inner_box_mileage table tbody td.al-left {text-align: left;}

.inner_box_mileage .mileage-title {color: #5676A5;font-size: 24px;text-align: left;border-bottom: 0;}
.inner_box_mileage .mileage-title span {color: #333;font-size: 16px;}

.inner_box_mileage .paging-wrap .paging {display: flex;justify-content: center;margin: 30px 0;}
.inner_box_mileage .paging-wrap .paging a,
.inner_box_mileage .paging-wrap .paging span {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;line-height: 32px;border: 1px solid #D9DCE0;border-left: 0;}
.inner_box_mileage .paging-wrap .paging span.cur_page {background: #034683;color: #fff;font-weight: 700;}
.inner_box_mileage .paging-wrap .paging a.btn-first {border-left: 1px solid #D9DCE0;}
.inner_box_mileage .paging-wrap .paging a.btn-first:before {content: '';width: 18px;height: 18px;background: url(../images/btn_last.png) no-repeat 0 0;transform: rotate(180deg);}
.inner_box_mileage .paging-wrap .paging a.btn-prev:before {content: '';width: 18px;height: 18px;background: url(../images/btn_next.png) no-repeat 0 0;transform: rotate(180deg);}
.inner_box_mileage .paging-wrap .paging a.btn-last:before {content: '';width: 18px;height: 18px;background: url(../images/btn_last.png) no-repeat 0 0;}
.inner_box_mileage .paging-wrap .paging a.btn-next:before {content: '';width: 18px;height: 18px;background: url(../images/btn_next.png) no-repeat 0 0;}


/************ 마일리지 공지 ********************/
.mileage-type {overflow: hidden;margin: 40px 0;width: 100%;display: flex;justify-content: space-between;gap: 20px}
.mileage-type li {background: #f4f6f7;width: calc(100% - 15px);min-height: 140px;position: relative;padding: 30px 0 0 155px;box-sizing: border-box;}
.mileage-type li:first-child {margin-left: 0;}
.mileage-type .title {display: block;font-size: 16px;font-weight: bold;color: #555555;line-height: 1.3}
.mileage-type .title .pc-block {font-weight: bold;font-size: 16px;color: #555555;}
.mileage-type .btn {margin-top: 10px;}
.mileage-icon {position: absolute;top: 20px;left: 30px;display: inline-block;width: 100px;height: 100px;background:#fff url(../images/mileage-notice.png) no-repeat 0 0;border-radius: 50%;}
.mileage-icon-type2 {background-position: -100px 0}
.mileage-icon-type3 {background-position: -200px 0}

.mileage-board-search {display: flex;align-items: center;justify-content: center;padding: 10px 5px;background: #f1f1f1;}
.mileage-board-search .cell {display: flex;align-items: center;justify-content: center;gap: 5px;}
.mileage-board-search .cell-button {display: inline-block;color:#fff;background: #878787;border: 1px solid #646464;padding: 9px 30px;font-weight: 500;font-size: 16px;line-height: 1;vertical-align:middle;}


@media (max-width: 980px) {
    /* common */
    .inner_box_mileage .mileage-title {font-size: 16px;}

    /************ 마일리지 공지 ********************/    
    .mileage-type {margin: 20px 0;flex-direction: column;gap: 5px;}
    .mileage-type li {width: 100%;min-height: auto;margin: 0 0 10px;padding: 15px 15px 15px 80px}
    .mileage-icon {top: 10px;width: 50px;height: 50px;left: 15px;background-size: 150px 50px}
    .mileage-icon-type2 {background-position: -50px 0}
    .mileage-icon-type3 {background-position: -100px 0}
    .pc-block {display: inline-block}
    .mileage-title span {display: block}
    .mileage-board-search .cell input[type="text"] {width: calc(100% - 130px)}

    
}

@media (hover:hover) and (pointer:fine) {
    .inner_box_mileage table tbody td a:hover {color: #0298d6;text-decoration: underline;text-underline-offset: 3px;}
    .mileage-board-search .cell-button:hover {background:#666;}
}

/* footer new */
.footer.footer-new:before,
.footer_user.footer-new:before {position: absolute;top: 0;left: 0;height: 50px;background: #fcfcfc;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5}

.footer-new .footer_inner {padding-top: 0;}
.footer-new .footer_inner ul {justify-content: flex-start;}
.footer-new .footer_inner ul li {line-height: 3.5;}

.footer-new .f_link select {height: 52px;padding: 10px 40px 10px 15px;border: 1px solid #e5e5e5;background: #fff url(../images/common/arrow_footer.png) no-repeat calc(100% - 10px) 50%}
.footer-new .f_link .btn_f_link {width: 80px;height: 52px;background: #e5e5e5;border: 1px solid #e5e5e5;color: #666666;font-weight: 500}
.footer-new .footer_inner ul li:after {top: 22px;}

.footer-new .f_txt {line-height: 1.5;}
.footer-new .copy>div {justify-content: space-between;}

#wrap.main {padding-bottom: 200px}
#wrap {padding-bottom: 50px}
.contents {margin: 0;}


@media (min-width: 981px) {
    .footer-new .footer_inner .copy {padding: 30px 0 0 200px}
    .footer-new .f_web {top: -10px;left: auto;right: 0;width: 120px;height: 90px;}
    .footer-new .f_web_2024 img {width: 120px}
    .footer-new .f_logo {top: 30px}
    .footer_user.footer-new {height: 185px}
    .footer-new .f_link {top: 0;height: 52px;}
}

@media (max-width: 980px) {
    .footer-new .f_txt {max-width: 500px;width: 95%;}
}
@media (max-width: 680px) {    
    .footer-new .f_logo {background-position: calc(50% - 70px) 50% 50%}
    .footer-new .f_web_2024 {left: 50%}
}

@media (max-width: 350px) {    
    .footer-new .f_web_2024 {width: 165px}
}

#seoul-integrated-board .sib-lst-type-basic,
#seoul-integrated-board .sib-paging a, #seoul-integrated-board .sib-paging strong {font-size: 0.875rem !important}

.bbs-list {table-layout: fixed;}
.bbs-list thead th {font-weight: 400}
.bbs-list tbody td {padding: 12px 6px;text-align: center;}

@media (max-width: 980px) {
    table.bbs-list {width: 100%;border: 0;border-collapse: separate;border-top: 1px solid #171717}
    table.bbs-list col {display: block;width: 100% !important;}
    table.bbs-list thead {display: none}
    table.bbs-list tbody tr {display: block;position: relative;overflow: hidden;width: 100%;margin-bottom: 0px;padding: 5px 10px;border-bottom: 1px solid #ebebeb}
    table.bbs-list tbody tr td {display: flex;width: 100%;padding: 5px;border-top: 0;border-bottom: 0;}
    table.bbs-list tbody tr td.hide-mobile-table {display: none;padding: 0;}
    table.bbs-list tbody tr td.data-type,
    table.bbs-list tbody tr td.data-panel,
    table.bbs-list tbody tr td.data-date,
    table.bbs-list tbody tr td.data-mileage {display: inline-flex;width: auto;}
    table.bbs-list tbody tr td.tb_subject .lb_sv06 {right: 0;}
}