@charset "utf-8";

/* 나눔 바른 고딕 */
@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
    src: url(../font/NanumBarunGothic-YetHangul.eot);
    src: url(../font/NanumBarunGothic-YetHangul.woff) format('woff'),
    url(../font/NanumBarunGothic-YetHangul.ttf) format('truetype');
    url(../font/NanumBarunGothic-YetHangul.ttf) format('truetype');
    font-display: block;
}
@font-face {
    font-family: "korean-webfont";
    font-style: normal;
    font-weight: normal;
    src: url("../font/korean_dic.eot");
    src: local("국어사전비표준문자"), url("../font/korean_dic.ttf") format("truetype"), url("../font/korean_dic.eot");
}

@font-face {
    font-family: 'iceSotong';
    font-style: normal;
    font-weight: normal;
    src: url(../font/iceSotong.ttf) format('truetype');
}

/*
@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: 300;
    src: url(../font/NanumBarunGothicLight.woff2) format("woff2"),
    url(../font/NanumBarunGothicLight.woff) format("woff"),
    url(../font/NanumBarunGothicLight.ttf) format("truetype");
}
@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: 700;
    src: url(../font/NanumBarunGothicBold.woff2) format("woff2"),
    url(../font/NanumBarunGothicBold.woff) format("woff"),
    url(../font/NanumBarunGothicBold.ttf) format("truetype");
}
*/
/* 나눔 스퀘어 */
/*
@font-face {
    font-family: "NanumSquare";
    font-weight: 400;
    src: url(../font/NanumSquareR.woff) format("woff"),
    url(../font/NanumSquareR.ttf) format("truetype");
}
@font-face {
    font-family: "NanumSquare";
    font-weight: 700;
    src: url(../font/NanumSquareB.woff) format("woff"),
    url(../font/NanumSquareB.ttf) format("truetype");
}
@font-face {
    font-family: "NanumSquare";
    font-weight: 800;
    src: url(../font/NanumSquareEB.woff) format("woff"),
    url(../font/NanumSquareEB.ttf) format("truetype");
}
@font-face {
    font-family: "NanumSquare";
    font-weight: 300;
    src: url(../font/NanumSquareL.woff) format("woff"),
    url(../font/NanumSquareL.ttf) format("truetype");
}
*/

/* Spoqa Han Sans */
/*
@font-face {
    font-family: "SpoqaHanSans";
    font-weight: 700;
    src: url(../font/SpoqaHanSansNeo-Bold.woff2) format("woff2"),
    url(../font/SpoqaHanSansNeo-Bold.woff) format("woff"),
    url(../font/SpoqaHanSansNeo-Bold.ttf) format("truetype");
}
@font-face {
    font-family: "SpoqaHanSans";
    font-weight: 500;
    src: url(../font/SpoqaHanSansNeo-Medium.woff2) format("woff2"),
    url(../font/SpoqaHanSansNeo-Medium.woff) format("woff"),
    url(../font/SpoqaHanSansNeo-Medium.ttf) format("truetype");
}
@font-face {
    font-family: "SpoqaHanSans";
    font-weight: 400;
    src: url(../font/SpoqaHanSansNeo-Regular.woff2) format("woff2"),
    url(../font/SpoqaHanSansNeo-Regular.woff) format("woff"),
    url(../font/SpoqaHanSansNeo-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "SpoqaHanSans";
    font-weight: 300;
    src: url(../font/SpoqaHanSansNeo-Light.woff2) format("woff2"),
    url(../font/SpoqaHanSansNeo-Light.woff) format("woff"),
    url(../font/SpoqaHanSansNeo-Light.ttf) format("truetype");
}
@font-face {
    font-family: "SpoqaHanSans";
    font-weight: 100;
    src: url(../font/SpoqaHanSansNeo-Thin.woff2) format("woff2"),
    url(../font/SpoqaHanSansNeo-Thin.woff) format("woff"),
    url(../font/SpoqaHanSansNeo-Thin.ttf) format("truetype");
}
*/

/* Noto Serif KR */
/*@font-face {
    font-family: "Noto Serif KR";
    font-weight: 900;
    font-display: block;
    src: url(../font/NotoSerifKR-Black.otf) format("opentype");
}
@font-face {
    font-family: "Noto Serif KR";
    font-weight: 700;
    font-display: block;
    src: url(../font/NotoSerifKR-Bold.otf) format("opentype");
}
@font-face {
    font-family: "Noto Serif KR";
    font-weight: 600;
    font-display: block;
    src: url(../font/NotoSerifKR-SemiBold.otf) format("opentype");
}
@font-face {
    font-family: "Noto Serif KR";
    font-weight: 500;
    font-display: block;
    src: url(../font/NotoSerifKR-Medium.otf) format("opentype");
}
@font-face {
    font-family: "Noto Serif KR";
    font-weight: 400;
    font-display: block;
    src: url(../font/NotoSerifKR-Regular.otf) format("opentype");
}
@font-face {
    font-family: "Noto Serif KR";
    font-weight: 300;
    font-display: block;
    src: url(../font/NotoSerifKR-Light.otf) format("opentype");
}
@font-face {
    font-family: "Noto Serif KR";
    font-weight: 200;
    font-display: block;
    src: url(../font/NotoSerifKR-ExtraLight.otf) format("opentype");
}*/

body{font:15px 'NanumBarunGothic', 'Apple Gothic','애플 고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', sans-serif, Helvetica, Arial; color:#222;margin:0;word-break:keep-all;word-wrap:break-word;height: 100%;letter-spacing: -1px;}
h1,h2,h3,h4,h5,h6,dl,dd,p,figure{margin:0; letter-spacing: 0;}
ol,ul{padding:0;margin:0;list-style:none}
fieldset{padding:0;border:0;margin:0}
iframe{border:0}

label{display:inline-block;vertical-align:middle;cursor:pointer}
input[type="text"],input[type="password"]{padding:0 5px;box-sizing:border-box;vertical-align:middle}
input[type="radio"],input[type="checkbox"]{margin:0 4px 0 0;}
input[readonly]{background-color:#f5f5f5}
textarea{font-family:sans-serif;border:1px solid #aaa;width:100%;height:80px;box-sizing:border-box;resize:none}

a{text-decoration:none;color:#222;box-sizing:border-box;vertical-align:middle;outline-offset:-2px}
button{padding:0;border:0;cursor:pointer}
button,select{font:13px 'NanumBarunGothic', 'Apple Gothic','애플 고딕','맑은 고딕', 'Malgun Gothic';vertical-align:middle}
 .wordbookList{font:16px 'NanumBarunGothic', 'Apple Gothic','애플 고딕','맑은 고딕', 'Malgun Gothic';vertical-align:middle; width:370px; margin:5px;height: 35px;}
address,em,dfn,var{font-style:normal}
abbr{text-decoration:none}

table{border-spacing:0;table-layout:fixed;border-collapse:collapse}

caption strong,
caption p{display:block;line-height:1px;font-size:1px;margin-top:-1px;text-indent:-9999em}
mark{background:#e5ffb8; color:#316ACB}

time{letter-spacing: 0;}

.hidden{display:none;}
legend,
.blind{position:absolute;text-indent:-9999em;visibility: hidden;}

.point{position:relative;display:inline-block;width:79px;height:15px;background:url(../img/ico_star_fill.svg) no-repeat 0;}
.point p{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999em;overflow: hidden;background:url(../img/ico_star_gray.svg) no-repeat 0;background-size: 79px}
.point.type00 p{width:67px;}
.point.type01 p{width:48px;}
.point.type02 p{width:31px;}
.point.type03 p{width:15px;}
.point.type04 p{width:0px;}
/*.point.type05 p{width:100%;}*/

.tl{text-align: left !important}
.tc{text-align: center !important}
.tr{text-align: right !important}

.f_blue{color:#006fe0}

.btn{display:inline-block;margin:0 2px;padding:0 30px;height:45px;line-height: 45px;font-size:16px !important;border-radius: 5px;background:#fff}
.btn.small{padding:0 20px;height:36px;line-height: 36px;font-size:16px !important;}
.btn.x-small{padding:0 10px;height:36px;line-height: 36px;font-size:16px !important;}

@media screen and (max-width: 740px) {
    .btn.x-small{font-size:14px !important;}
}

.btn i{position:relative;font-style: normal;font-weight: bold;padding-left:18px;font-size: 16px;}
.btn i::after{content:'';display:block;width:12px;height: 100%;position:absolute;left:0;top:0;}

.btn.cancle i::after{background:url(../img/ico_cancle.svg) no-repeat 50%;}
.btn.done i::after{background:url(../img/ico_check_purple.svg) no-repeat 50%;}
.btn.del i::after{background:url(../img/ico_del_purple.svg) no-repeat 50%;}
.btn.srch i::after{background:url(../img/btn_srch_white.svg) no-repeat 50%;}

.btn:hover,
.btn:focus{transition: background .5s, border .5s, color .5s}

.btn.normal{color:#747474;border:1px solid #676767;background:#fff;}
.btn.normal:hover,
.btn.normal:focus{color:#000;border-color:#000;}
.btn.purple{color:#da0c57;border:1px solid #da0c57;background:#fff;}
.btn.purple:hover,
.btn.purple:focus{background:#fffef5;border-color:#a80b44;color:#a80b44}
.btn.blue{color:#fff;border:0;background:#003863;}
.btn.blue:hover,
.btn.blue:focus{background:#0355a9}

.btn.gray{background:#676767;color:#fff;}
.btn.gray:hover,
.btn.gray:focus{background:#000}
.btn.gray02{border:1px solid #a3a9ae;background:#edf3f7}
.btn.gray02:hover,
.btn.gray02:focus{background:#a3a9ae;color:#fff;}
.btn.gray03{background:#909399;color:#fff;}
.btn.gray04{background:#aaaaaa;color:#fff;}

.btn.act{background:#003863;color:#fff;}
.btn.act:hover,
.btn.act:focus{background: #0478e3}

.btn.cncl{background:#E4043E;color:#fff;}
.btn.cncl:hover,
.btn.cncl:focus{background: #900029}


.inp{height:36px;padding:0 15px !important}

/* 로그인 */
.wrapper {padding-top: 130px; display: flex; justify-content: center; align-items: center; min-height: 100vh;}
.login_area {text-align: center; padding: 35px 40px; background: #fff; border: 1px solid #dfe0e2; box-shadow: 0 5px 10px rgba(0,0,0,.1)}
.login_area .logo {display:inline-block;margin-bottom:30px;}
.login_area .logo a.logo_kor {display:block;font-size:0;margin-bottom:15px;}
.login_area .logo a.logo_cor {font-size:25px;color:#111;letter-spacing:-1px;display:inline-block;}
.login_area .logo img {width: 150px; text-align: center;}
.login_area .logo img.login_site_id_en{width: 170px;}
.login_box {width:380px;margin:0 auto;}
.login_box input.input_id {width:100%;height:45px;margin-bottom:10px;}
.login_box .login_btn {width:100%; margin-top: 10px;}
.login_box .login_btn:hover {box-shadow:0px 5px 15px rgba(35, 40, 90, 0.4);transform:translateY(-3px);}
.login_box .loginText li {position:relative;display:inline-block;margin-top:25px;margin-left:30px;padding-left:30px;}
.login_box .loginText li:before {content:"";position:absolute;left:0;top:2px;width:1px;height:13px;background:#ccc;}
.login_box .loginText li:first-child {margin-left:0;padding-left:0;}
.login_box .loginText li:first-child:before {background:none;}
.login_box .loginText li a {color:#555; font-size: 15px;}

/* 개인정보 */
.agree_box {font-size:15px;line-height:1.9;border:1px solid #ddd;height:250px;overflow-y:scroll;padding:15px 20px;}
.agree_box .agree_cont dl {margin-top:30px;}
.agree_box .agree_cont dl:first-child {margin-top:0px;}
.agree_box .agree_cont dl dt {color:#111;font-weight:bold;}

/* 가입완료 */
.member_result {text-align:center;margin-top:50px;}
.member_result .check {display:inline-block;width:40px;height:40px;line-height:36px;border-radius:40px;border:2px solid #0B7B91;margin-bottom:20px;}
.member_result .check i {font-weight:700;font-size:20px;}
.member_result p {line-height:1.8;}
.member_result .msg {font-size:25px;color:#111;}


/* 회원가입 */
.join_title{padding-top: 40px;}
.join_title h2 {margin: 120px 0 48px 0; font-size: 2.3em;}
.wrapper-join {padding-top: 130px; display: flex; justify-content: center;}
.step_area {text-align: center; margin: 0 auto 15px; background: #f4f4f4; padding: 20px; border-radius: 20px;}
.step_area .step {position: relative;display: flex;}
.step_area .step li {float: left;position: relative;color: #666; height: 75px; font-weight: 600; flex: 4; align-content: center;}
.step_area .step li.active{color: #333;}
/*.step_area .step li:before {position: absolute;content: '';left: 0;top: 30px;width: 7px;height: 13px;background: url(../images/main/icon.png) no-repeat -10px -10px;}*/
.step_area .step li:first-child:before {background: none;}
.step_area .step li em {display: inline-block;width: 25px;height: 25px;margin-right: 10px;line-height: 35px;color: #fff;background: #f2f2f2;border-radius: 35px;background: #bbb;font-style: normal;font-size: 20px;vertical-align: middle;}
.step_area .step li.on em {font-weight: normal;background: #4156d3;border-color: #4156d3;color: #fff;}
.group{zoom: 1;}
.info{margin-top: 10px; display: block;}
.icon_info {margin-top: 10px; display: block;}
.info_box{margin-top: 10px;background: #f2f2f2;padding: 25px 30px; border-radius: 20px;}
.info_icon i {font-size: 19px;color: #0B7B91;margin-right: 3px;}
.service{margin-top: 50px;}
.private{margin-top: 50px;}
.m_tit{margin-bottom: 10px; font-size: 18px;color: #111;letter-spacing: -1px; font-weight: 700;}
.checkbox {display: inline-block; margin-top: 10px;}
.agree_notice{background: #f5f5f5;padding: 25px;letter-spacing: 0;line-height: 1.8;}
.chk_service{margin-bottom: 15px; letter-spacing: 0;}

.red{ color: #DD1A1A!important}
.blue{ color: blue !important;}
.star_area{margin-top: 10px;}
.star {position: relative;padding-left: 13px;font-size: 15px;margin-top: 0px;line-height: 1.7 !important;}
.star:before {position: absolute;display: inline-block;content: '*';left: 0;top: 1px;height: 17px;}

.info_area {text-align: center; margin: 0 auto; padding: 50px 0; height: 100px;}
.info_tit{margin-bottom: 10px; font-size: 18px;color: #111;letter-spacing: -1px; font-weight: 700;}

.access_join_select{font-size: 24px;}

/* 계정(ID)/비밀번호 찾기 */
.member h3{margin-top: 50px;}

/* 내 정보 관리 모달 팝업 */
.layer_popup h3{padding: 40px 40px 0;}

/* 용어 내려받기  */
.rtable {display: inline-block;vertical-align: top;max-width: 100%; overflow-x: auto;white-space: nowrap;border-collapse: collapse;border-spacing: 0; -webkit-overflow-scrolling: touch;}

/* 오픈API 사용 현황 */
.caption{font-size: 15px; margin: 10px 0 30px 0;}
.select {position: relative;display: inline-block;}
.btn.btnB.xls{padding-left: 35px;}
.btn.btnB.xls::before {content: '';width: 24px;height: 24px;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);background: url(../images/template/ico_fd_xls.png) no-repeat;}

.OpenApi_box{display: flex; justify-content: space-between; flex-flow: row wrap;}
.OpenApi_box > div{width: 42%;height: 250px;overflow-y: auto;background: #e5f6ff;padding: 30px; border-radius: 10px; -ms-overflow-style: none; scrollbar-width: none;}
.OpenApi_box > div::-webkit-scrollbar{display: none;}
.inner_tit{margin-bottom: 10px;color: #111;letter-spacing: -1px;font-size: 18px; font-weight: 700;}
.OpenApi_box .left_box ul li{width: 100%; line-height: 1.5; background: #fff7db; margin-top: 5px; border: 1px solid #ccc;}

/* 레이어 팝업 공통  22-11-07수정*/
.layer_popup {
    display: none;
    position: fixed;
    z-index: 101;
    top: 100%;
    left: 100%;
    width: 720px;
    /* height: 50%; */
    height: auto;
    padding-top: 77px;
    box-sizing: border-box;
    background-color: white;
}
.layer_popup h2 {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
    color: white;
    font-size: 22px;
    line-height: 1;
    padding: 26px 40px;
    box-sizing: border-box;
    background-color: #4156d3;
}
.layer_popup .popup_content {
    position: relative;
    z-index: 1;
    padding: 41px 28px 40px 40px;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}

@media screen and (max-width: 500px){
    .layer_popup .popup_content {padding: 10px 10px 10px 10px;}
}

.layer_popup .popup_content .btn_popup_set {
    margin-top: 30px;
    text-align: center;
}
.layer_popup .popup_content .btn_popup_set button {
    position: relative;
    width: 120px;
    padding: 16px 44px 15px 20px;
    margin: 0px 3px;
    color: white;
    font-weight: 700;
    line-height: 1;
    border-radius: 5px;
    box-sizing: border-box;
}
.layer_popup .popup_content .btn_popup_set button.submit {
    background-color: #0b7b91;
}
.layer_popup .popup_content .btn_popup_set button.cancel {
    background-color: #676767;
}
.layer_popup .popup_content .btn_popup_set button img {
    position: absolute;
    top: 14px;
    right: 16px;
}
.layer_popup button.btn_close {
    position: absolute;
    z-index: 3;
    top: 21px;
    right: 40px;
    width: 35px;
    height: 35px;
    background-color: transparent;
}
.layer_popup button.btn_close img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 35px;
}

/* 2022-11-03 */
.layer_popup .popup_content .btn_popup_set .btn.submit {
    width: 120px;
    height: 40px;
    line-height: 40px;
    background-color: #0b7b91;
}

.layer_popup .popup_content .btn_popup_set .btn.cancel {
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-right: 3%;
    background-color: #676767;
}

/* tab */
.tab {position:relative;width:100%;height:45px;}
.tab:before {position:absolute;content:'';left:0;top:43px;width:100%;height:2px;background:#4156d3;}
.tab li a {float:left;display:inline-block;width:30%;height:45px;line-height:43px;background:#f5f5f5;border:1px solid #ccc;border-bottom:none !important;margin-left:10px;border-radius:5px 5px 0 0;box-sizing:border-box;
    font-size:16px;text-align:center;}
.tab li:first-child a {margin-left:0px;width:30%;}
.tab li a.selected {position:relative;font-weight:bold;color:#4156d3;border:2px solid #4156d3;background:#fff;}
@media screen and (max-width: 725px) {
    .tab li a {font-size: 11px;}
}
.tab_sm {position:relative;width:100%;height:40px;}
.tab_sm:before {position:absolute;content:'';left:0;top:39px;width:100%;height:1px;background:#ccc;}
.tab_sm li a {float:left;display:inline-block;width:40%;height:40px;line-height:39px;background:#fff;border:1px solid #ccc;border-bottom:none !important;margin-left:10px;border-radius:5px 5px 0 0;box-sizing:border-box;
    font-size:16px;text-align:center;}
.tab_sm li:first-child a {margin-left:0px;}
.tab_sm li a.selected {position:relative;width:40%;font-weight:bold;color:#fff;border:1px solid #4156d3;background:#4156d3;}

span.korean-webfont {font-size: 16px;font-family: korean-webfont;}

/*완비율 별 수정*/
.cont_header .l_box .ir_star{margin-bottom:5px;margin-left:12px;padding-top:20px}
.ir_star{display:inline-block;width:15px;height:15px;margin-right: -12px;}
.ir_star.realm1{background:url(../img/ico-star01-fill.svg) no-repeat 0;}
.ir_star.realm0{background:url(../img/ico-star01-outline.svg) no-repeat 0;}
.ir_star.dfntxt1{background:url(../img/ico-star02-fill.svg) no-repeat 0;}
.ir_star.dfntxt0{background:url(../img/ico-star02-outline.svg) no-repeat 0;}
.ir_star.useEx1{background:url(../img/ico-star03-fill.svg) no-repeat 0;}
.ir_star.useEx0{background:url(../img/ico-star03-outline.svg) no-repeat 0;}
.ir_star.srclang1{background:url(../img/ico-star04-fill.svg) no-repeat 0;}
.ir_star.srclang0{background:url(../img/ico-star04-outline.svg) no-repeat 0;}

.imprmnRtTooltip {position: relative;display: inline-block;white-space: nowrap;}
.imprmnRtTooltip span::before {content: attr(data-title);display: none;position: absolute;top: -27px;left: 50%;transform: translateX(-50%);background-color: #484747;color: #FFFFFF;padding: 5px;border-radius: 3px;white-space: nowrap;text-align: center;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);font-size: 15px;}
.imprmnRtTooltip span:hover::before {display: block;}

.label-north {display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#A9A9A9;color:#fff;font-size:15px;border-radius:4px;cursor:default;position:relative;vertical-align:middle;text-indent: -1.5px;}
.label-north.detail {top:-3px;}
.label-north::before {content: attr(data-title);display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);margin-top: 6px;background-color: #484747;color: #FFFFFF;padding: 5px 8px;border-radius: 3px;white-space: nowrap;text-align: center;box-shadow: 2px 2px 5px rgba(0,0,0,0.5);font-size: 15px;z-index: 10;}
.label-north:hover::before {display: block;}

.imprmnRtTooltip .ir_star.realm1::before, .imprmnRtTooltip .ir_star.realm0::before {left: 8px;}
.imprmnRtTooltip .ir_star.dfntxt1::before, .imprmnRtTooltip .ir_star.dfntxt0::before {left: 28px;}
.imprmnRtTooltip .ir_star.useEx1::before, .imprmnRtTooltip .ir_star.useEx0::before {left: 43px;}
.imprmnRtTooltip .ir_star.srclang1::before, .imprmnRtTooltip .ir_star.srclang0::before {left: 58px;}

.l_box .imprmnRtTooltip .ir_star.realm1::before, .l_box .imprmnRtTooltip .ir_star.realm0::before {top: -20px;left: 18px;}
.l_box .imprmnRtTooltip .ir_star.dfntxt1::before, .l_box .imprmnRtTooltip .ir_star.dfntxt0::before {top: -20px;left: 37px;}
.l_box .imprmnRtTooltip .ir_star.useEx1::before, .l_box .imprmnRtTooltip .ir_star.useEx0::before {top: -20px;left: 55px;}
.l_box .imprmnRtTooltip .ir_star.srclang1::before, .l_box .imprmnRtTooltip .ir_star.srclang0::before {top: -20px;left: 70px;}

#layer_relateword .imprmnRtTooltip .ir_star.realm1::before, #layer_relateword .imprmnRtTooltip .ir_star.realm0::before {top: -28px;left: 25px;}
#layer_relateword .imprmnRtTooltip .ir_star.dfntxt1::before, #layer_relateword .imprmnRtTooltip .ir_star.dfntxt0::before {top: -28px;left: 44px;}
#layer_relateword .imprmnRtTooltip .ir_star.useEx1::before, #layer_relateword .imprmnRtTooltip .ir_star.useEx0::before {top: -28px;left: 60px;}
#layer_relateword .imprmnRtTooltip .ir_star.srclang1::before, #layer_relateword .imprmnRtTooltip .ir_star.srclang0::before {top: -28px;left: 77px;}

/*말 줄임표 내용 전체 보기 툴팁*/
.ellipsis_tooltip {display: none; position: absolute; background-color: #484747; color: #FFFFFF; padding: 5px; border-radius: 3px; font-size: 15px; white-space: nowrap; z-index: 9999; transform: translateX(-50%); box-shadow: 2px 2px 5px rgba(0,0,0,0.5); }
.replace_tooltip {display: none; position: absolute; background-color: #484747; color: #FFFFFF; padding: 5px; border-radius: 3px; font-size: 15px; white-space: nowrap; z-index: 9999; transform: translateX(-50%); box-shadow: 2px 2px 5px rgba(0,0,0,0.5); }