@CHARSET "UTF-8";

/* fieldset */

.design-fieldset {padding:0;margin:0;border:0;margin-bottom: 40px;}
.design-fieldset > legend {position: absolute;display: block;left:-10000px;top: -10000px;}
.design-fieldset > form > .search-form {display: table; width: 100%; height: 60px; background-color: #eeeeee; padding: 10px; box-sizing: border-box;}
.design-fieldset > form > .search-form > .search-input {display: table-cell; vertical-align: middle;}
.design-fieldset > form > .search-form > .search-input > dl {display:table; vertical-align: middle; table-layout: fixed; width: 100%;}
.design-fieldset > form > .search-form > .search-input > dl > dt {display:table-cell;width:150px;text-align: center;vertical-align: middle;}
.design-fieldset > form > .search-form > .search-input > dl > dd {display:table-cell;padding:0 10px;vertical-align: middle;position:relative;}

.design-fieldset > form > .search-form > .search-input.set4 > dl > dt {display:table-cell;width:80px;text-align: center;vertical-align: middle;}
.design-fieldset > form > .search-form > .search-input.set4 > dl > dd {display:table-cell; padding: 0; vertical-align: middle;position:relative; }
.design-fieldset > form > .search-form > .search-input.set4 > dl > dd > select.wd50 {width: 50%;}
.design-fieldset > form > .search-form > .search-input.set4 > dl > dd > select.wd50 {width: 50%;}

.design-fieldset > form > .search-form > .search-input.set2 > dl > dt {display:table-cell;width:90px;text-align: center;vertical-align: middle;}
.design-fieldset > form > .search-form > .search-input.set2 > dl > dd { display: table-cell;padding: 0; vertical-align: middle;}
.design-fieldset > form > .search-form > .search-input.set2 > dl > dd:nth-of-type(1) { width: 300px; }
.design-fieldset > form > .search-form > .search-input.set2 > dl > dd > select {width: 300px;}
.design-fieldset > form > .search-form > .search-input.set2 > dl > dd > select[name=remk] {width: 300px;}

input[name="market_gubun"] { margin: 0 0 0 5px;}

.design-fieldset > form > .search-form > .search-input.set2 > dl > dd.mo_flex{width: 400px;}
.design-fieldset > form > .search-form > .search-input.set2 > dl > dt.year_dt{padding-left: 10px;width: 100px;}
.design-fieldset > form > .search-form > .search-input.set2 > dl > dd.year_dd{padding-left: 10px;}

/* .design-fieldset > form > .search-form > .search-input.se.set2 > dl > dt:nth-of-type(1){ width: 83px; } */
.design-fieldset > form > .search-form > .search-input.se.set2 > dl > dd:nth-of-type(1){ width: 300px; }

.design-fieldset > form > .search-form > .search-input.th.set2 > dl > dd:nth-of-type(1){ width: 300px; }

.bas_itm_chk {position: relative;align-items: center;padding-right: 22px;margin-right:  10px;}
.bas_itm_chk input {display: none;}
.bas_itm_chk i {position: absolute;top: 57%;right:0;width: 18px;height: 18px;margin-top: -9px;border:#ddd 1px solid;background: #fff;}
.bas_itm_chk i:before {content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: url('../img/icon_check.gif') no-repeat 50% 50% / contain; opacity:0; transition:.2s linear;}
.bas_itm_chk input:checked + i:before {opacity:1;}
.bas_itm_chk em {font-size: 16px; color: #000; font-weight: 400;}
.bas_itm_chk > .stan-icon{ width: 20px; height: 20px; margin-right: 2px;}


.design-fieldset > form > .search-form > .search-input > dl > dd.pc_vw {display: table-cell;}
.design-fieldset > form > .search-form.bas > .search-input > dl > dd.pc_vw2 {padding: 0;display: table-cell;}
.design-fieldset > form > .search-form > .search-input > dl > dd.pc_vw2 {padding: 0;display: block;}
.design-fieldset > form > .search-form > .search-input > dl > dd.wd50 {width: 50%;}
.design-fieldset > form > .search-form > .search-input > dl > dd.mo_vw2 {display: none;}
.design-fieldset > form > .search-form > .search-input > dl > dt span {font-size: 16px; font-weight: 500; color: #000000;}
.design-fieldset > form > .search-form > .search-input > dl > dt label {font-size: 16px; font-weight: 500; color: #000000;}
.design-fieldset > form > .search-form > .search-input > dl > dd input {font-size: 14px; font-weight: 400; color: #666666; width: 100%; height: 40px; border: 0; padding: 10px; box-sizing: border-box;  border-radius: 0;}
.design-fieldset > form > .search-form > .search-input > dl > dd input.schdate {width: 120px;}
.design-fieldset > form > .search-form > .search-input > dl > dd select {font-size: 14px; font-weight: 400; color: #666666; width: 200px; height: 40px; border: 0; padding: 10px; box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url('../img/Arrow_select.png?v20221101') #fff no-repeat right 10px center / 14px; border-radius: 0;}
.design-fieldset > form > .search-form > .search-input > dl > dd select::-ms-ezpand{ display: none; }
.design-fieldset > form > .search-form > .search-input > dl > dd .finder_btn {border: none; cursor: pointer; width: 40px; height: 40px; background-color: #00abd4; position: relative; padding: 10px; float: right;}
.design-fieldset > form > .search-form > .search-input > dl > dd .finder_btn2 {border: none; cursor: pointer; width: 40px; height: 40px; background-color: #00abd4; position: relative; padding: 10px; float: right;}
.design-fieldset > form > .search-form > .search-input > dl > dd .finder_btn > .icon {display:inline-block; width: 20px; height: 20px; background: url('../img/btn_content_01.png?v20221101') no-repeat 50% 50% / contain;}
.design-fieldset > form > .search-form > .search-input.set4_plus > dl > dt {width: 100px;}
.design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(2) {width: 200px;}
.design-fieldset > form > .search-form > .search-input > dl > dd input {width: 100%;}
.design-fieldset > form > .search-form > .search-input > dl > dd input.inbtn {width: calc(100% - 40px);}
.design-fieldset > form > .search-form > .search-input > dl > dd ul.suggestion_list { display: inline; z-index: 1000; position: absolute; top: 100%; /* left: 9px; right: 11px; */ width: 100%; background: white; max-height: 200px; overflow-y: auto; }
.design-fieldset > form > .search-form > .search-input > dl > dd ul.suggestion_list li { display: flex; justify-content:space-between; align-items: center; padding: 8px 12px; border-bottom: 1px solid #eee; cursor: pointer;}
.design-fieldset > form > .search-form > .search-input > dl > dd ul.suggestion_list li:hover { background-color: #f0f0f0f0; }
.design-fieldset > form > .search-form > .search-input > dl > dd ul.suggestion_list_m { display: inline; z-index: 1000; position: absolute; top: 100%; left: 0; right: 0; background: white; max-height: 200px; overflow-y: auto; }
.design-fieldset > form > .search-form > .search-input > dl > dd ul.suggestion_list_m li { display: flex; justify-content:space-between; align-items: center; padding: 8px 12px; border-bottom: 1px solid #eee; cursor: pointer;}
.design-fieldset > form > .search-form > .search-input > dl > dd ul.suggestion_list_m li:hover { background-color: #f0f0f0f0; }
.suggstion_com { font-weight: bold; color: #333; }
.suggstion_code { color: #888; font-size: 0.9em;}
.design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(4) {width: 100%;}
.design-fieldset > form > .search-form > .search-input > dl > dd select {width: 100%; min-width: 80px;}
/* .design-fieldset > form > .search-form > .search-input > dl > dd select[name=sch_yy] { width: 100px;} */
.design-fieldset > form > .search-form > .search-input.set2 > dl > dd select[name=sch_yy] { width: 100px;}
.design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(5) {width: 200px; text-align: center;}
.design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(5) label.check {display: inline-block;}
.design-fieldset > form > .search-form > .search-input.set4_otw > dl  > dt {width: 109px; padding-right: 10px; text-align: right;}
.design-fieldset > form > .search-form > .search-input.set4_otw > dl > dd:nth-child(2) {width: 220px;}
.design-fieldset > form > .search-form > .search-input.set4_otw > dl > dd:nth-child(5) {width: 252px;}
.design-fieldset > form > .search-form > .search-btn {display: table-cell; width: 110px; min-width: 110px; max-width: 110px; text-align: right;}
.design-fieldset > form > .search-form > .search-btn > button {background-color: #333333; font-size: 15px; font-weight: 400; color:#ffffff; width: 110px; height: 40px; border: 0;}
.design-fieldset > form > .search-form > .search-btn > button:HOVER {background-color: #000000 !important;}
.design-fieldset > form > .search-btn2 { text-align: center; background-color: #eeeeee; padding: 10px;}
.design-fieldset > form > .search-btn2 > button {background-color: #333333; font-size: 15px; font-weight: 400; color:#ffffff; width: 110px; height: 40px; border: 0;}
.design-fieldset > form > .search-btn2 > button:HOVER {background-color: #000000 !important;}
.design-fieldset > form > .search-board-form {display: table; width: 100%; height: 60px; background-color: #eeeeee; padding: 10px; box-sizing: border-box;}
.design-fieldset > form > .search-board-form > .search-input {display: table-cell; vertical-align: middle;}
.design-fieldset > form > .search-board-form > .search-input > dl {display: table-cell; vertical-align: middle;}
.design-fieldset > form > .search-board-form > .search-input > dl > dt {display:table-cell;width:150px;text-align: center;vertical-align: middle;}
.design-fieldset > form > .search-board-form > .search-input > dl > dd {display:table-cell;padding:0 10px; vertical-align: middle;}
.design-fieldset > form > .search-board-form > .search-input > dl > dt span {font-size: 16px; font-weight: 500; color: #000000;}
.design-fieldset > form > .search-board-form > .search-input > dl > dt label {font-size: 16px; font-weight: 500; color: #000000;}
.design-fieldset > form > .search-board-form > .search-input > dl > dd input {font-size: 14px; font-weight: 400; color: #666666; width: 425px; height: 40px; border: 0; padding: 10px; box-sizing: border-box; vertical-align: middle; border-radius: 0;}
.design-fieldset > form > .search-board-form > .search-input > dl > dd select {font-size: 14px; font-weight: 400; color: #666666; width: 200px; height: 40px; border: 0; padding: 10px; box-sizing: border-box; vertical-align: middle; margin-right: 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(../img/btn_selectbox.png?v20221101); background-repeat: no-repeat; background-size: 25px; background-position:right 0 top 18px; border-radius: 0;}
.design-fieldset > form > .search-board-form > .search-input > dl > dd select::-ms-ezpand{ display: none; }
.design-fieldset > form > .search-form > .search-input > dl.wsearch > dd input[type="text"] {width: 400px;}
.design-fieldset > form > .search-form > .search-input > dl > dd .check.abso {position: absolute; top:-60px; left:455px; width: 140px;}
.design-fieldset > form > .search-form > .search-input > dl > dd .check.abso2 {position: absolute; top:11px; left:674px; width: 140px;}
.design-fieldset > form > .search-board-form > .search-btn {display: table-cell; width: 110px; min-width: 110px; max-width: 110px; text-align: right;}
.design-fieldset > form > .search-board-form > .search-btn > button {background-color: #333333; font-size: 15px; font-weight: 400; color:#ffffff; width: 110px; height: 40px; border: 0;}
.design-fieldset > form > .search-board-form > .search-btn > button:HOVER {background-color: #1c1c1c !important;}
.design-fieldset > form > .break_form {position:relative;}
.design-fieldset > form > .search-form  .check.abso {position: absolute; top:-50px; left:610px; width: 200px;}

/* esg table - div > table */
.esg_table {width: 100%; position: relative;}
.esg_table .loading {display:inline-block; width: 100px; height: 55px; background: url(../img/loading_esg_b.gif) no-repeat; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); z-index: 99;}
.esg_table table {position:relative; width: 100%; margin: 10px 0 30px 0; border-bottom:1px solid #dddddd; border-top:2px solid #222222; border-spacing: 0; table-layout: fixed;}
.esg_table table > caption {margin-bottom:20px}
.esg_table table > caption > span {position: absolute; top:18px; right:0}
.esg_table table > thead > tr > th {height: 50px; background-color: #f8f8f8; font-size: 15px; font-weight: 500; color: #000000; text-align: center; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.esg_table table > thead > tr:LAST-CHILD > th {background-color: #eeeeee; background-image: url(../img/pattern/ptn_diagonal_b.png?v20221101); box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.03);}
.esg_table table > thead > tr:FIRST-CHILD > th {background-color: #f8f8f8; font-size: 15px; font-weight: 500; color: #000000; text-align: center; border-bottom: 1px solid #dddddd; background-image: none; box-shadow: 0;}
.esg_table table > caption + thead > tr:FIRST-CHILD > th,
.esg_table table > caption + colgroup + thead > tr:FIRST-CHILD > th {border-left: 0;}
.esg_table table > tbody > tr > th {height: 50px; box-sizing: border-box; padding: 10px; font-weight: normal;background-color: #f8f8f8;border-right:1px solid #dddddd;border-top:1px solid #dddddd; font-size: 14px; font-weight: 500; color: #333333;}
.esg_table table > tbody > tr > td {height: 56px; box-sizing: border-box; padding: 10px; font-weight: normal;background-color: #ffffff;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee; font-size: 14px; font-weight: 500; color: #333333;}
.esg_table table > tbody > tr > td em {font-size: .8em; color: #666; font-weight: 400;}
.esg_table table > thead + tbody > tr:FIRST-CHILD > td, .esg_table table > thead + tbody > tr:FIRST-CHILD > th {border-top: 0; }
.esg_lank_tbl.mo_break_tbl td:nth-child(3)>span,
.esg_lank_tbl.mo_break_tbl td:nth-child(4)>span,
.esg_lank_tbl.mo_break_tbl td:nth-child(5)>span {font-size: 20px !important;}
.esg_table table td:LAST-CHILD,
.esg_table table th:LAST-CHILD {border-right: 0}
.esg_table table tr:nth-child(2) th:LAST-CHILD {border-right: #ddd 1px solid;}
.esg_table table > tbody th:FIRST-CHILD + th,
.esg_table table > tbody th.not-first-child {background-color: #f8f8f8}
.esg_table table th.not-first-child {border-left:1px solid #dddddd !important}
.esg_table table td.not-first-child {border-left:1px solid #eeeeee !important}

.esg_table table > tbody > tr > td strong {display: block; font-size: 20px; color: #000; font-weight: 700; text-align: center;}
.esg_table table > tbody > tr > td .icbox {display: block; width:180px; height: 23px; line-height: 23px; font-size: 13px; color: #fff; font-weight: 500; border-radius: 5px; box-shadow: 0.105px 1.997px 0px 0px rgba(0, 0, 0, 0.14); margin:0 auto 10px;}
.esg_table table > tbody > tr > td .icbox i {display: inline-block; vertical-align: top; margin: -2px 4px 0 0; width: 19px; height: 25px; background-size:contain; background-repeat: no-repeat;}
.esg_table table > tbody > tr > td .icbox:FIRST-CHILD {margin-top: 20px;}
.esg_table table > tbody > tr > td .icbox.icon01 {
	background-image: -moz-linear-gradient( 6deg, rgb(0,180,213) 0%, rgb(67,149,219) 100%, rgb(29,173,173) 100%, rgb(137,217,217) 100%);
	background-image: -webkit-linear-gradient( 6deg, rgb(0,180,213) 0%, rgb(67,149,219) 100%, rgb(29,173,173) 100%, rgb(137,217,217) 100%);
	background-image: -ms-linear-gradient( 6deg, rgb(0,180,213) 0%, rgb(67,149,219) 100%, rgb(29,173,173) 100%, rgb(137,217,217) 100%);
}
.esg_table table > tbody > tr > td .icbox.icon01 i {background-image: url('../img/icon_s21_01.png?v20221101');}
.esg_table table > tbody > tr > td .icbox.icon02 {
	background-image: -moz-linear-gradient( 6deg, rgb(29,173,173) 0%, rgb(67,149,219) 0%, rgb(22,212,187) 0%, rgb(61,201,147) 100%);
	background-image: -webkit-linear-gradient( 6deg, rgb(29,173,173) 0%, rgb(67,149,219) 0%, rgb(22,212,187) 0%, rgb(61,201,147) 100%);
	background-image: -ms-linear-gradient( 6deg, rgb(29,173,173) 0%, rgb(67,149,219) 0%, rgb(22,212,187) 0%, rgb(61,201,147) 100%);
}
.esg_table table > tbody > tr > td .icbox.icon02 i {background-image: url('../img/icon_s21_02.png?v20221101');}
.font_tmny,
.esg_table table > tbody > tr > td.font_tmny {font-size: 20px; font-weight:700;}
.esg_table table > tbody > tr > td.font_tmny a img {width: 21px;}
.esg_table .tmny_wrap {margin-bottom: 0;}
table + p.ne {margin-top: 10px;}
p.ne {position: relative; font-size: 12px; color: #999; line-height: 18px; padding-left: 18px; margin-top: 10px;}
p.ne i {position: absolute; top:2px; left:0; width: 14px; height: 14px; background: #c4c4c4; border-radius:50%; z-index: 1;}
p.ne i:before,
p.ne i:after {content:""; position: absolute; top:50%; left:50%; width: 2px; background: #fff; margin-left: -1px;}
p.ne i:before {height:2px; margin-top: -3px;}
p.ne i:after {height: 4px;}
p.ne.ne_t i {border-radius:0; background: none;}
p.ne.ne_t i b {position: relative; display: block; width: 100%; height:16px; margin-top: -2px; z-index: -1;}
p.ne.ne_t i b:before,
p.ne.ne_t i b:after {content:""; position: absolute; bottom:1px; width: 50%; border-bottom:#c4c4c4 14px solid;}
p.ne.ne_t i b:before {left:0; border-left:transparent 7px solid;}
p.ne.ne_t i b:after {right:0; border-right:transparent 7px solid;}
p.ne.mt {margin-top:55px;}
.esg_table table.tbl_sml {border-top-color: #ddd;}
.esg_table table.tbl_sml > thead > tr > th {height: 30px; font-size: 13px; color: #777;}
.esg_table table.tbl_sml > tbody > tr > td {height: 20px; font-size: 12px; color: #777; line-height: 16px; padding:2px 20px;}
.sum_table > table > tbody tr:LAST-CHILD > td {background-color: #ecf6e1; background-image: url(../img/pattern/ptn_diagonal_w.png?v20221101); font-size: 14px; font-weight: 500; color: #333333;}

/* 기업 esg 조회 - ESG 등급 및 재무성과 변화 추이 */
.chart-div.half_box {display: flex; justify-content: space-between; margin-bottom: 80px;}
.chart-div.half_box > div {width: 460px; margin: 0; float:none;}
.chart-div.half_box > div > .chart-box,
.chart-div.half_box > div > .legend-box {margin: 0 !important;}
.pyo_area,
.pyo_area table {margin: 0; height: 100%;}
.pyo_area .font_tmny {font-size: 24px; color: #08c886;}
.pyo_area .red {color: #dc2a2a;}

/* esg board - style normal - func:board */
.design-board-normal > .total-count {margin-bottom:10px; font-size: 15px; font-weight: 500; color: #000000; text-align: right;}
.design-board-normal > .total-count > em {font-size: 15px; font-weight: 500; color: #00abd4;}
.design-board-normal > table {width:100%; border-top:2px solid #222222; border-bottom:1px solid #c4c4c4; border-spacing: 0; border-collapse: collapse;}
.design-board-normal > table > caption {display: none;}
.design-board-normal > table > thead > tr > th {height:50px;border-bottom:1px solid #517199;background-color: #728cad;font-size: 15px;font-weight: 500;color:#ffffff;}
.design-board-normal > table > thead > tr > th[name=seq] {width: 120px;}
.design-board-normal > table > thead > tr > th[name=attach] {width: 190px;}

.design-board-normal > table > tbody tr.notice-tr {background-color: #f8f8f8; background-image: url('../img/pattern/ptn_diagonal_w.png?v20221101');}
.design-board-normal > table > tbody td {font-size: 15px;font-weight: 500;color: #333333;}
.design-board-normal > table > tbody td.reg_ddtm {font-size: 14px;font-weight: 400;color: #333333;}
.design-board-normal > table > tbody td .isu_nm {font-size: 12px;font-weight: 500;color: #ffffff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.15); background-color: #00abd4; border-radius: 15px; min-width: 120px; height: 30px; padding: 8px 15px; box-sizing: border-box; display: inline-block; vertical-align: middle;}
.design-board-normal > table > tbody > tr > td {padding:10px 10px;border-top:1px solid #dbdbdb;}
.design-board-normal > table > tbody > tr:FIRST-CHILD > td {border-top:0}
.design-board-normal > table > tbody > tr > td > select {width:170px;}
.design-board-normal > table > tbody > tr > td.attach-td {text-align:center;width:180px;}
.design-board-normal > table > tbody > tr > th {padding:10px 10px;background-color: #f8f8f8;border-top:1px solid #dbdbdb;}
.design-board-normal > table > tbody > tr:FIRST-CHILD > th {border-top:0}
.design-board-normal > table.prev-next{border-top:1px solid #c4c4c4;}

/* esg board - view */
.design-board-normal.coreboard-view > table > tbody > tr > th {height: 50px; min-width: 150px; background-color: #728cad; border: 1px solid #517199; font-size: 15px; font-weight: 500; color: #ffffff; border-left: 0;}
.design-board-normal.coreboard-view > table > tbody > tr > td {padding: 7px 20px; font-size: 15px; font-weight: 400; color: #333333; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.design-board-normal.coreboard-view > table > tbody > tr > td[name=title] {font-size: 17px; font-weight: 500; color: #000000;}
.design-board-normal.coreboard-view > table > tbody > tr > td[name=contn] {font-size: 16px; font-weight: 400; color: #333333; line-height: 1.5; padding: 30px 20px; box-sizing: border-box; word-break: keep-all; border-bottom: 1px solid #dddddd;}

.design-board-normal > table > tbody.notice-list { border-bottom: 1px solid #dbdbdb; }
.design-board-normal > table > tbody.notice-list > tr > td > span { vertical-align: middle; display:inline-block; width: 45px; height: 20px; background: url(../img/icon-board-02.png?v20221101) no-repeat; }
.design-board-normal > table > tbody.notice-list > tr > td > span.notice-ko { background-position: 0px -100px; }
.design-board-normal > table > tbody.notice-list > tr > td > span.notice-en { background-position: 0px -150px; }

/* 국내 esg 현황 - 업종별 등급 */

.chart_check {display: flex; align-items: center; width:calc(100% - 35px); margin: 25px auto 0; border: #eee 1px solid; background: #f8f8f8;}
.chart_check dt {font-size:15px; color: #000; text-align: center; width: 113px; height: 282px; line-height: 282px; background: #ecf6e1; border-right: #eee 1px solid;}
.chart_check dd {padding:15px 10px; display: flex; flex-wrap:wrap; width: calc(100% - 113px);}
.chart_check dd .list {display: flex; flex-wrap:wrap;}
.chart_check dd label.check {line-height: 28px; width:calc((100% - (20px * 6))/3); padding: 0 0 0 26px; flex-direction: row; margin-left: 30px;}
.chart_check dd label.check:nth-child(6n-5) {margin-left: 30px;}
.chart_check dd label.check.i13 em {line-height: 13px;}
.chart_check dd label.check i {left:0; right:auto;}
.chart_check dd label.check em {margin: 0; font-size: 13px; letter-spacing:-1px}
.chart_check dd label.check b {position: absolute; top:50%; right:0; width: 15px; height: 15px; margin-top: -7px; background: no-repeat 50% 50% / contain;}
.chart_check dd label.check.i1 b {background-image: url('../img/pattern/ptn_chart_business_01.png?v20221101');}
.chart_check dd label.check.i2 b {background-image: url('../img/pattern/ptn_chart_business_02.png?v20221101');}
.chart_check dd label.check.i3 b {background-image: url('../img/pattern/ptn_chart_business_03.png?v20221101');}
.chart_check dd label.check.i4 b {background-image: url('../img/pattern/ptn_chart_business_04.png?v20221101');}
.chart_check dd label.check.i5 b {background-image: url('../img/pattern/ptn_chart_business_05.png?v20221101');}
.chart_check dd label.check.i6 b {background-image: url('../img/pattern/ptn_chart_business_06.png?v20221101');}
.chart_check dd label.check.i7 b {background-image: url('../img/pattern/ptn_chart_business_07.png?v20221101');}
.chart_check dd label.check.i8 b {background-image: url('../img/pattern/ptn_chart_business_08.png?v20221101');}
.chart_check dd label.check.i9 b {background-image: url('../img/pattern/ptn_chart_business_09.png?v20221101');}
.chart_check dd label.check.i10 b {background-image: url('../img/pattern/ptn_chart_business_10.png?v20221101');}
.chart_check dd label.check.i11 b {background-image: url('../img/pattern/ptn_chart_business_11.png?v20221101');}
.chart_check dd label.check.i12 b {background-image: url('../img/pattern/ptn_chart_business_12.png?v20221101');}
.chart_check dd label.check.i13 b {background-image: url('../img/pattern/ptn_chart_business_13.png?v20221101');}
.chart_check dd label.check.i14 b {background-image: url('../img/pattern/ptn_chart_business_14.png?v20221101');}
.chart_check dd label.check.i15 b {background-image: url('../img/pattern/ptn_chart_business_15.png?v20221101');}
.chart_check dd label.check.i16 b {background-image: url('../img/pattern/ptn_chart_business_16.png?v20221101');}
.chart_check dd label.check.i17 b {background-image: url('../img/pattern/ptn_chart_business_17.png?v20221101');}
.chart_check dd label.check.i18 b {background-image: url('../img/pattern/ptn_chart_business_18.png?v20221101');}
.chart_check dd label.check.i19 b {background-image: url('../img/pattern/ptn_chart_business_19.png?v20221101');}
.chart_check dd label.check.i20 b {background-image: url('../img/pattern/ptn_chart_business_20.png?v20221101');}
.chart_check dd label.check.i21 b {background-image: url('../img/pattern/ptn_chart_business_21.png?v20221101');}
.chart_check dd label.check.i22 b {background-image: url('../img/pattern/ptn_chart_business_22.png?v20221101');}
.chart_check dd.mo_vw {display: none;}
.check {position: relative; line-height: 40px; display: flex; align-items: center; flex-direction: row-reverse; padding-right: 25px;}
.check input {display: none;}
.check i {position: absolute; top:50%; right:0; width: 18px; height: 18px; margin-top: -9px; border:#ddd 1px solid; background: #fff;}
.check i:before {content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: url('../img/icon_check.gif') no-repeat 50% 50% / contain; opacity:0; transition:.2s linear;}
.check input:checked + i:before {opacity:1;}
.check em {font-size: 16px; color: #000; font-weight: 400;}

.check2 {position: absolute;left: 440px;top: 21px;}
.check2 input {display: none;}
.check2 i {position: absolute;top: 50%;right: -20px;width: 18px;height: 18px;margin-top: -9px;border:#ddd 1px solid;background: #fff;}
.check2 i:before {content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: url('../img/icon_check.gif') no-repeat 50% 50% / contain; opacity:0; transition:.2s linear;}
.check2 input:checked + i:before {opacity:1;}
.check2 em {font-size: 16px; color: #000; font-weight: 400;}

/* esg board - news */
.design-board-normal.board-news > table > thead > tr > th {text-align: center; height: 30px;}

span.notice-ko, span.notice-title {vertical-align: top; display: inline-block; line-height: 22px;} 
span.notice-ko{background:url(../img/icon_board_notice.png?v20221101) no-repeat 50% 50% / contain; width: 40px; height: 24px; margin-right: 5px;}
span.notice-title{font-weight: bold;color:#000000;} 


/* esg board - faq */
.design-board-faq > .total-count {margin-bottom:10px; font-size: 15px; font-weight: 500; color: #000000; text-align: right;}
.design-board-faq > ul {border-top:2px solid #222222;}
.design-board-faq > ul > li {position:relative; min-height: 50px;}
.design-board-faq > ul > li.nodata  {text-align:center;padding:20px 0;border-bottom:1px solid #dedede;}
.design-board-faq > ul > li > .blog-title{position:relative;display:table;width:100%;border-bottom:1px solid #dedede;}
.design-board-faq > ul > li > .blog-title > div{display:table-cell;vertical-align: middle;position:relative;}
.design-board-faq > ul > li > .blog-title > div:FIRST-CHILD {width: 50px;height: 50px;text-align: center; }
.design-board-faq > ul > li > .blog-title > div+div {padding-top: 15px; padding-bottom: 15px; padding-right: 100px;}
.design-board-faq > ul > li > .blog-title > div > .icon {vertical-align: middle; display:inline-block;  background:url('../img/img_faq_q.png?v20221101') no-repeat 50% 50% / contain; width: 25px; height: 25px;}
.design-board-faq > ul > li > .blog-title > div > a {border-left: 1px solid #e7e7e7; display: inline-block; padding-left: 20px; font-size: 16px; font-weight: 500; color:#000000; }
.design-board-faq > ul > li > .blog-title > div > .arrow-icon {vertical-align: middle; display:inline-block;  background:url(../img/btn_faq.png?v20221101) no-repeat; width: 20px; height: 12px; background-position: 0 -25px; position: absolute; right: 20px; top: 20px; cursor: pointer;}
.design-board-faq > ul > li > .blog-title.on {box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); z-index: 9;}
.design-board-faq > ul > li > .blog-title.on > div > .arrow-icon {background-position: -25px 0px;}
.design-board-faq > ul > li > .blog-content {position:relative;display:none;border-bottom: 1px solid #dedede;background-color: #f8f8f8;background-image: url(../img/pattern/ptn_diagonal_b.png?v20221101);padding: 20px 0;}
.design-board-faq > ul > li > .blog-content > div{display:table-cell;position:relative;}
.design-board-faq > ul > li > .blog-content > div:FIRST-CHILD {width: 50px;height: 50px;text-align: center; }
.design-board-faq > ul > li > .blog-content > div+div {padding-left: 20px;padding-right: 50px;border-left: 1px solid #e7e7e7; font-size: 15px;font-weight: 400;color:#333333;}
.design-board-faq > ul > li > .blog-content > div > .icon {vertical-align: middle; display:inline-block; background: url('../img/img_faq_a.png?v20221101') no-repeat 50% 50% / contain; width: 25px; height: 25px;}
.design-board-faq > ul > li > .blog-content > span {position: absolute; display: block; left:13px;top:16px; width:30px;height:30px; background:url(../img/icon-qna.png?v20221101) no-repeat -50px 0;}
.design-board-faq > ul > li > .blog-write-date {display:none}
.design-board-faq > ul > li > .ellipse {display:none}
.design-board-faq > ul > li > .design-attach-file {position: absolute;top:20px;right:20px;}


/* layer-popup */
.popup-background { display: table;width: 100%;height: 100%;position: fixed; z-index: 6000; top: 0px; left: 0px; }
.design-layer-popup { width: 100%;vertical-align: middle;height: 100%; text-align: left; display: table-cell;}
.design-layer-popup > div { min-width: 200px; margin: auto; border: 1px solid #7a7a7a; border-top: 3px solid #03b6d5; padding-bottom: 30px; background-color: #fff; text-align: start; }
.design-layer-popup > div > dl > dt { font-weight: bold; padding: 15px 25px; border-bottom: 1px solid #dddddd; color:#333333; font-size: 112%; }
.design-layer-popup > div > dl > dd { padding: 25px 25px 20px 25px; box-sizing: border-box; }

/* esg info */
.design-title-list-esg > dl {margin-bottom:40px;}
.design-title-list-esg > dl > dt {position:relative; font-size:24px; font-weight: 500; color: #222222;}
.design-title-list-esg > dl > dd {margin:30px 0 40px 0; line-height: 1.7; font-size: 16px; font-weight: 400; color: #666666; position: relative;}
.design-title-list-esg > dl > dd .bu-contn {position: relative; width: 100%; padding-left: 25px;}
.design-title-list-esg > dl > dd .bu-contn > .bullet1 {display: inline-block; background: url(../img/bu_content.png?v20221101) no-repeat; width: 5px; height: 5px; background-position: 0 -25px; position: absolute; left: 15px; top: 12px;}
.design-title-list-esg > dl > dd .bu-contn > .bullet2 {display: inline-block; background: url(../img/bu_content.png?v20221101) no-repeat; width: 5px; height: 5px; background-position: 0 -50px; position: absolute; left: 15px; top: 12px;}
.design-title-list-esg > dl > dd .no-depth {padding-left: 10px !important;}
.design-title-list-esg > dl > dd .no-depth > .bullet1 {position: absolute; left: 0; top: 12px;}
.design-title-list-esg > dl > dd .no-depth > .bullet2 {position: absolute; left: 0; top: 12px;}
.design-title-list-esg > dl > dd .pc_half {display: flex; justify-content: space-between; width:100%;}
.design-title-list-esg > dl > dd .pc_half img {width:calc(50% - 18px); height:auto; object-fit: contain;}

/* center */
.design-center {position:relative; text-align: center !important;}
.design-right {position:relative; text-align: right !important;}

/* board-button */

.design-board-button-group {position:relative; padding:20px 0 50px 0;height:50px;text-align: center; margin-top: 30px;}
.design-board-button-group .btn-board-list,
.design-board-button-group .btn-board-write {position: absolute; right:0; color: #000000;}


.btn-board {position:relative; display:inline-block; min-width:150px; height:50px; border:0; font-size:100%; padding:0 20px 0 50px; margin:0 0 10px 10px; box-sizing: border-box;}
a.btn-board {height:auto;padding:7px 20px 8px 50px;}
.btn-board-search { margin:20px 0 0 0; background-color: #555555 !important;color:#ffffff !important;}
.btn-board-search:HOVER {background-color: #1c1c1c !important;}
.btn-board-regist {background-color: #2c77bc; border: 1px solid #105594; color: #fff;}
.btn-board-regist:HOVER {background-color: #105594; border: 1px solid #105594; color: #fff;}
.btn-board-modify,
.btn-board-list,
.btn-board-download,
.btn-board-cancel,
.btn-board-prev,
.btn-board-next,
.btn-board-confirm,
.btn-board-reply,
.btn-board-write,
.btn-board-delete { background-color: #ffffff; border: 1px solid #dedede }
.btn-board-modify:HOVER,
.btn-board-list:HOVER,
.btn-board-download:HOVER,
.btn-board-cancel:HOVER,
.btn-board-prev:HOVER,
.btn-board-next:HOVER,
.btn-board-confirm:HOVER,
.btn-board-write:HOVER,
.btn-board-reply:HOVER,
.btn-board-delete:HOVER {background-color: #f0f0f0; border:1px solid #dedede}
.btn-board > span {position:absolute; top:15px; left:50px; display: inline-block; width:20px; height:20px;background: url(../img/btn_content_02.png?v20221101) no-repeat 50% 50% / contain;}
/* .btn-board-list > span {background-position: 0 0;} */

/* attach-file */
.design-attach-file {position: relative;width:170px;margin-top: 10px;}
.design-attach-file:FIRST-CHILD {margin-top:0}
.design-attach-file > button {width:170px;height:35px;text-align:left; border:1px solid #dedede;background-color: #ffffff;font-size:14px;font-weight: 400;color:#333333;position: relative;}
.design-attach-file > button > span {display:inline-block;width:13px;height:100%;background: url('../img/btn_selectbox01.png?v20221101') no-repeat 50% 50% / contain !important;position: absolute; right: 10px; top: 0;}
.design-attach-file > button > span.open {background-position: 50% 50% !important; background-image: url('../img/btn_selectbox02.png?v20221101') !important;}
.design-attach-file > div {position: absolute;top:34px;left:0;display: none;}
.design-attach-file > div.children-right-align {left:auto;right:0;text-align: right;}
.design-attach-file > div > ul {white-space: nowrap;text-align: left}
.design-attach-file > div > ul > li {padding:0 10px;min-width:170px;min-height: 35px;border:1px solid #dedede; border-top:0; background-color:#ffffff;}
.design-attach-file > div > ul > li:HOVER {background-color:#f4f4f4;}
.design-attach-file > div > ul > li:FIRST-CHILD {border-top:1px solid #dbdbdb;}
.design-attach-file > div > ul > li:LAST-CHILD {box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);}
.design-attach-file > div > ul > li > a {display: block;min-height:33px;padding-left:24px;    background: url(../img/icon_download_file.png?v20221101) no-repeat 50% 50% / contain; background-size: 20px; background-position: 0 center;line-height: 2.3;font-size: 14px;font-weight: 400;color:#333333;}
.design-attach-file > div > ul > li > .no-attach {display: inline-block;vertical-align: middle;line-height: 35px;font-size: 14px;font-weight: 400;color:#333333;}
.design-attach-file > div > button {display:none}

/* page-navigation */

.page-navigation {margin-top:20px;}
.page-navigation > ul {display: table;margin:auto;border-spacing: 0}
.page-navigation > ul > li {display: table-cell;padding:0;}

.page-navigation button {width:40px; height:40px;float:left; font-size:0; background-color: #ffffff; border: 1px solid #dedede;}

.page-navigation > ul > li.page-nav-number  {padding:0 10px}
.page-navigation > ul > li.page-nav-number > ul {display:table;border-spacing: 0}
.page-navigation > ul > li.page-nav-number > ul > li {display:table-cell;padding:0 5px;width:40px;height:40px;}
.page-navigation > ul > li.page-nav-number > ul > li > button {font-size: 15px;font-weight: 400;color:#333333;width:40px;height:40px;}
.page-navigation > ul > li.page-nav-number > ul > li:FIRST-CHILD > button {border-left-width:1px}
.page-navigation > ul > li.page-nav-number > ul > li.current-page > button,
.page-navigation > ul > li.page-nav-number > ul > li:HOVER > button{font-weight: 600; border-top: 2px solid #222222;}

.page-navigation > ul > li > button {background: no-repeat 50% 50% / auto 16px; font-size: 0%; color: transparent;}
.page-navigation > ul > li > button.page-nav-first {background-image:url('../img/Arrow_left02.png?v20221101'); margin-right: 10px;} 
.page-navigation > ul > li > button.page-nav-prev {background-image:url('../img/Arrow_left01.png?v20221101'); } 
.page-navigation > ul > li > button.page-nav-next {background-image:url('../img/Arrow_right01.png?v20221101'); } 
.page-navigation > ul > li > button.page-nav-last {background-image:url('../img/Arrow_right02.png?v20221101'); margin-left: 10px;} 

/* link-new */
.design-link-new > a + span {display: inline-block;vertical-align: middle; width:10px; height:10px; margin-left:3px; background-image: url(../img/icon-window.png?v20221101); background-repeat: no-repeat; }
/* link-notice */
.design-link-notice > a {text-decoration: underline;}

.design-note-check > span:FIRST-CHILD {display: inline-block;vertical-align: middle; width:14px; height:12px; margin-right:5px; background-image: url(../img/bu-footnote.png?v20221101); background-position:0 -50px; background-repeat: no-repeat; }
.design-note-notice > span:FIRST-CHILD {display: inline-block;vertical-align: middle; width:12px; height:12px; margin-right:5px; background-image: url(../img/bu-footnote.png?v20221101); background-position:0 -25px; background-repeat: no-repeat;}
.design-note-tin > span:FIRST-CHILD{display: inline-block;vertical-align: middle; width:9px; height:9px; margin-right:5px; background-image: url(../img/bu-footnote.png?v20221101); background-repeat: no-repeat; }

/* design-content-tin */
.design-content-tin > dl { width:100%; margin:5px 0; }
.design-content-tin > dl > dt { display:inline-block; float:left; font-weight: bold; }
.design-content-tin > dl > dd { padding-left: 40px; }


/* tab */
.design-tabs-base > ul {display:table;width:600px;height:50px;margin:auto;}
.design-tabs-base > ul > li {display:table-cell;width:1%;border-bottom:1px solid #dddddd;background-color:#fff;border-left:0;box-sizing:border-box;vertical-align: top;font-size: 16px;color: #222222; transition:.2s linear;}
.design-tabs-base > ul > li > a {display:table;width:100%;height:100%;}
.design-tabs-base > ul > li > a > span {display:table-cell;vertical-align: middle;text-align: center; transition:.2s linear;}
.design-tabs-base > ul > li.active {border: 0; border-bottom: #03add5 3px solid;}
.design-tabs-base > ul > li.active > a {color:#03add5}
.design-tabs-base > ul > li:HOVER > a {color:#03add5;}
.design-tabs-base > ul > li.active:HOVER > a {color:#03add5;}
.design-tab-contents-base {padding-top:40px;}


/* chart tool tip */
.tip {border: 1px solid #d2d2d2; width: 170px; background-color: #ffffff; border-radius: 5px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); border-top: 0;}
.tip > div {width: 100%;}
.tip > .tip-xaxis {border-top: 1px solid #d2d2d2;text-align: center;height: 20px;background-color: #f4f4f4;font-size: 12px;font-weight: 500;color: #777777;padding: 3px;box-sizing: border-box;border-radius: 5px 5px 0 0;}
.tip > .tip-yaxis {border-top: 1px solid #d2d2d2;background-color: #ffffff;font-size: 14px;font-weight: 500;color: #000000;padding: 5px;box-sizing: border-box;border-radius: 0px 0px 5px 5px;}

/* table */
.design-table1 > span.sfr{float:right; font-size:0.9em;color:#333333; margin-right: 4px;}
.design-table1 > table {position:relative; width: 100%; margin: 20px 0;border-bottom:1px solid #dbdbdb; border-top:2px solid #2c77bc;border-spacing: 0}
.design-table1 > table > caption {position: absolute; display: block; left:-10000px; top: -10000px; height:0; overflow:hidden}
.design-table1 > table > thead > tr > th {padding:9px 0;  background-color: #fcfcfc;font-weight: normal;text-align: center;border-left:1px solid #dbdbdb;border-top:1px solid #c2c2c2}
.design-table1 > table > caption + thead > tr:FIRST-CHILD > th,
.design-table1 > table > caption + colgroup + thead > tr:FIRST-CHILD > th {border-top: 0}
.design-table1 > table > tbody > tr > td {padding:9px 10px; font-weight: normal;background-color: #ffffff;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb}
.design-table1 > table > tbody > tr > th {padding:9px 10px; font-weight: normal;background-color: #fcfcfc;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb}
.design-table1 > table > thead + tbody > tr:FIRST-CHILD > td,
.design-table1 > table > thead + tbody > tr:FIRST-CHILD > th {border-top:1px solid #c2c2c2}
.design-table1 > table td:FIRST-CHILD,
.design-table1 > table th:FIRST-CHILD {border-left: 0}
.design-table1 > table > tbody th:FIRST-CHILD + th,
.design-table1 > table > tbody th.not-first-child {background-color: #f8f8f8}
.design-table1 > table .not-first-child {border-left:1px solid #dbdbdb !important}

.design-table2 > table {position:relative; width: 100%; margin: 20px 0;border-bottom:1px solid #dbdbdb; border-top:2px solid #2c77bc;border-spacing: 0}
.design-table2 > table > caption {margin-bottom:20px}
.design-table2 > table > caption > span {position: absolute; top:18px; right:0}
.design-table2 > table > thead > tr > th {padding:9px 0;  background-color: #fcfcfc;font-weight: normal;text-align: center;border-left:1px solid #dbdbdb;border-top:1px solid #c2c2c2}
.design-table2 > table > caption + thead > tr:FIRST-CHILD > th,
.design-table2 > table > caption + colgroup + thead > tr:FIRST-CHILD > th {border-top: 0}
.design-table2 > table > tbody > tr > td {padding:9px 10px; font-weight: normal;background-color: #ffffff;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb}
.design-table2 > table > tbody > tr > th {padding:9px 10px; font-weight: normal;background-color: #fcfcfc;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb}
.design-table2 > table > thead + tbody > tr:FIRST-CHILD > td,
.design-table2 > table > thead + tbody > tr:FIRST-CHILD > th {border-top:1px solid #c2c2c2}
.design-table2 > table td:FIRST-CHILD,
.design-table2 > table th:FIRST-CHILD {border-left: 0}
.design-table2 > table > tbody th:FIRST-CHILD + th,
.design-table2 > table > tbody th.not-first-child {background-color: #f8f8f8}
.design-table2 > table .not-first-child {border-left:1px solid #dbdbdb !important}

.design-table3 > span.sfr{float:right; font-size:0.9em;color:#333333; margin-right: 4px;}
.design-table3 > table {position:relative; width: 100%; margin: 20px 0;border-bottom:1px solid #dbdbdb; border-top:2px solid #2c77bc;border-spacing: 0}
.design-table3 > table > caption {position: absolute; display: block; left:-10000px; top: -10000px; height:0; overflow:hidden}
.design-table3 > table > thead > tr > th {padding:9px 0;  background-color: #fcfcfc;font-weight: normal;text-align: center;border-left:1px solid #dbdbdb;border-top:1px solid #c2c2c2}
.design-table3 > table > caption + thead > tr:FIRST-CHILD > th,
.design-table3 > table > caption + colgroup + thead > tr:FIRST-CHILD > th {border-top: 0}
.design-table3 > table > tbody > tr > td {padding:9px 10px; font-weight: normal;background-color: #ffffff;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb}
.design-table3 > table > tbody > tr > th {padding:9px 10px; font-weight: normal;background-color: #ffffff;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb}
.design-table3 > table > thead + tbody > tr:FIRST-CHILD > td,
.design-table3 > table > thead + tbody > tr:FIRST-CHILD > th {border-top:1px solid #c2c2c2}
.design-table3 > table th:FIRST-CHILD {border-left: 0}
.design-table3 > table > tbody th:FIRST-CHILD + th,
.design-table3 > table > tbody th.not-first-child {background-color: #f8f8f8}
.design-table3 > table .not-first-child {border-left:1px solid #dbdbdb !important}

.design-table-input > table {position:relative; width: 100%; margin: 20px 0;border-bottom:1px solid #dbdbdb; border-top:2px solid #2c77bc;border-spacing: 0}
.design-table-input > table > caption {position: absolute; display: block; left:-10000px; top: -10000px; height:0; overflow:hidden}
.design-table-input > table > thead > tr > th {padding:9px 0;  background-color: #fcfcfc;font-weight: normal;text-align: center;border-left:1px solid #dbdbdb;border-top:1px solid #c2c2c2}
.design-table-input > table > caption + thead > tr:FIRST-CHILD > th,
.design-table-input > table > caption + colgroup + thead > tr:FIRST-CHILD > th {border-top: 0}
.design-table-input > table > tbody > tr > td {padding:5px 10px; font-weight: normal;background-color: #ffffff;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb}
.design-table-input > table > tbody > tr > th {padding:9px 10px; font-weight: normal;background-color: #fcfcfc;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb}
.design-table-input > table > thead + tbody > tr:FIRST-CHILD > td,
.design-table-input > table > thead + tbody > tr:FIRST-CHILD > th {border-top:1px solid #c2c2c2}
.design-table-input > table td:FIRST-CHILD,
.design-table-input > table th:FIRST-CHILD {border-left: 0}
.design-table-input > table .not-first-child {border-left:1px solid #dbdbdb !important}
.design-table-input > table td > span > button { margin: 0 }

.design-table-input input { border:1px solid #c7c7c7; padding:5px 10px; }
.design-table-input select { border:1px solid #c7c7c7; padding:4px 10px; }
.design-table-input .text { width:200px; }
.design-table-input .name { width:100px !important; }
.design-table-input .title {width:90% !important; }
.design-table-input .longinput {width:300px !important; }
.design-table-input .select { border:1px solid #c7c7c7; padding:5px 10px; }
.design-table-input .textarea {width:90% !important; border:1px solid #c7c7c7; }
.design-table-input .textarea_nb {width:100% !important; border:0;margin:10px 0;}
.design-table-input input[readonly = readonly] { background-color: #f0f0f0; }
.design-table-input .button { border: 1px solid #c7c7c7; background-color: #ffffff; padding: 5px 10px; margin: 3px 1px; }
.design-table-input .button:HOVER { background-color: #f0f0f0; }

.attach_wrap { margin-top: 10px; display: table; width: 100%; }
.attach_wrap:FIRST-CHILD { margin-top: 0; }
.attach_wrap > span { display: table-cell; vertical-align: top; }
.attach_wrap > span:FIRST-CHILD+span { width: 0px; }
.attach_wrap > span:FIRST-CHILD+span.design-button-doc2 { width: auto; width: 100px; }
.attach_wrap > span:FIRST-CHILD+span+span { width: 100px; }
.design-attach-file-input { position: relative; height: 26px; border: 1px solid #c7c7c7; }
.design-attach-file-input > .attach-file-text {position:absolute; display: block; top:0;left:0;width:75%;height:26px;overflow: hidden;padding-left:30px;text-overflow: ellipsis; white-space: nowrap;z-index: 1;}
.design-attach-file-input > .attach-file-button {position:absolute; display: block; top:0;right:0;width:100px;height:26px;text-align: center;border-left:1px solid #c7c7c7;z-index: 1;}
.design-attach-file-input > input {width:100%;height:26px;opacity:0;filter: alpha(opacity=0);position: absolute; top: 0; left: 0; z-index: 5;}
.design-attach-file-input > input[name=attachFile] { padding:0;border:none; }
.design-attach-file-append {background: #f8f8f8}
.design-attach-file-append > .attach-file-text {background-image: url(../img/icon-flie.png?v20221101); background-repeat: no-repeat; background-position: 6px -173px;}
.design-attach-file-append > .file-zip {background-position: 6px 2px;}
.design-attach-file-append > .file-jpg {background-position: 6px -23px;}
.design-attach-file-append > .file-png {background-position: 6px -23px;}
.design-attach-file-append > .file-pdf {background-position: 6px -48px;}
.design-attach-file-append > .file-xls {background-position: 6px -73px;}
.design-attach-file-append > .file-xlsx {background-position: 6px -73px;}
.design-attach-file-append > .file-doc {background-position: 6px -98px;}
.design-attach-file-append > .file-hwp {background-position: 6px -123px;}
.design-attach-file-append > .file-txt {background-position: 6px -148px;}

.sign-text1,
.sign-text4,
.up { color:#F33 !important; }
.sign-text2, 
.sign-text5,
.down { color:#06C !important; }

.sign1 { display:inline-block; float:left; width:10px; height:7px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png?v20221101) no-repeat 4px 0 }
.sign2 { display:inline-block; float:left; width:10px; height:7px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png?v20221101) no-repeat 4px -10px }
.sign3 { display:inline-block; float:left; width:10px; height:7px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png?v20221101) no-repeat 4px -18px }
.sign4 { display:inline-block; float:left; width:10px; height:9px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png?v20221101) no-repeat 4px -67px }
.sign5 { display:inline-block; float:left; width:10px; height:9px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png?v20221101) no-repeat 4px -81px }

.design-mdi-page-desc{padding:20px;  margin:20px 0; border: 1px solid #eeeeee; background-color: #fdfdfd}

.design-text-underline{text-decoration: underline;}

.design-dictionary{ position: relative; display: inline-block; width: 100%;}
.design-dictionary > div{ float:left; width: 28%; }
.design-dictionary > div > div{ border: 1px solid #dbdbdb; height: 400px; width: 100%; }
.design-dictionary > div > div > ul{ overflow-x: hidden; overflow-y: auto; height: 100% }
.design-dictionary > div > div > ul > li { width: 100%; }
.design-dictionary > div > div > ul > li > a{ width: 100%; display: inline-block; padding: 3px 5px; }
.design-dictionary > div + div{ width: 70%; height: 400px; position: relative; float: right; border: 1px solid #dbdbdb; }
.design-dictionary > div + div > dl > dt { padding: 10px 15px; background-color: #fbfbfb; border-bottom: 1px solid #dbdbdb; font-weight: bold; min-height: 21px; }
.design-dictionary > div + div > dl > dd { padding: 15px; height: 319px; overflow-y: auto; }

.button-mdi-group {position: absolute;display: inline-block;vertical-align: top;margin: 20px 0 40px 0;right:0;border-left: 1px solid #c7c7c7}
.button-mdi-group button {position: relative;float: left;min-width: 70px;height: 38px;border: 0;font-size: 100%;box-sizing: border-box;background-color: #ffffff;border: 1px solid #c7c7c7;border-left: 0;}

.button-mdi-group button:HOVER {background-color: #f0f0f0;}

.func-gridChart-area > dl:FIRST-CHILD {margin-bottom:20px}


/* 정적화면 공통 */
.static-top-box {width: 100%; height: 168px; background-color: #f8f8f8; text-align: center; margin-bottom: 60px;}
.static-top-box > div {margin: auto;}
.static-top-box > .number {margin-bottom: 20px;}
.static-top-box > .number > span {background-color: #1eb1dd; font-size: 20px; font-weight: 600; color: #ffffff; width: 35px; height: 35px; border-radius: 50px; display: inline-block; text-align: center; line-height: 1.7; margin-top: 30px;}
.static-top-box > .title {margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #000000;}
.static-top-box > .content {font-size: 16px; font-weight: 400; color: #666666;}

.static-top-box2 {width: 100%; height: auto; background-color: #f8f8f8; text-align: center; margin-bottom: 60px; padding: 20px; font-size: 16px; word-break: keep-all;}
.static-top-box2 > div {margin: auto; line-height: 1.7;}

.static-border-box {width: 100%; height: auto; border: 1px solid #dddddd; margin-bottom: 40px; padding: 20px; box-sizing: border-box;}

.fix-table {table-layout: fixed;}
.static-table1 {width: 100%; }
.static-table1 > table {position:relative; width: 100%; margin: 10px 0 30px 0; border-bottom:1px solid #dddddd; border-top:2px solid #222222; border-spacing: 0;}
.static-table1 > table > thead {font-size: 16px; font-weight: 500; color: #222222;}
.static-table1 > table > thead > tr > th {padding: 22px; box-sizing: border-box; height: 70px; background-color: #e8e8e8; border-left: 1px solid #ffffff; border-bottom: 1px solid #dddddd;}
.static-table1 > table > thead > tr > th:FIRST-CHILD {border-left: 0;}
.static-table1 > table > tbody > tr > th {padding: 20px; box-sizing: border-box; background-color: #f8f8f8; border-left: 0; border-bottom: 1px solid #dddddd; font-size: 16px; font-weight: 500; color: #222222;}
.static-table1 > table > tbody > tr > td {padding: 30px; box-sizing: border-box; border-bottom: 1px solid #dddddd; font-size: 14px; font-weight: 400; color: #666666; line-height: 1.5; border-right: 1px solid #dddddd; }
.static-table1 > table > tbody > tr > td:FIRST-CHILD {border-left: 0; background-color: #f8f8f8; font-size: 16px; font-weight: 500; color: #666666; line-height: 1.75;}
.static-table1 > table > tbody > tr > td:FIRST-CHILD {border-right: 0;}
.static-table1 > table > tbody > tr:LAST-CHILD > th {border-bottom: 0;}
.static-table1 > table > tbody > tr:LAST-CHILD > td {border-bottom: 0;}
.static-table1 > table > tbody > tr > td:LAST-CHILD {border-right: 0;}
.static-table1 > table > tbody > tr ul li {position: relative; padding-left: 5px;}
.static-table1 > table > tbody > tr ul li .bullet1 {display: inline-block; background: url(../img/bu_content.png?v20221101) no-repeat; width: 5px; height: 5px; background-position: 0 -25px; position: absolute; left: 0; top: 10px;}
.static-table1 .table-icon {display: inline-block; vertical-align: middle; background:no-repeat 50% 50% / contain; width: 16px; height: 16px;}
.static-table1 .table-icon.icon1 {background-image:url('../img/icon_table_01.png?v20221101');}
.static-table1 .table-icon.icon2 {background-image:url('../img/icon_table_02.png?v20221101');}
.static-table1 .table-icon.icon3 {background-image:url('../img/icon_table_03.png?v20221101');}
.static-table1 .table-icon.icon4 {background-image:url('../img/icon_table_04.png?v20221101');}

.static-table1.v2 > table > tbody > tr > th {padding: 25px 10px; font-size: 14px; font-weight: 500; letter-spacing: -0.5px;}
.static-table1.v2 > table > tbody > tr > td {padding: 25px 10px;}
.static-table1.v2 > table > tbody > tr > td img {width: auto; margin: 0 auto;}

/* 검색 영역 NEW 반응형도 여기서 관리 */
.pc_inlineFlex_vw {display: inline-flex !important;}
.mo_inlineFlex_vw {display: none !important;}

.search-form-new {
    width: 100%;
    background-color: #eeeeee;
    padding: 10px;
    box-sizing: border-box;
    
}
.search-form-new .search-form-new-line {display: flex; justify-content: space-between; }

.search-form-new .search-form-new-line .search-form-btn-wrap button {
	background-color: #333333;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    width: 110px;
    height: 40px;
    border: 0;
}

.search-form-new .search-form-new-line .search-form-new-input-wrap {
	display: inline-flex;
	flex-grow: 1;
}

.search-form-new .search-form-new-line .search-form-new-input-wrap .search-form-new-input {
	display: inline-flex;
	flex-grow: 1;
	position: relative;
}

.search-form-new .search-form-new-line .search-form-new-input-wrap .search-form-new-input input[type=text] {
	font-size: 14px;
    font-weight: 400;
    color: #666666;
    height: 40px;
    border: 0;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 0;
    flex-grow: 1;
}

.search-form-new .search-form-new-line .search-form-new-input-wrap .search-form-new-input select {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    width: 100px;
    height: 40px;
    border: 0;
    padding: 10px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/Arrow_select.png?v20221101) #fff no-repeat right 10px center / 14px;
    border-radius: 0;
}

.search-form-new .search-form-new-line .search-form-new-input-wrap .search-form-new-input .finder_btn {
	border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #00abd4;
    position: relative;
    padding: 10px;
}

.search-form-new .search-form-new-line .search-form-new-input-wrap .search-form-new-input .finder_btn .icon {
	display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/btn_content_01.png?v20221101) no-repeat 50% 50% / contain;
}

.search-form-new .search-form-new-line .search-form-new-input-wrap label {
	font-size: 16px;
    font-weight: 500;
    color: #000000;
    height: 100%;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 10px;
    min-width: 100px;
    text-align: center;
}

.search-form-new .search-form-new-line .search-form-new-input-wrap label.check {padding-right: 25px;}

.search-form-new .search-form-new-line .search-form-new-input-wrap .search-form-new-input ul.suggestion_list {
	display: inline;
    z-index: 1000;
    position: absolute;
    top: 100%;
    width: 100%;
    background: white;
    max-height: 200px;
    overflow-y: auto;
}

.search-form-new .search-form-new-line .search-form-new-input-wrap .search-form-new-input ul.suggestion_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

@media screen and (max-width: 767px){
	.pc_inlineFlex_vw {display: none !important;}
	.mo_inlineFlex_vw {display: inline-flex !important;}
	
	.search-form-new {height: auto;}
	.search-form-new .search-form-new-line {flex-direction: column;}
	.search-form-new .search-form-new-line .search-form-new-input-wrap {flex-direction: column;}
	.search-form-new .search-form-new-line .search-form-new-input-wrap label {font-size: 14px; display: flex; height: 40px; justify-content: flex-start; padding: 0;}
	.search-form-new .search-form-new-line .search-form-new-input-wrap .search-form-new-input select {width: 100%;}
	.search-form-new .search-form-new-line .search-form-btn-wrap {padding-top: 15px;}
	.search-form-new .search-form-new-line .search-form-btn-wrap button {width: 100%;}
}