@charset "utf-8";

@import url('base.css');
@import url('layout.css');
@import url('main.css');
@import url('sub.css');
@import url('report.css');
@import url('esg.css');
/* 
File Name : common.css
Description : dsc
Author : sol (master@dmax.kr)
Date : 2016-08-18
 */




/*common*/
.limit{width:1200px; margin:0 auto;}

@media (max-width:1199px){
.limit{width:95%; margin:0 auto;}
}
/*commonEnd*/

h3{font-size:30px; margin-bottom:35px; background:url("/images/common/bull_h3.png") no-repeat 0 0; padding:9px 0 0 17px; color:#444;}


/*board*/
.searchForm{margin-bottom:10px; text-align:right;}
.prame{vertical-align:middle; font-size:14px; padding:5px;}
.searchtext{width:170px;}
.searchbtn{display:inline-block;vertical-align:middle; font-size:14px; background:#30375a; color:#fff; padding:10px 15px;}
.searchbtn:hover{color:#fff;}
.searchbtn:visited{color:#fff;}

@media (max-width:575px){
.searchtext{width:140px;}
}

.table01{margin-bottom:30px;}
.table01 thead tr th{border-top:2px solid #172fa6; border-bottom:1px solid #cfcfcf; background:#f6f6f6; font-size:15px; color:#444; padding:13px 0;}
.table01 tbody tr td{border-bottom:1px solid #ddd; font-size:14px; padding:10px 0; text-align:center;}
.table01 tbody tr td.line_l{text-align:left; padding:0 10px;}
.table01 tbody tr td a{font-size:14px;}

@media (max-width:575px){
.table01 thead tr th.mo_none{display:none;}
.table01 tbody tr td.mo_none{display:none;}
}

.pagenate{text-align:center;margin-bottom:40px;}
.pagenate a.num{display:inline-block; vertical-align:middle; font-size:12px; width:34px; height:33px; text-align:center; line-height:33px; border:1px solid #c8c8c8;}
.pagenate a.num:hover{border:1px solid #0b3296; color:#0b3296;}
.pagenate a.on{border:1px solid #0b3296; color:#fff; background:#0b3296;}
.pagenate a.on:hover{color:#fff;}


.btnzone{margin-bottom:70px; text-align:right;}
.btnzone a{display:inline-block; width:90px; height:40px; text-align:center; line-height:40px; font-size:14px;}
.btnzone input{display:inline-block; width:90px; height:40px; text-align:center; line-height:40px; font-size:14px;border:none;cursor:pointer;margin-top:-1px;}
.write{background:#2d5bd0; color:#fff;}
.write:visited{color:#fff;}
.rewrite{background:#1d2459; color:#fff;}
.rewrite:visited{color:#fff;}
.delete{background:#434343; color:#fff;}
.delete:visited{color:#fff;}
.delete:hover{color:#fff;}

@media (max-width:575px){
.btnzone{text-align:center;}
}

.table02{border-top:2px solid #172fa6; margin-bottom:15px;}
.table02 tbody th{border-bottom:1px solid #ddd; padding:10px 20px; font-size:14px; text-align:left; width:20%;}
.table02 tbody td{border-bottom:1px solid #ddd; height:35px; padding:4px 0; font-size:14px; width:80%;}
.table02 tbody td input.widthT{width:50%; font-size:14px; padding:3px;}
.table02 tbody td textarea{width:90%; font-size:14px; padding:5px; line-height:120%; margin:4px 0;}
.table02 tbody td select{vertical-align:middle; width:100px;}
.table02 tbody td input.width90{width:100px;}
.table02 tbody td span.br_onoff{display:none;}


@media (max-width:545px){
.table02 tbody th{border-bottom:1px solid #ddd; padding:10px 20px; font-size:14px; text-align:left; width:30%;}
.table02 tbody td{border-bottom:1px solid #ddd; height:35px; padding:4px 0; font-size:14px; width:70%;}
.table02 tbody td input.widthT{width:70%; font-size:14px; padding:3px;}
.table02 tbody td select{vertical-align:middle; width:27%;}
.table02 tbody td input.width90{width:27%}
.table02 tbody td span.br_onoff{display:block;}
}

@media (max-width:365px){
.table02 tbody th{border-bottom:1px solid #ddd; padding:10px 20px; font-size:14px; text-align:left; width:35%;}
.table02 tbody td{border-bottom:1px solid #ddd; height:35px; padding:4px 0; font-size:14px; width:65%;}
}



#board{margin-bottom:10%;}
.boardT.table{margin:5% 0; background-color:#fff; border-top:1px solid #000;}
.boardT.table-hover>tbody>tr:hover{background-color:#f5f5f5;}
.boardT.table .article{width:80%;}
.boardT.table .date{width:20%;}
.boardT.table td{border-bottom:1px solid #ddd; text-align:left; padding:0; line-height:150%; font-size:1.15em; font-weight:300;}
.boardT.table td.empty_table {text-align:center;padding:30px;}
.boardT.table td.empty_table:hover { background-color:#f5f5f5; }
.boardT.table td a{display:block; padding:4% 3%; color:#454545;}
.boardT.table .tit{display:block; margin-bottom:15px; font-size:1.25em; font-weight:400;}
.boardT.table .tit02{margin-bottom:0;}
.boardT td.date{text-align:center;vertical-align:middle;}
.boardT td.date span{display:block;}
.boardT td.date span.mobile{display:inline;}

@media (max-width:767px){
.boardT.table .article{width:75%;}
.boardT.table .date{width:25%;}
.boardT.table .date .mobile{display:none;}
.boardT.table td{font-size:1em;}
.boardT.table .tit{font-size:1em;}
}


.page{margin-bottom:80px;}
.page a{display:inline-block; margin:0 10px; color:#454545;}
.page a.pre, .page a.next{width:70px; padding:10px; border:1px solid #858585;}
.page a:hover, .page a.current{font-weight:bold; color:#f47920;}

@media(max-width:767px){
.page a{font-size:.95em; margin:0 8px;}
.page a.pre, .page a.next{width:50px; padding:5px;}
}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}