@charset "UTF-8";
@import url("/_templet4/css/sub.css");
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-10-17
-------------------------------------------------*/
ul.doc { border: 1px solid #ddd; padding: .5rem 2rem; margin-bottom: 1rem; }

ul.doc li { border-bottom: 1px dashed #ddd; line-height: 1.6rem; padding: .7rem 0 .7rem .5rem; color: #333; font-size: .8rem; font-weight: 500; }

ul.doc li p { display: inline-block; max-width: calc(100% - 5rem); }

ul.doc li a { float: right; }

ul.doc li:last-child { border-bottom: none; }

.certificate { border: 1px solid #ddd; padding: 2rem; }

.certificate ul { position: relative; }

.certificate ul:before { content: ''; width: 1px; height: 100%; background-color: #ddd; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.certificate ul li { width: calc(50% - 2rem); float: left; text-align: center; margin: 0 1rem; }

.certificate ul li .title { height: 2.5rem; line-height: 2.5rem; border-radius: 1.5rem; background-color: #9c1c2b; color: #fff; font-size: .85rem; display: inline-block; margin-bottom: 1rem; padding: 0 2rem; font-weight: 500; }

.certificate ul li:last-child .title { background-color: #162b48; }

.certificate ul li .desc { font-size: .9rem; font-weight: 500; color: #333; word-break: keep-all; }

.certificate ul:after { content: ''; display: block; clear: both; }

.scholarship ul:before { content: ''; font-family: 'xeicon'; width: 3rem; height: 2rem; font-size: 3rem; background-color: #fff; color: #ddd; line-height: 2rem; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 768px) { ul.doc { padding: .5rem 1rem; }
  ul.doc li p { display: block; max-width: 100%; }
  ul.doc li a { float: inherit; margin-top: .5rem; }
  .certificate ul:before { display: none; }
  .certificate ul li { width: 100%; float: inherit; margin: 0 0 1rem; }
  .scholarship ul:before { display: block; content: ''; -webkit-transform: translate(-50%, -30%); transform: translate(-50%, -30%); }
  .scholarship ul li:first-child { margin-bottom: 5rem; } }

/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-10-17
-------------------------------------------------*/
#snb .title { background: url("/jblis/img/sub/snb.jpg") no-repeat; }

#snb .title::after { content: '지식기반사회에서 요구되는 정보전문가를 양성합니다.'; }