/*form system*/
.selectbox {position:relative; width:180px; height:24px; border:1px solid #fff; z-index:1; margin:0 auto; background-color:#282828; outline-width: 0;}
.selectbox.focus { border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}
.selectbox:before {content:""; position:absolute; top:50%; right:15px; width:0; height:0; margin-top:-1px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:5px solid #9c9c9c;}
.selectbox label { position:absolute; top:1px; left:5px; padding:5px; padding-left: 20px; color:#fff; z-index:-1; font-size: 0.8rem;}
.selectbox select {width:100%; height:24px; line-height: normal; border:0; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none;}



/*메인테이블01*/
.td_sec01{ width:100%; table-layout:fixed;}
.td_sec01 tbody tr td{padding-bottom:15px}
.td_sec01 tbody tr td a{display:block;}
.td_sec01 tbody tr td .tit{display:block; font-size:1rem; font-weight:400; color:#ffffff; width:100%;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.td_sec01 tbody tr td .date{font-size:0.9rem; font-weight:600; color:#555;}
/*메인테이블02*/
.td_sec02{width:100%;}
.td_sec02:nth-child(2){width:100%;margin-top:20px;}
.td_sec02 thead tr th{color:#fff; background-color:#32a2ad; padding:8px 0; font-size:14px; font-weight:normal; text-align: center;} /*1.2rem*/
.td_sec02 tbody tr td{font-size:1rem; color:#ffffff; text-align:center; padding:8px 0; border-bottom:1px solid rgba(206,206,206,0.5);}
.td_sec02 tr .br{border-right:1px solid rgba(206,206,206,0.5);}

/*계열사현황 테이블*/

.tb_info{width:100%;}
.tb_info tbody tr th.first,
.tb_info tbody tr td.first{border-top:1px solid #222;}
.tb_info tbody tr th,
.tb_info tbody tr td{padding:11.5px 0; border:1px solid #e3e3e3;}
.tb_info tbody tr th{background-color:#5067b8; color:#fff; font-size:1rem; font-weight:400;}
.tb_info tbody tr td{padding-left:5%; padding-right:5%; color:#555;}
.tb_info.type02 tbody tr th.first,
.tb_info.type02 tbody tr td.first{border-top:1px solid #5067b8;}

/*재무정보 table*/
.tb_type01{border: 1px solid #ccc; width: 100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0;}
.tb_type01 tr { border: 1px solid #ddd; padding: 5px; }
.tb_type01 th, .tb_type01 td { padding: 15px; text-align: center; border: 1px solid #ddd; }
.tb_type01 th {background-color:#5e6676; color:#fff; text-transform: uppercase; font-size: 1rem; letter-spacing: 1px;}
.tb_type01 tr .year{background-color:#f3f3f3;}

/*주가및공시*/
.tb_type02{width: 100%; border-collapse:collapse;}
.tb_type02 thead tr th{border-top: 2px solid #000; border-bottom: 1px solid #dbdbdb;}
.tb_type02 tr th{background: #f9f9f9; color: #252525; text-align: center; padding: 1em 0;}
.tb_type02 tr td{border-bottom: 1px solid #e5e5e5; color: #707070; padding: 1em 0; text-align: center;}
.tb_type02{border-top:2px solid #000; margin-bottom:1em;}
.tb_type02.vertical #val1{font-size: 2.5rem; font-weight: 700; padding: 0.5em 0; text-align:center; color: #252525;}
.tb_type02 tbody th {border-bottom: 1px solid #dbdbdb;}
.tb_type02 tr td:first-child{border-left:1px solid #fff;}
.tb_type02 td, .tb_type02 th{border-left: 1px solid #dbdbdb;}
.tb_type02 tr td:first-child { border-left: 1px solid #fff;}

/*IR자료실,공지사항*/

/*search area*/
.cont.notice .search-box{float:right; margin-bottom:30px;}
.cont.notice .search-box .search-type{display:none;}
.cont.notice .search-box .search-string{position:relative; top:-2px; box-sizing:border-box; display:inline-block; width:270px; height:40px; line-height:40px; padding:0 10px; border:1px solid #dddcdd; border-radius:0; background-color:transparent;}
.cont.notice .search-box .search-string:focus{border-color:#275e9e;}
.cont.notice .search-box .btn-search{display:inline-block; width:80px; height:40px; border:1px solid #555; background-color:#555; color:#fff; font-weight:bold;}
/*info*/
.cont.notice .board-area .info ul li{line-height:1.6em; color:#555;}

/*pagenation*/
.pagenation-wrap{display:block; text-align:center; margin-top:30px;}
.pagenation-wrap strong{border:1px solid #275e9e; color:#275e9e; font-size:1rem; line-height:32px; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center;}
.pagenation-wrap a{border:1px solid #fff; color:#000; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center;}


/*list*/
.tb_type03{table-layout:fixed; width:100%; border-collapse:collapse; border-top:2px solid #000;}
.tb_type03 thead tr th{border-bottom:1px solid #000; padding:10px 0; font-weight:400; font-size:1.143rem;}
.tb_type03 tbody tr td{border-bottom:1px solid #dddcdd; padding:20px 0; font-size:1rem; text-align:center;}
.tb_type03 tbody tr td.board-tit{text-align:left;}
.tb_type03 tbody tr td.board-tit a{position:relative; display:inline-block; box-sizing:border-box; width:100%; padding-right:50px; text-overflow:ellipsis;overflow: hidden;white-space: nowrap; vertical-align:middle;}
.tb_type03 tbody tr td.board-tit img{position:absolute; right:0; top:0;}
.tb_type03 tbody tr td.g_color{color:#aaa;}
.tb_type03 tbody tr td .notice-mark{display:block; font-size:1rem; width:50px; height:25px; line-height:25px; margin:0 auto; border-radius:12.5px; background-color:#022a5e; color:#fff; font-style:normal; }

.tb_type04 li{float:left; width:23.5%; margin-right:2%; border:1px solid #dddcdd; box-sizing:border-box; margin-bottom:2%; height:320px;}
.tb_type04 li:nth-child(4),
.tb_type04 li:nth-child(8),
.tb_type04 li:nth-child(12){margin-right:0;}

.tb_type04 li .img_area{height:180px; overflow:hidden; border-bottom:1px solid #dddcdd;}
.tb_type04 li .img_area img{width:100%; min-height:180px; vertical-align:top;}
.tb_type04 li .infos .top{border-bottom:1px solid #dddcdd; padding:20px 10px; }
.tb_type04 li .infos .top p{line-height:1.6em; font-weight:500; word-break:break-all; font-size:1.143rem;  height:50px; overflow:hidden;}
.tb_type04 li .infos .bottom{height:43px; line-height:43px; padding:0px 10px;}
.tb_type04 li .infos .bottom .date{ color:#aaa; letter-spacing:-1px;}
.tb_type04 li .infos .bottom .viewer{color:#aaa; letter-spacing:-1px;}





/*view*/
.boardview-tbl{table-layout:fixed; width:100%; border-top:2px solid #333;}
.boardview-tbl thead tr th{padding:15px 0; border-bottom:1px solid #333; font-size:1.143rem;}
.boardview-tbl thead tr td{position:relative; padding:15px 0; padding-right:80px; border-bottom:1px solid #333; font-size:1.143rem;}
.boardview-tbl thead tr td .title{display:inline-block; word-break:break-all;}
.boardview-tbl thead tr td .date{position:absolute; right:0; top:0; color:#aaa;font-size:1rem; font-weight:300; padding:15px 0; letter-spacing:-1px;}
.boardview-tbl tbody tr th{padding:15px 0; border-bottom:1px solid #333; font-size:1.143rem;}
.boardview-tbl tbody tr td{padding:15px 0; border-bottom:1px solid #333;}
.boardview-tbl tbody tr td .view-contents{font:initial; padding:20px; min-height:300px;}
.boardview-tbl tbody tr td .view-contents p{word-break:break-all; line-height:1.3em;}
.boardview-tbl tbody tr td .view-contents img,
.boardview-tbl tbody tr td .view-contents iframe,
.boardview-tbl tbody tr td .view-contents table{max-width:100% !important;}
.btn_area{margin-top:20px;}
.btn_area .icon_back{display:block; width:150px; height:50px; line-height:50px; text-align:center; border:2px solid #152e58; font-size:1.143rem; color:#152e58; font-weight:bold;}

/*인증보유현황*/
.confirm_table{width: 1060px; height: auto; border-top: 2px solid #3564aa;}
.confirm_table thead tr th{height: 55px; font-weight: normal; font-size: 16px; border-bottom: 1px solid #cecece; border-right: 1px solid #cecece;}
.confirm_table tbody tr td{height: 55px; font-weight: normal; font-size: 16px; border-bottom: 1px solid #cecece; text-align: center; border-right: 1px solid #cecece;}
.confirm_table tr .td4{border-right: 0;}
.confirm_table tbody tr td.tc{padding-left: 40px; padding-right: 20px;text-align: left;}
.confirm_table tbody tr td span a{border: 1px solid #3564aa; padding: 5px 10px; vertical-align: middle; border-radius: 5px; color: #3564aa; transition: all 0.5s}
.confirm_table tbody tr td span a:hover{background: #3564aa; color: #fff;}



/* 증명서*/

a.download-button {position: relative;
  display: inline-block;
  width: 155px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 10px;
  text-align: left;
  background: #3d57b0;
  color: #fff;
  padding: 12px 0 12px 25px;
}

a.download-button:after{  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 155px;
  height: 40px;
  content: '';
  background: url(http://www.kbicosmolink.co.kr/images/downimg.png) 85% 40% no-repeat;}