@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
/*
font-family: 'Pretendard';
font-weight: 100; Thin
font-weight: 200; ExtraLight
font-weight: 300; Light
font-weight: 400; Regular
font-weight: 500; Medium
font-weight: 600; SemiBold
font-weight: 700; Bold
font-weight: 800; ExtraBold
font-weight: 900; Black
*/

/* reset */
* {
    /*font-family:'Pretendard', arial, sans-serif; 20230810 최원석 주석*/
    font-size:100%;
    color:#111;
}

.ptit {
    margin:40px 0 20px;
    font-size:19px; color:#111; font-weight:normal;
}

/* 버튼 */
.pr-del {
    display:inline-block;
    width:29px;
    height:29px;
    background:url("../../img/prz/iou_btn_del.png") no-repeat center;
    font-size:0;
}
.pr-search {
    display:inline-block;
    width:29px;
    height:29px;
    background:url("../../img/prz/iou_btn_search.png") no-repeat center;
    font-size:0;
}
.pr-search2 {
    display:inline-block;
    width:29px;
    height:29px;
    background:url("../../img/prz/iou_btn_search.png") no-repeat center;
    font-size:0;
}
.pr-add {
    display:inline-block;
    /* height:29px; */
}
.pr-add span {
    display:inline-block;
    padding-left:20px;
    background:url("../../img/prz/icon_add.png") no-repeat left center;
    color:#fff;
    /* font-size:13px; */
}



/* flex 관련 */
.ml-auto {margin-left:auto;}
.dflex {display:flex; align-items:center;}
.cgap-10 {column-gap:10px;}
.flex-1 {flex:1;}
.flx-center {justify-content:center;}

/* width */
.pr-w100 {width:100%;}
.prw100 {width:100px;}
.prw60 {width:60px;}

/* layout */
.pr-indiv {
    width:1100px;
    margin:0 auto;
    box-sizing:border-box;
}

/* 반응형 */
@media all and (max-width:1120px) {
    .pr-indiv {width:100%; padding:0 20px;}
}

/* 메인 */
.smpp-prz-main {}

/* 포상 */
.smpp-prz-main .pm-vs {padding:40px 0; background:#dfe5f2; overflow:hidden;}
.smpp-prz-main .pm-vs .pr-indiv {display:flex; align-items:center;}
.smpp-prz-main .pm-vs .pr-indiv .left {flex:1; padding-right:47px; box-sizing: border-box;} /* 20230504 최원석 글자 자간 위해 수정 */
.smpp-prz-main .pm-vs .pr-indiv .left h2 {font-size:32px; color:#111; font-weight:800;}
.smpp-prz-main .pm-vs .pr-indiv .left p {margin-top:40px; font-size:20px; color:#111; line-height:1.9;}
.smpp-prz-main .pm-vs .pr-indiv .left p span {display:inline-block; color:#a83338; font-weight:800; line-height:1.8;}
.smpp-prz-main .pm-vs .pr-indiv .left div {margin-top:45px; font-size:16px; color:#111; font-weight:500; line-height:1.4;}

.smpp-prz-main .pm-vs .pr-indiv .right {width:550px;}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box {
    position:relative;
    border-radius:20px;
    padding:40px;
    background: linear-gradient(60deg, rgba(64,107,179,1) 0%, rgba(0,52,113,1) 100%);
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.4);
}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box:after {
    display:block;
    content:"";
    position:absolute;
    right:-80px;
    bottom:-40px;
    width:162px;
    height:218px;
    background:url("../../img/prz/trophy.png") no-repeat center;
    background-size:162px auto;
}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box h2 {margin-bottom:15px; font-size:32px; color:#fff; font-weight:800; text-align:center; line-height:1;}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box p {font-size:14px; color:#fff; text-align:right; padding-right:20px;}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table {width:100%;}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr {display:flex; margin-top:10px; border-radius:100vw; overflow:hidden;}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .th,
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .td {flex:1; font-size:16px; color:#111; padding:7px 15px;}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .th {text-align:center; background:#b7cffa;}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .td {text-align:center; background:#d3e0f6;}
.smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .txt-left {flex:1.2; text-align:left;}

/* 반응형 */
@media all and (max-width:1100px) {
    .smpp-prz-main .pm-vs .pr-indiv {flex-wrap:wrap;}
    .smpp-prz-main .pm-vs .pr-indiv .left {padding-right:0;}
    .smpp-prz-main .pm-vs .pr-indiv .right {flex-basis:100%; width:100%; margin-top:40px;}
    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box:after {display:none;}
}
/* 반응형 */
@media all and (max-width:580px) {
    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .txt-left {flex:1.5;}
}
/* 반응형 */
@media all and (max-width:520px) {
    .smpp-prz-main .pm-vs .pr-indiv .left h2 {font-size:20px;}
    .smpp-prz-main .pm-vs .pr-indiv .left p {margin-top:20px; font-size:16px;}
    .smpp-prz-main .pm-vs .pr-indiv .left div {margin-top:25px; font-size:13px;}

    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box {padding:20px;}
    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box h2 {font-size:20px;}
    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box p {font-size:12px;}
    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .th,
    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .td {font-size:13px; padding:7px 10px;}
}
/* 반응형 */
@media all and (max-width:400px) {
    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .th,
    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .td {font-size:13px; padding:7px 5px;}
    .smpp-prz-main .pm-vs .pr-indiv .right .tbl-box .table .tr .txt-left {padding-left:10px;}
}

.smpp-prz-main .pm-banner {background:#003471;}
.smpp-prz-main .pm-banner .pr-indiv {display:flex; justify-content:right; column-gap:20px; padding-top:10px; padding-bottom:10px;}
.smpp-prz-main .pm-banner .pr-indiv a {display:inline-block; padding:10px 30px; font-size:20px; color:#fff; font-weight:800; border-radius:100vh;}
.smpp-prz-main .pm-banner .pr-indiv a.bn1 {background:#a83338;}
.smpp-prz-main .pm-banner .pr-indiv a.bn2 {background:#0969d9;}

/* 반응형 */
@media all and (max-width:1120px) {
    .smpp-prz-main .pm-banner .pr-indiv {}
}
/* 반응형 */
@media all and (max-width:520px) {
    .smpp-prz-main .pm-banner .pr-indiv {justify-content:space-between;}
    .smpp-prz-main .pm-banner .pr-indiv a {flex:1; font-size:15px; text-align:center; padding:10px 10px;}
}

/* 포상부문 */
.smpp-prz-main .pm-prize {position:relative;}
.smpp-prz-main .pm-prize:before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:50%;
    background:#2e5374;
    z-index:0;
}
.smpp-prz-main .pm-prize:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:50%;
    background:#a83338;
    z-index:0;
}
.smpp-prz-main .pm-prize .pr-indiv {position:relative; padding-top:70px; padding-bottom:70px; z-index:1;}
.smpp-prz-main .pm-prize .pr-indiv h2 {margin-bottom:30px; font-size:32px; color:#fff; font-weight:800; text-align:center; line-height:1;}
.smpp-prz-main .pm-prize .pr-indiv ul {display:flex; column-gap:10px;}
.smpp-prz-main .pm-prize .pr-indiv ul li {
    padding:30px 20px; text-align:center;
    flex:1; background:#fff url("../../img/prz/prize_bg.png") no-repeat center; border-radius:20px;
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.1);
}
.smpp-prz-main .pm-prize .pr-indiv ul li p {font-size:16px; color:#111; line-height:1.6;}
.smpp-prz-main .pm-prize .pr-indiv ul li p.sbj {margin:10px 0; font-size:20px; color:#003471; font-weight:800;}
.smpp-prz-main .pm-prize .pr-indiv > p {margin-top:20px; font-size:14px; color:#fff; line-height:1.4;}

/* 반응형 */
@media all and (max-width:1120px) {
    .smpp-prz-main .pm-prize .pr-indiv ul {flex-wrap:wrap;}
}
/* 반응형 */
@media all and (max-width:1100px) {
    .smpp-prz-main .pm-prize .pr-indiv ul li p {padding:0 20px;}
    .smpp-prz-main .pm-prize .pr-indiv ul li p br {display:none;}
}
/* 반응형 */
@media all and (max-width:720px) {
    .smpp-prz-main .pm-prize .pr-indiv ul li {flex-basis:100%; background-size:auto 80%;}
    .smpp-prz-main .pm-prize .pr-indiv ul li + li {margin-top:10px;}
}
/* 반응형 */
@media all and (max-width:520px) {
    .smpp-prz-main .pm-prize .pr-indiv {padding-top:50px; padding-bottom:50px;}
    .smpp-prz-main .pm-prize .pr-indiv h2 {margin-bottom:20px; font-size:20px;}
    .smpp-prz-main .pm-prize .pr-indiv ul li p {font-size:13px;}
    .smpp-prz-main .pm-prize .pr-indiv ul li p.sbj {font-size:16px;}
}

/* 포상부문 */
.smpp-prz-main .pm-process {position:relative;}
.smpp-prz-main .pm-process .pr-indiv {position:relative; padding-top:70px; padding-bottom:70px; z-index:1;}
.smpp-prz-main .pm-process .pr-indiv h2 {margin-bottom:30px; font-size:32px; color:#111; font-weight:800; text-align:center; line-height:1;}
.smpp-prz-main .pm-process .pr-indiv ul {display:block; font-size:0;}
.smpp-prz-main .pm-process .pr-indiv ul li {display:inline-block; width:25%; padding:30px 20px; text-align:center; box-sizing:border-box;}
.smpp-prz-main .pm-process .pr-indiv ul li span {display:inline-block; padding:10px 20px; border-radius:100vw; font-size:14px; color:#fff; font-weight:600;}
.smpp-prz-main .pm-process .pr-indiv ul li.step1 {background:#f0f1f5;}
.smpp-prz-main .pm-process .pr-indiv ul li.step1 span {background:#2e5374;}
.smpp-prz-main .pm-process .pr-indiv ul li.step2 {background:#f6f7f9;}
.smpp-prz-main .pm-process .pr-indiv ul li.step2 span {background:#d3742e;}
.smpp-prz-main .pm-process .pr-indiv ul li.step3 {background:#f0f1f5;}
.smpp-prz-main .pm-process .pr-indiv ul li.step3 span {background:#a83338;}
.smpp-prz-main .pm-process .pr-indiv ul li.step4 {background:#f6f7f9;}
.smpp-prz-main .pm-process .pr-indiv ul li.step4 span {background:#3170b7;}
.smpp-prz-main .pm-process .pr-indiv ul li p {font-size:18px; color:#111; font-weight:500;}
.smpp-prz-main .pm-process .pr-indiv ul li p.sbj {margin-top:20px; font-size:22px; font-weight:700;}
.smpp-prz-main .pm-process .pr-indiv ul li div.img {margin:20px 0; height:100px; padding:0 30px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;}
.smpp-prz-main .pm-process .pr-indiv ul li div.img img {max-height:100%;}

/* 반응형 */
@media all and (max-width:1120px) {

}
@media all and (max-width:1100px) {
    .smpp-prz-main .pm-process .pr-indiv ul li {width:50%; padding:30px 10px; }
    .smpp-prz-main .pm-process .pr-indiv ul li.step3 {background:#f6f7f9;}
    .smpp-prz-main .pm-process .pr-indiv ul li.step4 {background:#f0f1f5;}
    .smpp-prz-main .pm-process .pr-indiv ul li div.img {height:80px;}
}
@media all and (max-width:520px) {
    .smpp-prz-main .pm-process .pr-indiv {padding-top:50px; padding-bottom:50px;}
    .smpp-prz-main .pm-process .pr-indiv h2 {margin-bottom:20px; font-size:20px;}
    .smpp-prz-main .pm-process .pr-indiv ul li span {font-size:12px; padding:8px 15px;}
    .smpp-prz-main .pm-process .pr-indiv ul li p {font-size:13px;}
    .smpp-prz-main .pm-process .pr-indiv ul li p.sbj {font-size:16px;}
    .smpp-prz-main .pm-process .pr-indiv ul li div.img {height:50px;}
}


/* 역대수상자 */
.smpp-prz-main .pm-history {background:#e2e8f3;}
.smpp-prz-main .pm-history .pr-indiv {padding-top:70px; padding-bottom:70px;}
.smpp-prz-main .pm-history .pr-indiv h2 {margin-bottom:30px; font-size:32px; color:#111; font-weight:800; text-align:center; line-height:1;}
.smpp-prz-main .pm-history .pr-indiv > p {font-size:14px; color:#111; text-align:right;}
.smpp-prz-main .pm-history .pr-indiv .year {margin-top:10px; display:flex; background:#fff; border-radius:10px; border:solid 1px #ddd;}
.smpp-prz-main .pm-history .pr-indiv .year a {flex:1; padding:20px 10px; font-size:20px; color:#808080; font-weight:700; text-align:center;}
.smpp-prz-main .pm-history .pr-indiv .year a.on {border-radius:10px; background:#003471; color:#fff;}

.smpp-prz-main .pm-history .pr-indiv .year-conts {margin-top:20px;}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl + dl {margin-top:40px;}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl dt {padding-bottom:10px; border-bottom:solid 2px #406bb3;}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl dt a {position:relative; display:block; height:40px; line-height:38px; text-align:center; font-size:20px; color:#003471; font-weight:800;}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl dt a:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:40px;
    height:40px;
    background:#406bb3 url("../../img/prz/history_arr_down.png") no-repeat center;
    background-size:auto 12px;
    border-radius:10px;
}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl.on dt a:after {
    background:#406bb3 url("../../img/prz/history_arr_up.png") no-repeat center;
}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl dd {display:none; margin-top:20px; padding:40px 30px; background:#fff; border-radius:20px;}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl.on dd {display:block;}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl dd h3 {margin-bottom:10px; font-size:32px; color:#111; font-weight:800; text-align:center;}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl dd ul {font-size:0;}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl dd ul li {
    display:inline-block;
    width:50%; min-height:30px; font-size:20px; color:#111; margin-top:20px; padding:0 30px;
    background:url("../../img/prz/medal.png") no-repeat left center;
    box-sizing:border-box;
}
.smpp-prz-main .pm-history .pr-indiv .year-conts dl dd ul li span {display:inline-block; line-height:30px; margin-right:20px;}

@media all and (max-width:780px) {
    .smpp-prz-main .pm-history .pr-indiv .year-conts dl dd ul li {display:block; width:100%;}
}
@media all and (max-width:520px) {
    .smpp-prz-main .pm-history .pr-indiv {padding-top:50px; padding-bottom:50px;}
    .smpp-prz-main .pm-history .pr-indiv h2 {margin-bottom:20px; font-size:20px;}
    .smpp-prz-main .pm-history .pr-indiv > p {font-size:12px;}
    .smpp-prz-main .pm-history .pr-indiv .year a {padding:15px 10px; font-size:16px;}
    .smpp-prz-main .pm-history .pr-indiv .year-conts dl dt a {height:30px; line-height:28px; font-size:16px;}
    .smpp-prz-main .pm-history .pr-indiv .year-conts dl dt a:after {
        width:30px;
        height:30px;
        background-size:auto 8px;
    }    
    .smpp-prz-main .pm-history .pr-indiv .year-conts dl dd {padding:30px 20px;}
    .smpp-prz-main .pm-history .pr-indiv .year-conts dl dd h3 {font-size:20px;}
    .smpp-prz-main .pm-history .pr-indiv .year-conts dl dd ul li {
        min-height:30px; font-size:15px; padding:0 25px;
        background-size:auto 20px;
    }
}






/* 포상신청 prz-c210 */
.prz-step {}
.prz-step ul {display:flex;}
.prz-step ul li {
    flex:1;
    font-size:13px;
    color:#454545;    
    height:32px;
    line-height:32px;
    border-bottom:solid 1px #ddd;
    padding-bottom:6px;
    display:flex;
    align-items:center;
}
.prz-step ul li span {
    display:inline-block;
    width:32px;
    height:32px;
    line-height:32px;
    font-size:16px;
    color:#fff;
    font-weight:600;
    background:#dddddd;
    text-align:center;
    margin-right:10px;
    border-radius:100vh;
}
.prz-step ul li.on {color:var(--keycolor); font-weight:600; border-bottom:solid 1px var(--keycolor);}
.prz-step ul li.on span {background:var(--keycolor);}
.prz-step ul li.checkd {color:var(--keycolor); font-weight:600; border-bottom:solid 1px var(--keycolor);}
.prz-step ul li.checkd span {
    font-size:0;
    background:var(--keycolor) url("../../img/prz/step_check.png") no-repeat center;
    background-size:auto 14px;
}

.form-bottom-notice {}
.form-bottom-notice p {font-size:16px; color:#111;}





.pr-nec {margin-left:auto; font-size:13px; color:var(--keycolor);}


.prtype em.nec {color:var(--keycolor);}
.prtype a.link {color:var(--keycolor); text-decoration:underline;}

@media all and (max-width:780px) {
    .prtype {overflow-x:auto !important;}
    .prtype table {width:auto !important; min-width:780px !important;}
    .prtype table th,
    .prtype table td {white-space:nowrap;}

    .prtype.mauto table {width:auto !important; min-width:100% !important;}
}

/* input */
.prtype input[type=date] {
    border: 1px solid #999;
    color: #333;
    font-size: 12px;
    text-indent: 5px;    
    height:29px;
    line-height:29px; 
    padding:0 0; 
    box-sizing:border-box;
}
.prtype input[type=text] {
    border: 1px solid #999;
    color: #333;
    /* font-size: 12px; */
    text-indent: 5px;    
    /* height:29px; */
    line-height:29px; 
    padding:0 0; 
    box-sizing:border-box;
}

.prtype input[type=date] {padding-right:25px;}

/* calender */
.prtype input[type*="date"] {
    position: relative;
}
.prtype input[type*="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    color: transparent;
    cursor: pointer;  
    z-index: 1;
}
.prtype input[type*="date"]::-webkit-clear-button,
.prtype input[type*="date"]::-webkit-inner-spin-button {
  display: none;
}
.prtype input[type*="date"]:after {
    position: absolute;
    top: 50%;
    right: 5px;
    content: "";
    width: 18px;
    height: 18px;  
    background: #fff url("../../img/prz/icon_calendar.png") center center / contain;
    transform: translateY(-50%);
    z-index: 0;
} 

/* select */
.prtype .sel.a1 select {
    /* height:29px; */
}

/* textarea */
.prtype.tarea {font-size:0;}
.prtype.tarea p {padding:10px 10px; font-size:13px; color:var(--keycolor); background:#f6f6f6;}
.prtype.tarea p span {font-size:13px; color:var(--keycolor);}
.prtype.tarea textarea {width:100%; box-sizing:border-box;}

.prtype.tarea > div.txt-area1 {
    font-size:13px;
    padding:10px;
    min-height:60px;
    line-height:1.4;
}
.prtype.tarea > div.txt-area2 {
    font-size:13px;
    padding:10px;
    min-height:150px;
    line-height:1.4;
}





/* 신청관리 */
.prz-view-top span {font-size:16px; color:#111;}
.prz-view-top span.f19 {font-size:19px; color:#111;}




.tab_area.type .tab_cont.pdt10 {padding:10px 0 0 0;}





/* 평가생성 */
.jtit {margin:40px 0 10px; font-size:16px; color:#111; font-weight:400;}
.jung-box {display:flex; align-items:center; column-gap: 10px;}
.jung-box span {font-size:13px; color:#111;}
.jung-box button:disabled {background:#ddd; color:#999;}

.a312 .asec {display:flex; column-gap:40px;}
.a312 .asec > .fl_l {width:310px; box-sizing:border-box;}

.a312 .asec > .fl_l .acont {}

.a312 .asec > .fl_l .sec2 {}
.a312 .asec > .fl_l .sec2 h5 {margin-top:20px; margin-bottom:10px; font-size:13px; color:#111; font-weight:400;}
.a312 .asec > .fl_l .sec2 .fld {margin-bottom:10px; display:flex; column-gap:10px; align-items:center;}
.a312 .asec > .fl_l .sec2 .fld .tit {width:50px;}

.a312 .asec > .fl_l .acont .s4_box {border:solid 1px var(--keycolor); padding:10px; background:#e1ebfd;}
.a312 .asec > .fl_l .acont .s4_box table {width:100%;}
.a312 .asec > .fl_l .acont .s4_box table th,
.a312 .asec > .fl_l .acont .s4_box table td {text-align:center; padding:4px; font-weight:normal;}
.a312 .asec > .fl_l .acont .s4_box table tbody th {text-align:left;}
.a312 .asec > .fl_l .acont .s4_box input {width:100%; font-size:13px; color:#111; text-align:center; text-indent:0;}
.a312 .asec > .fl_l .acont .s4_box input:read-only {background:#ddd;}

.a312 .asec > .fl_r {width:530px;}
.a312 .asec > .fl_r .rcont {border:solid 1px var(--keycolor); padding:10px;}

.a312 .asec > .fl_r .list_wrap {min-height:400px; max-height:450px; overflow-y:auto;}

@media all and (max-width:940px) {
    .a312 .asec {flex-wrap:wrap;}
    .a312 .asec > .fl_l {flex-basis:100%; width:100%;}
    .a312 .asec > .fl_r {flex-basis:100%; width:100%;}
}



/* 테이블 */
.a312 .ptbl {}
.a312 .ptbl table {width:100%; border-top:solid 2px #111;}
.a312 .ptbl table tr th,
.a312 .ptbl table tr td {padding:10px 10px; font-size:13px; color:#454545; font-weight:normal; text-align:center; border-bottom:solid 1px #ddd;}
.a312 .ptbl table tr td {line-height:1.4;}
.a312 .ptbl table tr th {background:#f6f6f6;}
.a312 .ptbl table tr th + th {border-left:solid 1px #ddd}
.a312 .ptbl table tr td + td {border-left:solid 1px #ddd}
.a312 .ptbl table tr td.subject {font-size:13px; color:#666;}
.a312 .ptbl table tr td a {
    display:inline-block; font-size:13px; color:#454545; text-decoration:underline;
}

.a312 .ptbl table tr td.subject a {
    display:inline-block; font-size:13px; color:#454545; font-weight:bold; text-decoration:underline;
}
.a312 .ptbl table tr td.sbj a {
    display:block; font-size:13px; color:#454545; font-weight:bold; text-decoration:underline;
    width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;
}
.a312 .ptbl table tr td.on {color:#a83338;}

.a312 .ptbl table tr td p + p {margin-top:10px;}