/******************************
***** 투자정보 investment *****
******************************/

/***** 전자공고 sc04_01 *****/

/*** list ***/
.sc04_01_01{
    width:100%;
}
.sc04_01_01 > table{
    width:100%;
}
.sc04_01_01 table thead tr{
    border-top:2px solid #313799;
    border-bottom:1px solid #313799;
    box-sizing:border-box;
    color:#313799;
}
.sc04_01_01 table thead th:nth-child(1){
    width:100px;
}
.sc04_01_01 table thead th:nth-child(3){
    width:100px;
}
.sc04_01_01 table tbody td:nth-child(3){
    text-align:center;
}
.sc04_01_01 table thead th:nth-child(4){
    width:100px;
}
.sc04_01_01 table tbody td:nth-child(4){
    text-align:center;
}
.sc04_01_01 table th , .sc04_01_01 table td{
    line-height:60px;
}
.sc04_01_01 table tbody tr{
    border-bottom:1px solid #dddddd;
}
.sc04_01_01 table tbody tr.notice{
    background-color:#eeeeee;
    border-bottom:0;
}
.sc04_01_01 table tbody th:nth-child(1){
    font-weight:300;
}
.sc04_01_01 table tbody > tr > td::after{
    content:'';
    display:block;
    clear:both;
}
.sc04_01_01 table tbody > tr > td:nth-child(2){
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.sc04_01_01 table tbody > tr > td > a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width:calc(100% - 60px);
    height:100%;
    padding-bottom: 1px;
    float:left;
}
.sc04_01_01 table tbody > tr > td > a > span{
    width:95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    overflow:hidden;
    vertical-align:middle;
    text-overflow: ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    float:left;
}
div.sc04_01_01 > table > tbody > tr > td > span{
    width:50px;
}
div.sc04_01_01 > table > tbody > tr > td > span > svg:first-child path{
    fill:#313799
}
div.sc04_01_01 > table > tbody > tr > td > span > svg:last-child{
    padding-left:5px;
}

@media screen and (max-width:850px){
    .sc04_01_01 table thead th:nth-child(1){
        width:80px;
    }
    .sc04_01_01 table thead th:nth-child(3){
        width:80px;
    }
    .sc04_01_01 table th , .sc04_01_01 table td{
        line-height:50px;
        font-size:16px;
    }
}
@media screen and (max-width:600px){
    .sc04_01_01 table thead th:nth-child(1){
        width:60px;
    }
    .sc04_01_01 table thead th:nth-child(3){
        width:60px;
    }
    .sc04_01_01 table th , .sc04_01_01 table td{
        line-height:40px;
        font-size:14px;
    }
}

/*** view ***/
.sc04_01_01_v > .title{
    border-top:2px solid #313799;
    border-bottom:1px solid #313799;
    box-sizing:border-box;
    padding:15px 35px;
}
.sc04_01_01_v > .title > h1{
    width:100%;
    display: inline-block;
    word-break: break-all;
    font-size:25px;
    font-weight:700;
}
.sc04_01_01_v > .title > h5{
    font-size:16px;
    margin-top:15px;
    color:#666;
}
.sc04_01_01_v #bo_v_link > ul > li , .sc04_01_01_v #bo_v_file > ul > li{
    padding:15px 35px;
    clear:both;
    border-bottom:1px solid #dddddd;
}
.sc04_01_01_v #bo_v_file > ul > li a{
    box-sizing:border-box;
    font-size:16px;
    font-weight:500;
    color:#333;
}
.sc04_01_01_v #bo_v_link > ul > li strong , .sc04_01_01_v #bo_v_file > ul > li strong{
    padding-left:10px;
    box-sizing:border-box;
    font-size:16px;
    font-weight:500;
    color:#333;
}

.sc04_01_01_v > .text{
    padding-left:35px;
    padding-right:35px;
}

@media screen and (max-width:850px){
    .sc04_01_01_v > .title{
        padding:15px 20px;
    }
    .sc04_01_01_v > .title > h1{
        font-size:20px;
    }
    .sc04_01_01_v #bo_v_link > ul > li , .sc04_01_01_v #bo_v_file > ul > li{
        padding:15px 20px;
        line-height:1.5;
    }
    .sc04_01_01_v #bo_v_file > ul > li a{
        font-size:14px;
    }
    .sc04_01_01_v #bo_v_link > ul > li strong , .sc04_01_01_v #bo_v_file > ul > li strong{
        padding-left:5px;
        font-size:14px;
    }
    .sc04_01_01_v > .text{
        padding-left:20px;
        padding-right:20px;
    }
}

@media screen and (max-width:600px){
    .sc04_01_01_v > .title{
        padding:10px;
    }
    .sc04_01_01_v > .title > h1{
        font-size:18px;
    }
    .sc04_01_01_v > .title > h5{
        font-size:14px;
        margin-top:10px;
    }
    .sc04_01_01_v #bo_v_link > ul > li , .sc04_01_01_v #bo_v_file > ul > li{
        padding:10px;
        font-size:14px;
    }
    .sc04_01_01_v > .text{
        padding-left:10px;
        padding-right:10px;
    }
}

/*** write ***/
.sc04_01_01_w .bo_v_option{
    padding-bottom:20px;
}
.sc04_01_01_w .write #wr_subject{
    width: 100%;
    height: 100%;
    border: 1px solid #d0d3db;
    background: #fff;
    color: #1c1c1c;
    font-size: 16px;
    vertical-align: middle;
    border-radius: 3px;
    padding: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    margin-bottom:20px;
}
.sc04_01_01_w .write #wr_name{
    width: 40%;
    height: 100%;
    border: 1px solid #d0d3db;
    background: #fff;
    color: #1c1c1c;
    font-size: 16px;
    vertical-align: middle;
    border-radius: 3px;
    padding: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    margin-bottom:20px;
}
.sc04_01_01_w .write #wr_password{
    width: 40%;
    height: 100%;
    border: 1px solid #d0d3db;
    background: #fff;
    color: #1c1c1c;
    font-size: 16px;
    vertical-align: middle;
    border-radius: 3px;
    padding: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    margin-bottom:20px;
}
.sc04_01_01_w .write #wr_content{
    width: 100%;
    height: 300px;
    border: 1px solid #d0d3db;
    background: #fff;
    color: #1c1c1c;
    font-size: 16px;
    vertical-align: middle;
    border-radius: 3px;
    padding: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    margin-bottom:20px;
}

@media screen and (max-width: 850px){
    .sc04_01_01_w .bo_v_option{
        padding-bottom:15px;
        font-size:16px;
    }
    .sc04_01_01_w .write #wr_subject{
        padding:7px;
    }
}
@media screen and (max-width: 600px){
    .sc04_01_01_w .bo_v_option{
        padding-bottom:10px;
        font-size:14px;
    }
    .sc04_01_01_w .write #wr_subject{
        padding:5px;
    }
}

/* 링크 link */
.sc04_01_01_w .write .bo_w_link{
    position: relative;
    margin-bottom:10px;
}
.sc04_01_01_w .write .bo_w_link label {
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 3px 0 0 3px;
    height: 38px;
    line-height: 38px;
    width: 40px;
    font-size: 1.2em;
    text-align: center;
    color: #1c1c1c;
}
.sc04_01_01_w .write .bo_w_link label > svg{
    width:40%;
    height:40%;
    transform: translateY(-3px);
}
.sc04_01_01_w .write .bo_w_link label > svg > path{
    fill:#1c1c1c;
}
.sc04_01_01_w .write .bo_w_link input{
    height: 40px;
    padding:15px 15px 15px 50px;
    width: 100%;
    border: 1px solid #d0d3db;
    background: #fff;
    color: #1c1c1c;
    font-size: 16px;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

/* 파일첨부 file upload*/
.wr_file_upload > li:not(:last-child){
	padding-bottom:10px;
}
.filetype {
	position:relative;
	display:block;
	width:100%;
	border:1px solid #cfcfcf;
	border-radius:3px;
	padding:3px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.filetype * {
  vertical-align: middle;
}
.filetype:after{
	overflow:hidden;
}

.filetype > span{
	float:left;
}

.filetype .file-text {
	position: relative;
	width:calc(100% - 200px);
	height:38px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	background-color:rgba(255,255,255,0);
	padding-left:1%;
}

.filetype .file-select {
  position: absolute;
  top: 0;
  left: 0;
  width:130px;
  height:38px;
  overflow: hidden;
  z-index:50;
  padding:3px;
}

.filetype .file_del {
    display: block;
    position: absolute;
    right: 6.5%;
    top: 10px;
}

.filetype .file-select .input-file {
  width:120px;
  height:38px;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor:pointer;
}

.filetype .file-text + .file-btn {
	display: inline-block;
    background-color: #313799;
    width: 10%;
    height: 38px;
    line-height: 38px;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
}

/* 추가/삭제 */
.file_btns{width:fit-content;position:absolute;right:10px;top:25%;}

.sound_only{
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}

@media screen and (max-width: 850px){
	.filetype .file-text {
		width:calc(100% - 100px);
	}

	.filetype .file-select {
	  width:100px;
	}

	.filetype .file-select .input-file {
	  width:calc(100% - 100px);
	}

	.filetype .file-text + .file-btn {
		width:100px;
	}
}
@media screen and (max-width: 600px){
	.filetype .file-text {
		width:calc(100% - 90px);
		font-size:14px;
		height:30px;
	}

	.filetype .file-select {
	  width:90px;
	}

	.filetype .file-select .input-file {
	  width:calc(100% - 90px);
	}

	.filetype .file-text , .filetype .file-btn {
		width:90px !important;
		font-size:14px;
		height:30px !important;
		line-height:30px !important;
	}
	.file_btns , .file_btns2{top:25%;font-size:14px;}
}

/***** 재무정보 sc04_02 *****/
.sc04_02_01 table , .sc04_02_02 table{
    width:100%;
}
.sc04_02_01 table thead th , .sc04_02 table thead th{
    width:calc(100% / 4);
}
.sc04_02_01 table th , .sc04_02_02 table th{
    background-color:#f9f9f9;
    box-sizing:border-box;
}
.sc04_02_01 > div.pdt50 > table > tbody > tr > td , .sc04_02_02 > div.pdt50 > table > tbody > tr > td{
    border:0;
}
.sc04_02_01 table th , .sc04_02_01 table td , .sc04_02_02 table th , .sc04_02_02 table td{
    border:1px solid #dddddd;
    height:50px;
    line-height:50px;
    text-align:center;
    vertical-align: middle;
}
.two_lh{
    line-height:1.1;
    display:inline-block;
    padding:20px 0;
}
.eng_th{white-space: nowrap;}
@media screen and (max-width:850px){
    .sc04_02_01 table th , .sc04_02_01 table td , .sc04_02_02 table th , .sc04_02_02 table td{
        font-size:16px;
        height:45px;
        line-height:45px;
    }
    .two_lh{
        display:inline-block;
        padding:15px 0;
    }
}
@media screen and (max-width:600px){
    .sc04_02_01 table th , .sc04_02_01 table td , .sc04_02_02 table th , .sc04_02_02 table td{
        font-size:14px;
        height:40px;
        line-height:40px;
    }
    .two_lh{
        display:inline-block;
        padding:10px 0;
    }
}
@media screen and (max-width:500px){
    .sc04_02_01 table th , .sc04_02_01 table td , .sc04_02_02 table th , .sc04_02_02 table td{
        font-size:13px;
    }
    .eng_ov{overflow-x: scroll;}
}

/***** 주가정보 sc04_04 *****/
.sc04_04_01_top > .date_refresh{
    font-size:20px;
}
.sc04_04_01_top > .date_refresh > button{
    padding:7px 15px;
    box-sizing:border-box;
    border:1px solid #313799;
    margin-left:10px;
    border-radius:3px;
    color:#313799;
    transition:all 0.3s;
}
.sc04_04_01_top > .date_refresh > button:hover{
    background-color:#313799;
    color:#fff;
}
.stock{
    width:15px;
    height:15px;
    display:inline-block;
    transform:translateY(3px);
}
.stock > img{
    transform:translateY(-2px);
}
.num_val{
    max-width:30%;
    width:100%;
    display:inline-block;
    text-align:right;
}

.sc04_04_01 table{
    width:100%;
}
.sc04_04_01 table thead th{
    width:calc(100% / 6);
}
.sc04_04_01 table th{
    background-color:#f9f9f9;
    box-sizing:border-box;
}
.sc04_04_01 table th , .sc04_04_01 table td{
    border:1px solid #dddddd;
    height:50px;
    text-align:center;
    vertical-align: middle;
}

@media screen and (max-width:850px){
    .sc04_04_01_top > .date_refresh{
        font-size:18px;
    }
    .sc04_04_01_top > .date_refresh > button{
        padding:5px 12px;
    }
    .stock{
        width:12px;
        height:12px;
        transform:translateY(2px);
    }
    .sc04_04_01 table th , .sc04_04_01 table td{
        font-size:16px;
        height:45px;
    }
}
@media screen and (max-width:600px){
    .sc04_04_01_top > .date_refresh{
        font-size:16px;
    }
    .sc04_04_01_top > .date_refresh > button{
        padding:3px 10px;
        margin-left:5px;
    }
    .num_val{
        max-width:50%;
        width:100%;
        display:inline-block;
        text-align:right;
    }
    .stock{
        width:10px;
        height:10px;
        transform:translateY(1px);
    }
    .sc04_04_01 table th , .sc04_04_01 table td{
        font-size:14px;
        height:40px;
    }
}
@media screen and (max-width:500px){
    .stock{
        width:8px;
        height:8px;
        transform:translateY(2px);
    }
    .sc04_04_01 table th , .sc04_04_01 table td{
        font-size:12px;
        height:35px;
    }
}

/***** 내부정보관리규정 sc04_05 *****/
.sc04_05_01 > div > h1{
    font-size:25px;
    font-weight:700;
}
.sc04_05_01 > div > ul{
    padding-left:30px;
}
.sc04_05_01 > div > ul > li{
    padding:10px 0;
    line-height:1.5;
    font-weight:400;
}
.sc04_05_01 > div > ul > li:first-child{
    padding:20px 0 0;
}
.sc04_05_01 > div > ul > li:last-child{
    padding:10px 0 0;
}

@media screen and (max-width:850px){
    .sc04_05_01 > div > h1{
        font-size:20px;
    }
    .sc04_05_01 > div > ul{
        padding-left:20px;
    }
    .sc04_05_01 > div > ul > li{
        font-size:16px;
    }
}
@media screen and (max-width:600px){
    .sc04_05_01 > div > h1{
        font-size:18px;
    }
    .sc04_05_01 > div > ul{
        padding-left:10px;
    }
    .sc04_05_01 > div > ul > li{
        padding:7px 0;
        font-size:14px;
    }
    .sc04_05_01 > div > ul > li:first-child{
        padding:15px 0 0;
    }
    .sc04_05_01 > div > ul > li:last-child{
        padding:7px 0 0;
    }
}