@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 서포트
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */





.apply-wr.step01 {}
.apply-wr .tblBox-wr {border-top: 4px solid #002b95}
.apply-wr .role-head {position:relative;box-sizing:border-box;padding:51px 0 50px}
.apply-wr .role-head .dateSelector {display:inline-block;box-sizing:border-box;position:relative;padding:0 465px;margin:0 0 0 42px}
.apply-wr .role-head .dateSelector .ctrl {display:block;position:absolute;width:50px;height:50px;border:0;top:-5px;background:transparent}
.apply-wr .role-head .dateSelector .ctrl:after {content:"";display:block;position:absolute;width:22px;height:37px;top:0;right:0;bottom:0;left:0;background:url(/assets/img/common/apply1_spr.png) no-repeat;transition:all .3s ease}
.apply-wr .role-head .dateSelector .ctrl.prev {left:0}
.apply-wr .role-head .dateSelector .ctrl.prev:after {background-position:-38px 0px;left:14px;margin:auto auto auto 0}
.apply-wr .role-head .dateSelector .ctrl.next {right:0}
.apply-wr .role-head .dateSelector .ctrl.next:after {background-position:-70px 0px;right:14px;margin:auto 0 auto auto}
.apply-wr .role-head .dateSelector .dateStr {display:block;line-height:1;font-size:2.5em;font-family:"Nanum Square";color:#000;letter-spacing:-.025em}
.apply-wr .role-head .dateSelector .ctrl.prev:focus:after,
.apply-wr .role-head .dateSelector .ctrl.prev:hover:after {left:0}
.apply-wr .role-head .dateSelector .ctrl.next:focus:after,
.apply-wr .role-head .dateSelector .ctrl.next:hover:after {right:0}
.apply-wr .role-head .dateType {position:absolute;right:32px;top:50%;margin:-10px 0 0}
.apply-wr .role-head .dateType dl {display:inline-block;vertical-align:baseline;margin:0 22px 0 0}
.apply-wr .role-head .dateType dl:last-child {margin:0}
.apply-wr .role-head .dateType dl dt,
.apply-wr .role-head .dateType dl dd {display:inline-block;vertical-align:baseline}
.apply-wr .role-head .dateType dl dt {margin:0 5px 0 0}
.apply-wr .role-head .dateType dl dt span {display:block;width:14px;height:14px;border-radius:50%}
.apply-wr .role-head .dateType dl dd {font-size:1em;letter-spacing:-.025em;color:#000}
.apply-wr .role-head .dateType dl.possible dt span {background:#002b95}
.apply-wr .role-head .dateType dl.complete dt span {background:#d54739}
.apply-wr .role-body {}
.apply-wr .role-body .cal-tbl {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:1.000em}
.apply-wr .role-body .cal-tbl tr th {background:#ecf7f9; font-weight:normal;font-size:20px;border-bottom:1px solid #002b95;border-top:2px solid #002b95;border-right:1px solid rgba(0, 0, 0, .15);border-left:1px solid rgba(0, 0, 0, .15);padding:20px 0}
.apply-wr .role-body .cal-tbl tr td {vertical-align:top;border-right:1px solid rgba(0, 0, 0, .15);border-bottom:1px solid rgba(0, 0, 0, .15);border-left:1px solid rgba(0, 0, 0, .15);box-sizing:border-box}
.apply-wr .role-body .cal-tbl tr td.sun {color:#d54739}
.apply-wr .role-body .cal-tbl tr td.sat {color:#002b95}
.apply-wr .role-body .cal-tbl tr td .cell {display:block;height:129px;box-sizing:border-box;position:relative;padding:17px 26px 0 21px}
.apply-wr .role-body .cal-tbl tr td div.cell {/*opacity:.5*/}
.apply-wr .role-body .cal-tbl tr td a.cell {transition:all .3s ease}
.apply-wr .role-body .cal-tbl tr td a.cell:focus,
/*.apply-wr .role-body .cal-tbl tr td a.cell:hover {box-shadow:5px 5px 5px rgba(0, 0, 0, .2)}*/
.apply-wr .role-body .cal-tbl tr td .dateNum {display:block;text-align:right;box-sizing:border-box;/*font-size:20px;*/font-family:"Nanum Square";font-weight:bold; color:#555;}
.apply-wr .role-body .cal-tbl tr td .availPkg {margin:3px 0 0}
.apply-wr .role-body .cal-tbl tr td .availPkg dl {display:block;text-align:left;font-size:0;margin:0 0 8px}
.apply-wr .role-body .cal-tbl tr td .availPkg dl:last-child {margin:0}
.apply-wr .role-body .cal-tbl tr td .availPkg dl dt,
.apply-wr .role-body .cal-tbl tr td .availPkg dl dd {display:inline-block;vertical-align:baseline;line-height:1;box-sizing:border-box;position:relative}
.apply-wr .role-body .cal-tbl tr td .availPkg dl dt {margin:0 7px 0 0}
.apply-wr .role-body .cal-tbl tr td .availPkg dl dt span {display:inline-block;width:14px;height:14px;font-size:0;letter-spacing:-9999em;line-height:9999;overflow:hidden;border-radius:50%;margin:0 0 -3px}
.apply-wr .role-body .cal-tbl tr td .availPkg dl dd {font-size:14px;font-weight:bold;letter-spacing:-.05em;margin:0 0 2px;line-height:1;font-family:"Nanum Square"}
.apply-wr .role-body .cal-tbl tr td .availPkg dl.avail-ok dt span {background:#002b94}
.apply-wr .role-body .cal-tbl tr td .availPkg dl.avail-ok dd {}
.apply-wr .role-body .cal-tbl tr td .availPkg dl.avail-no dt span {background:#d54739}
.apply-wr .role-body .cal-tbl tr td .availPkg dl.avail-no dd {color:#555;}
.apply-wr .role-body .cal-tbl .impossible {background:#f2f2f2}
@media all and (max-width:1100px) {
	.apply-wr .role-body .cal-tbl tr td .cell {height:120px;padding:5px 10px 0}
}
@media all and (max-width:999px) {
	.apply-wr .role-head {padding:30px 0}
	.apply-wr .role-head .dateType {right:0;transform:translateY(-50%);margin:0}
}
@media all and (max-width:899px) {
	.apply-wr .role-head .dateSelector {padding:0 50px;margin:0}
	.apply-wr .role-body .cal-tbl tr td .dateNum {font-size:18px}
	.apply-wr .role-body .cal-tbl tr td .availPkg {margin:10px 0 0}
	.apply-wr .role-body .cal-tbl tr td .availPkg dl dt {margin:0 3px 0 0}
	.apply-wr .role-body .cal-tbl tr td .availPkg dl dt span {width:6px;height:6px;margin:0 0 2px}
}
@media all and (max-width:760px) {
	.apply-wr .role-body .cal-tbl tr td .cell {height:auto;min-height:36px;padding:5px 8px 5px}
	.apply-wr .role-body .cal-tbl tr td .availPkg dl {margin:0 0 3px}
}
@media all and (max-width:699px) {
	.apply-wr .role-head .dateSelector .dateStr {font-size:2.00em}
	.apply-wr .role-head .dateSelector .ctrl {width:35px;height:35px;top:0}
	.apply-wr .role-head .dateSelector .ctrl:after {width:15px;height:26px;background-size:64px auto}
	.apply-wr .role-head .dateSelector .ctrl.prev:after {background-position:-27px 0px;left:14px;margin:auto auto auto 0}
	.apply-wr .role-head .dateSelector .ctrl.next:after {background-position:-49px 0px;right:14px;margin:auto 0 auto auto}
	.apply-wr .role-body .cal-tbl tr th {font-size:17px;padding:10px 0}
	.apply-wr .role-body .cal-tbl tr td .cell {height:60px}
	.apply-wr .role-body .cal-tbl tr td a.cell:after {content:"";display:block;position:absolute;width:10px;height:10px;left:50%;margin:0 0 0 -5px;top:50%;border-radius:50%;background:#002b95}
	.apply-wr .role-body .cal-tbl tr td .dateNum {font-size:15px;letter-spacing:-.05em}
	.apply-wr .role-body .cal-tbl tr td .availPkg {display:none}
}
@media all and (max-width:499px) {
	.apply-wr .role-head {padding:20px 0 15px;text-align:center}
	.apply-wr .role-head .dateSelector .dateStr {font-size:1.50em}
	.apply-wr .role-head .dateSelector .ctrl {top:50%;transform:translateY(-50%)}
	.apply-wr .role-head .dateType {display:block;position:relative;right:auto;top:auto;transform:translateY(0);margin:10px 0 0}
}
@media all and (max-width:399px) {
	.apply-wr .role-body .cal-tbl tr td .cell {height:50px}
	.apply-wr .role-body .cal-tbl tr td a.cell:after {top:60%}
}



.tooltip-wrap {
  position: relative;
}

.chart-pop {
z-index : 9999;
  display: none;
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  padding: 15px 10px;
  border: 1px solid #d71a21;
  border-radius: 5px;
  background-color: #fff;
}

.chart-pop h1{font-size:20px; font-weight:700px; padding:10px 0;}

.chart-pop .layer-content{line-height:150%}

.chart-pop .chart-close01 {
  position: absolute;
  right: 10px;
  top: 10px;
}