@charset "utf-8";

/************************************************************************
 * 파일명      : layout.css
 * 설명        : 공통
 * 작성자      : 박수림
 * 작성일      : 2020.11.03
************************************************************************/

/* header - 221125 edit SY */
#wrap {width:100%; height:100%}
#header { position: relative; width: 100%; height: 84px; background: #fff; border-bottom: 1px solid #eee;}
#header .nav_bg {content: ''; display: none; width: 100%; height: 190px; position: absolute; left: 0; right: 0; top: 84px; background: #fff; z-index:10; border-bottom: 1px solid #ccc; box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}
#header .center {display: flex; justify-content: space-between; align-items: center; position:relative; max-width: 1400px; margin: 0 auto; height:84px; background:#fff; z-index:50;}
#header .center .logo { position:relative; display: flex; flex-wrap: nowrap; }
#header .center .logo2 { margin-top:13px; margin-left:20px; cursor: initial;}

/* gnb - 220915 edit SY */
#header .center .gnb  {position:relative; z-index:3; width: calc(100% - 280px); }
#header .center .gnb .gnb_wrap { width: 100%; }
#header .center .gnb .gnb_wrap:after { content: ''; display: block; clear: both; }
#header .center .gnb .gnb_wrap li {position:relative; float:left; background:url('../img/common/ico_gap.png') no-repeat 0 7px; width: 25%;}
#header .gnb .gnb_wrap li:first-child {background:none;}
#header .center .gnb .gnb_wrap li a.gnb_title {display:inline-block; font-size:18px; font-family :'NotoB';  background:url('../img/common/ico_gap.png') no-repeat 0 45%; text-align: center; width: 100%; } 
#header .center .gnb .gnb_wrap li a.gnb_title:first-child {background:none;}
#header .center .gnb .gnb_wrap li a.gnb_title_ov {display:inline-block; font-size:18px; font-family:'NotoB'; color:#234caf;} 
#header .center .gnb .gnb_wrap li:hover > a { color: #1a58cc; }
#header .center .gnb .gnb_wrap li:hover a span { border-bottom: 2px solid #1a58cc; }
#header .center .gnb .gnb_wrap .gnb_sublist {position:absolute; top:25px; left:0; width:100%; height: 180px; z-index: 999; }
#header .center .gnb .gnb_wrap .gnb_sublist .sub_menu {width:100%; line-height:35px; background:none;  }
#header .center .gnb .gnb_wrap .gnb_sublist .sub_menu a { position: relative; display:block; line-height:38px; text-align: center; font-size: 16px; }
#header .center .gnb .gnb_wrap .gnb_sublist .sub_menu a:hover { font-family:'NotoB'; }
#header .center .gnb .gnb_wrap .gnb_sublist .sub_menu:first-of-type a {margin-top: 15px;}
#header .center .gnb .gnb_wrap .gnb_sublist .sub_menu a:before { content: ''; width: 0; height: 0; position: absolute; left: 50%; top: 52%; transform: translate(-50%,-50%); background: #dde6fb; z-index: -1; border-radius: 50%; transition: .3s; }
#header .center .gnb .gnb_wrap .gnb_sublist .sub_menu a:hover:before { width: 45px; height: 45px; }

/* lnb 221125 SY Edit */
.lnb {width: 100%; height:47px; background: #384b86; border-bottom: 1px solid #e6e6e6;}
.lnb .wrap {max-width: 1400px; height:inherit; margin: 0 auto;}
.lnb .wrap ul {display: flex;float: right; box-sizing: border-box;}
.lnb .wrap ul li {padding: 0 15px; color:#fff; font-size: 14px; line-height: 47px; position:relative;}
.lnb .wrap ul > li > a {color: #fff;}
.lnb .wrap ul li:last-of-type {padding-right: 0;}
.lnb .wrap ul li:after {display: block; content: ''; background: #fff; width: 2px; height: 2px;  position: absolute; right:0; top:23px;}
.lnb .wrap ul li:last-of-type:after {display: none;}
.lnb .wrap ul li.zoom {display: flex; align-items: center;}
.lnb .wrap ul li.zoom a {display: flex; width: 20px; height: 20px; justify-content: center; align-items: center; background: #fff; color:#303030; border: 1px solid #ccc;}
.lnb .wrap ul li.zoom a:first-of-type {margin: 0 7px 0 12px;}

/* nurizip 221125 SY Add */
.nurizip{background: #041a4e;color: #fff;line-height: 20px;padding: 6px 0px;text-align: right;}
.nurizip .wrapper { max-width: 1400px; margin: 0 auto;}
.nurizip span:before{content:'';background:url(../../main/img/main/nurizip.png) no-repeat center;width: 45px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;background-size: 42px;}

@media all and (max-width : 1400px){
	.nurizip .wrapper { padding-right: 30px; }
}

@media all and (max-width : 600px){
	.nurizip{padding: 8px 20px 7px 0;font-size: 12px; }
	.nurizip .wrapper { padding-right: 0px; }
	.nurizip span:before{content:'';background:url(../../main/img/main/nurizip.png) no-repeat center;width: 30px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;background-size: 31px;}
}

/* quick menu 221206 Edit 20231011 수정*/
.quickMenu { position: fixed; right: 0; top: 30%; transform: translateY(-50%); z-index: 1; }
.quickMenu a.quickBtn { position: relative; z-index: 1; display: block; background: #fff; width: 60px; height: 60px; text-align: center; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background: #ee2e5b;}
.quickMenu i { display: inline-block; margin-top: 12px; font-size: 16px; color: #fff; }
.quickMenu span { display: block; font-size: 13px; line-height: 63px; text-align: center; color: #fff; font-weight: 400; }
.quickMenu .quickList { position: absolute; top: 0; width: 100%; background: #fff; padding: 70px 0 10px; border-bottom-left-radius: 30px; border-top-left-radius: 30px; -webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.2); box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.2); display: none;}
.quickMenu .quickList li { padding: 15px 0; position: relative; }
.quickMenu .quickList li:not(:last-of-type):after { position: absolute; display: block; content: ''; bottom: 0; left: 50%; transform: translateX(-50%); width: 8px; height: 1px; background: #ccc; }
.quickMenu .quickList li a { display: block; text-align: center; font-size: 13px; line-height: 1.3; }
.quickMenu .quickList li a:hover { color: #ee2e5b; font-family: 'NotoM'; }
.quickMenu .quickList.open { padding: 70px 0 10px; position: absolute; top: 0; display: block; width: 100%; background: #fff; border-bottom-left-radius: 30px; border-top-left-radius: 30px; box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.2);}

@media all and (max-width : 980px){
	
	.quickMenu { right: 20px; top: initial; bottom: 75px; transform: translateY(-50%); }
	.quickMenu a.quickBtn {width: 47px; height: 47px; border-radius: 50%; background: #ee2e5b; -webkit-box-shadow: 3px 3px 10px 1px rgba(238, 46, 91, 0.35); box-shadow: 3px 3px 10px 1px rgba(238, 46, 91, 0.35); }
	.quickMenu i { margin-top: 8px; font-size: 14px; }
	.quickMenu span { font-size: 10px; line-height: 4.5; }
	.quickMenu .quickList { display: none; border-radius: 30px; }
	.quickMenu .quickList li { padding: 15px 0; display: none; }
	.quickMenu .quickList li a { display: block; text-align: center; font-size: 11px; }
	.quickMenu .quickList.open { padding: 10px 0 50px; position: absolute; top: initial; bottom: 0; display: block; }
	.quickMenu .quickList.open li { display: block; }
	
}

/* 햄버거 메뉴 - 220602 수정*/
#header .gnb .burger_menu {position: relative; display: none; width: 20px; height: 20px; margin-right: 20px;}
input[id="menuicon"] {display: none;}
input[id="menuicon"]+label {display: block; width: 20px; height: 21px; position: absolute; z-index: 9999; cursor: pointer;}
input[id="menuicon"]+label span {display: block; position: absolute; width: 100%; height: 3px; background: #333; transition: all .35s;}
input[id="menuicon"]+label span:nth-child(1) {top:0;}
input[id="menuicon"]+label span:nth-child(2) {top:50%;right:0;width: 100%;transform: translateY(-50%);}
input[id="menuicon"]+label span:nth-child(3) {bottom:0;}
input[id="menuicon"]:checked+label {top: -45px;}
input[id="menuicon"]:checked+label span:nth-child(1) {top:50%; transform: translateY(-50%) rotate(45deg);background: #333;}
input[id="menuicon"]:checked+label span:nth-child(2) {opacity: 0;}
input[id="menuicon"]:checked+label span:nth-child(3) {bottom:50%; transform: translateY(50%) rotate(-45deg);background: #333;}
.burger_menu input[id="menuicon"]:checked+label+div,
.burger_menu input[id="menuicon"]:checked+label+div>.side_menu {right: 0;}
.burger_menu .sideBg {position: fixed; right: -100%; top: 0;  width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 998;}
.burger_menu .sideBg .side_menu {position: absolute; right: -400px; top: 0; width: 400px; height: 100%; background: #8d8ed7; transition: all .45s;}
.burger_menu .sideBg .side_menu .head {position: relative; display: flex; align-items: center; width: 100%; height: 84px;}
.burger_menu .sideBg .side_menu .head a {margin-left: 30px; width: 55%;}
.burger_menu .sideBg .side_menu .head a img {width: 100%; object-fit: contain;}
.burger_menu .sideBg .side_menu .body {position: relative; width: 100%; height: calc(100% - 200px);}
.burger_menu .sideBg .side_menu .body>ul {padding-top: 30px;}
.burger_menu .sideBg .side_menu .body>ul>li>a {position: relative; display: block; color:#fff; font-size: 20px; padding: 15px 30px;}
.burger_menu .sideBg .side_menu .body>ul>li>a::before {content:''; position:absolute; right:30px; top:20px; width:8px; height:8px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); transition:all 0.3s ease;}
.burger_menu .sideBg .side_menu .body ul>li>ul {padding-left:50px; padding: 15px 0 15px 50px;; display: none; background: #7f80c1;}
.burger_menu .sideBg .side_menu .body ul>li>ul li {margin: 5px 0; }
.burger_menu .sideBg .side_menu .body ul>li>ul li a {color:#fff; font-size: 15px;}
.burger_menu .sideBg .side_menu .body ul>li>ul li a:hover {text-decoration: underline;}
.burger_menu .sideBg .side_menu .foot {position: relative; width: 100%; height: 150px; padding-top:20px; padding-left: 30px; background: rgba(0,0,0,0.1);}
.burger_menu .sideBg .side_menu .foot a {color: #fff; font-size: 18px; margin-right: 24px; position: relative;}
.burger_menu .sideBg .side_menu .foot a::before {display: inline-block; content: ''; width: 1px; height: 15px; background: #e6e6e6; position: absolute; right: -15px; top:7px;}
.burger_menu .sideBg .side_menu .foot a:last-of-type::before {display: none;}
.burger_menu .sideBg .side_menu .foot a:last-of-type::before {display: none;}

/* 메인 컨텐츠 */
#container {width:100%; height:100%; background:#e7ebf6;}	
.cont_layout {position:relative; max-width:1400px; margin:0 auto;}
.contents {position:relative; overflow:hidden; margin:0 auto; max-width:1400px; height:100%; min-height: 1300px;}
.snb {position:absolute; top:0; left:0; width:284px; height:100%; background:#fff; border-radius:10px; border-bottom-left-radius:0; border-bottom-right-radius:0;} /* 220623 edit */ 
.sub_contents {position: relative;}
.snb.top0{top:0;}

@media (min-width:1440px) {
	.sub_contents {margin-left:326px; min-width:1060px;}
}


/* 풋터 */
#footer_wrap {position:relative; width:100%; background:#29292c;}
#footer_wrap .footer_menu {height:47px; background:#1e1e1f;}
#footer_wrap .m_cont_layout {max-width: 1400px; margin: 0 auto;}
#footer_wrap .footer_menu a.ftm_tit {color:#fff; font-size:16px; line-height:47px; padding:0 20px; background:url('../img/common/ico_gap.png') no-repeat 0 45%; }
#footer_wrap .footer_menu a.ftm_tit:hover {color:#f9d257;}
#footer_wrap .footer_menu a.ftm_tit:first-child {background:none; padding:0 20px 0 0;}
#footer_wrap .address {color:#fff; font-size:16px; font-family:'NotoR'; padding-top:30px;}
#footer_wrap .address .gap {color:#c9c9ca; font-size:9px; line-height:20px; padding:0 13px; vertical-align:top;}
#footer_wrap .copyright {color:#59595f; font-size:15px; font-family:'NotoR'; padding:15px 0 50px 0;}

.footer_menu .m_cont_layout { position: relative; }
.footer_menu .f_site { position: relative; border-left: 1px solid #444; border-right: 1px solid #444; position: absolute; right: 0; top: 0; width: 250px; height: 47px; }
.footer_menu .f_site .tog_btn { display: block; width: 100%; height: 47px; line-height: 47px; padding-left: 20px; color: #fff; font-size: 15px; box-sizing: border-box; }
.footer_menu .f_site .tog_btn:hover { background: #171717; }
.footer_menu .f_site .tog_btn:after { content: ''; display: block; width: 5px; height: 5px; position: absolute; right: 20px; top: 53%; transform: translateY(-50%) rotate(-135deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
.footer_menu .f_site .tog_btn.clicked:after { top: 50%; transform: translateY(-50%) rotate(45deg); }
.footer_menu .f_site ul { display: none; position: absolute; width: 100%; bottom:47px; background: #29292c; z-index: 10; }
.footer_menu .f_site ul li { height: 47px; box-sizing: border-box; }
.footer_menu .f_site ul li:not(:last-of-type) { border-bottom: 1px solid #ddd; }
.footer_menu .f_site ul li a { width: 100%; display: block; height: 47px; line-height: 47px; font-size: 15px; padding-left: 20px; box-sizing: border-box; color: #fff; }
.footer_menu .f_site ul li a:hover { text-decoration: underline; }
.title_area {overflow:hidden; padding:6px 10px 10px 10px;}
.title_area .r_p{float:right; margin-top:10px; color:#5a5a5a;}
.title_area .r_p .gap {font-family:'dotum'; padding:0 5px;}
.title_area .r_p .ico_home {display:inline-block; padding-left:19px; background:url('../img/etc/ico_bg.png') no-repeat -6px -547px;}
.m_f_site_wrap { display: none; }

/*icon*/
.ico_ex {background:url('../img/etc/ico_bg.png') no-repeat -8px -620px; padding-left:20px;}
.ico_srt {background:url('../img/etc/ico_bg.png') no-repeat -8px -584px; padding-left:20px;}
.ico_rule {display:block; line-height:22px; padding:2px 0 2px 35px;  background:url('../img/etc/ico_bg.png') no-repeat -5px -305px;}
.ico_menual {display:block; line-height:16px; padding:2px 0 2px 44px; background:url('../img/etc/ico_bg.png') no-repeat -4px -240px;}
.l_tit {/*float:left;*/ background:url('../img/etc/ico_bg.png') no-repeat -12px -4px; padding-left:25px; font-size:16px; width: 100%;}
.twinCircle {float:left; background:url('../img/etc/bu_twinCircle.gif') no-repeat; padding-left:25px; font-size:16px;}
.inner_box {position:relative; border:1px solid #d9dfeb; border-top-right-radius:10px; border-top-left-radius:10px; padding:15px 25px 25px 25px; background:#fff; overflow: hidden;}
.inner_box .pageTitle {font-family:'NotoB'; display:flex; align-items:center; /*justify-content: space-between;*/ font-size:22px; margin: 5px 0 15px;}
.inner_box .pageTitle span {display: flex; border: 1px solid #e1e1e1; padding: 3px 10px; border-radius: 4px; cursor: pointer; margin-left: 10px; font-size: 15px; font-family: 'NotoR'; }
.inner_box .pageTitle span i {font-size: 18px; color: #f7d104; margin-right: 5px; margin-top: 1px; }
.inner_box .right_tit {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;}
.inner_box .tit {padding-left:10px; background:url('../img/etc/ico_bg.png') no-repeat -8px -654px; color: #333; margin-right: 2px;}
.inner_box .right_tit a.toggle:before {display: flex; content: '모두 접기'; padding: 4px 13px; /* 220810 */ border-radius: 4px; color: #fff; font-family: 'NotoM'; font-size: 13px; background: #697ec4; white-space: nowrap;}
.inner_box .right_tit a.toggle.on:before {content: '전체 보기';}
.inner_box .sub_box {width:100%; float: left; margin-bottom: 40px;}
.inner_box .sub_box .sub_title {position: relative; background-color: #f0f5fb;margin-top: 10px; border: 1px solid #e6e6e6;font-family: 'NotoB';color: #333; font-size: 17px; width:100%; float: left; padding: 5px 0;}
.inner_box .sub_box .sub_title img {margin-left: 10px;}


.bold {font-weight: bold;}
.right {float: right; }
.left {float: left; }
.bb{border-bottom:1px solid #cccccc !important;}

/* sub_title select style CSS - 220622 SY */
.sub_box .sub_title .index_select select {margin-left: 10px; padding: 0 0 0 10px; width: 265px;}
.sub_box .sub_title #graph_box {margin-left: 10px; padding: 0 0 0 10px; width: 265px;} /* *추가 240306 */
.sub_box .sub_title .selectWrap {display: inline-block;}
.sub_box .sub_title .period_select {margin-left: 20px;}
.sub_box .sub_title .period_select.down { display: block; margin-top: 15px; margin-bottom: 15px; } /* *YP 230829 */
.sub_box .sub_title .period_select label {margin-right: 10px;}
.sub_box .sub_title .period_select select {margin-right: 5px; padding: 0 10px; width: 69px;}
.sub_box .sub_title .period_select span {margin-right: 5px;}
.sub_box .sub_title .period_select a.period_btn {display:inline-block; padding:0 10px; background:#3056A6; color:#fff; font-size:13px; border-radius:3px;}
.sub_box .sub_conts#stat_area a {display: inline-block; padding: 0 6px; margin-right: 3px; font-size: 13px; color: #3f75e7; line-height: 1.8; border: 1px solid #3f75e7; border-radius: 2px; background: #fff; margin-bottom: 15px;}

/* 220622 SY Edit */
.inner_box .sub_box .sub_title .ac_btn {position: absolute; transform: translateY(-50%); right: 15px; top: 50%;} 
.inner_box .sub_box .sub_title .ac_btn a.button {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; position: relative; cursor: pointer; border: 1px solid #3f75e7; background: #fff;}
.inner_box .sub_box .sub_title .ac_btn a.button span {display: block; position: absolute; width: 14px; height: 2px; background: #3f75e7; transition: all .35s;}
.inner_box .sub_box .sub_title .ac_btn a.button.off span:last-of-type {transform: rotate(-90deg);}
.inner_box .sub_box .sub_title .ac_btn a.button.on span:last-of-type  {transform: rotate(0);}
.filter_btn { display: none; position: absolute; right: 15px; top: 7px;}
.filter_btn a { display: block; width: 24px; height: 24px; position: relative; border: 1px solid #3f75e7; background: url(../img/etc/filter_icon.png) no-repeat center, #fff;}
.filter_btn a.on {background: url(../img/etc/up_blue_icon.png) no-repeat center, #fff;}

/* 220218 추가 - 박승연 */
.inner_box .sub_box .sub_title .ac_btn {position: absolute; transform: translateY(-50%); right: 15px; top: 50%;} 
.inner_box .sub_box .sub_title .ac_btn a.button {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; position: relative; cursor: pointer; border: 1px solid #3f75e7; background: #fff;}
.inner_box .sub_box .sub_title .ac_btn a.button span {display: block; position: absolute; width: 14px; height: 2px; background: #3f75e7; transition: all .35s;}
.inner_box .sub_box .sub_title .ac_btn a.button.off span:last-of-type {transform: rotate(-90deg);}
.inner_box .sub_box .sub_title .ac_btn a.button.on span:last-of-type  {transform: rotate(0);}

.inner_box .sub_box .sub_conts {width: 100%; float: left; position: relative; margin-top: 10px;}
.inner_box .sub_box .sub_title .ml10{margin-left: 10px;}
.inner_box .sub_box .sub_conts .graph_btn_area {width: 100%; margin-top: 10px; height: 40px;}
.gray_box {position:relative; background:#f7f7f7; border:1px solid #e5e5e5; border-radius:3px; padding:10px 25px;}
.gray_box .tit {padding-left:10px; background:url('../img/etc/ico_bg.png') no-repeat -8px -654px;}
.gray_box .txt {padding:0 10px;}
.gray_box .r_btn {position:absolute; top:10px; right:20px;}

.link{color: #0066ff; cursor: pointer;}
.link:hover{color: #0000ff;}

/* chart */
.chart{width: 100%; height: 400px; margin-top: 5px; border: 1px solid #e6e6e6; overflow-x: auto; overflow-y:hidden; padding: 15px; box-sizing: border-box;}
.EnaraChart {width: 98%; height: 280px; margin-top: 5px; border: 1px solid #e6e6e6; overflow-x: auto; overflow-y:hidden; padding: 15px; box-sizing: border-box;}
.KChart {width: 95%; height: 230px; margin-top: 20px; border: 1px solid #e6e6e6; overflow-x: auto; overflow-y:hidden; padding: 15px; box-sizing: border-box;}
div.KChart_area{font-size: 8px; margin-top: -10px;}
.axisLabel{font-size: 8px;}


/* stts */
.sttsTitle{width: 100%; font-size: 16px; text-align: center; font-family:'NotoB'; margin-bottom: 15px;}

/* button */
.btn_base {display:inline-block; border-radius:4px; color:#fff; padding:0 10px; text-align:left;background: #333;font-family:'NotoR'; font-size:13px; margin-left:5px; line-height: 30px;}
.btn_base:hover {color:#fff; background: #24377b;}
.btn_base a:active {color:#333; background: #24377b;}
.btn_gr {display:inline-block;background:#f9f9f9;border-radius:4px;color:#333;border: 1px solid #ccc;padding:0 13px;text-align:center;line-height:30px;font-size:13px;font-family:'NotoM';font-weight: bold;}
.btn_bl {background: #314fa5;  }
.btn_gr:hover, 
.btn_gr a:active {background:#666; color:#fff; border: 1px solid #666;}
.btn_gr i.xi-renew {font-size:15px; line-height: 28px;}
.btn_blk {display:inline-block; background:#444; border-radius:4px; color:#fff; padding:0 10px; text-align:center; line-height:30px; font-size:13px; font-family:'NotoR'; margin-left:5px;}
.btn_blk:hover {background:#333; color:#fff;}
.btn_blk a:active {background:#333; color:#fff;}
.ti_btn a {margin-left: 3px;}
.graph_btn_area .left a {margin-right: 3px;}
.graph_btn_area .left a.btn_gr{ height: 30px; box-sizing: border-box; float: left; display: flex; align-items: center; }
.graph_btn_area .left a.btn_gr i:before { display: flex; align-content: center; height: 100%; align-items: center; }
.graph_btn_area .right a.pattern {background: #314fa5;}
.graph_btn_area .right a.pattern:hover,
.graph_btn_area .right a.pattern:active {background: #244299;}
.graph_btn_area .right a.legend {background: #00a9a0;}
.graph_btn_area .right a.legend:hover,
.graph_btn_area .right a.legend:active {background: #02938b;}
.graph_btn_area .right a.download {background: #34405a;}
.graph_btn_area .right a.download:hover,
.graph_btn_area .right a.download:active {background: #3d4e73;}

/* width */
.w_40 {width:40px;}
.w_60 {width:60px;}
.w_80 {width:80px;}
.w_100p{width: 100%;}

/* 별점 */
.starDiv .star{
	background: url('../img/etc/icon_star_off.png') no-repeat right 0;
	background-size: auto 100%;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-indent: -999px;
	cursor: pointer;
}

.starDiv .on{background: url('../img/etc/icon_star_on.png') no-repeat right 0;
	background-size: auto 100%;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-indent: -999px;
	cursor: pointer;
}

/* EvalPop */
.eval_inner_box{position: relative; overflow: hidden;}
.eval_inner_box .sub_box{width: 100%;}
.eval_inner_box .sub_box .sub_title{background-color: #435eb5; border-top: 1px solid black;border-bottom: 1px solid black;font-family: 'NotoB';color: white;font-size: 15px;width:100%;float: left;}
.eval_inner_box .sub_box .sub_title .ml10{margin-left: 10px;}
.tableBase{width:100%; font-size:14px; border-spacing:15px; background:#fff; border-radius:15px;}
.tableBase td{padding-top: 15px;}

/* Scroll to top */
.top_btn {display:none;overflow:hidden;position:fixed;right:0px;bottom:0px;z-index:50;width:50px;height:48px;background-color:#333;font-size:24px;line-height:48px;color:#fff;text-align:center;opacity:0.6;filter:alpha(opacity=80);}
.top_btn:hover{background-color:#435eb5;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100);}
.top_btn i {margin-top: 15px;}
.top_btn i span {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}

/* 20220207 이지영 추가*/
.inner_box .sub_box .sub_conts h4 {font-size: 18px; color: #3f75e7; margin-bottom: 20px; margin-top: 20px;}
.inner_box .sub_box .sub_conts h4:before{display: inline-block; content: ''; margin-right: 5px; width: 10px; height: 10px; border-radius: 50%; border: 3px solid #3f75e7;}

/* 2023년 개선사업 운영DB 전송 추가 .inner_box .pageTitle span*/

.inner_box .pageTitle a.indexTmpr {display: flex; justify-content: center; align-items: center; width: 130px; height: 32px; border: 1px solid #ccc; border-radius: 10px;  background:#0e54e9; margin-left: 20px;}
.inner_box .pageTitle a.indexTmpr span {font-size: 20px; color:#fff; display:contents;}
.inner_box .pageTitle a.indexTmpr:hover {background:#ffffff; border: 1px solid #0e54e9;}
.inner_box .pageTitle a.indexTmpr:hover span{color:#0e54e9;}