@charset "euc-kr";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@-ms-viewport       { width: device-width; }
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/*body { font-family: 'Nanum Gothic'; color: #0c253b; font-size: 16px; }*/
body { font-family: 'Noto Sans KR', sans-serif; color: #0c253b; font-size: 16px; }

a { color: #0c253b; }
a:hover { color: #2b7c97; text-decoration: none; }

.q-menu { background-color: #fa5c3f; }
.quick-menu-top {
	width: 100%; padding: 6px 0; font-size: .9em; line-height: 1em; text-align: right; color: white;
}
.quick-menu-top ul { display: inline-block; list-style-type: none; margin-bottom: 0; }
.quick-menu-top ul li { float: left; margin: 0 0 0 15px; }
.quick-menu-top ul li a { color: white; }

.logo { }
.logo img { margin-top: 10px; }

.logo-explain { text-align: right; }
.logo-explain img { margin: 22px 0; }

/* ZB Skin */
form { margin-bottom: 0; }

/* COLOR */
.bgc-w { background-color: white; }
.bgc-o { background-color: orange; }

/* Navigation */

.navbar { margin-bottom: 0; }

.navbar-default { 
	border-radius: 0; 
	border-width: 1px 0;
	
	webkit-box-shadow: none;
	box-shadow: none;
	
	background-image: -webkit-linear-gradient(top, #f8f8f8 0, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #f8f8f8 0, #f8f8f8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), to(#f8f8f8));
    background-image: linear-gradient(to bottom, #f8f8f8 0, #f8f8f8 100%);
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  font-size: 14px;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-default .navbar-nav>li>a { font-weight: bold; color: #555; }
.navbar-nav>li { font-size: 1.6em; }
.nav>li>a { padding-left: 45px; padding-right: 45px; }
.navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; }


/* Full Carousel */
.carousel .item {
    width: 100%; /*slider width*/
    max-height: 720px; /*slider height*/
}
.carousel .item img {
    width: 100%; /*img width*/
}
/*add some makeup*/
.carousel .carousel-control {
    background: none;
    border: none;
    top: 50%;
}

.carousel-img { padding: 5px; }
.carousel .carousel-control { top: 0; }
.carousel-control { width: 40px; }

/*quick launch*/
.quick-launch {
	text-align: center; font-size: 1.2em; font-weight: bold;
}
.quick-launch td {
	width: 16.6666666% !important;
	padding: 0 !important;
	border: 1px solid darkgray !important;
	background: #fdfdfd;
}
.fr-icon {
	display: block;
	margin: 0 auto;
	width: 50px;
	height: auto;
}
a.btn-pad { display: inline-block; width: 100%; height: 100%; padding: 8px; }
a.btn-pad:hover { background-color: skyblue; /* zoom: 1; filter: alpha(opacity=50); opacity: 0.5; */ }


/* Square Box */
.bgc-g { background-color: #f3f3f3; }
.sq-box { height: 285px; padding: 0 30px; }
.sq-box-notice {
	background-color: #fa5c3f;
}
.sq-box-latest-img { padding: 0 30px; }
.sq-box-latest-img { padding-bottom: 43px; }
.m-margin { margin-top: -455px; } /*-285px -455px*/
.l-mg { margin-left: 90px; }

.bbs-list { position: absolute; bottom: 0; padding-bottom: 20px; }
.fp-img-text { margin-bottom: 30px; }

.layout-box { padding: 0 15px; }
.img-100 { width: 100%; height: auto; }
.sm-top-img { width: 100%; max-width: 1140px;}

/* Latest */
.zb4-latest {
    padding-left: 0;
    list-style-position: inside;
}
.zb4-latest-img {
}
.zb4-latest-img img {
	width: 15%;
	height: auto;
	margin: 0 1.8%; /*2.1*/
}
.zb4-latest-img-title {
	font-size: .8em;
}
td.zb4-latest-img-title > a > img {
	max-width: 100% !important;
}


/* Box Image */
.sq-box-center img { width: 100%; height: auto; }
.row-bd-tb { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; }
.img-s-r { border-right: 1px solid #ebebeb; }

/* Footer */
.footer-line { border-top: 1px solid #eee; }
.address { margin-top: 25px; }
.address, .copyright { font-size: .8em; text-align: center; color: lightgray;}
.copyright { padding-bottom: 10px; }

/* Side Menu */
.side-menu ul, .left-banner ul { list-style-type: none; font-size: 1.2em; padding-left: 0; }
.side-menu ul li { padding: 10px 15px; border-bottom: 1px dotted gray; }
.side-menu ul li:last-child { border-bottom: 1px solid gray; }
.side-menu ul li a:before { font-family: fontawesome; content: '\f054'; font-size: .8em; padding-right: 5px; }
.left-banner li { margin: 5px 0; }
.left-banner img { width: 100%; height: auto; max-width: 100%; border: 1px solid #eee; }

.sub-title { background: url(img/sub-title-bg-poly.png); }
.sub-title h3 { padding: 40px 15px; border-bottom: 2px solid gray; font-weight: bold; }

/* Top Sub Menu */
.smtext { font-size: 14px; }
.top-submenu { margin-bottom: 20px; }
a.hs-submenu, a.hs-submenu-b {
	display: block;
	text-align: center !important;
	font-size: 1.2em;
    padding: 10px 5px;
	margin: 5px;
    border: 1px solid lightgray;
    background-color: #fafafa;
}
a.hs-submenu:hover, a.hs-submenu-b:hover {
	background-color: #ffe4c4;
}
a.hs-submenu-b { background-color: #e3ebf2; }
a.hs-submenu.type-oneline{display:flex;align-items:center;justify-content:center;min-height:76.84px;}


/* Main Content */
section { margin-bottom: 30px; }
.main-content { padding-top: 20px; }
.page-name { padding-bottom: 20px; font-size: 2em; border-bottom: 2px solid gray; margin-bottom: 30px; }
.part-name { display: inline-block; color: white; font-size: 1.8em; padding: 5px 15px; background-color: lightslategray; margin-bottom: 15px; }
.sect-name { padding: 10px 0; font-size: 1.4em; }
.sect-name:before { content: "\f068"; font-family: fontawesome; padding-right: 5px; }
.sect-name-greetings { padding: 0 10px; border-left: 5px solid lightslategray; margin: 10px 0; font-size: 1.4em; }

table.history tr td:first-child { font-size: 1.4em; font-weight: bold; text-align: center; }
table.history td { line-height: 1.8em !important; }
table.history ul { margin: 0; }
table.history li { list-style: circle; }

table.lecture { margin-top: 10px; }

table.lecture { font-size: .9em; }
table.lecture th { text-align: center; background-color: #eee; }
table.lecture ul { padding-left: 0; }
table.lecture li { list-style-position: inside; }

table.lecture tbody tr th:nth-child(1) {  }
table.lecture tbody tr th:nth-child(2) {  }
table.lecture tbody tr th:nth-child(3) {  }
table.lecture tbody tr th:nth-child(4) {  }
table.lecture tbody tr th:nth-child(5) {  }

table.curri { font-size: .9em; }
table.curri th { background-color: #eee; width: 20%; }

table.edu-table thead th { border-bottom :none; background-color: #eee; text-align:center; }
table.edu-table td{ text-align: center; vertical-align: middle !important; }
table.edu-table thead th:nth-child(1){ width: 70%; }

h5.step { background:url(img/45dotline.png); }

.sect-name-lecturer { margin: 10px 0; font-size: 1.4em; background:url(img/45dotline.png); }
.sect-name-lecturer:before { content: "\f068"; font-family: fontawesome; padding-right: 5px; }
.lecturer ul { padding-left: 10px; }
.lecturer li { font-size: .9em; list-style-position: inside; }

.ul-left-20 { padding-left: 20px; }

/* Panel */
.panel li { padding: 5px 0;}
.ref { margin-bottom: 20px; }
.ref:before { content: "\f013"; font-family: fontawesome; margin-right: 5px; }

/* Alert */
.alert-sm { padding: 8px; }

/* Image */
.lecturer-img, .equip img, .employ-link img { width: 100%; max-width: 100%; height: auto; }
.equip img, .employ-link img { padding: 10px; max-width: 100%; height: auto;}
.info-img { float: right; width: 200px; height: auto; margin-left: 15px; }
.p-img { width: 100%; box-shadow: 0 51px 0 #eee; }
.cooperation img { max-width: 100%; height: auto; padding: 10px; }

/* Board */
.bd-table td { font-size: .9em; font-family: 'Noto Sans KR', sans-serif; }
.herais-sum img { border: 4px solid #f7f7f7; box-shadow: 0 0 1px #aaa; }
.bbs-memo table { font-size: 1.4em; }
/* Board TD Setting */
table.resp-table > tbody > tr > td:nth-child(1) { }
table.resp-table > tbody > tr > td:nth-child(2) { }
table.resp-table > tbody > tr > td:nth-child(3) { }
table.resp-table > tbody > tr > td:nth-child(4) { font-size: .6em; }
table.resp-table > tbody > tr > td:nth-child(5) { font-size: .6em; }
table.resp-table > tbody > tr > td:nth-child(6) { font-size: .6em; display: none; }



/* Youtube Auto 100% */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Carousel Fade */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/*zeroboard*/
.xectl
.bd-table td { font-size: 1em; }

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    .m-2line { display: inline; }
/*
	table.lecture > tbody > tr > td:nth-child(1) { width: 5%; }
	table.lecture > tbody > tr > td:nth-child(2) { width: 10%; }
	table.lecture > tbody > tr > td:nth-child(3) { width: 50%; }
	table.lecture > tbody > tr > td:nth-child(4) { width: 30%; }
	table.lecture > tbody > tr > td:nth-child(5) { width: 5%;}
*/
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.m-2line { display: inline; }
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	/* Make Navigation Toggle on Desktop Hover 
  	.dropdown:hover .dropdown-menu {
  		display: block;
  	}*/
	.m-2line { display: inline !important; }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.m-2line { display: block !important; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.m-2line { display: block !important; }

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.nav>li>a { padding-left: 35px; padding-right: 35px; }
	.sq-box-latest-img { padding-bottom: 14px; }
	.m-2line { display: block !important; }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.logo, .logo-explain { text-align: center; }
	.logo-explain img { margin: 0 0 10px; }
	.nav>li>a { padding-left: 25px; padding-right: 25px; }
	.m-margin { margin-top: -170px; }
	.m-2line { display: block !important; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	/*full width container*/
    .block {
        margin-left: -20px;
        margin-right: -20px;
    }
	.l-mg { margin-left: 10px; }
	.address { margin-top: 0; }
	.logo-footer, .address, .copyright { text-align: center; }
	.m-2line { display: inline !important; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.zb4-latest-img img { margin: 0 2%; }
	/*table.xectl tr td:nth-child(3) { display: none; }*/
	.m-2line { display: inline; }

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    .zb4-latest-img img { margin: 0 1.8%; }
	.m-2line { display: inline; }

}