.btn-apply {display: flex; justify-content: center; align-items: center; min-width: 130px; padding: 12px 20px; border-radius: 5px; font-family:'HG Regular'; font-size: 16px;}
.btn-apply.small {padding: 8px 17px;}
.btn-apply.color1 {background: #1174ff; color: #fff;}
.btn-apply.color1:hover {background: #0b64e0;}
.btn-apply.color2 {background: #9f9f9f; color: #fff;}
.btn-apply.color2:hover {background: #727272;}
.btn-apply.color3 {background: #00b5ad; color: #fff;}
.btn-apply.color3:hover {background: #018b85;}
.btn-apply.color4 {background: #00429e; color: #fff;}
.btn-apply.color4:hover {background: #003074;}

.apply-cal .header {display: flex; justify-content: space-between; align-items: center;}
.apply-cal .date {display: flex; align-items: center;}
.apply-cal .date strong {font-family: 'SBA Medium'; font-size: 35px; line-height: 1; color: #121212;}
.apply-cal .date .control {position: relative; top: 0; display: flex; align-items: center; margin-left: 30px;}
.apply-cal .date .control button {width: 37px; height: 37px; border: 1px solid #cccccc; border-radius: 3px; text-indent: -99999px;}
.apply-cal .date .control button.prev {margin-right: 10px; background: url('../images/ic-cal-prev.png') no-repeat center;}
.apply-cal .date .control button.prev:hover {background: url('../images/ic-cal-prev-on.png') no-repeat center;}
.apply-cal .date .control button.next {background: url('../images/ic-cal-next.png') no-repeat center;}
.apply-cal .date .control button.next:hover {background: url('../images/ic-cal-next-on.png') no-repeat center;}
.apply-cal .state ul {display: flex; align-items: center;}
.apply-cal .state li {position: relative; display: flex; align-items: center; margin-left: 30px; font-size: 18px; color: #333333;}
.apply-cal .state li::before {content: ''; display: block; width: 15px; height: 15px; margin-right: 10px; border-radius: 100%;}
.apply-cal .state li.state1::before {background: #fabc00;}
.apply-cal .state li.state2::before {background: #073ba6;}

.apply-cal .calendar {margin-top: 40px; padding-bottom: 10px;}
.apply-cal .calendar {position: relative; line-height: 1.6;}
.apply-cal .calendar table {position: relative; top: 10px;}
.apply-cal .calendar thead {position: relative; top: -10px;}
.apply-cal .calendar thead::before {content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: #0066b3; border-radius: 10px;}
.apply-cal .calendar thead th {padding: 9px 10px; font-size: 20px; color: #fff;}
.apply-cal .calendar tbody {position: relative; display: table-header-group;}
.apply-cal .calendar tbody::before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #aebbc2;}
.apply-cal .calendar tbody::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #aebbc2;}
.apply-cal .calendar tbody td {height: 180px; padding: 20px; background:#fff; border-right: 1px solid #aebbc2; border-bottom: 1px solid #aebbc2; text-align: left; vertical-align: top;}
.apply-cal .calendar tbody td:hover {background: #f3f8ff;}
.apply-cal .calendar tbody td .num {font-family: 'HG Medium'; font-size: 20px; color: #000;}
.apply-cal .calendar tbody td.sat .num {color: #0067f0;}
.apply-cal .calendar tbody td .num.hldy,
.apply-cal .calendar tbody td.sun .num {color: #ff3a3a;}
.apply-cal .calendar .state {display: flex; align-items: center; position: relative; padding: 7px 0; padding-left: 20px; font-size: 14px;}
.apply-cal .calendar .state.color1 {color: #121212;}
.apply-cal .calendar .state.color2 {color: #aaaaaa;}
.apply-cal .calendar .state::before {content: ''; position: absolute; left: 0; top: 13px; width: 10px; height: 10px; margin-right: 10px; border-radius: 100%;}
.apply-cal .calendar .state.color1::before {background: #fabc00;}
.apply-cal .calendar .state.color2::before {background: #1445ab;}
/* 25.09.11 calendar.jsp에서 문구 삭제 후 신청확인 버튼을 왼쪽으로 이동되어 float:right 추가 */
.apply-cal .noti {display: flex; justify-content: space-between; align-items: center; margin-top: 20px; float:right;}

@media screen and (max-width: 1200px){
	.apply-cal .calendar { overflow-x: hidden; min-height: 130px; }
	.apply-cal .calendar.on { min-height: auto; }
	.apply-cal .calendar table { width: 1300px; }
	.apply-cal .calendar:after { content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../images/img-mobile.png') no-repeat center 100px; }
	.apply-cal .calendar.on:after { display: none; }
	.apply-cal .calendar thead th {font-size: 18px;}
	.apply-cal .calendar tbody td .num {font-size: 18px;}
}

@media screen and (max-width: 1024px){
	.apply-cal .date strong {font-size: 30px;}
	.apply-cal .state li {font-size: 16px;}
}

@media screen and (max-width: 768px){
	.apply-cal .date strong {font-size: 25px;}
}

@media screen and (max-width: 768px){
	.apply-cal .noti {flex-direction: column; align-items: center;}
	.apply-cal .noti .info-text2 {width: 100%;}
	.apply-cal .noti a {margin-top: 10px;}
}

.apply-form .subject {display: flex; justify-content: space-between; align-items: flex-end;}
.apply-form .subject .objHeading_h2 {margin-top: 0;}
.apply-form .subject .noti {font-size: 14px; color: #d6001e;}
.apply-form .box {border-top: 2px solid #3176d0;}
.apply-form .row {display: flex;}
.apply-form .row .title {display: flex; align-items: center; flex-shrink: 0; width: 240px; min-height: 75px; padding-left: 30px; background: #f5f7f9; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.apply-form .row .title .must {position: relative; top: -7px; display: block; width: 8px; height: 8px; margin-left: 10px; background: url('../images/ic-must.png') no-repeat center; text-indent: -99999px;}
.apply-form .row .insert {display: flex; align-items: center; flex-grow: 1; flex-wrap: wrap; padding: 15px 0; padding-left: 30px; border-bottom: 1px solid #e1e1e1;}
.apply-form .row .insert .inp {width: 100%; height: 40px; padding: 0 15px; border: 1px solid #cccccc; border-radius: 5px; font-family: 'HG Regular'; font-size: 15px; color: #333;}
.apply-form .row .insert .inp.max320 {max-width: 320px;}
.apply-form .row .insert .inp.max400 {max-width: 400px;}
.apply-form .row .insert .inp.max670 {max-width: 670px;}
.apply-form .row .insert .sel {height: 40px; padding: 0 110px 0 20px; background: url('../images/ic-form-sel.png') no-repeat calc(100% - 10px) center;  border: 1px solid #cccccc; border-radius: 5px; font-family: 'HG Regular'; font-size: 15px; color: #666666; appearance: none;}
.apply-form .row .insert .flex {display: flex; align-items: center; width: 100%;}
.apply-form .row .insert .space {padding: 0 10px;}
.apply-form .row .insert .noti {font-size: 14px; color: #666666;}

.apply-form .buttons {display: flex; justify-content: center; align-items: center;}

@media screen and (max-width: 1024px) {
	.apply-form .row {flex-direction: column;}
	.apply-form .row .title {width: 100%; border-right: 0; font-size: 16px;}
}

.apply-check {display: flex; flex-direction: column; align-items: center; padding: 60px 30px; background: #f7f7f7 url('../images/bg-check.png') no-repeat right top;}
.apply-check .desc strong {font-size: 20px; color: #222222;}
.apply-check .form {display: flex; align-items: center; margin-top: 40px;}
.apply-check .form .inp {width: 100%; height: 40px; padding: 0 15px; border: 1px solid #cccccc; border-radius: 5px; font-family: 'HG Regular'; font-size: 15px; color: #333;}
.apply-check .form .inp.max320 {max-width: 320px;}
.apply-check .form .inp.max400 {max-width: 400px;}
.apply-check .form .inp.max670 {max-width: 670px;}
.apply-check .form .sel {height: 40px; padding: 0 110px 0 20px; background: #fff url('../images/ic-form-sel.png') no-repeat calc(100% - 10px) center;  border: 1px solid #cccccc; border-radius: 5px; font-family: 'HG Regular'; font-size: 15px; color: #666666; appearance: none;}
.apply-check .form .write {display: flex; align-items: center; margin-left: 20px;}
.apply-check .form .space {padding: 0 10px;}
.apply-check .buttons {margin-top: 30px;}

@media screen and (max-width: 1024px) {
	.apply-check .desc strong {font-size: 18px;}
}

@media screen and (max-width: 768px) {
	.apply-check .form {flex-direction: column; align-items: flex-start;}
	.apply-check .form .write {margin-left: 0; margin-top: 20px;}
}

.outer table td a {display: block;font-size: 16px;font-family: 'HG Regular';color: #555555;display: flex;align-items: center;white-space: normal; justify-content: center;}
.outer table td a strong {display: -webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: 30px;background: linear-gradient(to bottom, transparent 98%, rgba(0,0,0,1) 0) left center no-repeat;background-size: 0;transition: background-size .5s;}
.outer table td a:hover strong {background-size: 100% auto;}

.attachment ul{position: relative;}
.attachment ul li{position: relative;line-height: 2; padding-left:37px; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.attachment ul li:last-child {margin-bottom: 0;}
.attachment ul li::after {content:''; width:23px; height:25px; background:url('../images/view-file.png') no-repeat center; position: absolute; left:0; top:2px;}
/* .attachment ul li + li{margin-top: 5px;} */
.attachment ul li > a{display: inline-block;font-family: 'HG Regular';font-size: 14px;color: #333333; position: relative;}
.attachment ul li > a:hover {text-decoration: underline;}
.attachment ul li > a img{vertical-align: middle;}
.attachment ul li > a.preview{color:#4b4b4b;font-family: 'HG Regular';font-size:15px;background: #fff url('../images/preview.png') no-repeat 15px center;padding: 6px 18px 6px 42px;border: 1px solid #b2b2b2;border-radius: 5px;margin-left: 20px;vertical-align: middle;}
.attachment ul .no-file{padding-left: 0;}
.attachment ul .no-file::after{display: none;}

@media screen and (max-width: 768px) {
    .attachment{padding: 25px 10px;}
    .attachment ul{padding-left:0;background: none;}
    /* .attachment ul li{padding-left:25px;} */
    .attachment ul li + li{margin-top:5px;}
    .attachment ul li a{font-size:14px;color:#666;line-height: 1.6;}
    .attachment ul li a.preview{font-size:14px;margin-top:5px;background-size: 14px;padding: 3px 10px 3px 30px;background-position: 10px center;margin-left: 12px;}
}


/***** Paging *****/
._fnctWrap ._paging{text-align: center;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 35px;height: 35px;line-height: 35px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 10px;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 2px;}
._fnctWrap ._paging ._inner ul li a{background-color: #F5F5F5 !important;border:none !important; color: #fff;border-radius:5px; color:#555; font-family: 'HG Regular'; position: relative;}
._fnctWrap ._paging ._inner ul li a:hover {background:#e2e2e2 !important;}
._fnctWrap ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/first-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._prev{background: url(./../images/prev-page10.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listPrev{background: url(./../images/prev-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listNext{background: url(./../images/next-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._next{background: url(./../images/next-page10.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/last-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner li strong{border:none !important; border-radius:5px; background:#0066b3; color:#fff; font-family: 'HG Medium';}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}


/* table */
@media screen and (max-width: 1000px) {
    .con-table table{width: 100%; display: block; text-align: left;}
    .con-table::after{display: none;}
    .con-table thead{display: none;}
    .con-table tbody{display: block; width: 100%;}
    .con-table tr{display: block; width: 100%; text-align: left; border-bottom: 1px solid #dddee0; overflow: hidden; padding: 15px 0;}
    .con-table tbody td{display: block; padding: 0 15px; font-size: 13px; color: #888888; border: 0; position: relative; float: left;}
    .con-table tbody td::after{content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #555555;}
    .outer table td a{justify-content: start;}
    .con-table tbody td:first-child{display: none;}
    .con-table tbody td:last-child::after{display: none;}
    .con-table tbody .col-name{width: 100%; display: block; font-size: 16px; color: #555555; margin-bottom: 10px;}
    .con-table tbody .col-name:after{display: none;}
}