@charset "utf-8";
.ml5{margin-left: 5px !important;}
.strong1 {font-weight: 500; font-weight: bold}
input.invalid, select.invalid, textarea.invalid {border-color: red !important;}
div.invalidMsg {color: red; float: left; text-align: left; width: 100%; margin-top: 5px; display: contents;}
.scrollPrevent{width: 100%; height: 100%; max-width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cust-common-menu{position: fixed; width: 100%; height: 100%; max-width: 100%; overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
li>ul>li{margin-left: 10px;}

textarea[disabled] {
    background-color: #E9E9E9;
    border: 1px solid #E9E9E9;
}

.fsize17{
    font-size: 17px !important;
}
.guide_tit h4 span{font-size:15px; letter-spacing:-1px; padding-top:3px;background: linear-gradient(180deg,rgba(255,255,255,0) 65%, #FAE125 35%); padding:0 1px;font-weight:700; display:inline-block; margin-top:10px;}


input, textarea, button, select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.result-txt_cust p {
    line-height: 1.4;
    font-size: 12px;
    margin: 4px 0 5px 0;
    letter-spacing: -0.5px;
    background: left 2px no-repeat;
    padding: 0px 0 3px 3px !important;
    background-size: 14px;
}
.cust-bor{border-bottom: 2px #6c96c8 solid!important;}

.subMenu li.sub{padding-left: 10px}

.font14{font-size:14px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font22{font-size:22px !important;}

.mr3p { margin-right:3% !important;}
.lower_line_height{line-height: 0.8;}
.normal_line_height{line-height: 1.3 !important;}

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-thumb { background: #a9a9a9; }
.cust-span{font-weight: bold;color: #000000 !important;}
.cust-gspan{font-weight: bold;color: #75859c !important;}

.hasBirth > input::placeholder {color:#dddddd;}
.btnActive{border: 1px solid #020D45;background: #020D45;}
.btnActive1{background:#3F68D2 !important;;color:white !important;}
#menuAll {
    position: absolute;
    overflow:auto;
    top:46px;
    left:0px;
    clear:both;
    background: #ffffff;
    width: 80% ;
    height: 100%;
    z-index: 99998;
    transform: translateX(-100%);
    transition: transform 500ms ease-in-out;
}
#menuAll.active {transform: translateX(0%);}

.menu-btn01{
    display: inline-block;
    margin: 30px 0px 15px 6%;
    height: 42px;
    font-size: 17px;
    line-height: 37px;
    width: 40%;
    padding: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #0063CB;
    background: #0063CB;
    color: #fff;
    display: none;
}

.faq_type{
    padding: 5px 0 5px 0;
    border-radius: 18px;
    background: #729ED4;
    width: 55px;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #fff;
    margin-top: 20px;
    margin-right: 5px;
    line-height: 1.1;
}
.btn-res{
    height: 52px;
    font-size: 17px;
    width: 100%;
    height: 40px;
    padding: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #3B589E;
    background: #3B589E;
    color: #fff;
}

.fare-money-method {
    font-weight: 800 !important;
    font:30px 'NanumSquare', sans-serif;
    letter-spacing: -1px;
    font-size: 30px;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 16px;
    background: linear-gradient(180deg,rgba(255,255,255,0) 70%, #FAE125 30%);
    margin-bottom: 10px;
}

.noImg {
    background-image: none;
    width:calc(100% - 14px);
}

select[disabled] {background-color: #E9E9E9;border:1px solid #E9E9E9;}

.tb_btn02_meter{ height:40px;font-size:13px; line-height:1.1;width:100%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #95b3d7;background:#95b3d7;color:#fff;}
.faqTypeBtn.active{background:#729ED4; border: 1px solid #729ED4}

.noti_th th{font-weight: 500; background: #f0f0f0;}

.cust-empty-msg {
    padding: 8px 10px 8px 0px !important;
    color : #aaaaaa !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    font-weight: 500 !important;
}

.cust-lc-btn01{
    width: 35%;
    height: 44px;
    background: #6C9FDA;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    float: right;
}

.color-red{
    color: red !important;
}
.color-blue{
    color: #4087D9 !important;
}

.bg-blue{
    background: #eff6fc !important;
}

.pay-div-tbl {
    max-height: 500px;
    overflow-x: scroll;
}

.pay-div-tbl::-webkit-scrollbar {
    height: 0;
}

.disabled-none[disabled]{
    background : #fff;
    color : #252525;
    border:none;
    border-bottom: 1px #ddd solid;
}

.readonly-none[readonly]:not([disabled]){
    background : #fff;
    color : #252525;
    border : 1px solid #d2d6dd
}

.text-dot li, .text-dot p{
    padding-left: 10px !important;
}

.text-dot li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background: #252525;
    position: relative;
    top: 10px;
    right:9px;
}

.text-dot p:before{
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background: #252525;
    position: relative;
    top: 9px;
    right:9px;
}

.text-dot.color-red li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background: red;
    position: relative;
    top: 10px;
    right:9px;
}

.text-dot.color-blue li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background: #4087D9;
    position: relative;
    top: 10px;
    right:9px;
}

.boldTd td{
    font-weight: 650;
}

.lightTd {
    color : #a6a6a6;
}

.cust-pay-btn{
    margin-left: 3px;
    height: 30px;
    font-size: 12px;
    line-height: 1.1;
    width: 100%;
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 7px;
    border: 1px solid #0063CB;
    background: #2c65b0;
    color: #fff;
}

.selfReadSubtitle {
    display: inline-block;
    margin: 0 0 10px 5%;
}

h4 span.cust-title{
    font-size: 20px;
    letter-spacing: -1px;
    padding-top: 3px;
    background: linear-gradient(180deg,rgba(255,255,255,0) 65%, #FAE125 35%);
    padding: 0 1px;
    font-weight: 700;
    display: inline-block;
    margin-top: 10px;
}

.nessSpan {
    line-height:270%;
    margin: 10px 0 0 9%;
}

.underline {
    font-size: 14.4px !important;
    text-decoration: underline;
}

.surveyRef{
    display:block;
    text-decoration: underline;
    font-size: 11px;
    line-height: 2;
}

.p_cont_title{
    display: inline;
    color:#999;
}

.result-txt ol {
    font-size: 12px;
    margin: 4px 0 5px 0;
    letter-spacing: -0.5px;
    padding: 3px 0 0 3px;
    background-size: 14px;
}
.custValidMsg .invalidMsg{
    display: block !important;
}

.textIndent5 {
    text-indent: -5px !important;
}


.tdIndent > ul > li {
    text-indent: -0.5em;
    margin-left: 1em;
}

.liIndent {
    text-indent: -0.5em;
    margin-left: 1em;
}

.indent1e{
    text-indent: 1em;
}

.indent2e{
    text-indent: 2em;
}

.indent12p{
    text-indent: 12px;
}

.indent25p{
    text-indent: 25px;
}

.step-container {
    display: inline-block;
    width: 85%;
    border-radius: 7px;
    font-weight: 500;
}

.step-container a {
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    padding: 0px 10px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    display: inline-block;
    margin-right: 1.5%;
}

.step-container a span {
    display: inline-block;
    height: 18px;
    color: #000000;
    line-height: 18px;
}

.step-container a.active {
    background: #729ED4;
    border: 1px solid #729ED4
}

.step-container a.active span {
    display: inline-block;
    height: 18px;
    color: #FFFFFF;
    line-height: 18px;
}

.rotate90 {
    transform: rotate(90deg);
}

.rotate270 {
    transform: rotate(270deg);
}

.mg10{
    margin: 10px !important;
}

.logo_kr {
    position: relative;
    z-index: 1;
}

.logo_kr p {
    font-size: 13px;
    color: #666;
    font-weight: 500;
}

.logo_kr::after {
    background-image: url(../img/content/logo.png);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    opacity: 0.2;
}

.contTbl{width: 100%; word-break: break-all; color:#252525;border-collapse: separate;border-spacing: 0; margin-top:10px;}
.contTbl th{position: relative; padding:6px 5px 6px 5px; font-size: 14px; font-weight:700; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; background:#DCE8F4;text-align:center; height:30px;}
.contTbl td{position: relative; padding:6px 5px 6px 5px; font-size: 14px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:center; font-weight:500;border-bottom: 0.25em #ffffff solid;border-right: 0.25em #ffffff solid; background: #e5f0fa;height:30px;}
.contTbl tr:first-child td{position: relative; padding:6px 5px 6px 5px; font-size: 14px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:center; font-weight:500;border-bottom: 0.25em #ffffff solid;border-right: 0.25em #ffffff solid;border-top: 0.3em #e7e8e8 solid; background: #e5f0fa;height:30px;}
.contTbl tr:last-child td{position: relative; padding:6px 5px 6px 5px; font-size: 14px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:center; font-weight:500;border-right: 0.25em #ffffff solid;border-bottom: 0.3em #e7e8e8 solid; background: #e5f0fa;height:30px;}

.bg_y {
    background: linear-gradient(rgba(255, 255, 255, 0) 50%, #fcf05b 50%);
}
.bg_dkgray {
    background: rgba(73, 75, 80, 0.44) !important;
}

.usecont_finish {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -10px;
    padding:30px 24px;
    background-color:#ffffff;
    min-height:50px;
    border-radius:7px;
    text-align:center;
}

.usecont_guide {
    display:block;min-height:100%;padding:34px 20px;background-color: #ffffff;border-radius:9px; margin-top:20px; text-align:center;
    box-shadow:0px 4px 20px rgba(0,0,0,.155);
}

.addrArea {color: black; font-weight: normal;}
.naverpay {background-image: url(../img/content/logo_npaygr_small.png); background-repeat: no-repeat; background-size: 60px; background-position: center;}


.info_btn {
    cursor: pointer;
    margin: 1px 0 -2px 3px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url('../img/content/info_btn_i.png'); /* 아이콘 이미지 URL */
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.tooltip {
    visibility: hidden;
    width: 180px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 125%; /* 위치 조정 */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.info_btn.activeI .tooltip {
    visibility: visible;
    opacity: 1;
}

.fL{float:left !important;}
.fR{float:Right !important;}

.closed-notice-panel {
    margin-top: 20px;
    text-align: center;
    line-height: 0;
}

.closed-notice-panel img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}