@charset "utf-8";
/* CSS Document */

@import url('ibootstrap.css');
@import url('font-noto.css');
@import url('font-iropke.css');

/*****************************************************
	Icon
*****************************************************/
@font-face {
	font-family: 'material-Icons';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/MaterialIcons-Regular.eot");
	src: url("../fonts/MaterialIcons-Regular.eot?#iefix") format('embedded-opentype'),  url("../fonts/MaterialIcons-Regular.woff") format('woff'),  url("../fonts/MaterialIcons-Regular.ttf") format('truetype');
}
.material-icons {
  font-family: 'material-Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;  /* Preferred icon size */
  display: inline-block;
  line-height: 1.1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  vertical-align: middle;
}


/*****************************************************
	Common
*****************************************************/
html, body {font-family: 'noto',  'Nanum Gothic', 'Helvetica', sans-serif;font-weight: 400;color: #333;padding: 0;min-width:360px;/* letter-spacing: -0.03rem; */top:0 !important;}
a:hover, a:focus {text-decoration:none;}
button:not(:focus-visible) {outline: 0;}
.text-primary {color: #135173 !important;}

/* Margin & Padding */
.line-gap {width: 100%;margin: 2.4rem 0;clear: both;border-top: 2px dotted #e4e4e4;}

/* responsibility */
.responsibility {background-color: #f7f7f7; border: 1px solid #eee; padding: 1rem 1.3rem; margin-top: 2.8rem;}
.responsibility ul {margin: 0 !important;}
.responsibility ul>li {float: left;margin-right: 1.2rem !important;}
.responsibility ul>li>strong {margin-right: 0.5rem; font-weight: 600; color: #0b3d91;}

/* checkbox & radio */
.checkbox, .radio {display:inline-block;}
.checkbox input[type="checkbox"], .radio input[type="radio"] {margin-right: 0.3125rem;}
.checkbox label, .radio label {margin-right: 0.75rem;margin-bottom:0;}

/* popup */
body.popup {}
body.popup .sub-container {padding: 5rem 0 7rem;margin: 0;}
body.popup .container {max-width: 600px;}

.layer-popup {z-index: 9999;position: absolute;margin-bottom: 30px;background-color: #fff;}
.layer-popup .layer-cont {width: 100%;height: 100%;overflow: hidden;}
.layer-popup .layer-cont div, .layer-popup .layer-cont p, .layer-popup .layer-cont ol, .layer-popup .layer-cont ul, .layer-popup .layer-cont li {padding: 0;margin: 0;}
.layer-popup .layer-footer {position: absolute;width: 100%;right: 0;left: 0;bottom: -30px;height: 30px;padding: 0.4rem 0.5rem;background-color: #000;display: inline-block;}
.layer-popup .layer-footer a {color: #efefef;font-size: 0.85rem;}
.layer-popup .layer-footer a:hover, .layer-popup .layer-footer a:focus {color: #fff;text-decoration: underline;}


/*****************************************************
	Include
*****************************************************/
/* Footer */
#footer {}
#footer address {}
#footer small {font-size: 0.8rem;}

/* Top banner */
.top-banner {background-color: #0b3d92;padding: 0.7rem 0 0.6rem;text-align: right;/* min-height: 130px; */-webkit-transition: 0.5s ease-out;transition: 0.5s ease-out;}
.top-banner .top-banner-inner {position:relative;padding-bottom: 0.5rem;}
.top-banner .top-banner-inner .rollimg {position: static;width: 80%;margin: 0 auto;padding:0;}
.top-banner .top-banner-inner .item a img {max-width: 100%;}
.top-banner .top-banner-inner .bannerButtons {top: 20px;}
.top-banner .top-banner-inner .bannerButtons span {display:inline-block;margin-bottom:14px;vertical-align:middle;font-weight:600;}
.top-banner .top-banner-inner .owl-nav {display:none;}
.top-banner .top-banner-inner .owl-dots {position: absolute;display: inline-block;margin: 0 auto;bottom: -1.28rem;left: 2.3rem;z-index: 2;}
.top-banner .top-banner-inner .owl-dots:first-child:after {background: #fff;display: inline-block;width: 11px;height: 11px;border-radius: 50%;border: 2px solid #fff;margin: 0.05rem 0.25rem;}
.top-banner .top-banner-inner .owl-dots .owl-dot {}
.top-banner .top-banner-inner .owl-dots .owl-dot>span {display: inline-block;width: 11px;height: 11px;border-radius: 50%;border: 2px solid #fff;background-color: #0b3d92;margin: 0.05rem 0.25rem;}
.top-banner .top-banner-inner .owl-dots .owl-dot.active>span {background: #fff;}
.top-banner .top-banner-inner .carousel-btn {position: relative;}
.top-banner .top-banner-inner .carousel-btn>a {position: absolute;color: #fff;top: 50%;margin-top: 10px;z-index: 9;}
.top-banner .top-banner-inner .carousel-btn>a .material-icons {font-size: 3rem;}
.top-banner .top-banner-inner .carousel-btn>a.prev {left: 0;}
.top-banner .top-banner-inner .carousel-btn>a.next {right:0;}
.top-banner .top-banner-inner .owl-carousel.owl-drag .owl-item .item {padding: 0 1.5rem;}
.top-banner .close-btns {color: #c9d2e0;font-size: 13px;}
.top-banner .close-btns input {border-radius: 0;margin-right: 0.3rem;background-color: #fff;}
.top-banner .close-btns label {margin: 0;}
.top-banner .top-banner-inner #carousel-popup {position: absolute;left: 0.9rem;bottom: -1.2rem;}
.top-banner .top-banner-inner #carousel-popup:after {content: '';position: absolute;right: -1.15rem;bottom: 0.28rem;display: inline-block;width: 11px;height: 11px;z-index: 1;border-radius: 50%;background-color: #fff;}
.top-banner .top-banner-inner #carousel-popup button {position: relative;background: none;border: none;color: #fff;padding: 0;}
.top-banner .top-banner-inner #carousel-popup button .material-icons {font-size: 1.2rem;}
#header .gnb .header-util>ul>li .top-banner-btn .material-icons {display:none;}

@media (min-width: 480px) {
	#header .gnb .header-util>ul>li .top-banner-btn {padding-right: 1.9rem;}
			#header .gnb .header-util>ul>li .top-banner-btn .material-icons {position: absolute;top: 0.6rem;right: 0.5rem;font-size: 1rem;}
			#header .gnb .header-util>ul>li .top-banner-btn .off, #header .gnb .header-util>ul>li .top-banner-btn.active .on {display:block;}
			#header .gnb .header-util>ul>li .top-banner-btn .on, #header .gnb .header-util>ul>li .top-banner-btn.active .off {display:none;}
}
@media (min-width: 1200px) {
		.top-banner .top-banner-inner {padding-bottom:0;}
}


/*****************************************************
	Sub Style
*****************************************************/
.sub-container {position: relative;}
.sub-container #content {/* min-height: 500px; */margin-bottom: 5.5rem;}
.sub-container #content:after {}

/* Non Page */
.non-page {text-align: center;padding-top: 13rem;margin-top: 1.5rem;margin-bottom: 2.7rem;background: url('../images/non-page.png') no-repeat top center;}
	.non-page h3 {background: none; padding: 0; margin: 0; color: #555;}
	.non-page h3>strong {color: #0e55c1;}
	.non-page p {color: #777; margin: 0.8rem 0 2rem;}
	.non-page .btn {padding-left: 1.3rem;	padding-right: 1.3rem;}
	.non-page.board {background-image: url('../images/non-board.png');}

/* board */
.board-view {}
	.board-view .board-view-title {border-top: 2px solid #555;border-bottom: 1px solid #ddd;padding: 1.5rem 0.65rem;}
	.board-view .board-view-title h4 {color: #000;font-size: 1.6rem;line-height: 1.3;margin: 0 0 0.9rem 0;}
.board-view .board-view-title h4>.badge {font-size: 0.9rem;font-weight: 600;line-height: 1rem;}
	.board-view .board-info {font-size: 0.9rem;margin-bottom: 0;}
	.board-view .board-info span {position:relative;margin-left: 0.5rem;padding-left: 0.5rem;color: #666;}
	.board-view .board-info span:first-child {margin-left:0;padding-left: 0;}
	.board-view .board-info span:after {content:'';display:inline-block;position:absolute;left:0;top: 6px;width: 1px;height: 9px;background-color: #d2d3d6;}
	.board-view .board-info span:first-child:after {display:none;}
	.board-view .board-info span .material-icons {font-size: 1rem;color: #cdcfd3;margin-right: 0.2rem;}
	.board-view .board-view-files {position: relative;border-bottom: 1px solid #ddd;padding: 0.8rem 0.65rem;}
	.board-view .board-view-files h5 {color: #666;font-size: 1rem;margin-top: 0;}
	.board-view .board-view-files ul {margin-bottom: 0;}
	.board-view .board-view-files ul>li {position: relative;padding-left: 1.4rem;}
	.board-view .board-view-files ul>li>a {font-size: 0.95rem;}
	.board-view .board-view-files ul>li>a:after {position: absolute;top: 0;left: 0;content: '\e226';font-family: 'material-Icons';display: inline-block;vertical-align: middle;font-size: 1.1rem;color: #999;}
	.board-view .board-view-files ul>li>a:hover, .board-view .board-view-files ul>li>a:focus {text-decoration: none;}
	.board-view .board-view-files ul>li>a:hover:after, .board-view .board-view-files ul>li>a:focus:after {color: #0056b3;}
	.board-view .board-view-cont {padding: 2.5rem 0.5rem 3.5rem;}
	.board-view .board-view-cont img {max-width: 100%;}
.pager {margin-bottom: 2rem;}
	.pager .pager-navi {display: block;font-weight: 600;color: #124fb6;}
	.pager .next {text-align:right}
	.pager .pager-title {display: inline-block;padding: 0 0.5rem;}
	.pager .prev a, .pager .next a {font-size: 0.9rem;display: block;}
	.pager a:hover .pager-title, .pager a:focus .pager-title {text-decoration: underline;color: #000;}
.board-comment {margin-bottom: 1.5rem;}
	.board-comment h3 {background: none;padding: 0 0 0.6rem 0;font-size: 1.5rem;color: #555;margin-bottom: 0;border-bottom: 1px solid #777;}
	.board-comment h3 .badge {font-size: 0.8rem;}
	.board-comment .messages {border-top: 1px dotted #bfbfbf;padding-top: 1.5rem;}
	.board-comment .messages:first-child {border-top: none;padding-top: 0;}
	.board-comment .messages>.messages {position:relative;border-top: 1px dotted #bfbfbf;border-bottom: none;padding-left: 2.7rem;}
	.board-comment .messages>.messages:after {content:'';position:absolute;left: 1.3rem;top: 1.5rem;width: 0.65rem;height: 0.7rem;border-left: 1px solid #b1b1b1;border-bottom: 1px solid #b1b1b1;}
	.board-comment .messages .heading {font-weight: 600;margin-bottom: 0.6rem;}
	.board-comment .messages .heading .date {font-weight: 100; color: #888;margin-left: 0.2rem;font-size: 0.8rem;}
	.board-comment .messages .heading .comment-btn {float: right;display: inline-block;}
	.board-comment .messages .heading .comment-btn .btn {padding: 0 0.1rem;background-color: transparent;color: #888;}
	.board-comment .messages .comment {margin-bottom: 1.5rem;}
.board-bottom {border-top: 1px solid #555;padding-top: 2.5rem;margin-top: 3rem;}

/* Gallery */
.board-gallery {}
	.board-gallery>div {position:relative;}
	.board-gallery>div .checkbox {position:absolute;right: 2rem;bottom: 1.2rem;z-index: 1;}
	.board-gallery a {display: block;}
	.board-gallery a .thum {position: relative;display: block;width: 100%;height: 0;padding-bottom: 60%;overflow: hidden;background: #d5d7dc url(/common/images/thumb-non.png) no-repeat 50% 50%;transition: all 0.5s;}
	.board-gallery a .thum>img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .4s ease-in-out;}
	.board-gallery a:hover .thum>img, .board-gallery a:focus .thum>img {transform: scale(1.1);}
	.board-gallery a .txt-box {position: relative;padding: 1.4rem 1.3rem;min-height: 150px;background-color: #f7f7f7;}
	.board-gallery a .txt-box .category {display: block;margin-bottom: 0.1rem;}
	.board-gallery a .txt-box .tit {font-size: 1.1rem;margin-bottom: 1rem;color: #333;font-weight: 600;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-break: break-all;word-wrap: break-word;transition: 0.5s;}
	.board-gallery a:hover .txt-box .tit,.board-gallery a:focus .txt-box .tit {text-decoration: underline;}
	.board-gallery a .txt-box .date {position: absolute;left: 1.3rem;bottom: 1.4rem;font-size: 0.9rem;color: #888;}

/* Webzine */
.board-webzine {}
	.board-webzine .webzine-item {position: relative;}
	.board-webzine .webzine-item .checkbox {position:absolute;right: 0.8rem;bottom: 1.5rem;}
	.board-webzine .webzine-item a {display: inline-block;}
	.board-webzine .webzine-item a .thum {position: relative;display: inline-block;width: 100%;height: 0;padding-bottom: 60%;overflow: hidden;background: #d5d7dc url(/common/images/thumb-non.png) no-repeat 50% 50%;transition: all 0.5s;}
	.board-webzine .webzine-item a .thum>img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .4s ease-in-out;}
	.board-webzine .webzine-item a:hover .thum>img, .board-webzine .webzine-item a:focus .thum>img {transform: scale(1.1);}
	.board-webzine .webzine-item a .txt-box {padding: 1.4rem 1.3rem;background-color: #f7f7f7;}
	.board-webzine .webzine-item a .txt-box .category {display: block;margin-bottom: 0.2rem;}
	.board-webzine .webzine-item a .txt-box .tit {display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;font-size: 1.4rem;line-height: 1.2;font-weight: 600;margin-bottom: 0.8rem;color: #333;}
	.board-webzine .webzine-item a:hover .txt-box .tit, .board-webzine .webzine-item a:focus .txt-box .tit {text-decoration: underline;color: #0b3d92;}
	.board-webzine .webzine-item a .txt-box .txt {display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;color: #777;}
	.board-webzine .webzine-item a:hover .txt-box .txt, .board-webzine .webzine-item a:focus .txt-box .txt {color: #333;}
	.board-webzine .webzine-item a .txt-box .date {display: block;font-size: 0.9rem;margin-top: 1.7rem;color: #999;}

/* Professor */
.professor-item {position: relative;display: inline-block;width: 100%;height: 100%;border: 1px solid #ccc;margin-bottom: 1.5rem;padding: 2.1rem 1.6rem;}
	.professor-item .thum {float: left;width: 30%;height: auto;overflow: hidden;text-align: center;}
	.professor-item .thum img {width: 90%;}
	.professor-item .professor-cont {float: right;width: 65%;}
	.professor-item .professor-cont:after {content:''; clear:both;}
	.professor-item .professor-cont .name {font-size: 1.5rem;padding-right: 5rem;margin-top: 0.5rem;margin-bottom: 0.9rem;}
	.professor-item .professor-cont ul {margin: 0;}
	.professor-item .professor-cont ul>li {position: relative;word-break: break-word;padding-left: 5.2rem;color: #777;min-height: 1.375rem;}
	.professor-item .professor-cont ul>li:first-child {}
	.professor-item .professor-cont ul>li>span {position: absolute;top: 0;left: 0.7rem;color: #000;}
	.professor-item .professor-btn {position: absolute;top: 1.1rem;right: 0.9rem;}
	.professor-item .professor-btn>a {display: inline-block;width: 2.5rem;height: 2.5rem;margin: 0.2rem;text-align: center;background-color: #e3e8ec;border-radius: 50%;color: #5c6069;transition: 0.5s;}
	.professor-item .professor-btn>a:hover, .professor-item .professor-btn>a:focus {color: #0949ab;}
	.professor-item .professor-btn>a>.material-icons {line-height:2.5rem}

#professor-modal .modal-body {max-height: 600px;overflow: hidden;overflow-y: scroll;}
	#professor-modal .modal-body .professor-item {border: none;border-bottom: 1px solid #354e73;padding: 0 0 1.2rem 0;margin-bottom: 0;height: auto;}
	#professor-modal .modal-body .professor-item .thum {width: 25%}
	#professor-modal .modal-body .professor-item .professor-cont {width: 70%}

/* search-form */
.search-form {border-top: 2px solid #092f6e !important;padding: 1.5rem 1.5rem 1.1rem 1.5rem;}
.search-form .form-inline .form-control, .search-form .form-inline .input-group > .form-control, .search-form .form-inline .btn, .search-form .form-inline .form-group > .btn {width: 100%;}
.search-form .form-group {width: 100%;margin-bottom: 0.4rem;}
.search-form .form-inline label {padding-left: 0.7rem;margin-bottom: 0;background: url(../images/bullet03.png) no-repeat 0 0.6rem;vertical-align: middle;font-weight: 600;}
.search-form .form-inline input {}
.search-form .btn {padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5;}

/* PDF */
.pdf-viewer {display: block;padding: 1.3rem 1.3rem;margin-bottom: 1.5rem;word-break: keep-all;border-top: 1px dotted #c8c8c8;background-color: #fbfcff; border-bottom: 1px dotted #c8c8c8;}
	.pdf-viewer>ul {margin:0;}

/* FAQ */
.faq .f-box, .faq .q-box {display: inline-block; width: 1.5rem; height: 1.3rem; background-color: #546073;text-align: center;color: #fff;font-size: 0.9rem;margin-right: 0.5rem;}
.faq .f-box {background-color: #0e55c1;}
.faq .q-box {}


/* Box */
.box-info {display: block;padding: 1.3rem 1.3rem;margin-bottom: 1.5rem;word-break: keep-all;border-top: 1px dotted #c8c8c8;background-color: #fbfcff; border-bottom: 1px dotted #c8c8c8;}
	.box-info p, .box-info ul {margin: 0;}
.box-line {background: url('../images/box-line.gif') repeat 0 0;padding: 5px;}
	.box-line .inner {padding: 1.5rem 2rem;background-color: #fff;}
	.box-line p, .box-line ul {margin: 0;}
.box-type01 {	border: 1px solid #ccc; border-top: 2px solid #124fb6; padding: 1.5rem;	height: 100%;}


/* Calendar */
	.pager-top {position: relative;}
	.pager-btn-left {position: absolute;left: 15px;	top: 15px;}
	.pager-btn-right {position: absolute;right: 15px;top: 15px;}
	.pager-btn-left i, .pager-btn-right i {font-size: 2.2rem;}
	.pager-btn-left, .pager-btn-right {display: inline-block;width: 2.2rem;height: 2.2rem;margin: 0.2rem;text-align: center;background-color: #e3e8ec;border-radius: 50%;color: #5c6069;transition: 0.5s;}
	.pager-btn-left .material-icons, .pager-btn-right .material-icons {line-height: 2.2rem}
	.pager-top .left-year {position: absolute;left: 0;padding-left: 70px;top: 25px;font-size: 1.2rem;}
	.pager-top .right-year {position: absolute;right: 0;padding-right: 70px;top: 25px;font-size: 1.2rem;}
	.pager-calendar .card .card-body ul.pager-list {padding:0.5rem;} 

/* site-map */
.site-map {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.site-map .site-map-inner {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 1.9rem;}
.site-map .site-map-inner h3 {position: relative;background: #23b8c1;text-align: center;font-size: 1.4rem;color: #fff;padding: 1rem 0.3rem;margin-bottom: 0.8rem;word-break: normal;}
.site-map .site-map-inner:nth-child(odd) h3 {background: #135173;color: #fff;}
.site-map .site-map-inner .site-map-list {-ms-flex: 1 1 auto;flex: 1 1 auto;background-color: #f8f9fa;padding: 1.3rem 1.5rem;}
.site-map .site-map-inner .site-map-list ul {margin-bottom: 0;}

/* search-page */
.search-page {}
.search-page .search-box {text-align: center;}
.search-page .search-box .inner{padding: 2.5rem 2rem;}
.search-page .search-box label {display:none;}
.search-page .search-box input {padding: 0.65rem 1.3rem 0.65rem;width: 70%;max-width: 440px;border: 1px solid #ccc;color: #333;}
.search-page .search-box button {border: none;border-radius: 0;width: 45px;height: 45px;margin: -3px 0 0 -5px;transition: 0.5s;background-color: #0f4392;}
.search-page .search-box button:hover, .search-page .search-box button:focus {background-color: #0c326b;}
.search-page .search-box button .material-icons {color: #fff;font-size: 1.6rem;}
.search-page .search-result {font-size: 1.8rem;color: #666;word-break: keep-all;}
.search-page .search-item {}
.search-page .search-item .nav {display: block;height: auto;min-height: auto;margin: 0;}
.search-page .search-item .nav>span {position: relative;font-size: 0.9rem;color: #888;padding: 0 0.4rem;}
.search-page .search-item .nav>span:first-child {padding-left: 1.2rem;}
.search-page .search-item .nav>span:after {content:'\e315';font-family: 'material-Icons';position: absolute;left: -0.4rem;top: 0.05rem;}
.search-page .search-item .nav>span:first-child:after {content: '\e3e0';left: 0;}
.search-page .search-item a {display: block;}
.search-page .search-item h4 {font-size: 1.25rem;color: #333;margin: 0.35rem 0 0.5rem;transition: 0.4s;}
.search-page .search-item h4 a:hover, .search-page .search-box .search-item h4 a:focus {color: #0e55c1;text-decoration: underline;}
.search-page .search-item p {display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;margin-bottom: 2.5rem;height: 2.8rem;min-height: 2.8rem;color: #555;}
.search-page .search-item:hover p, .search-page .search-box .search-item:focus p {color: #000;}

@media (min-width: 576px) {
	.board-view .board-view-files {padding-left:9rem;}
		.board-view .board-view-files h5 {position: absolute;top: 1.1rem;left: 0.75rem;margin: 0;font-size: 1rem;}
		.board-view .board-view-files ul, .board-view .board-view-files p {position: relative;}
		.board-view .board-view-files ul:after, .board-view .board-view-files p:after {content:'';position: absolute;left: -1.5rem;top: 0;display: block;background: #d2d3d5;width: 1px;height: 100%;}
}

@media (min-width: 768px) {
		.box-type01 {padding: 2.5rem;}
	
		.pdf-viewer {padding-left: 10.5rem;background: #fbfcff url(../images/pdf-img.png) no-repeat 2rem 1.5rem;}
		
		.site-map {margin-left:-15px;margin-right:-15px;}
		.site-map .site-map-inner {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 15px;padding-right: 15px;}
	
   .table-m-list table thead {display: table-header-group;}
			.table-m-list table tbody tr td:before {display:none;}
			.table-m-list table tbody tr td {display: table-cell;width:auto;padding:10px;border-left: 1px solid #dee2e6;}
	
	.search-form .form-group {width: auto;}
		.search-form .form-inline .form-control, .search-form .form-inline .input-group > .form-control, .search-form .form-inline .btn, .search-form .form-inline .form-group > .btn {width: auto;}
		.search-form .form-inline label {padding-left: 1.5rem;background-position: 1rem 0.6rem;}
}

@media (min-width:768px) and (max-width:991px) {
		/*.layer-popup{display: none;}*/
	
		.pager-calendar .card .card-body .table tr td{ padding:0.30rem; font-size:0.8rem;}
			.pager-calendar .card .card-body .table thead th{ padding:0.30rem; font-size:0.8rem;}
			.pager-calendar .card .card-header {font-size:1rem;}
			.pager-calendar .card .card-body ul.calendar-list li {font-size:0.9rem; margin:0.2rem;}
			.pager-calendar .card .card-body ul.calendar-list {padding:0.5rem;} 
	}
@media (min-width: 992px) {
		.board-view .board-view-files {padding-left: 14rem;}

		.board-webzine .webzine-item {float: none;display: block;clear: both;border-top: 1px dotted #ccc;padding-top: 2rem;}
		.board-webzine .webzine-item:first-child {border-top:none;padding-top:0;}
		.board-webzine .webzine-item a .thum {float: left;width: 30%;padding-bottom: 18%;}
		.board-webzine .webzine-item a .txt-box {float: right;background-color: transparent;width: 70%;padding: 0.35rem 1.6rem;}
		.board-webzine .webzine-item a .txt-box .tit {font-size: 1.6rem;-webkit-line-clamp: 1;}
		.board-webzine .webzine-item a .txt-box .txt {-webkit-line-clamp: 3;}
		
		.pager-calendar .card .card-body .table tr td, .pager-calendar .card .card-body .table thead th{padding:0.5rem 0.45rem;font-size:14px;}
			.pager-calendar .card .card-body ul.calendar-list {padding:0.5rem 0;} 
			.pager-calendar .card .card-body .table {border-right:1px solid #eee;}
			.pager-calendar .card .card-body .table tr:last-child td{border-bottom:0;}
	
		.search-page .search-box label {display: inline-block;font-size: 1.9rem;margin-right: 1.7rem;margin-bottom: 0;}

		.site-map .site-map-inner {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
}
@media (min-width: 1200px) {

		.board-webzine .webzine-item a .txt-box .date {font-size: 1rem;}
}
@media (min-width: 1400px) {

		.board-webzine .webzine-item a .txt-box .tit {-webkit-line-clamp: 2;}
		
		.pager-calendar table tr th, .calendar table tr td {padding: 0.75rem;}
}

/* img-box */
.img-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border-radius: 10px;
	background: #f8f8fb url(/common/images/thumb-non.png) no-repeat 50% 50%;
	border: 1px solid #e5e5e5;
	min-height: 200px;
}
.img-box > img {
	max-width: 100%;
	max-height: 400px;
}
.row > [class*="col"] > .img-box {
	min-height: 350px;
}
.row > [class*="col"] > .img-box > img {
	max-height: 300px;
}

/* img-zoom */
.img-zoom,.img-lg-zoom,.img-xl-zoom{position:relative;text-align:center;border:1px solid #eaeaea;padding:30px}
.img-zoom img,.img-lg-zoom img,.img-xl-zoom img{max-width:100%;margin:0 auto}
.img-zoom>.btn,.img-lg-zoom>.btn,.img-xl-zoom>.btn{position:absolute;top:10px;right:10px;width:30px;height:30px;padding:0;background:#31313d url(/common/images/zoom-icon.png) no-repeat center/65%;}
.img-zoom>.btn:hover,.img-zoom>.btn:focus,.img-lg-zoom>.btn:hover,.img-lg-zoom>.btn:focus,.img-xl-zoom>.btn:hover,.img-xl-zoom>.btn:focus{background-color:#135173}
@media(min-width: 768px) {
    .img-zoom{padding:0;border:none}
    .img-zoom>.btn{display:none}
}
@media(min-width: 992px) {
    .img-lg-zoom{padding:0;border:none}
    .img-lg-zoom>.btn{display:none}
}
@media(min-width: 1200px) {
    .img-xl-zoom{padding:0;border:none}
    .img-xl-zoom>.btn{display:none}
}

/* b-table-box */
.b-table-box {
    margin-bottom: 1.25rem;
    border-top: 1px solid #243352;
}
.b-table-box .b-row-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.b-table-box .b-row-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 36px;
    border-bottom: 1px solid #dee2e6;
}
.b-table-box .b-title-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
    padding: 0.75rem;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f2f4f6;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: ce;
    justify-content: center;
}
.b-table-box .b-title-box label {
    margin-bottom: 0;
    word-break: keep-all;
    line-height: 1.4;
}
.b-table-box .b-title-box label.req::before, label.req::before, th.req nobr::before {
    content: "*";
    display: inline-block;
    width: 10px;
    margin-right: 2px;
    font-weight: 700;
    font-size: 14px;
    color: #ff0000;
}
.b-table-box .b-con-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem;
}
.b-table-box .b-con-box.text-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.b-table-box .b-con-box.text-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.b-table-box .b-con-box.text-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.b-table-box .b-con-box > ul {
	margin: 0 4px;
}
.b-table-box .form-group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-right: 0;
}
.b-table-box .form-group:last-child {
    margin-bottom: 0;
}
.b-table-box .form-group-inline {
    margin-right: 5px;
    width: auto;
}
.b-table-box .form-control, .b-table-box .w2inputCalendar_div, .b-table-box .w2spinner {
    margin-top: 3px;
    margin-bottom: 3px;
}
.b-table-box .form-w-auto, .b-table-box .form-w-xs, .b-table-box .form-w-sm, .b-table-box .form-w-md, .b-table-box .form-w-lg, .b-table-box .form-w-xl {
    width: 100%
}
@media (min-width: 768px) {
    .b-table-box .form-group {
        margin-right: 5px;
    }
    .b-table-box .b-row-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .flex-col-1 .b-row-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .b-table-box .b-row-item.merge-2, .flex-col-2 .b-row-item.merge-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .b-table-box .form-w-auto {
        width: auto
    }
    .b-table-box .form-w-xs {
        width: 30px;
    }
    .b-table-box .form-w-sm {
        width: 60px;
    }
    .b-table-box .form-w-md {
        width: 90px;
    }
    .b-table-box .form-w-lg {
        width: 110px;
    }
    .b-table-box .form-w-xl {
        width: 140px;
    }
}
@media (min-width: 1400px) {
    .b-table-box .b-row-item {
        min-height: 44px;
    }
    .b-table-box .b-title-box {
        padding: 0.5rem;
    }
    .b-table-box .b-con-box {
        padding: 0.5rem;
    }
}
@media (min-width: 1600px) {
    .b-table-box .b-title-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
        max-width: 140px;
    }
}

/* modal */
.modal-header {
	background-color: #135173;
}
.modal .table-responsive {
	word-break: keep-all;
}
@media(min-width: 992px) {
	.modal-dialog {
		max-width: 800px;
	}
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}
.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}
@media(min-width: 576px) {
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
}