@charset "EUC-KR";
/**
 * school mobile | ¿ì¼ö ¼ö»óÈıâ
 * @author Park Sae-bom
 */
 
.section.award {background:#fffce6; overflow:hidden}
.section.award .inside {padding:0 10px}
.section.award ul {margin:5px 0 15px}
.section.award ul li {border-bottom:1px solid #d0d0d0; margin-top:10px}
.section.award ul li:last-child {border-bottom:0}
.section.award .winner {position:relative; overflow:hidden; padding:20px; }
.winner .winner_pic {position:relative;  float:left;width:145px }
.winner .winner_pic img.pic {width:125px; height:125px}
.winner_pic .tit {display:block;width:125px;height:20px; line-height:20px;position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.4); text-align:center; color:#fff; font-size:14px}
.medal {position:absolute; top:0; left:0; display:block}
.winner_txt {float:left; width: calc(100% - 145px);}
.winner_txt a {display:block; text-decoration:none}
.winner_txt a > span {display:block;width:100%;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;text-overflow:ellipsis; line-height: 1.5em; height: 3em;}
.winner_txt .t_tit {font-size:18px;color:#333; font-weight:bold;word-break: keep-all; }
.winner_txt .t_info {font-size:15px; color:#808080;}
.winner_txt .t_info .bar{color:#c8cfd5}
.winner_txt .t_info .bar:after {color:#c8cfd5;margin:5px;content:"|";} /* add by nhj(2017.10.12) */
.section.award .more {display:block; text-align:center; max-width:219px; margin:0 auto 30px;}

.submit {font-size:24px !important}

/*¼ö»óÀÚ ¸®½ºÆ®*/
.t_grand {border-bottom:1px solid #6ea1d3}
.section.award_list {background:#fff; }
.section.award_list .winner {padding:20px 40px}
.section.award_list .winner .winner_pic.gold .mark{display:block}
.section.award_list .winner .mark {display:none; position:absolute; bottom:-6px;left:-10px;z-index:99}
.t_top {border-bottom:1px solid #6ea1d3}
.t_top .section {border-bottom:1px solid #dddddd}
.t_top .section:last-child {border-bottom:0}
.t_top table {width:100%;border-collapse:collapse;}
.t_top table .winner_txt {width:95%}
.t_top table .winner_txt .t_tit {}
.t_top table .winner_txt .t_info {display:table-cell}
.t_top table th {font-weight:normal; color:#6ea1d3; font-size:16px;border-bottom:1px solid #ddd}
.t_top table td {padding:10px 0;border-bottom:1px solid #ddd}
.t_top table tr:last-child th { border-bottom:0}
.t_top table tr:last-child td { border-bottom:0}

.title_area {padding:10px 18px 0; background:#e2ecf6; border-bottom:1px solid #6ea1d3}
.title_area img {width:90px}
.title_area .t_tit {display:block; margin-top:10px;font-size:18px; color:#333;margin-bottom:10px} 
.title_area .t_info {border-top:1px solid #dddddd; color:#676666; padding-top:2px}
.winner_contents {padding:30px; border-bottom:1px solid #6ea1d3}
.winner_contents .img_area {text-align:center;position:relative; }
.winner_contents .img_area .pic{width:125px; height:125px}
.winner_contents .img_area .mark {position:absolute; bottom:-9px; left:50%; margin-left:-70px}
.winner_contents p {margin-top:40px; color:#333333}

.backtolist {padding:25px 0; text-align:center}
.backtolist a {display:block; margin:0 auto;width:109px;height:27px;line-height:27px;font-size:17px; border-radius:50px; border:1px solid #bfbfbf; color:#676666; text-decoration:none}
.backtolist a:hover {display:block; margin:0 auto;width:109px;height:27px;line-height:27px;border:1px solid #09479b; color:#09479b}


/*17-10-16 Ãß°¡*/
.section .logo {background:#004098; color:#fff; padding:10px 20px; font-size:16px;}
.section .logo span {vertical-align:bottom;}
.section .logo span.font16 {font-size:13px;}
.logo_m img{width:50px; margin-right:5px}

.board_view_bottom .link_table{ border-collapse:collapse;width:100%; border-spacing:0; table-layout:fixed}
.board_view_bottom .link_table tr td{ border-bottom:1px solid #CCC; vertical-align:middle; color:#8292A4; height:35px; font-size:14px;text-align:center }
.board_view_bottom .link_table tr td:first-child{  text-align:center; padding-left:5px}
.board_view_bottom .link_table tr td.tit {text-align:left; padding-left:5px;color:#676666;}
.board_view_bottom .link_table tr td.tit a{color:#676666; text-decoration:none; overflow:hidden;text-overflow:ellipsis; display:block;white-space:nowrap; width:95% }

.line_clamp {table-layout:fixed}
.line_clamp td {padding:10px 0 6px}
.line_clamp .winner_txt a > span {height:1.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display:block; width:95%}
.line_clamp .winner_txt .t_info {padding-top:3px}

.prize td:first-child {border-right:1px solid #ddd; }
.prize td {padding:5px 10px 3px 15px !important}


/* added by myalee(2017.11.17) */
.emblem_area { text-align:center; line-height:0; padding:.3em 0; background:#e2ecf6; border-top:1px solid #87b1db; }
.emblem_area img.emblem { height:2em; }


@media all and (max-width:639px){ 
.winner_txt .t_tit {font-size:16px;	}
.winner_txt .t_info {font-size:13px;}
.submit {font-size:17px !important}

}


@media all and (max-width:479px){ 
.winner .winner_pic {position:relative;  float:left;width:85px }
.winner .winner_pic img.pic  {width:75px; height:75px}
.winner_txt {width: calc(100% - 90px);}
.winner_pic .tit {width:75px}

.winner_txt .t_tit {font-size:16px;	line-height:1.5em; height:3em}
.winner_txt .t_info {font-size:13px; letter-spacing:-1px;}
.winner_txt .t_info span {display:block; float:left}
.section.award ul li .winner {padding:10px 0 10px 10px}
.section.award_list .winner {padding:15px 10px 10px 15px}
.winner_pic .tit {font-size:12px}
.section.award .more img {max-width:140px;}
.section.award_list .winner .mark {left:-5px}

.title_area .t_tit {font-size:16px}
.title_area .t_info {font-size:14px}
.medal {width:28px;}
}