@charset "utf-8";

/* 기본  */
* {margin:0; padding:0;}
body {line-height:140%; font-size:0.75em;  font-family:'NotoSansKR', 'malgun gothic', 'sans-serif', 'dotum'; min-height:500px;}
pre, div, ul, ol, dl, p, td, th, input, textarea, select {font-family:'NotoSansKR', 'malgun gothic', 'sans-serif', 'dotum'; font-size:13px; }

table {border-collapse:collapse; border-spacing:0;}
table caption{opacity:0; overflow:hidden; width:0; height:0; line-height:1px; font-size:1px; text-indent:-30000px;}
/* .hidden{overflow:hidden; position:absolute; top:0; left:-30000px; line-height:1px; font-size:1px;} */

img, fieldset {border:0 none; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
ul, ol, li, dl, dt, dd {list-style:none; margin:0; padding:0;} /* 블릿감춤 */
input, select, textarea, button, a { font-family: 'NotoSansKR' }


/* Link */
a {text-decoration:none; color:#585858;}
/*a:hover, a:active, a:focus {text-decoration:none; color:#434343;}*/
.hideLink {color:#D2D2D2;}
.noLinkInquire {color:#585858;}

/* hide 2021.05.18 (박수림) */
.hide {overflow:hidden; font-size:0; color:#fff; text-indent: -9999px;}

/* form */
select,input {vertical-align:middle;}
input.text {height:23px; border:1px solid #ccc; line-height:20px;}
textarea.textarea {font-family:Verdana; border:1px solid #ccc; padding:5px; font-size:1em; color:#777; line-height:130%;  width:150px; height:120px;}
select {overflow:auto; height:22px; color:#555; border: 1px solid #ccc; border-radius: 3px;}
/* mode!=tab */

#topTitleKo {width:100%; clear:both; position:relative; height:30px; padding:8px 0 0 0; background:url('../../images/popul/toprightBg.gif') #235b94 no-repeat right 0;}
#topTitleEn {width:100%; clear:both; position:relative; height:30px; padding:8px 0 0 0; background:url('../../images/popul/toprightBg_en.gif') #235b94 no-repeat right 0;}
.logo {float:left; margin-left:12px;}
.textarea {float:left; line-height:15px; margin:3px 0 0 12px; color:#fff;}
.textarea img.vtp {vertical-align:middle;}
#kosis{position:absolute; top:6px; width:80px; height:25px;}

/* body */
/* contents*/
#wrap {border:0px solid #ccc;display: flex;flex-grow:1;} /* width값 100% 변경 - 210513 (박수림) */
#header {padding:5px 0px;}
#modal {width:100%; height:100%; margin:0; position:absolute; z-index:110; visibility:hidden; background:black; filter:alpha(opacity=10); opacity:0.1;}
#modal2{width:100%; height:100%; margin:0; position:absolute; z-index:110; visibility:hidden; background:gray; filter:alpha(opacity=10); opacity:0.1;}
#popup_outer {width:100%; height:100%; margin:0; position:absolute; visibility:hidden; z-index:1100;}


/* icon */
.bigGreen {margin:10px 0 0px 0; height:23px; line-height:20px; background:url('../../images/popul/circleGreen.png') no-repeat 0 1px; padding-left:22px; font-family:dotum; color:#038384; font-size:16px; font-weight:bold;}
.smallGreen {line-height:20px; vertical-align:middle; background:url('../../images/popul/dotGreen.gif') no-repeat 0 6px; padding-left:8px; color:#414141; font-family:dotum; color:#6f6f6f; font-size:13px;}

/* .block_definition{position:absolute;top:35px;left:10px;padding-right:10px;} */
/*1218 수정 */
.block_definition{position:absolute; top:32px; left:10px; padding-right:10px;}
.cont_lay {float:left; position:relative; border-bottom:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; width:949px; height:637px; padding:0; overflow-x:auto; overflow-y:hidden;} /* 1217 수정 padding:0 10px; */
.cont_line {float:left; position:relative; border-top:0px solid #b1b1b1; /* width:1040px; height:638px;*/}

.bu_2circle {clear:both; background:url('../../images/popul/bu_twinCircle.gif') no-repeat 0 6px; line-height:28px; padding-left:18px; color:#333;}

/* 1217 수정 */
.btnIcon {float:left; width:100%; height:18px; margin:5px 0;}
.btnIcon .text {float:left; font-size:11px; line-height:25px; color:#555; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.btnIcon .align {width:50%; float:right; text-align:right;}
.btnIcon .align li {display:inline;}
.btnIcon .align li.gap {display:inline; background:url('../../images/popul/btngap.gif') no-repeat 3px 3px; padding-left:10px;}

.popMode{float:left; width:100%; height: 0;flex-grow:1;position: relative;}

@keyframes blink-animation{
    from{
        background:#f4f4f4;
    }
    to {
        /*	background:aquamarine; */
        background:#ff69b4
        /* 	background:#FFFBA7 */
    }
}
@-webkit-keyframes blink-animation{
    from{
        background:#f4f4f4;
    }
    to {
        /*	background:aquamarine; */
        background:#ff69b4
        /* 	background:#FFFBA7 */
    }
}


.text_lay {overflow:hidden; /* width:100%; padding-top:10px; */ height:18px;} /* padding 추가 1217*/
/* 			.text_lay li.text {float:left; font-size:11px;} */
/*1218 영수 수정*/
.text_lay li.text {float:left; font-size:11px; color:#545454;}
.text_lay li.text .f_red {color:#e64332; font-weight:bold;}
.text_lay li.text .f_gray{color:#BDBDBD; font-weight:bold;}			/* #747474 */
.text_lay li.text .f_bold{font-weight:bold;}
.text_lay li.btn_r {float:right; font-size:11px;}



/* etc*/
.nomg {margin-right:0;}
.smalltxt {font-size:11px; color:#777; margin-left:15px; line-height:10px;}
/* .simbol {color:#434343; font-size:12px; margin-right:50px;} */
.simbol {font-size:12px; margin-right:50px;}


/* 버튼 */
.btn_lay {clear:both; padding:15px 0; text-align:center;}
/*이규정 btn_lay2 추가*/
.btn_lay2 {clear:both; padding:15px 0 0 0; text-align:center;}
.confirmBtn a {display:inline-block; margin:0 3px; border:1px solid #0a6494; background:#3F65AF; color:#fff; padding:5px 12px 5px 12px; font-size:11px; font-weight:bold;}
.cancelBtn a {display:inline-block; margin:0 3px; border:1px solid #999; background:#b0b0b0; color:#fff; padding:5px 12px 0 12px; height:20px; font-size:11px; font-weight:bold;}
.grayBtn a {display:block; font-size:11px; padding:2px 10px 3px 10px;; border:1px solid #4a4a4a; background:#747474; color:#fff; letter-spacing:-0.1em;}
.grayConfirmBtn a {display:inline-block; margin:0 3px; border:1px solid #999; background:#b0b0b0; color:#fff; padding:5px 12px 5px 12px; font-size:11px; font-weight:bold;}
/* 조회범위 설정 안영수*/
.btn_lay3 {position:absolute; top:2px; right:0px; text-align:right;}
/* 분석 설정 안영수*/
.btn_lay4 {clear:both; text-align:center;}
/* 정렬버튼 */
.alignBtn {display:inline-block; width:14px; white-space:normal; vertical-align:middle; line-height:0; padding:0;}
.alignBtn img {border:0; margin:0 0 -1px 0;}

/* 동작하지 않는 기능의 텍스트 스타일*/
.notFunctext {color:#C1C1C1;}

/* progressBar */
#disPlayBox {position:absolute; background:#ffffff; top:40%; left:34%; width:314px; height:74px; display:none; z-index: 150;}

/*2013.12.20*/
#analysisText {font-weight:bold; font-size:12px; color:#3F65AF}

/*김정현 추가*/
.downLarge_lay {clear:both; padding:15px 0; text-align:center;}
.loading_lay {clear:both; padding:15px 0; text-align:center;}
.downLargeBtn a {display:inline-block; margin:0 3px; border:1px solid #0a6494; background:#3F65AF; color:#fff; padding:5px 12px 0 12px; height:20px; font-size:11px; font-weight:bold;}
.loadingBtn {display:inline-block; margin:0 3px; border:1px solid #bf8521; background:#f4af0a; color:#fff; padding:5px 12px 0 12px; height:20px; font-size:11px; font-weight:bold;}

/* NEW Button : 2021-10-14 psr */
.btnIcon {float: left;  width: 100%;  min-height: 29px; height:auto; margin: 7px 0  0 0; }
.btnIcon .BtnGroup .Partition { position:relative; text-align:left; display:inline-block; text-indent: -1000px; overflow:hidden; width:1px; height:21px; background:#ddd; vertical-align: middle;}
.btnIcon .BtnGroup button {color:#5c5c5c; height:23px; padding:0 8px 0 26px; background:#fff; border:#bbc0c9 solid 1px; border-radius:3px;vertical-align: middle; cursor: pointer; position:relative; letter-spacing:-1px; font-size:13px; font-weight:500;}
.btnIcon .BtnGroup button:before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url("../../images/popul/btn_icon_bg.png") no-repeat -5px -4px; position:absolute; left:8px; top:4px;}
.btnIcon .BtnGroup button.Btn_newwin { background:#235b94; color:#fff; border:none; padding-left:20px; padding-top:1px;}
.btnIcon .BtnGroup button.Btn_newwin:before { background-position-x:0; width:10px;}
.btnIcon .BtnGroup button.Btn_comment, .btnIcon .BtnGroup button.Btn_url {/*border-color:#ccc solid 1px; color:#5c5c5c;*/}
.btnIcon .BtnGroup button.Btn_comment:before { background-position-x:-15px;}
.btnIcon .BtnGroup button.Btn_copy:before { background-position-x:-260px; width:16px;}
.btnIcon .BtnGroup button.Btn_url:before { background-position-x:-84px; width:16px;}
.btnIcon .BtnGroup button.Btn_swap:before { background-position-x:-45px; width:14px;}
.btnIcon .BtnGroup button.Btn_analysis:before { background-position-x:-60px;}
.btnIcon .BtnGroup button.Btn_chart:before { background-position-x:-75px;}
.btnIcon .BtnGroup button.Btn_setting:before { background-position-x:-90px;}
.btnIcon .BtnGroup button.Btn_swap:before { background-position-x:-45px; width:14px;}
.btnIcon .BtnGroup button.Btn_scrap:before { background-position-x:-103px;}
.btnIcon .BtnGroup button.Btn_download:before { background-position-x:-141px;}
.btnIcon .BtnGroup button.Btn_querySetting {background: linear-gradient(180deg, rgba(4,142,143,1) 0%, rgba(4,131,132,1) 66%, rgba(3,117,118,1) 100%); color:#fff; padding:0 12px 0 27px; border:1px solid #016362; position:relative;}
.btnIcon .BtnGroup button.Btn_querySetting:before { background-position-x:-161px;background-position-y: -26px;}
.btnIcon .BtnGroup button.Btn_print:before { background-position-x:-121px;}
.btnIcon .BtnGroup button.Btn_info { background:#235b94; color:#fff; border:none; padding-left:22px; padding-top:1px;}
.btnIcon .BtnGroup button.Btn_info:before { background-position:-150px 1px;}
.btnIcon .BtnGroup button.off {background:#e4e7ec; color:#8f959f; text-shadow:1px 1px 0px #fff; cursor:auto; border-color:#bbc0c9;}
.btnIcon .BtnGroup button.off:before {background-position-y:-26px;}
.btnIcon .BtnGroup button.Btn_newtab:before { background-position:-105px -48px; width:16px;}

.btnIcon .textLay {overflow:hidden; padding-top:10px; height:25px;} /* padding 추가 1217*/
.btnIcon .textLay li.textInfo {float:left; font-size:11px; color:#545454;}
button.off{background: #e4e7ec !important;color: #8f959f !important;text-shadow: 1px 1px 0px #fff;cursor: auto;border-color: #bbc0c9 !important;}
/* 통계목록 버튼 CSS E */

button {display:inline-block; padding:0; border:none; box-sizing: border-box; appearance:none; text-decoration: none; cursor:pointer;}

button.btn_green {font-size:13px; text-align:center; border:1px solid #016362; border-radius:3px; color:#fff; height:23px; padding:0px 10px; margin-left:3px;
    background: rgb(4,142,143);
    background: -moz-linear-gradient(180deg, rgba(4,142,143,1) 0%, rgba(4,131,132,1) 66%, rgba(3,117,118,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(4,142,143,1) 0%, rgba(4,131,132,1) 66%, rgba(3,117,118,1) 100%);
    background: linear-gradient(180deg, rgba(4,142,143,1) 0%, rgba(4,131,132,1) 66%, rgba(3,117,118,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#048e8f",endColorstr="#037576",GradientType=1);
}
button.btn_green:before {background-image:none;}

button.btn_navy {font-size:13px; text-align:center; border:1px solid #016362; border-radius:3px; color:#fff; height:23px; padding:0px 10px;
    background: rgb(4,93,143);
    background: -moz-linear-gradient(180deg, rgba(4,93,143,1) 0%, rgba(3,77,118,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(4,93,143,1) 0%, rgba(3,77,118,1) 100%);
    background: linear-gradient(180deg, rgba(4,93,143,1) 0%, rgba(3,77,118,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#045d8f",endColorstr="#034d76",GradientType=1);
}

.btn_basic {display:inline-block; border:1px solid #bdbfc2; height:14px; line-height: 14px; border-radius: 2px; font-size:11px; padding:0 4px;}

/* 2021-10-14 psr */
.bu_2circle button {position:relative; cursor: pointer; color:#5c5c5c; height:23px; padding:0 8px 0 26px; background:#fff; border:#bbc0c9 solid 1px; border-radius:3px;vertical-align: middle; font-size:13px; font-weight:500;margin-top: -2px;}
.bu_2circle button:before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url("../../images/popul/btn_icon_bg.png") no-repeat -5px -4px; position:absolute; left:8px; top:4px; }
.bu_2circle button.Btn_comment:before { background-position-x:-5px;}
.bu_2circle button.Btn_chart:before { background-position-x:-26px;}

/* Icon Button */
/* 2021-10-14 psr */
.BtnGroup_left button {position:relative; cursor: pointer; height:23px; padding:0 8px 0 26px; border:#bbc0c9 solid 1px; border-radius:3px; color:#5c5c5c; background:#fff; vertical-align:middle; font-size:13px; font-weight:500;}
.BtnGroup_left button:before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url("../../images/popul/btn_icon_bg.png") no-repeat -5px -4px; position:absolute; left:8px; top:4px;}
.BtnGroup_left button.btn_swap:before {background-position-x:-45px; width: 16px;}
.BtnGroup_left button.btn_row:before {background-position-x:-65px; width: 16px;}

.green_btn {display:inline-block;}
.green_btn button {background:#177992; color:#fff; padding:0 12px 0 27px; border:1px solid #016362; position:relative;
    background: -moz-linear-gradient(180deg, rgba(4,142,143,1) 0%, rgba(4,131,132,1) 66%, rgba(3,117,118,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(4,142,143,1) 0%, rgba(4,131,132,1) 66%, rgba(3,117,118,1) 100%);
    background: linear-gradient(180deg, rgba(4,142,143,1) 0%, rgba(4,131,132,1) 66%, rgba(3,117,118,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#048e8f",endColorstr="#037576",GradientType=1);}
.green_btn button:before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url("../../images/popul/btn_icon_bg.png") no-repeat -5px -4px; position:absolute; left:8px; top: 3px;}
.green_btn button.btn_time:before {background-position-x:-204px;}
.green_btn button.btn_ays:before {background-position-x:-225px;}
.green_btn button.btn_search:before {background-position-x:-243px;top:7px;}


.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  
.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }