@charset 'utf-8';
/*sub img*/
body.introduction .visual{width:100%; height:100%; background:url(../../images/common/about2.jpg) no-repeat center; background-size:cover;}
body.visit .visual{width:100%; height:100%; background:url(../../images/visit/bg_visit.jpg) no-repeat center; background-size:cover;}
body.academics .visual{width:100%; height:100%; background:url(../../images/common/about1.jpg) no-repeat center; background-size:cover;}
body.admissions .visual{width:100%; height:100%; background:url(../../images/admissions/bg_admissions.jpg) no-repeat center; background-size:cover;}
body.study .visual{width:100%; height:100%; background:url(../../images/study/bg_study.jpg) no-repeat center; background-size:cover;}
body.research .visual{width:100%; height:100%; background:url(../../images/research/bg_research.jpg) no-repeat center; background-size:cover;}
body.kookmin .visual{width:100%; height:100%; background:url(../../images/common/about2.jpg) no-repeat center; background-size:cover;}
body.search .visual{width:100%; height:100%; background:url(../../images/common/bg/bg_search.jpg) no-repeat center; background-size:cover;}
/*탭*/
ul.tab-menu{width:100%;}
ul.tab-menu:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
ul.tab-menu > li{float:left; text-align:center; background:#e4e4e4; }
ul.tab-menu > li > a{display:block; color:#363636; padding:16px 0; font-size:30px;}
ul.tab-menu > li.on > a{color:#fff; background:#011634;}
.tab-container{}
.tab-container .tab-cont{display:none;}
.tab-container .tab-cont:first-child{display:block;}

/*depth*/
.tit-depth4{color:#222; font-size:28px; font-weight:500; font-style:normal;}
.tit-depth3{color:#033b8c; font-size:32px; font-style:normal; font-weight:700;}
.tit-depth5{color:#333333; font-size:21px; font-style:normal; font-weight:700;}
.next-tit-depth4{margin-top:30px;}
/*bul*/
.list-black li{background:url(../../images/common/ico/bul_black.gif) no-repeat left 14px;}
.bul-list li{padding-left:15px; line-height:30px; background:url(../../images/common/ico/bul_black.gif) no-repeat left 14px;}
.bul-list2 li{line-height:26px;}

/*select*/
.select-ui{position: relative;width: 90%;}
.select-ui h3 a {
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  padding:11px 20px;
  line-height: 1;
  text-decoration: none;
  background: #f6f6f6 url('../../images/common/ico/ico_select.png') no-repeat 98% 50%;
  border: 1px solid #ccc;
  font-style:normal;
  font-weight:400;
  font-size:18px;
}

.select-ui h3 a.on {
  background: #f6f6f6 url('../../images/common/ico/ico_select.png') no-repeat 98% 50%;
}

.select-ui h3 a:hover {
  text-decoration: none;
}

.select-ui ul {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 42px;
  overflow: hidden;
  overflow-y: scroll;
  left: 0;
  padding:11px 20px;
  border: 1px solid #ccc;
  background: #f6f6f6;
}

.select-ui ul li {
  display: inline;
  float: left;
  width: 100%;
}

.select-ui ul li a {
  display: block;
  padding:11px 0;
  font-size: 18px;
  text-decoration: none;
}

.p-br{display:block;}

/*btn*/
.btn-right{margin-top:30px; text-align:right;}
.btn-gray{display:inline-block; text-align:center; padding:8px 30px; color:#fff; background:#3c3c3c;}
.btn-blue{display:inline-block; text-align:center; padding:8px 30px; color:#fff; background:#011634;}
.btn-center{text-align:center;}

/*table*/
table.data-type3{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #333333;}
table.data-type3 thead th{padding:15px 0; color:#444; font-style:normal; font-weight:600; text-align:center;border-bottom:1px solid #dddddd; background:#f4fafd;}
table.data-type3 tbody th{padding:15px 0; color:#333; font-size:21px; font-style:normal; font-weight:600; text-align:center; border-bottom:1px solid #dddddd; background:#f6f6f6; border-right:1px solid #ddd}
table.data-type3 tbody th.left{text-align:left; padding-left:20px;}
table.data-type3 tbody td{padding:15px 0; text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #ddd; line-height:28px; word-break:break-word;}
table.data-type3 tbody td.left{text-align:left; padding-left:20px;}
table.data-type3 tbody tr td:last-child{border-right:0;}

table.data-type3 tbody tr td{border-left:1px solid #ddd}

/*table*/
table.data-type5{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #333333;}
table.data-type5 thead th{padding:15px 10px; color:#444; font-style:normal; font-weight:600; text-align:center;border-bottom:1px solid #dddddd; background:#f4fafd;}
table.data-type5 tbody th{padding:15px 0; color:#333; font-size:21px; font-style:normal; font-weight:600; text-align:left; padding-left:20px; padding-right:5px; border-bottom:1px solid #dddddd; background:#f6f6f6; border-right:1px solid #ddd}
table.data-type5 tbody th.center{text-align:center; padding-left:0}
table.data-type5 tbody td{padding:15px 0; text-align:left; padding-left:20px; padding-right:5px; border-bottom:1px solid #dddddd; border-right:1px solid #ddd; line-height:28px; word-wrap: break-word;}
table.data-type5 tbody td.center{text-align:center; padding-left:0}
table.data-type5 tbody tr td:last-child{border-right:0;}

/*top-btn*/
.top-btn{}
.top-btn a{position:fixed; bottom:0; right:0; z-index:10; width:60px; height:57px;}
.top-btn a img{width:60px; height:57px;}

/*404 page*/
.error-wrap{width:100%;}
.error-wrap .error-cont{max-width:1165px; padding:0 17.5px; margin:0 auto; text-align:center;}
.error-wrap .error-cont strong{display:block; margin:60px 0 30px 0; font-size:50px; color:#033b8c; line-height:71px;}
.error-wrap .error-cont p{font-size:26px; line-height:30px; color:#333333; font-weight:600}
.error-wrap .error-cont a{display:inline-block; margin-top:50px; padding:11px 40px; text-align:center; color:#fff; font-size:21px; background:#3c3c3c;}

@media all and (min-width:768px) and (max-width:991px) {
.br{display:block;}
body.introduction .visual{width:100%; height:100%; min-height:auto; background:none;}
ul.tab-menu > li > a{padding:10px 0; font-size:30px;}
.tit-depth3{font-size:48px}
.tit-depth5{font-size:32px;}


/*bul*/
.list-black li{background:url(../../images/common/ico/bul_black.gif) no-repeat left 22px;}
.bul-list li {font-size:26px; line-height:36px; margin-bottom:25px;}

/*btn*/
.btn-right{margin-top:30px; text-align:right;}
.btn-gray{display:inline-block; text-align:center; padding:10px 45px; color:#fff; background:#3c3c3c; font-size:28px;}
.btn-blue{display:inline-block; text-align:center; padding:10px 45px; color:#fff; background:#011634; font-size:28px;}

/*select*/
.select-ui{position: relative;width: 90%;}
.select-ui h3 a {
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  padding:22px 20px;
  line-height: 1;
  text-decoration: none;
  background: #f6f6f6 url('../../images/common/ico/ico_select.png') no-repeat 98% 50%;
  border: 1px solid #ccc;
  font-style:normal;
  font-weight:400;
  font-size:25px;
}

.select-ui h3 a.on {
  background: #f6f6f6 url('../../images/common/ico/ico_select.png') no-repeat 98% 50%;
}

.select-ui h3 a:hover {
  text-decoration: none;
}

.select-ui ul {
  margin-top:20px;
  display: none;
  position: absolute;
  width: 100%;
  max-height: 42px;
  overflow: hidden;
  overflow-y: scroll;
  left: 0;
  padding:22px 20px;
  border: 1px solid #ccc;
  background: #f6f6f6;
}

.select-ui ul li {
  display: inline;
  float: left;
  width: 100%;
}

.select-ui ul li a {
  display: block;
  padding:22px 0;
  font-size: 25px;
  text-decoration: none;
}

/*table*/
table.data-type3{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #333333;}
table.data-type3 thead th{display:none;}
table.data-type3 tbody th{display:block; padding:13px 0; color:#444; font-size:32px; font-style:normal; font-weight:600; text-align:center; 
border-top:1px solid #333; background:#f4fafd; border-right:0;  width: 100%\9; float: left\9;}
table.data-type3 tbody td{display:block; padding:15px 30px !important; text-align:center; border-bottom:1px solid #dddddd; border-right:0; font-size:24px; line-height:32px;
padding:15px 3%\9 !important; width: 94%\9; float: left\9;}
table.data-type3 tbody td.left{text-align:left; padding-left:0;}
table.data-type3 tbody tr td:last-child{border-right:0;}
table.data-type3 tbody td.b-gray{background:#f6f6f6;}
table.data-type3 tbody td.table-none{display:none;}

.top-btn a{right:30px;}

}


@media all and (max-width:767px){
.br{display:block;}
body.introduction .visual{width:100%; height:100%; min-height:auto; background:none;}
ul.tab-menu > li > a{padding:9px 0; font-size:38px; font-size:4.9vw;}
.tit-depth3{font-size:27px; line-height:30px}
.tit-depth5{font-size:21px;}

/*btn*/
.btn-right{margin-top:30px; text-align:right;}
.btn-gray{display:inline-block; text-align:center; padding:15px 65px; padding:1.5vw 6vw; font-size:32px; font-size:4vw; color:#fff; background:#3c3c3c;}
.btn-blue{display:inline-block; text-align:center; padding:15px 65px; padding:1.5vw 6vw; font-size:32px; font-size:4vw; color:#fff; background:#011634;}


/*select*/
.select-ui{position: relative;width: 90%;}
.select-ui h3 a {
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  padding:3.2vw 2.5vw;
  line-height: 1;
  text-decoration: none;
  background: #f6f6f6 url('../../images/common/ico/ico_select.png') no-repeat 98% 50%;
  border: 1px solid #ccc;
  font-style:normal;
  font-weight:400;
  font-size:3.5vw;
}

.select-ui h3 a.on {
  background: #f6f6f6 url('../../images/common/ico/ico_select.png') no-repeat 98% 50%;
}

.select-ui h3 a:hover {
  text-decoration: none;
}

.select-ui ul {
  margin-top:15px;
  display: none;
  position: absolute;
  width: 100%;
  max-height: 42px;
  overflow: hidden;
  overflow-y: scroll;
  left: 0;
  padding:3.2vw 2.5vw;
  border: 1px solid #ccc;
  background: #f6f6f6;
}

.select-ui ul li {
  display: inline;
  float: left;
  width: 100%;
}

.select-ui ul li a {
  display: block;
  padding:3.2vw 2.5vw;
  font-size: 3.5vw;
  text-decoration: none;
}

/*table*/
table.data-type3{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #333333;}
table.data-type3 thead th{display:none;}
table.data-type3 tbody th{display:block; padding:13px 0; color:#444; font-size:19px; font-style:normal; font-weight:600; text-align:center; 
border-top:1px solid #333; background:#f4fafd; border-right:0;  width: 100%\9; float: left\9;}
table.data-type3 tbody td{display:block; padding:11px 15px !important; text-align:center; border-bottom:1px solid #dddddd; border-right:0; font-size:16px; line-height:23px;
padding:13px 1.5%\9 !important; width: 97%\9; float: left\9;}
table.data-type3 tbody td.left{text-align:left; padding-left:0;}
table.data-type3 tbody tr td:last-child{border-right:0;}
table.data-type3 tbody td.b-gray{background:#f6f6f6;}
table.data-type3 tbody td.table-none{display:none;}

/*top-btn*/
.top-btn{max-width:1200px; margin:0 auto;}
.top-btn a {right:15px; width:40px; height:48px;}
.top-btn a img{width:40px; height:38px;}

/*404 page*/
.error-wrap{width:100%;}
.error-wrap .error-cont{max-width:1165px; padding:0 15px; margin:0 auto; text-align:center;}
.error-wrap .error-cont strong{display:block; margin:30px 0 15px 0; font-size:26px; color:#033b8c; line-height:29px;}
.error-wrap .error-cont p{font-size:18px; line-height:20px; color:#333333; font-weight:600}
.error-wrap .error-cont a{display:inline-block; margin-top:25px; padding:8px 20px; text-align:center; color:#fff; font-size:16px; background:#3c3c3c;}
}