@CHARSET "UTF-8";

.func-search-btn {margin:10px 0 20px 0; text-align: center}
.func-btn-small {position:relative; display:inline-block; min-width:80px; height:30px; border:1px solid #dbdbdb; font-size:100%; padding:0 0 0 10px; margin: 0 10px; background-color:#fff; box-sizing: border-box;}
.func-btn-small:HOVER {background-color: #f0f0f0 !important;}
.func-btn-small > span {position:absolute; top:7px; left:10px; display:block; width:15px; height:15px;background-image: url(../img/icon-btn.png?v20221101); background-repeat: no-repeat;}
.func-btn-small-search > span {background-position: -100px -23px;}

.func-btn-data1 {position:relative; display:inline-block; min-width:72px; height:29px; border:1px solid #495776; font-size:100%; padding:0px; margin: 10px 10px 10px 0; background-color:#667391; box-sizing: border-box; color:#fff;}
.func-btn-data2 {position:relative; display:inline-block; min-width:72px; height:29px; border:1px solid #dbdbdb; font-size:100%; padding:0px; margin: 10px 10px 10px 0; background-color:#fbfbfb; box-sizing: border-box; color:#000;}

.func-icon-time{margin-bottom: 10px;}
.func-icon-time > span:FIRST-CHILD{vertical-align: middle; margin-right: 3px;display:inline-block; width:15px; height:15px;background-image: url(../img/icon-mdicontent.png?v20221101); background-repeat: no-repeat;}

.func-finder-input{width:290px;}
.func-finder-searchInput{width: 300px;}

/* table-form paging */
.pagination { margin-top: 30px; }
.pagination > ul { display: table; margin: auto; border-spacing: 0; line-height: 0; text-align: center; }
.pagination > ul > li { display: table-cell; padding: 0; vertical-align: top}
.pagination > ul > li > a { display: inline-block; width: 40px; height: 40px; background-color: #fff; border: 1px solid #dedede; box-sizing: border-box; vertical-align: bottom; line-height: 36px; margin: 0 5px; font-size: 15px; font-weight: 400; color: #333333;}
.pagination > ul > li:FIRST-CHILD > a { border-left: 1px solid #dedede; }
.pagination > ul > li.active > a { border-top: 2px solid #222222 !important; font-weight: bold; }
.pagination > ul > li:HOVER > a { border-top: 2px solid #222222 !important; font-weight: bold; }
.pagination > ul > li.prev:HOVER > a,
.pagination > ul > li.next:HOVER > a,
.pagination > ul > li.first:HOVER > a,
.pagination > ul > li.end:HOVER > a{border-top: 1px solid #dedede !important;}
.pagination > ul > li.prev + li > a {border-left: 1px solid #dedede;}
.pagination > ul > li.first > a,
.pagination > ul > li.prev > a,
.pagination > ul > li.next > a,
.pagination > ul > li.end > a { border: 1px solid #dedede; /* background-image: url(../img/btn_board_paging.png?v20221101); */ background: no-repeat 50% 50% / auto 16px; font-size: 0%; color: transparent; }
.pagination > ul > li.first > a { background-image:url('../img/Arrow_left02.png?v20221101'); }
.pagination > ul > li.prev > a { background-image:url('../img/Arrow_left01.png?v20221101'); margin-right: 10px; }
.pagination > ul > li.next > a { background-image:url('../img/Arrow_right01.png?v20221101'); margin-left: 10px; }
.pagination > ul > li.end > a { background-image:url('../img/Arrow_right02.png?v20221101'); }

.pagination > ul > li.first.disabled > a,
.pagination > ul > li.prev.disabled > a,
.pagination > ul > li.next.disabled > a,
.pagination > ul > li.end.disabled > a {opacity: 0.5;}

/* layer popup */
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 517px;height: auto;background-color: #fff;border: 1px solid #999999;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);z-index: 10;}
.pop-layer .pop-container {padding: 20px;}
a.btn-layerClose {display: inline-block;height: 25px;padding: 0 14px 0;border: 1px solid #304a8a;background-color: #3f5a9d;font-size: 13px;color: #fff;line-height: 25px;}
a.btn-layerClose:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;}

.layer-pop-header {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000000; font-size: 20px; font-weight: 500; color: #000000; position: relative;}
.layer-pop-header .btn-layerClose {display:inline-block; width: 25px; height: 25px; background-image: url('../img/btn_popup.png?v20221101'); background-repeat: no-repeat; background-position: 0 0; position: absolute; right: 0; top: 0; cursor: pointer;}
.layer-pop-header > div > div { float: right; font-size: 13px; padding: 8px 50px 0 0; }
.layer-pop-body {word-break: break-word;}
.layer-pop-search-form {height: auto;}
.layer-pop-search-form > .input-group {margin-bottom: 5px; height: 40px;}
.layer-pop-search-form > .input-group input {float: left; border: 1px solid #cccccc; width: 435px; font-size: 14px; font-weight: 400; color: #666666; height: 40px; padding: 0 10px; box-sizing: border-box;}
.layer-pop-search-form > .input-group input::placeholder {color: #999999;}
.layer-pop-search-form > .input-group button {float: right; border: none; cursor: pointer; width: 40px; height: 40px; background-color: #333333; position: relative; padding: 10px;}
.layer-pop-search-form > .input-group button > .icon {display:inline-block; width: 20px; height: 20px; background: url('../img/btn_content_01.png?v20221101') no-repeat 50% 50% / contain; }

#layer-finder-company .word-btn-group {width: 100%; height: 35px;}
#layer-finder-company .word-btn-group > span {display: inline-block; width: 30px; height: 30px; border: 1px solid #cccccc; border-left: 0; font-size: 14px; font-weight: 400; color: #333333; cursor: pointer; float: left; text-align: center; line-height: 2;}
#layer-finder-company .word-btn-group > span:FIRST-CHILD {border-left: 1px solid #cccccc;}
#layer-finder-company .word-btn-group:last-child > span:LAST-CHILD {border-left: 1px solid #cccccc; margin-left: 5px; width: 50px;}
#layer-finder-company .word-btn-group > span:hover {font-weight: 500; background-color: #eeeeee; background-image: url(../img/pattern/ptn_diagonal_w.png?v20221101); }

#layer-finder-company .result_table {width: 100%; height: 330px; border-collapse: collapse;}
#layer-finder-company .result_table > thead {display:block; width: 100%;}
#layer-finder-company .result_table > thead > tr {background-color: #333333; height: 30px; border: 1px solid #333333;}
#layer-finder-company .result_table > thead > tr > th {background-color: #333333; font-size: 13px; font-weight: 400; color: #ffffff; width: 200px;}
#layer-finder-company .result_table > thead > tr > th+th {width:275px;padding-right: 16px;}
#layer-finder-company .result_table > tbody {border: 1px solid #cccccc; height: 300px; overflow-y:scroll; display:block; width: 100%;}
#layer-finder-company .result_table > tbody > tr {background-color: #ffffff; height: 30px; border-bottom: 1px solid #cccccc;}
#layer-finder-company .result_table > tbody > tr:LAST-CHILD {border-bottom: 0;}
#layer-finder-company .result_table > tbody > tr.in-data:hover {background-color: #eeeeee; background-image: url(../img/pattern/ptn_diagonal_w.png?v20221101); cursor: pointer;}
#layer-finder-company .result_table > tbody > tr > td {font-size: 14px; font-weight: 400; color: #333333; text-align: center; width: 200px;}
#layer-finder-company .result_table > tbody > tr > td+td {width: 260px;}
#layer-finder-company .result_table > tbody > tr.no-data > td {width: 460px;}
#layer-finder-company .result_table > tbody > tr:hover > td {font-weight: 500;}
#layer-finder-company .result_table > tbody > tr.no-data:hover > td {font-weight: 400;}
#layer-finder-company .result_table > tbody::-webkit-scrollbar { width: 16px; }
#layer-finder-company .result_table > tbody::-webkit-scrollbar-track { background-color: #cccccc }
#layer-finder-company .result_table > tbody::-webkit-scrollbar-thumb { background-color: #ffffff; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
#layer-finder-company .result_table > tbody::-webkit-scrollbar-button { width: 0; height: 0; }

#layer-compare-company .word-btn-group {width: 100%; height: 35px;}
#layer-compare-company .word-btn-group > span {display: inline-block; width: 30px; height: 30px; border: 1px solid #cccccc; border-left: 0; font-size: 14px; font-weight: 400; color: #333333; cursor: pointer; float: left; text-align: center; line-height: 2;}
#layer-compare-company .word-btn-group > span:FIRST-CHILD {border-left: 1px solid #cccccc;}
#layer-compare-company .word-btn-group > span:LAST-CHILD {border-left: 1px solid #cccccc; margin-left: 5px; width: 50px;}
#layer-compare-company .word-btn-group > span:hover {font-weight: 500; background-color: #eeeeee; background-image: url(../img/pattern/ptn_diagonal_w.png?v20221101); }

#layer-compare-company .result_table {width: 100%; height: 330px; border-collapse: collapse;}
#layer-compare-company .result_table > thead {display:block; width: 100%;}
#layer-compare-company .result_table > thead > tr {background-color: #333333; height: 30px; border: 1px solid #333333;}
#layer-compare-company .result_table > thead > tr > th {background-color: #333333; font-size: 13px; font-weight: 400; color: #ffffff; width: 200px;}
#layer-compare-company .result_table > thead > tr > th+th {width:275px;padding-right: 16px;}
#layer-compare-company .result_table > tbody {border: 1px solid #cccccc; height: 300px; overflow-y:scroll; display:block; width: 100%;}
#layer-compare-company .result_table > tbody > tr {background-color: #ffffff; height: 30px; border-bottom: 1px solid #cccccc;}
#layer-compare-company .result_table > tbody > tr:LAST-CHILD {border-bottom: 0;}
#layer-compare-company .result_table > tbody > tr.in-data:hover {background-color: #eeeeee; background-image: url(../img/pattern/ptn_diagonal_w.png?v20221101); cursor: pointer;}
#layer-compare-company .result_table > tbody > tr > td {font-size: 14px; font-weight: 400; color: #333333; text-align: center; width: 200px;}
#layer-compare-company .result_table > tbody > tr > td+td {width: 260px;}
#layer-compare-company .result_table > tbody > tr.no-data > td {width: 460px;}
#layer-compare-company .result_table > tbody > tr:hover > td {font-weight: 500;}
#layer-compare-company .result_table > tbody > tr.no-data:hover > td {font-weight: 400;}
#layer-compare-company .result_table > tbody::-webkit-scrollbar { width: 16px; }
#layer-compare-company .result_table > tbody::-webkit-scrollbar-track { background-color: #cccccc }
#layer-compare-company .result_table > tbody::-webkit-scrollbar-thumb { background-color: #ffffff; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
#layer-compare-company .result_table > tbody::-webkit-scrollbar-button { width: 0; height: 0; }
#layer-compare-company .esg_table table {margin: 0 0 9px 0;}
#layer-compare-company .esg_table table > tbody > tr > td {height: 40px; padding: 0 10px;}

/* 뉴스 */
#layer-news.pop-layer {width: 750px;}
#layer-news .layer-pop-search-form > .input-group input {width: 668px;}

#layer-news .result_table {width: 100%; height: 330px; border-collapse: collapse;}
#layer-news .result_table > thead {display:block; width: 100%;}
#layer-news .result_table > thead > tr {background-color: #333333; height: 30px; border: 1px solid #333333;}
#layer-news .result_table > thead > tr > th {background-color: #333333; font-size: 13px; font-weight: 400; color: #ffffff; width: 125px;}
#layer-news .result_table > thead > tr > th+th {width:100px;}
#layer-news .result_table > thead > tr > th+th+th {width:100px;}
#layer-news .result_table > thead > tr > th+th+th+th {width:382px;}
#layer-news .result_table > tbody {border: 1px solid #cccccc; height: 300px; overflow-y:scroll; display:block; width: 100%;}
#layer-news .result_table > tbody > tr {background-color: #ffffff; height: 30px; border-bottom: 1px solid #cccccc;}
#layer-news .result_table > tbody > tr.in-data:hover {background-color: #eeeeee; background-image: url(../img/pattern/ptn_diagonal_w.png?v20221101); cursor: pointer;}
#layer-news .result_table > tbody > tr > td {font-size: 14px; font-weight: 400; color: #333333; text-align: center; width: 125px;}
#layer-news .result_table > tbody > tr > td+td {width: 100px;}
#layer-news .result_table > tbody > tr > td+td+td {width: 100px;}
#layer-news .result_table > tbody > tr > td+td+td+td {width: 370px;word-break: keep-all;height: 50px;text-align: left;}
#layer-news .result_table > tbody > tr.no-data > td {width: 690px;}
#layer-news .result_table > tbody > tr:hover > td {font-weight: 500;}
#layer-news .result_table > tbody > tr.no-data:hover > td {font-weight: 400;}
#layer-news .result_table > tbody::-webkit-scrollbar { width: 16px; }
#layer-news .result_table > tbody::-webkit-scrollbar-track { background-color: #cccccc }
#layer-news .result_table > tbody::-webkit-scrollbar-thumb { background-color: #ffffff; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
#layer-news .result_table > tbody::-webkit-scrollbar-button { width: 0; height: 0; }

#layer-noti-kcgs div.contn, 
#layer-noti-kesg div.contn,
#layer-noti-moodys div.contn,
#layer-noti-msci div.contn,
#layer-noti-sp div.contn,
#layer-noti-news div.contn {font-size: 13px; font-weight: 400; color: #666666; line-height: 1.5;}
#layer-noti-msci div.contn a,
#layer-noti-moodys div.contn a {color: #00abd4; text-decoration: underline;}