@charset "utf-8";
@import url("common.css");

/* container
--------------------------------------------------*/

#container {width:980px;height:auto;margin:0 auto;overflow:hidden;background:#fff;}
.contents{width:900px;margin:40px;overflow:hidden;}

.bn_list{width:900px;height:340px;margin-top:6px;background:url(../images/bg_cn.gif) 49% 138px no-repeat;overflow:hidden;}
.bn_list ul{width:900px;height:340px;}
.bn_list ul:after {content:""; clear:both; display:block;}
.bn_list ul li{float:left;width:390px;height:156px;margin:0 29px 25px 29px;overflow:hidden;}
.bn_list ul li h1{width:280px;font-size:19px;height:23px;margin-bottom:10px;font-weight:800;color:#18347e;letter-spacing:-1px;}
.bn_list ul li p{width:280px;font-size:14px;line-height:20px;margin-bottom:15px;font-weight:normal;color:#444;letter-spacing:-0.4px;}
.bn_list ul li.bg01{background:url(../images/icon_01.gif) right 10px no-repeat;}
.bn_list ul li.bg02{background:url(../images/icon_02.gif) right 6px no-repeat;}
.bn_list ul li.bg03{background:url(../images/icon_03.gif) right 6px no-repeat;}
.bn_list ul li.bg04{background:url(../images/icon_04.gif) right 6px no-repeat;}

.notice_wrap{width:900px;}
.notice_wrap:after {content:""; clear:both; display:block;}
.noti_list{float:left;width:300px;height:194px;}
.noti_list.bg01{background:#e9e9e9}
.noti_list.bg02{background:#f5f5f5}
.noti_list.bg03{background:#e9e9e9}
.noti_list h1{width:259px;padding:20px 0 0 23px;position:relative;font-size:16px;height:23px;margin-bottom:10px;font-weight:800;color:#222;letter-spacing:-1px;}
.noti_list h1 span.more{position:absolute; top:17px; right:0;}
.noti_list ul{margin:0 10px;}
.noti_list ul li{width:auto;font-size:12px;line-height:16px;margin-bottom:10px;font-weight:normal;color:#444;letter-spacing:-0.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(http://edu.chosun.com/images/new/bl_news_03.gif) 3px 6px no-repeat;padding-left:12px}

.titlist{width:100%; height:auto;margin:12px 0 0 53px;text-align:left !important;}
.titlist li{font-size:12px;height:17px;color:#bbb;margin-top:4px;}
.titlist li strong{color:#fff;font-size:14px;font-weight:800; margin-right:10px;background:url(http://edu.chosun.com/images/new/bl_news_01.gif) 3px 7px no-repeat;padding-left:12px}

.bn_bottom{width:900px;height:140px;margin-top:30px;}
.bn_bottom ul:after {content:""; clear:both; display:block;}
.bn_bottom ul li{float:left;width:450px;height:140px;}
.bn_bottom ul li img{width:449px;height:140px;}



@media handheld, only screen and (max-width: 767px) {
 

  body #container {width:100%;height:100%;margin:0;overflow:hidden;background:#fff;}
  body .contents {width:100%; height:auto;margin:0;max-width: 980px;}
  body .contents .bn_list{width:92%;height:160px;margin:2% 4%;background:url(../images/bg_cn.gif) 49% 52% no-repeat;background-size:30px 30px;}
  body .contents .bn_list ul{width:100%;}
  body .contents .bn_list ul li{float:left;width:46%;height:80px;margin:0 2%;}
  body .contents .bn_list ul li h1{width:auto;width:65%;padding:14px 0 0 0;font-size:16px;height:23px;margin-bottom:0px;font-weight:800;color:#18347e;letter-spacing:-1px;}
  body .contents .bn_list ul li p{display:none;}
  body .contents .bn_list ul li.bg01{background:url(../images/icon_01.gif) right 10px no-repeat;background-size:60px 60px;}
  body .contents .bn_list ul li.bg02{background:url(../images/icon_02.gif) right 10px no-repeat;background-size:60px 60px;}
  body .contents .bn_list ul li.bg03{background:url(../images/icon_03.gif) right 10px no-repeat;background-size:60px 60px;}
  body .contents .bn_list ul li.bg04{background:url(../images/icon_04.gif) right 10px no-repeat;background-size:60px 60px;}

  body .contents .notice_wrap{width:100%;}
  body .contents .noti_list{float:none;width:100%;height:132px;}
  body .contents .noti_list.bg01{background:#e9e9e9}
  body .contents .noti_list.bg02{background:#f5f5f5}
  body .contents .noti_list.bg03{background:#fff}
  body .contents .noti_list h1{width:259px;padding:15px 0 0 33px;position:relative;font-size:16px;height:21px;margin-bottom:10px;font-weight:800;color:#222;letter-spacing:-1px;}
  body .contents .noti_list h1 span.more{position:absolute; top:13px; left:16px;}
  body .contents .noti_list ul li{width:89%;margin-left:16px;font-size:12px;line-height:16px;margin-bottom:10px;font-weight:normal;color:#444;letter-spacing:-0.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(http://edu.chosun.com/images/new/bl_news_03.gif) 0 6px no-repeat;padding-left:10px}
  body .contents .noti_list ul li:nth-child(4), body .contents .noti_list ul li:nth-child(5){display:none;}
  body .titlist {display:none;}
  body .contents .bn_bottom{width:100%;height:auto;margin-top:0;}
  body .contents .bn_bottom ul li{float:left;width:100%;height:auto;margin-bottom:1px}
  body .contents .bn_bottom ul li img{width:100%;height:auto;}
}