<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@keyframes Top{
	  0% {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);  }
	  100% {-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);  }
	}

 @keyframes fadeIn{
	  0% {opacity:0.3; }
	  100% {opacity:0.7; }
	}


.sub {

  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
  color: #555;
}

.text-color { color:#0D76CF !important;  }
.block { display:block;  }
.paging { clear:both;  text-align:center; }

.text-blue {color: #0E6FC1 !important;   }
.text-red { color:#CC0000 !important;   }
.bg-green { background:#B9ED86 !important;   color:#333 !important;  }
.bg-blue { background:#B2DBFF !important;   color:#333 !important;   }
.bg-red { background:#FFC7C7 !important;    color:#333 !important;  }

.jejunu-false { display:none !important;  }

.col-r{   color: red; padding-bottom: 10px;}
@media (min-width: 992px) {

	
	.sub {	padding-top:95px;  }
	.sub .sub-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:354px; background-repeat: no-repeat; background-position:center top;    }
	.sub-top-title-wrap { height:259px; color:#000; padding-top:70px; color:#fff;  text-align:center;   }
	.sub-top-title-wrap h3 {font-size:48px;  font-weight:800; margin-bottom:30px;  }
	.sub-top-title-wrap .text { font-size:20px;  font-weight:bold;   }
	.sub-top-title-wrap .container { position:relative;  }
	.sub-top-title-wrap .menu-link {   }
	.sub-top-title-wrap .menu-link a { position:absolute; top:20px;display:block; padding-top:30px; background-size:85px 22px; background-repeat:no-repeat;  color:#fff; font-size:30px; font-weight:bold;min-width:85px;   }
	.sub-top-title-wrap .menu-link a:hover { text-decoration:none;  }
	.sub-top-title-wrap .prev-menu a  {left:0px; background-image:url(../images/sub/sv_left.svg); background-position:left top;    }
	.sub-top-title-wrap .next-menu a  {right:0px; background-image:url(../images/sub/sv_right.svg); background-position:right top;    }



	.sub-menu-wrap { width:100%; height:55px; background:#F2F2F2; }
	.sub-menu-wrap .container { position:relative;   }
	.sub-menu-wrap .sub-menu {  float:left; width:100%; height:54px; border-left:1px solid #dbdbdb;   }
	.sub-menu-wrap .sub-menu li {border-right:1px solid #dbdbdb;  position:relative;z-index:90;  float:left;padding-top:10px;height:54px;  padding-left:25px; padding-right:25px;  width:305px; letter-spacing:-1.5px;  font-size:18px;  }
	.sub-menu-wrap .sub-menu li a { color:#666; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.fa-angle-down {position:absolute;   top:20px; right:20px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active { }
	.sub-menu-wrap .sub-menu li.active a {  }
	.sub-menu-wrap .sub-menu li.home {padding-left:20px; padding-right:20px; padding-top:9px;  width:auto; }
	.sub-menu-wrap .sub-menu li.home a {color:#666; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:11px; padding-bottom:5px;  position:absolute; top:54px; left:0px;  background:#fff; border:1px solid #333333;  width:305px;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:inline-block;   height:auto; background:none; margin-bottom:10px;  font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#666; display:inline-block;padding:0px;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#666;}
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#666;  text-decoration:underline; }


	.sub-contents { }
	.sub-contents .top-contents { padding-top:50px;  padding-bottom:40px; position:relative;   }
	.sub-contents .top-contents .breadcrumb { display:none;    background: none;	padding:0px; 	font-size:15px;    margin-bottom:35px;   }  
	.sub-contents .top-contents .breadcrumb &gt; li + li:before {    content: "&gt;";    color:#606060;   font-family: cursive; }
	.sub-contents .top-contents .breadcrumb li a { color:#606060; }
	.sub-contents .top-contents h1 { color:#000; font-size:36px; font-weight:600;   }

	
	.sub-contents .top-contents .contents-util { position:absolute; top:-40px; right:0px; padding-right:20px;   }
	.sub-contents .top-contents .contents-util li  {float:left; margin-left:20px; }
	.sub-contents .top-contents .contents-util a {font-size:20px; color:#666;  display:block; position:relative;  }
	.sub-contents .top-contents .contents-util .sns-share { display:none; position:absolute; top:40px; right:0px; border:1px solid #DBDBDB; background:#fff;   text-align:center; font-size:0px; padding:8px 0; width:231px;    }
	.sub-contents .top-contents .contents-util .sns-share:after {  border-color: #fff transparent;  border-style: solid;  border-width: 0 6px 8px 6.5px;  content: '';  display: block;  right: 21px;  position: absolute;  top: -7px;  width: 0;  z-index: 1;}
	.sub-contents .top-contents .contents-util .sns-share:before {  border-color: #dbdbdb transparent;  border-style: solid;  border-width: 0 6px 8px 6.5px;  content: '';  display: block;  right: 21px;  position: absolute;  top: -8px;  width: 0;  z-index: 0;}
	.sub-contents .top-contents .contents-util .sns-share li {float:none;  display:inline-block; margin:0 4px;   }
	.sub-contents .top-contents .contents-util .sns-share li img { width:34px; }
	


    /* 4뎁스 */
	.sub-tab-menu { margin-bottom:30px;  }
	.sub-tab-menu ul { width:100%; margin-left:-3px; margin-right:-3px;  margin-bottom: 44px;    }
	.sub-tab-menu ul:after { clear:both; display:table; content:'';  }
	.sub-tab-menu li { padding:3px;      float:left;   width: 16.666%;  text-align:center;    }
	.sub-tab-menu li a {     display: table-cell;    width: 500px;    height: 64px;    border: 3px solid #efefef;       font-size: 16px;    color: #666;    vertical-align: middle;    }
	.sub-tab-menu li a.active{ color:#fff;  border:3px solid #0D76CF;   background:#0D76CF;  }
	.sub-tab-menu h2 { font-size:30px; color:#333; font-weight:bold;  }


/*게시판 카테고리*/

	.category { width:100%;   background:none; padding:0px; border:0px; margin:0 -3px 44px;   ;    }
	.category:after { clear:both; display:table; content:'';  }
	.category h5 { padding:3px;      float:left;   width: 16.666%;  text-align:center;   margin:0px;  }
	.category h5 a {     display: table-cell;    width: 500px;    height: 64px;    border: 3px solid #efefef;       font-size: 16px;    color: #666;  font-weight:normal;   vertical-align: middle;    }
	.category h5 a.active{ color:#fff;  border:3px solid #0D76CF;   background:#0D76CF;  }



/*텝메뉴*/
.sub-tab-menu2 {  }
.sub-tab-menu2 ul#sub-tab {  font-size:0px; text-align:center; margin:0 -3px 40px; }
.sub-tab-menu2 ul#sub-tab  li { display:inline-block; padding:3px;  }
.sub-tab-menu2 ul#sub-tab  li a { display:inline-block;    padding:0 30px; height:64px; border:3px solid #efefef;  font-size:16px; color:#666;  line-height:64px; }
.sub-tab-menu2 ul#sub-tab  li.active a {color:#fff;  border:3px solid #0D76CF;   background:#0D76CF;  }
.sub-tab-menu2 .tab-content  {text-align:left; }




	.list-tab-menu { border:4px solid #DFF6FD; padding:20px; margin-bottom:50px;  border-radius:20px;  }
	.list-tab-menu:after {clear:both; content:''; display:table;   }
	.list-tab-menu li {  float:left; width:25%;  padding-left:25px;   padding-right:10px;  padding-top:10px; padding-bottom:10px;   background:url(../images/sub/s_list.svg) no-repeat 10px 22px; background-size:8px 3px;   }
	.list-tab-menu li a {  font-size:20px; color:#333;  }
	.list-tab-menu li.active a { color:#0D76CF;  }




	.sub-main-contents { padding-bottom:70px; font-size:18px; color:#333;   line-height:1.6; }
	.sub-main-contents h2 {font-size:24px; color:#0E6FC1; padding-left:15px; position:relative;  padding-bottom:20px; font-weight:bold;  margin-top:40px; background:url(../images/sub/s_title.svg) no-repeat left top; background-size:6px 23px;   }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:18px; font-weight:bold; color:#000; margin-bottom:10px;  }
	.sub-main-contents ul.bul { padding-left:10px; }
	.sub-main-contents ul.bul li  { padding-left:15px; position:relative;   margin-bottom:5px;  background:url(../images/sub/s_list.svg) no-repeat left 12px; background-size:8px 3px;  }
	.sub-main-contents ul.bul li ul  { margin-top:5px; }
	.sub-main-contents ul.bul li ul li  {padding-left:10px; position:relative;  background:url(../images/sub/ss_list.svg) no-repeat left 10px; background-size:5px 5px;    }
	.sub-main-contents .text-box { padding:20px 40px;  background:#F4FAFF; margin:20px 0px;  }
	.sub-main-contents .text-box:after ,.sub-main-contents .border-box:after { clear:both; display:table; content:'';  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff;  padding:20px 40px;margin:20px 0px;  }
	.sub-main-contents .dl-f.mobileid{display: flex;}
	.sub-main-contents .dl-f.mobileid div{width: 50%; padding: 30px 34px; background: #F2F2F2; border: 1px solid #DBDBDB;}
	.sub-main-contents .dl-f.mobileid div.text{background: unset;}
	.sub-main-contents .dl-f.mobileid div.text span{display:flex; width: 140px; height: 39px; background: #333; color: #fff; font-weight: 600; line-height: 24px; align-items: center; padding: 12.5px; margin-bottom: 31px;}
	.sub-main-contents .dl-f.mobileid div.text ul li{font-size: 16px; font-weight: 400; padding-bottom: 25px; line-height: 24px;}
	

		.contents-table { width:100%; border-top:2px solid #0E6FC1; overflow-x:auto;  }	
	.contents-table table { width:99.999%;  border-collapse:collapse;   border-left:1px solid #EFEFEF;    }	
	.contents-table table thead th {padding:10px 15px; color:#333;  background:#F9F9F9;  border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF;  text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#333;	background:#F9F9F9;   border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF;  text-align:center; }
	.contents-table table tbody td {padding:10px 15px; color:#333;   border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF;  }
	.contents-table.table-left table tbody th { text-align:left;}
	
	.contents-btn a { display:inline-block; padding:5px 25px; color:#000; border-radius:5px; border:1px solid #D6DFE4;   }
	.contents-btn a.btn2 { background:#0b84ca; color:#fff; border:1px solid #0b84ca; }
	.contents-btn a.down-btn { padding-left:37px; background:url(../images/sub/feather-download.svg) no-repeat left 18px center ; background-size:12px 12px; }
	.contents-btn button { display:inline-block; padding:5px 25px; color:#000; border-radius:5px; border:1px solid #D6DFE4;  background:#fff;  }
	.contents-btn button.btn2 { background:#0b84ca; color:#fff; border:1px solid #0b84ca; }
	.contents-btn button.down-btn { padding-left:37px; background:url(../images/sub/feather-download.svg) no-repeat left 18px center ; background-size:12px 12px; }


	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}


	.half-wrap { margin-left:-25px;margin-right:-25px; margin-bottom:30px; }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {float:left; width:50%; padding-left:25px; padding-right:25px;  padding-bottom:50px;  }
	.half-wrap .half:nth-of-type(2n+1) { clear:both;  }

	.triple-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {float:left; width:33.333%; padding-left:15px; padding-right:15px;  }


	.form-box .text-input { height:38px; border:1px solid #8B8B8B; background:#fff; width:100%;  padding:8px 5px; }
	.form-box input[type="text"], .form-box input[type="password"], .form-box select { height:38px; border:1px solid #8B8B8B; background:#fff;  margin:2px 0 ;  }
	.form-box textarea { margin:2px 0 ;  padding:5px; }
	.form-box input[type="checkbox"] { margin-right:5px; width:16px; height:16px;  display:inline-block; margin-left:15px; }


	/*상단 인포 텍스트박스*/
	.top-info-text {  }
	.top-info-text:after { clear:both; display:table; content:'';  }
	.top-info-text p    {  float:left; margin-right:40px; }



/*첨부파일 박스*/
.file-box { display:flex;  align-items: center;   justify-content: center;   border:1px solid #DBDBDB;  margin:5px 0 ;  }
.file-box dt {  width:125px;   background:#666; color:#fff; text-align:center;  align-self: stretch;  justify-content: center;  display:flex;  align-items: center;   }
.file-box dd {  width:calc(100% - 125px);   padding:10px 20px;  }
.file-box dd a {  display:block; color:#333; padding: 10px 0 ;   }


/*학사일정*/
.academic-calendar {}
.academic-calendar .academic-year-select { background:#0D76CF;  height:67px;  color:#fff; text-align:center; position:relative; line-height:67px; margin-bottom:35px;    } 
.academic-calendar .academic-year-select .this-year {display:inline-block; font-size:30px; font-weight:bold;  }  
.academic-calendar .academic-year-select .this-year span {padding:0 50px;  }
.academic-calendar .academic-year-select .this-year img { width:11px; }
.academic-calendar .academic-year-select .year-link { color:#fff; font-size:24px; position:absolute; top:0px;}
.academic-calendar .academic-year-select .prev-year { left:100px;  }
.academic-calendar .academic-year-select .next-year { right:100px;  }
.academic-calendar .academic-contents {}
.academic-calendar .academic-contents .month-schedule-wrap { margin:0 -20px; }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap { float:left; width:50%; padding:0 20px 40px;  }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap:nth-of-type(2n+1) { clear:both;  }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap .in { border:1px solid #DBDBDB; border-radius:20px; padding:20px 30px 10px;  }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap .in h3 {border-bottom:2px solid #EFEFEF; padding-bottom:10px; color:#000; position:relative; font-size:18px; font-weight:bold;  }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap .in h3 strong {font-size:36px;  font-weight:bold;  }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap .in h3:after { position:absolute; top:49px; left:0px; width:150px; height:2px; background:#0E6FC1;content:''; display:inline-block;   }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul {}
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li  { border-top:1px solid #efefef; padding:15px 0 ;  font-size:18px; color:#333;letter-spacing:-1.3px;   }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li:first-child { border-top:0px;  } 
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li:after {clear:both; display:table; content:''; } 
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li strong {float:left;  color:#0E6FC1;  width:200px; font-weight:bold; }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li span {float:left;   width:calc(100% - 200px); }



/*연혁*/
.history-wrap {  }
.history-wrap:after {  clear:both; display:table; content:'';   }
.history-wrap .text-tab { float:left; width:250px; margin-right:80px;  }
.history-wrap .text-tab .title { font-size:36px; font-weight:bold; color:#0E6FC1; margin-bottom:15px;  }
.history-wrap .text-tab .text { font-size:18px;  color:#333; margin-bottom:15px;  }
.history-wrap .text-tab .history-tab { border-top:2px solid #04569C; }
.history-wrap .text-tab .history-tab li { border-bottom:1px solid #dbdbdb; }
.history-wrap .text-tab .history-tab li a {display:block; padding:25px 20px; font-size:22px; color:#333; }
.history-wrap .text-tab .history-tab li a i {display:inline-block; float:right; font-size:19px; padding-top:7px; }
.history-wrap .text-tab .history-tab li a.active  {background:#0D76CF; color:#fff; }
.history-wrap .history { float:left; width:calc(100% - 330px); display:none;   }
.history-wrap .history#year2020 { display:block; }
.history-wrap .history h2 { padding-left:0px; background:none; margin-top:0px; font-size:30px;font-weight:bold;color:#0E6FC1;   }
.history-wrap .history h2 strong{  font-size:40px;font-weight:bold;color:#0E6FC1; display:inline-block; margin-right:10px;   }
.history-wrap .history dl { border-top:2px solid #666666; margin-bottom:30px; position:relative; padding-left:130px;   }
.history-wrap .history dl dt { font-size:36px; font-weight:bold; color:#333; position:absolute;  top:15px; left:0px; width:120px;   }
.history-wrap .history dl dd { border-bottom:1px solid #dbdbdb; padding:25px 0 15px;   }
.history-wrap .history dl dd ul { font-size:18px;position:relative; padding-left:100px;  }
.history-wrap .history dl dd ul li span  { position:absolute; top:0px; left:0px; color:#0E6FC1; font-weight:bold;  }
.history-wrap .history dl dd ul li ul {padding-left:0px; width:100%; }
.history-wrap .history dl dd ul li ul li {position:static;  color:#333; font-weight:normal; padding-left:15px; position:relative;   margin-bottom:10px;  background:url(../images/sub/s_list.svg) no-repeat left 10px; background-size:8px 3px;  }





/*제주대학교 헌장*/
.charter-wrap {}
.charter-wrap .part01 { display:flex;   align-items: center;  margin-bottom:90px;  padding-left:35px;    }
.charter-wrap .part01 .img { width:140px; margin-right:50px;  }
.charter-wrap .part01 .img img {width:140px; }
.charter-wrap .part01 .text { }
.charter-wrap .part01 .text p { font-size:22px; font-weight:bold; color:#333; line-height:1.6;  }
.charter-wrap .part02 { margin-bottom:60px;   }
.charter-wrap .part02 ul {  margin:-15px -15px  0;  }
.charter-wrap .part02 ul:after { clear:both; display:table; content:'';    }
.charter-wrap .part02 ul li { float:left; padding:15px 15px;  width:33.333%; }
.charter-wrap .part02 ul li:nth-of-type(3n+1) {clear:both; }
.charter-wrap .part02 ul li .in {  border:1px solid #dbdbdb; border-radius:10px; padding:15px 20px;  min-height:242px;  }
.charter-wrap .part02 ul li .in .num {font-size:48px; font-weight:bold; color:#0D76CF; margin-bottom:20px; }
.charter-wrap .part02 ul li .in .num span  {display:inline-block; padding-bottom:10px; border-bottom:1px solid #f2f2f2; }
.charter-wrap .part02 ul li .in .text  { font-size:18px; color:#333; }
.charter-wrap .part03 { }
.charter-wrap .part03 dl {   }
.charter-wrap .part03 dl dt { position:relative; text-align:center; margin-bottom:40px; font-weight:bold; font-size:30px; color:#333;    }
.charter-wrap .part03 dl dt span {display:inline-block; padding:0 20px; background:#fff; }
.charter-wrap .part03 dl dt:before  {width:100%; height:1px; background:#dbdbdb; position:absolute; top:23px; left:0px; content:''; display:inline-block; z-index:-1; }
.charter-wrap .part03 dl  dd { text-align:center; width:80%; margin:0 auto;  color:#333; font-weight:bold; font-size:20px; position:relative; padding:0 100px 100px;   }
.charter-wrap .part03 dl  dd span {color:#0D76CF; font-weight:bold; font-size:115px; position:absolute; top:50%;margin-top:-75px;  display:inline-block; line-height:1;  }
.charter-wrap .part03 dl  dd .start {left:0px; }
.charter-wrap .part03 dl  dd .end {right:0px; }



/*교훈 및 현황*/
.ens-wrap {}
.ens-wrap .part01 {  padding-bottom:40px;  }
.ens-wrap .part01:after { clear:both; display:table; content:'';  }
.ens-wrap .part01  .img { float:left;  width:480px; margin-right:70px;  }
.ens-wrap .part01  .img img {  width:480px; }
.ens-wrap .part01  .text-wrap {padding-top:30px; float:left; width:calc(100% - 550px);   }
.ens-wrap .part01  .text-wrap h3 { font-size:24px;  margin-bottom:20px;   }
.ens-wrap .part02   { text-align:center;  padding-bottom:40px; }
.ens-wrap .part02   .text { margin-bottom:40px; font-size:24px; font-weight:bold; }
.ens-wrap .part02   .text  strong {  font-size:36px; font-weight:bold;  }
.ens-wrap .part03 { margin-bottom:60px;   }
.ens-wrap .part03 ul {  margin:-12px -12px  0;  }
.ens-wrap .part03 ul:after { clear:both; display:table; content:'';    }
.ens-wrap .part03 ul li { float:left; padding:12px 12px;  width:25%; }
.ens-wrap .part03 ul li:nth-of-type(4n+1) {clear:both; }
.ens-wrap .part03 ul li .in {  border:1px solid #dbdbdb; border-radius:10px; padding:15px 20px;  min-height:220px;  }
.ens-wrap .part03 ul li .in .num {font-size:48px; font-weight:bold; color:#0D76CF; margin-bottom:20px; }
.ens-wrap .part03 ul li .in .num span  {display:inline-block; padding-bottom:10px; border-bottom:1px solid #f2f2f2; }
.ens-wrap .part03 ul li .in .text  { font-size:18px; color:#333; }


/*교가*/
.schoolsong-wrap {}
.schoolsong-wrap:after { clear:both; display:table; content:'';  }
.schoolsong-wrap .img { border:1px solid #dbdbdb;float:left; width:45%;   }
.schoolsong-wrap .text-wrap {float:left; width:55%; padding-left:100px;  }
.schoolsong-wrap .text-wrap .song  {  width:100%;  }



/*대학상징*/
.symbol-wrap {  }
.symbol-wrap .img-text-wrap  {  }
.symbol-wrap .img-text-wrap:after  { clear:both; display:table; content:'';    }
.symbol-wrap .img-text-wrap .img  {float:left; width:510px; margin-right: 50px; }
.symbol-wrap .img-text-wrap .text-wrap  {float:left; width:calc(100% - 560px); }
.symbol-wrap .img-text-wrap .text-wrap  h3  {  font-size:36px; margin-bottom:25px; }
.symbol-wrap .img-text-wrap .text-wrap  .title  {font-size:20px; font-weight:bold; margin-bottom:15px;  }
.symbol-wrap .symbol-img { border:1px solid #dbdbdb;  }
.symbol-wrap .symbol-img:after { clear:both; display:table; content:'';    }
.symbol-wrap .symbol-img li  { float:left; width:33.3%; text-align:center; position:relative;  border-left:1px solid #dbdbdb;  }
.symbol-wrap .symbol-img.symbol-list-04 li{width:25%;}
.symbol-wrap .symbol-img li:first-child  {border-left:0px; }
.symbol-wrap .symbol-img li .s-label  { position:absolute; top:15px; left:15px; display:inline-block;  font-size:16px; color:#fff; padding:5px 10px; background:#666;  }


/*전략목표*/
.goal-wrap {}
.goal-wrap .part01 { text-align:center;  }
.goal-wrap .part01 dt { margin-bottom:30px;  }
.goal-wrap .part01 dt span { display:inline-block;border-radius:10px;  background:#095A9E; color:#fff; font-size:30px; font-weight:bold; padding:20px 35px; position:relative;  }
.goal-wrap .part01 dt span:after { position:absolute; bottom:-12px; left:50%; margin-left:-6px;  height:12px; width:12px; content:''; display:inline-block;  border-top: 12px solid #095A9E;   border-left: 6px solid transparent;  border-right: 6px solid transparent; }
.goal-wrap .part01 dd { line-height:1.8;  }
.goal-wrap .part01 dd .text1 {  color:#333; font-size:36px; font-weight:bold;   }
.goal-wrap .part01 dd .text2 {  color:#0D76CF; font-size:30px; font-weight:bold;   }
.goal-wrap .part01 dd .text3 {  color:#666666; font-size:30px; font-weight:bold;   }
.goal-wrap .part01 dd .text3 strong {  color:#095A9E;  font-weight:bold;   }
.goal-wrap .part02  {  }
.goal-wrap .part02 ul  {display:flex;  align-items: center;  justify-content: center; }
.goal-wrap .part02 li { width:270px; height:270px; border-radius:100%; border:5px solid #00A7EB; text-align:center; margin:0 20px; padding:20px;  padding-top:50px; }
.goal-wrap .part02 li .img { font-size:60px; font-weight:bold; margin-bottom:15px; color:#00A7EB;   }
.goal-wrap .part02 li:nth-of-type(2n) { border:5px solid #63B62F;   }
.goal-wrap .part02 li:nth-of-type(2n) .img { color:#63B62F;   }
.goal-wrap .part02 li .text { font-size:22px; font-weight:bold;  color:#333; }
.goal-wrap .part03 {  }
.goal-wrap .part03 ul { margin:0 -7px;  }
.goal-wrap .part03 ul:after { clear:both; display:table; content:'';    }
.goal-wrap .part03 ul li  { float:left;  width:33.333%; padding:7px; } 
.goal-wrap .part03 ul li  dl { border:1px solid #dbdbdb; border-radius:10px; padding:20px 13px;  min-height:280px;   }
.goal-wrap .part03 ul li  dt { font-size:20px; font-weight:bold; color:#333; padding-bottom:5px;  border-bottom:2px solid #00A7EB; text-align:center;   padding-left:20px; padding-right:20px; height:70px;   }
.goal-wrap .part03 ul li  dd { font-size:16px;  color:#333;  margin-top:10px; padding-left:15px; position:relative;   }
.goal-wrap .part03 ul li  dd:before { width:5px; height:5px; content:''; display:inline-block; position:absolute; top:8px; left:0px;  background:#333; border-radius:100%;   }


.vision-btn { text-align:center; width:530px; margin:0 auto;   }
.vision-btn .img {padding-bottom:20px; border-bottom:1px solid #dbdbdb; }
.vision-btn .img img { width:200px;    }
.vision-btn .text {font-size:24px; font-weight:bold; color:#333;padding-top:20px; padding-bottom:20px;   }


/*인재상*/
.human-wrap {}
.human-wrap .part01 { text-align:center; }
.human-wrap .part01 dt { margin-bottom:30px;  }
.human-wrap .part01 dt span { display:inline-block;border-radius:10px;  background:#095A9E; color:#fff; font-size:30px; font-weight:bold; padding:20px 35px; position:relative;  }
.human-wrap .part01 dt span:after { position:absolute; bottom:-12px; left:50%; margin-left:-6px;  height:12px; width:12px; content:''; display:inline-block;  border-top: 12px solid #095A9E;   border-left: 6px solid transparent;  border-right: 6px solid transparent; }
.human-wrap .part01 dd { line-height:1.8; font-weight:bold; color:#333; font-size:36px;  }
.human-wrap .part01 dd strong { font-weight:bold; color:#0E6FC1;  }
.human-wrap .part02 { font-weight:bold; color:#0E6FC1;  }
.human-wrap .part03 ul { margin:0 -7px;  }
.human-wrap .part03 ul:after { clear:both; display:table; content:'';    }
.human-wrap .part03 ul li  { float:left;  width:33.333%; padding:7px; } 
.human-wrap .part03 ul li  dl { border:1px solid #dbdbdb; border-radius:10px; padding:10px;  min-height:265px;   }
.human-wrap .part03 ul li  dt { font-size:20px; font-weight:bold; color:#fff;  margin-bottom:20px; background:#0D76CF;  text-align:center; padding:20px 0 ; border-radius:10px;  line-height:1.6;   }
.human-wrap .part03 ul li:nth-of-type(3) dt,  
.human-wrap .part03 ul li:nth-of-type(4) dt { background:#378705;  }
.human-wrap .part03 ul li:nth-of-type(5) dt,  
.human-wrap .part03 ul li:nth-of-type(6) dt { background:#095A9E;  }
.human-wrap .part03 ul li  dt span  {font-size:16px; display:block; }
.human-wrap .part03 ul li  dd { font-size:16px;  color:#333;   }


/*특성화*/
.characteristic-wrap {  }
.characteristic-wrap .part01 { text-align:center; }
.characteristic-wrap .part01 dl { margin-bottom:50px;  }
.characteristic-wrap .part01 dt { margin-bottom:30px;  }
.characteristic-wrap .part01 dt span { display:inline-block;border-radius:10px;  background:#095A9E; color:#fff; font-size:30px; font-weight:bold; padding:20px 35px; position:relative;  }
.characteristic-wrap .part01 dt span:after { position:absolute; bottom:-12px; left:50%; margin-left:-6px;  height:12px; width:12px; content:''; display:inline-block;  border-top: 12px solid #095A9E;   border-left: 6px solid transparent;  border-right: 6px solid transparent; }
.characteristic-wrap .part01 dd { line-height:1.8; font-weight:bold; color:#333; font-size:36px;  }
.characteristic-wrap .part01 dd strong { font-weight:bold; color:#0E6FC1;  }
.characteristic-wrap .img-wrap  {text-align:center; }
.characteristic-wrap .img-wrap  .top-text {font-size:24px; color:#333; font-weight:bold; position:relative; padding-bottom:60px; }
.characteristic-wrap .img-wrap  .top-text:after {position:absolute; bottom:25px; left:50%; margin-left:-12px;  height:24px; width:24px; content:''; display:inline-block;  border-top: 24px solid #00A7EB;   border-left: 12px solid transparent;  border-right: 12px solid transparent; }
.characteristic-wrap .img-wrap  .bottom-text {font-size:24px; color:#333; font-weight:bold; position:relative; padding-top:60px;}
.characteristic-wrap .img-wrap  .bottom-text:after {position:absolute; top:25px; left:50%; margin-left:-12px;  height:24px; width:24px; content:''; display:inline-block;  border-bottom: 24px solid #63B62F;   border-left: 12px solid transparent;  border-right: 12px solid transparent; }




/*교육 페이지*/
.edu-list-wrap {  }
.edu-list-wrap .edu-list  { margin-bottom:50px;   }
.edu-list-wrap .edu-list h2 { background:none; padding-left:0px;  padding-bottom:10px;  border-bottom:2px solid #dbdbdb;  position:relative; font-size:30px;color:#333;   margin-bottom:30px;  }
.edu-list-wrap .edu-list h2 strong { color:#0E6FC1;  }
.edu-list-wrap .edu-list h2:after {position:absolute; bottom:-2px; left:0px; width:400px; height:2px; background:#0E6FC1; content:''; display:inline-block;  }
.edu-list-wrap .edu-list h2 a { vertical-align:top; display:inline-block; background:#0D76CF; color:#fff; font-size:18px; font-weight:normal; padding:8px 20px 10px;  border-radius:10px; margin-left:15px;   }
.edu-list-wrap .edu-list h2 a i  {  display:inline-block; margin-right:5px;  }
.edu-list-wrap .img-text-wrap {   }
.edu-list-wrap .img-text-wrap:after { clear:both; display:table; content:'';  }
.edu-list-wrap .img-text-wrap .img {float:left; width:383px; margin-right:27px;   }
.edu-list-wrap .img-text-wrap .img img { width:383px;  }
.edu-list-wrap .img-text-wrap .text-wrap {float:left; width:calc(100% - 410px); }
.edu-list-wrap .img-text-wrap .text-wrap .text {font-size:18px; color:#333; margin-bottom:20px; }
.edu-list-wrap .img-text-wrap .text-wrap .link { margin:-2px; }
.edu-list-wrap .img-text-wrap .text-wrap .link:after { clear:both; display:table;content:'';  }
.edu-list-wrap .img-text-wrap .text-wrap .link li  {float:left; width:25%; padding:2px; }
.edu-list-wrap .img-text-wrap .text-wrap .link li a  {display:block; width:100%; border:1px solid #dbdbdb; text-align:center; padding:5px; font-size:20px; color:#333; border-radius:10px;   }

/*교육 페이지 리뉴얼*/
.new_edu-list-wrap {  }
.new_edu-list-wrap .edu-list  {  }
.new_edu-list-wrap .edu-list h2 a { vertical-align:top; display:inline-block; background:#0D76CF; color:#fff; font-size:16px; margin-top:-4px;  font-weight:normal; padding:8px 20px 10px;  border-radius:10px; margin-left:15px;   }
.new_edu-list-wrap .edu-list h2 a i  {  display:inline-block; margin-right:5px;  }
.new_edu-list-wrap .img-text-wrap { margin-bottom:50px;  }  
.new_edu-list-wrap .img-text-wrap .img {display:none;   }
.new_edu-list-wrap .img-text-wrap .text-wrap { }
.new_edu-list-wrap .img-text-wrap .text-wrap .text { display:none; }
.new_edu-list-wrap .img-text-wrap .text-wrap .link {border:4px solid #DFF6FD; padding:20px;   border-radius:20px; }
.new_edu-list-wrap .img-text-wrap .text-wrap .link:after {clear:both; content:''; display:table;   }
.new_edu-list-wrap .img-text-wrap .text-wrap .link li {  float:left; width:25%;  padding-left:25px;   padding-right:10px;  padding-top:10px; padding-bottom:10px;   background:url(../images/sub/s_list.svg) no-repeat 10px 24px; background-size:8px 3px;   }
.new_edu-list-wrap .img-text-wrap .text-wrap .link li a {  font-size:20px; color:#333;  }







/*개교 70주년 상징*/
.emblem-70-wrap {  }
.emblem-70-wrap .part01  {    }
.emblem-70-wrap .part01  .symbol-img {  border:1px solid #dbdbdb;   }
.emblem-70-wrap .part01  .symbol-img:after {  clear:both; display:table; content:'';     }
.emblem-70-wrap .part01  .symbol-img li { float:left; position:relative; border-left:1px solid #dbdbdb;  text-align:center;  width:60%;  }
.emblem-70-wrap .part01  .symbol-img li:first-child { border-left:0px; width:40%;  }
.emblem-70-wrap .part01  .symbol-img li .s-label  { position:absolute; top:15px; left:15px; display:inline-block;  font-size:16px; color:#fff; padding:5px 10px; background:#666;  }
.emblem-70-wrap .part02 {  }
.emblem-70-wrap .part02 .img {  float:left; width:30%; text-align:center;   }
.emblem-70-wrap .part02 .text-wrap {  float:left; width:70%; padding-left:20px;  }
.emblem-70-wrap .part03 .img {  float:left; width:40%; padding-right:20px;  padding:30px 0 ; border:1px solid #dbdbdb;  }
.emblem-70-wrap .part03  .text-wrap {  float:left; width:60%; padding-left:20px;  }
.emblem-70-wrap .part03  .text-wrap .part03-list   { }
.emblem-70-wrap .part03  .text-wrap .part03-list:after   {clear:both; display:table; content:'';    }
.emblem-70-wrap .part03  .text-wrap .part03-list li  { float:left; width:33.333%; padding-right:30px; }
.emblem-70-wrap .part03  .text-wrap .part03-list li .title  { float:left; width:61px; height:61px; line-height:61px; font-size:24px; color:#fff; background:#666666; border-radius:100%;  text-align:center;  }
.emblem-70-wrap .part03  .text-wrap .part03-list li .text  { float:left; width:calc(100% - 61px); padding-left:20px;  }
.emblem-70-wrap .part03  .text-wrap .part03-list li .text  span { display:block; width:100%; font-size:18px; color:#666; border-bottom:1px solid #dbdbdb; padding-bottom:5px; margin-bottom:5px;  }
.emblem-70-wrap .part03  .text-wrap .part03-list li .text  strong { font-size:24px; color:#333; font-weight:normal; }


/*동영상*/
.movie-wrap { border:1px solid #dbdbdb;  }
.movie-wrap:after { clear:both; display:table; content:'';  }
.movie-wrap .movie { float:left; width:50%; height:329px;  }
.movie-wrap .movie video { float:left; width:100%; height:100%; }
.movie-wrap .text-wrap { float:left; width:50%; height:329px;overflow-y:auto; padding:15px 30px;   }
.movie-wrap .text-wrap p {margin-bottom:20px;   }




/*홍보대사란*/
.ambassador-top { margin-bottom:50px;  }
.ambassador-top:after { clear:both; display:table; content:'';  }
.ambassador-top .img { float:left; width:533px; margin-right:17px;  }
.ambassador-top .text-wrap { float:left; width:calc(100% - 550px); padding-top:20px;   }
.ambassador-top .text-wrap dl {padding-bottom:20px; border-bottom:1px solid #dbdbdb; }
.ambassador-top .text-wrap dl dt {font-size:36px; font-weight:bold; color:#0D76CF; margin-bottom:20px;  }
.ambassador-top .text-wrap dl dd {font-size:24px; color:#333;  }
.ambassador-top .text-wrap dl dd strong {font-weight:bold; }
.ambassador-top .text-wrap p {margin-top:30px; }

.ambassador-list {}
.ambassador-list ul { margin:0 -7px;  }
.ambassador-list ul:after { clear:both; display:table; content:'';  }
.ambassador-list ul li {text-align:center;   float:left;  width:20%; padding:0 7px; margin-bottom:40px;   }
.ambassador-list ul li .img {position:relative; display:inline-block;  }
.ambassador-list ul li .img span { position:absolute; top:0px; left:0px; padding:5px; color:#fff; font-size:14px; background:#0E6FC1;  }
.ambassador-list ul li .name { margin-top:10px; font-size:16px; color:#666; }
.ambassador-list ul li .name strong { font-size:18px; color:#333; }


/*총장인사말*/
.greeting-wrap {}
.greeting-wrap:after { clear:both; display:table; content:'';  }
.greeting-wrap .img { float:left; width:402px; margin-right:38px;  }
.greeting-wrap .text-wrap { float:left; width:calc(100% - 440px); }
.greeting-wrap .text-wrap .title { text-align:center; border-bottom:1px solid #dbdbdb; padding-bottom:40px; margin-bottom:40px;  font-size:40px; color:#333; }
.greeting-wrap .text-wrap .title p { display:inline-block; padding-left:90px; padding-right:90px;  position:relative; }
.greeting-wrap .text-wrap .title strong { display:block; font-weight:bold; color:#0D76CF; }
.greeting-wrap .text-wrap .title span { color:#0D76CF; font-weight:bold; font-size:115px; position:absolute; top:50%;margin-top:-25px;  display:inline-block; line-height:1; height:40px;  }
.greeting-wrap .text-wrap .title span.start {left:0px; }
.greeting-wrap .text-wrap .title span.end {right:0px; }
.greeting-wrap .text-wrap .text { margin-bottom:40px;  }
.greeting-wrap .text-wrap .text strong {color:#0D76CF; font-weight:bold;  } 
.greeting-wrap .text-wrap .name { text-align:right;  } 
.greeting-wrap .text-wrap .name img { display:inline-block; margin-left:10px; margin-top:-3px;   }



/*역대총장*/
.past-wrap {  }
.past-wrap h2 { border-bottom:2px solid #0E6FC1; padding-bottom:20px; padding-left:0px; background:none;  font-size:24px; font-weight:bold; color:#0E6FC1;  margin-bottom:20px;   }
.past-wrap h2 strong {display:inline-block; margin-left:10px; color:#333; font-size:30px; font-weight:bold; }
.past-wrap .list { margin:0 -10px;   }
.past-wrap .list:after { clear:both; display:table; content:'';    }
.past-wrap .list li {float:left; width:33.333%; padding:10px; }
.past-wrap .list .in  {border:1px solid #dbdbdb; border-radius:10px; padding:15px; }
.past-wrap .list .in:after {  clear:both; display:table; content:'';    }
.past-wrap .list .in .img {float:left;  width:132px; margin-right:18px; }
.past-wrap .list .in .text-wrap {float:left;  width:calc(100% - 150px); padding-top:5px;   }
.past-wrap .list .in .text-wrap .p-label {margin-bottom:30px; }
.past-wrap .list .in .text-wrap .p-label span {color:#fff; padding:5px 8px; background:#666666; border-radius:10px; }
.past-wrap .list .in .text-wrap .name  {color:#333; font-size:18px;margin-bottom:15px;  }
.past-wrap .list .in .text-wrap .name  strong { font-size:20px;  font-weight:bold; }
.past-wrap .list .in .text-wrap .period { font-size:16px;  color:#333; }


/*국책사업 사업소개*/
.upbringing-wrap {}
.upbringing-wrap .part02 { border:1px solid #dbdbdb; padding:15px 0 ; border-radius:10px;   }
.upbringing-wrap .part02:after {clear:both; display:table; content:''; }
.upbringing-wrap .part02 li { float:left; width:20%; text-align:center; font-size:16px; color:#333;  border-left:1px solid #dbdbdb;  height:60px; padding:5px 10px;   }
.upbringing-wrap .part02 li:first-child {border-left:0px; }
.upbringing-wrap .part03 { margin:0 -5px;  }
.upbringing-wrap .part03:after { clear:both;display:table; content:'';  }
.upbringing-wrap .part03 li  { float:left; width:20%; padding:5px;    }
.upbringing-wrap .part03 li dl { border:1px solid #dbdbdb; border-radius:10px; padding:15px;  min-height:260px;  }
.upbringing-wrap .part03 li dl dt { text-align:center; padding-bottom:10px; color:#0066CC;  border-bottom:2px solid  #0066CC;  margin-bottom:20px;  }
.upbringing-wrap .part03 li dl dd {padding-left:10px; margin-top:10px;  font-size:16px;  position:relative;  background:url(../images/sub/ss_list.svg) no-repeat left 10px; background-size:5px 5px;    }
.upbringing-wrap .part04 { text-align:center; padding:30px 0 ;   }
.upbringing-wrap .part04 ul { display:inline-block;  width:960px; margin:0 auto; background:url(../images/sub/upbringing2.svg) no-repeat right center ;   }
.upbringing-wrap .part04 ul:after { clear:both; display:table; content:''; }
.upbringing-wrap .part04 ul li { float:left; width:33.333%; text-align:center;  }
.upbringing-wrap .part04 ul li dl { position:relative;  }
.upbringing-wrap .part04 ul li dl:after { content:''; display:inline-block; width:32px; height:32px; border-radius:100%; position:absolute; top:50%; margin-top:-16px; left:50%; margin-left:-16px; background:#0D76CF;  }
.upbringing-wrap .part04 ul li:nth-of-type(2) dl:after { background:#378705; }
.upbringing-wrap .part04 ul li:nth-of-type(3) dl:after { background:#095A9E; }
.upbringing-wrap .part04 ul li dl dt {font-size:30px; font-weight:bold; color:#333; padding-bottom:40px; }
.upbringing-wrap .part04 ul li dl dt span {display:block;  font-size:18px;  font-weight:normal;  }
.upbringing-wrap .part04 ul li dl dd {font-size:18px; padding-top:40px; }




/*버스노선*/
.bus-wrap {}
.bus-wrap  h3 { font-size:24px; margin-bottom:30px;   }
.bus-wrap  h3 strong {font-weight:bold; }
.bus-wrap  h3 span {font-weight:normal; font-size:18px;  }
.bus-wrap .triple { margin-bottom:30px;  }
.bus-wrap .triple  h3 { margin-bottom:15px;  }
.bus-wrap  dl  { margin-bottom:30px;  }
.bus-wrap  dl:after { clear:both; display:table; content:'';  }
.bus-wrap  dl dt {font-size:18px; font-weight:normal; margin-bottom:15px;  }
.bus-wrap  dl dt strong {font-weight:bold;}
.bus-wrap  dl dd { border:1px solid #dbdbdb; float:left; width:calc(25% + 1px); margin-left:-1px;   margin-top:-1px;  text-align:center; padding:10px 0 ;  }






/*전체 검색*/
.search-header {  border-bottom:2px solid #dbdbdb; position:relative;  }
.search-header .search-top { height:137px;align-items: center;    justify-content: center; display:flex;  }
.search-header .search-top h1 {width:164px; margin-right:20px;  }
.search-header .search-top form   {align-items: center;    justify-content: center; display:flex; }
.search-header .search-top .input-wrap  { width:580px; border:2px solid #0D76CF; height:58px;  align-items: center;    justify-content: center; display:flex; margin-right:20px;   }
.search-header .search-top .input-wrap:after  { clear:both }
.search-header .search-top .input-wrap select { width:120px; border:0px; height:54px; color:#04569C; font-size:18px; padding:0 5px;    }
.search-header .search-top .input-wrap input[type="text"] { width:calc(100% - 174px); height:54px; border:0px; font-size:18px; padding:0 5px; }
.search-header .search-top .input-wrap .submit  { width:54px; height:54px; background:#0D76CF; color:#fff; font-size:18px; border:0px; }
.search-header .search-top .detail-search-open { margin-right:20px;   }
.search-header .search-top .detail-search-open a {display:inline-block; height:58px; width:125px; background:#04569C; text-align:center; line-height:58px; color:#fff; font-size:18px;    }
.search-header .search-top .search-info  {align-items: center;    justify-content: center; display:flex;  }
.search-header .search-top .search-info input { width: 15px; height:15px; margin-right:3px;  }
.search-header .search-top .search-info label { font-size:16px; color:#333;font-weight:normal;    }
.search-header .search-top .detail-search-view  { display:none; z-index:100; position:absolute; top:137px; left:0px; width:100%; background:#F2F6F8; box-shadow: 0px 5px 5px rgba(0,0,0,0.2);  padding:35px 0 ; }
.search-header .search-top .detail-search-view .in { width:880px; margin:0 auto 20px; background:#fff; padding:0 20px;  }
.search-header .search-top .detail-search-view .in .part { border-bottom:1px dashed #dbdbdb; padding:15px 0 ;  align-items: center; display:flex; }
.search-header .search-top .detail-search-view .in .part:after {clear:both; display:table;  content:'';  }
.search-header .search-top .detail-search-view .in .part h3  { font-size:18px; color:#04569C; width:120px; }
.search-header .search-top .detail-search-view .in .part ul  {align-items: center; display:flex;   }
.search-header .search-top .detail-search-view .in .part ul li  { margin-right:20px; align-items: center; display:flex;  }
.search-header .search-top .detail-search-view .in .part ul li input { margin:0px;  margin-right:5px;  }
.search-header .search-top .detail-search-view .in .part ul li label { margin:0px; font-weight:normal;   }
.search-header .search-top .detail-search-view .in .part ul li input[type="checkbox"] { width:15px; height:15px;  }
.search-header .search-top .detail-search-view .in .part ul li input[type="radio"]{ width:17px; height:17px; }
.search-header .search-top .detail-search-view .in .part02 input[type="text"]{ width:100px; border:1px solid #DBDBDB; text-align:center; height:33px; margin:0px;   }
.search-header .search-top .detail-search-view .in .part02 .input-group-addon { background:none; border:0px;   }
.search-header .search-top .detail-search-view .in .part03 { border-bottom:0px;  }
.search-header .search-top .detail-search-view .in .part03  input[type="text"] {  border:1px solid #DBDBDB; padding:0 5px;  height:33px;  width:275px; margin-right:10px;  }
.search-header .search-top .detail-search-view .in .text {  color:#0D76CF; font-size:14px;   }
.search-header .search-top .detail-search-view .detail-btn {text-align:center; }
.search-header .search-top .detail-search-view .detail-btn a { display:inline-block;height:46px; border-radius:5px; line-height:46px; padding:0 20px; color:#fff; background:#333; font-size:18px;  }
.search-header .search-top .detail-search-view .detail-btn a.detail-search-close { background:#666; }
.search-header  .recommend-search-wrap { background:#F2F6F8; padding:15px 0 ; align-items: center;    justify-content: center; display:flex;  }
.search-header  .recommend-search-wrap h3  {display:inline-block; color:#fff; background:#666666;  font-size:14px; padding:5px 10px;font-weight:normal;   margin-right:20px; }
.search-header  .recommend-search-wrap ul  { align-items: center;    display:flex; }
.search-header  .recommend-search-wrap ul li   { padding: 0 8px; }
.search-header  .recommend-search-wrap ul li  a  { color:#333333; font-size:16px;  }
.search-header  .result-count  { text-align:center; font-size:20px; color:#666; padding:30px 0 ;  }
.search-header  .result-count  i { color:#333; }
.search-header  .result-count  strong { font-weight:bold; }
.search-header  .result-count  .title { color:#333; }
.search-header  .result-count  .count { color:#CC0000;  }

.search-contents {}
.search-contents:after { clear:both; display:table; content:'';  }
.search-contents .search-list-tab { float:left; width:250px;  padding-right:20px;  border-top:4px solid #0D76CF; }
.search-contents .search-list-tab li { border-bottom:1px solid #dbdbdb; }
.search-contents .search-list-tab li a {display:block; padding:25px 20px; font-size:22px; color:#333; }
.search-contents .search-list-tab li a i {display:inline-block; float:right; font-size:19px; padding-top:7px; }
.search-contents .search-list-tab li a.active  { color:#0D76CF; }

.search-contents .search-main-contents { float:left; width:calc(100% - 540px); border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;  padding:0 30px;   }
.search-contents .search-main-contents .part {position:relative; padding:40px 0 ; border-bottom:1px dotted #dbdbdb;  }
.search-contents .search-main-contents .part  h3 {padding-bottom:30px; font-size:20px; color:#333; font-weight:bold; margin:0px;  }
.search-contents .search-main-contents .part  h3 span { color:#0D76CF; font-weight:normal; }
.search-contents .search-main-contents .part  .more  { position:absolute; top:35px; right:0px; }
.search-contents .search-main-contents .part  .more a  {display:inline-block; padding:5px 10px; border:1px solid #dbdbdb;  color:#333; font-size:14px;  }
.search-contents .search-main-contents .part01 ul {}
.search-contents .search-main-contents .part01 ul li {padding-left:15px; position:relative;   margin-bottom:10px;  background:url(../images/sub/s_list.svg) no-repeat left 12px; background-size:8px 3px;  font-size:18px; }
.search-contents .search-main-contents .part04 {  }
.search-contents .search-main-contents .part ul.notice-page {  }
.search-contents .search-main-contents .part ul.notice-page li { margin-bottom:30px;    }
.search-contents .search-main-contents .part ul.notice-page li a { display:block;  font-size:14px; color:#666;  }
.search-contents .search-main-contents .part ul.notice-page li a .title { padding-bottom:10px; font-size:16px; color:#333; font-weight:bold;  }
.search-contents .search-main-contents .part ul.notice-page li a .text { padding-bottom:10px; }
.search-contents .search-main-contents .part ul.notice-page li a .location { color:#366E9D;  }
.search-contents .search-main-contents .part ul.notice-page li a .location &gt; span + span:before {    content: "&gt;";   padding:0 3px;  color:#366E9D;     font-family: cursive; }
.search-contents .search-main-contents .part ul.notice-page li a .location i {   float:left; margin-top:2px; margin-right:5px;  }

.search-contents .right-contents { float:left; width:290px; padding-left:20px;  }
.search-contents .right-contents .part {  padding:30px 0 ; border-bottom:1px solid #dbdbdb;  }
.search-contents .right-contents .part h3 {font-size:18px; color:#333; padding-bottom:20px;  }
.search-contents .right-contents .part .num-list li {margin-bottom:10px; }
.search-contents .right-contents .part .num-list li a {color:#333; font-size:16px;    text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.search-contents .right-contents .part .num-list span.num  { border:1px solid #dbdbdb;  font-size:14px; display:inline-block;margin-right:5px; padding:0 3px; }
.search-contents .right-contents .part02 { position:relative;  }
.search-contents .right-contents .part02 .quick-link-list {  margin:0 -4px 10px;   }
.search-contents .right-contents .part02 .quick-link-list:after { clear:both; display:table; content:'';      }
.search-contents .right-contents .part02 .quick-link-list li { float:left; padding:0 4px;  }
.search-contents .right-contents .part02 .quick-link-list li a { font-size:14px; color:#333;  }
.search-contents .right-contents .part02 .quick-link-list li a.active { border-bottom:2px solid #1E90FF;  }
.search-contents .right-contents .part02 .quick-link {display:none;  background:#F2F2F2; padding: 8px;  margin:0 -3px;   }
.search-contents .right-contents .part02 #quick-link01 {display:block; }
.search-contents .right-contents .part02 .quick-link:after { clear:both; display:table;content:'';  }
.search-contents .right-contents .part02 .quick-link li { float:left; padding:3px; }
.search-contents .right-contents .part02 .quick-link li a {background:#fff; border-radius:5px; font-size:14px;   color:#666;  padding:3px; display:inline-block;  }







/*jnu달력*/
.calendar-top-wrap {  margin-bottom:30px;  }
.calendar-top-wrap:after { clear:both; display:table; content:'';    }
.calendar-top-wrap .month-input-wrap { float:left; border:1px solid #dbdbdb; height:70px; width:calc(100% - 280px);  padding:13px 15px;  position:relative;  }
.calendar-top-wrap .month-input-wrap .selectYear { float:left; margin-top:-7px;  width:125px; height:30px; margin-right:5px; border:1px solid #DBDBDB;    }
.calendar-top-wrap .month-input-wrap .month-select { float:left; margin-top:-7px;  }
.calendar-top-wrap .month-input-wrap .month-select a {float:left;  display:inline-block; width:30px; height:30px;   text-align:center; background:#666666;   }
.calendar-top-wrap .month-input-wrap .month-select a img{ width:7px; }
.calendar-top-wrap .month-input-wrap .month-select .month {float:left; padding:0 10px;  color:#666; font-size:14px; margin-top:-1px;   }
.calendar-top-wrap .month-input-wrap .month-select .month strong { color:#0D76CF; font-size:20px; font-weight:bold;   }
.calendar-top-wrap .month-input-wrap .calendar-recom { position:absolute; bottom:2px; left:15px;  }
.calendar-top-wrap .month-input-wrap .calendar-recom  span { border:0px; padding:0px;  display:none;  }
.calendar-top-wrap .month-input-wrap .calendar-recom  a { font-size:14px; }
.calendar-top-wrap .month-input-wrap .input-wrap  { float:right;   }
.calendar-top-wrap .month-input-wrap .input-wrap select {float:left;  padding:0 5px;  border:1px solid #DBDBDB; height:41px;  width:140px;  }
.calendar-top-wrap .month-input-wrap .input-wrap input { padding:0 5px; float:left;margin-left:5px;  background:#f2f2f2; width:240px; border:1px solid #DBDBDB; height:41px;   }
.calendar-top-wrap .month-input-wrap .input-wrap button {float:left;  margin-left:5px;  width:70px; height:41px; background:#04569C; color:#fff;border:0px;  }
.calendar-top-wrap .view-option { float:left; height:70px; width:280px; padding:15px;   background:#0D76CF;   }
.calendar-top-wrap .view-option h3 { float:left; margin:0px; color:#fff; width:100px; text-align:center; font-size:16px; font-weight:normal;  height:40px; line-height:40px; }
.calendar-top-wrap .view-option ul { float:left; width:calc(100% - 100px);  }
.calendar-top-wrap .view-option ul li  { float:left; width:33.333%;   padding:0 2px;   }
.calendar-top-wrap .view-option ul li a  { display:inline-block;  color:#fff; width:100%; height:40px; background:#04569C; text-align:center; line-height:40px; font-size:16px; border-radius:5px;    }
.calendar-top-wrap .view-option ul li a.active  { background:#fff; color:#333; }
/*달력형*/
.calendar-wrap {  }
.calendar-wrap .calendar { display:block; width:100%; border-top:1px solid #DBDBDB; }
.calendar-wrap .calendar table {width:100%; border-collapse:collapse;   }
.calendar-wrap .calendar table {width:100%; border-collapse:collapse; }
.calendar-wrap .calendar table thead th {width:14.285%;   font-size:16px; font-weight:normal; padding:10px;border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;   }
.calendar-wrap .calendar table tbody td:first-child .day,
.calendar-wrap .calendar table thead th:first-child {color:#CC3333; }
.calendar-wrap .calendar table thead th:nth-of-type(7) ,
.calendar-wrap .calendar table tbody td:nth-of-type(7) .day {color:#3166B1; }
.calendar-wrap .calendar table thead th:first-child,
.calendar-wrap .calendar table tbody td:first-child { border-left:0px;  }
.calendar-wrap .calendar table tbody td {vertical-align:top;  width:14.285%; position:relative;  font-size:14px; font-weight:normal; padding:10px; padding-top:40px;  border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;   }
.calendar-wrap .calendar table tbody td p { /*margin-bottom:20px;*/  }
.calendar-wrap .calendar table tbody td p a:hover { text-decoration:none;  }
.calendar-wrap .calendar table tbody td p.a { position:relative;  padding:5px 0 ;z-index:100;    }
.calendar-wrap .calendar table tbody td p.a .time ,
.calendar-wrap .calendar table tbody td p.a .text { color:#f2f2f2 !important; }
.calendar-wrap .calendar table tbody td p.a1 { text-indent:0px;    }
.calendar-wrap .calendar table tbody td p.a:before { background:#f2f2f2; position:absolute; content:''; display:block; width:calc(100% + 20px); height:100%;  top:0px; left:-10px; margin-right:-10px;  z-index:-1;}
.calendar-wrap .calendar table tbody td p span { display:block; width:100%;  }
.calendar-wrap .calendar table tbody td p .time { color:#0D76CF;  margin-bottom:5px; }
.calendar-wrap .calendar table tbody td p .text { color:#333;  }
.calendar-wrap .calendar table tbody td p.a1 .time { color:#0D76CF !important; }
.calendar-wrap .calendar table tbody td p.a1 .text { color:#333 !important; }
.calendar-wrap .calendar table tbody td .day {font-size:14px; position:absolute; top:10px; left:10px; }
/*리스트형*/
.day-list { display:none;  border-top:1px solid #dbdbdb;    }
.day-list ul { margin-bottom:100px;  }
.day-list li { border-bottom:1px solid #dbdbdb;  padding:20px; }
.day-list li .in { display:block; width:100%;  }
.day-list li .in:after { clear:both; display:table; content:'';  }
.day-list li .img { float:left; width:165px; height:165px;  margin-right:35px; background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.day-list li .img a {display:block; width:100%; height:100%; }
.day-list li .text-wrap { float:left; width:calc(100% - 200px); font-size:16px; } 
.day-list li .text-wrap a { display:block;  }
.day-list li .text-wrap .title { margin-bottom:10px; font-size:20px; color:#333;   }
.day-list li .text-wrap .title strong { color:#014099; }
.day-list li .text-wrap .date { color:#0D76CF;  margin-bottom:10px;   }
.day-list li .text-wrap .text { color:#666;  margin-bottom:10px;   }
.day-list li .text-wrap .hash a {  display:inline-block; margin-right:5px; color:#04569C;   }
.day-list li .text-wrap .hash a:after { display:none;  }
.day-list .more {text-align:center; }
.day-list .more a {  display:inline-block;  padding:10px 30px; border:1px solid #dbdbdb; color:#333;  }
/*메모형*/
.memo-wrap { display:none;}
.memo-wrap ul { margin:0 -6px 100px;   }
.memo-wrap ul:after { clear:both; display:table; content:'';  }
.memo-wrap ul li { float:left; width:25%; padding:6px; }
.memo-wrap ul li .in { border:1px solid #dbdbdb;  border-radius:5px; display:block;   }
.memo-wrap ul li .in .img a { display:block; width:100%; height:100%;  }
.memo-wrap ul li .in .img { margin-bottom:10px;   }  
.memo-wrap ul li .in .img img { border-radius:5px;  }
.memo-wrap ul li .in .text-wrap  {padding:10px; }
.memo-wrap ul li .in .text-wrap a { display:block;}
.memo-wrap ul li .in .text-wrap .title { margin-bottom:10px; font-size:20px; color:#333;   }
.memo-wrap ul li .in .text-wrap .title strong { color:#014099; }
.memo-wrap ul li .in .text-wrap .date { color:#0D76CF;  margin-bottom:10px;   }
.memo-wrap ul li .in .text-wrap .text { color:#666;  margin-bottom:10px;   }
.memo-wrap ul li .in .text-wrap .hash a  {display:inline-block; margin-right:3px;  color:#04569C;   }
.memo-wrap .more {text-align:center; }
.memo-wrap .more a {  display:inline-block;  padding:10px 30px; border:1px solid #dbdbdb; color:#333;  }




/*jnu 달력 뷰페이지*/
.jnu-calendar-view {}
.jnu-calendar-view .view { border-top:2px solid #0D76CF; padding-top:20px; border-bottom:1px solid #dbdbdb;  margin-bottom:60px;   }
.jnu-calendar-view .view .img-wrap { float:left; width:300px; margin-right:50px; }
.jnu-calendar-view .view .img-wrap .img  { width:100%; border:1px solid #dbdbdb; margin-bottom:20px; }
.jnu-calendar-view .view .img-wrap .big-img-view  { text-align:center;  }
.jnu-calendar-view .view .img-wrap .big-img-view a { font-size:16px; color:#666;  }
.jnu-calendar-view .view .img-wrap .big-img { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; overflow-y:auto; z-index:1000; background:rgba(0,0,0,0.8); text-align:center; padding-top:100px;  }
.jnu-calendar-view .view .img-wrap .big-img img {  display:block; margin:0 auto 30px;  }
.jnu-calendar-view .view .img-wrap .big-img a {   display:inline-block; background:#0D76CF; padding:10px 20px 8px; color:#fff; font-size:18px;  }
.jnu-calendar-view .view .img-wrap .big-img a img { display:inline-block; margin-top:-2px; margin-left:3px; margin-bottom:0px;  width:12px; }
.jnu-calendar-view .view .text-wrap { float:left; width:calc(100% - 350px);  }
.jnu-calendar-view .view .text-wrap .title { color:#333; font-size:30px; font-weight:bold;  margin-bottom:20px;  }
.jnu-calendar-view .view .text-wrap .title strong { color:#014099;  font-weight:bold;  }
.jnu-calendar-view .view .text-wrap .info-wrap { margin-bottom:20px; color:#0D76CF; font-size:18px;   line-height:35px;   }
.jnu-calendar-view .view .text-wrap .info-wrap:after { clear:both; display:table; content:''; }
.jnu-calendar-view .view .text-wrap .info-wrap .date { float:left; margin-right:50px; }
.jnu-calendar-view .view .text-wrap .info-wrap .spot a { border-radius:5px;   margin-left:10px; position:relative; display:inline-block; border:1px solid #dbdbdb; color:#666; font-size:16px; padding:0  15px;  line-height:35px;   }
.jnu-calendar-view .view .text-wrap .hash{  font-size:16px; margin-bottom:20px;  }
.jnu-calendar-view .view .text-wrap .hash a { color:#04569C; display:inline-block;  margin-right:5px;   }
.jnu-calendar-view .view .text-wrap .text-contents { border-top:1px solid #dbdbdb; padding-top:20px; padding-bottom:20px;  }
.jnu-calendar-view .view .text-wrap .text-contents p { padding-bottom:20px; }
.jnu-calendar-view .view .file-wrap { clear:both;  }
.jnu-calendar-view .view .file-wrap dl { border-top:1px solid #dbdbdb;  position:relative;   }
.jnu-calendar-view .view .file-wrap dl:after { clear:both; display:table; content:'';  }
.jnu-calendar-view .view .file-wrap dl:before { position:absolute; width:145px; height:100%; content:''; top:0px; left:0px; background:#F2F2F2; z-index:-1;  }
.jnu-calendar-view .view .file-wrap dl dt { float:left;  width:145px; text-align:center; color:#333; font-size:16px; font-weight:normal; padding:15px;   }
.jnu-calendar-view .view .file-wrap dl dd { float:left;  width:calc(100% - 145px); color:#333; font-size:14px; font-weight:normal; padding:15px;   }
.jnu-calendar-view .view .file-wrap dl dd a { position:relative; margin-right:40px; font-size:16px;  color:#666;   }
.jnu-calendar-view .view .file-wrap dl dd a:before { position:absolute; top:3px; right:-25px; width:1px; height:20px; background:#dbdbdb;  display:inline-block; content:''; }
.jnu-calendar-view .go-list { margin-bottom:60px; }
.jnu-calendar-view .board-prev-next { }
.jnu-calendar-view .board-prev-next:after { clear:both; display:table; content:'';   }
.jnu-calendar-view .board-prev-next a { float:left; width:50%; padding:0 20px; display:block;  }
.jnu-calendar-view .board-prev-next a:first-child{ border-right:1px solid #dbdbdb;  }
.jnu-calendar-view .board-prev-next a .post { float:left; width:60px; margin-right:40px;font-size:20px; color:#666; padding-top:30px;  }
.jnu-calendar-view .board-prev-next a.prev-btn .post { background:url(../images/sub/a-prev.png) no-repeat left top;  }
.jnu-calendar-view .board-prev-next a.next-btn .post { background:url(../images/sub/a-next.png) no-repeat right top;  }
.jnu-calendar-view .board-prev-next a .text { float:left; width:calc(100% - 100px);  }
.jnu-calendar-view .board-prev-next a .text .date {color:#0D76CF; display:block; margin-bottom:5px; font-size:16px; }
.jnu-calendar-view .board-prev-next a .text .title {color:#333;  font-size:20px; }










/*시설예약*/
/*시설예약 리스트 상단검색*/
.facility-top-search { border:1px solid #dbdbdb; height:70px; padding:14px;   text-align:center; margin-bottom:35px;  }
.facility-top-search select { height:42px; width:120px; border:1px solid #dbdbdb; padding:0 5px; }
.facility-top-search input[type="text"]  { height:42px; width:340px; border:1px solid #dbdbdb; padding:0 5px; background:#f2f2f2; margin-left:5px;  }
.facility-top-search button  { margin-left:5px;  width:70px; height:42px; background:#04569C; color:#fff;border:0px;  }
/*시설예약 리스트*/
.new-facility-list {  }
.new-facility-list ul {  margin:-10px;  }
.new-facility-list ul:after { clear:both; display:table; content:''; }
.new-facility-list ul li { float:left; width:25%; padding:10px;  }
.new-facility-list ul li a {display:block; width:100%;  border:1px solid #dbdbdb;  }
.new-facility-list ul li a .img { position:relative; width:100%; padding-top:60%;   background-repeat:no-repeat; background-position:center center;background-size:cover;   }
.new-facility-list ul li a .img .free-label { position:absolute; top:10px; right:10px; display:inline-block; padding:3px 7px; border-radius:5px; color:#fff; font-size:16px;  background:#D54200; }
.new-facility-list ul li a .img .free-label2 { background:#666; }
.new-facility-list ul li a .text-wrap { height:220px; padding:15px; letter-spacing:-1.4px;  }
.new-facility-list ul li a .text-wrap .title { font-size:18px; color:#333; font-weight:bold; margin-bottom:10px;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; } 
.new-facility-list ul li a .text-wrap .title strong { color:#0D76CF; font-weight:bold; }
.new-facility-list ul li a .text-wrap .text { font-size:16px; color:#333; height:50px;  overflow:hidden;  }
.new-facility-list ul li a .text-wrap .time {border-top:1px solid #dbdbdb; padding-top:15px; margin-top:15px; }
.new-facility-list ul li a .text-wrap .time:after { clear:both; display:table; content:'';  }
.new-facility-list ul li a .text-wrap .time dt { font-size:18px; padding-top:1px;  color:#333; font-weight:bold; float:left; width:80px;  }
.new-facility-list ul li a .text-wrap .time dd {line-height:1.6;  font-size:18px; color:#0D76CF;  float:left; width:calc(100% - 80px);  }
/*시설예약상세페이지*/
.facility-view {  }
.facility-view:after { clear:both; display:table; content:'';   }
.facility-view .view-box-wrap { float:left; width:50%; border:1px solid #dbdbdb;  padding:40px 20px; position:relative;   }
.facility-view .view-box-wrap .free-label { position:absolute; top:50px; right:20px; display:inline-block; padding:3px 7px; border-radius:5px; color:#fff; font-size:16px;  background:#D54200; }
.facility-view .view-box-wrap .free-label2 { background:#666; }
.facility-view .view-box-wrap .img-map-tab { position:relative;   }
.facility-view .view-box-wrap .img-map-tab:before { position:absolute; top:49px; left:0px; width:100%;content:''; display:inline-block; height:1px; background:#3476C9;  }
.facility-view .view-box-wrap .img-map-tab:after { clear:both; display:table; content:''; }
.facility-view .view-box-wrap .img-map-tab li { float:left; margin-right:1px;  }
.facility-view .view-box-wrap .img-map-tab li a {display:inline-block; width:180px; height:50px; border:1px solid #dbdbdb; text-align:center; line-height:50px; color:#666; font-size:18px; }
.facility-view .view-box-wrap .img-map-tab li a.active {color:#0D76CF; border:1px solid #0D76CF; background:#EFF8FF; }
.facility-view .view-box-wrap .facility-img { width:100%; height:480px;  background-repeat:no-repeat; background-position:center center;background-size:cover;   }
.facility-view .view-box-wrap .facility-map { display:none;  width:100%; height:480px; background:#f2f2f2;    }
.facility-view .view-box-wrap .title { padding:20px 0 30px; font-size:24px; color:#333; font-weight:bold;   } 
.facility-view .view-box-wrap .title strong { color:#0D76CF; font-weight:bold; }
.facility-view .view-box-wrap .text-list { padding:20px 0 ;  border-top:1px solid #dbdbdb;  }
.facility-view .view-box-wrap .text-list li { margin-bottom:15px;  }
.facility-view .view-box-wrap .text-list li:after {  clear:both; display:table; content:'';  }
.facility-view .view-box-wrap .text-list li strong {width:90px; font-weight:bold; color:#333; float:left;   }
.facility-view .view-box-wrap .text-list li span {width:calc(100% - 90px) ; color:#333; float:left;   }
.facility-view .info-text-wrap { float:left; width:50%; padding-left:30px;  }
.facility-view .info-text-wrap h2 { margin-bottom:20px;  }
.facility-view .info-text-wrap .info-part { margin-bottom:40px;  position:relative; padding-left:120px; }
.facility-view .info-text-wrap .info-part h3 { position:absolute; top:3px; left:0px;  }
.facility-view .info-text-wrap .info-part p { margin-bottom:10px;  }
.facility-view .info-text-wrap .info-part ul { margin-bottom:10px;  }









/*시설예약 달력*/
.facility-calendar-top-wrap .month-input-wrap{ width:100%;  }
.facility-calendar-top-wrap .month-input-wrap .input-wrap { float:left;  margin-left:20px; }
.facility-calendar-top-wrap .month-input-wrap .statu-label { float:right; padding-top:5px;  }
.facility-calendar-top-wrap .month-input-wrap .statu-label span { display:inline-block;  width:80px; height:32px; line-height:32px; border-radius:10px; margin-left:3px; color:#333; font-size:14px;  text-align:center; }
.facility-calendar-wrap {  }
.facility-calendar-wrap .calendar { display:block; width:100%; border-top:1px solid #DBDBDB; }
.facility-calendar-wrap .calendar table {width:100%; border-collapse:collapse;   }
.facility-calendar-wrap .calendar table {width:100%; border-collapse:collapse; }
.facility-calendar-wrap .calendar table thead th {width:14.285%;   font-size:16px; font-weight:normal; padding:10px;border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;   }
.facility-calendar-wrap .calendar table tbody td:first-child .day,
.facility-calendar-wrap .calendar table thead th:first-child {color:#CC3333; }
.facility-calendar-wrap .calendar table thead th:nth-of-type(7) ,
.facility-calendar-wrap .calendar table tbody td:nth-of-type(7) .day {color:#3166B1; }
.facility-calendar-wrap .calendar table thead th:first-child,
.facility-calendar-wrap .calendar table tbody td:first-child { border-left:0px;  }
.facility-calendar-wrap .calendar table tbody td {  vertical-align:top;  width:14.285%; position:relative;  font-size:14px; font-weight:normal; padding:10px; padding-top:40px;  border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;   }
.facility-calendar-wrap .calendar table tbody td p { margin-bottom:20px;  }
.facility-calendar-wrap .calendar table tbody td p a:hover { text-decoration:none;  }
.facility-calendar-wrap .calendar table tbody td p.a { position:relative;  padding:5px 0 ;z-index:100;    }
.facility-calendar-wrap .calendar table tbody td p.a .time ,
.facility-calendar-wrap .calendar table tbody td p.a .text { color:#f2f2f2 !important; }
.facility-calendar-wrap .calendar table tbody td p.a1 { text-indent:0px;    }
.facility-calendar-wrap .calendar table tbody td p.a:before { background:#f2f2f2; position:absolute; content:''; display:block; width:calc(100% + 20px); height:100%;  top:0px; left:-10px; margin-right:-10px;  z-index:-1;}
.facility-calendar-wrap .calendar table tbody td p span { display:block; width:100%;  }
.facility-calendar-wrap .calendar table tbody td .day {font-size:14px; position:absolute; top:10px; left:10px;  padding:0px; width:auto; }
.facility-calendar-wrap .calendar table tbody td span  {display:inline-block; margin:1px 0 ; width:100%; border-radius:10px; height:32px; line-height:32px; padding:0 20px;  color:#333; font-size:14px; }
.facility-calendar-wrap .calendar table tbody td span.label-green  {cursor:pointer; }

.facility-calendar-wrap .reserv-modal-wrap { display:none;  position:fixed; top:0px; left:0px; width:100%; height:100%;   background: rgba(0,0,0,0.8);  z-index:200; padding-top:150px;   }
.facility-calendar-wrap .reserv-modal {  position:relative;  min-height:650px; overflow-y:auto;   border:3px solid #19B0ED; width:570px; margin:0 auto;  background:#fff;  padding:35px;  z-index:200;   }
.facility-calendar-wrap .reserv-modal  h3 {  }
.facility-calendar-wrap .reserv-modal .section { margin-bottom:10px; }
.facility-calendar-wrap .reserv-modal .section01 { margin-bottom:30px; }
.facility-calendar-wrap .reserv-modal .check  { margin-bottom:40px; }




/*교직원검색*/
.staff-top-search {border-left:0px; border-right:0px; border-top:2px solid #0D76CF; margin-bottom:0px;  }
.staff-top-search label {color:#333; font-weight:normal;  margin-right:5px;   }
.staff-top-search label i {margin-right:3px; }
.staff-search-wrap { position:relative;  min-height:auto !important; ; }
.staff-search-wrap:before{ height:100%; content:''; display:block; width:360px; background:#F2F2F2;  position:absolute; top:0px; left:0px; z-index:-1; }
.staff-search-wrap:after { clear:both; display:table; content:'';  }
.staff-search-wrap .staff-list { display:block !important;  float:left;  width:360px;  padding:25px; }
.staff-search-wrap .staff-list ul {    }
.staff-search-wrap .staff-list ul li { position:relative;  word-break:break-all;   }
.staff-search-wrap .staff-list ul li a  { display:block; padding-left:40px; position:relative;  padding-top:8px; color:#333; font-size:16px;    }
.staff-search-wrap .staff-list ul li .f-icon,
.staff-search-wrap .staff-list ul li .icon { display:inline-block; width:22px; height:22px; border-radius:100%;  text-align:center; line-height:22px;  color:#fff; background:#04569C; position:absolute; top:10px; left:0px;   z-index:1;}
.staff-search-wrap .staff-list ul li .icon { cursor:pointer;  }
.staff-search-wrap .staff-list ul li.open&gt;.icon {}
.staff-search-wrap .staff-list ul li a:after { position:absolute; top:20px; left:22px; width:15px; height:2px; border-top:2px dotted #dbdbdb;  content:''; display:block;  }
.staff-search-wrap .staff-list ul li ul { margin-left:42px; position:relative;  }
.staff-search-wrap .staff-list ul li ul li:before  { position:absolute; top:0px; left:11px; border-left:2px dotted #dbdbdb; width:2px; height:calc(100% + 10px) ; content:''; display:block; }
.staff-search-wrap .staff-list ul li ul li:last-child:before  { display:none; }
.staff-search-wrap .staff-list ul.depth04:before  { left:0px;  }
.staff-search-wrap .staff-list ul.depth04 li a   {padding-left:18px; margin-left:11px;  display:inline-block;  }
.staff-search-wrap .staff-list ul.depth04 li a:before   {display:none; }
.staff-search-wrap .staff-list ul.depth04 li a:after { left:0px; }
.staff-search-wrap .staff-list ul li a .active { display:inline-block; padding:0 4px; background:#fff;text-decoration:underline;   }
.staff-search-wrap .staff-list .depth03 , .staff-search-wrap .staff-list .depth04  { display:none;  }
.staff-search-wrap .staff-list .depth04  li a { padding-top:0px;  }
.staff-search-wrap .staff-list .depth04 li a:after { top:10px;  }
.staff-search-wrap .staff-list .depth04  .icon { display:none !important;  }
.staff-search-wrap .staff-view { float:left;  width:calc(100% - 360px);  padding-top:35px; padding-left:35px;  }
.staff-search-wrap .staff-view table { table-layout:fixed;  word-break:break-all;  }
.staff-search-wrap .staff-view table td {font-size:16px;   }


/*사이트맵*/
.sitemap-wrap {} 
.sitemap-wrap .menu { border-top:2px solid #dbdbdb;  }
.sitemap-wrap .menu:after { clear:both; display:table; content:''; }
.sitemap-wrap .menu h3 {float:left; width:15%;  }
.sitemap-wrap .menu h3 a  {display:block; width:100%; padding-top:18px; color:#0D76CF; border-top:2px solid #0D76CF;  margin-top:-2px; font-size:24px; font-weight:bold;  }
.sitemap-wrap .menu .depth-menu {float:left; width:85%;  padding-bottom:20px; }
.sitemap-wrap .menu .depth-menu li  { float:left; width:20%; padding-right:10px; padding-left:10px;  }
.sitemap-wrap .menu .depth-menu li a { font-size:20px; color:#333; padding-bottom:5px;   display:block; width:100%; padding-top:15px;  }
.sitemap-wrap .menu .depth-menu li ul  { padding-top:15px; border-top:1px dotted #dbdbdb; }
.sitemap-wrap .menu .depth-menu li ul li { float:none; width:auto; padding:0px; margin-bottom:10px;    }
.sitemap-wrap .menu .depth-menu li ul li a { font-size:16px; color:#666; padding:0px; border:0px; position:relative;  padding-left:10px;   }
.sitemap-wrap .menu .depth-menu li ul li a:before { position:absolute; top:12px; left:0px; content:''; width:4px; height:4px; background:#666;  border-radius:100%; display:inline-block; }
.sitemap-wrap .menu .depth-menu li ul li a:hover { color:#0D76CF; }



/*캠퍼스맵*/
.campus-map-wrap {  }
.campus-map-wrap:after { clear:both; display:table; content:''; }
.campus-map-wrap .list-wrap { float:left; width:320px; }
.campus-map-wrap .list-wrap .top { background:#0D76CF; padding:30px 35px;   height:175px; }
.campus-map-wrap .list-wrap .top .logo { font-size:30px; font-size:22px;  font-weight:bold; color:#fff; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.5);  }
.campus-map-wrap .list-wrap .top .logo * { vertical-align:middle;  }
.campus-map-wrap .list-wrap .top .logo img  { width:168; width:125px; display:inline-block; margin-right:10px;margin-top:-5px;   }
.campus-map-wrap .list-wrap .top .logo span  { display:inline-block; margin-top:5px;   }
.campus-map-wrap .list-wrap .top .view-tab { padding:15px 5px 0 5px;  }
.campus-map-wrap .list-wrap .top .view-tab:after { clear:both; display:table; content:''; }
.campus-map-wrap .list-wrap .top .view-tab li  {float:left; width:50%;  text-align:center;   }
.campus-map-wrap .list-wrap .top .view-tab li a  {display:block;padding-bottom:8px; color:#fff; font-size:16px; position:relative;  padding-top:7px;     }
.campus-map-wrap .list-wrap .top .view-tab li a.active  {background:#0C518C; border-radius:10px;  }
.campus-map-wrap .list-wrap .top .view-tab li a.active:after  { position:absolute; top:40px; left:50%; margin-left:-5px; content:''; width:10px; height:10px; border-top: 10px solid #0C518C;  border-left: 5px solid transparent;  border-right: 5px solid transparent;}
.campus-map-wrap .list-wrap .bottom { height:650px; overflow-y:auto;  }
.campus-map-wrap .c-search-wrap { background:#F2F2F2;  padding:20px; }
.campus-map-wrap .c-search-wrap:after { clear:both; display:table; content:''; }
.campus-map-wrap .c-search-wrap button,.campus-map-wrap .c-search-wrap a  {float:left; width:47px; height:41px; text-align:center; font-size:22px; color:#fff; border:0px;  }
.campus-map-wrap .c-search-wrap button {background:#0D76CF; }
.campus-map-wrap .c-search-wrap a  {background:#666; padding-top:3px; }
.campus-map-wrap .c-search-wrap input  {width:calc(100% - 94px); float:left; height:41px; border:1px solid #dbdbdb; background:#fff; color:#666; font-size:16px; padding:0 5px;  }
.campus-map-wrap .list { border:1px solid #dbdbdb; padding:0 20px;  }
.campus-map-wrap .list li  { border-top:2px solid #dbdbdb; }
.campus-map-wrap .list li:first-child  {border-top:0px; }
.campus-map-wrap .list li a  { display:block;  }
.campus-map-wrap .list li a strong  { display:block; padding:17px 20px 17px  45px ; position:relative; color:#333; font-size:18px;  }
.campus-map-wrap .list li a span  { position:absolute; top:50%; margin-top:-18.5px; left:0px;  }
.campus-map-wrap .list li a span img {width:29px; height:37px; }
.campus-map-wrap .list li a i {position:absolute; top:50%; margin-top:-9px; right:0px; font-size:18px; color:#666; }
.campus-map-wrap .list li ul { border-top:1px dashed  #dbdbdb; padding-top:10px; padding-bottom:10px;  }
.campus-map-wrap .list li ul li {border-top:0px;  font-size:14px; padding-left:10px; position:relative;  padding-top:5px; padding-bottom:5px; }
.campus-map-wrap .list li ul li:before {position:absolute; top:12px; left:0px; width:5px; height:5px; border-radius:100%; background:#333333; content:''; }
.campus-map-wrap .pinList-btn { display:none !important;  }

.campus-map-wrap .map-wrap { float:left; width:calc(100% - 320px); height:825px; background:#efefef;  }

.campus-map-wrap .map-info {     }
.campus-map-wrap .map-info img {width:100%; margin-bottom:10px;  display:block; }
.campus-map-wrap .map-info .info-close  { background:#666666; color:#fff; width:40px; height:40px;  font-size:25px; text-align:center;  }



/*조직도*/
.ogan-wrap { position:relative;  }
.ogan-wrap .level1 {text-align:center; margin:0 auto;  width:157px; height:157px; border-radius:100%; line-height:140px; color:#fff; background:#04569C; border:10px solid #BBDBF5; font-size:30px;   }
.ogan-wrap .level2-wrap {position:relative; width:600px; margin:0 auto; padding:40px 0 ;   }
.ogan-wrap .level2-wrap:before { content:''; display:block;  position:absolute; top:0px; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level2-wrap:after { content:''; display:block;  position:absolute; top:65px; left:0;  width:100%; height:1px; background:#dbdbdb; z-index:-1;   }
.ogan-wrap .level2:after { clear:both; display:table; content:'';  }
.ogan-wrap .level2 dl { float:left; width:200px; }
.ogan-wrap .level2 dl dt { border:2px solid #0D76CF; text-align:center; height:54px; background:#fff; line-height:54px; color:#333; font-weight:bold; font-size:20px;   }
.ogan-wrap .level2 dl dd { border:1px solid #dbdbdb; padding:10px;  }
.ogan-wrap .level2 dl dd span, .ogan-wrap .level2 dl dd a { padding:3px 0 ;display:block; padding-left:10px;  position:relative; font-size:18px; color:#333;  }
.ogan-wrap .level2 dl dd span:before, .ogan-wrap .level2 dl dd a:before {position:absolute; top:14px; left:0px; width:4px; height:4px; content:'';background:#333;  display:inline-block; border-radius:100%;  }
.ogan-wrap .level2 dl:nth-of-type(2) {float:right; }
.ogan-wrap .level2 dl:nth-of-type(2) dt  { border:2px solid #63B62F; }
.ogan-wrap .level3-wrap {  position:relative; padding:0px 50px 30px; }
.ogan-wrap .level3-wrap:before {content:''; display:block;  position:absolute; top:0px; left:0px;  width:50%; height:1px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3-wrap:after { content:''; display:block;  position:absolute; top:0px; left:0;   height:100%;  width:1px;  background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3 {padding-top:30px; position:relative; }
.ogan-wrap .level3:before {content:''; display:block;  position:absolute; top:0px; left:50%; margin-left:-0.5px; width:1px; height:30px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3:after { clear:both; display:table; content:'';    }
.ogan-wrap .level3 h3 {text-align:center; position:relative; padding-bottom:30px; margin-bottom:0px;     }
.ogan-wrap .level3 h3:after { content:''; display:block;  position:absolute; top:0px;left:50%; margin-left:-0.5px; width:1px; height:100%; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3 h3 span  {display:inline-block;  width:200px; height:54px;line-height:54px;  background:#0D76CF; color:#fff; font-size:20px; font-weight:normal;    }
.ogan-wrap .level3 .part { position:relative; float:left; width:10%;  padding-top:30px;  }
.ogan-wrap .level3 .part:before { content:''; display:block;  position:absolute; top:0px;left:0; width:100%; height:1px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3 .part:nth-of-type(1):before{ content:''; display:block;  position:absolute; top:0px;left:50%; width:50%; height:1px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3 .part:last-child:before { content:''; display:block;  position:absolute; top:0px;left:0px; width:50%; height:1px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3 .part:after {content:''; display:block;  position:absolute; top:0px; left:50%; margin-left:-0.5px; width:1px; height:30px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3 dl {width:140px; margin:0 auto;  }
.ogan-wrap .level3 dl dt  { border:1px solid #DBDBDB;  text-align:center; height:54px; background:#efefef; line-height:54px; color:#333; font-weight:normal; font-size:20px;   }
.ogan-wrap .level3 dl  dd { border:1px solid #dbdbdb; padding:10px; min-height:132px;   }
.ogan-wrap .level3 dl dd span, .ogan-wrap .level3 dl dd a { padding:3px 0 ;display:block; padding-left:10px;  position:relative; font-size:18px; color:#333;  }
.ogan-wrap .level3 dl dd span:before, .ogan-wrap .level3 dl dd a:before {position:absolute; top:14px; left:0px; width:4px; height:4px; content:'';background:#333;  display:inline-block; border-radius:100%;  }
.ogan-wrap .level4-wrap {  position:relative; padding:0px 20px 30px; }
.ogan-wrap .level4-wrap:after { content:''; display:block;  position:absolute; top:0px; left:0;   height:100%;  width:1px;  background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level4:after { clear:both; display:table; content:'';    }
.ogan-wrap .level4 .part { position:relative; float:left; width:20%;  padding-top:30px;  }
.ogan-wrap .level4 .part:before { content:''; display:block;  position:absolute; top:0px;left:0; width:100%; height:1px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level4 .part:nth-of-type(1):before { content:''; display:block;  position:absolute; top:0px;left:-20px; width:calc(100% + 20px); height:1px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level4 .part:nth-of-type(5):before { content:''; display:block;  position:absolute; top:0px;left:0px; width:50%; height:1px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level4 .part:after {content:''; display:block;  position:absolute; top:0px; left:50%; margin-left:-0.5px; width:1px; height:30px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level4 dl {width:170px; margin:0 auto;  }
.ogan-wrap .level4 dl dt  {   text-align:center; height:54px; background:#0D76CF; line-height:54px; color:#fff; font-weight:normal; font-size:20px;   }
.ogan-wrap .level4 dl  dd { border:1px solid #dbdbdb; padding:10px; min-height:510px;   }
.ogan-wrap .level4 dl dd span, .ogan-wrap .level4 dl dd a { padding:3px 0 ;display:block; padding-left:10px;  position:relative; font-size:18px; color:#333;  }
.ogan-wrap .level4 dl dd span:before, .ogan-wrap .level4 dl dd a:before {position:absolute; top:14px; left:0px; width:4px; height:4px; content:'';background:#333;  display:inline-block; border-radius:100%;  }
.ogan-wrap .level5-wrap {  padding-top:30px;  position:relative;  }
.ogan-wrap .level5-wrap:after { content:''; display:block;  position:absolute; top:0px; left:0;   height:calc(100% - 28px);  width:1px;  background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level5-wrap .part { position:relative;  margin-bottom:30px; padding-left:50px;   }
.ogan-wrap .level5-wrap .part:before { position:absolute; top:27px; left:0px; margin-top:-1px; width:50px; height:1px; background:#dbdbdb; content:'';  }
.ogan-wrap .level5-wrap .part:after { clear:both; display:table; content:'';    }
.ogan-wrap .level5-wrap .part dt { float:left;  text-align:center; width:200px;  height:56px; background:#0D76CF; line-height:56px; color:#fff; font-weight:normal; font-size:20px;   }
.ogan-wrap .level5-wrap .part dd { float:left; width:calc(100% - 200px); border:1px solid #dbdbdb; padding:9px 15px; }
.ogan-wrap .level5-wrap .part dd .title { font-size:18px; color:#333;  font-weight:bold; margin-bottom:10px; }
.ogan-wrap .level5-wrap .part dd .in-part { padding-top:20px; margin-top:20px;  border-top:1px solid #dbdbdb;  }
.ogan-wrap .level5-wrap .part dd .in-part:first-child { padding-top:0px; margin-top:0px; border-top:0px; }
.ogan-wrap .level5 dl dd span, .ogan-wrap .level5 dl dd a { padding:5px 20px 5px 10px;  display:inline-block;  position:relative; font-size:18px; color:#333;  }
.ogan-wrap .level5 dl dd span:before, .ogan-wrap .level5 dl dd a:before {position:absolute; top:16px; left:0px; width:4px; height:4px; content:'';background:#333;  display:inline-block; border-radius:100%;  }

/*조직도 상세*/
.ogan-view {}
.ogan-view .text-box {}
.ogan-view .text-box:after { clear:both; display:table; content:'';  }
.ogan-view .text-box  h2 {padding:0px; color:#333; background:none;  font-size:28px; margin-bottom:20px;    }
.ogan-view .text-box dl {float:left; width:33.333% ;  padding-right:30px; padding-left:10px; border-left:1px solid #dbdbdb; min-height:57px;  }
.ogan-view .text-box dl dt { font-size:18px; color:#04569C; font-weight:bold; margin-bottom:5px;   }
.ogan-view .text-box dl dd { font-size:18px; color:#666;   }
.ogan-view h3 { font-size:24px; color:#333; margin-bottom:15px; }
.ogan-view  ul { padding-bottom:30px; border-bottom:1px solid #dbdbdb;   }
.ogan-view  ul:after { clear:both; display:table; content:'';  }
.ogan-view  ul li  { float:left; width:50%; padding-right:10px; background:none !important;  }
.ogan-view  ul li:after  {content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#666; position:absolute; top:10px; left:0px; }
.ogan-view  ul li:nth-of-type(2n +1)  { clear:both;   }




/*명예의전당*/
.honor-wrap {padding-top:77px; }
.honor-wrap .top { border:5px solid #f2f2f2; padding:15px; position:relative;  margin-bottom:35px;   }
.honor-wrap .top .in { padding:83px 130px 30px; min-height:319px;  text-align:center;  background-image:url(../images/sub/honor/f_left.png) , url(../images/sub/honor/f_right.png), url(../images/sub/honor/f_bg.png); background-repeat:no-repeat; background-position:left top, right top, center center;  background-color:#F6FAFF;  }
.honor-wrap .top .in .logo { position:absolute; top:-77px; left:50%; margin-left:-77px; }
.honor-wrap .top .in .logo img {width:154px; height:154px; }
.honor-wrap .top .in .title { color:#04569C; font-size:34px; font-weight:bold; margin-bottom:5px;  }
.honor-wrap .top .in .label-text { margin-bottom:25px;  }
.honor-wrap .top .in .label-text span {  display:inline-block; background:#04569C; color:#FFF000; padding:5px 10px;  }
.honor-wrap .top .in .text { font-size:18px; color:#333;  }
.honor-wrap .top .in .text strong{ font-weight:bold;  }
.honor-wrap .year-tab {}
.honor-wrap .year-tab:after { clear:both; display:table; content:''; }
.honor-wrap .year-tab ul { float:right;  }
.honor-wrap .year-tab ul li {float:left; }
.honor-wrap .year-tab ul li a {margin-left:25px; display:block; color:#666666; font-size:24px; letter-spacing:-1.8px;  }
.honor-wrap .year-tab ul li a.active {color:#04569C; font-weight:bold; }
.honor-wrap  .bottom {  }
.honor-wrap  .bottom:after { clear:both; display:table; content:'';    }
.honor-wrap  .bottom .division-tab { float:left; width:250px; margin-right:80px;  }
.honor-wrap  .bottom .division-tab li { border-bottom:1px solid #dbdbdb; }
.honor-wrap  .bottom .division-tab li a {display:block; padding:25px 20px; font-size:22px; color:#333; }
.honor-wrap  .bottom .division-tab li a i {display:inline-block; float:right; font-size:19px; padding-top:7px; }
.honor-wrap  .bottom .division-tab li a.active  {background:#0D76CF; color:#fff; }
.honor-wrap  .bottom .honor-contents { float:left; width:calc(100% - 330px);  padding-top:15px;  }
.honor-wrap  .bottom .honor-contents h1 { position:relative;   color:#04569C; font-size:34px; font-weight:bold; margin-bottom:30px;  }
.honor-wrap  .bottom .honor-contents h1:after {position:absolute; top:50%; left:0px; width:100%; height:2px;  margin-top:-1px; background:#0D76CF; content:''; z-index:-1; }
.honor-wrap  .bottom .honor-contents h1 span {display:inline-block; background:#fff; padding-right:20px; }
.honor-wrap  .bottom .honor-contents .part {}
.honor-wrap  .bottom .honor-contents .part01 { margin-bottom:40px;  }
.honor-wrap  .bottom .honor-contents .part01 .img-name { position:relative; }
.honor-wrap  .bottom .honor-contents .part01 .img-name:after { clear:both; display:table; content:'';  }
.honor-wrap  .bottom .honor-contents .part01 .img-name .img { margin-right:30px; float:left; width:234px; height:284px; padding:10px; border:1px solid #f2f2f2; position:relative;  }
.honor-wrap  .bottom .honor-contents .part01 .img-name .img img {width:100%; height:100%; }
.honor-wrap  .bottom .honor-contents .part01 .img-name .name {position:absolute; bottom:0px; left:264px; color:#333;  font-size:18px; }
.honor-wrap  .bottom .honor-contents .part01 .img-name .name strong {display:block; font-size:24px; font-weight:bold; }
.honor-wrap  .bottom .honor-contents .part01 .info { padding-top:30px;  }

/*명예의전당 신규*/
.honor-wrap  .bottom .honor-contents-wrap { float:left; width:calc(100% - 330px); padding-top:15px;    }
.honor-wrap  .bottom .honor-contents  { float:none; width:100%; padding-top:0px;  padding-bottom:20px;border-bottom:1px solid #dbdbdb; margin-bottom:50px;  }
.honor-wrap  .bottom .honor-contents:after { clear:both; display:table; content:'';  }
.honor-wrap  .bottom .honor-contents .img-name { float:left; width:234px; margin-right:54px; }
.honor-wrap  .bottom .honor-contents .img-name .img  {margin-bottom:10px; border:3px solid #F2F2F2; padding:10px;  }
.honor-wrap  .bottom .honor-contents .img-name .name  {padding-top:50px; padding-left:25px; padding-right:25px; text-align:center; color:#666; font-size:16px;  background-image:url(../images/sub/honor/cr_01.png), url(../images/sub/honor/cr_02.png), url(../images/sub/honor/cr_03.png);  background-repeat:no-repeat; background-position:left  bottom, right bottom, center top;  }
.honor-wrap  .bottom .honor-contents .img-name .name  strong {font-size:24px; color:#000; display:block; }
.honor-wrap  .bottom .honor-contents .info { float:left; width:calc(100% - 288px);  background:url(../images/sub/honor/cr_bg.png) no-repeat right bottom; }
.honor-wrap  .bottom .honor-contents .info .title { font-size:24px; color:#000; font-weight:bold;  padding-left:0px;  margin-bottom:0px; }
.honor-wrap  .bottom .honor-contents .info h2 {margin-top:40px; padding-bottom:15px; font-size:20px;  }
.honor-wrap  .bottom .honor-contents .info .kind {color:#666; padding-left:20px;  margin-bottom:40px; }
.honor-wrap  .bottom .honor-contents .info div {  color:#666; padding-left:20px;  margin-bottom:40px; }



/*입학서브메뉴*/
.link-sub-main { margin:-15px;  }
.link-sub-main:after { clear:both; display:table; content:'';    }
.link-sub-main .list { float:left; width:33.3333%;  padding:15px ; }
.link-sub-main .list:nth-of-type(3n+1) { clear:both;  }
.link-sub-main .list h3 { padding-bottom:10px; margin-bottom:15px; border-bottom:2px solid #0E6FC1; }
.link-sub-main .list h3 a { font-size:26px; color:#333; font-weight:bold;  }
.link-sub-main .list .img { margin-bottom:15px; width:100%;  }
.link-sub-main .list .img a {display:block; width:100%;padding-top:50%; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.link-sub-main .list .link { margin-bottom:15px; }
.link-sub-main .list .link a { display:inline-block;  font-size:18px;  padding:3px 15px; border-radius:5px;background:#0b84ca; color:#fff;}
.link-sub-main .list .link .text a { font-size:18px; color:#333; }



/*개인정보처리방침 셀렉*/
.privacy_select_box {}
.privacy_select_box:after { clear:both; display:table; content:'';  }
.privacy_select_box select { height:40px; border-radius:5px; padding:0 10px; float:right;  }



/*서브퀵링크*/

.quick-link-wrap { position:absolute; top:450px; right:0px; z-index:101;   }													   
.quick-link-wrap .quick-link-btn  {float:left; position:absolute; top:0px; left:-50px;    }
.quick-link-wrap .quick-link-btn.quick-link-in-open  {display:block; }
.quick-link-wrap .quick-link-btn.quick-link-in-close  {display:none; }
.quick-link-wrap .quick-link-btn a  { display:block ; width:50px;   color:#fff;  background:#0D76CF; border-radius:5px 0 0 5px  ;   font-weight:bold;  padding:10px; line-height:0.85; text-align:center; word-break:break-all;    }
.quick-link-wrap .quick-link-btn a:hover { text-decoration:none;  }
.quick-link-wrap .quick-link-btn a span   { display:block;  transform: rotate(90deg);     -webkit-transform: rotate(90deg);   font-size:18px; }
.quick-link-wrap .quick-link-btn a b { text-align:center; display:inline-block;  width:21.5px; height:21.5px; border-radius:100%; background:#fff;  padding-top:5px;  margin-bottom:5px;  }
.quick-link-wrap .quick-link-btn a b img {width:10px;   display:inline-block; }
.quick-link-wrap .quick-link-btn.quick-link-in-open a b img {margin-left:-2px;  }
.quick-link-wrap  .quick-in {float:left;width:125px;  height:625px;    display:none; margin-right:-125px;  }
.quick-link-wrap .quick-link-list {  border-left:1px solid #dbdbdb;  border-top:1px solid #dbdbdb; }
.quick-link-wrap .quick-link-list li {  border-bottom:1px solid #dbdbdb;  }
.quick-link-wrap .quick-link-list li:first-child { border-left:0px; }
.quick-link-wrap .quick-link-list li a { display:block; width:125px; height:125px; text-align:center; padding-top:30px; color:#666; font-size:16px; background:#fff; }
.quick-link-wrap .quick-link-list li a:hover,.quick-link-wrap .quick-link-list li a.active { background:#DFF6FD; }
.quick-link-wrap .quick-link-list li a img{display:block;  margin:0 auto 10px; height:39px; }
.quick-link-wrap .quick-link { display:none;  position:absolute;top:0px; right:125px; width:886px; padding:25px 10px; background:#DFF6FD;  }
.quick-link-wrap .quick-link h3 { font-size:30px; color:#0E6FC1; font-weight:bold; margin-bottom:20px; padding-left:30px;  }
.quick-link-wrap .quick-link h3 span  { font-size:18px; color:#333333; font-weight:normal; }
.quick-link-wrap .quick-link .baro-menu { }
.quick-link-wrap .quick-link .baro-menu:after  {clear:both; display:table; content:''; }
.quick-link-wrap .quick-link .baro-menu li { float:left; width:16.666%; padding:10px 0 ;  }
.quick-link-wrap .quick-link .baro-menu li a { display:block; color:#666; font-size:16px; text-align:center;   }
.quick-link-wrap .quick-link .baro-menu li a span { display:block; width:71px;height:71px; border-radius:100%; font-size:30px; color:#049EDC; background:#fff; margin:0 auto 10px; padding-top:13px;   }
.quick-link-wrap .quick-link .baro-menu li a:hover { color:#0E6FC1;   }
.quick-link-wrap .quick-link .baro-menu li a:hover span  {background:#049EDC;  color:#fff;   }
.quick-link-wrap .quick-link .quick-link-close { position:absolute; top:20px; right:40px;   }
.quick-link-wrap .quick-link .quick-link-close a { display:inline-block; font-size:14px; color:#fff; background:#0E6FC1; padding:5px 10px;   }
.quick-link-wrap .quick-link .quick-link-close a img { width:8px;    }





.sub-bottom { border:2px solid #F2F2F2;  margin-bottom:50px; /* min-height:149px;*/ }
.sub-bottom:after { clear:both; display:table; content:'';  }
#contactUs {/*float:left; width:35%; */ width:100%;  font-size:18px; padding:10px 20px;  }
#contactUs:after { clear:both; display:table; content:'';  }
#contactUs dl { padding:7px 0 ; float:left; margin-right:50px;  }
#contactUs dl:after { clear:both; display:table; content:'';  }
#contactUs dl dt {float:left;  padding-right:15px; margin-right:15px;   position:relative;  }
#contactUs dl dt:after { display:block; content:''; position:absolute; top:6px; right:0px; width:2px; height:15px; background:#F2F2F2; }
#contactUs dl dd {float:left;  word-break: break-all;}

#pageSurvey {float:left; width:65%;  padding-bottom: 20px; margin-bottom:0px;  background:#f2f2f2; display:none; }
#pageSurvey dl {padding:15px 20px 0 20px; font-size:18px;}
#pageSurvey dl dt { font-size:20px; margin-bottom:5px;   }
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:80%; height:40px;margin-top:15px;  padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:20%; height:40px; margin-left:-1px;margin-top:15px;  background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}



}/*media (min-width: 992px)*/







/*블로그형 게시판 재정의*/
.blog-board-list .list .img  {  width:25%;  }
.blog-board-list .list .img a {     padding-bottom: 61%; }
.blog-board-list .list .title a {       color: #333;    font-size: 24px;    font-weight: bold;   font-family: 'SCoreDream';}


/*게시판 검색*/
	.board-search-wrap { width:100%;  background:#E9E9E9; padding:20px 200px; margin-bottom:30px;  }
	.board-search-wrap .board-search-select {width:160px; height:45px; color:#333;  margin-right:5px; float:left; border:1px solid #E9E9E9; padding:0 5px;  }
	.board-search-wrap .board-search-text {width:calc(100% - 250px); color:#333; height:45px;  margin-right:5px; float:left; padding:0 5px;  border:1px solid #E9E9E9;  }
	.board-search-wrap.board-category .board-search-text {width:calc(100% - 415px); ;  }
	.board-search-wrap .board-search-submit {width:80px; height:45px;  background:#1D77BA; color:#fff; border:0px; float:left; margin:0px;  }



/*new 페이징*/
.new-paging { text-align:center;  font-size:0px;  margin:40px  0;  }
.new-paging a {display:inline-block;  color:#808080; padding-top:5px;margin:0 5px;    font-size:15px;  text-align:center; }
.new-paging a img {height:14px;  }
.new-paging a.num { background:#F1F1F1;  border-radius:100%;  width:36px; height:36px;}
.new-paging a.active { color:#000;  }




@media (min-width: 1600px) {

	.sub-main-contents h2 {margin-top:50px;    }
	.sub-main-contents h3 {  margin-bottom:15px;  }

	/*연혁*/

	.history-wrap .text-tab { width:360px; margin-right:120px;  }
	.history-wrap .text-tab .history-tab li a {padding:25px 50px; }
	.history-wrap .history {  width:calc(100% - 480px);   }
	.history-wrap .history dl {  padding-left:175px;   }
	.history-wrap .history dl dt{  width:160px;   }


/*제주대학교헌장*/
	.charter-wrap .part01 .text p { font-size:24px; }
	.charter-wrap .part02 ul li .in {  padding:20px 25px;  }
	.charter-wrap .part03 dl  dd {  padding:0 150px 100px;   }



/*전략목표*/
	.goal-wrap .part03 ul li  {  width:16.666%; ; } 


/*인재상*/
	.human-wrap .part03 ul li  { float:left;  width:16.666%; padding:7px; } 


/*교육페이지*/
	.edu-list-wrap .img-text-wrap .text-wrap .link li  { width:20%; }




/*동영상*/
.movie-wrap .movie { height:442px;  }
.movie-wrap .text-wrap { height:442px;  }



/*홍보대사란*/
.ambassador-top .text-wrap {  padding-top:50px;   }
.ambassador-list ul li {  width:16.666%;   }



/*역대총장*/
.past-wrap .list { margin:0 -15px;   }
.past-wrap .list li { padding:15px; }
.past-wrap .list .in  { padding:22px; }
.past-wrap .list .in .img { margin-right:28px; }
.past-wrap .list .in .text-wrap {  width:calc(100% - 160px);   }


/*국책사업 사업소개*/
.upbringing-wrap .part02 li { font-size:18px;   }
.upbringing-wrap .part03 li dl dd {  font-size:18px; }


/*버스노선*/
.bus-wrap  h3 {  margin-bottom:30px;   }
.bus-wrap .triple  h3 { margin-bottom:15px;  }


/*전체검색*/
.search-contents .search-list-tab {width:300px;  padding-right:30px; }
.search-contents .search-main-contents {width:calc(100% - 620px);   }
.search-contents .right-contents {  width:320px; padding-left:30px;  }



/*jnu달력*/
.calendar-top-wrap .month-input-wrap .input-wrap select { width:140px;  }
.calendar-top-wrap .month-input-wrap .input-wrap input {width:300px; }
.calendar-top-wrap .month-input-wrap .selectYear {margin-top:0px; height:41px;    }
.calendar-top-wrap .month-input-wrap .month-select {  margin-top:0px;  }
.calendar-top-wrap .month-input-wrap .month-select a { height:41px;    padding-top: 6px; }
.calendar-top-wrap .month-input-wrap .month-select .month {  font-size:18px; padding:0 20px;  margin-top:-5px;   }
.calendar-top-wrap .month-input-wrap .month-select .month strong { font-size:30px;   }
.calendar-top-wrap .month-input-wrap .calendar-recom { position:relative; bottom:0px; left:0px; }
.calendar-top-wrap .month-input-wrap .calendar-recom  span {     border: 1px solid #efefef;     padding: 2px 10px;  display:inline-block; }
.calendar-top-wrap .month-input-wrap .calendar-recom a  { font-size:16px;  }



/*메모형*/
.memo-wrap ul li { width:20%; }



/*jnu 달력 뷰페이지*/
.jnu-calendar-view .board-prev-next a {  padding:0 40px;  }



/*시설예약 리스트*/
.new-facility-list ul {  margin:-25px;  }
.new-facility-list ul li { padding:25px;  }
/*시설예약상세페이지*/
.facility-view .view-box-wrap {  padding:40px;    }
.facility-view .view-box-wrap .free-label { right:40px; }
.facility-view .info-text-wrap {  padding-left:50px;  }



/*교직원검색*/
.staff-search-wrap:before{ width:400px;  }
.staff-search-wrap .staff-list {  width:400px;  padding:30px; }
.staff-search-wrap .staff-view {  width:calc(100% - 400px);  padding-top:45px; padding-left:55px;  }



/*캠퍼스맵*/
.campus-map-wrap .list-wrap { width:400px; }
.campus-map-wrap .list-wrap .top {  padding:20px 35px;   }
.campus-map-wrap .list-wrap .top .logo { font-size:30px;  }
.campus-map-wrap .list-wrap .top .logo img  { width:168px;  }
.campus-map-wrap .list-wrap .top .view-tab { padding:15px 10px 0 10px;  }
.campus-map-wrap .map-wrap { width:calc(100% - 400px);   }



/*명예의전당*/
.honor-wrap .top .in { padding:83px 230px 30px;}
.honor-wrap  .bottom .division-tab {  width:360px;   }
.honor-wrap  .bottom .honor-contents-wrap {  width:calc(100% - 440px);    }


/*조직도*/
.ogan-wrap .level4-wrap { padding:0px 200px 30px; }
.ogan-wrap .level4 .part:nth-of-type(1):before {left:-200px; width:calc(100% + 200px); }



/*입학서브메뉴*/
.link-sub-main { margin:-33px;  }
.link-sub-main .list {   padding:33px; }
.link-sub-main .list h3 a { font-size:30px;  }
.link-sub-main .list .link a {   padding:5px 20px; }



}/*media (min-width: 1600px)*/


@media(min-width: 1200px) and (max-width: 1599px){
	/* 조직도 */
	.ogan-wrap .level3-wrap {  padding:0px 10px 30px; }
	.ogan-wrap .level3 dl {width:170px; margin:0 auto;  }
	.ogan-wrap .level3 .part{width: 20%;}
	.ogan-wrap .level5-wrap .part dt {  width:170px;  }
	.ogan-wrap .level5-wrap .part dd {width:calc(100% - 170px);}
}

@media (min-width: 992px) and (max-width: 1199px) {

.sub-menu-wrap .sub-menu li { padding-left:15px; padding-right:15px;  width:255px;  }
	.sub-menu-wrap .sub-menu li a i.fa-angle-down {right:10px;  }
	.sub-menu-wrap .sub-menu li  ul { width:255px;  }


		.half-wrap { margin-left:-15px;margin-right:-15px; }
	.half-wrap .half {padding-left:15px; padding-right:15px;  padding-bottom:30px;  }



	/*연혁*/
.history-wrap .history dl { padding-left:0px;  }
.history-wrap .history dl dt { position:static; padding-top:20px; margin-bottom:-10px;   }


/*제주대학교헌장*/
.charter-wrap .part01 .text p { font-size:20px;  }
.charter-wrap .part02 ul li .in {    min-height:285px;  }



/*교훈 및 현황*/
.ens-wrap {}
.ens-wrap .part01  .img { width:400px; margin-right:30px; padding-top:70px;   }
.ens-wrap .part01  .img img {  width:400px; }
.ens-wrap .part01  .text-wrap {width:calc(100% - 430px);   }
.ens-wrap .part01  .text-wrap h3 { font-size:22px;  margin-bottom:10px;   }
.ens-wrap .part02   .text { ; font-size:22px;  }
.ens-wrap .part02   .text  strong {  font-size:32px; f  }
.ens-wrap .part03 ul li { ;  width:50%; }


/*교가*/
.schoolsong-wrap .img {  width:48%;   }
.schoolsong-wrap .text-wrap {  width:52%; padding-left:50px;  }


/*대학상징*/
.symbol-wrap .img-text-wrap .img  {width:420px; margin-right: 20px; }
.symbol-wrap .img-text-wrap .text-wrap  { width:calc(100% - 440px); }
.symbol-wrap .img-text-wrap .text-wrap  h3  {  font-size:28px; margin-bottom:20px; }
.symbol-wrap .symbol-img li .s-label  { position:absolute; top:5px; left:5px; display:inline-block;  font-size:16px; color:#fff; padding:5px 10px; background:#666;  }




/*전략목표*/

.goal-wrap .part02 li { width:240px; height:240px;margin:0 5px;  padding-top:50px; }
.goal-wrap .part02 li .img { font-size:50px;  }
.goal-wrap .part02 li .text { font-size:18px; }





/*동영상*/
.movie-wrap .movie { height:261px;  }
.movie-wrap .text-wrap {  height:261px;  }


/*홍보대사란*/
.ambassador-top .img { width:433px;  }
.ambassador-top .text-wrap { width:calc(100% - 450px); padding-top:0px;   }
.ambassador-top .text-wrap dl {padding-bottom:15px;  }
.ambassador-top .text-wrap dl dt {font-size:30px; margin-bottom:15px;  }
.ambassador-top .text-wrap dl dd {font-size:20px; }
.ambassador-top .text-wrap p {margin-top:20px; }

.ambassador-list ul li {width:25%;   }



/*총장인사말*/
.greeting-wrap .img { float:left; width:302px;  }
.greeting-wrap .text-wrap { width:calc(100% - 340px); }


/*역대총장*/
.past-wrap .list li { width:50%;  }



/*국책사업 사업소개*/
.upbringing-wrap .part02 li {  height:80px   }
.upbringing-wrap .part03 li  {width:33.333%;  }
.upbringing-wrap .part03 li dl {  min-height:220px;  }
.upbringing-wrap .part04 ul li dl dt {font-size:26px;  }





/*전체검색*/
.search-contents .search-list-tab { border-bottom:1px solid #dbdbdb;  float:none; width:100%;     }
.search-contents .search-list-tab ul  {margin:0 -5px; text-align:center; }
.search-contents .search-list-tab ul:after { clear:both; display:block; content:'';  }
.search-contents .search-list-tab li {display:inline-block; padding:0 5px; border-bottom:0px;  }
.search-contents .search-list-tab li a {float:left; padding:15px;  font-size:18px;   }
.search-contents .search-list-tab li a i { display:none;  }
.search-contents .search-main-contents {  width:calc(100% - 290px); border-left:0px;   }




/*jnu달력*/
.calendar-top-wrap .month-input-wrap .input-wrap select { width:80px;  font-size:14px;  }
.calendar-top-wrap .month-input-wrap .input-wrap input {width:150px;  font-size:14px; }
/*메모형*/
.memo-wrap ul li { width:33.3333%; }



/*jnu 달력 뷰페이지*/
.jnu-calendar-view .view .img-wrap {  width:260px; margin-right:20px; }
.jnu-calendar-view .view .text-wrap {  width:calc(100% - 280px);  }



/*시설예약 리스트*/
.new-facility-list ul li {  width:33.333%;  }
/*시설예약상세페이지*/
.facility-view .view-box-wrap { float:none; width:100%;  }
.facility-view .info-text-wrap { float:none; width:100%; padding-left:0px;  padding-top:50px;  }



/*교직원검색*/
.staff-search-wrap:before{ width:280px;  }
.staff-search-wrap .staff-list {  width:280px;  padding:20px 10px; }
.staff-search-wrap .staff-view {  width:calc(100% - 280px);  padding-top:25px; padding-left:25px;  }
.staff-search-wrap .staff-list ul li ul {    margin-left: 33px;}  


/*사이트맵*/
.sitemap-wrap .menu h3 a  {  font-size:20px; }
.sitemap-wrap .menu .depth-menu li  {  padding-right:7px; padding-left:7px;  }
.sitemap-wrap .menu .depth-menu li a { font-size:18px;   }




/*명예의전당*/
.honor-wrap .top .in { padding:83px 20px 30px; background-image: url(../images/sub/honor/f_bg.png); background-repeat:no-repeat; background-position: center center;   }
.honor-wrap  .bottom .division-tab { width:220px; margin-right:30px;  }
.honor-wrap  .bottom .division-tab li a { font-size:20px; }
.honor-wrap  .bottom .honor-contents-wrap { float:left; width:calc(100% - 250px);  padding-top:15px;  }
.honor-wrap  .bottom .honor-contents h1 { font-size:30px;   }


/*조직도*/
.ogan-wrap .level3-wrap {  padding:0px 10px 30px; }
.ogan-wrap .level3 dl {width:170px; margin:0 auto;  }
.ogan-wrap .level3 .part{width: 20%;}
.ogan-wrap .level5-wrap .part dt {  width:170px;  }
.ogan-wrap .level5-wrap .part dd {width:calc(100% - 170px);}




/*입학서브메뉴*/
.link-sub-main { margin:-10px;  }
.link-sub-main .list {   padding:10px; }
.link-sub-main .list h3 a { font-size:22px;  }
.link-sub-main .list .link a {   padding:3px 10px; font-size:16px; }
.link-sub-main .list .text a {    font-size:16px; }



	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn { min-width:280px;  height:50px; line-height:45px;  }
	.contents-btn-wrap .contents-btn span { font-size:14px;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:25px; padding-left:25px;  }

	
	/*게시판 검색*/
	.board-search-wrap { width:100%;  background:#E9E9E9; padding:20px 50px; }


}/*media (min-width: 992px) and (max-width: 1199px)*/



@media (max-width: 991px) {


.img-responsive {  overflow-x:auto;  width:100%; } 
.img-responsive img { max-width:initial !important;  }

	.sub {  }
	.sub .sub-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%;height:232px;background-size:cover; background-repeat: no-repeat; background-position:center center;  }
	.sub-top-title-wrap { height:162px; color:#fff; padding-top:35px;text-align:center;   }
	.sub-top-title-wrap h3 {  font-size:30px;  font-weight:800;  margin-bottom:10px;  }
	.sub-top-title-wrap .text {  font-size:16px;  font-weight:bold;   }
	.sub-top-title-wrap .menu-link { display:none;  }



	.sub-contents .top-contents {position:relative;   }
	.sub-contents .top-contents .breadcrumb { margin-left:-15px; margin-right:-15px;    background: #f2f2f2; 	padding:0px; 	font-size:14px; padding:15px 15px 10px; margin-bottom:0px;   }  
	.sub-contents .top-contents .breadcrumb &gt; li + li:before {    content: "&gt;";    color:#666;    font-family: cursive;}
	.sub-contents .top-contents .breadcrumb li a { color:#666; }
	.sub-contents .top-contents .breadcrumb li:last-child a { color:#0E6FC1; }
	.sub-contents .top-contents h1 { color:#333; font-size:28px; font-weight:600;  margin-bottom:25px; margin-top:25px; letter-spacing:-1.5px;  }

	.sub-contents .top-contents .contents-util { position:absolute; top:73px; right:0px; padding-right:15px;   }
	.sub-contents .top-contents .contents-util li  {float:left; margin-left:20px; }
	.sub-contents .top-contents .contents-util a {font-size:20px; color:#666;   }
		.sub-contents .top-contents .contents-util .sns-share { display:none; position:absolute; top:40px; right:0px; border:1px solid #DBDBDB; background:#fff;   text-align:center; font-size:0px; padding:6px 0; width:201px;    }
	.sub-contents .top-contents .contents-util .sns-share:after {  border-color: #fff transparent;  border-style: solid;  border-width: 0 6px 8px 6.5px;  content: '';  display: block;  right: 18px;  position: absolute;  top: -7px;  width: 0;  z-index: 1;}
	.sub-contents .top-contents .contents-util .sns-share:before {  border-color: #dbdbdb transparent;  border-style: solid;  border-width: 0 6px 8px 6.5px;  content: '';  display: block;  right: 18px;  position: absolute;  top: -8px;  width: 0;  z-index: 0;}
	.sub-contents .top-contents .contents-util .sns-share li {float:none;  display:inline-block; margin:0 4px;   }
	.sub-contents .top-contents .contents-util .sns-share li img { width:28px; }
	.sub-contents .top-contents .contents-util .print { display:none; }




	.sub-menu-wrap {display:none;  }
	.sub-menu-wrap .container { position:relative;   text-align:center; }
	.sub-menu-wrap .sub-menu {   height:50px; font-size:0px;  }
	.sub-menu-wrap .sub-menu li {  position:relative;z-index:90;  text-align:left;  display:inline-block; padding-top:10px;height:50px;  padding-left:25px; padding-right:25px;  width:calc(100% - 30px); letter-spacing:-1.5px;  font-size:14px;  }
	.sub-menu-wrap .sub-menu li.menu01 { display:none;  }
	.sub-menu-wrap .sub-menu li a { color:#000; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.icon-down-open {position:absolute;   top:20px; right:20px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active {  }
	.sub-menu-wrap .sub-menu li.active a { font-weight:bold;   }
	.sub-menu-wrap .sub-menu li.home {padding-left:10px; padding-right:10px; padding-top:10px;  width:30px;   font-size:18px; }
	.sub-menu-wrap .sub-menu li.home a {color:#000; }
	.sub-menu-wrap .sub-menu li  ul {display:none;  padding:10px 0;  position:absolute; top:50px; left:0px; width:100%;   background:#fff; border:1px solid #333333;    }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:block;  width:auto;   height:auto; background:none;   font-size:14px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#000;   font-weight:normal;  display:block ;width:100%;  padding:0px ;  }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#000; font-weight:normal;   }
	.sub-menu-wrap .sub-menu li.active  ul li a {  font-weight:normal;  }
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#000;font-weight:normal; text-decoration:underline;  }




	.list-tab-menu { border:4px solid #DFF6FD; padding:10px; margin-bottom:50px;  border-radius:20px;  }
	.list-tab-menu:after {clear:both; content:''; display:table;   }
	.list-tab-menu li {  float:left; width:50%;  padding-left:12px;  word-break:break-all;   padding-right:5px;  padding-top:8px; padding-bottom:8px;   background:url(../images/sub/s_list.svg) no-repeat left 20px; background-size:8px 3px;   }
	.list-tab-menu li:nth-of-type(2n+1) { clear:both;   }
	.list-tab-menu li a {  font-size:16px; color:#333;  }
	.list-tab-menu li.active a { color:#0D76CF;  }



    /* 4뎁스 */
	.sub-tab-menu { margin-bottom:20px;  }
	.sub-tab-menu ul { width:100%; margin-left:-1.5px; margin-right:-1.5px;  margin-bottom: 25px;    }
	.sub-tab-menu ul:after { clear:both; display:table; content:'';  }
	.sub-tab-menu li { padding:1.5px;      float:left;   width: 33.333%;  text-align:center;    }
	.sub-tab-menu li a { display:table-cell; width:500px; height:40px; border:1px solid #efefef;  font-size:13px; color:#666; vertical-align:middle;   }
	.sub-tab-menu li a.active{ color:#fff;  border:1px solid #0D76CF;   background:#0D76CF;  }
	.sub-tab-menu h2 { font-size:24px; color:#333; font-weight:bold;  }



/*게시판 카테고리*/

	.category  { width:100%;   background:none; padding:0px; border:0px;  margin:0 -1.5px 25px;    }
	.category:after { clear:both; display:table; content:'';  }
	.category h5 { padding:1.5px;      float:left;   width: 33.333%;  text-align:center;   margin:0px;   }
	.category h5 a { display:table-cell; width:500px; height:40px; border:1px solid #efefef;  font-size:13px; color:#666; font-weight:normal;  vertical-align:middle;   }
	.category h5 a.active{ color:#fff;  border:1px solid #0D76CF;   background:#0D76CF;  }



/*텝메뉴*/
.sub-tab-menu2 {  }
.sub-tab-menu2  ul#sub-tab { font-size:0px;  text-align:center; margin:0 -1.5px 25px;    }
.sub-tab-menu2  ul#sub-tab li { display:inline-block; padding:1.5px;  }
.sub-tab-menu2  ul#sub-tab li a { display:inline-block;    padding:0 15px; height:31px; border:1px solid #efefef;  font-size:14px; color:#666;  line-height:31px; }
.sub-tab-menu2  ul#sub-tab li.active a {color:#fff;  border:1px solid #0D76CF;   background:#0D76CF;  }
.sub-tab-menu2 .tab-content  {text-align:left; }



	.sub-main-contents { padding-bottom:50px; font-size:16px; color:#333;   line-height:1.6; }
	.sub-main-contents h2 {font-size:22px; color:#0E6FC1; padding-left:13px; position:relative;  padding-bottom:15px; font-weight:bold;  margin-top:30px; background:url(../images/sub/s_title.svg) no-repeat left 2px; background-size:4.8px 18.21px;   }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:18px; font-weight:bold; color:#000; margin-bottom:10px;  }
	.sub-main-contents ul.bul { padding-left:5px; }
	.sub-main-contents ul.bul li  { padding-left:12px; position:relative;   margin-bottom:5px;  background:url(../images/sub/s_list.svg) no-repeat left 10px; background-size:8px 3px;  }
	.sub-main-contents ul.bul li ul  { margin-top:5px;  padding-left:0px; }
	.sub-main-contents ul.bul li ul li  {padding-left:10px; position:relative;  background:url(../images/sub/ss_list.svg) no-repeat left 10px; background-size:5px 5px;    }
	.sub-main-contents .dl-f.mobileid div{width: 100%; padding: 15px 17px; background: #F2F2F2; border: 1px solid #DBDBDB;}
	.sub-main-contents .dl-f.mobileid div.text{background: unset;}
	.sub-main-contents .dl-f.mobileid div.text span{display:flex; width: 140px; height: 39px; background: #333; color: #fff; font-weight: 600; line-height: 24px; align-items: center; padding: 12.5px; margin-bottom: 31px;}
	.sub-main-contents .dl-f.mobileid div.text ul li{font-size: 14px; font-weight: 400; padding-bottom: 12px; line-height: 1.6;}

	.sub-main-contents .text-box { padding:15px 20px;  background:#F4FAFF; margin:20px 0px;  }
	.sub-main-contents .text-box:after ,.sub-main-contents .border-box:after { clear:both; display:table; content:'';  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff;  padding:20px 40px;margin:20px 0px;  }
	
		.contents-table { width:100%; border-top:2px solid #0E6FC1; overflow-x:auto;  }	
	.contents-table table {  width:99.999%;   border-collapse:collapse;   border-left:1px solid #EFEFEF;    }	
	.contents-table table thead th {padding:10px 15px; color:#333;  background:#F9F9F9;  border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF;  text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#333;	background:#F9F9F9;   border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF;  text-align:center; }
	.contents-table table tbody td {padding:10px 15px; color:#333;   border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF;  }
	.contents-table.table-left table tbody th { text-align:left; }
	
	.contents-btn a { display:inline-block; padding:5px 15px; color:#000; border-radius:5px; border:1px solid #D6DFE4;  margin:3px;  }
	.contents-btn a.btn2 { background:#0b84ca; color:#fff; border:1px solid #0b84ca; }
	.contents-btn a.down-btn { padding-left:37px; background:url(../images/sub/feather-download.svg) no-repeat left 18px center ; background-size:12px 12px; }
	.contents-btn button { display:inline-block; padding:5px 15px; color:#000; border-radius:5px; border:1px solid #D6DFE4;  background:#fff;   }
	.contents-btn button.btn2 { background:#0b84ca; color:#fff; border:1px solid #0b84ca; }
	.contents-btn button.down-btn { padding-left:37px; background:url(../images/sub/feather-download.svg) no-repeat left 18px center ; background-size:12px 12px; background:#fff; }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}

	.half-wrap {   }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {width:100%;  padding-bottom:20px; }


	.triple-wrap {  }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {width:100%;   padding-bottom:20px; }



	.form-box .text-input { height:38px; border:1px solid #8B8B8B; background:#fff; width:100%;  padding:9px 5px; font-size:15px; }
	.form-box input[type="text"], .form-box input[type="password"], .form-box select { height:38px; border:1px solid #8B8B8B; background:#fff; margin:2px 0 ; }
	.form-box textarea { margin:2px 0 ;padding:5px;  }
	.form-box input[type="checkbox"] { margin-right:5px; width:16px; height:16px;  display:inline-block; margin-top:-3px; margin-left:10px; }


/*상단 인포 텍스트박스*/
	.top-info-text {  }
	.top-info-text:after { clear:both; display:table; content:'';  }
	.top-info-text p    { padding:5px 0 ;  }
	.top-info-text p:after    {clear:both; display:table; content:''; }
	.top-info-text p i { float:left; width:20px; padding-top:5px; }
	.top-info-text p span { float:left; width:calc(100% - 20px); }



/*첨부파일 박스*/
.file-box {  border:1px solid #DBDBDB;  margin:5px 0 ;  }
.file-box dt {  width:100%;  padding:10px 0 ;   background:#666; color:#fff; text-align:center;    }
.file-box dd {  width:100%;   padding:5px 15px;  }
.file-box dd a {  display:block; color:#333; padding: 8px 0 ;   }




/*학사일정*/
.academic-calendar {}
.academic-calendar .academic-year-select { background:#0D76CF;  height:67px;  color:#fff; text-align:center; position:relative; line-height:67px; margin-bottom:25px;    } 
.academic-calendar .academic-year-select .this-year {display:inline-block; font-size:24px; font-weight:bold;  }  
.academic-calendar .academic-year-select .this-year span {padding:0 10px;  }
.academic-calendar .academic-year-select .this-year img { width:11px; }
.academic-calendar .academic-year-select .year-link { color:#fff; font-size:20px; position:absolute; top:0px; padding-top:3px; }
.academic-calendar .academic-year-select .prev-year { left:15px;  }
.academic-calendar .academic-year-select .next-year { right:15px;  }
.academic-calendar .academic-contents {}
.academic-calendar .academic-contents .month-schedule-wrap { }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap { padding-bottom:20px;   }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap .in { border:1px solid #DBDBDB; border-radius:20px; padding:15px 20px 5px;  }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap .in h3 {border-bottom:2px solid #EFEFEF; padding-bottom:5px; color:#000; position:relative; font-size:18px; font-weight:bold;  }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap .in h3 strong {font-size:30px;  font-weight:bold;  }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap .in h3:after { position:absolute; top:38px; left:0px; width:150px; height:2px; background:#0E6FC1;content:''; display:inline-block;   }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul {}
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li  { border-top:1px solid #efefef; padding:10px 0 ;  font-size:16px; color:#333;letter-spacing:-1.3px;   line-height:1.6; }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li:first-child { border-top:0px;  } 
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li:after {clear:both; display:table; content:''; } 
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li strong { font-weight:bold;  color:#0E6FC1;   display:block; }
.academic-calendar .academic-contents .month-schedule-wrap .month-wrap  ul li span { }


/*연혁*/
.history-wrap {  }
.history-wrap:after {  clear:both; display:table; content:'';   }
.history-wrap .text-tab { margin-bottom:50px;  }
.history-wrap .text-tab .title { font-size:30px; font-weight:bold; color:#0E6FC1; margin-bottom:15px;  }
.history-wrap .text-tab .text { font-size:16px;  color:#333; margin-bottom:15px;  }
.history-wrap .text-tab .history-tab { border-top:2px solid #04569C;  border-left:1px solid #dbdbdb; }
.history-wrap .text-tab .history-tab:after { clear:both; display:table; content:'';  }
.history-wrap .text-tab .history-tab li {float:left; width:50%;  border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align:center;  }
.history-wrap .text-tab .history-tab li a {display:block; padding:15px 0 ; font-size:16px; color:#333; }
.history-wrap .text-tab .history-tab li a i {display:none;  }
.history-wrap .text-tab .history-tab li a.active  {background:#0D76CF; color:#fff; }
.history-wrap .history {  display:none;   }
.history-wrap .history#year2020 { display:block; }
.history-wrap .history h2 { padding-left:0px; background:none; margin-top:0px; font-size:24px;font-weight:bold;color:#0E6FC1;   }
.history-wrap .history h2 strong{  font-size:30px;font-weight:bold;color:#0E6FC1; display:inline-block; margin-right:10px;   }
.history-wrap .history dl { border-top:2px solid #666666; margin-bottom:30px; position:relative;   }
.history-wrap .history dl dt { font-size:30px; font-weight:bold; color:#333;  padding-top:20px;   }
.history-wrap .history dl dd { border-bottom:1px solid #dbdbdb; padding:15px 0 5px;   }
.history-wrap .history dl dd ul { font-size:16px;position:relative; padding-left:80px;  }
.history-wrap .history dl dd ul li span  { position:absolute; top:0px; left:0px; color:#0E6FC1; font-weight:bold;  }
.history-wrap .history dl dd ul li ul {padding-left:0px; width:100%; }
.history-wrap .history dl dd ul li ul li {position:static;  color:#333; font-weight:normal; word-break:break-all;  padding-left:15px; position:relative;   margin-bottom:5px;  background:url(../images/sub/s_list.svg) no-repeat left 9px; background-size:8px 3px;  }




/*제주대학교 헌장*/
.charter-wrap {}
.charter-wrap .part01 {   margin-bottom:40px;  }
.charter-wrap .part01 .img { text-align:center ; margin-bottom:20px;   }
.charter-wrap .part01 .img img {width:140px; }
.charter-wrap .part01 .text { }
.charter-wrap .part01 .text p { font-size:18px; font-weight:bold; color:#333;   }
.charter-wrap .part02 { margin-bottom:30px;   }
.charter-wrap .part02 ul { }
.charter-wrap .part02 ul li { margin-bottom:15px;  }
.charter-wrap .part02 ul li .in {  border:1px solid #dbdbdb; border-radius:10px; padding:10px 20px 20px;  }
.charter-wrap .part02 ul li .in .num {font-size:48px; font-weight:bold; color:#0D76CF; margin-bottom:20px; }
.charter-wrap .part02 ul li .in .num span  {display:inline-block; padding-bottom:10px; border-bottom:1px solid #f2f2f2; }
.charter-wrap .part02 ul li .in .text  { font-size:16px; color:#333; }
.charter-wrap .part03 { margin-bottom:50px;  }
.charter-wrap .part03 dl {   }
.charter-wrap .part03 dl dt { position:relative; text-align:center; margin-bottom:20px; font-weight:bold; font-size:24px; color:#333;    }
.charter-wrap .part03 dl dt span {display:inline-block; padding:0 15px; background:#fff; }
.charter-wrap .part03 dl dt:before  {width:100%; height:1px; background:#dbdbdb; position:absolute; top:23px; left:0px; content:''; display:inline-block; z-index:-1; }
.charter-wrap .part03 dl  dd {  text-align:center; color:#333; font-weight:bold; font-size:18px; position:relative;   padding:50px 0 ;  }
.charter-wrap .part03 dl  dd span {color:#0D76CF; font-weight:bold; font-size:115px; position:absolute; left:50%;margin-left:-35px;  display:inline-block; line-height:1;  }
.charter-wrap .part03 dl  dd .start {top:0px; }
.charter-wrap .part03 dl  dd .end {bottom:-80px; }



/*교훈 및 현황*/
.ens-wrap {}
.ens-wrap .part01 {  padding-bottom:20px;  }
.ens-wrap .part01  .img {  text-align:center;  }
.ens-wrap .part01  .img img {  width:480px; }
.ens-wrap .part01  .text-wrap { padding-top:50px;   }
.ens-wrap .part01  .text-wrap h3 { font-size:20px;  margin-bottom:10px;   }
.ens-wrap .part02   { text-align:center;  padding-bottom:20px; }
.ens-wrap .part02   .text { margin-bottom:20px; font-size:20px; font-weight:bold; }
.ens-wrap .part02   .text  strong {  font-size:24px; font-weight:bold;  }
.ens-wrap .part03 { margin-bottom:40px;   }
.ens-wrap .part03 ul {  }
.ens-wrap .part03 ul:after { clear:both; display:table; content:'';    }
.ens-wrap .part03 ul li {margin-bottom:20px;  }
.ens-wrap .part03 ul li:nth-of-type(4n+1) {clear:both; }
.ens-wrap .part03 ul li .in {  border:1px solid #dbdbdb; border-radius:10px; padding:15px 15px;   }
.ens-wrap .part03 ul li .in .num {font-size:48px; font-weight:bold; color:#0D76CF; margin-bottom:20px; }
.ens-wrap .part03 ul li .in .num span  {display:inline-block; padding-bottom:10px; border-bottom:1px solid #f2f2f2; }
.ens-wrap .part03 ul li .in .text  { font-size:16px; color:#333; }



/*교가*/
.schoolsong-wrap {}
.schoolsong-wrap .img {  text-align:center; margin-bottom:40px;   }
.schoolsong-wrap .img img { border:1px solid #dbdbdb;   }
.schoolsong-wrap .text-wrap {  }
.schoolsong-wrap .text-wrap .song  {  width:100%;  }






/*대학상징*/
.symbol-wrap {  }
.symbol-wrap .img-text-wrap  {  }
.symbol-wrap .img-text-wrap .img  { margin-bottom: 20px; }
.symbol-wrap .img-text-wrap .text-wrap  {  }
.symbol-wrap .img-text-wrap .text-wrap  h3  {  font-size:30px; margin-bottom:15px; }
.symbol-wrap .img-text-wrap .text-wrap  .title  {font-size:18px; font-weight:bold; margin-bottom:10px;  }
.symbol-wrap .symbol-img { border:1px solid #dbdbdb;  }
.symbol-wrap .symbol-img:after { clear:both; display:table; content:'';    }
.symbol-wrap .symbol-img li  { text-align:center; position:relative;  border-top:1px solid #dbdbdb;  }
.symbol-wrap .symbol-img li:first-child  {border-top:0px; }
.symbol-wrap .symbol-img li .s-label  { position:absolute; top:8px; left:8px; display:inline-block;  font-size:14px; color:#fff; padding:5px 10px; background:#666;  }





/*전략목표*/
.goal-wrap {}
.goal-wrap .part01 { text-align:center;  }
.goal-wrap .part01 dt { margin-bottom:30px;  }
.goal-wrap .part01 dt span { display:inline-block;border-radius:10px;  background:#095A9E; color:#fff; font-size:20px; font-weight:bold; padding:15px 25px; position:relative;  }
.goal-wrap .part01 dt span:after { position:absolute; bottom:-12px; left:50%; margin-left:-6px;  height:12px; width:12px; content:''; display:inline-block;  border-top: 12px solid #095A9E;   border-left: 6px solid transparent;  border-right: 6px solid transparent; }
.goal-wrap .part01 dd { line-height:1.8;  }
.goal-wrap .part01 dd .text1 {  color:#333; font-size:24px; font-weight:bold;   }
.goal-wrap .part01 dd .text2 {  color:#0D76CF; font-size:20px; font-weight:bold;   }
.goal-wrap .part01 dd .text3 {  color:#666666; font-size:20px; font-weight:bold;   }
.goal-wrap .part01 dd .text3 strong {  color:#095A9E;  font-weight:bold;   }
.goal-wrap .part02  {  }
.goal-wrap .part02 ul  { margin:0 -7px;   text-align:center;  font-size:0px; }
.goal-wrap .part02 ul:after { clear:both; display:table; content:'';  }
.goal-wrap .part02 li {  display:inline-block; text-align:center; padding:7px; }
.goal-wrap .part02 li * { vertical-align:top;  }
.goal-wrap .part02 li .in { border-radius:100%; width:155px; height:155px;  display:inline-block;  border:5px solid #00A7EB; padding-top:20px; padding-left:5px; padding-right:5px;  }
.goal-wrap .part02 li .img { font-size:32px; font-weight:bold; margin-bottom:15px; color:#00A7EB;   }
.goal-wrap .part02 li:nth-of-type(2n)  .in { border:5px solid #63B62F;   }
.goal-wrap .part02 li:nth-of-type(2n) .img { color:#63B62F;   }
.goal-wrap .part02 li .text { font-size:14px; font-weight:bold;  color:#333; }
.goal-wrap .part03 {  }
.goal-wrap .part03 ul {  }
.goal-wrap .part03 ul:after { clear:both; display:table; content:'';    }
.goal-wrap .part03 ul li  { margin-bottom:20px;  } 
.goal-wrap .part03 ul li  dl { border:1px solid #dbdbdb; border-radius:10px; padding:20px 13px;    }
.goal-wrap .part03 ul li  dt { font-size:20px; font-weight:bold; color:#333; padding-bottom:10px;  border-bottom:2px solid #00A7EB; text-align:center;   padding-left:20px; padding-right:20px;    }
.goal-wrap .part03 ul li  dd { font-size:16px;  color:#333;  margin-top:15px; padding-left:15px; position:relative;   }
.goal-wrap .part03 ul li  dd:before { width:5px; height:5px; content:''; display:inline-block; position:absolute; top:8px; left:0px;  background:#333; border-radius:100%;   }




.vision-btn { text-align:center; width:330px; margin:0 auto;   }
.vision-btn .img {padding-bottom:20px; border-bottom:1px solid #dbdbdb; }
.vision-btn .img img { width:180px;    }
.vision-btn .text {font-size:16px; font-weight:bold; color:#333;padding-top:20px; padding-bottom:20px;   }




/*인재상*/
.human-wrap {}
.human-wrap .part01 { text-align:center; }
.human-wrap .part01 dt { margin-bottom:30px;  }
.human-wrap .part01 dt span {display:inline-block;border-radius:10px;  background:#095A9E; color:#fff; font-size:20px; font-weight:bold; padding:15px 25px; position:relative;  }
.human-wrap .part01 dt span:after {  position:absolute; bottom:-12px; left:50%; margin-left:-6px;  height:12px; width:12px; content:''; display:inline-block;  border-top: 12px solid #095A9E;   border-left: 6px solid transparent;  border-right: 6px solid transparent; }
.human-wrap .part01 dd { line-height:1.8; font-weight:bold; color:#333; font-size:20px;  }
.human-wrap .part01 dd strong { font-weight:bold; color:#0E6FC1;  }
.human-wrap .part02 { font-weight:bold; color:#0E6FC1;  }
.human-wrap .part03 ul { margin:0 -7px;  }
.human-wrap .part03 ul:after { clear:both; display:table; content:'';    }
.human-wrap .part03 ul li  { margin-bottom:20px; } 
.human-wrap .part03 ul li  dl { border:1px solid #dbdbdb; border-radius:10px; padding:10px 10px 15px;     }
.human-wrap .part03 ul li  dt { font-size:20px; font-weight:bold; color:#fff;  margin-bottom:20px; background:#0D76CF;  text-align:center; padding:20px 0 ; border-radius:10px;  line-height:1.6;   }
.human-wrap .part03 ul li:nth-of-type(3) dt,  
.human-wrap .part03 ul li:nth-of-type(4) dt { background:#378705;  }
.human-wrap .part03 ul li:nth-of-type(5) dt,  
.human-wrap .part03 ul li:nth-of-type(6) dt { background:#095A9E;  }
.human-wrap .part03 ul li  dt span  {font-size:16px; display:block; }
.human-wrap .part03 ul li  dd { font-size:16px;  color:#333;   }



/*특성화*/
.characteristic-wrap {  }
.characteristic-wrap .part01 { text-align:center; }
.characteristic-wrap .part01 dl { margin-bottom:50px;  }
.characteristic-wrap .part01 dt { margin-bottom:30px;  }
.characteristic-wrap .part01 dt span  {display:inline-block;border-radius:10px;  background:#095A9E; color:#fff; font-size:20px; font-weight:bold; padding:15px 25px; position:relative;  }
.characteristic-wrap .part01 dt span:after {  position:absolute; bottom:-12px; left:50%; margin-left:-6px;  height:12px; width:12px; content:''; display:inline-block;  border-top: 12px solid #095A9E;   border-left: 6px solid transparent;  border-right: 6px solid transparent; }
.characteristic-wrap .part01 dd { line-height:1.8; font-weight:bold; color:#333; font-size:20px;  }
.characteristic-wrap .part01 dd strong { font-weight:bold; color:#0E6FC1;  }
.characteristic-wrap .img-wrap  {text-align:center; }
.characteristic-wrap .img-wrap  .top-text {font-size:18px; color:#333; font-weight:bold; position:relative; padding-bottom:40px; }
.characteristic-wrap .img-wrap  .top-text:after {position:absolute; bottom:10px; left:50%; margin-left:-12px;  height:18px; width:18px; content:''; display:inline-block;  border-top: 18px solid #00A7EB;   border-left: 9px solid transparent;  border-right: 9px solid transparent; }
.characteristic-wrap .img-wrap  .bottom-text {font-size:18px; color:#333; font-weight:bold; position:relative; padding-top:40px;}
.characteristic-wrap .img-wrap  .bottom-text:after {position:absolute; top:10px; left:50%; margin-left:-9px;  height:18px; width:18px; content:''; display:inline-block;  border-bottom: 18px solid #63B62F;   border-left: 9px solid transparent;  border-right: 9px solid transparent; }


/*교육 페이지*/
.edu-list-wrap {  }
.edu-list-wrap .edu-list  { margin-bottom:40px;   }
.edu-list-wrap .edu-list h2 { background:none; padding-left:0px;  padding-bottom:10px;  border-bottom:2px solid #dbdbdb;  position:relative; font-size:24px;color:#333;   margin-bottom:20px;  }
.edu-list-wrap .edu-list h2 strong { color:#0E6FC1;  }
.edu-list-wrap .edu-list h2  * { vertical-align:middle;  }
.edu-list-wrap .edu-list h2:after {position:absolute; bottom:-2px; left:0px; width:100%; height:2px; background:#0E6FC1; content:''; display:inline-block;  }
.edu-list-wrap .edu-list h2 a {  display:inline-block; background:#0D76CF; color:#fff; font-size:16px; font-weight:normal; padding:6px 15px 6px;  border-radius:10px; margin-left:15px;   }
.edu-list-wrap .edu-list h2 a i  {  display:inline-block; margin-right:5px;margin-top:-3px;   }
.edu-list-wrap .img-text-wrap {   }
.edu-list-wrap .img-text-wrap:after { clear:both; display:table; content:'';  }
.edu-list-wrap .img-text-wrap .img { margin-bottom:20px;text-align:center;    }
.edu-list-wrap .img-text-wrap .img img { }
.edu-list-wrap .img-text-wrap .text-wrap { }
.edu-list-wrap .img-text-wrap .text-wrap .text {font-size:16px; color:#333; margin-bottom:20px; }
.edu-list-wrap .img-text-wrap .text-wrap .link { margin:-2px; }
.edu-list-wrap .img-text-wrap .text-wrap .link:after { clear:both; display:table;content:'';  }
.edu-list-wrap .img-text-wrap .text-wrap .link li  {float:left; width:50%; padding:2px; }
.edu-list-wrap .img-text-wrap .text-wrap .link li a  {display:block; width:100%; border:1px solid #dbdbdb; text-align:center; padding:5px; font-size:18px; color:#333; border-radius:10px;   }

/*교육 페이지 리뉴얼*/
.new_edu-list-wrap {  }
.new_edu-list-wrap .edu-list  {    }
.new_edu-list-wrap .edu-list * { vertical-align:middle;  }
.new_edu-list-wrap .edu-list h2 a {  display:inline-block; background:#0D76CF; color:#fff; font-size:14px; font-weight:normal; padding:6px 15px 6px;  border-radius:10px; margin-left:10px;  margin-top:-2px;   }
.new_edu-list-wrap .edu-list h2 a i  {  display:inline-block; margin-right:5px;margin-top:-3px;   }
.new_edu-list-wrap .img-text-wrap {  margin-bottom:50px;   }
.new_edu-list-wrap .img-text-wrap .img { display:none;    }
.new_edu-list-wrap .img-text-wrap .img img { }
.new_edu-list-wrap .img-text-wrap .text-wrap { }
.new_edu-list-wrap .img-text-wrap .text-wrap .text {display:none;  }
.new_edu-list-wrap .img-text-wrap .text-wrap .link {border:4px solid #DFF6FD; padding:10px; border-radius:20px;  }
.new_edu-list-wrap .img-text-wrap .text-wrap .link:after { clear:both; display:table;content:'';  }
.new_edu-list-wrap .img-text-wrap .text-wrap .link li {  float:left; width:50%;  padding-left:12px;  word-break:break-all;   padding-right:5px;  padding-top:8px; padding-bottom:8px;   background:url(../images/sub/s_list.svg) no-repeat left 20px; background-size:8px 3px;   }
.new_edu-list-wrap .img-text-wrap .text-wrap .link li:nth-of-type(2n+1) { clear:both;   }
.new_edu-list-wrap .img-text-wrap .text-wrap .link li a {  font-size:16px; color:#333;  }






/*개교 70주년 상징*/
.emblem-70-wrap {  }
.emblem-70-wrap .part01  {    }
.emblem-70-wrap .part01  .symbol-img {  border:1px solid #dbdbdb;   }
.emblem-70-wrap .part01  .symbol-img li {position:relative; border-top:1px solid #dbdbdb;  text-align:center;  padding:20px 0 ;    }
.emblem-70-wrap .part01  .symbol-img li:first-child { border-top:0px;   }
.emblem-70-wrap .part01  .symbol-img li .s-label  { position:absolute; top:8px; left:8px; display:inline-block;  font-size:14px; color:#fff; padding:5px 10px; background:#666;  }
.emblem-70-wrap .part02 {  }
.emblem-70-wrap .part02 .img {   text-align:center;  margin-bottom:30px;   padding:20px 0 ; border:1px solid #dbdbdb; }
.emblem-70-wrap .part02 .text-wrap {   }
.emblem-70-wrap .part03 .img { margin-bottom:30px; padding:20px 0 ; border:1px solid #dbdbdb;   }
.emblem-70-wrap .part03  .text-wrap {    }
.emblem-70-wrap .part03  .text-wrap .part03-list   { }
.emblem-70-wrap .part03  .text-wrap .part03-list:after   {clear:both; display:table; content:'';    }
.emblem-70-wrap .part03  .text-wrap .part03-list li  { float:left; width:33.333%; text-align:center;  }
.emblem-70-wrap .part03  .text-wrap .part03-list li .title  { width:61px; margin:0 auto 15px; height:61px; line-height:61px; font-size:24px; color:#fff; background:#666666; border-radius:100%;  text-align:center;  margin-bottom:15px;  }
.emblem-70-wrap .part03  .text-wrap .part03-list li .text  {;  }
.emblem-70-wrap .part03  .text-wrap .part03-list li .text  span { display:block; width:100%; font-size:18px; color:#666; border-bottom:1px solid #dbdbdb; padding-bottom:5px; margin-bottom:5px;  }
.emblem-70-wrap .part03  .text-wrap .part03-list li .text  strong { font-size:24px; color:#333; font-weight:normal; }
.emblem-70-wrap .part03  .text-wrap .contents-btn { text-align:center; }




/*동영상*/
.movie-wrap { border:1px solid #dbdbdb;  }
.movie-wrap .movie { }
.movie-wrap .movie video { width:100%;  }
.movie-wrap .text-wrap {height:180px;overflow-y:auto; padding:15px;   }
.movie-wrap .text-wrap p {margin-bottom:15px;   }



/*홍보대사란*/
.ambassador-top { margin-bottom:40px;  }
.ambassador-top .img {  margin-bottom:30px;  text-align:center; }
.ambassador-top .text-wrap {   }
.ambassador-top .text-wrap dl {padding-bottom:20px; border-bottom:1px solid #dbdbdb; }
.ambassador-top .text-wrap dl dt {font-size:30px; font-weight:bold; color:#0D76CF; margin-bottom:20px;  }
.ambassador-top .text-wrap dl dd {font-size:20px; color:#333;  }
.ambassador-top .text-wrap dl dd strong {font-weight:bold; }
.ambassador-top .text-wrap p {margin-top:20px; }

.ambassador-list {}
.ambassador-list ul { margin:0 -7px;  }
.ambassador-list ul:after { clear:both; display:table; content:'';  }
.ambassador-list ul li {text-align:center;   float:left;  width:50%; padding:0 7px; margin-bottom:25px;   }
.ambassador-list ul li .img {position:relative; display:inline-block;  }
.ambassador-list ul li .img span { position:absolute; top:0px; left:0px; padding:5px; color:#fff; font-size:14px; background:#0E6FC1;  }
.ambassador-list ul li .name { margin-top:10px; font-size:12px; color:#666; }
.ambassador-list ul li .name strong { font-size:14px; color:#333; }



/*총장인사말*/
.greeting-wrap {}
.greeting-wrap .img {  margin-bottom:35px;  text-align:center;  }
.greeting-wrap .text-wrap {  }
.greeting-wrap .text-wrap .title { text-align:center; border-bottom:1px solid #dbdbdb; padding-bottom:30px; margin-bottom:30px;  font-size:24px; color:#333; }
.greeting-wrap .text-wrap .title p { }
.greeting-wrap .text-wrap .title strong { display:block; font-weight:bold; color:#0D76CF; }
.greeting-wrap .text-wrap .title span { display:none;   }
.greeting-wrap .text-wrap .text { margin-bottom:30px;  }
.greeting-wrap .text-wrap .text strong {color:#0D76CF; font-weight:bold;  } 
.greeting-wrap .text-wrap .name { text-align:right;  } 
.greeting-wrap .text-wrap .name img { display:inline-block; margin-left:10px; margin-top:-3px;   }



/*역대총장*/
.past-wrap {  }
.past-wrap h2 { border-bottom:2px solid #0E6FC1; letter-spacing:-1.2px;  padding-bottom:10px; padding-left:0px; background:none;  font-size:18px; font-weight:bold; color:#0E6FC1;  margin-bottom:15px;   }
.past-wrap h2 strong {display:inline-block; margin-left:5px; color:#333; font-size:20px; font-weight:bold; }
.past-wrap .list {   }
.past-wrap .list li {padding:5px 0; }
.past-wrap .list .in  {border:1px solid #dbdbdb; border-radius:10px; padding:10px; }
.past-wrap .list .in:after {  clear:both; display:table; content:'';    }
.past-wrap .list .in .img {float:left;  width:100px; margin-right:20px; }
.past-wrap .list .in .text-wrap {float:left;  width:calc(100% - 120px); padding-top:5px;   }
.past-wrap .list .in .text-wrap .p-label {margin-bottom:20px; }
.past-wrap .list .in .text-wrap .p-label span {color:#fff; padding:3px 8px; background:#666666; font-size:14px; border-radius:10px; }
.past-wrap .list .in .text-wrap .name  {color:#333; font-size:16px;margin-bottom:10px;  }
.past-wrap .list .in .text-wrap .name  strong { font-size:18px;  font-weight:bold; }
.past-wrap .list .in .text-wrap .period { font-size:14px;  color:#333; }






/*국책사업 사업소개*/
.upbringing-wrap {}
.upbringing-wrap .part02 { border:1px solid #dbdbdb; padding:0 15px ; border-radius:10px;   }
.upbringing-wrap .part02 li { text-align:center; font-size:16px; color:#333;  border-top:1px solid #dbdbdb;   padding:10px 5px;   }
.upbringing-wrap .part02 li:first-child {border-top:0px; }
.upbringing-wrap .part03 { margin:-5px 0 ;  }
.upbringing-wrap .part03 li  { padding:5px 0;    }
.upbringing-wrap .part03 li dl { border:1px solid #dbdbdb; border-radius:10px; padding:15px;    }
.upbringing-wrap .part03 li dl dt { text-align:center; padding-bottom:10px; color:#0066CC;  border-bottom:2px solid  #0066CC;  margin-bottom:20px;  }
.upbringing-wrap .part03 li dl dd {padding-left:10px; margin-top:10px;  font-size:16px;  position:relative;  background:url(../images/sub/ss_list.svg) no-repeat left 10px; background-size:5px 5px;    }
.upbringing-wrap .part04 { text-align:center;  }
.upbringing-wrap .part04 ul { margin:-20px 0 ;   }
.upbringing-wrap .part04 ul li { text-align:center;  }
.upbringing-wrap .part04 ul li dl { position:relative; padding:40px 0 ;   }
.upbringing-wrap .part04 ul li dl:before {position:absolute; top:-11px; left:50%; margin-left:-11px;  height:22px; width:22px; content:''; display:inline-block;  border-top: 22px solid #CCCCCC;   border-left: 11px solid transparent;  border-right: 11px solid transparent; }
.upbringing-wrap .part04 ul li:first-child dl:before {display:none; }
.upbringing-wrap .part04 ul li dl:after { content:''; display:inline-block; width:32px; height:32px; border-radius:100%; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-16px; background:#0D76CF;  }
.upbringing-wrap .part04 ul li:nth-of-type(2) dl:after { background:#378705; }
.upbringing-wrap .part04 ul li:nth-of-type(3) dl:after { background:#095A9E; }
.upbringing-wrap .part04 ul li dl dt {font-size:30px; font-weight:bold; color:#333; padding-bottom:30px; }
.upbringing-wrap .part04 ul li dl dt span {display:block;  font-size:18px;  font-weight:normal;  }
.upbringing-wrap .part04 ul li dl dd {font-size:18px; padding-top:30px; }



/*버스노선*/
.bus-wrap {}
.bus-wrap  h3 { font-size:22px; margin-bottom:15px;   }
.bus-wrap  h3 strong {font-weight:bold; }
.bus-wrap  h3 span {font-weight:normal; font-size:16px; display:block; margin-top:10px;  }
.bus-wrap .triple {  }
.bus-wrap .triple  h3 { margin-bottom:10px;  }
.bus-wrap  dl  { margin-bottom:20px;  }
.bus-wrap  dl:after { clear:both; display:table; content:'';  }
.bus-wrap  dl dt {font-size:16px; font-weight:normal; margin-bottom:15px;  }
.bus-wrap  dl dt strong {font-weight:bold;}
.bus-wrap  dl dd { border:1px solid #dbdbdb; float:left; width:calc(16.6666% + 1px); margin-left:-1px;   margin-top:-1px;  text-align:center; padding:5px 0 ;  }







/*전체 검색*/
.search-header {  border-bottom:2px solid #dbdbdb; position:relative; }
.search-header .search-top { text-align:center;   padding:15px 15px 21px;   }
.search-header .search-top h1 { margin-bottom:15px;  }
.search-header .search-top h1 img {width:115px; }
.search-header .search-top form   { }
.search-header .search-top .input-wrap  { width:100%; border:2px solid #0D76CF; height:48px; margin-bottom:20px;   }
.search-header .search-top .input-wrap:after  { clear:both; content:''; display:table;  }
.search-header .search-top .input-wrap select { float:left; width:80px; border:0px; height:44px; color:#04569C; font-size:16px; padding:0 5px;    }
.search-header .search-top .input-wrap input[type="text"] { text-align:left;  float:left; width:calc(100% - 124px); height:44px; border:0px; font-size:16px; padding:0 5px; }
.search-header .search-top .input-wrap .submit  {  float:left;  width:44px; height:44px; background:#0D76CF; color:#fff; font-size:18px; border:0px; }
.search-header .search-top .detail-search-open { display:inline-block; margin-right:20px;   }
.search-header .search-top .detail-search-open a { display:inline-block;  height:33px; width:100px; background:#04569C; text-align:center; line-height:33px; color:#fff; font-size:16px;    }
.search-header .search-top .search-info  {display:inline-block; }
.search-header .search-top .search-info input { width: 15px; height:15px; margin-right:3px;  }
.search-header .search-top .search-info label { font-size:16px; color:#333;font-weight:normal;    }

.search-header .search-top .detail-search-view  {display:none;   position:absolute; top:200px; left:0px; width:100%; background:#F2F6F8; box-shadow: 0px 5px 5px rgba(0,0,0,0.2);  padding:30px 15px ;  z-index:101; }
.search-header .search-top .detail-search-view .in { width:100%; margin-bottom:20px;  background:#fff; padding:0 10px;  }
.search-header .search-top .detail-search-view .in .part { border-bottom:1px dashed #dbdbdb; padding:10px 0 ;  }
.search-header .search-top .detail-search-view .in .part:after {clear:both; display:table;  content:'';  }
.search-header .search-top .detail-search-view .in .part h3  {float:left;  font-size:16px; color:#04569C; width:85px; text-align:left;  margin:0px;   }
.search-header .search-top .detail-search-view .in .part ul  { float:left; width:calc(100% - 85px);   }
.search-header .search-top .detail-search-view .in .part ul:after {clear:both; display:table;  content:'';  } 
.search-header .search-top .detail-search-view .in .part ul li  {float:left;   margin-right:20px; margin-bottom:10px; }
.search-header .search-top .detail-search-view .in .part ul li input { margin:0px;  margin-right:2px;  }
.search-header .search-top .detail-search-view .in .part ul li label { margin:0px; font-weight:normal;   }
.search-header .search-top .detail-search-view .in .part ul li input[type="checkbox"] { width:13px; height:13px;  }
.search-header .search-top .detail-search-view .in .part ul li input[type="radio"]{ width:15px; height:15px; }
.search-header .search-top .detail-search-view .in .part02 input[type="text"]{ width:100px; border:1px solid #DBDBDB; text-align:center; height:33px; margin:0px;   }
.search-header .search-top .detail-search-view .in .part02 .input-group-addon { background:none; border:0px;width:5px; padding-left:3px;padding-right:3px;    }
.search-header .search-top .detail-search-view .in .part03 { border-bottom:0px;  }
.search-header .search-top .detail-search-view .in .part03 .except-wrap { float:left; width:calc(100% - 85px); text-align:left;  }
.search-header .search-top .detail-search-view .in .part03  input[type="text"] {  border:1px solid #DBDBDB; padding:0 5px;  height:33px;  width:100%; margin-bottom:5px;  }
.search-header .search-top .detail-search-view .in .text {  color:#0D76CF; font-size:14px;   }
.search-header .search-top .detail-search-view .detail-btn {text-align:center; }
.search-header .search-top .detail-search-view .detail-btn a { display:inline-block;height:43px; border-radius:5px; line-height:43px; padding:0 20px; color:#fff; background:#333; font-size:16px;  }
.search-header .search-top .detail-search-view .detail-btn a.detail-search-close { background:#666; }
.search-header  .recommend-search-wrap { background:#F2F6F8; padding:15px 15px 5px; ;   }
.search-header  .recommend-search-wrap:after { clear:both; display:table; content:'';  }
.search-header  .recommend-search-wrap h3  {float:left; display:inline-block; color:#fff; background:#666666;  font-size:14px; padding:5px 10px;font-weight:normal; text-align:center;  width:90px; margin-right:10px;   }
.search-header  .recommend-search-wrap ul  {  float:left; width:calc(100% - 100px);  }
.search-header  .recommend-search-wrap ul li   { float:left; padding: 0 8px 10px; }
.search-header  .recommend-search-wrap ul li  a  { color:#333333; font-size:14px;  }
.search-header  .result-count  { text-align:center; font-size:18px; color:#666; padding:30px 15px ;  }
.search-header  .result-count  i { color:#333; }
.search-header  .result-count  strong { font-weight:bold; }
.search-header  .result-count  .title { color:#333; }
.search-header  .result-count  .count { color:#CC0000;  }

.search-contents {  }
.search-contents .search-list-tab {  overflow-x:auto; white-space: nowrap;  border-bottom:1px solid #dbdbdb; padding:0 10px;  text-align:center; }
.search-contents .search-list-tab li { display:inline-block; }
.search-contents .search-list-tab li a {display:block; padding:15px 10px; font-size:16px; color:#333; }
.search-contents .search-list-tab li a i {display:none; }
.search-contents .search-list-tab li a.active  { color:#0D76CF; border-bottom:2px solid #0D76CF;   }

.search-contents .search-main-contents {  padding:0 12px;   }
.search-contents .search-main-contents .part {position:relative; padding:30px 0 ; border-bottom:1px dotted #dbdbdb;  }
.search-contents .search-main-contents .part  h3 {padding-bottom:20px; font-size:20px; color:#333; font-weight:bold; margin:0px;  }
.search-contents .search-main-contents .part  h3 span { color:#0D76CF; font-weight:normal;  font-size:18px; }
.search-contents .search-main-contents .part  .more  { position:absolute; top:25px; right:0px; }
.search-contents .search-main-contents .part  .more a  {display:inline-block; padding:5px 10px; border:1px solid #dbdbdb;  color:#333; font-size:14px;  }
.search-contents .search-main-contents .part01 ul {}
.search-contents .search-main-contents .part01 ul li { padding-left:12px; position:relative;   margin-bottom:10px;  background:url(../images/sub/s_list.svg) no-repeat left 10px; background-size:8px 3px;   font-size:16px; }
.search-contents .search-main-contents .part04 {  }
.search-contents .search-main-contents .part ul.notice-page {  }
.search-contents .search-main-contents .part ul.notice-page li { margin-top:30px;    }
.search-contents .search-main-contents .part ul.notice-page li:first-child { margin-bottom:0px;    }
.search-contents .search-main-contents .part ul.notice-page li a { display:block;  font-size:14px; color:#666;  }
.search-contents .search-main-contents .part ul.notice-page li a .title { padding-bottom:10px; font-size:16px; color:#333; font-weight:bold;  }
.search-contents .search-main-contents .part ul.notice-page li a .text { padding-bottom:10px; }
.search-contents .search-main-contents .part ul.notice-page li a .location { color:#366E9D;  }
.search-contents .search-main-contents .part ul.notice-page li a .location &gt; span + span:before {    content: "&gt;";   padding:0 3px;  color:#366E9D;     font-family: cursive; }
.search-contents .search-main-contents .part ul.notice-page li a .location i {   float:left; margin-top:2px; margin-right:5px;  }

.search-contents .right-contents { padding:0 12px;  }
.search-contents .right-contents .part {  padding:20px 0 ; border-bottom:1px solid #dbdbdb;  }
.search-contents .right-contents .part h3 {font-size:18px; color:#333; padding-bottom:15px;  }
.search-contents .right-contents .part .num-list li {margin-bottom:10px; }
.search-contents .right-contents .part .num-list li a {color:#333; font-size:16px;    text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.search-contents .right-contents .part .num-list span.num  { border:1px solid #dbdbdb;  font-size:14px; display:inline-block;margin-right:5px; padding:0 3px; }
.search-contents .right-contents .part02 { position:relative;  }
.search-contents .right-contents .part02 .quick-link-list {  margin:0 -4px 10px;   }
.search-contents .right-contents .part02 .quick-link-list:after { clear:both; display:table; content:'';      }
.search-contents .right-contents .part02 .quick-link-list li { float:left; padding:0 4px;  }
.search-contents .right-contents .part02 .quick-link-list li a { font-size:14px; color:#333;  }
.search-contents .right-contents .part02 .quick-link-list li a.active { border-bottom:2px solid #1E90FF;  }
.search-contents .right-contents .part02 .quick-link {display:none;  background:#F2F2F2; padding: 8px;  margin:0 -3px;   }
.search-contents .right-contents .part02 #quick-link01 {display:block; }
.search-contents .right-contents .part02 .quick-link:after { clear:both; display:table;content:'';  }
.search-contents .right-contents .part02 .quick-link li { float:left; padding:3px; }
.search-contents .right-contents .part02 .quick-link li a {background:#fff; border-radius:5px; font-size:14px;   color:#666;  padding:3px; display:inline-block;  }








/*jnu달력*/
.calendar-top-wrap {  margin-bottom:30px;  }
.calendar-top-wrap:after { clear:both; display:table; content:'';    }
.calendar-top-wrap .month-input-wrap {  border:1px solid #dbdbdb;padding:15px 10px;  }
.calendar-top-wrap .month-input-wrap:after { clear:both; display:table; content:'';    }
 .calendar-top-wrap .month-input-wrap .selectYear {   width:100%; margin-bottom:10px;  height:41px; border:1px solid #DBDBDB;    }
.calendar-top-wrap .month-input-wrap .month-select { width:100%;  position:relative;  margin-bottom:15px; }
.calendar-top-wrap .month-input-wrap .month-select:after { clear:both; display:table; content:'';    }
.calendar-top-wrap .month-input-wrap .month-select a {position:absolute; top:0px;  display:inline-block; width:30px; height:41px; padding-top:6px;  text-align:center; background:#666666;   }
.calendar-top-wrap .month-input-wrap .month-select a img{ width:7px; }
.calendar-top-wrap .month-input-wrap .month-select a.prev-month { left:0px;  }
.calendar-top-wrap .month-input-wrap .month-select a.next-month { right:0px;  }
.calendar-top-wrap .month-input-wrap .month-select .month {text-align:center; display:block; height:41px;  padding:0 20px;  color:#666; font-size:18px; margin-top:-5px;   }
.calendar-top-wrap .month-input-wrap .month-select .month strong { color:#0D76CF; font-size:30px; font-weight:bold;   }
.calendar-top-wrap .month-input-wrap .input-wrap  {  font-size:16px;  }
.calendar-top-wrap .month-input-wrap .input-wrapt:after { clear:both; display:table; content:'';    } 
.calendar-top-wrap .month-input-wrap .input-wrap select {width:100%;  padding:0 5px;  border:1px solid #DBDBDB; height:38px; margin-bottom:12px;  }
.calendar-top-wrap .month-input-wrap .input-wrap input { padding:0 5px; float:left;  background:#f2f2f2; width:calc(100% - 70px); border:1px solid #DBDBDB; height:38px;   }
.calendar-top-wrap .month-input-wrap .input-wrap button {float:left;  margin-left:5px;  width:65px; height:38px; background:#04569C; color:#fff;border:0px;  }
.calendar-top-wrap .view-option {height:70px;  padding:15px;   background:#0D76CF; text-align:center;   }
.calendar-top-wrap .view-option:after { clear:both; display:table; content:'';    } 
.calendar-top-wrap .view-option h3 { display:inline-block;   margin:0px; color:#fff; width:100px; text-align:center; font-size:16px; font-weight:normal;  height:40px; line-height:40px; }
.calendar-top-wrap .view-option ul { display:inline-block;  }
.calendar-top-wrap .view-option ul li  { display:inline-block;   padding:0 2px;   }
.calendar-top-wrap .view-option ul li a  { display:inline-block;  color:#fff; padding:0 15px;  height:40px; background:#04569C; text-align:center; line-height:40px; font-size:16px; border-radius:5px;    }
.calendar-top-wrap .view-option ul li a.active  { background:#fff; color:#333; }
/*달력형*/
.calendar-wrap .swiper-calendar   {margin-bottom:20px;  overflow:hidden; position:relative;  height:100px; }
.calendar-wrap .swiper-calendar .swiper-slide {text-align:center;  border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;   }
.calendar-wrap .swiper-calendar .swiper-slide .sun {color:#CC3333; }
.calendar-wrap .swiper-calendar .swiper-slide .sat {color:#3166B1;}
.calendar-wrap .swiper-calendar .swiper-slide span { display:block; border-bottom:1px solid #dbdbdb; padding:10px; }
.calendar-wrap .swiper-calendar .swiper-slide a  { display:inline-block; border-radius:100%;  line-height:29px; width:28px;height:28px;margin:11px 0 ;   }
.calendar-wrap .swiper-calendar .swiper-slide a.active  { background:#333; color:#fff; }
/*.swiper-button-prev, .swiper-button-next { display:none;  }*/
.calendar-wrap {   }
.calendar-wrap .swiper-calendar .s-btn {position:absolute;z-index:100; top:50%; margin-top:-17.5px;  display:inline-block; width:35px; height:35px; background:rgba(0,0,0,0.3); text-align:center; padding-top:4px;  border-radius:100%;   }
.calendar-wrap .swiper-calendar .s-btn img { width:10px;   }
.calendar-wrap .swiper-calendar  .s-slide-prev { left:0px; }
.calendar-wrap .swiper-calendar  .s-slide-next { right:0px;   }
.calendar-wrap .m-calendar .m-day-schedule { padding-bottom:20px; border-bottom:1px solid #dbdbdb;  }
.calendar-wrap .m-calendar .m-day-schedule .day {text-align:center; font-size:16px; font-weight:normal; color:#333;  margin-bottom:15px;  }
.calendar-wrap .m-calendar .m-day-schedule p { background:#f2f2f2; padding:15px 10px; margin-bottom:10px; border-radius:5px;  }
.calendar-wrap .m-calendar .m-day-schedule p span {  display:block; width:100%; }
.calendar-wrap .m-calendar .m-day-schedule p .time { color:#0D76CF;  margin-bottom:5px; }
.calendar-wrap .m-calendar .m-day-schedule p  .text { color:#333;  }
/*리스트형*/
.day-list { display:none;  border-top:1px solid #dbdbdb;   }
.day-list ul { margin-bottom:50px;  }
.day-list li { border-bottom:1px solid #dbdbdb;  padding:20px 0; }
.day-list li .in { display:block; width:100%;  }
.day-list li .in:after { clear:both; display:table; content:'';  }
.day-list li .img { float:left; width:102px; height:102px;  margin-right:18px; background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.day-list li .img a { display:block; width:100%; height:100%;  }
.day-list li .text-wrap { float:left; width:calc(100% - 120px); font-size:14px; } 
.day-list li .text-wrap a { display:block;  }
.day-list li .text-wrap .title { margin-bottom:10px; font-size:18px; color:#333;   }
.day-list li .text-wrap .title strong { color:#014099; }
.day-list li .text-wrap .date { color:#0D76CF;  margin-bottom:10px;   }
.day-list li .text-wrap .text { color:#666;  margin-bottom:10px;   }
.day-list li .text-wrap .hash a { color:#04569C; display:inline-block; margin-right:3px;    }
.day-list .more {text-align:center; }
.day-list .more a {  display:inline-block;  padding:10px 30px; border:1px solid #dbdbdb; color:#333;  }
/*메모형*/
.memo-wrap { display:none;}
.memo-wrap ul {margin:0 -6px 50px;    }
.memo-wrap ul:after { clear:both; display:table; content:'';  }
.memo-wrap ul li {  float:left; width:50%; padding:6px;  }
.memo-wrap ul li .in { border:1px solid #dbdbdb;  border-radius:5px; display:block;   }
.memo-wrap ul li .in .img { margin-bottom:10px;   }  
.memo-wrap ul li .in .img a { display:block;   }  
.memo-wrap ul li .in .img img { border-radius:5px;  }
.memo-wrap ul li .in .text-wrap  {padding:10px; font-size:14px;}
.memo-wrap ul li .in .text-wrap a  {display:block; }
.memo-wrap ul li .in .text-wrap .title { margin-bottom:10px; font-size:18px; color:#333;   }
.memo-wrap ul li .in .text-wrap .title strong { color:#014099; }
.memo-wrap ul li .in .text-wrap .date { color:#0D76CF;  margin-bottom:10px;   }
.memo-wrap ul li .in .text-wrap .text { color:#666;  margin-bottom:10px;   }
.memo-wrap ul li .in .text-wrap .hash a { color:#04569C;  display:inline-block; margin-right:3px;   }
.memo-wrap .more {text-align:center; }
.memo-wrap .more a {  display:inline-block;  padding:10px 30px; border:1px solid #dbdbdb; color:#333;  }










/*jnu 달력 뷰페이지*/
.jnu-calendar-view {}
.jnu-calendar-view .view { border-top:2px solid #0D76CF; padding-top:20px; border-bottom:1px solid #dbdbdb;  margin-bottom:40px;   }
.jnu-calendar-view .view .img-wrap {  }
.jnu-calendar-view .view .img-wrap .img  { width:100%; border:1px solid #dbdbdb; margin-bottom:20px; text-align:center;  }
.jnu-calendar-view .view .img-wrap .big-img-view  { display:none !important; }
.jnu-calendar-view .view .img-wrap .big-img-view a { font-size:16px; color:#666;  }
.jnu-calendar-view .view .img-wrap .big-img { display:none !important; position:fixed; top:0px; left:0px; width:100%; height:100%; overflow-y:auto; z-index:1000; background:rgba(0,0,0,0.8); text-align:center; padding-top:100px;  }
.jnu-calendar-view .view .img-wrap .big-img img {  display:block; margin:0 auto 30px;  }
.jnu-calendar-view .view .img-wrap .big-img a {   display:inline-block; background:#0D76CF; padding:10px 20px 8px; color:#fff; font-size:18px;  }
.jnu-calendar-view .view .img-wrap .big-img a img { display:inline-block; margin-top:-2px; margin-left:3px; margin-bottom:0px;  width:12px; }
.jnu-calendar-view .view .text-wrap {  }
.jnu-calendar-view .view .text-wrap .title { color:#333; font-size:18px; font-weight:bold;  margin-bottom:10px;  }
.jnu-calendar-view .view .text-wrap .title strong { color:#014099;  font-weight:bold;  }
.jnu-calendar-view .view .text-wrap .info-wrap { margin-bottom:10px; color:#0D76CF; font-size:16px;   line-height:30px;   }
.jnu-calendar-view .view .text-wrap .info-wrap .date { margin-bottom:10px; }
.jnu-calendar-view .view .text-wrap .info-wrap .spot a { border-radius:5px;   margin-left:10px; position:relative; display:inline-block; border:1px solid #dbdbdb; color:#666; font-size:14px; padding:0  15px;  line-height:30px;   }
.jnu-calendar-view .view .text-wrap .hash{ font-size:14px; margin-bottom:20px;  }
.jnu-calendar-view .view .text-wrap .hash a { color:#04569C; display:inline-block; margin-right:3px;  }
.jnu-calendar-view .view .text-wrap .text-contents { border-top:1px solid #dbdbdb; padding-top:20px; padding-bottom:20px;  }
.jnu-calendar-view .view .text-wrap .text-contents p { padding-bottom:15px; font-size:16px;  }
.jnu-calendar-view .view .file-wrap { clear:both;  }
.jnu-calendar-view .view .file-wrap dl { border-top:1px solid #dbdbdb;  position:relative;   }
.jnu-calendar-view .view .file-wrap dl:after { clear:both; display:table; content:'';  }
.jnu-calendar-view .view .file-wrap dl:before { position:absolute; width:95px; height:100%; content:''; top:0px; left:0px; background:#F2F2F2; z-index:-1;  }
.jnu-calendar-view .view .file-wrap dl dt { float:left;  width:95px; text-align:center; color:#333; font-size:14px; font-weight:normal; padding:15px 0;   }
.jnu-calendar-view .view .file-wrap dl dd { float:left;  width:calc(100% - 95px); color:#333;font-weight:bold;  font-size:14px; font-weight:normal; padding:15px;   }
.jnu-calendar-view .view .file-wrap dl dd a { position:relative;  font-size:14px;  color:#666; font-weight:normal;  display:block; margin-bottom:10px;   }
.jnu-calendar-view .go-list { margin-bottom:40px; }
.jnu-calendar-view .board-prev-next { }
.jnu-calendar-view .board-prev-next a { padding:15px 0 ; display:block;  }
.jnu-calendar-view .board-prev-next a:after  { clear:both; display:table; content:''; }
.jnu-calendar-view .board-prev-next a:first-child{ border-bottom:1px solid #dbdbdb;  }
.jnu-calendar-view .board-prev-next a .post { float:left; width:60px; margin-right:10px;font-size:16px; color:#666; padding-top:20px;  }
.jnu-calendar-view .board-prev-next a.prev-btn .post { background:url(../images/sub/a-prev.png) no-repeat left 0px; background-size:30px auto;  }
.jnu-calendar-view .board-prev-next a.next-btn .post { background:url(../images/sub/a-next.png) no-repeat right 0px;  background-size:30px auto;  }
.jnu-calendar-view .board-prev-next a .text { float:left; width:calc(100% - 70px);  }
.jnu-calendar-view .board-prev-next a .text .date {color:#0D76CF; display:block; margin-bottom:3px; font-size:14px; }
.jnu-calendar-view .board-prev-next a .text .title {color:#333;  font-size:16px; }








/*시설예약*/
/*시설예약 리스트 상단검색*/
.facility-top-search { border:1px solid #dbdbdb; padding:14px;   text-align:center; margin-bottom:25px;  }
.facility-top-search:after { clear:both; display:table; content:'';  }
.facility-top-search select { float:left;  height:36px; width:80px; border:1px solid #dbdbdb; padding:0 5px; }
.facility-top-search input[type="text"]  { float:left;  height:36px; width:calc(100% - 140px); border:1px solid #dbdbdb; padding:0 5px; background:#f2f2f2; margin-left:5px;  }
.facility-top-search button  { float:left;  margin-left:5px;  width:50px; height:36px; background:#04569C; color:#fff;border:0px;  }
/*시설예약 리스트*/
.new-facility-list {  }
.new-facility-list ul {  margin:-10px;  }
.new-facility-list ul:after { clear:both; display:table; content:''; }
.new-facility-list ul li { float:left; width:50%; padding:10px;  }
.new-facility-list ul li a {display:block; width:100%;  border:1px solid #dbdbdb;  }
.new-facility-list ul li a .img { position:relative; width:100%; padding-top:55%;   background-repeat:no-repeat; background-position:center center;background-size:cover;   }
.new-facility-list ul li a .img .free-label { position:absolute; top:10px; right:10px; display:inline-block; padding:3px 7px; border-radius:5px; color:#fff; font-size:14px;  background:#D54200; }
.new-facility-list ul li a .img .free-label2 { background:#666; }
.new-facility-list ul li a .text-wrap { height:180px; padding:10px; letter-spacing:-1.4px;  }
.new-facility-list ul li a .text-wrap .title { font-size:16px; color:#333; font-weight:bold; margin-bottom:10px;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; } 
.new-facility-list ul li a .text-wrap .title strong { color:#0D76CF; font-weight:bold; }
.new-facility-list ul li a .text-wrap .text { font-size:14px; color:#333; height:45px;  overflow:hidden;  }
.new-facility-list ul li a .text-wrap .time {border-top:1px solid #dbdbdb; padding-top:10px; margin-top:10px; }
.new-facility-list ul li a .text-wrap .time:after { clear:both; display:table; content:'';  }
.new-facility-list ul li a .text-wrap .time dt { font-size:16px; padding-top:2px;  color:#333; font-weight:bold; float:left; width:70px;  }
.new-facility-list ul li a .text-wrap .time dd {line-height:1.6;  font-size:16px; color:#0D76CF;  float:left; width:calc(100% - 70px);  }
/*시설예약상세페이지*/
.facility-view {  }
.facility-view .view-box-wrap { border:1px solid #dbdbdb;  padding:20px 15px; position:relative;   }
.facility-view .view-box-wrap .free-label { position:absolute; top:25px; right:15px; display:inline-block; padding:3px 7px; border-radius:5px; color:#fff; font-size:14px;  background:#D54200; }
.facility-view .view-box-wrap .free-label2 { background:#666; }
.facility-view .view-box-wrap .img-map-tab { position:relative;   }
.facility-view .view-box-wrap .img-map-tab:before { position:absolute; top:39px; left:0px; width:100%;content:''; display:inline-block; height:1px; background:#3476C9;  }
.facility-view .view-box-wrap .img-map-tab:after { clear:both; display:table; content:''; }
.facility-view .view-box-wrap .img-map-tab li { float:left; margin-right:1px;  }
.facility-view .view-box-wrap .img-map-tab li a {display:inline-block; width:110px; height:40px; border:1px solid #dbdbdb; text-align:center; line-height:40px; color:#666; font-size:14px; }
.facility-view .view-box-wrap .img-map-tab li a.active {color:#0D76CF; border:1px solid #0D76CF; background:#EFF8FF; }
.facility-view .view-box-wrap .facility-img { width:100%; padding-top:55%;   background-repeat:no-repeat; background-position:center center;background-size:cover;   }
.facility-view .view-box-wrap .facility-map { display:none;  width:100%; height:400px; background:#f2f2f2;    }
.facility-view .view-box-wrap .title { padding:15px 0 ; font-size:18px; color:#333; font-weight:bold;   } 
.facility-view .view-box-wrap .title strong { color:#0D76CF; font-weight:bold; }
.facility-view .view-box-wrap .text-list { padding:15px 0 ;  border-top:1px solid #dbdbdb; font-size:14px;  }
.facility-view .view-box-wrap .text-list li { margin-bottom:10px;  }
.facility-view .view-box-wrap .text-list li:after {  clear:both; display:table; content:'';  }
.facility-view .view-box-wrap .text-list li strong {width:70px; font-weight:bold; color:#333; float:left;   }
.facility-view .view-box-wrap .text-list li span {width:calc(100% - 70px) ; color:#333; float:left;   }
.facility-view .info-text-wrap { padding-top:30px;  }
.facility-view .info-text-wrap .info-part { margin-bottom:30px;  position:relative;  }
.facility-view .info-text-wrap .info-part h3 {  }
.facility-view .info-text-wrap .info-part p { margin-bottom:10px;  }
.facility-view .info-text-wrap .info-part ul { margin-bottom:10px;  }








/*시설예약달력*/
.facility-calendar-top-wrap .month-input-wrap .input-wrap select {padding:0 5px; float:left;  background:#f2f2f2; width:calc(100% - 70px); border:1px solid #DBDBDB; height:38px;  }
.facility-calendar-top-wrap .month-input-wrap .input-wrap button {float:left;  margin-left:5px;  width:65px; height:38px; background:#04569C; color:#fff;border:0px;  }

.facility-calendar-top-wrap .month-input-wrap .statu-label { clear:both;  text-align:center; width:100%; padding-top:15px;  }
.facility-calendar-top-wrap .month-input-wrap .statu-label span { display:inline-block;  width:80px; height:32px; line-height:32px; border-radius:10px; margin-left:3px; color:#333; font-size:14px;  text-align:center; }
	.facility-calendar-wrap .swiper-calendar  {margin-bottom:20px;  overflow:hidden; position:relative;  height:90px; }
	.facility-calendar-wrap .swiper-calendar .swiper-slide {text-align:center;  border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;  }
	.facility-calendar-wrap .swiper-calendar .swiper-slide .sun {color:#CB5D5C; }
	.facility-calendar-wrap .swiper-calendar .swiper-slide .sat {color:#3E5EAD;}
	.facility-calendar-wrap .swiper-calendar .swiper-slide span { display:block; border-bottom:1px solid #dbdbdb; padding:10px; }
	.facility-calendar-wrap .swiper-calendar .swiper-slide a  { display:inline-block; border-radius:100%;  line-height:28px; width:28px;height:28px;margin:5px 0 ;   }
	.facility-calendar-wrap .swiper-calendar .swiper-slide a.active  { background:#333; color:#fff; }
	/*.swiper-button-prev, .swiper-button-next { display:none;  }*/
	.facility-calendar-wrap .swiper-calendar .s-btn {position:absolute;z-index:100; top:50%; margin-top:-15px;  display:inline-block; width:35px; height:35px; background:rgba(0,0,0,0.3); text-align:center; padding-top:7px;  border-radius:100%;   }
	.facility-calendar-wrap .swiper-calendar .s-btn img { width:10px;   }
	.facility-calendar-wrap .swiper-calendar  .s-slide-prev { left:0px; }
	.facility-calendar-wrap .swiper-calendar  .s-slide-next { right:0px;   }

	.facility-calendar-wrap .m-calendar .m-day-schedule { padding-bottom:20px; border-bottom:1px solid #dbdbdb;  }
	.facility-calendar-wrap .m-calendar .m-day-schedule .day {text-align:center; font-size:18px; color:#333;  margin-bottom:15px; font-weight:bold;  }
	.facility-calendar-wrap .m-calendar .m-day-schedule .time { margin:0 -4px; }
	.facility-calendar-wrap .m-calendar .m-day-schedule .time span {  width:100%; margin: 4px 0; height: 32px; line-height:32px;  display:inline-block; border-radius:10px; text-align:center; color:#333; font-size:14px;   }
	.facility-calendar-wrap .m-calendar .m-day-schedule .time span.label-green  {cursor:pointer; }

	.facility-calendar-wrap .reserv-modal-wrap { display:none;  position:fixed; top:0px; left:0px; width:100%; height:100%;   background: rgba(0,0,0,0.8);  z-index:200; padding-top:100px; padding-left:15px; padding-right:15px;   }
	.facility-calendar-wrap .reserv-modal { position:relative; width:100%;  background:#fff; overflow-y:auto; border-radius:5px; padding:12px; padding-bottom:20px;   font-size:16px;  z-index:200;   }
	.facility-calendar-wrap .reserv-modal .section { margin-bottom:10px; }
	.facility-calendar-wrap .reserv-modal .section01 { margin-bottom:30px; }
	.facility-calendar-wrap .reserv-modal .check  { margin-bottom:30px; }





/*교직원검색*/
.staff-top-search {border-left:0px; border-right:0px; border-top:2px solid #0D76CF; margin-bottom:0px; text-align:left;   padding-left:0px; padding-right:0px;   }
.staff-top-search label {color:#333; font-weight:normal;  display:block;  margin-bottom:10px;  }
.staff-top-search label i {margin-right:3px; }
.staff-top-search input[type="text"] {    margin-left:0px;   width: calc(100% - 55px); }
.staff-search-wrap { position:relative; padding-top:20px;  }
.staff-list-btn   { margin-bottom:25px;  }
.staff-list-btn a  { display:inline-block; padding:5px 10px; color:#fff; background:#666666;   }
.staff-search-wrap:after { clear:both; display:table; content:'';  }
.staff-search-wrap .staff-list { display:none; position:absolute; top:56px; left:0px;  z-index:100; width:100%;  padding:8px 15px 20px;  background:#F2F2F2; }
.staff-search-wrap .staff-list ul {    }
.staff-search-wrap .staff-list ul li { position:relative;  word-break:break-all;  }
.staff-search-wrap .staff-list ul li a  { display:block; padding-left:40px; position:relative;  padding-top:8px; color:#333; font-size:16px;    }
.staff-search-wrap .staff-list ul li .f-icon,
.staff-search-wrap .staff-list ul li .icon { display:inline-block; width:22px; height:22px; border-radius:100%;  text-align:center; line-height:22px;  color:#fff; background:#04569C; position:absolute; top:10px; left:0px;   z-index:1;}
.staff-search-wrap .staff-list ul li .icon { cursor:pointer;  }
.staff-search-wrap .staff-list ul li.open&gt;.icon {}
.staff-search-wrap .staff-list ul li a:after { position:absolute; top:20px; left:22px; width:15px; height:2px; border-top:2px dotted #dbdbdb;  content:''; display:block;  }
.staff-search-wrap .staff-list ul li ul { margin-left:42px; position:relative;  }
.staff-search-wrap .staff-list ul li ul li:before  { position:absolute; top:0px; left:11px; border-left:2px dotted #dbdbdb; width:2px; height:calc(100% + 10px) ; content:''; display:block; }
.staff-search-wrap .staff-list ul li ul li:last-child:before  { display:none; }
.staff-search-wrap .staff-list ul.depth04:before  { left:0px;  }
.staff-search-wrap .staff-list ul.depth04 li a   {padding-left:18px; margin-left:11px;  display:inline-block;  }
.staff-search-wrap .staff-list ul.depth04 li a:before   {display:none; }
.staff-search-wrap .staff-list ul.depth04 li a:after { left:0px; }
.staff-search-wrap .staff-list ul li a .active { display:inline-block; padding:0 4px; background:#fff;text-decoration:underline;   }
.staff-search-wrap .staff-list .depth03 , .staff-search-wrap .staff-list .depth04  { display:none;  }
.staff-search-wrap .staff-list .depth04  li a { padding-top:0px;  }
.staff-search-wrap .staff-list .depth04 li a:after { top:10px;  }
.staff-search-wrap .staff-list .depth04  .icon { display:none !important;  }
.staff-search-wrap .staff-view {  min-height:200px;    }
.staff-search-wrap .staff-view table {   }




/*사이트맵*/
.sitemap-wrap {} 
.sitemap-wrap .menu {   }
.sitemap-wrap .menu h3 {margin:0px;  }
.sitemap-wrap .menu h3 a  {display:block; width:100%; padding-top:10px;  padding-bottom:10px; color:#0D76CF; border-top:2px solid #0D76CF;   font-size:22px; font-weight:bold;}
.sitemap-wrap .menu .depth-menu { padding-bottom:25px; }
.sitemap-wrap .menu .depth-menu li  {  }
.sitemap-wrap .menu .depth-menu li a { font-size:20px; color:#333; padding-bottom:5px;   display:block; width:100%; padding-top:5px; border-top:2px solid #dbdbdb;   }
.sitemap-wrap .menu .depth-menu li ul  { padding-top:15px; border-top:1px dotted #dbdbdb;  padding-bottom:10px; }
.sitemap-wrap .menu .depth-menu li ul li { float:none; width:auto; padding:0px; margin-bottom:10px;    }
.sitemap-wrap .menu .depth-menu li ul li a { font-size:16px; color:#666; padding:0px; border:0px; position:relative;  padding-left:10px;   }
.sitemap-wrap .menu .depth-menu li ul li a:before { position:absolute; top:12px; left:0px; content:''; width:4px; height:4px; background:#666;  border-radius:100%; display:inline-block; }
.sitemap-wrap .menu .depth-menu li ul li a:hover { color:#0D76CF; }






/*캠퍼스맵*/
.campus-map-wrap {  }
.campus-map-wrap .list-wrap {  }
.campus-map-wrap .list-wrap .top { background:#0D76CF; padding:15px 15px 20px; ;   }
.campus-map-wrap .list-wrap .top .logo { font-size:30px; font-size:26px; text-align:center;  font-weight:bold; color:#fff; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.5);  }
.campus-map-wrap .list-wrap .top .logo * { vertical-align:middle;  }
.campus-map-wrap .list-wrap .top .logo img  { width:137px; display:inline-block; margin-right:10px;margin-top:-5px;   }
.campus-map-wrap .list-wrap .top .logo span  { display:inline-block; margin-top:5px;   }
.campus-map-wrap .list-wrap .top .view-tab { padding:15px 5px 0 5px;  }
.campus-map-wrap .list-wrap .top .view-tab:after { clear:both; display:table; content:''; }
.campus-map-wrap .list-wrap .top .view-tab li  {float:left; width:50%;  text-align:center;   }
.campus-map-wrap .list-wrap .top .view-tab li a  {display:block;padding-bottom:8px; color:#fff; font-size:16px; position:relative;  padding-top:7px;     }
.campus-map-wrap .list-wrap .top .view-tab li a.active  {background:#0C518C; border-radius:10px;  }
.campus-map-wrap .list-wrap .top .view-tab li a.active:after  { position:absolute; top:40px; left:50%; margin-left:-5px; content:''; width:10px; height:10px; border-top: 10px solid #0C518C;  border-left: 5px solid transparent;  border-right: 5px solid transparent;}
.campus-map-wrap .list-wrap .bottom-wrap { max-height:397px;  position:relative;  }
.campus-map-wrap .list-wrap .bottom { max-height:395px; overflow-y:auto;  }
.campus-map-wrap .c-search-wrap { background:#F2F2F2;  padding:20px; }
.campus-map-wrap .c-search-wrap:after { clear:both; display:table; content:''; }
.campus-map-wrap .c-search-wrap button,.campus-map-wrap .c-search-wrap a  {float:left; width:47px; height:41px; text-align:center; font-size:22px; color:#fff; border:0px;  }
.campus-map-wrap .c-search-wrap button {background:#0D76CF; }
.campus-map-wrap .c-search-wrap a  {background:#666; padding-top:3px; }
.campus-map-wrap .c-search-wrap input  {width:calc(100% - 94px); float:left; height:41px; border:1px solid #dbdbdb; background:#fff; color:#666; font-size:16px; padding:0 5px;  }
.campus-map-wrap .list { border:1px solid #dbdbdb; padding:0 20px; position:relative; z-index:10;   }
.campus-map-wrap .list li  { border-top:2px solid #dbdbdb; }
.campus-map-wrap .list li:first-child  {border-top:0px; }
.campus-map-wrap .list li a  { display:block;  background:#fff;  }
.campus-map-wrap .list li a strong  { display:block; padding:17px 20px 17px  45px ; position:relative; color:#333; font-size:18px;  }
.campus-map-wrap .list li a span  { position:absolute; top:50%; margin-top:-18.5px; left:0px;  }
.campus-map-wrap .list li a span img {width:29px; height:37px; }
.campus-map-wrap .list li a i {position:absolute; top:50%; margin-top:-9px; right:0px; font-size:18px; color:#666; }

.campus-map-wrap .list li ul { border-top:1px dashed  #dbdbdb; padding-top:10px; padding-bottom:10px;  }
.campus-map-wrap .list li ul li {border-top:0px;  font-size:14px; padding-left:10px; position:relative;  padding-top:5px; padding-bottom:5px; }
.campus-map-wrap .list li ul li:before {position:absolute; top:12px; left:0px; width:5px; height:5px; border-radius:100%; background:#333333; content:''; }


.campus-map-wrap .pinList-btn { text-align:center; position:relative;  overflow:hidden; }
.campus-map-wrap .pinList-btn a { display:block; width:100%; height:28px; border-top:2px solid #0D76CF;  text-align:center;   }
.campus-map-wrap .pinList-btn a  span { display:inline-block; width:50px; height:56px; border-radius:0 0 28px 28px;padding-top:25px;  border:2px solid #0D76CF;  background:#fff; position:absolute; bottom:0px; left:50%; margin-left:-25px;  z-index:1; }
.campus-map-wrap .pinList-btn a  span i { font-size:18px; color:#0D76CF;  font-weight:bold; }
.campus-map-wrap .map-wrap {width:100%;  height:550px; background:#efefef;  }


.campus-map-wrap .map-info {    }
.campus-map-wrap .map-info img {width:100%; margin-bottom:10px;  display:block; }
.campus-map-wrap .map-info  .info-close  { background:#666666; color:#fff; width:40px; height:40px;  font-size:25px; text-align:center;  }



/*조직도*/
.ogan-wrap { position:relative;  }
.ogan-wrap .level1 {text-align:center; margin:0 auto;  width:112px; height:112px; border-radius:100%; line-height:105px; color:#fff; background:#04569C; border:5px solid #BBDBF5; font-size:22px;   }
.ogan-wrap .level2-wrap {position:relative; width:100%; max-width:500px;  margin:0 auto;  padding:40px 0 20px;   }
.ogan-wrap .level2-wrap:before { content:''; display:block;  position:absolute; top:0px; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level2-wrap:after { content:''; display:block;  position:absolute; top:65px; left:0;  width:100%; height:1px; background:#dbdbdb; z-index:-1;   }
.ogan-wrap .level2:after { clear:both; display:table; content:'';  }
.ogan-wrap .level2 dl { float:left; width:50%; max-width:200px;  padding:0 5px;  }
.ogan-wrap .level2 dl dt { border:2px solid #0D76CF; text-align:center; height:44px; background:#fff; line-height:44px; color:#333; font-weight:bold; font-size:16px;   }
.ogan-wrap .level2 dl dd { border:1px solid #dbdbdb; padding:10px;  }
.ogan-wrap .level2 dl dd span, .ogan-wrap .level2 dl dd a { padding:3px 0 ;display:block; padding-left:10px;  position:relative; font-size:14px; color:#333;  }
.ogan-wrap .level2 dl dd span:before, .ogan-wrap .level2 dl dd a:before {position:absolute; top:10px; left:0px; width:4px; height:4px; content:'';background:#333;  display:inline-block; border-radius:100%;  }
.ogan-wrap .level2 dl:nth-of-type(2) {float:right; }
.ogan-wrap .level2 dl:nth-of-type(2) dt  { border:2px solid #63B62F; }
.ogan-wrap .level3-wrap {  position:relative; padding:0px 20px 20px; }
.ogan-wrap .level3-wrap:before {content:''; display:block;  position:absolute; top:0px; left:0px;  width:50%; height:1px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3-wrap:after { content:''; display:block;  position:absolute; top:0px; left:0;   height:100%;  width:1px;  background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3 {padding-top:30px; position:relative; }
.ogan-wrap .level3:before {content:''; display:block;  position:absolute; top:0px; left:50%; margin-left:-0.5px; width:1px; height:30px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level3:after { clear:both; display:table; content:'';    }
.ogan-wrap .level3 h3 {text-align:center; position:relative; padding-bottom:20px; margin-bottom:0px;     }
.ogan-wrap .level3 h3 span  {display:inline-block;  width:100%; max-width:309px; height:44px;line-height:44px;  background:#0D76CF; color:#fff; font-size:16px; font-weight:normal;    }
.ogan-wrap .level3 .part { position:relative; float:left; width:50%;  padding:10px 5px 0 ;  }
.ogan-wrap .level3 .part:nth-of-type(2n+1) { clear:both;  }
.ogan-wrap .level3 dl {width:100%; max-width:200px; margin:0 auto;  }
.ogan-wrap .level3 dl dt  { border:1px solid #DBDBDB;  text-align:center; height:44px; background:#efefef; line-height:44px; color:#333; font-weight:normal; font-size:16px;   }
.ogan-wrap .level3 dl  dd { border:1px solid #dbdbdb; padding:10px;    }
.ogan-wrap .level3 dl dd span, .ogan-wrap .level3 dl dd a { padding:3px 0 ;display:block; padding-left:10px;  position:relative; font-size:14px; color:#333;  }
.ogan-wrap .level3 dl dd span:before, .ogan-wrap .level3 dl dd a:before {position:absolute; top:10px; left:0px; width:4px; height:4px; content:'';background:#333;  display:inline-block; border-radius:100%;  }
.ogan-wrap .level4-wrap {  position:relative; padding:0px 20px 0px; }
.ogan-wrap .level4-wrap:after { content:''; display:block;  position:absolute; top:0px; left:0;   height:100%;  width:1px;  background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level4 .part { position:relative;    padding-bottom:30px;  }
.ogan-wrap .level4 .part:before { content:''; display:block;  position:absolute; top:22px;left:-20px; width:20px; height:1px; background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level4 dl {width:100%; min-width:200px; margin:0 auto;  }
.ogan-wrap .level4 dl dt  {   text-align:center; height:44px; background:#0D76CF; line-height:44px; color:#fff; font-weight:normal; font-size:16px;   }
.ogan-wrap .level4 dl  dd { border:1px solid #dbdbdb; padding:10px;    }
.ogan-wrap .level4 dl  dd:after { clear:both; content:''; display:table;  }
.ogan-wrap .level4 dl dd span, .ogan-wrap .level4 dl dd a { float:left; width:50%; padding:3px 0 ;display:block; padding-left:10px;  position:relative; font-size:14px; color:#333;  }
.ogan-wrap .level4 dl dd span:before, .ogan-wrap .level4 dl dd a:before {position:absolute; top:10px; left:0px; width:4px; height:4px; content:'';background:#333;  display:inline-block; border-radius:100%;  }
.ogan-wrap .level5-wrap {   position:relative;   padding:0px 20px 0px; }
.ogan-wrap .level5-wrap .part { position:relative;  padding-bottom:30px;    }
.ogan-wrap .level5-wrap .part:before { position:absolute; top:22px; left:-20px; margin-top:-1px; width:20px; height:1px; background:#dbdbdb; content:'';  }
.ogan-wrap .level5-wrap .part:after { content:''; display:block;  position:absolute; top:0px; left:-20px;   height:100%;  width:1px;  background:#dbdbdb;  z-index:-1; }
.ogan-wrap .level5-wrap .part:last-child:after { height:22px;  }
.ogan-wrap .level5-wrap .part dt {  text-align:center; height:44px; background:#0D76CF; line-height:44px; color:#fff; font-weight:normal; font-size:16px;   }
.ogan-wrap .level5-wrap .part dd { border:1px solid #dbdbdb; padding:10px;    }
.ogan-wrap .level5-wrap .part dd .title { font-size:14px; color:#333;  font-weight:bold; margin-bottom:5px; }
.ogan-wrap .level5-wrap .part dd .in-part { padding-top:15px; margin-top:15px;  border-top:1px solid #dbdbdb;  }
.ogan-wrap .level5-wrap .part dd .in-part:first-child { padding-top:0px; margin-top:0px; border-top:0px; }
.ogan-wrap .level5 dl dd span, .ogan-wrap .level5 dl dd a { padding:5px 20px 5px 10px;  display:inline-block;  position:relative; font-size:14px; color:#333;  }
.ogan-wrap .level5 dl dd span:before, .ogan-wrap .level5 dl dd a:before {position:absolute; top:12px; left:0px; width:4px; height:4px; content:'';background:#333;  display:inline-block; border-radius:100%;  }


/*조직도 상세*/
.ogan-view {}
.ogan-view .text-box {}
.ogan-view .text-box:after { clear:both; display:table; content:'';  }
.ogan-view .text-box  h2 {padding:0px; color:#333; background:none;  font-size:24px; margin-bottom:20px;    }
.ogan-view .text-box dl {margin:15px 0 ;  padding-right:30px; padding-left:10px; border-left:1px solid #dbdbdb; min-height:57px;  }
.ogan-view .text-box dl dt { font-size:16px; color:#04569C; font-weight:bold; margin-bottom:5px;   }
.ogan-view .text-box dl dd { font-size:16px; color:#666;   }
.ogan-view h3 { font-size:22px; color:#333; margin-bottom:15px; }
.ogan-view  ul { padding-bottom:20px; border-bottom:1px solid #dbdbdb;   }
.ogan-view  ul li  {padding-right:10px; background:none !important;  }
.ogan-view  ul li:after  {content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#666; position:absolute; top:10px; left:0px; }
.ogan-view  ul li:nth-of-type(2n +1)  { clear:both;   }





/*명예의전당*/
.honor-wrap {padding-top:38.5px; }
.honor-wrap .top {  position:relative;  margin-bottom:20px;   }
.honor-wrap .top .in { padding:50px 15px 30px;   text-align:center;  background-image: url(../images/sub/honor/f_bg.png); background-repeat:no-repeat; background-position: center center;  background-color:#F6FAFF;  background-size:209px 169px;  }
.honor-wrap .top .in .logo { position:absolute; top:-38.5px; left:50%; margin-left:-38.5px; }
.honor-wrap .top .in .logo img {width:77px; height:77px; }
.honor-wrap .top .in .title { color:#04569C; font-size:22px; font-weight:bold; margin-bottom:5px;  }
.honor-wrap .top .in .label-text { margin-bottom:25px;  }
.honor-wrap .top .in .label-text span {  display:inline-block; background:#04569C; color:#FFF000; padding:5px 10px;  }
.honor-wrap .top .in .text { font-size:14px; color:#333;  }
.honor-wrap .year-tab { margin-bottom:15px; }
.honor-wrap .year-tab:after { clear:both; display:table; content:''; }
.honor-wrap .year-tab ul { float:right;  }
.honor-wrap .year-tab ul li {float:left; }
.honor-wrap .year-tab ul li a {margin-left:20px; display:block; color:#666666; font-size:16px; letter-spacing:-1.8px;  }
.honor-wrap .year-tab ul li a.active {color:#04569C; font-weight:bold; }
.honor-wrap  .bottom {  }
.honor-wrap  .bottom:after { clear:both; display:table; content:'';    }
.honor-wrap  .bottom .division-tab { border-top:2px solid #04569C;  border-left:1px solid #dbdbdb; }
.honor-wrap  .bottom .division-tab:after { clear:both; display:table; content:'';  }
.honor-wrap  .bottom .division-tab li {float:left; width:50%;  border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align:center;  }
.honor-wrap  .bottom .division-tab li a {display:table-cell; height:60px; vertical-align:middle; width:500px;  font-size:16px; color:#333; }
.honor-wrap  .bottom .division-tab li a i {display:none;  }
.honor-wrap  .bottom .division-tab li a.active  {background:#0D76CF; color:#fff; }
.honor-wrap  .bottom .honor-contents { padding-top:20px;  }
.honor-wrap  .bottom .honor-contents h1 { position:relative;   color:#04569C; font-size:22px; font-weight:bold; margin-bottom:30px;  }
.honor-wrap  .bottom .honor-contents h1:after {position:absolute; top:50%; left:0px; width:100%; height:2px;  margin-top:-1px; background:#0D76CF; content:''; z-index:-1; }
.honor-wrap  .bottom .honor-contents h1 span {display:inline-block; background:#fff; padding-right:20px; }
.honor-wrap  .bottom .honor-contents .part {}
.honor-wrap  .bottom .honor-contents .part01 { margin-bottom:30px;  }
.honor-wrap  .bottom .honor-contents .part01 .img-name { position:relative; text-align:center;  }
.honor-wrap  .bottom .honor-contents .part01 .img-name .img {  width:234px; height:284px; margin:0 auto 5px;  padding:10px; border:1px solid #f2f2f2; position:relative;  }
.honor-wrap  .bottom .honor-contents .part01 .img-name .img img {width:100%; height:100%; }
.honor-wrap  .bottom .honor-contents .part01 .img-name .name { color:#333;  font-size:16px; }
.honor-wrap  .bottom .honor-contents .part01 .img-name .name strong {display:block; font-size:18px; font-weight:bold; }
.honor-wrap  .bottom .honor-contents .part01 .info { padding-top:20px;  }



/*명예의전당 신규*/
.honor-wrap  .bottom .honor-contents { padding-bottom:20px; border-bottom:1px solid #dbdbdb; margin-bottom:30px;   }
.honor-wrap  .bottom .honor-contents .img-name { margin-bottom:25px;  }
.honor-wrap  .bottom .honor-contents .img-name:after { clear:both; display:table; content:'';  }
.honor-wrap  .bottom .honor-contents .img-name .img  { float:left;  border:1px solid #F2F2F2; padding:5px;  width:110px;  margin-right:25px;  }
.honor-wrap  .bottom .honor-contents .img-name .name  { float:left; width:calc(100% - 135px);  padding-top:50px; padding-left:25px; padding-right:25px; text-align:center; color:#666; font-size:14px;  background-image:url(../images/sub/honor/cr_01.png), url(../images/sub/honor/cr_02.png), url(../images/sub/honor/cr_03.png);  background-repeat:no-repeat; background-position:left  bottom, right bottom, center top;  }
.honor-wrap  .bottom .honor-contents .img-name .name  strong {font-size:18px; color:#000; display:block; }
.honor-wrap  .bottom .honor-contents .info {  background:url(../images/sub/honor/cr_bg.png) no-repeat center bottom;  background-size:230px 230px;  }
.honor-wrap  .bottom .honor-contents .info .title { font-size:20px; color:#000; font-weight:bold;  padding-left:0px;  margin-bottom:0px; }
.honor-wrap  .bottom .honor-contents .info h2 {margin-top:30px; padding-bottom:10px; font-size:20px;  }
.honor-wrap  .bottom .honor-contents .info .kind {color:#666; padding-left:15px; margin-bottom:30px;  }
.honor-wrap  .bottom .honor-contents .info div {color:#666; padding-left:15px; margin-bottom:30px;  }



/*입학서브메뉴*/
.link-sub-main { margin:-15px 0;  }
.link-sub-main .list { padding:15px 0; }
.link-sub-main .list h3 { padding-bottom:10px; margin-bottom:15px; border-bottom:2px solid #0E6FC1; }
.link-sub-main .list h3 a { font-size:22px; color:#333; font-weight:bold;  }
.link-sub-main .list .img { margin-bottom:15px; width:100%;  }
.link-sub-main .list .img a {display:block; width:100%;padding-top:50%; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.link-sub-main .list .link { margin-bottom:15px; }
.link-sub-main .list .link a { display:inline-block;  font-size:14px;  padding:3px 10px; border-radius:5px;background:#0b84ca; color:#fff;}
.link-sub-main .list .link .text a { font-size:16px; color:#333; }



/*개인정보처리방침 셀렉*/
.privacy_select_box {}
.privacy_select_box select { height:40px; border-radius:5px; padding:0 10px;  }




/*서브퀵링크*/

.quick-link-wrap {  display:none !important;  }




/*블로그형 게시판 재정의*/
.blog-board-list .list .img {  float:none; margin-right:0px; text-align:Center;width:100%; margin-bottom:5px;   }
.blog-board-list .list .title a {      font-size: 18px;   }


/*new 페이징*/

.new-paging a {margin:0 3px;  padding-top:5px;  font-size:12px;  }
.new-paging a img {height:12px;  }
.new-paging a.num {    width:30px; height:30px; }




/*게시판 검색*/
	.board-search-wrap {  padding:15px 15px; }
	.board-search-wrap .board-search-select {width:100%;margin-bottom:5px;  height:45px; }
	.board-search-wrap .board-search-text {width:calc(100% - 65px); height:45px;   }
	.board-search-wrap.board-category .board-search-text {width:calc(100% - 65px); height:45px;   }
	.board-search-wrap .board-search-submit {width:60px; height:45px;  }







.sub-bottom { border:2px solid #F2F2F2;  margin-bottom:30px; }
#contactUs { font-size:16px; padding:10px 10px;  }
#contactUs dl { padding:7px 0 ; }
#contactUs dl:after { clear:both; display:table; content:'';  }
#contactUs dl dt {float:left;  width:85px;  position:relative;  }
#contactUs dl dt:after { clear:both; display:table; content:''; position:absolute; top:6px; right:13px; width:2px; height:15px; background:#F2F2F2; }
#contactUs dl dd {float:left; width:calc(100% - 85px);  word-break: break-all;}

#pageSurvey { padding-bottom: 20px; margin-bottom:0px;  background:#f2f2f2; display:none; }
#pageSurvey dl {padding:15px 20px 0 20px; font-size:16px;}
#pageSurvey dl dt { font-size:16px; margin-bottom:5px;   }
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:15px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:80%; height:80px;margin-top:15px;  padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:20%; height:80px; margin-left:-1px;margin-top:15px; word-break:break-all;  background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}



}/*media (max-width: 991px) */





@media (max-width: 550px) {

	.sub-tab-menu li { width: 50%; } 

	/*메모형*/
.memo-wrap ul {margin:0 0 50px;    }
.memo-wrap ul:after { clear:both; display:table; content:'';  }
.memo-wrap ul li {  float:none; width:100%; padding:6px 0;  }



/*시설예약 리스트*/
.new-facility-list {  }
.new-facility-list ul {  margin:0px;  }
.new-facility-list ul li { float:none; width:100%; padding:0 0 15px 0;  }




}/*media (max-width: 550px) */


/*게시판 멀티파일 / 달력 관련 */
#fileDragWrap {width:100%;height:200px;border:1px solid #ddd;font-size:14px;text-align: center;display: table}
#fileDragWrap &gt; div {display:table-cell}
#fileDragWrap i {font-size:50px}
#fileDragWrap p {padding-top:10px;}
.mfile-select-btn {border:0px;background:#0878d4;border-radius: 10px;padding:2px 10px;color:#fff;font-weight: bold}

.addr_wrap input[id='zonecode'] {width:100px;display:inline-block}
.addr_wrap input[id='addr'] {width:50%;display:inline-block}
.addr_wrap input[id='addrAdd'] {width:49%;display:inline-block}



/*제대 유튜브 100%반응형*/
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}</pre></body></html>