@charset "UTF-8";
/* Hidden */
.hidden {position: absolute; top: -9999px; left: -9999px;}

/* List Table */
.scroll-table {position: relative;}
.board-table .col-admin {width: 4%;}
.board-table .col-num {width: 6%;}
.board-table .col-word {width: 11%;}
.board-table .col-write {width: 9%;}
.board-table .col-date {width: 10%;}
.board-table .col-comment {width: 10%;}
.board-table .col-acess {width: 6%;}
.board-table .col-file {width: 7%;}

.board-table .col-reco-y,
.board-table .col-reco-n,
.board-table .col-comment {display: none;}

.board-table .th-reco-y,
.board-table .th-reco-n,
.board-table .th-comment {display: none;}

.board-table .td-reco-y,
.board-table .td-reco-n,
.board-table .td-comment {display: none;}

.board-table thead th { background: #f2f2f2; font-size: 16px; font-family: 'Noto DemiLight'; font-weight: normal; padding: 9px 0; border-bottom: 1px solid #cfcfd1; border-top: 2px solid #7c7c7c;}
.board-table tbody tr.notice {background: #f9f9f9;}
.board-table tbody tr.notice .td-num {text-indent: -99999px; background: url('../images/ico-notice.png') no-repeat center center;}
.board-table tbody tr:hover {background: #f4f9ff;}
.board-table tbody td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 16px; font-family: 'Noto DemiLight'; padding: 17px 0; color: #555; border-bottom: 1px solid #cfcfd1;}
.board-table tbody td.td-subject {font-size: 18px; color: #444; text-align: left; padding-left: 20px; font-weight: normal;}
.board-table tbody td.td-subject .new {position: relative; top: 0; display: inline-block; text-indent: -9999px; width: 16px; height: 16px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 7px; vertical-align: middle;}
.board-table tbody td.td-subject .comment {margin-left: 7px; color: #fd9100;}
.board-table tbody tr.trash td.td-subject {text-decoration: line-through;}
.board-table tbody td.td-file {text-indent: -9999px;}
.board-table tbody td.td-file.file {background: url('../images/ico-file.png') no-repeat center center;}
.board-table .admissionY {
    display: inline-block;
    padding: 0 7px 1px 4px;
    margin: 0 0 0 5px;
    background: #0092d1;
    border-radius: 4px;
    font-family: 'Noto Light';
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.board-table .admissionN {
    display: inline-block;
    padding: 0 7px 1px 4px;
    margin: 0 0 0 5px;
    background: #d1003a;
    border-radius: 4px;
    font-family: 'Noto Light';
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}


@media all and (max-width:860px) {
    .board-table .col-date {width: 25%;}
    .col-admin,
    .col-num,
    .col-word,
    .col-acess,
    .col-file,
    .col-write,
    .th-admin,
    .th-num,
    .th-word,
    .th-acess,
    .th-file,
    .th-write,
    .td-admin,
    .td-num,
    .td-word,
    .td-access,
    .td-file,
    .td-hit,
    .td-write,
    .number,
    .hit,
    .file{display: none;}
    .board-table tbody td.td-subject {font-size: 15px;}
}

/* Category */
.board-cate .cate-now{margin-bottom:20px;overflow:hidden; border:1px solid #cfcfcf; border-bottom: 1px solid #676767;}
.board-cate .cate-now li{ float:left;}
.board-cate .cate-now li.all-list{background-color:#004ea2;}
.board-cate .cate-now li.all-list a{color:#fff; font-weight:500; background:url(../images/bul-cate.png) 20px 31px no-repeat; padding-right:30px; padding-left:40px;}
.board-cate .cate-now li.all-list + li {background: #004ea2 url('../images/arrow-cate.png') no-repeat left center; margin-left: -18px;}
.board-cate .cate-now li.all-list + li a {padding-right: 30px; color: #fff;}
.board-cate .cate-now li.all-list + li + li {background: none; padding-left: 19px;}
.board-cate .cate-now li.all-list + li ~ li a {font-family: 'Noto Light';}
.board-cate .cate-now li.all-list + li ~ li:hover a {color: #0f1b2f;}
.board-cate .cate-now li.all-list ~ li span {position: relative;}
.board-cate .cate-now li.all-list ~ li span:after {content: ''; position: absolute; left: 0; bottom: -23px; width: 0%; height: 4px; background: #004ea2; transition: .4s;}
.board-cate .cate-now li.all-list ~ li:hover span:after {width: 100%;}
.board-cate .cate-now li.all-list.active + li {background: none; color: #666; margin-left: 0px; padding-left: 19px;}
.board-cate .cate-now li.all-list.active + li ~ li {background: url(../images/line-cate.png) left center no-repeat; }
.board-cate .cate-now li.all-list.active + li a {color: #666;}
.board-cate .cate-now li.all-list.active + li a {padding-right: 15px;}
.board-cate .cate-now li.all-list.active + li + li {padding-left: 0;}
.board-cate .cate-now li a{color:#666; padding:19px 15px; display:block; font-family:'Noto DemiLight';}
.board-cate .cate-now li.no-cate{padding-top: 19px; padding-left:15px; padding-bottom: 19px; font-weight: 500; color: #999;}
.board-cate .cate-now li + li + li {background:url(../images/line-cate.png) left center no-repeat;}

@media only screen and (max-width:600px){
	.board .cate-now{border:none;}
	.board .cate-now li.all-list{width:100%;  margin-bottom:2px;}
	.board .cate-now li.all-list a{border:1px solid #0060a6;}
	.board .cate-now li{width:calc(100% / 2 - 2px); margin-bottom:2px;}
    .board .cate-now li a{border:1px solid #cfcfcf; text-align:center; padding:12px 15px;}
    .board .cate-now li.all-list a {background-image:none;}
    .board .cate-now li:nth-child(2) a {background-image:none; color:#666;}
    .board .cate-now li:nth-child(2) {background-image:none;}
}

/* Tab */
.board-tab {display: none;}
.board-tab ul {display: inline-block; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #d1d1d1;}
.board-tab ul li {float: left; margin-right: 10px;}
.board-tab ul li a {position: relative; top: 1px; display: block; padding: 10px 15px; border: 1px solid #d1d1d1;}
.board-tab ul li a.on {background: #18327c; color: #fff;}

/* Date Search */
.board-date {text-align: center; background: #f2f2f2; border: 1px solid #d1d1d1; padding: 20px; margin-bottom: 30px;}
.board-date label {font-family: 'Noto Regular'; color: #666; margin: 0 15px; padding-left: 30px; background: url('../images/icon-cal.png') no-repeat left center;}
.board-date input {background: #fff;}
.board-date .line {display: inline-block;}
.ui-widget input, .ui-widget select,
.ui-widget textarea, .ui-widget button,
.ui-datepicker .ui-datepicker-title select,
.ui-datepicker table {font-size: 13px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top: 5px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {right: 2px;}

@media all and (max-width:620px) {
    .board-date .line {display: block;}
}

/* Search */
.board-search {display: inline-block; width: 100%; margin-bottom: 41px;}
.board-search .form-search {background: #f5f6f8; padding:20px;}
.board-search .tbl-search {text-align: center;}
.board-search .box-title {display: inline-block; background: url('../images/ico-search-title.png') no-repeat  left center; font-family: 'Noto Regular'; font-size:18px; margin-right: 20px; padding: 2px 0 2px 55px; color: #18327c;}
.board-search .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle;}
.board-search .box-sel select {background: #fff url('../images/arrow-search.png') no-repeat right center; font-size: 16px; font-family: 'Noto Light'; color: #777; border:1px solid #ccd0d7; height: 55px; min-width: 130px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board-search .box-search {position: relative; top:0; display: inline-block; vertical-align: middle;  background: #fff; height: 55px; line-height: 55px; border:1px solid #ccd0d7; min-width: 400px;}
.board-search .box-search input {position: relative; top: -1px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Light'; font-size: 16px; text-indent: 10px; color: #777;}
.board-search .box-search input::placeholder {color: #777;}
.board-search .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 50px; height: 55px; background: url('../images/ico-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.board-search .util-search {margin-bottom: 20px; font-family: 'Noto DemiLight'; font-size: 16px; color: #666;}
.board-search .util-search a {display: inline-block; width: 30px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right:10px;}
.board-search .util-search strong {font-family: 'Noto Medium'; font-size: 16px; color: #333;}

@media all and (max-width:780px) {
    .board-search .box-title {display: none;}
    .board-search .tbl-search {display: table; width: 100%; table-layout: fixed;}
    .board-search .util-search {display: none;}
    .board-search .box-sel {width:35%; display: table-cell; margin-right: 0; padding-right: 20px;}
    .board-search .box-sel select {min-width: auto; width: 100%;}
    .board-search .box-search {display: table-cell;}
}

/* View */
.board-view-info {font-size: 0;}
.view-info {border-top: 2px solid #000000;}
.view-info .view-num {display: none;}
.view-info .view-title {background: #f4f9ff; font-size: 22px; font-family: 'Noto Light'; border-bottom: 1px solid #e2e2e2; padding: 30px 30px; text-align: center; color: #000; line-height: 1.5;}
.view-detail {display: inline-block; width: 100%; border-bottom: 1px solid #e2e2e2; padding: 10px 0 10px 20px; text-align: right;}
.view-detail .view-util {display: inline-block; margin-right: 20px; font-size: 16px; color: #9b9b9b; font-family: 'Noto Light';}
.view-detail .view-util dl {display: inline-block; padding-left: 15px; margin-left: 15px; position: relative;}
.view-detail .view-util dl:after {content: ''; position: absolute; left: 0; top: 12px; width: 1px; height: 11px; background: #c3c3c3;}
.view-detail .view-util dl:first-child:after {display: none;}
.view-detail .view-util dl.cate {display: none;}
.view-detail .view-util dt,
.view-detail .view-util dd {display: inline-block;}
.view-detail .view-util dt {padding-right: 1px; color: #666;}
.view-detail .view-util dd {color: #888;}
.view-detail .view-util .modify {display: none;}
.view-detail .view-util .writer:after {display: none;}
.view-detail .view-share {display: inline-block; margin-right: 20px;}
.view-detail .view-share .sns {display: inline-block;}
.view-detail .view-share .util {display: inline-block;}

.view-file {margin-bottom: 40px;}
.view-file .row {display: table; width: 100%; border-top: 1px solid #e2e2e2; border-bottom: 2px solid #000000;}
.view-file .row .title {width: 200px; display: table-cell; display: none; vertical-align: middle; padding: 25px 0; background: #f5f5f5; text-align: center; font-family: 'Noto Regular'; color: #444;}
.view-file .row .insert {display: table-cell; vertical-align: middle; padding: 16px 40px;}
.view-file .row .insert a {display: inline-block; margin-top: 3px; margin-bottom: 3px; font-size: 14px; color: #333;}
.view-file .row .insert .prev {display: inline-block; background: url('../images/btn-file-prev.png') no-repeat 10px center; margin-left: 12px; padding: 1px 15px 2px 30px; border: 1px solid #ccc; font-family: 'Noto Regular'; font-size: 14px; color: #5b6a77;}
.view-file .row .insert li {padding-left: 25px; background: url('../images/ico-add.png') no-repeat left 13px; }
.view-file .no-file {color: #888;}

@media all and (max-width:1000px) {
    .view-detail .view-util {width: 100%; float: none;}
    .view-detail .view-share {width: 100%; float: none;}
}

@media all and (max-width:700px) {
    .view-file .row {display: block;}
    .view-file .row .title {display: block; width: 100%; text-align: left; padding:15px 0 15px 30px;}
    .view-file .row .insert {display: block; width: 100%;}
    .view-detail .view-util dl {display: none;}
    .view-detail .view-util dl.writer,
    .view-detail .view-util dl.write {display: inline-block;}
}

/* Write Update */
.board-write {border-top: 2px solid #7c7c7c; margin-bottom: 40px;}
.board-write .row {display: table; width: 100%;border-bottom: 1px solid #dadada;}
.board-write .title {width: 200px; display: table-cell; vertical-align: middle; text-align: left; padding: 9px 15px; font-size: 15px; background: #f5f5f5; font-family: 'Noto Regular'; color: #555;}
.board-write .insert {display: table-cell; vertical-align: middle; padding: 9px 20px; font-size: 14px; font-family: 'Noto Regular'; color: #666;}
.board-write .insert.editor {padding: 12px 0 6px 0;}
.board-write .insert input[type="text"],
.board-write .insert input[type="password"] {border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px; }
.board-write .insert .long {width: 100%;}
.board-write .insert .space {margin-bottom: 10px;}
.board-write .insert .tarea {width: 100%; font-family: 'Noto Regular'; font-size: 14px; color: #666;}
.board-write .insert .possible {font-size: 13px; color: #888; margin-top: 5px; text-transform: uppercase;}
.board-write .insert .ico-cal { padding-left: 30px; padding-right: 10px; background: url(../images/icon-cal.png) no-repeat left center;}
.board-write .insert .ico-cal.space {margin-left: 10px;}
.board-write .insert .switch {margin-top: 10px;}
.board-write .insert .file-select {font-family: 'Noto Regular'; font-size: 14px; color: #666; padding: 10px; height: 130px;}
.board-write .insert .one-line {overflow: hidden; background: #f5f5f5;  padding: 10px; border-radius:  7px;}
.board-write .insert .one-line li {float: left; margin-right: 10px; }
.board-write .insert .pass-form {margin-top: 10px;}
.board-write .insert .pass-form label {margin-right: 10px;}
.board-write .insert .sel-type {margin-right: 5px; font-family: 'Noto Regular'; font-size: 14px; color: #888; border: 1px solid #dfdfdf; height: 30px; line-height: 29px; padding: 0 40px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ebebeb url(../images/arrow-search.png) no-repeat right center;}
.board-write .insert .line {display: inline-block;}
.board-write.pass-view {margin-bottom: 15px;}
.board-write.pass-view .insert input[type="password"] {width: 100%; box-sizing: border-box;}

@media all and (max-width: 780px) {
    .board-write .row {display: block;}
    .board-write .title {display: block; width: 100%;}
    .board-write .insert {display: block; width: 100%; padding: 9px 0;}
    .board-write .insert .one-line {background: #fff; border: 1px solid #d1d1d1;}
}

@media all and (max-width: 580px) {
    .board-write .insert .line {display: block; margin: 5px 0;}
    .board-write .insert .ico-cal.space {margin-left: 0;}
}

/* Contents */
.view-con {padding: 50px 40px 100px 40px; font-size: 18px; font-family: 'Noto Light'; color: #666;}
.view-img {margin-bottom: 30px;}

@media all and (max-width: 580px) {
    .view-con {padding: 30px; }
}

/* Paging */
._paging {padding: 60px 0 0 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {border: 0; line-height: 33px;}

@media all and (max-width: 900px) {
    ._paging {padding: 60px 0 30px 0;}
}
@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 20px 0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
}

/* Prev Next */
.view-navi {position: relative; padding: 3px; margin-bottom: 30px; background: #e3e3e3;}
.view-navi .view-white {background: #fff; padding: 0 27px;}
.view-navi .navi-info {display: none;}
.view-navi .row {display: table; width: 100%;}
.view-navi .row.prev {padding: 11px 0; border-bottom: 1px solid #ccc;}
.view-navi .row.next {padding: 11px 0;}
.view-navi .row .title {position: relative; display: table-cell; vertical-align: middle; width: 80px; padding-left: 19px; font-family: 'Noto DemiLight'; font-size: 16px; color: #000;}
.view-navi .row .title:after {content: ''; position: absolute; left: 0; top: 12px; width: 10px; height: 10px; background: url('../images/dot-view-navi.png'); border-radius: 100%;}
.view-navi .row .insert {display: table-cell; vertical-align: middle; font-family: 'Noto Light'; font-size: 16px; color: #666;}

@media all and (max-width:675px) {
    .view-navi {display: none;}
}


/* Button */
.board-button {text-align: center; display: inline-block; width: 100%;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button .btn-deco {display: inline-block; min-width: 80px; cursor: pointer; font-size: 14px; height: 40px; line-height: 37px; text-align: center; margin: 0 1px; border-radius: 100px; font-family: 'Noto DemiLight';}
.board-button  a.btn-deco, .board-button  input.btn-deco {color: #fff;}
.board-button .btn-deco.color1 {background: #8e99ab; border: 1px solid #8e99ab;}
.board-button .btn-deco.color2 {background: #2b3e5c; border: 1px solid #2b3e5c;}
.board-button .btn-deco.color3 {background: #2ba9c4; border: 1px solid #2ba9c4;}
.board-button .btn-deco.color4 {background: #2b3e5c; border: 1px solid #2b3e5c;}
.board-button .btn-deco.color5 {background: #004ea2; border: 1px solid #004ea2;}
.board-button.view {margin-bottom: 40px; text-align: right;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}
.board-button.answer-button {text-align: right; margin-top: 30px;}

a.samll-btn, input.samll-btn {color: #fff;}
.small-btn-box {text-align: center;}
.small-btn-box.align-r {text-align: right;}
.small-btn-box .samll-btn {display: inline-block; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; text-align: center; padding: 0 20px; margin: 0 5px; font-family: 'Noto Light';}
.small-btn-box.no-margin .samll-btn {margin: 0;}
.small-btn-box .samll-btn.color1 {background: #5b6781; color: #fff; border: 1px solid #5b6781;}
.small-btn-box .samll-btn.color2 {background: #fff; color: #ce2856; border: 1px solid #ce2856;}

.tiny-btn {display: inline-block; cursor: pointer; font-size: 13px; height: 25px; line-height: 20px; border-radius: 50px; text-align: center; padding: 0 12px; margin: 0 3px; font-family: 'Noto DemiLight';}
.tiny-btn.color1 {background: #0c837f; border: 1px solid #0c837f; color: #fff;}
.tiny-btn.color2 {background: #ce2856; border: 1px solid #ce2856; color: #fff;}

.file-btn {border: 1px solid #d5d5d5; height: 30px; line-height:26px; padding-left: 35px; padding-right: 20px; cursor: pointer;}
.file-btn.add {background: #ececec url('../images/ico-file-add.png') no-repeat 10px center; margin-right: 5px;}
.file-btn.del {background: #ececec url('../images/ico-file-del.png') no-repeat 14px center;}

.del-btn {position: relative; top: -1px; display: inline-block; width: 15px; height: 15px; background: #6a6a6a url('../images/btn-del.png') no-repeat center center; cursor: pointer; text-indent: -9999px; margin-left: 5px; vertical-align: middle;}

@media all and (max-width: 420px) {
    .board-button .btn-mine,
    .board-button.view .btn-mine {width: 100%;}
    .board-button .btn-control,
    .board-button.view .btn-control {width: 100%;}
    .board-button .btn-deco {display: block; width: 100%; margin: 0 0 10px 0;}
}

/* Comment */
.view-comment-wrap {position: relative; border: 1px solid #ccc; border-top: 2px solid #7c7c7c; padding: 28px 40px 20px 40px; margin-bottom: 40px;}
.view-comment-write .name {display: none; margin-bottom: 15px;}
.view-comment-write .name label {font-family: 'Noto Regular'; font-size: 13px; padding-right: 10px; color: #666;}
.view-comment-write .name input {border-radius: 3px; padding: 5px;}
.view-comment-write .comment-text {position: relative; padding-left: 70px;}
.view-comment-write .comment-text:after {content: ''; position: absolute; left: 0px; top: 8px; width: 50px; height: 50px; background: url('../images/icico-quick-answer.png');}
.view-comment-write textarea {width: 100%; height: 65px; background: #fff; padding: 5px 10px; border: 1px solid #ccc; font-family: 'Noto Light'; font-size: 16px; color: #444;}
.view-comment-write .must {top:4px}
.view-comment-list {margin-top: 25px; padding-bottom: 20px;}
.view-comment-list li {background: #f2f2f2; margin-bottom: 20px; padding: 14px 14px 14px 14px;}
.view-comment-list li:last-child {margin-bottom: 0;}
.view-comment-list .title {display: block; padding-left: 25px; background: url('../images/ico-people.png') no-repeat left 8px; font-family: 'Noto Light'; font-size: 16px; color: #444;}
.view-comment-list .title .date {position: relative;  margin-left: 8px; padding-left: 10px; font-size: 16px; color: #777; }
.view-comment-list .title .date:after {content: ''; position: absolute; left: 0; top: 7px; width: 1px; height: 11px; background: #d7d7d7;}
.view-comment-list .comment {padding-left: 25px; font-family: 'Noto Light'; font-size: 16px; color: #444;}

/* Answer */
.view-answer {position: relative; border: 1px solid #d9e0e3; border-top: 2px solid #262626; padding: 15px 40px 30px 40px; margin-bottom: 40px;}
.view-answer:after {content: '답글'; position: absolute; top: 0; left: 40px; width: 50px; height: 63px;  padding-top: 9px; background: url('../images/ico-reply.png') no-repeat left top; text-align: center; font-family: 'Noto Regular'; font-size: 16px; color: #fff; }
.view-answer .answer-title {padding-left: 65px;}
.view-answer .answer-title .title {font-size: 18px; color: #333; font-family: 'Noto Regular'; line-height: 1.2;}
.view-answer .answer-info {color: #777; font-family: 'Noto Light'; font-size: 16px; margin-bottom: 20px;}
.view-answer .answer-info .writer {position: relative; padding-right: 10px; margin-right: 10px;}
.view-answer .answer-info .writer:after {content: ''; position: absolute; right: 0; top: 8px; width: 1px; height: 10px; background: #c3c3c3; }
.view-answer .answer {background: #f2f2f2; padding: 11px 20px 13px 20px; font-family: 'Noto Light'; font-size: 16px; color: #666;}

._popup {height: 100%; font-family: 'Noto Regular';}
._popup #_popupHeader {padding-top: 20px; padding-bottom: 10px; height: auto !important; line-height:normal !important;}
._popup #_popupHeader h1 {float: none !important; display: block; padding-left: 33px; background: url('../images/bul-pop.png') no-repeat left center; font-family: 'Noto Regular'; font-size: 20px !important;}

.answer-write {border-top: 2px solid #7c7c7c;}
.answer-write .box-answer {margin-bottom: 40px;}
.answer-write .row {display: table; width: 100%;border-bottom: 1px solid #d1d1d1;}
.answer-write .row .title {width: 130px; display: table-cell; vertical-align: middle; text-align: left; padding: 15px 10px; background: #f5f5f5; font-family: 'Noto Regular'; color: #444;}
.answer-write .row .insert {display: table-cell; vertical-align: middle; padding: 15px 30px; font-family: 'Noto Regular';  font-size: 14px;}
.answer-write .row textarea {width: 100%; background: #f2f2f2; padding: 15px; font-family: 'Noto Regular'; }
.answer-write .insert input[type="text"], .answer-write .insert input[type="password"] {border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px;}
.answer-write .insert .long {width: 100%;}

/* Must */
mark.must {width: 10px; position: relative; top: 6px; display: inline-block; background: url('../images/ico-mark.png') no-repeat; text-indent: -9999px;}

/* 페이징 네비게이션 */
.paging-navigation {
    clear: both;
    text-align: center;
    padding-bottom: 0;
    margin-top: 35px;
}

.paging-navigation a {
    display: inline-block;
    line-height: 35px;
    min-width: 35px;
    height: 35px;
    padding: 0 3px;
    margin: 0 2px;
    color: #4c4c50;
    font-size: 0.8125rem;
    border: 1px solid #c5c7cc;
    vertical-align: middle;
    background: #fff;
}

.paging-navigation a:hover {
    border: 1px solid #636363;
    color: #fff;
    background: #636363;
    text-decoration: none;
}

.paging-navigation strong {
    display: inline-block;
    line-height: 35px;
    min-width: 35px;
    height: 35px;
    padding: 0 3px;
    margin: 0 2px;
    border: 1px solid #636363;
    color: #fff;
    font-size: 0.8125rem;
    vertical-align: middle;
    background: #636363;
}

.paging-navigation a.btn-first {
    width: 35px;
    padding: 0;
    text-indent: -5000em;
    background: transparent url(/resources/AD/front/img/board/img/board/btn_first.gif) no-repeat center center;
    background: -webkit-linear-gradient(transparent, transparent), url(/resources/AD/front/img/board/btn_first@2x.gif) no-repeat center center;
    background: linear-gradient(transparent, transparent), url(/resources/AD/front/img/board/btn_first@2x.gif) no-repeat center center;
    background-size: 12px 10px;
}

.paging-navigation a.btn-preview {
    margin-right: width: 35px;
    padding: 0;
    margin-right: 15px;
    text-indent: -5000em;
    background: transparent url(/resources/AD/front/img/board/btn_previous.gif) no-repeat center center;
    background: -webkit-linear-gradient(transparent, transparent), url(/resources/AD/front/img/board/btn_previous@2x.gif) no-repeat center center;
    background: linear-gradient(transparent, transparent), url(/resources/AD/front/img/board/btn_previous@2x.gif) no-repeat center center;
    background-size: 6px 10px;
}

.paging-navigation a.btn-next {
    width: 35px;
    padding: 0;
    margin-left: 15px;
    text-indent: -5000em;
    background: transparent url(/resources/AD/front/img/board/btn_next.gif) no-repeat center center;
    background: -webkit-linear-gradient(transparent, transparent), url(/resources/AD/front/img/board/btn_next@2x.gif) no-repeat center center;
    background: linear-gradient(transparent, transparent), url(/resources/AD/front/img/board/btn_next@2x.gif) no-repeat center center;
    background-size: 6px 10px;
}

.paging-navigation a.btn-last {
    width: 35px;
    padding: 0;
    text-indent: -5000em;
    background: transparent url(/resources/AD/front/img/board/btn_last.gif) no-repeat center center;
    background: -webkit-linear-gradient(transparent, transparent), url(/resources/AD/front/img/board/btn_last@2x.gif) no-repeat center center;
    background: linear-gradient(transparent, transparent), url(/resources/AD/front/img/board/btn_last@2x.gif) no-repeat center center;
    background-size: 12px 10px;
}

.paging-navigation+.btns-area {
    margin-top: 30px;
}


#template-title {
    position: relative;
    padding-left: 43px;
    margin-top: 5px;
    margin-bottom: 56px;
    color: #343231;
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
    font-family: "NanumSquare", sans-serif;
    background-image: url(/resources/UW/_Images/template/bullet_type01.png);
    background-repeat: no-repeat;
    background-size: 32px 18px;
    background-position: left center;
}

.n-title-wrapper .title {
    display: block;
}

.n-title-wrapper>.title span {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 29px;
    color: #bababa;
}

.n-title-wrapper>.title strong {
    display: block;
    font-size: 35px;
    line-height: 42px;
    color: #00356d;
}

.n-title-type01 {
    position: relative;
    font-size: 32px;
    line-height: 40px;
    padding: 25px 0 0 0;
    background-image: url('/resources/UW/_Images/template/bullet_type01.png');
    background-repeat: no-repeat;
    background-position: left top;
    font-weight: 500;
    color: #151515;
}

.n-title-type02 {
    position: relative;
    display: block;
}

.n-title-type02:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e9e9e8;
}

.n-title-type02 span {
    position: relative;
    display: inline-block;
    padding-top: 16px;
    padding-right: 30px;
    color: #171313;
    font-size: 26px;
    line-height: 35px;
    font-weight: 500;
    background-color: #fff;
    z-index: 1;
}

.n-title-type02 span:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: calc(100% - 30px);
    height: 3px;
    background-color: #0c2a64;
}

.n-title-type03 {
    position: relative;
    display: block;
}

.n-title-type03:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    margin-top: -0.5px;
    background-color: #ebebeb
}

.n-title-type03 strong {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 145px;
    background-color: #fff;
    font-size: 42px;
    line-height: 46px;
    font-weight: 500;
    color: #212121;
}

.n-title-type03 strong:before {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    display: block;
    width: 87px;
    height: 3px;
    background-color: #0456aa;
    margin-top: -1.5px;
}

.n-sub-title-type01 {
    color: #2e5789;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}

.n-sub-title-type02 {
    color: #111119;
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 500;
}

.n-sub-title-type03 {
    position: relative;
    color: #333333;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

.n-sub-title-type04 {
    position: relative;
    color: #666766;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}

.n-bullet-title-type01 {
    display: block;
    position: relative;
    margin-top: 30px;
    padding-left: 30px;
    background: url(/resources/UW/_Images/template/bul-h3.png) no-repeat left 7px;
    line-height: 1.3;
    font-size: 20px;
    color: #2b3e5c;
}

.n-bullet-title-type02 {
    display: block;
    position: relative;
    padding-left: 15px;
    line-height: 27px;
    font-size: 17px;
    color: #333;
}

.n-bullet-title-type02:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background-color: #333;
    border-radius: 50%;
}

.n-contents-area01 {
    display: block;
}

.n-contents-area01 h4 {
    margin-bottom: 5px;
    color: #000;
    font-size: 24px;
    line-height: 32px;
}

.n-word-type01 {
    color: #666766;
    font-size: 18px;
    line-height: 28px;
    word-break: keep-all;
}

.n-word-type02 {
    color: #666766;
    font-size: 22px;
    line-height: 36px;
    word-break: keep-all;
}

.n-word-slogan01 {
    margin-bottom: 12px;
    color: #212121;
    font-size: 28px;
    line-height: 40px;
    word-break: keep-all;
}

.n-contents-box-wrapper01 {
    background-image: url(/resources/UW/_Images/template/border_image.png);
    background-repeat: repeat;
    background-size: 8px 8px;
    padding: 8px;
}

.n-contents-box-area01 {
    background-color: #fff;
    padding: 38px 30px;
    text-align: center;
}

.n-contents-box-area01 p {
    text-align: center;
    color: #1e386a;
    font-size: 23px;
    line-height: 31px
}

.n-dl-style-contents01 {
    display: block;
    margin-top: 10px;
}

.n-dl-style-contents01 dl {
    position: relative;
    padding-left: 107px;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}

.n-dl-style-contents01 dl dt {
    position: absolute;
    top: 0;
    left: 0;
    color: #333333;
    word-break: keep-all;
}

.n-dl-style-contents01 dl dd {
    color: #666766;
    word-break: keep-all;
}

.n-ul-list01 {
    display: block;
}

.n-ul-list01>li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 17px;
    color: #666766;
    font-size: 18px;
    line-height: 27px;
    word-break: keep-all;
}

.n-ul-list01>li:before {
    position: absolute;
    top: 13px;
    left: 0;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-top: -2.5px;
    background-color: #95aac3;
}

.n-ul-list02 {
    display: block;
}

.n-ul-list02>li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 17px;
    color: #666766;
    font-size: 18px;
    line-height: 27px;
    background-image: url(/resources/UW/_Images/template/bul_list.png);
    background-repeat: no-repeat;
    background-size: 7px 5px;
    background-position: 0 11px;
    word-break: keep-all;
}

.n-ol-list01 {
    display: block;
}

.n-ol-list01 li {
    position: relative;
    padding-left: 18px;
    color: #6a6966;
    font-size: 18px;
    line-height: 30px;
    word-break: keep-all
}

.n-ol-list01 li .number {
    position: absolute;
    top: 0;
    left: 0;
}

.n-image-box02 {
    display: block;
}

.n-image-box02:after {
    display: block;
    content: "";
    clear: both;
}

.n-image-box02 li {
    float: left;
    width: 45%;
    text-align: center;
    margin-top: 60px;
}

.n-image-box02 li:nth-child(even) {
    float: right;
}

.n-image-box02 li:nth-child(1),
.n-image-box02 li:nth-child(2) {
    margin-top: 0;
}

.n-image-box02 li>.image {
    position: relative;
    width: 100%;
    padding-bottom: 58.5%;
    background-color: #e3e2e1;
    overflow: hidden;
}

.n-image-box02 li>.image>img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    display: block;
    min-width: 100%;
    max-width: 100%;
    margin: auto
}

.n-image-box02 li>img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.n-image-box02 li p {
    margin-top: 10px;
    color: #333;
    font-weight: 600;
}

.n-univ-intro-link-box {
    margin-top: 25px;
}

.n-univ-intro-link-box a {
    position: relative;
    display: block;
    border: 1px solid #006cc7;
    color: #006cc7 !important;
    font-size: 14px;
    text-decoration: none;
    transition: all .3s;
    background: url(/resources/UW/_Images/template/link_arrow.png) no-repeat right 20px center;
    padding: 11px 0 11px 20px;
    max-width: 367px;
}

.n-univ-intro-link-box a:hover {
    color: white !important;
    background: url(/resources/UW/_Images/template/link_arrow_hover.png) no-repeat right 20px center;
}

.n-univ-intro-link-box a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: #006cc7;
    transition: .3s;
}

.n-univ-intro-link-box a:hover::after {
    width: 100%;
    transition: .4s;
}

.n-univ-intro-link-box02 {
    margin-top: 25px;
}

.n-univ-intro-link-box02 a {
    position: relative;
    display: inline-block;
    border: 1px solid #1664b0;
    background-color: #1664b0;
    color: #fff !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s;
    padding: 13px 38px 13px 25px;
    min-width: 240px;
}

.n-univ-intro-link-box02 a:before {
    position: absolute;
    top: 50%;
    right: 22px;
    content: "";
    display: block;
    width: 7px;
    height: 14px;
    margin-top: -7px;
    background-image: url(/resources/UW/_Images/template/icon_arrow_right0001.gif);
    background-repeat: no-repeat;
    background-size: 7px 14px;
    background-position: 0 0;
    z-index: 1
}

.n-univ-intro-link-box02 a strong {
    position: relative;
    z-index: 1
}

.n-univ-intro-link-box02 a:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: .3s;
}

.n-univ-intro-link-box02 a:hover:after {
    width: 100%;
    background: rgba(0, 0, 0, 0.15);
    transition: .4s;
}

.n-btn-download001 {
    position: relative;
    display: flex;
    width: 300px;
    height: 69px;
    padding: 0 40px;
    border: 1px solid #ebebeb;
    border-bottom: 1px solid #34588a;
    background-color: #f7f7f9;
    align-items: center;
    justify-content: space-between;
}

.n-btn-download001>strong {
    position: relative;
    display: block;
    color: #01356f;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    z-index: 1;
}

.n-btn-download001>img {
    display: block;
}

.n-btn-download001:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.2s ease-in-out;
}

.n-btn-download001:hover:before,
.n-btn-download001:focus:before {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.03);
}

.n-btn-info {
    display: inline-block;
    min-width: 120px;
    padding: 6px 10px;
    background: #1e5ba8;
    border-radius: 100px;
    color: #fff;
}

.n-introduction-wrapper01 {
    position: relative;
    padding-right: 671px;
}

.n-introduction-wrapper01 img {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 600px;
}

.n-introduction-wrapper01 h4 {
    color: #212121;
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 28px;
    word-break: keep-all;
}

.n-introduction-wrapper01 h4>span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.n-introduction-wrapper01 h4>span:last-child {
    padding-right: 0;
}

.n-introduction-wrapper01 h4>span:before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #0456aa
}

.n-word-type01+.n-word-type01 {
    margin-top: 30px;
}

.n-word-more {
    position: relative;
    display: inline-block;
    padding-right: 29px;
    color: #0456aa !important;
    font-size: 18px;
    line-height: 30px;
    background-image: url(/resources/UW/_Images/template/icon_gt01.png);
    background-repeat: no-repeat;
    background-size: 6px 8px;
    background-position: right center;
}

.n-word-more:before {
    position: absolute;
    bottom: 7px;
    left: 0;
    content: "";
    width: 0;
    height: 1px;
    background-color: #0456aa;
    transition: all 0.2s ease-in-out;
}

.n-word-more:hover:before,
.n-word-more:focus:before {
    width: calc(100% - 29px);
}

.n-introduction-wrapper01 .n-word-type01+.n-word-more {
    margin-top: 48px;
}

.n-professor-wrapper01 {
    border-top: 2px solid #333333;
}

.n-professor-wrapper01:after {
    display: block;
    content: "";
    clear: both;
}

.n-professor-area01 {
    position: relative;
    float: left;
    width: 45%;
    padding: 22px 0 50px 170px;
    border-top: 1px solid #ddd
}

.n-professor-area01:nth-child(even) {
    float: right;
}

.n-professor-area01:nth-of-type(1),
.n-professor-area01:nth-of-type(2) {
    margin-top: 0;
}

.n-professor-area01 .image-wrapper {
    position: absolute;
    top: 30px;
    left: 8px;
    display: block;
    width: 135px;
    height: 160px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.n-professor-area01 .image-wrapper>.image {
    position: relative;
    display: block;
    width: 125px;
    height: 150px;
    overflow: hidden;
    z-index: 10;
}

.n-professor-area01 .image-wrapper>.image>img {
    display: block;
    width: 125px;
}

.n-professor-area01 .image-wrapper:after {
    position: absolute;
    top: 10px;
    left: 10px;
    content: "";
    display: block;
    width: 125px;
    height: 150px;
    background-color: #efeeee;
}

.n-professor-box01 {
    display: block;
}

.n-professor-box01>h4 {
    color: #343231;
    margin-bottom: 7px;
    font-size: 23px;
    line-height: 31px;
}

.n-professor-box01 .position {
    display: block;
    margin-bottom: 13px;
    color: #6a6966;
    font-size: 16px;
    line-height: 26px;
}

.n-professor-group01 {
    margin-bottom: 12px;
    padding: 15px 20px;
    background-color: #f5f5f5
}

.n-professor-group01>dt {
    display: block;
    color: #343231;
    font-size: 16px;
    line-height: 22px;
}

.n-professor-group01>dd {
    display: block;
    color: #004199;
    font-size: 14px;
    line-height: 20px;
}

.n-professor-box01>ul {
    display: block;
}

.n-professor-box01>ul>li {
    position: relative;
    padding-left: 100px;
    margin-bottom: 9px;
    color: #6a6966;
    font-size: 16px;
    line-height: 25px;
}

.n-professor-box01>ul>li:last-child {
    margin-bottom: 0;
}

.n-professor-box01>ul>li>strong {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 15px;
    color: #343231;
}

.n-professor-box01>ul>li>strong:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #0a50a1;
    border-radius: 50%;
}

.n-professor-wrapper02 {
    display: block;
}

.n-professor-wrapper02 h4 {
    margin-bottom: 16px;
    color: #2e5789;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
}

.n-professor-wrapper02 h5 {
    position: relative;
    padding-left: 11px;
    margin-bottom: 17px;
    color: #343231;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.n-professor-wrapper02 h5:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    display: block;
    width: 5px;
    height: 2px;
    background-color: #343231;
}

.n-professor-area02 {
    position: relative;
    padding-left: 210px;
    min-height: 230px;
}

.n-professor-area02 .image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 170px;
    height: 230px;
    background-color: #e3e2e1;
    overflow: hidden;
}

.n-professor-area02 .image>img {
    display: block;
    width: 170px;
}

.n-professor-box02 {
    display: block;
}

.n-professor-box02+.n-professor-box02 {
    margin-top: 25px;
}

.n-wrap-history {
    display: block;
    position: relative;
    margin: 60px 0 0 0;
}

.n-wrap-history:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 20px;
    width: 3px;
    height: 100%;
    background: url('/resources/UW/_Images/template/dot-history2.png') repeat-y;
    transform: translate(-50%, 0);
}

.n-wrap-history .line {
    width: 100%;
    padding: 0 0 0 50%;
}

.n-wrap-history .line:nth-child(even) {
    padding: 0 50% 0 0;
    text-align: right;
}

.n-wrap-history .line .info {
    position: relative;
    padding: 0 0 0 40px;
}

.n-wrap-history .line .info::after {
    content: '';
    position: absolute;
    left: -5px;
    top: 20px;
    z-index: 1;
    width: 9px;
    height: 9px;
    background: #0067c3
}

.n-wrap-history .line:nth-child(even) .info {
    padding: 0 40px 0 0;
}

.n-wrap-history .line:nth-child(even) .info::after {
    left: auto;
    right: -5px;
}

.n-wrap-history .detail {
    padding: 0 0 40px 0;
}

.n-wrap-history .desc {
    margin: 13px 0 0 0;
    font-size: 20px;
    color: #333;
}

.n-wrap-history .desc .point {
    font-size: 18px;
    color: #0045aa;
}

.n-wrap-history .year {
    display: table-cell;
    vertical-align: top;
    width: 160px;
    padding-top: 40px;
}

.n-wrap-history .year strong {
    position: relative;
    padding-left: 25px;
    font-size: 40px;
    color: #003956;
    letter-spacing: -1px;
    line-height: .8;
}

.n-wrap-history .month strong {
    position: relative;
    font-size: 35px;
    font-style: italic;
    color: #0067c3;
    letter-spacing: 0;
    line-height: 1.3;
}

.n-wrap-history .month strong::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 156px;
    height: 15px;
    background: url('/resources/UW/_Images/template/line-history1.png') no-repeat center center;
}

.n-wrap-history .line:nth-child(even) .month strong::after {
    left: auto;
    right: 0;
    background: url('/resources/UW/_Images/template/line-history2.png') no-repeat center center;
}

.n-wrap-history02 {
    display: block;
}

.n-wrap-history02 h4 {
    margin-bottom: 16px;
    color: #2e5789;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
}

.n-wrap-history02 h5 {
    position: relative;
    margin-bottom: 17px;
    color: #343231;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.n-wrap-history-area02,
.n-wrap-history-area02 ul {
    display: blockl
}

.n-wrap-history-area02 ul li {
    position: relative;
    padding-left: 130px;
    margin-bottom: 10px;
    color: #6a6966;
    font-size: 18px;
    line-height: 28px;
}

.n-wrap-history-area02 ul li:last-child {
    margin-bottom: 0;
}

.n-wrap-history-area02 ul li .n-history-substance {
    position: absolute;
    top: 0;
    left: 0;
    color: #343231;
    font-weight: 700;
}

.n-wrap-history-area02 ul li strong {
    font-weight: 700
}

.n-table-type01 {
    border-top: 2px solid #203a5d;
}

.n-table-type01 table thead th {
    padding: 14px 10px 12px 10px;
    color: #343231;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    background-color: #f9fbfe;
    border: 1px solid #e8e8ea;
    border-bottom: 0;
    text-align: center;
    letter-spacing: -0.5px;
    word-break: keep-all
}

.n-table-type01 table tbody th,
.n-table-type01 table tfoot th {
    padding: 14px 10px 12px 10px;
    color: #343231;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    background-color: #fcfcfd;
    border: 1px solid #e8e8ea;
    text-align: center;
    letter-spacing: -0.5px;
    word-break: keep-all
}

.n-table-type01 table tbody td,
.n-table-type01 table tfoot td {
    padding: 14px 10px 12px 10px;
    background: #fff;
    color: #888888;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
    border: 1px solid #e8e8ea;
    text-align: center;
    letter-spacing: -0.5px;
    word-break: keep-all;
    font-weight: 400;
}

.n-table-type01 table thead th:first-child,
.n-table-type01 table tbody th:first-child,
.n-table-type01 table tbody td:first-child {
    border-left: 0 !important;
}

.n-table-type01 table thead th:last-child,
.n-table-type01 table tbody th:last-child,
.n-table-type01 table tbody td:last-child {
    border-right: 0 !important;
}


@media only all and (max-width: 1023px) {
    .span-br {
        display: inline;
    }
    .span-mobile-br {
        display: block;
    }
    .only-pc {
        display: none;
    }
    .only-mobile {
        display: block;
    }
    .mobile-left {
        text-align: left !important;
    }
    .mobile-center {
        text-align: center !important;
    }
    .mobile-right {
        text-align: right !important;
    }
    .template-area {
        margin-bottom: 2.5rem;
    }
    #template-title {
        padding-left: 1.791rem;
        margin-top: 0.208rem;
        margin-bottom: 0.833rem;
        font-size: 1.083rem;
        line-height: 1.458rem;
        background-size: 1.333rem 0.75rem;
    }
    .n-title-wrapper>.title span {
        font-size: 1.041rem;
    }
    .n-title-wrapper>.title strong {
        font-size: 1.833rem;
    }
    .n-title-type01 {
        font-size: 1.666rem;
        line-height: 2.083rem;
        padding: 2.083rem 0 0 0;
    }
    .n-title-type02 span {
        padding-top: 0.833rem;
        padding-right: 1.583rem;
        font-size: 1.333rem;
        line-height: 1.833rem;
    }
    .n-title-type02 span:after {
        width: calc(100% - 1.583rem);
        height: 0.125rem;
    }
    .n-title-type03 strong {
        padding-right: 7.5rem;
        font-size: 2.187rem;
        line-height: 2.395rem;
    }
    .n-title-type03 strong:before {
        width: 4.531rem;
        height: 0.166rem;
        margin-top: -0.083rem;
    }
    .n-sub-title-type01 {
        font-size: 1.583rem;
        line-height: 1.583rem;
    }
    .n-sub-title-type02 {
        font-size: 1.354rem;
        margin-bottom: 1.583rem;
    }
    .n-sub-title-type03 {
        font-size: 0.937rem;
        line-height: 1.583rem;
    }
    .n-sub-title-type04 {
        font-size: 1.145rem;
        line-height: 1.583rem;
    }
    .n-bullet-title-type01 {
        margin-top: 1.583rem;
        padding-left: 1.583rem;
        font-size: 1.041rem;
    }
    .n-bullet-title-type02 {
        padding-left: 0.781rem;
        line-height: 1.406rem;
        font-size: 0.885rem;
    }
    .n-bullet-title-type02:before {
        width: 0.208rem;
        height: 0.208rem;
        margin-top: -0.104rem;
    }
    .n-contents-area01 h4 {
        margin-bottom: 0.26rem;
        font-size: 1.25rem;
        line-height: 1.666rem;
    }
    .n-word-type01 {
        font-size: 0.937rem;
        line-height: 1.458rem;
    }
    .n-word-type02 {
        font-size: 1.145rem;
        line-height: 1.875rem;
    }
    .n-word-slogan01 {
        margin-bottom: 0.625rem;
        font-size: 1.458rem;
        line-height: 2.083rem;
    }
    .n-contents-box-wrapper01 {
        background-size: 0.416rem 0.416rem;
        padding: 0.416rem;
    }
    .n-contents-box-area01 {
        padding: 1.25rem;
    }
    .n-contents-box-area01 p {
        font-size: 1.197rem;
        line-height: 1.614rem
    }
    .n-dl-style-contents01 {
        margin-top: 0.52rem;
    }
    .n-dl-style-contents01 dl {
        padding-left: 5.541rem;
        font-size: 0.937rem;
        line-height: 1.458rem;
        margin-bottom: 0.52rem;
    }
    .n-ul-list01>li {
        margin-bottom: 0.26rem;
        padding-left: 0.885rem;
        font-size: 0.937rem;
        line-height: 1.406rem;
    }
    .n-ul-list01>li:before {
        top: 0.541rem;
        width: 0.26rem;
        height: 0.26rem;
        margin-top: -0.13px;
    }
    .n-ul-list02>li {
        position: relative;
        margin-bottom: 0.208rem;
        padding-left: 0.708rem;
        font-size: 0.937rem;
        line-height: 1.406rem;
        background-size: 0.291rem 0.208rem;
        background-position: 0 0.625rem;
    }
    .n-ol-list01 li {
        padding-left: 0.937rem;
        font-size: 0.937rem;
        line-height: 1.583rem;
    }
    .n-image-box02 li {
        float: none;
        width: 100%;
        margin-top: 2.5rem;
    }
    .n-image-box02 li:nth-child(even) {
        float: none;
    }
    .n-image-box02 li:nth-child(2) {
        margin-top: 2.5rem;
    }
    .n-image-box02 li p {
        margin-top: 0.52rem;
        font-size: 1rem;
    }
    .n-univ-intro-link-box {
        margin-top: 1.041rem;
    }
    .n-univ-intro-link-box a {
        font-size: 0.833rem;
        padding: 0.572rem 0 0.572rem 0.572rem;
        max-width: 100%;
    }
    .n-univ-intro-link-box a:hover {
        background-position: 1.041rem center;
    }
    .n-univ-intro-link-box02 {
        margin-top: 1.041rem;
    }
    .n-univ-intro-link-box02 a {
        font-size: 1.041rem;
        line-height: 1.583rem;
        padding: 0.677rem 1.979rem 0.677rem 1.302rem;
        min-width: 100%;
    }
    .n-univ-intro-link-box02 a:before {
        right: 1.145rem;
        width: 0.291rem;
        height: 0.583rem;
        margin-top: -0.291rem;
        background-size: 0.291rem 0.583rem;
    }
    .n-btn-download001 {
        width: 100%;
        height: 3.593rem;
        padding: 0 2.083rem;
    }
    .n-btn-download001>strong {
        font-size: 1.041rem;
        line-height: 1.041rem;
    }
    .n-btn-info {
        display: inline-block;
        min-width: 6.25rem;
        padding: 0.312rem 0.52rem;
    }
    .n-introduction-wrapper01 {
        padding-right: 0;
    }
    .n-introduction-wrapper01 img {
        position: static;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 2.5rem auto
    }
    .n-introduction-wrapper01 h4 {
        font-size: 1.458rem;
        line-height: 2.083rem;
        margin-bottom: 1.458rem;
    }
    .n-introduction-wrapper01 h4>span {
        padding-right: 0.52rem;
    }
    .n-introduction-wrapper01 h4>span:before {
        height: 0.104rem;
    }
    .n-word-type01+.n-word-type01 {
        margin-top: 1.583rem;
    }
    .n-word-more {
        padding-right: 1.51rem;
        font-size: 0.937rem;
        line-height: 1.583rem;
        background-size: 0.25rem 0.333rem;
    }
    .n-word-more:before {
        bottom: 0.364rem;
    }
    .n-word-more:hover:before,
    .n-word-more:focus:before {
        width: calc(100% - 1.51rem);
    }
    .n-introduction-wrapper01 .n-word-type01+.n-word-more {
        margin-top: 2.5rem;
    }
    .n-professor-area01 {
        position: relative;
        padding: 1.145rem 0 2.604rem 0;
    }
    .n-professor-area01 .image-wrapper {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 7.031rem;
        height: 8.333rem;
        padding-bottom: 0.52rem;
        padding-right: 0.52rem;
        margin: 0 auto 1.25rem auto
    }
    .n-professor-area01 .image-wrapper>.image {
        width: 6.51rem;
        height: 7.812rem;
    }
    .n-professor-area01 .image-wrapper>.image>img {
        width: 6.51rem;
    }
    .n-professor-area01 .image-wrapper:after {
        position: absolute;
        top: 0.52rem;
        left: 0.52rem;
        width: 6.51rem;
        height: 7.812rem;
    }
    .n-professor-box01>h4 {
        margin-bottom: 0.364rem;
        font-size: 1.197rem;
        line-height: 1.614rem;
    }
    .n-professor-box01 .position {
        margin-bottom: 0.677rem;
        font-size: 0.916rem;
        line-height: 1.354rem;
    }
    .n-professor-group01 {
        margin-bottom: 0.625rem;
        padding: 0.781rem 0.781rem;
    }
    .n-professor-group01>dt {
        font-size: 0.916rem;
        line-height: 1.145rem;
    }
    .n-professor-group01>dd {
        margin-top: 0.208rem;
        font-size: 0.833rem;
        line-height: 1.145rem;
    }
    .n-professor-box01>ul>li {
        padding-left: 5.208rem;
        margin-bottom: 0.416rem;
        font-size: 0.833rem;
        line-height: 1.302rem;
    }
    .n-professor-box01>ul>li>strong {
        padding-left: 0.781rem;
    }
    .n-professor-box01>ul>li>strong:before {
        top: 0.5rem;
        width: 0.208rem;
        height: 0.208rem;
    }
    .n-professor-wrapper02 h4 {
        margin-bottom: 0.833rem;
        font-size: 1.583rem;
        line-height: 2.083rem;
    }
    .n-professor-wrapper02 h5 {
        padding-left: 0.572rem;
        margin-bottom: 0.885rem;
        font-size: 0.937rem;
        line-height: 1.406rem;
    }
    .n-professor-wrapper02 h5:before {
        top: 0.625rem;
        width: 0.26rem;
        height: 0.125rem;
    }
    .n-professor-area02 {
        padding-left: 0;
        min-height: auto;
    }
    .n-professor-area02 .image {
        position: relative;
        width: 8.854rem;
        height: 11.979rem;
        margin: 0 auto 1.25rem auto;
    }
    .n-professor-area02 .image>img {
        display: block;
        width: 8.854rem;
    }
    .n-professor-box02+.n-professor-box02 {
        margin-top: 1.302rem;
    }
    .n-wrap-history {
        margin: 2.5rem 0 0 0;
    }
    .n-wrap-history:after {
        left: 0;
        top: 1.25rem;
        width: 0.125rem;
    }
    .n-wrap-history .line {
        width: 100%;
        padding: 0 0 0 0;
    }
    .n-wrap-history .line:nth-child(even) {
        padding: 0 0 0 0;
        text-align: left;
    }
    .n-wrap-history .line .info {
        position: relative;
        padding: 0 0 0 2.083rem;
    }
    .n-wrap-history .line .info::after {
        left: -0.1875rem;
        top: 1.041rem;
        width: 0.375rem;
        height: 0.375rem;
    }
    .n-wrap-history .line:nth-child(even) .info {
        padding: 0 0 0 2.083rem;
    }
    .n-wrap-history .line:nth-child(even) .info::after {
        left: auto;
        right: auto;
        right: initial;
        left: -0.1875rem
    }
    .n-wrap-history .detail {
        padding: 0 0 2.083rem 0;
    }
    .n-wrap-history .desc {
        margin: 0.677rem 0 0 0;
        font-size: 1.041rem;
    }
    .n-wrap-history .desc .point {
        font-size: 0.937rem;
    }
    .n-wrap-history .year {
        width: 100%;
        padding-top: 2.083rem;
    }
    .n-wrap-history .year strong {
        padding-left: 1.25rem;
        font-size: 2.083rem;
    }
    .n-wrap-history .month strong {
        font-size: 1.822rem;
    }
    .n-wrap-history .month strong::after {
        width: 8.125rem;
        height: 0.781rem;
        background: url('../images/common/line-history1.png') no-repeat center center;
        background-size: cover;
    }
    .n-wrap-history .line:nth-child(even) .month strong::after {
        left: 0;
        background: url('../images/common/line-history1.png') no-repeat center center;
        background-size: cover;
    }
    .n-wrap-history02 h4 {
        margin-bottom: 0.937rem;
        font-size: 1.583rem;
        line-height: 2.083rem;
    }
    .n-wrap-history02 h5 {
        margin-bottom: 0.885rem;
        font-size: 0.937rem;
        line-height: 1.406rem;
    }
    .n-wrap-history-area02 ul li {
        padding-left: 5.416rem;
        margin-bottom: 0.52rem;
        font-size: 0.937rem;
        line-height: 1.458rem;
    }
    .n-table-type01 table thead th {
        padding: 0.83333rem 0 0.75rem 0;
        font-size: 1.0833rem;
        line-height: 1.4583rem;
    }
    .n-table-type01 table tbody th,
    .n-table-type01 table tfoot th {
        padding: 0.83333rem 0.625rem 0.75rem 0.625rem;
        font-size: 1rem;
        line-height: 1.166rem;
    }
    .n-table-type01 table tbody td,
    .n-table-type01 table tfoot td {
        padding: 0.83333rem 0.625rem;
        font-size: 1rem;
        line-height: 1.166rem;
        word-break: break-all
    }
    .n-modal-wrapper {
        top: 1.25rem;
        left: 1.25rem;
        width: calc(100% - 2.5rem);
        height: calc(100% - 2.5rem);
        margin: 0;
        box-shadow: 0 1.041rem 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
    }
    .n-modal-wrapper>h2 {
        height: 3.75rem;
        line-height: 3.75rem;
        padding: 0 1.666rem;
        font-size: 1.25rem;
    }
    .n-modal-area {
        height: calc(100% - 3.75rem);
    }
    .n-modal-area textarea {
        height: 100%;
        border: 0;
        border-radius: 0;
        padding: 1.25rem;
        font-size: 0.916rem;
        line-height: 1.25rem;
    }
    .btn-n-modal-close {
        right: 0;
        width: 3.75rem;
        height: 3.75rem;
        background-size: 0.833rem 0.833rem;
    }
}