.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:#f6f6f6;
	padding: 40px 40px 10px;
}
.bg-red{
    background:#f3f3f3;
}
.bg-gradient{
	background: #00afb6; /* Old browsers */
	background: -moz-linear-gradient(left,  #00afb6 0%, #0075be 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00afb6 0%,#0075be 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00afb6 0%,#0075be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afb6', endColorstr='#0075be',GradientType=1 ); /* IE6-9 */
}
@media(max-width:1200px){
	.bg-gray{
		padding: 40px;
	}
}
@media(max-width:767px){
	.bg-gray{
		padding: 20px 15px;
	}
}


.circle{
	font-weight: 500 !important;
	color:#000 !important;
	position: relative;
	padding-left: 20px;
	margin-bottom: 15px;
}
.circle::before{
	content:'';
	width:10px;
	height:10px;
	border:3px solid #0197d9;
	border-radius:50%;
	position: absolute;
	top:11px;
	left:0;
}
@media(max-width:992px){
	.circle{
		padding-left: 15px;
		margin-bottom: 10px;
	}
	.circle::before{
		top:10px;
		width:8px;
		height:8px;
		border:2px solid #0197d9;
	}
}

.deco{
	font-weight: bold !important;
	letter-spacing: 0.5em !important;
	opacity:0.3; 
	padding-bottom: 10px;
}




/* bullets */
.warn-bullet{
	position:relative;
	padding-left:20px;
	margin:4px 0;
	font-family: 'Noto Sans Kr' !important;
}
.warn-bullet:before {
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 50%;
    content: '※';
}
.warn-bullet.fcBlue:before {
    color: #007990;
}
.dash-bullet > li{
	position:relative;
	padding-left:12px;
	margin:6px 0;
	display: block;
	font-family: 'Noto Sans KR' !important;
}
.dash-bullet > li:before {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    content: '-';
	color:#333;
}
.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: '';
}



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

.td_left_num label{
	width:100%;
}
/* Reset */
ul, li, ol {list-style-type: none;}
hr {border-collapse:collapse; margin: 0; border: none;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
input[type="button"] {-webkit-appearance: none;}
i {line-height: 0.8em !important;}