@charset "utf-8";

/*** 공통 : s ***/
.ui.ui-topbox.type1 {margin-bottom: 0px;}
.num-list > li:before {color: #494949;} 

.table-responsive .table-icon {top: 15%;right: 50%;}

.table thead th {line-height: 1.4;}
.table tbody td {line-height: 1.4;}
.table tbody > tr > td {padding: 10px;word-break: keep-all;}
.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: 100%;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;}

.btn-wrap .btn.btn-cancel.button_cancel {background-color: #e4001a;color: #fff;border: 1px solid #e4001a;}
.btn-wrap .btn.btn-cancel.button_cancel:hover,
.btn-wrap .btn.btn-cancel.button_cancel:focus {background-color: #fff;color: #e4001a;}

.table tbody .text-left {text-align: left !important;}
.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;}

.table tr td .status {font-size: 15px;display: inline-block;line-height: 1;width: 100%;text-align: center;padding: 10px 0px;letter-spacing: -1px;transition: all 0.3s;}
.table tr td .status.status1 {padding-left: 7px;background-color: #1f216b;color: #fff;background-image: url(/images/pedu/prog/arrow-w.png);background-repeat: no-repeat;background-size: 20px;background-position: 55px 50%;border: 1px solid #1f216b;transition: all 0.2s;text-align: left;} /*신청중*/
.table tr td .status.status1:hover, 
.table tr td .status.status1:focus {color: #1f216b;background-color: #fff;background-image: url(/images/pedu/prog/arrow-b.png);border: 1px solid #1f216b;} /*신청중*/ 
.table tr td .status.status2 {background-color: #b5171e;color: #fff;text-align: center;padding: 10px 0px;border: 1px solid #b5171e;} /*신청마감*/
.table tr td .status.status2:hover,
.table tr td .status.status2:focus {color: #b5171e;background-color: #fff;border: 1px solid #b5171e;}
.table tr td .status.status3 {background-color: #aaa;color: #fff;padding: 10px 0;text-align: center;} /*신청대기*/
.table tr td .status.status3:hover,
.table tr td .status.status3:focus {color: #aaa;background-color: #fff;border: 1px solid #aaa;}
.table tr td .status.status4 {background-color: #7079a2;color: #fff;padding: 10px 0;text-align: center;} /*대기자 신청중*/
.table tr td .status.status4:hover,
.table tr td .status.status4:focus {color: #7079a2;background-color: #fff;border: 1px solid #7079a2;}
.table tr td .status.status5 {background-color: #ce171f;color: #fff;margin-top: 5px;border: 1px solid #ce171f;padding: 3px 5px;line-height: 1.4;} /*신청취소*/
.table tr td .status.status5:hover,
.table tr td .status.status5:focus {color: #ce171f;background-color: #fff;}
.table tr td .status.status6 {background-color: #666;color: #fff;padding: 10px 0;text-align: center;margin-top:5px;padding: 3px 5px;line-height: 1.4;} /*사유확인*/
.table tr td .status.status6:hover,
.table tr td .status.status6:focus {color: #666;background-color: #fff;border: 1px solid #666;}

.table tr td .btn.download {width: 100%;font-weight: normal;}

.program--search .search_inner.float-md-right {max-width: none;width: calc(100% - 250px);}
.program--search .search_inner.float-md-right .search--text {max-width: none;max-width: 290px;width: 100%;}
.program--search .search_inner.float-md-right .fieldset {width: 100%;}
.program--search .search_inner.float-md-right .search--select {min-width: 10%;}
.program--search .search_inner.float-md-right .search--select select {width: auto;display: inline-block;}

.pagination {margin-top:60px;}

@media (max-width: 1220px) {
    .program--search .float-md-left {display: block;width: 100%;text-align: left;margin-bottom: 10px;}
    .program--search .search_inner.float-md-right {display: block;width: 100%;}
}    

@media (max-width: 1024px) {
    .table-responsive {display: block;width: 100%;overflow-x: auto;}
    .table-responsive .table {width: 1160px;}
}

@media (max-width:980px) {
    .program--search .search_inner.float-md-right .search--select {margin-bottom: 10px;}
    .program--search .search_inner.float-md-right .search--text {max-width: 100%;width: calc(100% - 143px);}

    .program--search.custom-select .search_inner.float-md-right .search--select {margin-bottom: 0;}
    .program--search.custom-select .search_inner.float-md-right .search--text {width: calc(100% - 243px);}
}

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

    .program--search.custom-select .search_inner.float-md-right .search--select {margin-bottom: 10px;}
    .program--search.custom-select .search_inner.float-md-right .search--text {width: calc(100% - 143px);}
}

@media (max-width:540px) {
    .program--search .search_inner.float-md-right .search--select {margin-bottom: 0;}
    .program--search .search_inner.float-md-right .search--text {width:100%;max-width: none;}
    .program--search .search--btn {width: 100%;}
    .program--search .search--btn .btn--submit {width: 100%;margin-bottom: 3px;}
    .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;}

    .program--search.custom-select .search_inner.float-md-right .search--text {width: 100%;}
    .program--search.custom-select .search_inner.float-md-right .search--select {margin-bottom: 0;}
}

@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%;}
    .program--search .search--btn .btn--submit {width: 100%;}
}

/* 수료증 : s */
#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;}
}
/* 수료증 : e */

/* 반려사유 모달 : s */
.modal__body.reason {padding:0;max-width: 600px;width: 85%;}
.modal__body.reason .modal__title {padding: 20px;height: 74px;background-color: #000;color:#fff;font-weight: bold;font-size: 21px;}
.modal__body.reason .modal__content {padding: 0;}
.modal__body.reason .modal__content .modal--content {padding: 20px}
.modal__body.reason .modal__close-button {width:73px;height:73px;}
/* 반려사유 모달 : e */

/* 설문조사 모달 : s */
.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}
}
/* 설문조사 모달 : e */

/* 신청조회/취소/수료증/설문조사 작성하기 : s */
.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;}
}
/* 신청조회/취소/수료증/설문조사 작성하기 : e */

/* 교육신청 > 상세 : s */
.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 0 50px 0;/* 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-top: 1px dashed #ccc;}
.program--view .inner .info_box .list-1st li{padding-left: 162px;min-height: 50px;border-bottom: 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: 55px;align-items: center;}
.program--view .inner .info_box .list-1st li .r-person {margin:-1px 3px 0 0;color: #e4001a;display: inline-block;}
.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 span .rp-wrap {padding: 0;}
.program--view .inner .info_box .list-1st li .rp-wrap .person.count {margin-left: 5px;}
.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;min-width: 126px; width: auto;display: inline-block;position: absolute;top: 50%;left: 18px;color: #333;padding-left: 30px;transform: translate(0, -50%);word-break: keep-all;}
.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: 0;margin-bottom: 0;}
.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;}

.article.info-article {float: none;}
.article.info-article .panel > div {border-bottom: 1px solid #e1e1e1;padding:5px 20px 44px 15px;}
.article .figure .btn_wrap {text-align: center;}
.article .panel .h3 {margin-top: 43px;}
.article .panel .con-wrap {display: block;width: 100%; height: 100%;}
.article .panel .con-wrap .video-wrap {display: block; width: 100%;height: 100%;text-align: center;margin: 43px 0;}
.article .panel .con-wrap .video-wrap video {width: 100%; max-width: 904px; height: 100%;}

.Edu-Application-View .article .panel .con-wrap {position: relative; }
.Edu-Application-View .article .panel .con-wrap > video {width: 100%;height: 100%;}

.Edu-Application-View > .btn-wrap {margin-top: 32px;text-align: center;position: relative;}
.Edu-Application-View > .btn-wrap .btn.btn-download {position: absolute;left: 0px;height: 100%;padding: 9px 10px;}
.Edu-Application-View > .btn-wrap {position: relative;text-align: right;margin-top: 48px;}
.Edu-Application-View > .btn-wrap .list-wrap {position: absolute;left: 0px;top: 0px;width: auto;height: 42px;}
.Edu-Application-View > .btn-wrap .btn.btn-cancel {background-color: #e4001a;color: #fff;border: 1px solid #e4001a;}
.Edu-Application-View > .btn-wrap .btn.btn-list {}
.Edu-Application-View .underline {color: #ce171f;padding: 0px;border-color: #ce171f;line-height: 1.4;}


@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;}
    .program--view .inner .info_box .list-1st li.drop360 .rp-wrap {align-items: flex-start;flex-direction: column;}
    .program--view .inner .info_box .list-1st li .rp-wrap .person.count {margin-left: 0;}

    .Edu-Application-View > .btn-wrap .list-wrap {position: relative;margin-top: 10px;text-align: left;}

    .article.info-article .panel > div {padding: 5px 0 20px 0;}
}  

@media (max-width:390px) {
    .program--view .inner .info_box {padding:0 0 32px 0;}
    .program--view .inner .info_box .list-1st li > span {font-size: 15px;}

    .ui-filedown .item .ui-banner__title {padding-left: 8px;}
    .ui-filedown .item .ui-banner__title:before {display: none;}
}

/* 회차, 신청기간 등 info-box 부분 반응형일 때 제목, 내용 개행처리 시 주석 해제하시면 됩니다 : s */
@media (max-width:490px) {
    .program--view .inner .info_box .list-1st li {padding-left: 0;}
    .program--view .inner .info_box .list-1st li em {position: relative;display: flex;top:0;left: 0;transform: none;align-items: center;min-height: 40px;margin-top: 16px;}
    .program--view .inner .info_box .list-1st li em:before {display: none;}
    .program--view .inner .info_box .list-1st li > span {min-height: 40px;}
    .program--view .inner .info_box .list-1st li br {display:none;}
    .program--view .inner .info_box .list-1st li.drop360 .rp-wrap {align-items: center;flex-direction: row;}
} 
/* 회차, 신청기간 등 info-box 부분 반응형일 때 제목, 내용 개행처리 시 주석 해제하시면 됩니다 : ㄷ */
/* 교육신청 > 상세 : e */

/* 교육신청 > 입력 : s */
.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_text--box .box-text__scroll .list-1st li .r-txt {color: #e4001a;font-weight: 600;}
.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%);}


.Edu-Application-Write {}
.Edu-Application-Write> .btn-wrap {position: relative;text-align: center;margin-top: 30px;}
.Edu-Application-Write> .btn-wrap .list-wrap {position: absolute;left: 0px;top: 0px;}
.Edu-Application-Write> .btn-wrap .btn.btn-list {}
.Edu-Application-Write .underline {color: #ce171f;padding: 0px;border-color: #ce171f;line-height: 1.4;}
.Edu-Application-Write .top-box .help-text:before {display: none;}

.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);}

.form-horizontal.bucket-form .form-inline .form-control {width: calc(33.33% - 11px);}

.Edu-Application-Write .etc {position: relative;margin-bottom: 30px;margin-top: -3px;padding: 20px 25px;border: 1px solid #ddd;}
.Edu-Application-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;}

    .form-horizontal.bucket-form .form-inline .form-control {width: 100%;}
    .form-horizontal.bucket-form .form-group.tell .form-inline select,
    .form-horizontal.bucket-form .form-group.tell .form-inline input,
    .form-horizontal.bucket-form .form-group.email .form-inline select,
    .form-horizontal.bucket-form .form-group.email .form-inline input {width: calc(33.33% - 11px);display: inline-block;}
}

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


@media (max-width:450px) {
    .Edu-Application-Write> .btn-wrap:after {content:'';clear:both;display:block;}
    .Edu-Application-Write> .btn-wrap .list-wrap {display: block;width: 100%;text-align: left;margin-top: 30px;position: relative;height: auto;}
    .Edu-Application-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);}
}
/* 교육신청 > 입력 : e */
/*** 공통 : e ***/

.Edu-Application-Employee .program--search.ver3 .search_inner {width: calc(100% - 300px); display: inline-block;}
.Edu-Application-Employee .program--search.ver3 .search_inner .fieldset {width: 100%}
.Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--text {width: calc(100% - 570px); min-width: auto; max-width: 100%;}

@media (max-width: 1220px) {
    .Edu-Application-Employee .program--search.ver3 .search_inner {display: block; width: 100%; margin-top: 10px;}
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--select {width: auto; min-width: auto;}
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--text {width: calc(100% - 562px);}
}

@media (max-width: 980px) {
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--select {margin-bottom: 0;}
}

@media (max-width: 880px) {
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--text {width: calc(100% - 143px); margin: 5px 0;}
}

@media (max-width: 600px) {
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--text {display: inline-block; text-align: left; width: calc(100% - 143px);}
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--btn {display: inline-block; width: auto;}
}

@media (max-width: 540px) {
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--text {width: 100%;}
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--btn {display: block;}
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--btn .btn--submit,
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--btn .btn.btn-default {width: calc(50% - 2.5px); margin: 0; height: 37px;}
}

@media (max-width: 420px) {
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--text {width: 100%;}
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--btn {width: 100%;}
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--btn .btn--submit,
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--btn .btn.btn-default {width: calc(50% - 2.5px);}
    .Edu-Application-Employee .program--search.ver3 .search_inner .fieldset .search--btn .btn--submit input[type=submit] {width: 100%;}
}