@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/*23-10-04 다른 페이지랑 폰트 차이가 있어서 해당 CSS 주석처리*/
/*html body {font-family:'Pretendard',NanumGothic,NanumGothicBold,verdana,gulim,dotum; color:#000; font-size:16px; font-weight:400; line-height:1; letter-spacing:-0.03rem; min-width:320px;}*/
b, strong {font-weight: 600;}


/* table */
table {width:100%; border-top:2px solid #222; background-color:#fff;}
table thead th {background-color:#fafafa; color:#414141;}
table thead th, table tbody th {font-weight:400;}
table thead th, table tbody th, table tbody td{padding:12px 0; border-bottom:1px solid #eee;  line-height:20px;text-align:center;}
div[name~="content"] table thead th, div[name~="content"] table tbody th, div[name~="content"] table tbody td,
div[class~="boardContent"] table thead th, div[class~="boardContent"] table tbody th, div[class~="boardContent"] table tbody td{text-align:left !important;}
table tbody td{padding:12px 5px;}
/*not*/
table.__se_tbl_ext{border:0;text-align:left;}
table.__se_tbl_ext tbody td{padding:0;border:0;line-height:normal;word-break: normal;}
table.__se_tbl_ext table.__se_tbl_ext{background-color:transparent}
table.__se_tbl_ext tbody td[bgcolor=#0B3387]{background-color:#0B3387}

table.type01 {border-left:1px solid #eee;}
table.tal tbody th, table.tal tbody td {text-align:left !important;}
table.type01 tbody th {vertical-align:top;background-color:#f2f2f2;}
table.type01 thead th, table.type01 tbody th, table.type01 tbody td {padding:12px 15px; border-right:1px solid #eee;}
table.type01 thead th.bgcg, table.type01 tbody td.bgcg {background-color:#eaf0ef !important;}
table thead th.align {position:relative; padding:12px 30px 12px 15px; text-align:left;}
table thead th.align button {display:inline-block; position:absolute; right:10px; top:12px; width:20px; height:20px;}
table thead th.align button:before {content:""; position:absolute; left:5px; top:3px; border-bottom: 6px solid #111; border-left: 5px solid transparent; border-right: 5px solid transparent;}
table thead th.align button:hover:before {border-bottom-color:#0a72ca;}
table thead th.align button:after {content:""; position:absolute; left:5px; bottom:3px; border-top: 6px solid #111; border-left: 5px solid transparent; border-right: 5px solid transparent;}
table thead th.align button:hover:after {border-top-color:#0a72ca;}
table thead th.align.ascending button:after {display:none;}
table thead th.align.descending button:before {display:none;}

/* 20170623추가 */
table tbody td.link {max-width:300px; padding:12px 10px; text-align:left !important;}
table tbody td.link a {display:inline-block; float:left; width:auto; max-width:85%; text-overflow:ellipsis;overflow: hidden; white-space:nowrap; word-break:break-all;}/* 20170711수정 */
table tbody td .ba_comment {display:inline-block; float:left; width:20px; margin-left:5px; padding:0 3px; border-radius:30px; background-color:#111; text-align:center; color:#fff; line-height:20px;}/* 20170711수정 */
table tbody td .i_notice {display:inline-block; width:14px; height:19px; background-image:url("../../images/renewal/i_notice.png"); background-repeat:no-repeat; background-size:14px auto; background-position:center center;}
table tbody td .i_file {display:inline-block; width:16px; height:16px; background-image:url("../../images/renewal/i_file.png"); background-repeat:no-repeat; background-size:16px auto; background-position:center center;}
table tbody td .i_rock {display:inline-block; width:14px; height:19px; background-image:url("../../images/renewal/i_rock.png"); background-repeat:no-repeat; background-size:14px auto; background-position:center center;}
/* table tbody td .ba_icon {display:inline-block; vertical-align:middle; position:relative; width:16px; height:16px; margin-right:3px;}
table tbody td .ba_icon:before {position:absolute; left:0; top:0; width:16px; height:16px; border-radius:3px; text-align:center; font-size:12px; line-height:15px; color:#fff;}
table tbody td .ba_icon.i_question:before {content:'Q'; background-color:#5e738b;}
table tbody td .ba_icon.i_answer:before {content:'A'; background-color:#f4940b;} */
/* 20170627추가 */
table tbody td .i_reply {display:inline-block; vertical-align:middle; position:relative; width:50px; height:20px;margin-right:5px;}
table tbody td .i_reply:before {content:""; position:absolute; left:0px; top:2px; width:15px; height:12px;display:inline-block;background-image:url('../../images/renewal/icon-reply.png'); border-bottom:none; border-left: none;}
table tbody td .i_reply:after {content: "";position: absolute; left: 20px; top: 0;width: 30px;height: 16px;display: inline-block;content: 'RE';background-color: #2f7ecc;border-radius: 3px;color: #fff;text-align: center;font-size: 12px;line-height: 17px;border-top: none;border-left: none;border-bottom: none;}


/* list */
.list {display:inline-block; vertical-align:middle; width:100%;}
.list > li {display:block; vertical-align:middle; position:relative; width:auto; margin-bottom:10px; padding-left:15px; font-size:14px; line-height:20px;}
.list > li:before {content:""; position:absolute; left:0; top:9px; width:4px; height:1px; background-color:currentcolor;}
.list > li:last-child {margin-bottom:0;}
.list.circle > li:before {content:""; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:currentcolor; border-radius:10px;}
.list.square > li:before {content:""; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:currentcolor;}
.comment-ico {width:16px; height:14px;  background-image:url("../../images/renewal/list/icon-comment2.png");  display:inline-block; margin:3px 0 0 10px;}
.comment-text {display:inline-block; font-size:14px; color:#777; font-weight:600;}
.lock-ico {width:12px; height:14px;  background-image:url("../../images/renewal/list/ico_lock.png");  display:inline-block; margin:3px 0 0 10px;}
.draft-ico {width:16px; height:15px;  background-image:url("../../images/renewal/list/icon_draft.png");  display:inline-block; margin:3px 0 0 10px;}
.new-ico {width:15px; height:15px;  background-image:url("../../images/renewal/list/ico_new.png");  display:inline-block; margin:3px 0 0 10px; animation: blink 1.5s infinite;}
.qna_q a::before{content:"Q. "; font-weight:700; color:#0075f9; }
.qna_a a::before{content:"　A. "; font-weight:700; color:#109ba0; }

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* f_table */
.f_table {display:inline-block; vertical-align:middle; position:relative; width:100%; border-top:2px solid #0a72ca; border-left:1px solid #ddd; font-size:14px;}
.f_table.bt1 {border-top:1px solid #ddd;}/* 20170608 */
.f_table .ft_area {display:table; width:100%; border-bottom:1px solid #ddd;}
.f_table .ft_area .fta_label {display:table-cell; vertical-align:top; padding:0 10px; background-color:#f5f5f5; border-right:1px solid #ddd; font-weight:400; text-align:right; line-height:40px;}
.f_table .ft_area .fta_input {display:table-cell; vertical-align:top; border-right:1px solid #ddd;}
.f_table .ft_area .fta_input .fta_txt {line-height:20px; padding:10px 0;}
.f_table .ft_area .f_table {border-top:0px; border-left:0px;}
.f_table .ft_area .f_table .ft_area {border-color:#eee;}
.f_table .ft_area .f_table .ft_area:last-child {border-bottom:0px;}
.f_table .ft_area .fta_label > .area, .f_table .ft_area .fta_input > .area {padding:5px; box-sizing:border-box;}
.f_table .ft_area .f_table .ft_area .fta_input:last-child {border-right:0px;}
.f_table .ft_area .fta_title {display:table-cell; vertical-align:middle; padding:20px 0px; background-color:#fafafa; font-weight:400; text-align:center; line-height:20px;}
.f_table .ft_area .fta_txt {display:table-cell; vertical-align:middle; text-align:center;}



/* 파일첨부 */
.file_input {display:inline-block; vertical-align:middle; position:relative; width:100%; margin:2px 0;}
.file_input label {position:absolute;right:0; top:0px; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:100px; height:40px; background:#3589d1; color:#fff; text-align:center; line-height:40px; font-size: 14px;}
.file_input label:hover{background:#02568d; transition:0.3s;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; border:0;}
.file_input input[type=text] {display:block; width:100%; height:40px; line-height:40px; font-size:12px; padding:0; border:0; border:1px solid #ddd;}


/* .btn {display:inline-block; vertical-align:middle; min-width:100px; height:40px; padding:0 20px; line-height:40px; border:1px solid #5e738b; background-color:#5e738b; color:#fff; text-indent:0px; cursor:pointer; transition:0.2s; text-align:center; box-sizing:border-box;}
.btn:hover {background-color:#56697f;}
.btn_area {display:inline-block; vertical-align:middle; width:100%;}
.btn_area.btn1 .btn {float:left; width:100%;}
.btn_area.btn2 .btn {float:left; width:50%;}
.btn_area.btn3 .btn {float:left; width:33.3%;}
.btn_area.btn4 .btn {float:left; width:25%;}
.btn_area.btn5 .btn {float:left; width:20%;}
.btn_area.btn6 .btn {float:left; width:16.66%;}
.btn_area.btn7 .btn {float:left; width:14.28%;}
.btn_area.btn8 .btn {float:left; width:12.5%;}
.btn.bgcm {background-color:#003663; border-color:#003663;}
.btn.bgcm:hover {background-color:#2f87c3; border-color:#2f87c3;}
.btn.bggr {background-color:#29b4b6; border-color:#29b4b6;}
.btn.bggr:hover {background-color:#26a6a8; border-color:#26a6a8;}
.btn.bggm {background-color:#525e64; border-color:#525e64;}
.btn.bggm:hover {background-color:#485358; border-color:#485358;}
.btn.bgcr {background-color:#e7505a; border-color:#e7505a;}
.btn.bgcr:hover {background-color:#dc4c55; border-color:#dc4c55;}
.btn.small {min-width:auto; height:24px; padding:0 10px; line-height:24px;}
.btn.small span {display:inline-block; background-color:#2a5693; margin-left:5px; padding:0 6px; border-radius:10px; font-size:12px; line-height:14px;}
.i_btn {display:inline-block; vertical-align:middle; width:40px; height:40px; border:1px solid #ddd; background-repeat:no-repeat; background-position:center center; background-size:40px auto; transition:0.2s;}
.i_calender {background-image:url("./../images/i_calendar.png"); border-left:0px; float:left;}
.i_calender:hover {background-color:#eee;} */

/* boardContent css reset */
.boardContent {display:inline-block; vertical-align:middle; width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #ddd;}
.boardContent table {width:inherit; border-top:inherit; background-color:inherit;}
.boardContent table thead th, .boardContent table tbody th, .boardContent table tbody td {padding:inherit; margin:inherit; border:inherit; line-height:inherit; text-align:inherit !important;}

/* paging */
.paging.type01 a.p_prev_first, .paging a.p_next_last {
    position: relative;
}
.paging.type01 a.p_prev_first:before {
    content: '';
    position: absolute;
    right: 12px;
    top: 16px;
    width: 5px;
    height: 5px;
    border-bottom: solid 1px currentcolor;
    border-left: solid 1px currentcolor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.paging.type01 a.p_prev_first:after {
    content: '';
    position: absolute;
    right: 18px;
    top: 16px;
    width: 5px;
    height: 5px;
    border-bottom: solid 1px currentcolor;
    border-left: solid 1px currentcolor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.paging.type01 a.p_next_last:before {
    content: '';
    position: absolute;
    right: 12px;
    top: 16px;
    width: 5px;
    height: 5px;
    border-bottom: solid 1px currentcolor;
    border-left: solid 1px currentcolor;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.paging.type01 a.p_next_last:after {
    content: '';
    position: absolute;
    right: 18px;
    top: 16px;
    width: 5px;
    height: 5px;
    border-bottom: solid 1px currentcolor;
    border-left: solid 1px currentcolor;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

@media all and (max-width:1000px){
	.paging a.p_prev_first:before, .paging.type01 a.p_prev_first:before, .paging a.p_next_last:before, .paging.type01 a.p_next_last:before {
		right: 9px;
		top: 12px;
	}
	.paging a.p_prev_first:after, .paging.type01 a.p_prev_first:after, .paging a.p_next_last:after, .paging.type01 a.p_next_last:after {
		right: 14px;
		top: 12px;
	}
}