.po-cen{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.txt-shadow{
	text-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.bt{
	border-top:1px solid #ebebeb;
}
.bb{
	border-bottom:1px solid #ebebeb;
}
.db{
	border-bottom:1px dashed #ebebeb;
}
.hover-border{
    border: 4px solid transparent;
    border-image: url(../images/hover-border.jpg) 4 round;
}
.bg-gray{
    background:#f3f3f3;
}
.bg-red{
    background:#f3f3f3;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
/* bullets */
.gray-bullet{
	position:relative;
	padding-left:15px;
}
.gray-bullet:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 50%;
    content: '';
}
.white-bullet{
	position:relative;
	padding-left:15px;
}
.white-bullet:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    content: '';
}
.red-bullet{
	position:relative;
	padding-left:15px;
}
.red-bullet:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    background: #e60013;
    border-radius: 50%;
    content: '';
}


.cta > a{
	display:inline-block;
	padding:8px 36px;
	border:1px solid #e1e1e1;
	border-radius:40px;
}
/*boots 추가 스타일*/
/* content styles */

.inside {

}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.content {
  padding: 12px 3px;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}


#Wrapper {
 height: 100%;
  width: 100%;
  _overflow-x:hidden !important;
}

/*라인 설정*/
.titleLine {border-top:1px solid #00aeef;}
.titleLine.lineBlue{border-color:#00aeef;}
.titleLine.lineWhite{border-color:#fff;}
.titleLine.line-lg {border-width:6px;}
.titleLine.line-md {border-width:4px;}
.titleLine.line-sm {border-width:2px;}
.titleLine.line-left{display:inline-block;}


/**/
.listMore {
	padding:30px 0;
	text-align:center;
}

.row.boxs {
	margin-left:-10px;
	margin-right:-10px;
}
.row.boxs > div{
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 20px;
}
.row.boxs > div > ul{
	border:1px solid #ddd;
	width:100%;
	height:100px;
	position: relative;
}
.row.boxs > div > ul::before{
    content: '';
    width: 1px;
    height: 46px;
    background: #ccd6e0;
    position: absolute;
	top: 50%;
	left: 115px;
	transform: translateY(-50%);
}
.row.boxs > div > ul::after{
	content:'';
	display:block;
	clear:both;
}
.row.boxs > div > ul > li{
	vertical-align: middle;
	display:inline-block;
	position: relative;
	width:100%;
	height:100%;
}
.row.boxs > div > ul > li:first-child {
	width:20%;
	opacity:0.6;
}
.row.boxs > div > ul > li:first-child > p{
	font-weight: bold !important;
	font-family: 'Montserrat' !important;
	font-size:36px;
	color:#003462;
	opacity:0.6;
}
.row.boxs > div > ul > li:last-child{
	width:79%;
}
.row.boxs > div > ul > li > p{
    position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	line-height:1.6;
	color:#333;
	font-size:16px;
	font-weight: 300;
	font-family: 'Noto Sans KR' !important;
}
.row.boxs > div > ul > li:first-child > p{
	left:36px;
}
.row.boxs > div > ul > li:last-child > p{
	left: 30px;
}
@media(max-width:1200px){
	.row.boxs > div > ul::before {
		content: '';
		left: 100px;
	}
}
@media(max-width:992px){
	.row.boxs > div > ul{
		padding:14px;
		height:auto;
		padding:24px 14px;
	}
	.row.boxs > div > ul::before {
		content:none;
	}
	.row.boxs > div > ul > li{
		vertical-align: top;
	}
	.row.boxs > div > ul > li:first-child{
		width:7%;
	}
	.row.boxs > div > ul > li:first-child > p{
		font-size:15px;
	}
	.row.boxs > div > ul > li:last-child{
		width:91%;
	}
	.row.boxs > div > ul > li > p{
		position: relative;
		top: 0;
		left: 0;
		transform: translateY(0);
		font-size:15px;
	}
	.row.boxs > div > ul > li:first-child > p{
		left:16px;
	}
	.row.boxs > div > ul > li:last-child > p{
		left: 10px;
	}
}
@media(max-width:767px){
	.row.boxs > div {
		margin-bottom: 10px;
	}
	.row.boxs > div > ul{
		padding:24px 10px;
	}
	.row.boxs > div > ul > li:first-child > p{
		left:0px;
	}
	.row.boxs > div > ul > li br{
		display:none;
	}
}

.table1 table{
	width:100%;
	counter-reset:num;
	border-top: 2px solid #000;
}
.table1 table th,
.table1 table td{
	font-size:16px;
	padding:20px 4px;
	border-bottom: 1px solid #ccc;
}
.table1 table th{
	text-align: center;
	color:#777;
	font-weight: 300;
}
.table1 table th::before{
	counter-increment: num;
	content: counters(num,"주차") "주차";
}
.table1 table td{
	font-weight: 500;
}
@media(max-width:992px){
	.table1 table th,
	.table1 table td{
		font-size:14px;
		padding:14px 2px;
	}
}