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

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

/*****************************************************
	Icon
*****************************************************/
@font-face {
	font-family: 'material-Icons';
	font-style: normal;
	font-weight: 400;
	src: url(/common/fonts/MaterialIcons-Regular.eot);
	src: url(/common/fonts/MaterialIcons-Regular.eot?#iefix) format('embedded-opentype'),  url(/common/fonts/MaterialIcons-Regular.woff) format('woff'), url(/common/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.3;
  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: 'Nanum Gothic', 'Helvetica', sans-serif;font-size: 16px;color: #333;background: #f8f8f8;letter-spacing: -.025rem;}
body {min-width:360px;max-width: 1615px;}
a:hover, a:focus {text-decoration:none;}

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

/* responsibility */
.responsibility {background-color: #f7f7f7; border: 1px solid #eee; padding: 1rem 1.3rem;}
.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;}

.checkbox-inline, .radio-inline {padding-left:0;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {padding-top: 3px;}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {margin-left:0;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {position: static;margin-top: 0;margin-right: 0.3125rem;margin-left: 0;vertical-align:text-bottom;}
.checkbox label, .checkbox-inline label, .radio label, .radio-inline label {margin-right: 0.75rem;margin-bottom: 0;font-weight: 600;color:#555;}



/* popup */
body.popup {max-width:100%;}
body.popup .sub-container {padding: 0 0 4rem;margin: 0;}
body.popup .container {
    max-width: none;
}

.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: 1.6rem 0 0.7rem; text-align: right; min-height: 130px; -webkit-transition: 0.5s ease-out;transition: 0.5s ease-out;}
.top-banner .top-banner-inner {position:relative;}
.top-banner .top-banner-inner .rollimg {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 .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;background-color: #fff;}
.top-banner .close-btns label {margin: 0;}


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



/* List */
.sub-container ul {margin: 0 0 1.5rem 0;padding: 0;}
	.sub-container ul li {margin: 0.4rem 0;font-size: 1rem;letter-spacing: -.05rem;font-weight:500;color: #444;text-align: left;word-break: keep-all;}
	.sub-container ul li .title {color: #222;min-width: 60px;font-weight: 600;display: inline-block;}
	.sub-container ul li .box {display: block;background-color: #edf0f3;padding: 0.1rem 0.3rem;color: #555;}
	.sub-container ul li .box a {color: #555;}

.sub-container ul.list-style01 {}
.sub-container ul.list-style01>li {margin: 0.4rem 0;padding-left: 1.3rem;background: url(/site/resource/images/bullet04.png) no-repeat 5px 8px;color: #666;}

.sub-container ul.list-style02 {}
.sub-container ul.list-style02>li {background: url(/site/resource/images/bullet04.png) no-repeat 0 18px;border-top: 1px dotted #ccc;padding-top: 10px;padding-left: 12px;margin: 0.4rem 0;color: #666;}
.sub-container ul.list-style02>li:first-child {border-top:none;}
	
.sub-container ul.no-list-style {}
.sub-container ul.no-list-style li {padding: 0 0.3rem 0 0;background: none;}

.sub-container ol {padding-left: 1.3rem;}
.sub-container ol>li {list-style-type: decimal;list-style-position: outside;margin: 0.4rem 0;padding-left: 0;font-size:1rem; background: none;    letter-spacing: -.05rem;
	line-height: 1.3;}
.sub-container ol.row {margin-left: 0; margin-right: 0;}
.sub-container ol.row>li {padding-left: 0;padding-right: 30px;}

.sub-container ol.list-style01 {padding-left: 1.7rem;}
.sub-container ol.list-style01>li {list-style: none;}
.sub-container ol.list-style01>li .num {margin: 0 3px 0 -24px;}

.sub-container ul.row li, .sub-container ol.row li {margin-top:0;}
.sub-container ul>li .material-icons, .sub-container ol>li .material-icons {font-size: 1rem;}

/* btn */
	.btn {margin:0.0625rem 0}
	.btn-sm, .btn-group-sm > .btn {font-size: 0.75rem;}

	.card .input-group .btn, .card .btn-wrap .btn, .form-group .btn {margin: 0;}
	.card .card-body .input-group .btn + .btn {border-left:none;}
	.sub-container .btn .material-icons {font-size: 0.875rem;}
	.sub-container .btn-lg .material-icons {font-size: 1.1rem;}

	.btn-icon-split {padding: 0;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;}
	.btn-icon-split .icon {background: rgba(0, 0, 0, 0.15);display: inline-block;padding: 0.375rem 0.75rem;}
	.btn-icon-split .text {display: inline-block;padding: 0.375rem 0.75rem;}
	.btn-icon-split.btn-xs .icon, .btn-group-xs > .btn-icon-split.btn .icon {padding: 0.15rem 0.5rem;font-weight: 600;}
	.btn-icon-split.btn-xs .text, .btn-group-xs > .btn-icon-split.btn .text {padding: 0.15rem 0.5rem;}
	.btn-icon-split.btn-sm .icon, .btn-group-sm > .btn-icon-split.btn .icon {padding: 0.25rem 0.5rem;}
	.btn-icon-split.btn-sm .text, .btn-group-sm > .btn-icon-split.btn .text {padding: 0.25rem 0.5rem;}
	.btn-icon-split.btn-lg .icon, .btn-group-lg > .btn-icon-split.btn .icon {padding: 0.5rem 1rem;}
	.btn-icon-split.btn-lg .text, .btn-group-lg > .btn-icon-split.btn .text {padding: 0.5rem 1rem;}
	.btn-icon-split.btn-light {background-color: #f8f9fc;border-color: #f8f9fc;}

/* Table */
.table {
	width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
	border-top: 1px solid #243352;
	font-size: 0.938rem;
}
.table th, .table td {
	padding: 0.75rem;
	vertical-align: middle;
	border-bottom: 1px solid #dee2e6;
}
.table thead th {
	vertical-align: middle;
	background-color: #f2f4f6;
	text-align: center;
}
.table tbody + tbody {
	border-top: 2px solid #dee2e6;
}
.table tbody th {
	background-color:#f9f9f9;
	text-align:center;
}
.table .table {
	background-color: #fff;
}
.table tfoot tr th {
    background-color: #e9ebee;
}
.table tfoot tr td {
    background-color: #f2f4f6;
}
.table-sm th, .table-sm td {
	padding: 0.3rem;
}
.table-line {
}
.table-line>thead>tr>th {
	border-left: 1px solid #ccc;
}
.table-line tr th, .table-line tr td {
	border-left: 1px solid #dee2e6;
}
.table-line>thead>tr>th:first-child, .table-line>tbody>tr>th, 
.table-line>tbody>tr>td:first-child {
	border-left: none;
}
.table-line>tbody>tr>th {
}
.table-bordered {
	border: 1px solid #dee2e6;
}
.table-bordered th, .table-bordered td {
	border: 1px solid #dee2e6;
}
.table-bordered thead th, .table-bordered thead td {
}
.table-borderless th, .table-borderless td, 
.table-borderless thead th, .table-borderless tbody + tbody {
	border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.03);
}
.table-hover tbody tr:hover th, 
.table-hover tbody tr:focus th {
	background-color:transparent;
}
.table-primary, .table-primary > th, 
.table-primary > td {
	background-color: #eaf4ff;
}
.table-hover .table-primary:hover {
	background-color: #9fcdff;
}
.table-hover .table-primary:hover > td, 
.table-hover .table-primary:hover > th {
	background-color: #9fcdff;
}
.table-secondary, .table-secondary > th, 
.table-secondary > td {
	background-color: #e7e7e7;
}
.table-hover .table-secondary:hover {
	background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td, 
.table-hover .table-secondary:hover > th {
	background-color: #c8cbcf;
}
.table-success, .table-success > th, 
.table-success > td {
	background-color: #e2f6e6;
}
.table-hover .table-success:hover {
	background-color: #b1dfbb;
}
.table-hover .table-success:hover > td, 
.table-hover .table-success:hover > th {
	background-color: #b1dfbb;
}
.table-info, .table-info > th, .table-info > td {
	background-color: #bee5eb;
}
.table-hover .table-info:hover {
	background-color: #abdde5;
}
.table-hover .table-info:hover > td, 
.table-hover .table-info:hover > th {
	background-color: #abdde5;
}
.table-warning, 
.table-warning > th, 
.table-warning > td {
	background-color: #fff3cc;
}
.table-hover .table-warning:hover {
	background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
	background-color: #ffe8a1;
}
.table-danger, .table-danger > th, .table-danger > td {
	background-color: #ffe0e4;
}
.table-hover .table-danger:hover {
	background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
	background-color: #f1b0b7;
}
.table-light, .table-light > th, .table-light > td {
	background-color: #fdfdfe;
}
.table-hover .table-light:hover {
	background-color: #ececf6;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
	background-color: #ececf6;
}
.table-dark, .table-dark > th, .table-dark > td {
	background-color: #c6c8ca;
}
.table-hover .table-dark:hover {
	background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
	background-color: #b9bbbe;
}
.table-active, .table-active > th, .table-active > td {
	background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
	background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
	color: #fff;
	background-color: #212529;
	border-color: #32383e;
}
.table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6;
}
.table-dark {
	color: #fff;
	background-color: #212529;
}
.table-dark th, .table-dark td, .table-dark thead th {
	border-color: #32383e;
}
.table-dark.table-bordered {
	border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.075);
}
.table-board {}
.table-board tr th, .table-board tr td {
    border-bottom-color: #eaeaea;
    padding: 0.95rem 0.75rem;
}
.table-board thead th {
    background-color: transparent;
    border-bottom: 1px solid #243352;
}
.table-board tbody th {
	background-color:transparent;
	font-weight: 100;
	color: #8a919e;
}
.table-board .material-icons {
    font-size: 1rem;
    color: #6c757d;
}
.table-board.table-hover tr th, .table-board.table-hover tr td {
    background-color: transparent;
}


/* 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;}


/* non info */
.non-info {text-align: center;background: url("/site/resource/images/non-board.png") no-repeat top center;padding-top: 11rem;padding-bottom: 1.2rem;font-size: 1.3rem;}

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



/* board */
.board-view {}
	.board-view .board-view-title {border-bottom: 1px solid #ddd;padding: 0.65rem;padding-top: 0;}
	.board-view .board-view-title h4 {color: #000;font-size: 1.4rem;line-height: 1.3;margin: 0 0 0.9rem 0;}
	.board-view .board-info {line-height: 1.429rem;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>strong {color:#333;}
	.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: 4px;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.75rem;}
	.board-view .board-view-files ul>li>a {}
	.board-view .board-view-files ul>li>a:after {position: absolute;top: 0;left: 0.625rem;content: '\e226';font-family: 'material-Icons';display: inline-block;vertical-align: middle;font-size: 1rem;color: #999;}
	.board-view .board-view-files ul>li>a:hover, .board-view .board-view-files ul>li>a:focus {text-decoration: underline;}
	.board-view .board-view-files ul>li>a:hover:after, .board-view .board-view-files ul>li>a:focus:after {color: #0056b3; text-decoration: underline;}
	.board-view .board-view-files ul>li>a:hover:after, .board-view .board-view-files ul>li>a:focus:after {text-decoration: none;}
	.board-view .board-view-cont {padding: 1rem 0.5rem 2rem;}
	.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 {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;}


/* card */
.card {border: #d2d2d2 solid 1px;}    
    .card-header .card-header-title {font-size: 1rem;color:#222;margin:0;padding: 0.375rem 0;background:none;}
    .card-header .mt-1 {margin-top: 0.4375rem !important;}
	.card-body.pre-scrollable {white-space:normal}
	.card-body label {font-weight:600;padding-top: calc(0.375rem + 1px);padding-bottom: calc(0.375rem + 1px);margin-bottom: 0;font-size: 1rem;}
	.card .form-check-label {margin-top: 0.125rem;padding:0;}
	.card-footer {background:#eee}
	.card-footer-btn {padding:0;}


/* search-form */
.search-form {border-top: #0366cf solid 2px;}
	.search-form .form-group {margin-bottom: 0.25rem;}
	.search-form .border-top {border-top:1px solid #eaeaea !important}	

/* profile */
.profile .photo {position:absolute;top:15px;left:15px;width:70px;height:70px;overflow:hidden;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;}
.profile .photo img {width: 100%;height: 100%;}
.profile .myinfo {position: relative;margin: 0 0 2rem 0;padding: 26px 0 0 110px;min-height:70px;}
.profile .myinfo .name {margin: 0 0 4px 0;padding: 0;font-weight: 600;font-size: 1.125rem;color: #222;line-height: 1.25em;}
.profile .myinfo .id {margin:0;padding:0;font-weight:500;color:#555;font-size:0.938rem;line-height:1.25em;word-break: keep-all;}

/* list-tab */
.card-body .list-info {padding: 0.4286rem 0 0 0;}
	.card-body .list-info .btn {position:relative;border:none;background:none;}
	.card-body .list-info .btn:after {content:'';display:block;position:absolute;top:7px;left:0;width:1px;height:12px;background:#ccc;}
	.card-body .list-info .btn:first-child:after {display:none;}
	.card-body .list-info .btn:hover, .card-body .list-info .btn:focus {text-decoration:underline;}
	.card-body .list-info .btn .badge {padding: 0.2143rem 0.4em;}


/* Gallery */
.board-gallery {}
	.board-gallery a {display: block;}
	.board-gallery a .thum {position: relative;display: block;width: 100%;height: 0;padding-bottom: 75%;overflow: hidden;background: #f2f2f2 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: auto;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: 160px;background-color: #f7f7f7;}
	.board-gallery a .txt-box .category {display: block;margin-bottom: 0.1rem;}
	.board-gallery a .txt-box .tit {font-size: 1rem;margin-bottom: 1rem;min-height: 40px;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: keep-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.8rem;margin-right: 0.7rem;color: #888;}

.board-gallery.style-2 {}
     .board-gallery.style-2 a .thum {padding-bottom: 90%;}
     .board-gallery.style-2 a .txt-box {min-height:auto}
     .board-gallery.style-2 a .txt-box .tit {margin-bottom:0;}
	 .board-gallery.style-2 a .txt-box .date {display:none;}

/* Webzine */
.board-webzine {}
	.board-webzine .webzine-item {}
	.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%;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.8rem;margin-top: 0.5rem;margin-bottom: 1.3rem;}
	.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;}
	.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;}
	#professor-modal .modal-body .professor-item .thum {width: 25%}
	#professor-modal .modal-body .professor-item .professor-cont {width: 70%}

/* 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 {}


/* Calendar */
.calendar table tr th, .calendar table tr td {padding: 0.35rem;}
	.calendar-top {position: relative;}
	.calendar-btn-left {position: absolute;	left: 15px;	top: 15px;}
	.calendar-btn-right {position: absolute;right: 15px;top: 15px;}
	.calendar-btn-left i, .calendar-btn-right i {font-size: 2.2rem;}
	.calendar-btn-left, .calendar-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;}
	.calendar-btn-left .material-icons, .calendar-btn-right .material-icons {line-height: 2.2rem}
	.calendar-top .left-year {position: absolute;left: 0;padding-left: 70px;top: 25px;font-size: 1.2rem;}
	.calendar-top .right-year {position: absolute;right: 0;padding-right: 70px;top: 25px;font-size: 1.2rem;}
	.calendar-wrap .card .card-body ul.calendar-list {padding:0.5rem;} 
	
/* Calendar-rice */
	.calendar .calendar-header {margin-bottom:1rem;}
	.calendar .calendar-header .text-center {font-weight:600; font-size:1.1rem; color: #124fb6;}
    .calendar table {table-layout:fixed}
     .calendar table td {height:100px; vertical-align: top;}
    .calendar table td .txt-wrap {position:relative;font-size: 12px;height: 100%;padding-bottom: 34px;vertical-align: top !important;}
    .calendar table .float-left {line-height: 24px;}
    .calendar table .other-month > div {color:#ccc}
    .calendar table .btn.float-right {position: absolute;top: -3px;right: 0;padding: 0 0.25rem;}
    .calendar table a.btn.float-right > i {color:#999; font-size:1rem;}
    .calendar table a.btn.float-right:hover > i , .calendar table a.btn.float-right:focus > i {color: #124fb6;}
	.calendar .list-item > a {display:block;line-height: 20px;white-space: nowrap;overflow: hidden;margin-top:2px;padding:0 1px;background:#3a87ad;border-radius:3px;color:#fff;}
    .calendar .calendar-month .sun {color: #660000;}
    .calendar .calendar-month .sat {color: #003399;}
    .calendar .calendar-month .other-month {color: #a0a0a0;}
    .calendar .calendar-month .today {background-color: #ECFDFF;}
    .calendar .calendar-month .today .num {color: #007bff;font-weight: 600;}
    .calendar table td .txt-wrap .btn.bottom {position:absolute;right:0;bottom:0;margin: 0;width: 100%;}

/* site-map */
.site-map h3 {position: relative;color: #353535;font-size: 1.250rem;background: none;padding: 0.938rem 0;margin-bottom: 1rem;word-break: normal;font-weight: 600;letter-spacing: -.05rem;}
.site-map h3:after {content:'';	position:absolute;top:0;left: 0;display:block;width: 40%;height: 0.125rem;background-color:#555;}
.site-map .site-map-list {background-color: #f3f4f8;padding: 0.3rem 1.6rem 1.3rem;margin-bottom: 3.5rem;}
.site-map .site-map-list h4 {font-size: 1.1rem;}
.site-map .site-map-list h4>a {display: block;color: #000;}
.site-map .site-map-list h4>a:hover, .site-map .site-map-list h4>a:focus {text-decoration:underline;}
.site-map .site-map-list ul { margin-bottom: 0.5rem;}
.site-map .site-map-list ul>li>a:hover, .site-map .site-map-list ul>li>a:focus {text-decoration:underline;}
.site-map .site-map-list ul>li>ul {margin: 0.2rem 0 0.8rem;}
.site-map .site-map-list ul>li>ul>li {background: url(../images/bullet04.png) no-repeat 0px 10px;margin: 0.1rem 0;padding-left: 0.8rem;}
.site-map .site-map-list ul>li>ul>li>a {font-size: 0.9rem;color: #999;}

/* ellipsis */
.ellipsis {display: inline-block;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


@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;color: #333;font-size: 0.8125rem;}
		.board-view .board-view-files ul {position: relative;}
		.board-view .board-view-files ul:after {content:'';position: absolute;left: -1.5rem;top: 0;display: block;background: #d2d3d5;width: 1px;height: 100%;}
	
		.site-map .site-map-list {background-color: transparent;padding: 0;border-top: 1px solid #ccc;}
}

@media (min-width: 768px) {		
		.pdf-viewer {padding-left: 10.5rem;background: #fbfcff url(../images/pdf-img.png) no-repeat 2rem 1.5rem;}
		
		.site-map h3 {font-size: 1.438rem;margin-bottom: 0;}
		.site-map h3:after {width: 100%;}
		.site-map .site-map-list h4 {font-size: 1.2rem;}
}

@media (min-width:768px) and (max-width:991px) {
		.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) {
	    .sub-container {max-width: none !important;}
		.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;}
}
@media (min-width: 1200px) {
		
		.board-webzine .webzine-item a .txt-box .date {font-size: 1rem;}
}
@media (min-width: 1400px) {
		.container {max-width: 1340px;}

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


/* ricee - form-check-inline */
.sub-container ul.form-check-inline {display:block;}
.sub-container ul.form-check-inline li {position: relative;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-align: center;align-items: center;padding-left: 0;margin-right: 0.75rem;}
.sub-container ul.form-check-inline label {margin-bottom: 0;}
.sub-container ul.form-check-inline input {position: static;margin-top: 0;margin-right: 0.3125rem;margin-left: 0;}