@charset "utf-8";
/* 공통 */
.num-list > li:before {color: #1f216b;} 

/* 교육과정 신청 */
/* 테이블 스타일 설정 */
.table thead th {line-height: 1.4;}
.table tbody td {line-height: 1.4;}
.table-responsive .table-icon {top: 50%;}
.table tbody td .person {display: inline-block;line-height: 1.4;color: #1f216b;}
.table tbody td .total {display: inline-block;line-height: 1.4;}
.table tbody td .wait {line-height: 1;display: inline-block;}
.table tbody td .wait .w-person {display: inline-block;line-height: 1.2;vertical-align: initial;color: #e4001a;}

.Application_Accounting-list .status {font-size: 15px;display: inline-block;line-height: 1;width: 100px;text-align: left;padding: 10px 0px 10px 15px;letter-spacing: -1px;}
.Application_Accounting-list .status.status1 {background-color: #1f216b;color: #fff;background-image: url(/images/pedu/prog/arrow-w.png);background-repeat: no-repeat;background-size: 20px;background-position: 70px 50%;border: 1px solid #1f216b;transition: all 0.2s;} /*접수중*/
.Application_Accounting-list .status.status1:hover, 
.Application_Accounting-list .status.status1:focus {color: #1f216b;background-color: #fff;background-image: url(/images/pedu/prog/arrow-b.png);border: 1px solid #1f216b;} /*신청중*/ 
.Application_Accounting-list .status.status2 {background-color: #b5171e;color: #fff;text-align: center;padding: 10px 0px;border: 1px solid #b5171e;} /*접수마감*/
.Application_Accounting-list .status.status3 {background-color: #aaa;color: #fff;padding: 10px 0;text-align: center;} /*신청대기*/
.Application_Accounting-list .status.status4 {background-color: #7079a2;color: #fff;padding: 10px 0;text-align: center;} /*대기자 신청중*/

.Application_Accounting-list .ui.ui-topbox.type1 {margin-bottom: 0px;}
.pagination {margin-top:60px;}
.Application_Accounting-list .program--search .search_inner.float-md-right {max-width: none;width: calc(100% / 2 - 0px);}
.Application_Accounting-list .program--search .search_inner.float-md-right .search--text {max-width: none;max-width: 290px;width: 100%;}
.Application_Accounting-list .program--search .search_inner.float-md-right .fieldset {width: 100%;}

@media (max-width:991px) {
    .Application_Accounting-list .program--search .search_inner.float-md-right {width: 100%;}
}

@media (max-width:768px) {

}

@media (max-width:600px) {
    .program--search .search_inner.float-md-right .search--text {width: calc(100% - 139px);display: inline-block;}
    .program--search .search--btn {display: inline-block;width: auto;}
    .program--search .search--btn .btn--submit {width: 35px;}
}

@media (max-width:490px) {
    .Application_Accounting-list .program--search .search_inner.float-md-right .search--text {width:100%;max-width: none;}
    .Application_Accounting-list .program--search .search--btn {width: 100%;}
    .Application_Accounting-list .program--search .search--btn .btn--submit {width: 100%;margin-bottom: 3px;}
    .Application_Accounting-list .program--search .search--btn .btn--submit input {font-size: 15px;background-image: none;}
    .program--search .search--btn button {width: 100%;}
    .program--search .search--btn .btn--submit {width: 100%;margin-bottom: 3px;}
}

@media (max-width:360px) {
    .program--search .search_inner.float-md-right .search--text {display: block;width: 100%;}
    .program--search .search--btn {display: block;width: 100%;}
    .program--search .search--btn .btn--submit {width: 100%;margin-bottom: 3px;}
    .program--search .search--btn input[type="submit"] {font-size: 15px;background-image: none;}
    .program--search .search--btn .btn.btn-default {width: 100%;}
    .Application_Accounting-list .program--search .search--btn .btn--submit {width: 100%;}
}

/* 교육과정 상세  */
.Application_Accounting-detail {}

.program--view .inner .title{position:relative;padding: 0;padding-right:103px;/* border-top:1px solid #000; *//* border-bottom:1px solid #dbdbdb; */}
.program--view .inner .title > strong{display:block;line-height: 1.4;display: none;}
.program--view .inner .title > strong em {font-size: 24px;font-weight: 600;letter-spacing: -1px;}
.program--view .inner .title > strong i{display:block;color:#09326d}
.program--view .inner .info_box{padding: 0px 18px 32px 18px;/* border-bottom:1px solid #dbdbdb; */}
.program--view .inner .info_box .cnts_txt{padding: 10px;padding-top:10px;border-top: none;margin-top: 32px;padding-top: 32px;}
.program--view .inner .info_box .cnts_txt> h3 {margin-top: 0px;}
.program--view .inner .info_box .list-1st{margin: 0;border-bottom: 1px dashed #ccc;}
.program--view .inner .info_box .list-1st li{padding-left: 142px;min-height: 50px;border-top: 1px dashed #ccc;display: inline-block;width: calc(100% / 2 - 3px);margin: 0;line-height: 1.3;vertical-align: middle;}
.program--view .inner .info_box .list-1st li span {line-height: 1.3;padding: 15px 0;display: flex;min-height: 71px;align-items: center;}
.program--view .inner .info_box .list-1st li:before {top: 50%;transform: translate(0, -50%);display: none;}
.program--view .inner .info_box .list-1st li i {display: inline-block;vertical-align: middle;width: 25px;height: 25px;margin-right: 4px;padding: 5px 0;background-color: #6C9BE6;border-radius: 50px;font-size: 14px;text-align: center;color: #fff;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);}
.program--view .inner .info_box .list-1st li br {display:none}
.program--view .inner .info_box .list-1st.col2 li{display:inline-block;width:49%}
.program--view .inner .info_box .list-1st li em{font-weight:bold;width: 106px;display: inline-block;position: absolute;top: 50%;left: 18px;color: #333;padding-left: 30px;transform: translate(0, -50%);}
.program--view .inner .info_box .list-1st li em span{display:none;}
.program--view .inner .info_box .list-1st li em:before{content:'';position:absolute;top: 50%;right:0;width:1px;height:12px;background-color:#ddd;transform: translate(0, -50%);}
.ui-filedown{position:relative;padding:20px;/* padding-right:125px; */border: 1px solid #c4cbd2;border-radius: 5px;clear: both;margin-top: 32px;}
.ui-filedown> h3 {margin-top: 0px;}
.ui-filedown .item{position:relative;padding-right:105px;min-height: 42px;}
.ui-filedown .item .ui-banner__title{position: relative;display:block;padding: 8px;padding-left: 34px;color:#3a3a3a;font-size: 16px;line-height: 20px;font-weight: normal;letter-spacing: -1px;/* padding: 8px; */}
.ui-filedown .item .ui-banner__title:before{content: ""; position: absolute;top:50%;left: 0;width:20px;height:20px;margin-top: -10px;background:url(/pcms/dist/img/ir-bbs.png) 0 -340px;}
.ui-filedown .item .btn{position: absolute;top: 0;right: 0;border-radius: 5px;}
.ui-filedown .item .btn.btn-sm{font-size: 14px;padding: 7px 15px;font-weight: bold;}

.Application_Accounting-detail> .btn-wrap {margin-top: 32px;text-align: center;position: relative;}
.Application_Accounting-detail> .btn-wrap .btn.btn-list {position: absolute;left: 0px;}
.Application_Accounting-detail> .btn-wrap .btn.btn-primary {}


@media (max-width:940px) {
    .program--view .inner .info_box .list-1st li {display: block;width: 100%;}
}

@media (max-width:490px) {
    .program--view .inner .info_box .list-1st li br {display:block;}
}




/* 교육신청 */
.ui_subscription--form .ui_text--box .box-text__scroll .title {margin: 0px;font-size: 18px;font-weight: 600;margin-bottom: 10px;color: #333;}
.ui_subscription--form .ui_text--box .box-text__scroll .m-title {font-size: 16px;font-weight: 600;color: #222;display: block;margin-bottom: 5px;position: relative;}
.ui_subscription--form .ui_text--box .box-text__scroll .m-title:before {content:'';width: 5px;height: 5px;display: inline-block;background-color: #222;border-radius: 50%;vertical-align: middle;margin-right: 5px;}
.ui_subscription--form .ui_text--box .box-text__scroll .sub-title {font-weight: 600;margin-bottom: 10px;display: block;line-height: 1.4;}
.ui_subscription--form .ui_text--box .box-text__scroll .main-title {display: block;font-weight: 600;font-size: 15px;}
.ui_subscription--form .ui_text--box .box-text__scroll .list-1st {margin-top: 0px;margin-bottom: 20px;display: block;}
.ui_subscription--form .ui_text--box .box-text__scroll .list-1st li {line-height: 1.4;font-size: 15px;}
.ui_subscription--form .ui_radio--custom {padding-top: 0px;}
.ui_subscription--form {padding-bottom:0px}

.ui_subscription--form .ui_radio--custom label {line-height: 48px;width: 180px;text-align: center;padding: 0;border: none;}
.ui_subscription--form .ui_radio--custom label .chk_ball {left: 5px;}
.ui_subscription--form .ui_radio--custom .radio-inline.first {}
.ui_subscription--form .ui_radio--custom .radio-inline.first .chk_ball {left: 30px;}
.ui_subscription--form .ui_radio--custom .radio-inline.last {}
.ui_subscription--form .ui_radio--custom input[type='radio']:focus + label {background-color: transparent;color: #3f61b2;text-shadow: none;border: none;outline: none;}
.ui_subscription--form .ui_radio--custom input[type='radio']:checked + label {background-color: transparent;color: #3f61b2;text-shadow: none;border: none;outline: none;}
.ui_subscription--form .ui_radio--custom input[type='radio']:checked + label .chk_ball {outline: 1px solid #ddd;}
.ui_subscription--form .ui_radio--custom input[type='radio']:focus + label .chk_ball{border:5px solid #fff;background:#3f61b2;outline: 1px solid #ddd;}

.ui_subscription--form .ui_text--box .etc {padding: 10px;background-color: #fafafa;margin-bottom: 20px;}
.ui_subscription--form .ui_text--box .etc .title {margin: 0px;font-size: 18px;font-weight: 600;margin-bottom: 10px;color: #333;}
.ui_subscription--form .ui_text--box .etc .sub-title {font-weight: 600;margin-bottom: 10px;display: block;line-height: 1.4;}
.ui_subscription--form .ui_text--box .etc .main-title {display: block;font-weight: 600;}
.ui_subscription--form .ui_text--box .etc .list-1st {margin-top: 0px;margin-bottom: 0px;display: block;}
.ui_subscription--form .ui_text--box .etc .list-1st li {line-height: 1.4;font-size: 15px;}


.top-box {display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 5px;}
.top-box .h2:first-child {margin-bottom: 0px;}
.help-text {line-height: 1.2;letter-spacing: -1px;color: #ce171f;position: relative;padding-left: 22px;}
.help-text:before {content:'!';width: 17px;height: 18px;background-color: #ce171f;display: inline-block;color: #fff;vertical-align: middle;text-align: center;border-radius: 50%;margin-right: 5px;padding-right: 1px;position: absolute;left: 0;top: 50%;line-height: 1;transform: translate(0, -50%);}


.Application_Accounting-write {}
.Application_Accounting-write> .btn-wrap {position: relative;text-align: center;margin-top: 30px;}
.Application_Accounting-write> .btn-wrap .list-wrap {position: absolute;left: 0px;top: 0px;}
.Application_Accounting-write> .btn-wrap .btn.btn-cancel {background-color: #e4001a;color: #fff;}
.Application_Accounting-write> .btn-wrap .btn.btn-list {}
.Application_Accounting-write .underline {color: #ce171f;padding: 0px;border-color: #ce171f;line-height: 1.4;}

.form-horizontal.bucket-form>.form-group.tell .form-inline.d-flex select,
.form-horizontal.bucket-form>.form-group.tell .form-inline.d-flex input {width: calc(100% / 3 - 8px);}
.form-horizontal.bucket-form>.form-group.email .form-inline.d-flex input {width: calc(100% / 2 - 60px);}

.Application_Accounting-write .etc {position: relative;margin-bottom: 30px;margin-top: -3px;padding: 20px 25px;border: 1px solid #ddd;}
.Application_Accounting-write .etc .title {margin: 0px;font-size: 16px;font-weight: 600;margin-bottom: 5px;color: #333;display: block;letter-spacing: -1px;}

@media (max-width:767px) {
    .form-horizontal.bucket-form>.form-group.tell .form-inline.d-flex select, 
    .form-horizontal.bucket-form>.form-group.tell .form-inline.d-flex input {display: inline-block;min-width: 1px;padding-right: 0px;}
    .form-horizontal.bucket-form>.form-group.email .form-inline.d-flex input {display: inline-block;min-width: 1px;width: calc(100% / 2 - 67px);}
    .form-horizontal.bucket-form>.form-group.email .form-inline.d-flex select {display: inline-block;width: 110px;}
}

@media (max-width:730px) {
    .top-box {display:block;}
    .top-box .h2:first-child {margin-bottom: 10px;}
}


@media (max-width:450px) {
    .Application_Accounting-write> .btn-wrap:after {content:'';clear:both;display:block;}
    .Application_Accounting-write> .btn-wrap .list-wrap {display: block;width: 100%;text-align: left;margin-top: 30px;position: relative;height: auto;}
    .Application_Accounting-write> .btn-wrap .btn.btn-list {/* position: unset; *//* display: block; *//* left: unset; *//* float: right; */}
}

@media (max-width:390px) {
    .ui_subscription--form {padding-left: 15px;padding-right: 15px;}
    .form-horizontal.bucket-form>.form-group.email .form-inline.d-flex select {display: block;width: 100%;margin-top: 3px;}
    .form-horizontal.bucket-form>.form-group.email .form-inline.d-flex input {width: calc(100% / 2 - 10px);}
}

/* 교육신청 취소 모달팝업 설정 */
/* #common-modal-dialog-confirm-05fc1287-c299-718d-db40-2c678d95e381 .modal__body {height: auto;overflow-x: hidden;} */
.modal__dialog {}
.modal__dialog .modal__body {padding: 20px 15px;}
.modal__dialog .modal__footer .btn {margin: 0 3px;}

@media (max-width:670px) {
.modal__dialog .modal__body {width: 90%;}    
}






/* 신청조회/취소/수료증/설문조사 목록 */
.ui.ui-list__column.col1 {}
.ui.ui-list__column.col1 .list-1st {margin-top: 0px;margin-bottom: 20px;}
.ui.ui-list__column.col1 .list-1st:last-child {margin-bottom:0px;}
.ui.ui-list__column.col1 .h3 {margin-bottom: 15px;}
.ui.ui-list__column.col1 .h3:before {display:none;}
.ui.ui-list__column.col1 .icon-text {margin: 0;position: relative;font-size: 20px;color: #333;font-weight: 600;display: block;margin-bottom: 5px;}
.ui.ui-list__column.col1 .icon-text::before {content:'!';width: 17px;height: 17px;background-color: #ce171f;display: inline-block;color: #fff;vertical-align: middle;text-align: center;border-radius: 50%;margin-right: 5px;padding-right: 1px;font-size: 14px;box-sizing: border-box;line-height: 1.2;margin-bottom: 4px;}
.ui.ui-list__column.col1 .underline {color: #ce171f;border-color: #ce171f;padding: 0px;margin: 0 5px;}
.Application_Mypage-list .ui-list__column .inner {border-bottom: none;}

.table tbody>tr>td {padding: 10px 5px;}
.table tbody td .text-left {}
.table tbody td .cancel-day {margin: 0px;font-size: 15px;line-height: 1;color: #ce171f;letter-spacing: -1px;}
.table tbody td .link, .table tbody td .btn.btn-print {padding: 3px 5px;background-color: #666;color: #fff;letter-spacing: -1px;transition: all 0.3s;border: 1px solid transparent;width: 90%;display: inline-block;word-break: keep-all;line-height: 1.4;}
.table tbody td .link:hover,
.table tbody td .link:focus {color: #666;background-color: #fff;border-color: #666;}
.table tbody td .btn.btn-print:hover,
.table tbody td .btn.btn-print:focus {color: #666;background-color: #fff;border-color: #666;}


.Application_Mypage-list .status {padding: 8px 5px;border:1px solid transparent;letter-spacing: -1px;} 
.Application_Mypage-list .status.status1 {} /*신청완료*/
.Application_Mypage-list .status.status2 {} /*신청대기*/
.Application_Mypage-list .status.status3 {background-color: #ce171f;color: #fff;transition:all 0.3s} /*신청취소*/
.Application_Mypage-list .status.status3:hover,
.Application_Mypage-list .status.status3:focus {background-color: #fff;color: #ce171f;border:1px solid #ce171f;}

.pagination {margin-top:60px;}

.Application_Mypage-list .program--search .search_inner.float-md-right .search--text {max-width: none;}

@media (max-width:1110px) {
    .table tbody>tr>td, .table tbody td .cancel-day, .status, .table tbody td .link {font-size: 14px;}
}

@media (max-width:768px) {
    .table tbody>tr>td, .table tbody td .cancel-day, .status, .table tbody td .link {font-size: 15px;}
}

@media (max-width:600px) {
    .Application_Mypage-list .program--search .search_inner.float-md-right .fieldset {}
    .Application_Mypage-list .program--search .search_inner.float-md-right .search--text {width: calc(100% - 139px);display: inline-block;}
    .Application_Mypage-list .program--search .search--btn {display: inline-block;width: auto;}
}

@media (max-width:490px) {
    .Application_Mypage-list .program--search .search_inner.float-md-right .search--text {width: 100%;}
    .Application_Mypage-list .program--search .search--btn {
    width: 100%;
}
}

@media (max-width:390px) {
    .Application_Mypage-list .program--search .search_inner.float-md-right .fieldset {}
    .Application_Mypage-list .program--search .search_inner.float-md-right .search--text {width: 100%;}
    .Application_Mypage-list .program--search .search--btn {width: 100%;}
    .Application_Mypage-list .program--search .search--btn .btn--submit {width: 100%;margin-bottom: 3px;}
    .Application_Mypage-list .program--search .search--btn .btn--submit input {font-size: 15px;background-image: none;}
    .Application_Mypage-list .program--search .search--btn .btn.btn-default {width: 100%;}
}


/* 신청조회/취소/수료증/설문조사 작성하기 */
.edu-info {background-color: #fafafa;}
.edu-info ul {display: flex;justify-content: space-between;padding: 30px 15px;}
.edu-info ul li {display: inline-block;}
.edu-info ul li .icon {background-repeat: no-repeat;background-position: 50%;}
.edu-info ul li .icon:before {vertical-align: middle;}
.edu-info ul .edu-title .icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13 21v2h-2v-2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a3.99 3.99 0 0 1 3 1.354A3.99 3.99 0 0 1 15 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-8zm7-2V5h-5a2 2 0 0 0-2 2v12h7zm-9 0V7a2 2 0 0 0-2-2H4v14h7z'/%3E%3C/svg%3E");}
.edu-info ul .edu-period .icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z'/%3E%3C/svg%3E");}
.edu-info ul .edu-time .icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm1-8h4v2h-6V7h2v5z'/%3E%3C/svg%3E");}
.edu-info ul li .title {font-size: 17px;display: inline-block;font-weight: 600;}
.edu-info ul li .content {font-size: 17px;display: inline-block;letter-spacing: -1px;}

.ui-list__column .inner .item {min-height: 1px;}
.Application_Mypage-write .ui-list__column .inner {border-top: none;border-bottom: none;}
.Application_Mypage-write .form-horizontal.bucket-form .form-group>div[class^=col-] p {margin: 0px;}

.question-list {margin-top: 30px;}
.question-list .btn-wrap {text-align: center;}
.question-list .question {margin-bottom: 15px;padding: 30px 18px;border: 1px solid #efefef;}
.question-list .question:last-child {margin-bottom:0px}

.question-list .question .question-title {color: #1f216b;font-size: 18px;font-weight: 600;margin-bottom: 10px;display: block;line-height: 1.2;}
.question-list .question .radio-wrap {padding-left: 18px;}
.question-list .question .radio-wrap .form-group {display: none;}
.question-list .question .radio-wrap .radio-inline {font-size: 16px;display: inline-block;padding-left: 25px;margin-left: 40px;position: relative;}
.question-list .question .radio-wrap .radio-inline:first-child {margin-left: 0px;}
.question-list .question .radio-wrap .radio-inline input[type=checkbox] {position: absolute;left: 5px;top: 50%;transform: translate(0, -50%);}

.question-list .question .radio-wrap .radio-inline .form-group {display: inline-block;vertical-align: middle;margin: 0;}
.question-list .question .radio-wrap .radio-inline .form-group .col-sm-12 {padding: 0;}
.question-list .question:nth-child(8) .radio-wrap .radio-inline input[type=text], .question-list .question:nth-child(9) .radio-wrap .radio-inline input[type=text] {width: 65px;}

.question-list .question .radio-wrap .radio-inline .score {display: inline-block;vertical-align: middle;border: 1px solid #333;border-radius: 50%;width: 17px;height: 17px;font-size: 13px;text-align: center;line-height: 1.1;margin-right: 5px;margin-bottom: 1px;}
.question-list .question .text-wrap {}
.question-list .question .text-wrap textarea {min-height: 120px;height: auto;}


.Application_Mypage-write> .btn-wrap {margin-top: 30px;/* padding-top: 30px; */text-align: center;}
.Application_Mypage-write> .btn-wrap .btn {}

@media (max-width:767px) {
    .edu-info ul {display: block;}
    .edu-info ul li {display: block;width: 100%;margin-bottom: 15px;}
    .question-list .question .radio-wrap .radio-inline {display: block;margin-left: 0px;margin-bottom: 5px;}
    .question-list .question .radio-wrap .radio-inline:last-child {margin-bottom:0px}
    
}

@media (max-width:460px) {
    .edu-info ul li .content {display: block;}
}


/* 수료증 */
#certificate {color: #494949;}
.prePrint{width: 20cm;min-height: 29.7cm;/* padding: 1cm; */margin: 0 auto;background:#fff;box-sizing: border-box;}
.paper {padding: 2.5cm;height: 277mm;outline: 2cm #fff solid;}
#certificate p, #certificate li, #certificate span{font-family:sans-serif;font-family: '궁서';font-weight: 600;color: #494949;}
#certificate .h2{font-size: 36px;line-height: 34px;font-weight: bold;margin: 25px 0 25px 0;text-align:center;color:#000;}
#certificate .h2:before{background:none}
#certificate .h3{font-size: 18px;font-weight: bold;margin:20px 0 20px 0;text-align:center;color:#000}
#certificate .numbering{margin-top: 25px;font-size:20px;font-family: '궁서';font-weight: 600;}
#certificate .numbering strong{font-weight: bold;font-family: '궁서';}
#certificate .cername{margin-top: 98px;}
#certificate .cername li{position: relative;margin: 8px 0;font-family: '궁서';font-weight: bold;}
#certificate .cername li img,.cername li span{display: inline-block;vertical-align: middle;}
#certificate .cerCont{margin-top:98px;font-size: 23px;text-align:center;line-height: 1.6;}
#certificate .numbering strong{font-weight: bold;font-family: '궁서';}#certificate .numbering strong{font-weight: bold;font-family: '궁서';}
#certificate .cerDate span,
#certificate .cerDate strong{display:inline-block;vertical-align: middle;font-size:18px;font-family: '궁서';}
#certificate .cerDate strong{font-weight: bold;}
#certificate .gov_wrap{position:relative;}
#certificate .gov_wrap .gov{ font-size: 46px;text-align: center;color:#121212;font-weight:bold}
#certificate .gov_wrap .stamp{ position: absolute; top: 0; right: 50%; width: 80px; height: 80px; margin-right: -160px}
#certificate .cername li em {font-weight: bold;font-family: '궁서';}
.cerDate {text-align: center;margin-top: 60px;font-family: '궁서';font-weight: 600;font-size: 18px;}
@page {size: A4;margin: 0;}
@media print {body {margin: 0;padding: 0;background: #fff;}*, *:before, *.after
{box-sizing:border-box;-moz-box-sizing:border-box}
.paper {margin: 0;border: initial;border-radius: initial;width:initial;min-height: initial;box-shadow: initial;background: initial;page-break-after: always;}
.prePrint{width: 20cm;min-height: 29.7cm;/* padding: 1cm; */margin: 0 auto;background:#fff;box-sizing: border-box;}
.paper {padding: 2.5cm;height: 277mm;outline: 2cm #fff solid;}
}
		
.prePrint {position: relative;background-image: none;display: none;}
.prePrint>img {width: auto;height: auto;display: block;position: absolute;z-index: 1;}
.paper {position: relative;z-index: 2;}
#certificate .cername strong, #certificate .cername li em {display: inline-block;width: 88px;font-family: '궁서';font-weight: 600;letter-spacing: -1px;}
#certificate .h2 {font-size: 0px;padding: 0;}
#certificate .gov_wrap .stamp {width: 330px;height: 98px;font-size: 0px;top: 60px;}


@media print {
    #prePrint {display: block;}  
}

@media print{
    html, body {
        width: 20cm;height: 99%;
        overflow:hidden;
      margin:0;
      padding:0;
      page-break-after: avoid;
      page-break-before: avoid
    }
    .body, .prePrint {margin-top:-1px;page-break-inside: avoid;}
}

/* 설문조사 팝업 설정 */

.modal:before{content:'';display:inline-block;height:100%;width:0;margin-left:-1em;vertical-align:middle}
.modal__open{overflow:hidden;height:100%}
.modal__open .modal{overflow-x:hidden;overflow-y:auto;z-index:99999}
.modal__backdrop{position:absolute;top:0;right:0;left:0;background-color:rgba(0,0,0,.6)}
.modal__body.que {position:fixed;top:50%;left:50%;display:inline-block;width: 100%;margin:-1% auto 0;background:#fff;box-shadow:0 0 24pxrgba(0,0,0,.5);transform:translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left;padding: 20px 0 0 0;max-width: 1024px;height: 90%;overflow-x: scroll;padding-top: 0;}
.modal__body.que .modal__header{margin:0 15px;padding:10px 0;border-bottom:1px solid #e6e6e6}
.modal__body.que .modal .modalTitle,.modal__title{font-size:1.2em;color:#000}
.modal__body.que .modal__content{position:relative;padding:20px;overflow-y:auto}
.modal__body.que .modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}
.modal__body.que .modal__close{position:absolute;top:0;right:0;font-size:0}
.modal__body.que .modal__close-button span{display:inline-block;width: 53px;height: 53px;background:#000}
.modal__body.que .modal__close-button span:after,.modal__close-button span:before{display:inline-block;position:absolute;top:50%;left:50%;background-color:#fff;vertical-align:middle;transform:rotate(-45deg);content:'';}
.modal__body.que .modal__close-button span:before{left:50%;width: 28px;height:1px;margin-top:0;margin-left: -14px;}
.modal__body.que .modal__close-button span:after{width:1px;height: 28px;margin-top: -14px;}
.modal__body.que .modal.fade .modal__backdrop{opacity:0;transition:opacity 1s}
.modal__body.que .modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s}

#ajaxLayer .body_wrap {min-height: 1024px;}
#ajaxLayer.on {overflow:hidden;}
#ajaxLayer.on #top_layout, #ajaxLayer.on #op_layout, #top_layout #ajaxLayer.on .top_wrap.tmp_a #logo {visibility:hidden}

@media (max-width:1100px) {
    .modal__body.que {width: 90%;max-width: none;}
}

@media only screen and (max-width:770px){
    .modal__body.que .modal__close-button span{width:50px;height:50px}
    .modal__body.que .modal__close-button span:before{left:50%;width:28px;height:1px;margin-top:0;margin-left:-14px}
    .modal__body.que .modal__close-button span:after{width:1px;height:28px;margin-top:-14px}
}