.po-cen{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.btn{
   font-family: 'Noto Sans KR' !important;
}
.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:#58585a;
}
.bg-white{
    background:#fff;
}
.bg-red{
    background:#f3f3f3;
}
.bg-blue{
    background:#0089ba;
}
.bg-orange{
    background:#f6891f;
}
.bg-orange2{
    background:#f57f26;
}
.fl{
	float:left;
}
.fr{
	float:right;
}


.cta{
	width:130px;
	height:47px;
	line-height: 47px;
	font-size:15px;
	display:inline-block;
	text-align: center;
}
.cta.cta-black{
	color:#fff;
	background: #2e2e2e;
}
.cta.cta-white{
	color:#000;
	background: #fff;
	border:1px solid #000;
}
@media(max-width:767px){
	.cta{
		width:100px;
		height:40px;
		line-height: 40px;
		font-size:13px !important;
	}
}

.download{
	width:200px;
	height:60px;
	line-height: 56px;
	border:2px solid #000;
	box-sizing:border-box;
	text-align: center;
	display:inline-block;
}
.download p,
.download i{
	display:inline-block;
	font-size:16px !important;
	font-weight: 500 !important;
}
.download p{
	font-family:'Noto Sans KR' !important;	
	margin-right:56px;
}
.download i{
	transform:translateY(2px);
	color:#222;
}
@media(max-width:992px){
	.download{
		width:160px;
		height:40px;
		line-height: 36px;
		border:1px solid #000;
	}
	.download p,
	.download i{
		font-size:14px !important;
	}
	.download p{
		margin-right:20px;
	}
}

/* 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: '';
}


.effectWrap{
	position: relative;
	z-index:1;
    height: 48px;
	display:inline-block;
}
.effectWrap h4{
	position: relative;
	z-index:1;
	line-height:48px;
}
.effectWrap h4 span{
	color:#000;
}
.effectWrap .effect{
	background: #fff;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    content: '';
    top: 50%;
	transform:translateY(-50%);
    left: -18px;
    position: absolute;
    z-index: 0;
	transition:all 0.2s ease-in-out;
}
.effectWrap:hover .effect,
.effec:hover{
	width:190px;
	background: #fff;
}
.effectWrap:hover h4,
.effec:hover h4{
	color:#000 !important;
	z-index:2;
}
@media(max-width:767px){
	.effectWrap .effect{
		width: 34px;
		height: 34px;
		border-radius: 50%;
		left: -8px;
	}

}

/*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;
}