@charset "utf-8";



* {
	-webkit-transition:all .3s ease-in-out; 
	-moz-transition:all .3s ease-in-out; 
	-ms-transition:all .3s ease-in-out; 
	-o-transition:all .3s ease-in-out; 
	transition:all .3s ease-in-out;  
}

.center { text-align:center;}

.flexbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.flexbox_stretch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.around {
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap { flex-wrap: wrap; }
.column { 
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
}

.boxPage { margin:2.5rem auto 0 auto; text-align:center; }
.boxPage strong,
.boxPage a { display:inline-block; width:2.4rem; height:2.4rem; line-height:2.4rem; text-align:center; }
.boxPage strong { background:#007a9c; }

.under { 
	background-image: -webkit-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: -moz-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: -ms-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: -o-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: linear-gradient(transparent 60%, #d5e9e6 40%);
	background-size: 100% 100%; 
}

.overflow { overflow:hidden; }

.radius4 {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.radius16 {
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-ms-border-radius:16px;
	-o-border-radius:16px;
	border-radius:16px;
}
.radius26 {
	-webkit-border-radius:2rem;
	-moz-border-radius:2rem;
	-ms-border-radius:2rem;
	-o-border-radius:2rem;
	border-radius:2rem;
}
.radius50 {
	-webkit-border-radius:85px;
	-moz-border-radius:85px;
	-ms-border-radius:85px;
	-o-border-radius:85px;
	border-radius:85px;
}
.radius100 {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}
.radiusx {
	-webkit-border-bottom-left-radius:0;
	-moz-border-bottom-left-radius:0;
	-ms-border-bottom-left-radius:0;
	-o-border-bottom-left-radius:0;
	border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-bottom-right-radius:0;
	-ms-border-bottom-right-radius:0;
	-o-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
}
.section { padding:120px 0; }
.title { text-align:center; margin-bottom:60px; }
.title strong { display:block; font-size:60px; color:#0d0c37; font-family: 'Gmarket Sans'; font-weight:700; letter-spacing:-4px; margin-bottom:.5rem; }
.title span { display:block; line-height:140%; color:#4273af; letter-spacing:-1px; font-weight:300; font-family: 'NanumBrush'; font-size:4rem; font-style:italic; margin-bottom:5px; }