@charset "UTF-8";
/* 게시판 html에디터 사용 관련 폰트 reset */
.article-body *,
.fr-view * {font-family: inherit;font-weight: inherit;font-size: inherit;color: inherit; } 
/** 자격증/수료증 **/
.pop_ct.deptSelect ul {display: table;overflow: hidden;width: 100%;box-sizing: border-box;padding: 5px 0 5px 5px;font-size: 0; } 
.pop_ct.deptSelect ul>li {display: inline-table;width: calc(20% - 5px);margin: 0 5px 0 0; } 
.pop_ct.deptSelect dl {width: 100%;background: #fff;border-top: 2px solid #3e4450; } 
.pop_ct.deptSelect dt {font-size: initial;height: 25px;background: #c6cbd8;font-weight: 600;color: #444;text-align: center; } 
.pop_ct.deptSelect dd>span {display: block;height: 25px;border-bottom: 1px solid #e1e4eb;text-align: left; } 
.pop_ct.deptSelect dd>span>label {margin-left: 5px;cursor: pointer; } 
.major-tab {width: calc(100% + 10px);transform: translateX(-5px); } 
.major-tab ul {display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start; } 
.major-tab li {flex: 1 0 20%;max-width: 20%;padding: 5px; } 
.major-tab li a {display: flex;align-items: center;justify-content: center;height: 58px;border: 1px solid #d5d5d5;border-radius: 4px; } 
.major-tab li a span {font-weight: 500; } 
.major-tab li a.on {background: #005c8b; } 
.major-tab li a.on span {color: #fff; } 
.pop_ct.deptSelect input[type=checkbox] {outline: inherit;float: inherit;background: none;border: inherit;overflow: auto;-webkit-appearance: auto;width: 15px;height: 15px;vertical-align: initial; } 
.b-table-box.type01 .customfield input[type=radio] {outline: inherit;float: inherit;background: none;border: inherit;overflow: auto;-webkit-appearance: auto;width: 15px;height: 15px;vertical-align: initial; } 
/* 자격증 수료증 팝업*/
table.certifi-popup-table td {padding: 5px 10px !important;text-align: left !important; } 
/**학사안내 > 달력형 개발연결에 무너져 보여 임시로 넣어두었습니다.**/
.event_classification {min-height: 22px; } 

table.personal_table td{ padding: 0 0 0 15px !important; }
table.personal_table label { vertical-align:middle;}
table.personal_table input[type=checkbox]  { float: initial; }
table.personal_table { margin-bottom : 50px; }
/**
author : jsbeak
desc : 추가사용할 css 만 정의 (ex 관리자단, 작성페이지 )

**/
/* .board.co-board { width: 90%; max-width: 1200px; margin: 0 auto; } */
.bn-write-common01 {width: 100%;max-width: 1200px;margin: 0 auto; } 
.col-w5 {width: 5%; } 
.col-w9 {width: 7%; } 
.col-w15 {width: 15% !important; } 
.col-w18 {width: 18%; } 
.board .deleted,
.board .deleted * {text-decoration: line-through !important;color: #999999 !important; } 
.list_btn {width: auto !important; } 
table tbody td.b-td-left {text-align: left !important; } 
table tbody td.b-td-left a {display: inline-block !important; } 
.co-board colgroup col:nth-child(2) {width: 71%}
.tbl-h tr {border-bottom: solid 1px #e9e9e9;position: relative;height: 70px; } 
td span.b-new {display: none !important; } 
div.co-board span.article-new {display: inline-block;position: relative;top: -2px;margin: 0 0 0 6px; } 
.ui-datepicker {font-size: 16px !important; } 
/* 관리자 체크 박스 */
.b-top-info-wrap {width: 100%;max-width: 1200px;margin: 0 auto 10px auto; } 
.adm-chk label {font-size: 18px;vertical-align: middle;font-family: "Noto Sans CJK KR_Regular"; } 
.article-chk input,
.article-write-chk input,
.adm-chk input {display: inline-block;margin: 0;width: 30px;height: 30px;border: 1px solid #d2d2d2;background: #fff;border-radius: initial;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;margin-right: 5px; } 
.article-chk input:checked,
.article-write-chk input:checked,
.adm-chk input:checked {border-color: #093b8a;background: #093b8a url(/_res/sjcu/_share/img/board/ico-check02.png) no-repeat center center; } 
.article-chk input.b-chk-m {width: 25px;height: 25px; } 
.article-chk input.b-chk-l {width: 30px;height: 30px; } 
.article-chk input.b-chk-m:checked,
.article-chk input.b-chk-l:checked {background: #093b8a url(/_res/sjcu/_share/img/board/ico-check02.png) no-repeat center center; } 
.article-chk.img-chk {position: absolute;z-index: 10; } 
.table_basic_txt .article-chk {margin-left: 15px; } 
.b-main {color: #9c0430; } 
/* 검색 영역 */
.field_wrap {width: 100% !important; } 
/* 버튼영역*/
/* .b-btn01 type01 */
.b-btn-wrap {text-align: center; } 
.b-btn01.type01 ul li {display: inline-block; } 
/* 작은 버튼*/
.jw-sm-btn {color: #333;display: inline-block;width: 50px;border: solid 1px #ccc;text-align: center;border-radius: 5px;font-size: 1.5rem;line-height: 25px; } 

/* bn-view-common01 type01 */
.bn-view-common01.type01 .b-main-box {margin:0 auto;max-width:1200px;width: 100%;border-top: 2px solid #324d60;border-bottom: 1.02px solid #324d60; } 
.bn-view-common01.type01 .b-main-box .b-content-box{padding:60px 55px 125px;font-family: 'Noto Sans CJK KR_DemiLight';font-size: 1.6rem;color: #666;}

/* bn-write-common01 공통 */
.bn-write-common01 label {font-size: 16px; } 
.bn-write-common01.type01 .b-table-wrap {border-top: 2px solid #222; } 
.bn-write-common01 .b-pc-hide {display: none; } 
.bn-write-common01 .b-table-box {display: table;width: 100%;table-layout: fixed; } 
.bn-write-common01 .b-table-box .b-row-box>div {vertical-align: middle; } 
.bn-write-common01 .b-table-box.type01 .b-row-box {display: table;width: 100%;table-layout: fixed; } 
.bn-write-common01 .b-table-box.type02 .b-row-box {display: table;width: 100%;table-layout: fixed; } 
.bn-write-common01 .b-table-box.type03 .b-row-box {display: table;width: 100%;table-layout: fixed; } 
.bn-write-common01 .b-table-box.type02 .b-row-box>div {display: table-cell; } 
.bn-write-common01 .b-table-box.type02 .b-row-box>div>div {display: table;width: 100%;table-layout: fixed; } 
.bn-write-common01 .b-table-box.type03 .b-row-box>div {display: table-cell; } 
.bn-write-common01 .b-table-box.type03 .b-row-box>div>div {display: table;width: 100%;table-layout: fixed; } 
.bn-write-common01 .b-table-box .b-row-box .b-title-box {display: table-cell;width: 160px;padding: 19px 15px 16px;border-right: 1px solid #d3d9dd;border-bottom: 1px solid #d3d9dd;font-weight: 400;font-size: 16px;color: #000;line-height: 24px;vertical-align: top;box-sizing: border-box;background-color: #f5f5f5; } 
.bn-write-common01 .b-table-box .b-row-box .b-title-box br {display: none; } 
.bn-write-common01 .b-table-box .b-row-box .b-title-box.b-required:after {content: "*";display: inline-block;padding: 5px 0 0 2px;color: #d10909;line-height: 1;vertical-align: middle; } 
.bn-write-common01 .b-table-box .b-row-box .b-con-box {display: table-cell;position: relative;padding: 12px 15px;border-bottom: 1px solid #d8d8d8;vertical-align: middle; } 
.bn-write-common01 .b-table-box .b-row-box .b-con-box02 {display: table-cell;position: relative;border-bottom: 1px solid #d8d8d8;vertical-align: middle; } 
.bn-write-common01 .b-select {position: relative;margin: 0 5px 0 0;padding: 5px 10px;width: calc(33.33% - 15px);max-width: 200px;height: 35px;border: 1px solid #dedede;background: #fff url(../img/board/btn-sel-open01.png) no-repeat right 10px center;font-family: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none; } 
.bn-write-common01 .b-select-wide {width: calc(50% - 15px);max-width: 100%; } 
.bn-write-common01 .b-select:last-of-type {margin: 0; } 
.bn-write-common01 .b-input {padding: 5px 10px;width: 100%;height: 35px;border: 1px solid #dedede;font-family: inherit;font-weight: 300;font-size: 14px;color: #111;box-sizing: border-box;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;vertical-align: middle; } 
.bn-write-common01 .b-input::-webkit-input-placeholder {color: #777; } 
.bn-write-common01 .b-input::-ms-input-placeholder {color: #777; } 
.bn-write-common01 .b-input::placeholder {color: #777; } 
.bn-write-common01 .b-input.type02 {width: calc(50% - 11px);max-width: 200px; } 
.bn-write-common01 .b-table-box.b-notice-box .b-row-box .b-con-box:nth-of-type(2) {width: 37%; } 
.bn-write-common01 .b-table-box.b-notice-box .b-row-box .b-title-box:nth-of-type(3) {border-left: 1px solid #d3d9dd; } 
.bn-write-common01 .b-period-box>p {display: inline-block; } 
.bn-write-common01 .b-period-box>div {display: inline-block; } 
.bn-write-common01 .b-period-box span {padding: 0 2px 0 5px; } 
.bn-write-common01 .b-input.datepicker {padding-right: 40px;width: calc(50% - 11px);max-width: 200px; } 
.bn-write-common01 .b-date-box .b-input.datepicker {margin: 0 4px 0 0; } 
.bn-write-common01 .b-textarea {padding: 20px;height: 300px;border: 1px solid #dedede;appearance: none;-webkit-appearance: none;-moz-appearance: none; } 
.bn-write-common01 .jw-custom-filed .b-textarea {height: 150px !important; } 
.bn-write-common01 .jw-custom-filed .b-textarea[name="subject_univer"] {height: 100px !important; } 
.bn-write-common01 .jw-custom-filed .b-textarea[name="subject_matter"] {height: 100px !important; } 
.bn-write-common01 .b-textarea.b-subtitle {height: 100px; } 
.bn-write-common01 .b-password-box .b-input {width: calc(40% - 15px);max-width: 200px; } 
.bn-write-common01 .b-password-box span {display: inline-block;padding: 0 0 0 10px; } 
.bn-write-common01 .b-file-box>div {padding: 12px 10px;border-top: 1px solid #dedede; } 
.bn-write-common01 .b-file-box:first-of-type>div:first-of-type {border-top: none; } 
.bn-write-common01 .b-file-box>div .b-guide-box {padding: 4px 0 0 0; } 
.bn-write-common01 .b-file-box>div .b-guide-box label {position: absolute;top: 0;left: -999999px; } 
.bn-write-common01 .b-file-box.type01:after {content: "";display: block;clear: both; } 
.bn-write-common01 .b-file-box.type01 .b-left-box {float: left; } 
.bn-write-common01 .b-file-box.type01 .b-left-box .b-sel-box {display: inline-block;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type01 .b-left-box .b-guide-txt {display: inline-block;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type01 .b-right-box {float: right; } 
.bn-write-common01 .b-file-box.type01 .b-right-box .b-guide-txt {padding: 15px 0 0 0; } 
.bn-write-common01 .b-file-box.type02 {display: none; } 
.bn-write-common01 .b-file-box.type02 .b-left-box {float: left; } 
.bn-write-common01 .b-file-box.type02 .b-left-box .b-file-btn {display: inline-block;padding: 3px 5px;border: 1px solid #474747;background: none;font-weight: 200;font-size: 15px;color: #191919;border-radius: 5px;line-height: 1;cursor: pointer;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type02 .b-left-box .b-file-status {width: 130px;border: none !important;background: none;font-family: inherit;font-weight: 300;font-size: 15px;color: #979797;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type02 .b-left-box .b-add-btn {display: none; } 
.bn-write-common01 .b-file-box.type02 .b-right-box {float: right; } 
.bn-write-common01 .b-file-box.type02 .b-right-box .b-guide-txt {display: inline-block;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type02 .b-right-box .b-input {display: inline-block;width: 300px;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type03 .b-input[name="wr-file-name"] {width: calc(100% - 104px); } 
.bn-write-common01 .b-file-box.type03 .b-add-btn {padding: 8px;background-color: #fec240;color: #fff;border-radius: 5px;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type03 .b-file-btn {display: inline-block;padding: 5px 0 6px;min-width: 100px;border: 1px solid #ccc;background-color: #ebebeb;font-weight: 400;font-size: 16px;color: #5c5c5c;text-align: center;cursor: pointer;box-sizing: border-box;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type03 span {display: inline-block;padding: 0 0 0 10px;font-size: 16px;line-height: 21px;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type04 div p {display: inline-block;padding: 0 10px 0 0;width: calc(100% - 110px);line-height: 21px;vertical-align: top; } 
.bn-write-common01 .b-file-box.type04 .b-add-btn {padding: 8px;background-color: #fec240;color: #fff;border-radius: 5px;vertical-align: middle; } 
.bn-write-common01 .b-file-box.type04 .b-file-del-btn {display: inline-block;padding: 5px 0 6px;min-width: 100px;border: 1px solid #ccc;background-color: #ebebeb;font-weight: 400;font-size: 16px;color: #5c5c5c;text-align: center;cursor: pointer;box-sizing: border-box;vertical-align: middle; } 
.bn-write-common01 .b-file-box .b-chk:checked+label:after {content: "";position: absolute;top: 50%;left: 30px;width: calc(100% - 30px);height: 1px;background-color: #000;box-sizing: border-box; } 
.bn-write-common01 .b-file-box .b-guide-txt {display: inline-block;padding: 0 0 0 10px;font-weight: 400;font-size: 16px;color: #888;line-height: 24px;vertical-align: middle; } 
.bn-write-common01 .b-file-box .b-guide-txt span.privacy {display: block;color: #ff0000; } 
.bn-write-common01 .b-find-title-box input.type01 {width: calc(100% - 104px); } 
.bn-write-common01 .b-find-title-box button.find-btn {display: inline-block;padding: 5px 0 6px;min-width: 100px;border: 1px solid #ccc;background-color: #ebebeb;font-weight: 400;font-size: 14px;color: #5c5c5c;text-align: center;cursor: pointer;box-sizing: border-box;vertical-align: middle; } 
.bn-write-common01 .b-video-box>p {display: inline-block; } 
.bn-write-common01 .b-sel-box {display: block;position: relative;z-index: 0;width: 100px;text-align: left;vertical-align: middle; } 
.bn-write-common01 .b-sel-title {display: block;line-height: 17px;padding: 8px 24px 8px 10px;border: 1px solid #d8d8d8;background: #fff url(../img/board/btn-sel-open02.png) no-repeat right 12px center;font-weight: 200;color: #333;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;box-sizing: border-box;vertical-align: middle; } 
.bn-write-common01 .b-sel-box.close {z-index: 20; } 
.bn-write-common01 .b-sel-box.close .b-sel-box-title {background: #fff url(../img/board/btn-sel-close02.png) no-repeat right 12px center; } 
.bn-write-common01 .b-sel-box.close ul {display: block; } 
.bn-write-common01 .b-sel-box ul {display: none;position: absolute;top: 35px;width: 100%; } 
.bn-write-common01 .b-sel-box ul li {width: 100%;height: 100%;border: 1px solid #d8d8d8;border-top: none;background-color: #fff;font-weight: 300;box-sizing: border-box;box-shadow: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0; } 
.bn-write-common01 .b-sel-box ul li a {display: block;padding: 9px 10px;font-weight: 200;color: #333;box-sizing: border-box; } 
.bn-write-common01 .b-sel-box ul li:hover a {background-color: #b2b2b2;color: #fff; } 
.bn-write-common01 .b-tel-box span {padding: 0 5px; } 
.bn-write-common01 .b-tel-box label {display: block;position: absolute;width: 0;height: 0;text-indent: -9999999px;overflow: hidden; } 
.bn-write-common01 .b-tel-box .b-select {font-family: inherit;max-width: 200px; } 
.bn-write-common01 .b-tel-box .b-input {width: calc(33.33% - 16px);max-width: 200px; } 
.bn-write-common01 .b-period-box span {padding: 0 2px 0 5px; } 
.bn-write-common01 .b-email-box span {padding: 0 4px 0; } 
.bn-write-common01 .b-email-box .b-input {width: calc(33.33% - 15px);max-width: 200px; } 
.bn-write-common01 .b-address-box label {display: block;position: absolute;width: 0;height: 0;text-indent: -9999999px;overflow: hidden; } 
.bn-write-common01 .b-address-box>div div {display: inline-block;padding: 0 0 10px;max-width: calc(100% - 73px); } 
.bn-write-common01 .b-address-box>div div span {padding: 0 8px; } 
.bn-write-common01 .b-address-box>div div .b-input {width: calc(50% - 15px);max-width: 155px; } 
.bn-write-common01 .b-address-box>div>button {display: inline-block;padding: 3px 5px;border: 1px solid #474747;background: none;font-weight: 200;font-size: 15px;color: #191919;border-radius: 5px;line-height: 1;cursor: pointer;vertical-align: middle; } 
.bn-write-common01 .b-relation-box div:nth-of-type(1) {padding: 0 0 5px; } 
.bn-write-common01 .b-relation-box div:nth-of-type(2) label {padding: 0 10px 0 0; } 
.bn-write-common01 .b-relation-box div:nth-of-type(2) .b-input {max-width: calc(100% - 41px); } 
.bn-write-common01 .b-url-box .b-input {margin: 0 0 10px;max-width: 330px; } 
.bn-write-common01 .b-url-box p {line-height: 25px;word-break: break-all; } 
.bn-write-common01 .b-url-box p span {color: #FF0000; } 
.bn-write-common01 .b-color-box .b-input.type01 {width: calc(65% - 2px); } 
.bn-write-common01 .b-color-box .b-input.type02 {width: calc(35% - 2px); } 
.type01 .b-radio {display: none; } 
.type01 .b-radio+label {display: inline-block;position: relative;margin-right: 20px;padding-left: 40px;line-height: 1.437rem;font-weight: 400;cursor: pointer; } 
.type01 .b-radio+label:before {content: "";display: inline-block;position: absolute;top: 50%;left: 0;padding: 0 0 0 3px;width: 30px;height: 30px;border: 1px solid #d0d0d0;background-color: #fff;font-size: 13px;border-radius: 24px;box-sizing: border-box;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%); } 
.type01 .b-radio-img-box .b-radio+label {max-width: 300px;min-width: 200px;width: 30%;margin: 5px 0px 5px 20px; } 
.type01 .b-radio-img-box img {width: 100%; } 
.type01 .b-radio:checked+label:before {background-color: #0d3f7a; } 
.type01 .b-radio:checked+label:after {content: "";display: block;position: absolute;top: 50%;left: 10px;width: 10px;height: 10px;background-color: #fff;border-radius: 12px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%); } 
.type01 .b-chk {display: none; } 
.type01 .b-chk+label {display: inline-block;position: relative;margin: 0 23px 0 0;padding: 0 0 0 34px;font-weight: 400;line-height: 1.688rem;vertical-align: middle;cursor: pointer; } 
.type01 .b-chk+label:before {content: "";display: inline-block;position: absolute;top: 0;left: 0;width: 27px;height: 27px;border: 1px solid #d2d2d2;box-sizing: border-box; } 
.type01 .b-chk:checked+label:before {border: 1px solid #093b8a;background: #093b8a url(/_res/sjcu/_share/img/board/ico-check02.png) no-repeat 50% 50%; } 
.bn-write-common01 .b-write-file-box.type01 .b-file-btn {display: inline-block;padding: 12px 0 10px;min-width: 100px;border: 1px solid #000;background-color: #fff;font-weight: 400;font-size: 0.937rem;color: #333;text-align: center;cursor: pointer;box-sizing: border-box;vertical-align: middle; } 
.bn-write-common01 .b-write-file-box.type01 .b-file-del-btn {display: inline-block;margin: 0 20px 0 10px;width: 25px;height: 25px;background: #7d7d7d url(/_res/sjcu/_share/img/board/ico-file-del.png) no-repeat center center;border-radius: 50%;vertical-align: middle; } 

/* .depth4_table 이용해서 하나 만듬 */
.sj_basic_table {width: 100%;max-width: 1090px;margin: 20px auto 0;border-collapse: collapse;text-align: center; } 
.sj_basic_table thead {border-top: 2px solid #324d60;border-bottom: 1.02px solid #324d60; } 
.sj_basic_table th {line-height: 1;border-bottom: 1px solid #324d60;padding: 21.25px 0;background-color: #f5f5f5; } 

.sj_basic_table td {padding: 21.5px 0; } 
.sj_basic_table th,
.sj_basic_table td {border: 1px solid #dbdbdb; } 
.sj_basic_table th:first-child,
.sj_basic_table td:first-child {border-left: 0; } 
.sj_basic_table th:last-child,
.sj_basic_table td:last-child {border-right: 0; } 
/* faq */
.faq-list {width: 100%;max-width: 1200px;margin: 0 auto;border-top: solid 2px #324d60;border-bottom: solid 2px #324d60; } 
.faq-list>dt {position: relative;padding: 23px 26px;border-bottom: 1px solid #c7c7c7;color: #111;cursor: pointer;display: flex;gap: 12px;justify-content: flex-start;align-items: center; } 
.faq-list>dt button{display:flex;width:100%;}
.faq-list>dt strong {color: #005c8b;font-weight: bold;margin-right: 12px; } 
.faq-list>dt p {width: calc(100% - 90px);display: flex;justify-content: flex-start;font-size: 1.8rem; } 
.faq-list>dt p span {display: block !important;margin-right: 5px; } 
.faq-list>dt a.edit-btn {color: #333;display: inline-block;/*작업을 위해 비활성화 시켜두었습니다.*/
	/* display:none !Important; */
	padding: 0px 10px;margin-right: 30px;border: solid 1px #ccc;text-align: center;border-radius: 5px;font-size: 1.5rem;line-height: 25px; } 
.faq-list>dt:before {content: '';position: absolute;top: 50%;right: 26px;width: 21px;height: 17px;margin-top: -9px;background: url(/_res/sjcu/graduate/img/common/accordion_arrow.png) no-repeat 0 0; } 
.faq-list>dd {display: none;border-bottom: 1px solid #e7e7e7;background: #eee;font-size: 16px;color: #111;padding: 55px 50px;font-family: 'Noto Sans CJK KR_DemiLight'; } 
.faq-list dd img {margin-right: 20px;width: auto; } 
.faq-list dd p {/*display: inline-block; */
	margin-right: 20px;width: 100%; } 
.faq-list>dt.active:before {background-image: url(/_res/sjcu/graduate/img/common/accordion_up.png)}
.faq-list>dt.active+dd {display: block}

/* 입학 QNA / 입학자료 신청 */
/*.content {margin-top: 100px; } */
.page_tit_txt {letter-spacing: 0; } 

.application_login .basic_select_cont .table_bullet_txt02 {margin-top: 20px;margin-bottom: 22px; } 
.application_login .basic_select_cont ul {display: flex;gap: 40px; } 
.application_login .basic_cont .basic_address_box {display: flex;gap: 10px;margin-bottom: 14px; } 
.application_login .login_box .login_contents .input_area .input_cont .input_s {vertical-align: -4px; } 
.accordion ul li:nth-child(1) .sub_detail {display: none; } 
.application_login .login_box {top: 0; } 
.application_login .login_box .login_contents .input_area .input_cont {padding-bottom: 0; } 
#contents::before {top: 252px; } 
.main_basic_txt04 {vertical-align: -3px; } 
.input_s02 {color: #ccc;padding: 8.5px 20px; } 
.mt10 {margin-top: 10px; } 
.sms_space {margin: 30px 0 20px}

.color_grey {color: #ccc}
.at_sign {margin: 0 6.9px;background-color: #fff; } 
.accordion_title {background-color: #F5F5F5;transition: background-color 0.5s; } 
.accordion_title.active {background-color: #fff; } 
/* 이미지/동영상 유형 */
/* detail_title */
.detail_title {width: 100%;margin: 0 auto;max-width: 1100px; } 
.detail_title .main_basic_txt {display: flex;margin: 20px 0;justify-content: flex-end; } 
.detail_title span p:first-child::after {content: "";display: inline-block;width: 1px;height: 18px;/*background-color: #d0d0d0; */
	background-color: #fafafa;margin: 0 0 -3px 16px; } 
.detail_title span p img {margin: 0 10px -2px 0;vertical-align: 0px; } 
.detail_title span p:last-child img {margin: 0 10px 1px 16px; } 
/* fieldset */
.top_field {display: flex;width: 100%;max-width: 1200px;margin: 0 auto 2.8%;justify-content: space-between;align-items: center; } 
.top_field p {width: 100px}
.top_field2 {width: 100%;max-width: 1200px;margin: 0 auto 2.8%; } 
.top_field strong {color: #AD8D5C;font-family: 'Noto Sans CJK KR_Bold'; } 
.field_wrap {width: 42.4%;display: flex;justify-content: space-between; } 
.field_wrap2 {width: 39%;margin: 0 auto;display: flex;justify-content: space-between;min-width: 470px; } 
.field_wrap2 select {margin-right: 10px !important; } 
.field_wrap2 .search-icon2 input {box-shadow: 0px 5px 10px #0400001a; } 
.field_select {width: 147px;border: 1px solid #cbcbcb;border-radius: 5px;-webkit-appearance: none;appearance: none;background: url(/_res/sjcu/graduate/img/common/select_down_arrow.png) no-repeat 87% 50%;padding: 0 19px;box-shadow: 0px 5px 10px #0400001a; }
.field_select:focus {
	outline: rgb(0, 136, 255) solid 3px;
}
.field_select2 {width: 133px;border: 1px solid #cbcbcb;border-radius: 5px;-webkit-appearance: none;appearance: none;background: url(/_res/sjcu/graduate/img/common/select_down_arrow.png) no-repeat 87% 50%;padding: 0 19px;box-shadow: 0px 5px 10px #0400001a;margin-right: 16px !important; } 
.search-icon {position: relative;border: 0;width: 69%;box-shadow: 0px 5px 10px #0400001a}
.search-icon2 {width: 313px;border: 0; } 
.search-icon input {width: 100%;padding-left: 20px;height: 45px;border-radius: 5px;font-size: 16px;color: #111;border: 1px solid #cbcbcb;vertical-align: middle;box-sizing: border-box; } 
.search-icon2 input {width: 100%;padding-left: 20px;height: 45px;border-radius: 5px;font-size: 16px;color: #111;border: 1px solid #cbcbcb;vertical-align: middle;box-sizing: border-box; } 
.search-icon ::placeholder {font-family: 'Noto Sans CJK KR_Medium';font-size: 1.6rem;color: #111;letter-spacing: -0.05em; } 
.search-icon2 ::placeholder {font-family: 'Noto Sans CJK KR_Medium';font-size: 1.6rem;color: #111;letter-spacing: -0.05em; } 
.search-icon .btn-search-icon {position: absolute;top: 33%;right: 15px;width: 25px;height: 30px;margin-top: -10px;background: url(/_res/sjcu/graduate/img/common/search.png) no-repeat 0 0;font-size: 0;line-height: 0;border: none; } 
.search-icon .btn-search-icon:focus {
	outline: rgb(0, 136, 255) solid 3px;
}
.search-icon2 .btn-search-icon {position: absolute;top: 33%;right: 15px;width: 25px;height: 30px;margin-top: -10px;background: url(/_res/sjcu/graduate/img/common/search.png) no-repeat 0 0;font-size: 0;line-height: 0;border: none; } 

/* table */
.tbl-h {width: 100%;max-width: 1200px;/*table-layout: auto !important;*/margin: 0 auto;border-top: 2px solid #111;border-bottom: 2px solid #111;background: #fff; } 
caption.big {text-align: left;line-height: 90px; } 
caption.small {text-align: left;line-height: 80px; } 
caption.small strong {color: #AD8D5C; } 
.view.co-board .view_noti .table-wrap {overflow : inherit;}
.view.co-board .table-wrap {overflow: auto}
.view.co-board .table-wrap table {width: 100% !important;min-width: 768px}
.view.co-board table {width: 100%;border-top: 2px solid #324d60;border-bottom: 1.02px solid #324d60; } 
.view.co-board .tbl-h td {text-align: left;color: #111;font-family: 'Noto Sans KR', sans-serif; } 
.view.co-board .tbl-h table td,
.view.co-board .tbl-h table th {border-right: solid 1px #e9e9e9;border-left: solid 1px #e9e9e9; padding:10px 0; } 
.view.co-board .notic_click p {/* text-align:left; */}
.view.co-board .notic_click {font-family: 'Noto Sans CJK KR_DemiLight';font-size: 1.6rem;color: #666; }
.tbl-h td {font-size: 1.4rem;line-height: 21px;font-family: 'Noto Sans CJK KR_Medium';letter-spacing: -0.06em; } 
.tbl-h tr td.notic_click {font-family: 'Noto Sans CJK KR_DemiLight';font-size: 1.6rem;color: #666; } 
.tbl-h td.nt {width: 5%;padding: 0 30px;color: #fff; } 
.tbl-h th:first-child,
.tbl-h td:first-child {text-align: center;position: relative; } 
.nt span {position: absolute;width: 48px;height: 26px;font-size: 14px;font-weight: 400;color: #fff;background-color: #ad8d5c;top: 24px;left: calc(50% - 24px);border-radius: 12.5px;line-height: 25px; } 
.tbl-h td.notic_click {color: #000;text-align: left;padding: 60px 55px 125px;line-height: 30px; } 
.tbl-h td:nth-child(2) a {/*font-size: 1.8rem; */
	font-size: 16px;font-weight: 400;display: flex;color: #111;align-items: center;font-family: 'Noto Sans CJK KR_DemiLight';text-indent: 0px;/*display: inline-block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 100px); */
	vertical-align: middle; } 
.board.view.co-board .tbl-h td:nth-child(2) a {display: initial; } 
/*.tbl-h td:first-child{font-family: 'Noto Sans CJK KR_Bold';color:#b8a585;}*/
.tbl-h td:nth-child(3) {color: #324D60;font-family: 'Noto Sans CJK KR_DemiLight'; } 
.tbl-h tr:last-child td {border-bottom: 0; } 
.tbl-h td a img {display: inline-block;margin: 0 11px; } 
.tbl-h td>img {display: inline-block;margin-right: 3px;vertical-align: 0px; } 
.video_link {max-width: 900px;margin: 0 auto 60px;position: relative; } 
.video_link iframe {width: 100%;min-height: 510px;height: 100%;top: 0;left: 0; } 
.fr-video {width: 82.57%;max-height: 510px;height: 83.2%}
fr-video img {display: block;width: 100%;margin: 0 auto; } 
.div_scroll {overflow-x: hidden;width: 100%;height: 150px;background-color: #F5F5F5;padding: 3%;line-height: 25px; } 
.div_scroll::-webkit-scrollbar {width: 10px;height: 50px; } 
.div_scroll::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent; } 
.div_scroll::-webkit-scrollbar-track {background-color: #F5F5F5; } 
.div_scroll h4 {font-size: 20px;margin-bottom: 20px; } 

/* people */
.people_list {width: 100%;margin: 0 auto;max-width: 1200px; } 
.people_list ul {height: 830px;border-top: solid 2px #000; } 
.people_list ul:after {content: "";display: block;clear: both; } 
.people_list ul li {float: left;width: 25%;height: 50%;text-align: center;border-right: solid 1px #f2f2f2;border-top: solid 1px #f3f3f3; } 
.people_list ul li:nth-child(4),
.people_list ul li:nth-child(8) {border-right: 0; } 
.peopleimg {display: block;width: 62%;min-width: 120px;margin: 7% auto; } 
.people_list .table_basic_txt {height: 25%; } 
.brand {width: 170px;height: 30px;display: flex;align-items: center;justify-content: space-between;margin: 20px auto; } 

/* file_down */
.file_down {display: flex;padding: 15px 50px;width: 100%;max-width: 1200px;height: auto;min-height: 60px;background-color: #F5F5F5;margin: 10px auto;border-radius: 5px;justify-content: flex-start;align-items: center; } 
.file_down a {margin: 0 0 0 26px;font-size: 16px;color: #929292;} 
.file_down a img {display: inline-block;width: 23px;margin: 0px 10px 5px 0; } 
.file_down a:first-child {margin:0;max-width: calc(100% - 150px);color: #324D60; } 
.file_down a.attach-preview-btn:before {content: "";display: inline-block;margin: 0 37px -8px 0;width: 1px;height: 28px;background-color: #cccccc; } 

.file_down a:last-child::after {content:'';width:14px;height:14px;background:url(/_res/sjcu/graduate/img/common/file_down_plus.png) no-repeat;display:inline-block;vertical-align:-1px;margin-left:8px; } 

/* paging */
.paging {font-size: 0;line-height: 0;text-align: center;display: flex;justify-content: center;margin: 41px auto 80px;min-width: 100px;position: relative; } 
.paging>a.active {padding: 0;display: flex;justify-content: flex-end; } 
.paging>a.active:before {display: none; } 
.paging button,
.paging a {width: 50px;height: 45px;border: 0;border-radius: 50px;font-size: 18px;font-weight: 400;line-height: 45px;text-align: center;color: #111;vertical-align: top;box-sizing: border-box; } 
.paging button {position: relative;overflow: hidden;background-repeat: no-repeat;background-position: 11% 49%;font-size: 0;line-height: 0}
.paging button.prev {background-image: url(/_res/sjcu/graduate/img/common/prev.png)}
.paging button.next {background-image: url(/_res/sjcu/graduate/img/common/next.png)}
.paging strong {background-color: #ad8d5c;font-weight: 500;color: #fff;border-radius: 50%;position: relative;display: block;width: 45px; } 
.paging strong:before {content: '';display: inline-block;width: 1px;height: 20px;background-color: #fff;position: absolute;top: 14px;right: -1px; } 
.paging>a {position: relative; } 
.paging>a::before {content: '';display: inline-block;width: 1px;height: 20px;background-color: #e4e4e4;position: absolute;top: 14px;left: 0;z-index: -1; } 
.paging .prev {position:relative !important; left:0 !Important;}
.list_btn {display: block;width: 114px;margin: 60px auto 0; } 
/* people */
.people_list {width: 100%;margin: 0 auto;max-width: 1200px; } 
.people_list ul {height: 830px;border-top: solid 2px #000; } 
.people_list ul:after {content: "";display: block;clear: both; } 
.people_list ul li {float: left;width: 25%;height: 50%;text-align: center;border-right: solid 1px #f2f2f2;border-top: solid 1px #f3f3f3; } 
.people_list ul li:nth-child(4),
.people_list ul li:nth-child(8) {border-right: 0; } 
.peopleimg {display: block;width: 62%;min-width: 120px;margin: 7% auto; } 
.people_list .table_basic_txt {height: 25%; } 
.brand {width: 170px;height: 30px;display: flex;align-items: center;justify-content: space-between;margin: 20px auto; } 
/* interview */
.interview_list strong {display: block;font-size: 14px;line-height: 30px;color: #AD8D5C;font-weight: normal; } 
.interview_list a {display: block; } 
.interview_list p {display: inline-block;color: #9A9A9A;margin: 2% 12% 0 0;font-size: 14px; } 
.interview_list .page_sub_txt {font-size: 18px;color: #111;margin: 0 0 0 0;width: 100%; } 
.interview_list span img {margin-right: 5px;border-radius: 5px; } 
.interview_list {width: 100%;margin: 0 auto;max-width: 1200px; } 
.interview_list ul {display: flex;flex-wrap: wrap;border-top: solid 2px #000;border-bottom: solid 2px #000;padding: 48px 0px; } 
.interview_list ul:after {content: "";display: block;clear: both; } 
.interview_list ul li {width: 32%;margin-right: 2%;margin-bottom: 2%; } 
.interview_list ul li:nth-of-type(3n){margin-right:0;}
.interview_list ul li.b-no-post {width: 100%;margin-right: 0;margin-bottom: 0;text-align: center; } 
.interview_img_wrap {display: block;width: 100%; } 
.interview_list ul li a .b-img-box { height: 240px; }
.interview_list ul li a .b-img-box img {display: block;width: 100%;border-radius: 5px; object-fit: contain; height: 100%;} 
.interview_list ul li a>img {display: block;width: 100%;height: 240px;border-radius: 5px; } 
.interview_list>img {display: block;width: 100%; } 
.interview_list strong {display: block;font-size: 14px;line-height: 30px;color: #AD8D5C;font-weight: normal; } 
.interview_list a {display: block;color: #000;font-size: 18px; } 
.interview_img_wrap {position: relative;display: block;border-radius: 5px; } 
.interview_img_wrap img {display: block;width: 100%; } 
.interview_list p {display: inline-block;color: #9A9A9A;margin: 2% 12% 0 0;font-size: 14px; } 
.span_view {color: #9A9A9A;font-size: 14px; } 
.interview_list a:hover .about_lecture, .interview_list a:focus .about_lecture{opacity: 1; } 
.about_lecture {width: 100%;height: 100%;border-radius: 5px;position: absolute;top: 0;left: 0;background-color: rgba(50, 77, 96, 0.8);display: flex;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.5s; } 
.about_lecture p {color: #fff !important;margin: 0 !important; } 
.about_tit {width: 100%;display: flex;align-items: center;justify-content: center;font-family: 'Noto Sans CJK KR_Medium'; } 
.about_tit_line {width: 1px;height: 13px;display: block;background-color: #fff;margin: 10px 0 15px; } 
.about_tit p:first-child {background-color: #ad8d5c;border-radius: 30px;padding: 5.5px 15.69px;margin-right: 10px !important; } 
.about_sub_tit {width: 100%;text-align: center;margin-bottom: 8px; } 
.star_wrap {display: flex; } 
/* people */
.people_list {width: 100%;margin: 0 auto;max-width: 1200px; } 
.people_list ul {height: 830px;border-top: solid 2px #000; } 
.people_list ul:after {content: "";display: block;clear: both; } 
.people_list ul li {float: left;width: 25%;height: 50%;text-align: center;border-right: solid 1px #f2f2f2;border-top: solid 1px #f3f3f3; } 
.people_list ul li:nth-child(4),
.people_list ul li:nth-child(8) {border-right: 0; } 
.peopleimg {display: block;width: 62%;min-width: 120px;margin: 7% auto; } 
.people_list .table_basic_txt {height: 25%; } 
.brand {width: 170px;height: 30px;display: flex;align-items: center;justify-content: space-between;margin: 20px auto; } 

.interview_list strong {display: block;font-size: 14px;line-height: 30px;color: #AD8D5C;font-weight: normal; } 
.interview_list a {display: block; } 
.interview_list p {display: inline-block;color: /*#9A9A9A*/#333;margin: 2% 7% 0 0;font-size: 14px; } 
.interview_list .page_sub_txt {font-size: 18px;color: #111;margin-top: 0;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-top: 15px; } 
.span_view {color: #9A9A9A;font-size: 14px; } 
.span_view img {margin-right: 5px; } 
.input_layout {display: flex; } 
.input_layout_flex {width: 100%;display: flex; } 

/* 220114 */
/* 평생교육원 과정 list */
.b-course-list-wrap > ul{font-size:0;}
.b-course-list-wrap .course-con{display:inline-block;position:relative;margin:0 12px 30px 0;width:calc(33.33333% - 8px);vertical-align:top;}
.b-course-list-wrap .course-con:nth-of-type(3n){margin-right:0;}
.b-course-list-wrap .course-con > span{display:flex;position:absolute;top:0;right:0;width:60px;height:60px;font-weight:600;font-size:15px;justify-content:center;align-items:center;}
.b-course-list-wrap .course-con > span.new{background-color:#ffe400;color:#333;}
.b-course-list-wrap .course-img-box{height: 257px;}
.b-course-list-wrap .course-img-box img{width:100%;height:100%;object-fit:cover;}
.b-course-list-wrap .course-con-box{border:1px solid #eee;}
.b-course-list-wrap .course-con-box .top-box{display:flex;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;}
.b-course-list-wrap .course-con-box .top-box .status{display: flex;width:90px;height: 42px;background-color:#bababa;font-size:16px;color:#fff;line-height:1;text-align:center;justify-content: center;align-items: center;}
.b-course-list-wrap .course-con-box .top-box .date{position:relative;padding:0 20px;font-size:14px;color:#999;}
.b-course-list-wrap .course-con-box .top-box .date:before{content:'';position:absolute;top:50%;left:0;margin:-6px 0 0;width:13px;height:12px;background:url(/_res/sjcu/_share/img/institution/edu/ico-date.png) no-repeat 0 0/100%;}
.b-course-list-wrap .course-con-box .txt-box{padding: 20px 20px 24px;}
.b-course-list-wrap .course-con-box .txt-box .mini-title{display: block;font-weight:600;font-size:20px;color:#333;line-height:30px;letter-spacing: -1px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.b-course-list-wrap .course-con-box .txt-box .mini-txt{font-size:16px;color:#666;line-height:26px;letter-spacing: -1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.b-course-list-wrap .course-con-box .txt-box .hash-box span{display: inline-block;margin: 0 8px 0 0;font-weight:400;font-size:14px;color:#999;line-height: 24px;}
.b-course-list-wrap .course-con-box .txt-box .hash-box span:last-of-type{margin:0;}
.b-course-list-wrap .course-con-box .txt-box .hash-box span:before{content:'#';}
.b-course-list-wrap .course-con-box .txt-box .info-box{display: flex;padding: 12px 0 0;justify-content: space-between;}
.b-course-list-wrap .course-con-box .txt-box .info-box .price{height:50px;font-weight:400;font-size:20px;color:#333;line-height: 25px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*.b-course-list-wrap .course-con-box .txt-box .info-box .price:after{content:'원';font-size:14px;} */
.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box{float:right;font-size:0;}
.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box > a{display:inline-block;margin:0 20px 0 0;vertical-align: bottom;text-indent:-999999px;}
.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box > a:last-of-type{margin:0;}
.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box .like{width:23px;height:20px;background:url(/_res/sjcu/_share/img/institution/edu/ico-heart.png) no-repeat 0 0/100%;}
.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box .like.on{background-image:url(/_res/sjcu/_share/img/institution/edu/ico-heart-on.png);}
.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box .sample{width:20px;height:25px;background:url(/_res/sjcu/_share/img/institution/edu/ico-tv.png) no-repeat 0 0/100%;}
.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box .sample.on{background-image:url(/_res/sjcu/_share/img/institution/edu/ico-tv-on.png);}

.b-course-list-wrap .open .course-con-box .top-box .status{background-color:#005c8b;}
.b-course-list-wrap .open .course-con-box .top-box .date{color:#005c8b;}
.b-course-list-wrap .open .course-con-box .top-box .date:before{background-image:url(/_res/sjcu/_share/img/institution/edu/ico-date-on.png);}

/* 평생교육원 과정 list 팝업 */
.b-course-list-wrap .course-detail{display:none;position:absolute;top:0;left:0;padding:20px;width:100%;height:100%;opacity:0;transition:opacity 0.5s;}
.b-course-list-wrap .course-con:hover .course-detail, .b-course-list-wrap .course-con.on .course-detail{opacity:1;transition:opacity 0.5s;}
.b-course-list-wrap .course-detail .detail-inner{position:relative;height:100%;background-color:rgba(255,228,0,.95);overflow-y: auto;}
.b-course-list-wrap .course-detail .detail-inner > a{display:block;padding:50px 40px 40px;height: 100%;}
.b-course-list-wrap .course-detail .detail-inner .detail-title{padding: 0 0 8px 0;font-weight:600;font-size:18px;color:#111;line-height:30px;text-align:center;}
.b-course-list-wrap .course-detail .detail-inner .detail-txt{font-size:16px;color:#111;line-height:26px;text-align:center;letter-spacing:-1.5px;}
.b-course-list-wrap .course-detail .detail-inner > a:hover .detail-txt{text-decoration:underline;}
.b-course-list-wrap .course-detail .detail-inner .top-box{position:relative;margin:0 0 20px 0;padding:0 0 21px 0;}
.b-course-list-wrap .course-detail .detail-inner .top-box:after{content:'';position:absolute;bottom:0;left:50%;margin:0 0 0 -13px;width:25px;height:1px;background-color:#333;}
.b-course-list-wrap .course-detail .detail-inner .etc-box{text-align:center;}
.b-course-list-wrap .course-detail .detail-inner .etc-box > div{display:inline-block;vertical-align:middle;}
.b-course-list-wrap .course-detail .detail-inner .etc-box .rating{margin: 0 11px 0 0;padding:0 16px 0 0;border-right:1px solid #333;font-size: 0;}
.b-course-list-wrap .course-detail .detail-inner .etc-box .rating img{display: inline-block;}
.b-course-list-wrap .course-detail .detail-inner .etc-box .rating span{display:inline-block;padding:0 0 0 10px;font-size:16px;color:#333;line-height:1;vertical-align:middle;}
.b-course-list-wrap .course-detail .detail-inner .etc-box .certificates a{display:block;color:#9c0430;letter-spacing: -1px;}
.b-course-list-wrap .course-detail .detail-inner .etc-box .certificates a:hover{text-decoration:underline;}
.b-course-list-wrap .course-detail .detail-inner .etc-box .certificates a:before{content:'';display:inline-block;margin: 0 7px 0 0;width:12px;height:18px;background:url(/_res/sjcu/_share/img/institution/edu/ico-certificates.png) no-repeat 0 0/100%;vertical-align: bottom;}

/* 평생교육원 과정 view */
.b-course-view-wrap{padding:0 0 60px 0;border-bottom:1px solid #d3d3d3;}

.b-course-view-top{padding:0 0 40px 0;}
.b-course-view-top .b-top-con-box{display:flex;border:1px solid #dbdbdb;border-radius:5px;overflow: hidden;}
.b-course-view-top .course-img-box{min-width:370px;}
.b-course-view-top .course-img-box > img{width:100%;height:100%;object-fit:cover;}
.b-course-view-top .course-info-box{padding: 30px 30px 30px 40px;}
.b-course-view-top .course-info-box > span{display: inline-block;margin:0 0 14px 0;padding: 5px 10px;min-width:67px;border:1px solid #9c0430;border-radius:26px;font-weight:500;font-size:14px;color:#9c0430;line-height:1;text-align: center;}
.b-course-view-top .course-info-box .course-title{padding:0 0 20px 00;font-weight:500;font-size:26px;color:#111;line-height:36px;letter-spacing: -1.1px;}
.b-course-view-top .course-info-box .course-title .like{display:inline-block;position: relative;top: 5px;margin:0 0 0 13px;width:23px;height:20px;background:url(/_res/sjcu/_share/img/institution/edu/ico-view-heart.png) no-repeat 0 0/100%;text-indent:-999999px;}
.b-course-view-top .course-info-box .course-title .like.on{background-image:url(/_res/sjcu/_share/img/institution/edu/ico-view-heart-on.png);}
.b-course-view-top .course-info-box > div > ul > li{display:table;float:left;padding:0 10px 12px 0;table-layout:fixed;}
.b-course-view-top .course-info-box > div > ul > li:nth-of-type(odd){width: 59%;}
.b-course-view-top .course-info-box > div > ul > li:nth-of-type(even){width: 41%;}
.b-course-view-top .course-info-box > div > ul > li:last-of-type{padding-bottom:0;}
.b-course-view-top .course-info-box > div > ul > li > span{display:table-cell;position:relative;padding: 0 15px 0 28px;width:95px;color:#333;letter-spacing:-2px;vertical-align:top;}
.b-course-view-top .course-info-box > div > ul > li > span:before{content:'';position:absolute;top:5px;left:0;width:22px;height:18px;}
.b-course-view-top .course-info-box > div > ul > li:nth-of-type(1) > span:before{background:url(/_res/sjcu/_share/img/institution/edu/ico-course-view-top01.png) no-repeat 0 0/100%;}
.b-course-view-top .course-info-box > div > ul > li:nth-of-type(2) > span:before{background:url(/_res/sjcu/_share/img/institution/edu/ico-course-view-top02.png) no-repeat 0 0/100%;}
.b-course-view-top .course-info-box > div > ul > li:nth-of-type(3) > span:before{background:url(/_res/sjcu/_share/img/institution/edu/ico-course-view-top03.png) no-repeat 0 0/100%;}
.b-course-view-top .course-info-box > div > ul > li:nth-of-type(4) > span:before{background:url(/_res/sjcu/_share/img/institution/edu/ico-course-view-top04.png) no-repeat 0 0/100%;}
.b-course-view-top .course-info-box > div > ul > li:nth-of-type(5) > span:before{background:url(/_res/sjcu/_share/img/institution/edu/ico-course-view-top05.png) no-repeat 0 0/100%;}
.b-course-view-top .course-info-box > div > ul > li:nth-of-type(6) > span:before{background:url(/_res/sjcu/_share/img/institution/edu/ico-course-view-top06.png) no-repeat 0 0/100%;}
.b-course-view-top .course-info-box > div > ul > li > span:after{content:'';position:absolute;top: 5px;right:0;width:1px;height:17px;background-color:#d3d3d3;}
.b-course-view-top .course-info-box > div > ul > li > p{display:table-cell;padding:0 0 0 12px;color:#666;letter-spacing:-1px;word-break: break-all;}
.b-course-view-top .list_btn{margin-top:40px;}
.b-course-view-top .list_btn > li > a:before{content:'';display:inline-block;margin:0 9px 0 0;width:20px;height:26px;vertical-align:bottom;}
.b-course-view-top .list_btn > li > a.sample:before{background:url(/_res/sjcu/_share/img/institution/edu/ico-view-sample.png) no-repeat 0 0/100%;}
.b-course-view-top .list_btn > li > a.application:before{background:url(/_res/sjcu/_share/img/institution/edu/ico-view-application.png) no-repeat 0 0/100%;}
.b-course-view-top .list_btn > li > a.sample:hover:before{background-image:url(/_res/sjcu/_share/img/institution/edu/ico-view-sample-on.png);}
.b-course-view-top .list_btn > li > a.application:hover:before{background-image:url(/_res/sjcu/_share/img/institution/edu/ico-view-application-on.png);}

.b-course-view-con .b-con-box{padding: 0 0 35px 0;}
.b-course-view-con .b-con-box:last-of-type{padding:0;}
.b-course-view-con .b-con-box > p{color:#666;}
.b-course-view-con .b-con-box .table-type01 td{color:#666;}
.b-course-view-con .b-con-box .b-btn-box{padding:18px 0 0;}
.b-course-view-con .b-con-box .b-btn-box:after{content:'';display:block;clear:both;}
.b-course-view-con .b-con-box .b-btn-box > a{float:right;padding: 10px;min-width:166px;background-color:#005c8b;border-radius:5px;font-weight:500;color:#fff;line-height:26px;text-align:center;}

/* 일반게시판 모바일 */
.ko.board.list .tbl-h td .b-m-con{display:none;}


@media screen and (max-width:1200px) {
	/* 평생교육원 과정 list */
	.b-course-list-wrap .course-con:nth-of-type(n){margin:0 12px 30px 0;width:calc(50% - 6px);}
	.b-course-list-wrap .course-con:nth-of-type(2n){margin-right:0;}

	/* 평생교육원 과정 view */
	.b-course-view-top .course-info-box{padding:20px 30px;}
	.b-course-view-top .course-info-box > div > ul > li:nth-of-type(n){float:none;padding-right: 0;width:100%;}
}

@media screen and (min-width :1024px) {
	.b-course-list-wrap .course-con:hover .course-detail{display:block;}
}

@media screen and (max-width :1024px) {
	/* 평생교육원 과정 list */
	.b-course-wrap{padding:0 20px;}
	.b-course-list-wrap .course-con.on .course-detail{display:block;}

	/* 평생교육원 과정 view */
	.b-course-view-top .course-img-box{min-width:250px}
}

@media screen and (max-width:990px) {
	.co-board colgroup col:nth-child(2) {width: 40%; } 
	.bn-write-app-qna01 .b-email-box .b-input {max-width: 100%; } 
	.bn-write-app-qna01 .b-email-box .b-select {max-width: 100%;margin: 5px 0 0 0; } 
}

@media screen and (max-width:768px) {
	.nt span {top: -14px;display: inline-block;position: static; } 
	.paging>a:nth-child(n+7) {display: none; } 
	.paging>a.next,
	.paging>a.prev {display: block}
	.top_field {margin: 0 auto 15%;align-items: flex-start;flex-direction: column; } 
	/*table tbody td.b-td-left a { text-indent: 0px; display: block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } */
	.tbl-h td:nth-child(2) a {font-size: 16px}
	/*.co-board {width: 100%; } */
	.notic_click font {word-break: break-all}
	.notic_click a {display: inline}
	.tbl-h td.notic_click {padding: 50px 0px; } 
	.video_link {width: 100%;max-width: 100%;margin: 0 auto 5%; } 
	.detail_title span:last-child {justify-content: flex-start; } 
	.detail_title>p {font-size: 2.6rem;margin-bottom: 0; } 
	.detail_title span {margin: 5px 0; } 
	.interview_list ul li {width: 49%;margin-right: 2%; } 
	.interview_list ul li:nth-child(2n - 1){margin-right:2%;}
	.interview_list ul li:nth-child(2n) {margin-right: 0; } 
	.faq-list>dt {display: block;padding: 20px 0 40px; } 
	.faq-list>dt:before {bottom: 10%;right: 15px;background-size: contain;width: 16px;height: 14px; } 
	.faq-list>dt strong {position: absolute;top: 15%;left: 3%; } 
	.faq-list>dt p {width: auto;display: block;font-size: 1.6rem;padding: 0 19% 0 12%; } 
	.faq-list>dt p span {position: absolute;right: 10%;margin-right: 0; } 
	.field_wrap2 {flex-direction: column;width: 100%;min-width: 100%; } 
	.field_select2 {width: 100%;padding: 7px 19px;margin-bottom: 10px;background: url(/_res/sjcu/graduate/img/common/select_down_arrow.png) no-repeat 97% 50%; } 
	.field_select {background: url(/_res/sjcu/graduate/img/common/select_down_arrow.png) no-repeat 97% 50%; } 
	.search-icon2 {widtH: 100%;margin-bottom: 10px; } 
	.search-icon2 .btn-search-icon {right: 14px; } 
	.faq-list>dd {padding: 30px; } 
	.file_down{padding:10px 15px;}
	.file_down a{margin: 0 0 0 15px;font-size:14px;}
	.file_down a:first-child{max-width: calc(100% - 105px);}
	.file_down a.attach-preview-btn:before{margin: 0 10px -8px 0;}
	.file_down a img{margin: 0 4px 4px 0;width: 16px;}

	/* bn-view-common01 type01 */
	.bn-view-common01.type01 .b-main-box .b-content-box{padding:50px 0;}

	/* bn-write-common01 type01 공통 */
	.bn-write-common01 .b-table-box .b-row-box .b-title-box {display: block;padding: 7px 10px 6px;width: 100%;font-size: 14px;line-height: 22px;text-align: left;border-right: none; } 
	.bn-write-common01 .b-table-box .b-row-box .b-con-box {display: block;padding: 10px; } 
	.bn-write-common01 .b-table-box .b-row-box .b-con-box02 {display: block; } 
	.bn-write-common01 .b-select {width: calc(50% - 5px);max-width: 100%;height: 35px;border-radius: 0; } 
	.bn-write-common01 .b-input {height: 32px;font-size: 14px; } 
	.bn-write-common01 .b-textarea {padding: 10px;height: 200px; } 
	.bn-write-common01 .b-sel-title {font-size: 14px; } 
	.bn-write-common01 .b-sel-box ul li a {font-size: 14px; } 
	.bn-write-common01 .b-table-box.b-notice-box .b-row-box .b-con-box:nth-of-type(2) {width: auto; } 
	.bn-write-common01 .b-table-box.b-notice-box .b-row-box .b-title-box:nth-of-type(3) {border-left: none; } 
	.bn-write-common01 .b-email-box .b-input {width: calc(50% - 12px);max-width: 100%; } 
	.bn-write-common01 .b-email-box .b-select {margin: 5px 0 0 0;width: 100%; } 
	.bn-write-common01 .b-email-box span {font-size: 14px; } 
	.bn-write-common01 .b-tel-box .b-select {width: calc(33.33% - 15px);max-width: 100%; } 
	.bn-write-common01 .b-tel-box .b-input {margin: 5px 0 0 0; } 
	.bn-write-common01 .b-password-box span {display: block;padding: 5px 0 0 0;font-size: 14px;line-height: 19px; } 
	.bn-write-common01 .b-date-box .b-input.datepicker {margin: 0 0 10px 0;width: 100%;max-width: 100%; } 
	.bn-write-common01 .b-write-box {padding: 20px 0; } 
	.bn-write-common01 .b-write-box .b-textarea {height: 200px; } 
	.bn-write-common01 .b-file-box>div .b-guide-box {padding: 5px 0 0 0; } 
	.bn-write-common01 .b-file-box>div .b-guide-box label {padding: 0 25px 0 0;font-size: 14px; } 
	.bn-write-common01 .b-file-box.type01 .b-left-box {float: none; } 
	.bn-write-common01 .b-file-box.type01 .b-left-box .b-sel-box {padding: 0 0 10px; } 
	.bn-write-common01 .b-file-box.type01 .b-right-box {float: none; } 
	.bn-write-common01 .b-file-box.type02 .b-left-box {float: none;padding: 0 0 10px; } 
	.bn-write-common01 .b-file-box.type02 .b-right-box {float: none; } 
	.bn-write-common01 .b-file-box.type02 .b-right-box .b-guide-txt {padding: 0 0 5px; } 
	.bn-write-common01 .b-file-box.type02 .b-right-box .b-input {width: 100%; } 
	.bn-write-common01 .b-file-box.type03 .b-file-btn {width: 65px;font-size: 14px; } 
	.bn-write-common01 .b-file-box.type03 span {font-size: 14px;line-height: 24px; } 
	.bn-write-common01 .b-file-box.type04 div p {width: calc(100% - 75px); } 
	.bn-write-common01 .b-file-box.type04 .b-file-del-btn {min-width: 65px;font-size: 14px; } 
	.bn-write-common01 .b-file-box .b-guide-txt {padding: 5px 0 0 0;width: 100%;font-size: 14px;line-height: 19px; } 
	.bn-write-common01 .b-url-box p {line-height: 20px; } 
	.bn-write-app-qna01 .b-email-box .b-input {width: calc(50% - 14px);max-width: 200px;height: 35px; } 
	.bn-write-app-qna01 .b-email-box .b-select {max-width: 200px;margin: 0px; } 

	/* 220114 */
	/* 평생교육원 과정 list */
	.b-course-list-wrap .course-con:nth-of-type(n){margin:0 0 20px 0;width:100%;}
	.b-course-list-wrap .course-con:last-of-type{margin:0;}
	.b-course-list-wrap .course-con > span{width:56px;height:58px;font-size:14px;}
	.b-course-list-wrap .course-con-box .top-box .status{width:82px;height:40px;font-size:15px;}
	.b-course-list-wrap .course-con-box .top-box .date{padding:0 16px;}

	.b-course-list-wrap .course-con-box .txt-box{padding: 21px 16px 15px;}
	.b-course-list-wrap .course-con-box .txt-box .mini-title{font-size:18px;line-height:28px;}
	.b-course-list-wrap .course-con-box .txt-box .mini-txt{font-size:13px;line-height:23px;}
	.b-course-list-wrap .course-con-box .txt-box .info-box{padding: 12px 0 0;}
	.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box > a{margin:0 14px 0 0;}
	.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box .like{width:21px;height:19px;}
	.b-course-list-wrap .course-con-box .txt-box .info-box .info-btn-box .sample{width:19px;height:24px;}

	/* 평생교육원 과정 list 팝업 */
	.b-course-list-wrap .course-detail{padding:10px;}
	.b-course-list-wrap .course-detail .detail-inner > a{padding:20px;}
	.b-course-list-wrap .course-detail .detail-inner .detail-title{font-size:16px;line-height:28px;}
	.b-course-list-wrap .course-detail .detail-inner .detail-txt{padding:5px 0 0;font-size:14px;line-height:24px;}
	.b-course-list-wrap .course-detail .detail-inner .etc-box .rating span{font-size:14px;}
	.b-course-list-wrap .course-detail .detail-inner .etc-box .certificates a{font-size:14px;}

	/* 평생교육원 과정 view */
	.b-course-view-wrap{padding:0 0 40px 0;}

	.b-course-view-top{padding:0 0 20px 0;}
	.b-course-view-top .b-top-con-box{display:block;}
	.b-course-view-top .course-img-box{min-width:auto;height:300px;}	
	.b-course-view-top .course-info-box{padding: 15px;}
	.b-course-view-top .course-info-box > span{margin: 0 0 10px 0;}
	.b-course-view-top .course-info-box .course-title{padding:0 0 15px 0;font-size:20px;line-height: 30px;}
	.b-course-view-top .course-info-box .course-title .like{top: 3px;margin:0 0 0 10px;}
	.b-course-view-top .course-info-box > div > ul > li{padding:0 0 8px 0;}
	.b-course-view-top .course-info-box > div > ul > li > span{padding:0 10px 0 28px;}
	.b-course-view-top .course-info-box > div > ul > li > span:after{height:14px;}
	.b-course-view-top .list_btn{margin-top: 20px;}
	.b-course-view-top .list_btn > li > a{padding: 10px 30px;}

	.b-course-view-con .b-con-box{padding: 0 0 20px 0;}
	.b-course-view-con .b-con-box .b-btn-box{padding:10px 0 0;}
	.b-course-view-con .b-con-box .b-btn-box > a{padding:7px 10px;min-width: 150px;}


	.ko.board.list .tbl-h tbody{display:table-row-group}
	.ko.board.list .tbl-h tr {height: auto;display: table-row;align-items: unset;position: relative; } 
	.ko.board.list .tbl-h td{padding:15px 0 10px;}
	.ko.board.list .tbl-h td:nth-child(1) {padding:16px 15px 35px; font-family:'Noto Sans CJK KR_Medium';} 
	.ko.board.list .b-td-left a > img {margin:0 11px 0;}
	.ko.board.list .tbl-h td .b-m-con{display:block;padding:3px 0 0 7px;}
	.ko.board.list .tbl-h td .b-m-con span{padding:0 16px 0 0;}
	.ko.board.list .tbl-h td .b-m-con span:last-of-type{padding:0;}
	.ko.board.list .tbl-h td .b-m-con .b-date{font-size: 1.4rem;line-height: 21px;font-family: 'Noto Sans CJK KR_DemiLight';letter-spacing: -0.06em; color: #324D60; } 
	.ko.board.list .tbl-h td .b-m-con .b-hit{font-size: 1.4rem;line-height: 21px;font-family: 'Noto Sans CJK KR_Medium';letter-spacing: -0.06em;color: #ad8d5c;word-break: break-all;} 
	.ko.board.list .tbl-h td .b-m-con .b-hit > img{display: inline-block;margin-right: 3px;vertical-align: 0px; } 
	.ko.board.list colgroup col:nth-child(1){width:12%;}
	.ko.board.list colgroup col:nth-child(2){width:auto;}
	.ko.board.list colgroup col:nth-child(3){display:none;width:0;}
	.ko.board.list colgroup col:nth-child(4){display:none;width:0;}
	.ko.board.list .tbl-h td:nth-child(3){display:none;}
	.ko.board.list .tbl-h td:nth-child(4){display:none;}

}

@media screen and (max-width: 550px) {
	/*.ko.board.list .tbl-h td:nth-child(1) { width:60px; } */
	.interview_list ul li {width: 100%;max-width: 600px;margin: 5% auto;float: none; } 
	.interview_list ul {flex-direction: column;padding: 20px 0}
	.interview_list ul li {width: 100%;margin-right: 0; } 
	.interview_list ul li:nth-child(2n - 1){margin-right:0;}
	.col-w5 {width: 10%; } 
	.col-w9 {width: 12%; } 
}

@media screen and (max-width:480px) {
	.video_link iframe {min-height: 320px; } 

	.ko.board.list colgroup col:nth-child(1){width:15%;}
	.ko.board.list .tbl-h td:nth-child(1) {padding:16px 9px 35px;}
	.ko.board.list .tbl-h td .b-m-con{padding:5px 0 0 7px;}
}

@media screen and (min-width: 0px) and (max-width: 768px) {
	.field_wrap {flex-direction: column; } 
	.top_field form {width: 100%; } 
	.field_select {width: 100% !important;height: 40px;min-width: auto !important;margin-bottom: 10px; } 
	.search-icon {width: 100% !important;max-width: 100% !important;margin-bottom: 10px; } 
	.faq-list>dt a.edit-btn {margin: 0; } 
	.tbl-h {table-layout: fixed !important; } 
	.tbl-h tr {position: relative;height: 85px; } 
}



/*템플릿 에디터 임시 코드*/
.jini-editor .news-img{position:relative;background:#000;} 
.jini-editor .news-img img{ display: block; margin: 0px auto; height: 269px;}
.jini-editor .news-img .news-txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;} 
.jini-editor .news-img .news-txt p{position:relative;margin:0 0 10px;padding:0 0 10px;text-align:center;} 
.jini-editor .news-img .news-txt p:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:35px;height:1px;background:#fff;} 
.jini-editor .news-img .news-txt p:last-of-type{margin:0;padding:0;} 
.jini-editor .news-img .news-txt p:last-of-type:after{display:none;} 
.jini-editor .news-img .news-txt p span{display:block;font-size:15px;line-height:20px;color:#fff;} 
.jini-editor .news-img .news-txt p:nth-of-type(2) span{font-size:20px;line-height:25px;font-weight:500;} 

/*대학원 타입별 커스텀*/
.jini-editor .news-img .news-txt p span.type01{color:#74dfff;}
.jini-editor .news-img .news-txt p span.type02{color:#00fdf2;}
.jini-editor .news-img .news-txt p span.type03{color:#1a28e1;}
.jini-editor .news-img.type05 .news-txt p:after{color:#000;}
.jini-editor .news-img.type05 .news-txt p span {color:#000; }
.jini-editor .news-img.type05 .news-txt p span.type05{color:#6c8dd4;}
.jini-editor .news-img.type07 .news-txt p:after{color:#000;}
.jini-editor .news-img.type07 .news-txt p span {color:#000; }
.jini-editor .news-img.type07 .news-txt p span.type07{color:#7204d5;}
.jini-editor .news-img .news-txt p span.type10{color:#fcfe03;}
.jini-editor .news-img.type12 .news-txt p:after{color:#000;}
.jini-editor .news-img.type12 .news-txt p span {color:#000; }
.jini-editor .news-img.type12 .news-txt p span.type12{color:#ff0000;}

/*예결산 공고*/
.jini-editor .view_noti , .view.co-board .notic_click .view_noti {overflow: hidden;  width: 100%; max-width: 765px; margin: 0 auto 40px; }
.jini-editor .view_noti .noti_info, .view.co-board .notic_click .view_noti .noti_info { display: table; width: 100%; height: 70px; background: url(/_res/sjcu/_share/img/common/bg_BBSline_write.png) repeat-x; font-size: 21px;}
.jini-editor .view_noti .noti_info strong, .view.co-board .notic_click .view_noti .noti_info strong{ font-size: 21px;}
.jini-editor .view_noti .noti_info p, .view.co-board .notic_click .view_noti .noti_info p{ display: table-cell; overflow: hidden; min-height: 22px; padding: 0 215px 0 30px; border: 1px solid #ddd; background: url(/_res/sjcu/_share/img/common/mark_sjcu.png) no-repeat right 30px top 51%; font-size: 21px; line-height: 22px; text-align: left; vertical-align: middle; }
.jini-editor .view_noti .noti, .view.co-board .notic_click .view_noti .noti { width: 100%; max-width: 765px; min-height: 340px; margin-top: -1px; box-sizing: border-box; padding: 0 30px; border: 1px solid #ddd; background: url(/_res/sjcu/_share/img/common/bg_univWatermark.png) no-repeat 50% 40px; text-align: center; }
.jini-editor .view_noti .noti .txt, .view.co-board .notic_click .view_noti .noti .txt{ padding: 60px 0 40px; color: #272727; font-size: 18px; line-height: 24px; }
.jini-editor .view_noti .noti .txt>b, .view.co-board .notic_click .view_noti .noti .txt>b{ display: block; margin: 0 auto 20px; color: #000; font-size: 34px; font-weight: 400; line-height: 38px; }
.jini-editor .view_noti .noti table, .view.co-board .notic_click .view_noti .noti table{ width:100%; min-width:100%; border:none; }
.view.co-board .notic_click .view_noti .noti table tbody{border:none!important; }
.view.co-board .notic_click .view_noti .noti table tr{ border:none; }
.view.co-board .notic_click .view_noti .noti table td{ text-align: center; border:none; }