@charset "utf-8";
/* 교육프로그램 공통설정 */
.edu {}
.edu .red {background-color: transparent !important;color: #cd4454 !important;}
.edu .date__icon {background-color: #fff;}
.edu .search-form {margin-top: 30px;margin-bottom: 30px;}
.edu .search-form .input__split {top: 50%;transform: translate(0, -50%);}
.edu .search-form .date-group .date .form-control {background-color: #fff;}
.edu .search-form .date__icon {background-color: #fff;}
.edu .table td.subject .link {padding: 0;letter-spacing: -1px;transition: all 0.2s;padding-right: 49px;}
.edu .table td.subject .link:hover,
.edu .table td.subject .link:focus {color: #394c89;}
.edu .table tbody>tr>td {letter-spacing: -0.5px;}

.edu .float-wrap {margin-bottom: 10px;}
.edu .float-wrap:after {content:'';display:block;clear:both;}
.edu .float-md-left {display: inline-block;}
.edu .float-md-right {display: inline-block;}
.edu .float-md-right .btn-wrap {background-color: #58b530;border-radius: 5px;}
.edu .float-md-right .btn-wrap .link {display: block;width: 100%;height: 100%;color: #fff;letter-spacing: -1px;padding: 7px 13px;font-size: 15px;font-weight: 600;}

@media (max-width:991px) {
    .edu .float-md-right {float: right;}
}

@media (max-width:440px) {
    .edu .float-md-right {display:block;float: none;margin-top: 10px;text-align: right;}
    .edu .float-md-right .btn-wrap {display: inline-block;}
}

/* 접수상태 */
.edu .stats {color: #fff !important;width: 95px;display: inline-block;border-radius: 5px;letter-spacing: -1px;font-size: 15px;padding: 7px 0;text-align: center;font-weight: 600;}
.edu .stats.stats1 {background-color: #d5403c;} /* 접수대기 */
.edu .stats.stats2 {background-color: #4175c8;} /* 접수중 */
.edu .stats.stats3 {background-color: #0aa699;} /* 대기자접수중 */
.edu .stats.stats4 {background-color: #a8b5c5;} /* 접수마감 */
.edu .stats.stats5 {background-color: #014099;} /* 승인대기 */
.edu .stats.stats6 {background-color: #58b530;} /* 승인완료 */
.edu .stats.stats7 {background-color: #153769;} /* 접수예정 */

/* 통합예약 모달 스타일 */
.modal-confirm .modal__dialog .modal__body {}
.modal-confirm .modal__dialog .modal__header {background-color: #394c89 !important;}
.modal-confirm .modal__dialog .modal__footer .btn {text-align: center;}
.modal-confirm .modal__dialog .modal__footer .btn:hover {background-color: #394c89 !important;}

@media (max-width:400px) {
	.modal-confirm .modal__dialog .modal__body {width: 90% !important;}
}

/* 취소사유 팝업 */
.modal__open{overflow:hidden;height:100%}
.modal__open #top_layout {z-index: 0;}
.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.cancel-reason .modal__body{position:fixed;top:50%;left:50%;display:inline-block;width:600px;margin:-1% auto 0;background:#fff;box-shadow: 0 0 24px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left;padding: 0px 0 0 0;max-width: 650px;width: 100% !important;min-height: 360px;}
.modal.cancel-reason .title {font-size: 20px;font-family: 'GmarketSans';background-color: #394c89;width: 100%;display: block;color: #fff;min-height: 50px;line-height: 50px;padding-left: 20px;}
.modal.cancel-reason .modal__header{margin:0 15px;padding:10px 0;border-bottom:1px solid #e6e6e6}
.modal.cancel-reason .modal .modalTitle, .cancel-reason.modal__title{font-size:1.2em;color:#000}
.modal.cancel-reason .modal__content{position:relative;padding: 20px;overflow-y: unset;word-break: normal;width: 100%;display: block;width: 100%;height: 100%;margin: 0;white-space: normal;}
.modal.cancel-reason .modal__content .text {display: inline-block;width: 100%;white-space: normal;font-size: 16px;word-break: break-all;color: #222;}
.modal.cancel-reason .modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}
.modal.cancel-reason .modal__close{position:absolute;top:0;right:0;font-size:0}
.modal.cancel-reason .modal__close-button span{display:inline-block;width: 50px;height: 50px;background: #394c89;}
.modal.cancel-reason .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.cancel-reason .modal__close-button span:before{left:50%;width: 28px;height:1px;margin-top:0;margin-left: -14px;}
.modal.cancel-reason .modal__close-button span:after{width:1px;height: 28px;margin-top: -14px;}
.modal.modal.fade .modal__backdrop{opacity:0;transition:opacity 1s}
.modal.modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s}

@media (max-width:970px) {
	.modal.cancel-reason .modal__body {max-width: none;width: 80% !important;}
}

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

/* 신청취소 팝업 */
.modal__open{overflow:hidden;height:100%}
.modal__open #top_layout {z-index: 0;}
.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.write-reason .modal__body{position:fixed;top:50%;left:50%;display:inline-block;width:600px;margin:-1% auto 0;background:#fff;box-shadow: 0 0 24px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left;padding: 0px 0 0 0;max-width: 650px;min-height: 270px;width: 100% !important;}
.modal.write-reason .title {font-size: 20px;font-family: 'GmarketSans';background-color: #394c89;width: 100%;display: block;color: #fff;min-height: 50px;line-height: 50px;padding-left: 20px;}
.modal.write-reason .modal__header{margin:0 15px;padding:10px 0;border-bottom:1px solid #e6e6e6}
.modal.write-reason .modal .modalTitle, .write-reason.modal__title{font-size:1.2em;color:#000}
.modal.write-reason .modal__content{position:relative;padding: 20px;overflow-y: unset;word-break: normal;width: 100%;display: block;width: 100%;height: 100%;margin: 0;white-space: normal;}
.modal.write-reason .modal__content .text {display: inline-block;width: 100%;white-space: normal;font-size: 16px;word-break: break-all;color: #222;}
.modal.write-reason .modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}
.modal.write-reason .modal__close{position:absolute;top:0;right:0;font-size:0}
.modal.write-reason .modal__close-button span{display:inline-block;width: 50px;height: 50px;background: #394c89;}
.modal.write-reason .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.write-reason .modal__close-button span:before{left:50%;width: 28px;height:1px;margin-top:0;margin-left: -14px;}
.modal.write-reason .modal__close-button span:after{width:1px;height: 28px;margin-top: -14px;}
.modal.modal.fade .modal__backdrop{opacity:0;transition:opacity 1s}
.modal.modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s}
.modal.write-reason .modal__content .btn-wrap {text-align: center;margin-top: 30px;}
.modal.write-reason .modal__content .btn-wrap .btn {padding: 6.5px 30px;}


@media (max-width:970px) {
	.modal.write-reason .modal__body {max-width: none;width: 80% !important;}
}

@media only screen and (max-width:770px){
    .modal.write-reason .modal__close-button span{width:50px;height:50px}
    .modal.write-reason .modal__close-button span:before{left:50%;width:28px;height:1px;margin-top:0;margin-left:-14px}
    .modal.write-reason .modal__close-button span:after{width:1px;height:28px;margin-top:-14px}
}						
						
/* 조회 */
.edu-search {}
.edu.edu-search .table tbody>tr>td {text-align: center;}
.edu.edu-search .table tbody>tr>td .join {padding: 5px 12px;border-radius: 5px;max-width: 101px;width: 100%;display: inline-block;}
.edu.edu-search .table tbody>tr>td .join.person1 {color: #014099;border: 1px solid #014099;} /*신청대기*/
.edu.edu-search .table tbody>tr>td .join.person2 {color: #58b530;border: 1px solid #58b530;} /*대기자등록*/
.edu.edu-search .table tbody>tr>td .join.person3 {color: #485158;border: 1px solid #485158;} /*사용자취소*/
.edu.edu-search .table tbody>tr>td .join.person4 {color: #9f5032;border: 1px solid #9f5032;} /*관리자취소*/
.edu.edu-search .table tbody>tr>td .join.person5 {color: #153769;border: 1px solid #153769;} /*신청완료*/


.edu.edu-search .table tbody>tr>td .btn {padding: 6.5px 12px;font-size: 15px;border-radius: 5px;letter-spacing: -1px;margin: 2px;font-size: 14px;}
.edu.edu-search .table tbody>tr>td .btn.btn-cancel {background-color: #cd4454;color: #fff;border: 1px solid #cd4454;}
.edu.edu-search .table tbody>tr>td .btn.btn-cancel:hover,
.edu.edu-search .table tbody>tr>td .btn.btn-cancel:focus {background-color: #fff;color: #cd4454;}
.edu.edu-search .table tbody>tr>td .btn.btn-default {}

/* 교육프로 그램 상단 검색바 공통스타일 */
.edu [data-skin="searchtop"]{overflow:hidden; position:relative; padding:17px 30px; border:1px solid #ECECEC; box-sizing:border-box;}
.edu [data-skin="searchtop"] .count{position:absolute; top:27px; left:30px; font-weight:400;}
.edu [data-skin="searchtop"] .count>strong{position:relative; display:inline-block; padding-right:24px; box-sizing:border-box;}
.edu [data-skin="searchtop"] .count>strong:after{content:""; position:absolute; top:calc(50% - 7px); right:11px; width:1px; height:14px; background-color:#ccc;}
.edu [data-skin="searchtop"] .count>strong{position:relative; display:inline-block; padding-right:24px; box-sizing:border-box;}
.edu [data-skin="searchtop"] .count>strong>span{display:inline-block; font-weight:700; color:#33415F;padding: 0 2px;}
.edu [data-skin="searchtop"] .rbx{/* float:right; */display: flex;justify-content: flex-end;vertical-align: middle;align-items: center;}
.edu [data-skin="searchtop"] .rbx [data-skin="select"]{width:160px; vertical-align:middle;}
.edu [data-skin="searchtop"] .rbx [data-skin="input"]{position:relative;width: 370px; vertical-align:middle;height: 48px;display: block;margin-right: 7px;}
.edu [data-skin="searchtop"] .rbx [data-skin="input"]>a{content:""; position:absolute; top:calc(50% - 15px); right:10px; width:30px; height:30px; background:url(../images/content/searchtop_icon_find.svg) no-repeat right center;}
.edu [data-skin="searchtop"] .rbx [data-skin="input"]>input[type="text"]{padding:0 40px 0 10px;height: 48px;border-radius: 0 !important;margin: 0 4px;font-size: 16px;}
.edu [data-skin="searchtop"] .rbx [data-skin="input"]>input[type="text"]::placeholder{color:#909090;}
.edu [data-skin="searchtop"] .rbx [data-skin="btn"]{height:48px; line-height:46px; vertical-align:middle; font-size:16px; font-weight:400;padding: 0;min-width: 140px;/* display: inline-block; */outline: none;border: none;}
.edu [data-skin="searchtop"] .rbx [data-skin="btn"]{min-width:140px;height: 48px; line-height:50px; padding:0 10px; background-color:#34353A; border:1px solid #34353A; border-radius:4px; text-align:center; font-weight:500; color:#fff; box-sizing:border-box;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;margin: 0 1px;}
.edu [data-skin="searchtop"]+[data-board]{margin-top:30px;}
.edu [data-skin="searchtop"] .rbx [data-skin="btn"][data-type="1"]{background-color: #003668;border-color: #003668;}
.edu [data-skin="searchtop"] .rbx [data-skin="btn"][data-type="1"]:hover{background-color:#242E43; border-color:#242E43;}

.edu [data-skin="search"]{position:relative;padding:30px 40px 40px;background-color: #f5f6f9;border: 1px solid #dedede;box-sizing:border-box}
.edu [data-skin="search"]>ul>li{display:table;table-layout:fixed;position:relative;width:100%;min-height:68px;padding:5px 0;border-bottom: 1px solid #dedede;box-sizing:border-box}
.edu [data-skin="search"]>ul>li .tt{position:absolute;top: 19px;left:0;width:150px;font-size: 19px;color:#000;letter-spacing:-1px}
.edu [data-skin="search"]>ul>li .txts{display:table-cell;height:100%;width:100%;padding-left:160px;vertical-align:middle;box-sizing:border-box}
.edu [data-skin="search"]>ul>li .txts>span{vertical-align:middle}
.edu [data-skin="search"] .btns{margin-top:30px;text-align: center;}
.edu [data-skin="search"] .btns .btn{margin:0}
.edu [data-skin="search"] .btns [data-skin="btn"]{display:inline-block;min-width:140px;height:52px;line-height:50px;padding:0 10px;background-color:#34353A;border:1px solid #34353A;border-radius:4px;text-align:center;font-weight:500;color:#fff;box-sizing:border-box;transition:all .2s ease;-webkit-transition:all .2s ease;font-size:18px}
.edu [data-skin="search"] .btns [data-skin="btn"]:hover{background-color:#1A1A1D;}
.edu [data-skin="search"] .btns [data-skin="btn"][data-type="1"]{background-color: #153769;border-color: #153769;}
.edu [data-skin="search"] .btns [data-skin="btn"][data-type="1"]:hover{background-color: #fff;border-color: #153769;color: #153769;}
.edu [data-skin="search"] .btns [data-skin="btn"][data-type="2"]{background-color: #394c89;border-color: #394c89;}
.edu [data-skin="search"] .btns [data-skin="btn"][data-type="2"]:hover{background-color: #fff;border-color: #394c89;color: #394c89;}
.edu [data-skin="search"] .btns [data-skin="btn"][data-type="3"]{background-color:#A67F5B; border-color:#A67F5B;}
.edu [data-skin="search"] .btns [data-skin="btn"][data-type="3"]:hover{background-color:#745940; border-color:#745940;}
.edu [data-skin="search"]>ul>li>.txts [data-skin="checkbox"]{width:auto;margin-right:4%}
.edu [data-skin="search"]>ul>li>.txts [data-skin="input"]{width:100%}
.edu [data-skin="search"]>ul>li>.txts [data-skin="input"] input,
.edu [data-skin="search"]>ul>li>.txts [data-skin="input"] select {height:48px;font-size:16px;border-radius:0!important;border:1px solid #ececee;padding:0 10px;-webkit-box-shadow:none}
.edu [data-skin="search"]>ul>li>.txts span[data-skin="checkbox"]{display:inline-block}
.edu [data-skin="search"]>ul>li>.txts [data-skin="checkbox"]{position:relative}
.edu [data-skin="search"]>ul>li>.txts [data-skin="checkbox"]>input[type="checkbox"]{overflow:hidden;position:absolute;top:0;left:0;width:18px;height:18px}
.edu [data-skin="search"]>ul>li>.txts [data-skin="checkbox"]>input[type="checkbox"]+label{position:relative;line-height:29px;padding-left:31px;box-sizing:border-box;font-size:18px;color:#333;font-weight:n}
.edu [data-skin="search"]>ul>li>.txts [data-skin="checkbox"]>input[type="checkbox"]+label:before{content:"";position:absolute;top:2px;left:0;width:24px;height:24px;background-color:#fff;border:1px solid #ECECEE;box-sizing:border-box}
.edu [data-skin="search"]>ul>li>.txts [data-skin="checkbox"]>input[type="checkbox"]+label:after{content:"";position:absolute;top:2px;left:0;width:24px;height:24px;background-color:#003668;box-sizing:border-box;transform:scale(0);-webkit-transform:scale(0)}
.edu [data-skin="search"]>ul>li>.txts [data-skin="checkbox"]>input[type="checkbox"]:checked+label:after{transform:scale(0.5);-webkit-transform:scale(0.5);transition:all .2s ease;-webkit-transition:all .2s ease}


@media (max-width:1023px) {
    .edu [data-skin="search"]{padding:20px 20px 20px}
    .edu [data-skin="search"]>ul>li .txts{padding-left:100px;}
    .edu [data-skin="search"]>ul>li .tt{width:100px;}
}
@media (max-width:767px) {
    .edu [data-skin="search"]>ul>li .txts{padding-left:0;display: block;}
    .edu [data-skin="search"]>ul>li .tt{/* display:none; */position: relative;top: 0;display: block;margin-bottom: 3px;}
	.edu.edu-list .ui-introbox .inner {padding: 62px 30px;}

}
@media (max-width:560px) {
    .program--control .form.switch{display:none;}
}

@media (max-width:400px) {
	.edu.edu-list .ui-introbox .bottom .btn {display: block;margin: 3px 0;}
}

@media (max-width:390px) {
    	.edu.edu-list .ui-introbox .inner {padding: 62px 20px;}
		.edu.edu-list .ui-introbox .inner > strong em {font-size: 28px;}
}


@media (max-width:360px) {
    .edu [data-skin="search"] .btns [data-skin="btn"] {display: block;width: 100%;margin: 3px 0;}
}


/* 교육프로그램 view */
.edu-view .program--view{margin-bottom: 50px;}
.edu-view .float-md-right  {float: none;display: block;margin-top: 20px;text-align: right;}
.edu-view .float-md-right .btn-wrap {display: inline-block;}
.edu-view .float-md-right .btn-wrap .link {min-width: 198px;text-align: center;border-radius: 5px;line-height: 30px;}
.edu-view .program--view .inner{}
.edu-view .program--view .inner .title{position:relative;padding:36px 0;padding-right: 323px;border-top: 2px solid #394c89;border-bottom: 1px solid #e1e1e1;}

.edu-view .program--view .inner .title .stats-wrap {position: absolute;right: 0;top: 50%;transform: translate(0, -50%);}
.edu-view .program--view .inner .title .stats-wrap .method,
.edu-view .program--view .inner .title .stats-wrap .stats {width: 95px;display: inline-block;border-radius: 5px;letter-spacing: -1px;font-size: 15px;padding: 7px 0;text-align: center;line-height: 1.4;position: relative;transform: none;top: 0;left: 0;}

.edu-view .program--view .inner .title > strong{display:block;line-height: 1.4;}
.edu-view .program--view .inner .title > strong i{display:block;color:#09326d}
.edu-view .program--view .inner .title > strong em{color: #000;padding: 0;font-size: 25px;line-height: 1;display: block;}
.edu-view .program--view .inner .title .badge{position: absolute;top: 10px;right: 20px;}
.edu-view .program--view .inner .info_box{padding:32px 18px;border-bottom: 1px solid #e1e1e1;}
.edu-view .program--view .inner .info_box .cnts_txt{padding: 10px;padding-top:10px;border-top: 1px dashed #e1e1e1;margin-top: 20px;}
.edu-view .program--view .inner .info_box .cnts_txt strong {font-size: 20px;color: #222;margin-bottom: 10px;display: block;}
.edu-view .program--view .inner .info_box .cnts_txt .list-1st li {padding-left: 10px;}
.edu-view .program--view .inner .info_box .list-1st{}
.edu-view .program--view .inner .info_box .list-1st li{padding-left: 235px;min-height: 26px;}
.edu-view .program--view .inner .info_box .list-1st li .con {}
.edu-view .program--view .inner .info_box .list-1st li .con .person {color: #cd4454;font-weight: 600;}
.edu-view .program--view .inner .info_box .list-1st.col2 li{display:inline-block;width:49%}
.edu-view .program--view .inner .info_box .list-1st li em {font-weight:bold;width: 195px;display: inline-block;position: absolute;top: 0;left: 18px;color: #333;letter-spacing: -1px;font-size: 15px;}
.edu-view .program--view .inner .info_box .list-1st li .person {color: #cd4454;font-weight: 600;}
.edu-view .program--view .inner .info_box .list-1st li em .fa,
.edu-view .program--view .inner .info_box .list-1st li em span{display:none;}
.edu-view .program--view .inner .info_box .list-1st li em:before{content:'';position:absolute;top: 8px;right:0;width:1px;height:12px;background-color:#ddd;}
.edu-view .program--view .inner .card--btn{margin-top:20px;margin-bottom: 0;text-align:center;}
.edu-view .program--view .inner .card--btn .btn{min-width:198px;text-align:center;border-radius:5px;line-height: 30px;}

.edu-view .program--view .apply-article{/* border:1px solid #e1e1e1; *//* padding:40px; */margin: 84px 0 30px 0;overflow: hidden;}
.edu-view .program--view .apply-article .forward{text-align:center;font-size: 28px;color:#000;font-weight:bold;margin-bottom:20px;}
.edu-view .program--view .apply-article .forward strong{color:#1c7c57;font-weight:bold;}
.edu-view .program--view .apply-article .forward-article{table-layout:fixed;display:table;width: calc(100% + 20px);text-align:center;margin: 0 -10px;}
.edu-view .program--view .apply-article .forward-article .self-accrdt{display:table-cell;border:10px solid transparent;}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item{background-color: #fff;padding: 39px 10px;border: 1px solid #e1e1e1;border-radius: 5px;min-height: 300px;}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item .ir{display:block;margin:0 auto 20px;width: 87px;height: 87px;background-color: #f5f6f9;border-radius: 5px;position: relative;background-repeat: no-repeat;background-position: 50%;}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item .ir.ir-icon.icon1 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='45' height='45'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 20.9l4.95-4.95a7 7 0 1 0-9.9 0L12 20.9zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728zM12 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='rgba(57,76,137,1)'/%3E%3C/svg%3E");}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item .ir.ir-icon.icon2 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='45' height='45'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(57,76,137,1)'/%3E%3C/svg%3E");}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item .ir.ir-icon.icon3 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='45' height='45'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 4c6.075 0 11 2.686 11 6v4c0 3.314-4.925 6-11 6-5.967 0-10.824-2.591-10.995-5.823L1 14v-4c0-3.314 4.925-6 11-6zm0 12c-3.72 0-7.01-1.007-9-2.55V14c0 1.882 3.883 4 9 4 5.01 0 8.838-2.03 8.995-3.882L21 14l.001-.55C19.011 14.992 15.721 16 12 16zm0-10c-5.117 0-9 2.118-9 4 0 1.882 3.883 4 9 4s9-2.118 9-4c0-1.882-3.883-4-9-4z' fill='rgba(57,76,137,1)'/%3E%3C/svg%3E");}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item .ir.ir-icon.icon4 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='45' height='45'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M9.366 10.682a10.556 10.556 0 0 0 3.952 3.952l.884-1.238a1 1 0 0 1 1.294-.296 11.422 11.422 0 0 0 4.583 1.364 1 1 0 0 1 .921.997v4.462a1 1 0 0 1-.898.995c-.53.055-1.064.082-1.602.082C9.94 21 3 14.06 3 5.5c0-.538.027-1.072.082-1.602A1 1 0 0 1 4.077 3h4.462a1 1 0 0 1 .997.921A11.422 11.422 0 0 0 10.9 8.504a1 1 0 0 1-.296 1.294l-1.238.884zm-2.522-.657l1.9-1.357A13.41 13.41 0 0 1 7.647 5H5.01c-.006.166-.009.333-.009.5C5 12.956 11.044 19 18.5 19c.167 0 .334-.003.5-.01v-2.637a13.41 13.41 0 0 1-3.668-1.097l-1.357 1.9a12.442 12.442 0 0 1-1.588-.75l-.058-.033a12.556 12.556 0 0 1-4.702-4.702l-.033-.058a12.442 12.442 0 0 1-.75-1.588z' fill='rgba(57,76,137,1)'/%3E%3C/svg%3E");}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item .ir:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 55px;height: 55px;display: none;}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item em,
.edu-view .program--view .apply-article .forward-article .self-accrdt .item strong{display:block;text-align:center;line-height:1.2}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item strong{font-size: 18px;color: #3a3a3a;font-weight:bold;margin-bottom: 16px;}
.edu-view .program--view .apply-article .forward-article .self-accrdt .item em{font-size: 16px;color: #666;}


@media screen and (max-width:1200px){
	.edu-view .program--view .apply-article .forward-article .self-accrdt .item em{font-size: 16px;}
}

@media (max-width:1024px) {
	.edu-view .program--view .inner .title .stats-wrap {position: relative;top: 0;transform: none;margin-bottom: 20px;}
	.edu-view .program--view .inner .title {padding: 36px 0;}
}

@media screen and (max-width:767px){
	.edu-view .program--view .apply-article .forward-article .self-accrdt{display:inline-block;float:left;width:50%;}

}

@media (max-width:620px) {
	.edu-view .program--view .inner .info_box .list-1st li em {position: relative;left: 0;width: auto;display: block;}
	.edu-view .program--view .inner .info_box .list-1st li {padding-left: 10px;}
	.edu-view .program--view .inner .info_box .list-1st li em:before {display: none;}
}


@media screen and (max-width:560px){
	.edu-view .program--view .apply-article{padding:20px;margin-top:70px;}
	.edu-view .program--view .apply-article .forward-article .self-accrdt{display:block;float:none;width:100%;}
	.edu-view .program--view .apply-article .forward-article .self-accrdt .item i{display:none;}
}


@media(max-width:1023px){
	.photo_wrap {margin:0 0 30px;}
	.photo_wrap.typeB .inner{padding-left: 370px;}
	.photo_wrap.typeB .thumb{position:absolute;top: 20px;left: 20px;width: 320px;margin: 0;}
	.photo_wrap.typeB .inner .info_box > strong em{font-size: 22px;line-height: 1.2;}
	.photo_wrap .inner2 {padding:45px 30px;}
	.photo_wrap .thumb {position:static; width:100%; max-width:578px; height:350px;margin:0 auto 30px;}
	.photo_wrap .thumb .picture span img {position: absolute;top: 50%;left: 50%;width: auto;min-width: 100%;max-width: 1000%;height: 100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
}
@media(max-width:900px){
	.photo_wrap.typeB .inner{padding-left: 53px;}
	.photo_wrap.typeB .thumb{position: static;top: auto;left: auto;width: 100%;max-width: none;margin: 0 auto 30px;}
	.photo_wrap.typeB .inner .info_box > strong em{font-size: 30px;}
	
}
@media(max-width:767px){
	.photo_wrap.typeB .inner{padding:30px;}
	.photo_wrap.typeB .inner .info_box > strong em{font-size: 24px;}
	.photo_wrap .thumb {height:300px;}
	.photo_wrap .inner2{padding:40px 25px;}
	.photo_wrap.typeB .inner .info_box .badge{/* position:relative; */top: -110px;right: 10px;/* width: 70px !important; *//* height: 30px !important; *//* border-radius: 5px !important; */}
	.photo_wrap.typeB .inner .info_box > strong{padding-right:0}
}
@media only screen and (max-width: 580px){
	.photo_wrap .thumb {height:250px;}
}

@media only screen and (max-width: 480px){
	.photo_wrap.typeB .inner .info_box .list-1st li{padding-left:18px;}
	.photo_wrap.typeB .inner .info_box .list-1st li em{display:block;position:relative;top:auto;left:auto;}
	.photo_wrap.typeB .inner .info_box .list-1st li em:before{display:none;}
}

@media (max-width:431px) {
	.edu-view .program--view .inner .card--btn .btn {display: block;width: 100%;margin: 3px 0;}
	.edu-view .float-md-right {margin-top: 3px;}
	.edu-view .float-md-right .btn-wrap {display: block;}
	.edu-view .float-md-right .btn-wrap .link {padding: 8px 16px;}
}



/* 교육프로그램 write */
.edu-write {}
.edu-write .btn-wrap {margin-top: 30px;text-align: center;}
.edu-write .btn-wrap .btn {padding: 10px 30px;}

@media (max-width:575px) {
.edu-write .form-horizontal.bucket-form .form-group .form-control-static [class^=col-].form-group {display: inline-block;width: calc(100% / 2 - -47px);}
.edu-write .form-horizontal.bucket-form .form-group>div[class^=col-] .btn.btn-sm {margin-top: -3px;}
}










/* 교육프로그램 list 외부버튼 */
.edu.edu-list .ui-introbox .bottom .btn {padding: 10px 45px 10px 15px;}



/* 선정방식 */
.edu .method {color: #fff;padding: 9px 10px;border-radius: 30px;font-weight: 600;font-size: 15px;line-height: 1;display: inline-block;}
.edu .method.ooa {background-color: #1598a0;} /* 선착순 */
.edu .method.tls {background-color: #014099;} /* 추첨제 */
.edu .method.cac {background-color: #cd4454;position: absolute;right: 0px;top: 50%;transform: translate(0, -50%);} /* 폐강 */








/* 행사 목록 스타일설정 */
.edu .fs-wrap {}
.edu .tab-ul.type2 {margin-bottom: 30px;}
.edu .fs-wrap .item {border: 1px solid #ddd;margin-bottom: 10px;position: relative;}
.edu .fs-wrap .item .link {width: 100%;height: 100%;display: block;padding: 20px;padding-right: 140px;}
.edu .fs-wrap .item .link .stats {position: absolute;right: 20px;top: 50%;transform: translate(0, -50%);}
.edu .fs-wrap .item .link  .fs-title {font-size: 20px;font-family: 'GmarketSans';color: #222;letter-spacing: -1px;display: block;line-height: 1;margin-bottom: 10px;}
.edu .fs-wrap .item .link ul {display: block;line-height: 1;}
.edu .fs-wrap .item .link ul li{display: inline-block;letter-spacing: -1px;font-size: 15px;margin: 0 10px;}
.edu .fs-wrap .item .link ul li {width: calc(100% / 2 - 3px);margin-left: 0px;margin: 3px 0;}
.edu .fs-wrap .item .link ul li:first-child {margin-left: 0;}
.edu .fs-wrap .item .link ul li:last-child {}
.edu .fs-wrap .item .link ul li:before {}
.edu .fs-wrap .item .link ul li .subjact{display: inline-block;line-height: 1;font-weight: 600;vertical-align: middle;margin-right: 10px;}
.edu .fs-wrap .item .link ul li .icon {width: 23px;height: 23px;display: inline-block;vertical-align: middle;border-radius: 50%;background-color: #394c89;margin-right: 3px;background-repeat: no-repeat;background-position: 50%;background-size: 61%;}
.edu .fs-wrap .item .link ul li .icon.icon1 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 2h14a1 1 0 0 1 1 1v19.143a.5.5 0 0 1-.766.424L12 18.03l-7.234 4.536A.5.5 0 0 1 4 22.143V3a1 1 0 0 1 1-1zm13 2H6v15.432l6-3.761 6 3.761V4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.edu .fs-wrap .item .link ul li .icon.icon2 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%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' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.edu .fs-wrap .item .link ul li .icon.icon3 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2zm11 9H4v9h16v-9zm-4.964 1.136l1.414 1.414-4.95 4.95-3.536-3.536L9.38 12.55l2.121 2.122 3.536-3.536zM7 5H4v3h16V5h-3v1h-2V5H9v1H7V5z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.edu .fs-wrap .item .link ul li .icon.icon4 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.edu .fs-wrap .item .link ul li .con {display: inline-block;line-height: 1;vertical-align: middle;}
.edu .fs-wrap .item .link ul li .person {color: #cd4454;font-weight: 600;}


@media (max-width:930px) {
	.edu .fs-wrap .item .link ul li {width: 100%;}
	.edu .fs-wrap .item .link .stats {transform: none;top: 20px;}
	.edu .fs-wrap .item .link {padding-right: 20px;}
}

@media (max-width:470px) {
	.edu .fs-wrap .item .link .stats {position: relative;top: 0px;right: 0;margin-bottom: 10px;}
	.edu .fs-wrap .item .link ul li .con {display: block;padding-left: 28px;line-height: 1.4;}
	.edu .fs-wrap .item .link ul li {margin: 0;margin-bottom: 10px;}
}

/* 행사 view */
.edu.edu-view.fs .ui.ui-filedown {margin-top:20px;}









/* 시설대관 */
.edu.edu-list.sd {}
.edu.edu-list.sd .ui-introbox {margin-bottom: 30px;}
.edu.edu-write.sd .form-horizontal.bucket-form .form-group>div[class^=col-] .tt {display: inline-block;width: 100%;}

.reservationWrap{overflow:hidden;margin-top:40px;padding-top: 10px;}
.reservationWrap .calendarArea{float:left;width:44%}
.reservationWrap .calendarArea .title{float:left;margin-top:0;font-size:22px;font-weight:bold;line-height:88%;font-family:'nsr';font-weight:800;color: #394c89;letter-spacing:-1px;}
.reservationWrap .calendarArea .info{float:right;margin-bottom:15px}
.reservationWrap .calendarArea .info span{display:inline-block;padding:3px 6px;color:#111}
.reservationWrap .calendarArea .info .holiday{border:1px solid #ddd;background:#ddd;}
.reservationWrap .calendarArea .info .not{border:1px solid #ddd;background:url(/images/prog/resve/bg_pattern2.png)}
.reservationWrap .calendarArea .info .ok{border:1px solid #ccc;background-color:#fff}
.reservationWrap .calendarArea .info .select{border: 1px solid #394c89;background-color: #394c89;color:#fff}
.reservationWrap .calendarArea .calendar{clear:both;width:100%;padding:40px 20px 35px;border:1px solid #ddd}
.reservationWrap .calendarArea .calendar .calHeader{position:relative;text-align:center}
.reservationWrap .calendarArea .calendar .calHeader .calDate{display:inline;font-size:36px;font-weight:bold;line-height:100%;color: #394c89;letter-spacing:-2px}
.reservationWrap .calendarArea .calendar .calHeader .calBtn{position:absolute;top:5px;line-height:30px;cursor:pointer;width: 32px;height: 32px;}
.reservationWrap .calendarArea .calendar .calHeader .calBtn a{position:relative;width:100%;height:100%;font-size:0;display:block;}
.reservationWrap .calendarArea .calendar .calHeader .prev{left:0;padding-left: 0;}
.reservationWrap .calendarArea .calendar .calHeader .next{right:0;padding-right: 0;}
.reservationWrap .calendarArea .calendar .calHeader .prev a:before{position:absolute;top:0;left:0;z-index:1;width:32px;height:32px;border-radius:50%;background-color: #394c89;border: 1px solid #394c89;content:'';transition: all 0.2s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;}
.reservationWrap .calendarArea .calendar .calHeader .prev a:after{position:absolute;top:7px;left:10px;z-index:2;width:9px;height:16px;background:url(/images/prog/resve/arrow_img.png) no-repeat -27px 0;content:'';display: none;}
.reservationWrap .calendarArea .calendar .calHeader .next a:before{position:absolute;top:0;right:0;z-index:1;width:32px;height:32px;border-radius:50%;background-color: #394c89;content:'';border: 1px solid #394c89;transition: all 0.2s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;}
.reservationWrap .calendarArea .calendar .calHeader .next a:after{position:absolute;top:7px;right:10px;z-index:2;width:9px;height:16px;background:url(/images/prog/resve/arrow_img.png) no-repeat -18px 0;content:'';display: none;}
.reservationWrap .calendarArea .calendar .calHeader .next a:hover:before,
.reservationWrap .calendarArea .calendar .calHeader .prev a:hover:before,
.reservationWrap .calendarArea .calendar .calHeader .next a:focus:before,
.reservationWrap .calendarArea .calendar .calHeader .prev a:focus:before{background-color: #fff;border-color: #394c89;}
.reservationWrap .calendarArea .calendar .schcal_tbl{width:100%;margin-top:27px;border-top:1px solid #555}
.reservationWrap .calendarArea .calendar .schcal_tbl th{padding:12px 0;border-bottom:1px solid #aaa;font-weight:bold;text-align:center}
.reservationWrap .calendarArea .calendar .schcal_tbl .sun {color: #c30c57;}
.reservationWrap .calendarArea .calendar .schcal_tbl .sat {color: #1473b5;}
.reservationWrap .calendarArea .calendar .schcal_tbl td{border-left:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:500;text-align:center;vertical-align:top}
.reservationWrap .calendarArea .calendar .schcal_tbl td:first-child{border-left:none}
.reservationWrap .calendarArea .calendar .schcal_tbl td div{height:69px;padding:2px 0;font-size: 15px;}
.reservationWrap .calendarArea .calendar .schcal_tbl td.holiday{background:#ddd;}
.reservationWrap .calendarArea .calendar .schcal_tbl td.not{background:url(/images/prog/resve/bg_pattern2.png);}
.reservationWrap .calendarArea .calendar .schcal_tbl td.holiday{font-size:12px}
.reservationWrap .calendarArea .calendar .schcal_tbl td a{display:block;width:100%;height:100%;vertical-align: top;line-height: 1;}
.reservationWrap .calendarArea .calendar .schcal_tbl td button {display:block;width:100%;height: 100%;position: relative;}
.reservationWrap .calendarArea .calendar .schcal_tbl td button span {display:block;position: absolute;top: 0;width: 100%;vertical-align:top;font-weight: 500;color: #494949; }
.reservationWrap .calendarArea .calendar .schcal_tbl td.selected button span{color:#fff;}
.reservationWrap .calendarArea .calendar .schcal_tbl td.sun,.reservationWrap .calendarArea .calendar .schcal_tbl td.sun a{color:#c30c57}
.reservationWrap .calendarArea .calendar .schcal_tbl td.sat,.reservationWrap .calendarArea .calendar .schcal_tbl td.sat a{color:#1473b5}
.reservationWrap .calendarArea .calendar .schcal_tbl td.off{background-color:#fafafa}
.reservationWrap .calendarArea .calendar .schcal_tbl td.selected{background-color: #394c89;font-weight:bold;}
.reservationWrap .calendarArea .calendar .schcal_tbl td.selected a{color:#fff}
.reservationWrap .timeArea{float:right;width:50%}
.reservationWrap .timeArea strong{font-size:22px;font-family:'nsr';line-height:88%;font-weight:800;letter-spacing:-1px;color: #394c89;}
.reservationWrap .timeArea strong span{display:inline-block;margin-left:20px;font-size:14px;font-weight:normal;vertical-align:baseline}
.reservationWrap .timeArea .timeBtnGroup{width:100%;margin:22px 0 34px;border-collapse:collapse}
.reservationWrap .timeArea .timeBtnGroup:after{display:block;visibility:hidden;clear:both;content:''}
.reservationWrap .timeArea .timeBtnGroup li{display:table;/* float:left; */width: 100%;height:100%;margin-left:-1px;margin-top:-1px;vertical-align:middle;margin-bottom: 10px;}
.reservationWrap .timeArea .timeBtnGroup button{display:table-cell;position:relative;width:100%;padding: 12px 29px;padding-bottom: 14px;padding-right: 119px;border:1px solid #ddd;font-size:15px;/* font-weight:600; */background-color:transparent;border-radius: 5px;text-align: left;}
.reservationWrap .timeArea .timeBtnGroup button span{display: inline-block;margin-top:3px;text-align:center;}
.reservationWrap .timeArea .timeBtnGroup button .inwon{margin:0 10px;position:relative;padding:0 10px;}
.reservationWrap .timeArea .timeBtnGroup button .inwon:before,
.reservationWrap .timeArea .timeBtnGroup button .inwon:after{display:block;content:'';position:absolute;top: 50%;bottom:0;width:1px;height:14px;background-color:#c5c9d6;transform: translate(0, -50%);}
.reservationWrap .timeArea .timeBtnGroup button span.inning{font-weight:bold}
.reservationWrap .timeArea .timeBtnGroup button .inwon:before{left:0;}
.reservationWrap .timeArea .timeBtnGroup button .inwon:after{right:0}

.reservationWrap .timeArea .timeBtnGroup button span.status{position:absolute;top:12px;right:29px;}
.reservationWrap .timeArea .timeBtnGroup button span.status0{color: #2f68c2;}
.reservationWrap .timeArea .timeBtnGroup button span.status1{color:#a8b5c4}
.reservationWrap .timeArea .timeBtnGroup button span:first-child{margin-top:0}
.reservationWrap .timeArea .timeBtnGroup button span.ampm1{color:#293855}
.reservationWrap .timeArea .timeBtnGroup button span.ampm2{color:#5e3a46}
.reservationWrap .timeArea .timeBtnGroup button:focus{}
.reservationWrap .timeArea .timeBtnGroup button.checked{background-color: #394c89;border-color: #394c89;color:#fff;}
.reservationWrap .timeArea .timeBtnGroup button.checked span.status0,
.reservationWrap .timeArea .timeBtnGroup button.checked span.status1{color:#fff}

.reservationWrap .timeArea .timeBtnGroup button .check{display: none !important;}
.reservationWrap .timeArea .timeBtnGroup button.disable .check{display:none}
.reservationWrap .timeArea .timeBtnGroup button.disable:after{position:absolute;top:15px;left:50%;width:15px;height:12px;margin-left:-8px;background:url(/images/prog/resve/red_x.png) no-repeat;content:''}
.reservationWrap .timeArea .result{overflow:hidden;margin-top:12px;padding: 15px 0;border:1px solid #ddd;border-radius: 5px;}
.reservationWrap .timeArea .result .date{float:left;width:50%;font-size:15px;font-weight:500;color:#635c56;text-align:left; padding:0 15px}
.reservationWrap .timeArea .result .date:before{display:inline-block;width:18px;height:18px;margin-right:10px;margin-top:-3px;background: url(/images/yeyak/main/icon_board.png) no-repeat 0 0;vertical-align:middle;content:''}
.reservationWrap .timeArea .result .time{float:left;width:50%;border-left:1px solid #ddd}
.reservationWrap .timeArea .result .time li{margin-top:5px;font-size:15px;font-weight:500;color:#635c56;text-align:left; padding:0 15px}
.reservationWrap .timeArea .result .time li:first-child{margin-top:0}
.reservationWrap .timeArea .result .time li:before{display:inline-block;width:18px;height:18px;margin-top:0;margin-right:5px;background: url(/images/yeyak/main/icon_board.png) no-repeat -21px -1px;vertical-align:middle;content:''}

.reservationWrap .timeArea .btn-wrap {margin-top: 30px;}
.reservationWrap .timeArea .btn-wrap .submitBtn, .reservationWrap .timeArea .btn-wrap .submitBtn.search {width: calc(100% / 2 - 3px);height: 58px;/* margin-top:32px; */border: 1px solid #394c89;background-color: #394c89;font-weight:bold;line-height: 45px;font-size:18px;color:#fff;transition:all .2s;border-radius: 5px;display: inline-block;}
.reservationWrap .timeArea .btn-wrap .submitBtn.search {background-color: #fff;color: #394c89;}
.reservationWrap .timeArea .btn-wrap .submitBtn:focus,
.reservationWrap .timeArea .btn-wrap .submitBtn:hover{background-color:#fafafa;color: #394c89;}
.reservationWrap .timeArea .btn-wrap .submitBtn.search:focus,
.reservationWrap .timeArea .btn-wrap .submitBtn.search:hover{background-color: #394c89;color: #fff;}
.reservationWrap .timeArea .submitBtn .arrow{display:inline-block;position:relative;width:36px;height:36px;margin-left:15px;border:1px solid #424245;border-radius:50%;background-color:#fff;vertical-align:middle;display: none;}
.reservationWrap .timeArea .submitBtn .arrow:before{position:absolute;top:9px;right:11px;width:9px;height:16px;background:url(/images/prog/resve/arrow_img.png) no-repeat -9px 0;content:''}

.reservationWrap .calendarArea .calendar .calHeader .prev a:hover:before,
.reservationWrap .calendarArea .calendar .calHeader .prev a:focus:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(57,76,137,1)'/%3E%3C/svg%3E");}
.reservationWrap .calendarArea .calendar .calHeader .next a:hover:before,
.reservationWrap .calendarArea .calendar .calHeader .next a:focus:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(57,76,137,1)'/%3E%3C/svg%3E");}


@media screen and (max-width:1199px){
    .reservationWrap .calendarArea .calendar{padding:40px 20px 35px}
}
@media screen and (max-width:799px){
    .reservationWrap .calendarArea{float:none;width:100%;margin-bottom:30px}
    .reservationWrap .timeArea{float:none;width:100%}
    .reservationWrap .timeArea .timeBtnGroup{margin-left:1px}

}

@media (max-width:500px) {
.reservationWrap .timeArea .timeBtnGroup button span.inning {display: block;text-align: left;}
}

@media screen and (max-width:460px){
    .reservationWrap .timeArea strong span{margin-left:0;margin-top:4px}
}
.userGuideWrap{margin-top:50px;padding:40px 60px;border:1px solid #ccc}
.userGuideWrap .title{position:relative;padding-left: 30px;font-size:20px;font-weight:bold;color:#222}
.userGuideWrap .title:before{position: absolute;top: 7px;left: 8px;width: 18px;height: 18px;background: url(/images/prog/resve/tit.jpg) no-repeat;content: '';}
.userGuideWrap .title b{margin:0 15px;font-size:26px;color:#e43e3e}
.userGuideWrap .title b:first-child{margin-left:10px}
.userGuideWrap .title .exMark{display:inline-block;position:relative;width:24px;height:24px;margin-right:20px;border:1px solid #222;border-radius:50%;background-color:#e43e3e;font-size:18px;line-height:24px;text-align:center;vertical-align:middle;color:#fff}
.userGuideWrap .title .exMark:before{position:absolute;top:-5px;right:-5px;left:-5px;bottom:-5px;border:2px solid #222;border-radius:50%;content:''}
.userGuideWrap ul{overflow:hidden;margin-top:30px}
.userGuideWrap ul li{float:left;position:relative;width:50%;min-height:100px;padding:10px 10px 10px 92px}
.userGuideWrap ul li img{position:absolute;top:10px;left:10px}
.userGuideWrap ul li p{line-height:130%}
.btnArea{margin-top:20px;text-align:right}
@media screen and (max-width:799px){

    .userGuideWrap{padding:30px 20px}
    .userGuideWrap ul li{float:none;width:100%;min-height:90px}

}
@media screen and (max-width:460px){
    .reservationWrap .calendarArea .calendar .calHeader .calDate{font-size:28px}
    .reservationWrap .calendarArea .calendar .calHeader .calBtn{top:-3px}
    .reservationWrap .calendarArea .calendar .calHeader .prev{padding-left:32px}
    .reservationWrap .calendarArea .calendar .calHeader .next{padding-right:32px}
    .reservationWrap .timeArea .result .date,.reservationWrap .timeArea .result .time{float:none;width:100%}
    .reservationWrap .timeArea .result .time{border-left:none}
}











/* 하드디스크 파기예약 */
.edu.edu-write.sd .form-horizontal.bucket-form>.form-group.hard> .col-sm-4.custom {}
.edu.edu-write.sd .form-horizontal.bucket-form>.form-group.hard> .col-sm-4.custom input {display: inline-block;width: calc(100% - 30px);}
.edu.edu-write.sd .form-horizontal.bucket-form>.form-group.hard> .col-sm-4.custom .inblock {font-size: 15px;}



/* 예약현황 */
.re-result {}
.re-result .r-wrap {}
.re-result .r-wrap .h2 {}
.re-result .r-wrap .item-area {font-size: 0;letter-spacing: 0;word-spacing: 0;display: block;}
.re-result .r-wrap .item-area .item {display: inline-block;margin-right: 25px;width: calc(100% / 3 - 17px);border: 1px solid #e1e1e1;border-radius: 10px;margin-bottom: 25px;text-align: center;padding-top: 34px;padding-bottom: 34px;}
.re-result .r-wrap .item-area .item:nth-child(3n) {margin-right:0px}
.re-result .r-wrap .item-area .item {} .icon {background-image: url(/images/yeyak/main/y-icon.png);width: 28px;height: 20px;display: block;margin: 0 auto;}
.re-result .r-wrap .item-area .item .subjact {font-size: 20px;letter-spacing: -1px;color: #394c89;font-family: 'gothic';font-weight: 600;margin: 0;margin-top: 15px;margin-bottom: 1px;}
.re-result .r-wrap .item-area .item .num-wrap {}
.re-result .r-wrap .item-area .item .num-wrap .num {font-family: 'GmarketSans';font-size: 40px;letter-spacing: -1px;color: #222;vertical-align: middle;margin-right: 6px;}
.re-result .r-wrap .item-area .item .num-wrap em {color: #444444;font-family: 'gothic';font-size: 15px;letter-spacing: -1px;font-weight: normal;}
.re-result .r-wrap .item-area .item .btn-wrap {}
.re-result .r-wrap .item-area .item .btn-wrap .link {font-family: 'gothic';color: #414d86;font-size: 15px;letter-spacing: -1px;border: 1px solid #414d86;max-width: 137px;width: 100%;display: inline-block;text-align: left;padding-left: 16px;padding: 4px 0px 4px 16px;transition: all 0.2s;}
.re-result .r-wrap .item-area .item .btn-wrap .link:hover,
.re-result .r-wrap .item-area .item .btn-wrap .link:focus {background-color: #414d86;color: #fff;}
.re-result .r-wrap .item-area .item .btn-wrap .link .new {background-image: url(/images/yeyak/main/newsite.png);width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin-top: -3px;margin-left: 10px;transition: all 0.2s;}
.re-result .r-wrap .item-area .item .btn-wrap .link:hover .new,
.re-result .r-wrap .item-area .item .btn-wrap .link:focus .new {background-image: url(/images/yeyak/main/newsite-ov.png);}

@media (max-width:730px) {
.re-result .r-wrap .item-area .item {width: calc(100% / 2 - 13px);}
.re-result .r-wrap .item-area .item:nth-child(2n) {margin-right: 0px;}
.re-result .r-wrap .item-area .item:nth-child(2n-1) {margin-right: 25px;}
}

@media (max-width:490px) {
.re-result .r-wrap .item-area .item {width: 100%;margin-right: 0 !important;}	
}