/*
*
* Buttons
*/
.button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	min-width: 200px;
	padding: 17px 33px 15px;
	font-size: 15px;
	line-height: 1.34;
	border: 2px solid;
	font-family: 'Noto Sans KR',"맑은 고딕",'Malgun Gothic','Nanum Gothic',dotum,sans-serif,dotum,굴림,'Spinnaker',gulim,Vertical,Arial;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: 250ms all ease-in-out;
}

.button-block {
	display: block;
	width: 100%;
}

.button-default, .button-default:focus {
	color: #cccccc;
	background-color: #2c343b;
	border-color: #2c343b;
}

.button-default:hover, .button-default:active {
	color: #ffffff;
	background-color: #5ca7c3;
	border-color: #5ca7c3;
}

.button-default.button-ujarak::before {
	background: #5ca7c3;
}

.button-default.button-pipaluk, .button-default.button-pipaluk:focus {
	background: transparent;
}

.button-default.button-pipaluk::before, .button-default.button-pipaluk:focus::before {
	background: #2c343b;
	border-color: #5ca7c3;
}

.button-default.button-pipaluk::after, .button-default.button-pipaluk:focus::after {
	border-color: #5ca7c3;
}

.button-default.button-pipaluk:hover, .button-default.button-pipaluk:active {
	color: #5ca7c3;
	background: transparent;
}

.button-default.button-wapasha, .button-default.button-wapasha:focus {
	color: #2c343b;
	background: transparent;
}

.button-default.button-wapasha::before, .button-default.button-wapasha:focus::before {
	border-color: #2c343b;
}

.button-default.button-wapasha::after, .button-default.button-wapasha:focus::after {
	border-color: #5ca7c3;
}

.button-default.button-wapasha:hover, .button-default.button-wapasha:active {
	color: #5ca7c3;
	background: transparent;
}

.button-primary, .button-primary:focus {
	color: #ffffff;
	background-color: #5ca7c3;
	border-color: #5ca7c3;
}

.button-primary:hover, .button-primary:active {
	color: #ffffff;
	background-color: #151515;
	border-color: #151515;
}

.button-primary.button-ujarak::before {
	background: #151515;
}

.button-primary.button-pipaluk, .button-primary.button-pipaluk:focus {
	background: transparent;
}

.button-primary.button-pipaluk::before, .button-primary.button-pipaluk:focus::before {
	background: #5ca7c3;
	border-color: #151515;
}

.button-primary.button-pipaluk::after, .button-primary.button-pipaluk:focus::after {
	border-color: #151515;
}

.button-primary.button-pipaluk:hover, .button-primary.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

.button-primary.button-wapasha, .button-primary.button-wapasha:focus {
	color: #5ca7c3;
	background: transparent;
}

.button-primary.button-wapasha::before, .button-primary.button-wapasha:focus::before {
	border-color: #5ca7c3;
}

.button-primary.button-wapasha::after, .button-primary.button-wapasha:focus::after {
	border-color: #151515;
}

.button-primary.button-wapasha:hover, .button-primary.button-wapasha:active {
	color: #151515;
	background: transparent;
}

.button-secondary, .button-secondary:focus {
	color: #ffffff;
	background-color: #71b7c1;
	border-color: #71b7c1;
}

.button-secondary:hover, .button-secondary:active {
	color: #ffffff;
	background-color: #151515;
	border-color: #151515;
}

.button-secondary.button-ujarak::before {
	background: #151515;
}

.button-secondary.button-pipaluk, .button-secondary.button-pipaluk:focus {
	background: transparent;
}

.button-secondary.button-pipaluk::before, .button-secondary.button-pipaluk:focus::before {
	background: #71b7c1;
	border-color: #151515;
}

.button-secondary.button-pipaluk::after, .button-secondary.button-pipaluk:focus::after {
	border-color: #151515;
}

.button-secondary.button-pipaluk:hover, .button-secondary.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

.button-secondary.button-wapasha, .button-secondary.button-wapasha:focus {
	color: #71b7c1;
	background: transparent;
}

.button-secondary.button-wapasha::before, .button-secondary.button-wapasha:focus::before {
	border-color: #71b7c1;
}

.button-secondary.button-wapasha::after, .button-secondary.button-wapasha:focus::after {
	border-color: #151515;
}

.button-secondary.button-wapasha:hover, .button-secondary.button-wapasha:active {
	color: #151515;
	background: transparent;
}

.button-secondary-4, .button-secondary-4:focus {
	color: #ffffff;
	background-color: #c09e84;
	border-color: #c09e84;
}

.button-secondary-4:hover, .button-secondary-4:active {
	color: #ffffff;
	background-color: #151515;
	border-color: #151515;
}

.button-secondary-4.button-ujarak::before {
	background: #151515;
}

.button-secondary-4.button-pipaluk, .button-secondary-4.button-pipaluk:focus {
	background: transparent;
}

.button-secondary-4.button-pipaluk::before, .button-secondary-4.button-pipaluk:focus::before {
	background: #c09e84;
	border-color: #151515;
}

.button-secondary-4.button-pipaluk::after, .button-secondary-4.button-pipaluk:focus::after {
	border-color: #151515;
}

.button-secondary-4.button-pipaluk:hover, .button-secondary-4.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

.button-secondary-4.button-wapasha, .button-secondary-4.button-wapasha:focus {
	color: #c09e84;
	background: transparent;
}

.button-secondary-4.button-wapasha::before, .button-secondary-4.button-wapasha:focus::before {
	border-color: #c09e84;
}

.button-secondary-4.button-wapasha::after, .button-secondary-4.button-wapasha:focus::after {
	border-color: #151515;
}

.button-secondary-4.button-wapasha:hover, .button-secondary-4.button-wapasha:active {
	color: #151515;
	background: transparent;
}

.button-white, .button-white:focus {
	color: #151515;
	background-color: #ffffff;
	border-color: #ffffff;
}

.button-white:hover, .button-white:active {
	color: #ffffff;
	background-color: #71b7c1;
	border-color: #71b7c1;
}

.button-white.button-ujarak::before {
	background: #71b7c1;
}

.button-white.button-pipaluk, .button-white.button-pipaluk:focus {
	background: transparent;
}

.button-white.button-pipaluk::before, .button-white.button-pipaluk:focus::before {
	background: #ffffff;
	border-color: #71b7c1;
}

.button-white.button-pipaluk::after, .button-white.button-pipaluk:focus::after {
	border-color: #71b7c1;
}

.button-white.button-pipaluk:hover, .button-white.button-pipaluk:active {
	color: #71b7c1;
	background: transparent;
}

.button-white.button-wapasha, .button-white.button-wapasha:focus {
	color: #ffffff;
	background: transparent;
}

.button-white.button-wapasha::before, .button-white.button-wapasha:focus::before {
	border-color: #ffffff;
}

.button-white.button-wapasha::after, .button-white.button-wapasha:focus::after {
	border-color: #71b7c1;
}

.button-white.button-wapasha:hover, .button-white.button-wapasha:active {
	color: #71b7c1;
	background: transparent;
}

.button-gray-100, .button-gray-100:focus {
	color: #151515;
	background-color: #f2f2f2;
	border-color: #f2f2f2;
}

.button-gray-100:hover, .button-gray-100:active {
	color: #151515;
	background-color: #e5e5e5;
	border-color: #e5e5e5;
}

.button-gray-100.button-ujarak::before {
	background: #e5e5e5;
}

.button-gray-100.button-pipaluk, .button-gray-100.button-pipaluk:focus {
	background: transparent;
}

.button-gray-100.button-pipaluk::before, .button-gray-100.button-pipaluk:focus::before {
	background: #f2f2f2;
	border-color: #e5e5e5;
}

.button-gray-100.button-pipaluk::after, .button-gray-100.button-pipaluk:focus::after {
	border-color: #e5e5e5;
}

.button-gray-100.button-pipaluk:hover, .button-gray-100.button-pipaluk:active {
	color: #e5e5e5;
	background: transparent;
}

.button-gray-100.button-wapasha, .button-gray-100.button-wapasha:focus {
	color: #f2f2f2;
	background: transparent;
}

.button-gray-100.button-wapasha::before, .button-gray-100.button-wapasha:focus::before {
	border-color: #f2f2f2;
}

.button-gray-100.button-wapasha::after, .button-gray-100.button-wapasha:focus::after {
	border-color: #e5e5e5;
}

.button-gray-100.button-wapasha:hover, .button-gray-100.button-wapasha:active {
	color: #e5e5e5;
	background: transparent;
}

.button-gray-4, .button-gray-4:focus {
	color: #151515;
	background-color: #f7f7f7;
	border-color: #f7f7f7;
}

.button-gray-4:hover, .button-gray-4:active {
	color: #ffffff;
	background-color: #151515;
	border-color: #151515;
}

.button-gray-4.button-ujarak::before {
	background: #151515;
}

.button-gray-4.button-pipaluk, .button-gray-4.button-pipaluk:focus {
	background: transparent;
}

.button-gray-4.button-pipaluk::before, .button-gray-4.button-pipaluk:focus::before {
	background: #f7f7f7;
	border-color: #151515;
}

.button-gray-4.button-pipaluk::after, .button-gray-4.button-pipaluk:focus::after {
	border-color: #151515;
}

.button-gray-4.button-pipaluk:hover, .button-gray-4.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

.button-gray-4.button-wapasha, .button-gray-4.button-wapasha:focus {
	color: #f7f7f7;
	background: transparent;
}

.button-gray-4.button-wapasha::before, .button-gray-4.button-wapasha:focus::before {
	border-color: #f7f7f7;
}

.button-gray-4.button-wapasha::after, .button-gray-4.button-wapasha:focus::after {
	border-color: #151515;
}

.button-gray-4.button-wapasha:hover, .button-gray-4.button-wapasha:active {
	color: #151515;
	background: transparent;
}

.button-gray-7, .button-gray-7:focus {
	color: #ffffff;
	background-color: #414141;
	border-color: #414141;
}

.button-gray-7:hover, .button-gray-7:active {
	color: #151515;
	background-color: #ffffff;
	border-color: #ffffff;
}

.button-gray-7.button-ujarak::before {
	background: #ffffff;
}

.button-gray-7.button-pipaluk, .button-gray-7.button-pipaluk:focus {
	background: transparent;
}

.button-gray-7.button-pipaluk::before, .button-gray-7.button-pipaluk:focus::before {
	background: #414141;
	border-color: #ffffff;
}

.button-gray-7.button-pipaluk::after, .button-gray-7.button-pipaluk:focus::after {
	border-color: #ffffff;
}

.button-gray-7.button-pipaluk:hover, .button-gray-7.button-pipaluk:active {
	color: #ffffff;
	background: transparent;
}

.button-gray-7.button-wapasha, .button-gray-7.button-wapasha:focus {
	color: #414141;
	background: transparent;
}

.button-gray-7.button-wapasha::before, .button-gray-7.button-wapasha:focus::before {
	border-color: #414141;
}

.button-gray-7.button-wapasha::after, .button-gray-7.button-wapasha:focus::after {
	border-color: #ffffff;
}

.button-gray-7.button-wapasha:hover, .button-gray-7.button-wapasha:active {
	color: #ffffff;
	background: transparent;
}

.button-gray-8, .button-gray-8:focus {
	color: #ffffff;
	background-color: #353535;
	border-color: #353535;
}

.button-gray-8:hover, .button-gray-8:active {
	color: #ffffff;
	background-color: #71b7c1;
	border-color: #71b7c1;
}

.button-gray-8.button-ujarak::before {
	background: #71b7c1;
}

.button-gray-8.button-pipaluk, .button-gray-8.button-pipaluk:focus {
	background: transparent;
}

.button-gray-8.button-pipaluk::before, .button-gray-8.button-pipaluk:focus::before {
	background: #353535;
	border-color: #71b7c1;
}

.button-gray-8.button-pipaluk::after, .button-gray-8.button-pipaluk:focus::after {
	border-color: #71b7c1;
}

.button-gray-8.button-pipaluk:hover, .button-gray-8.button-pipaluk:active {
	color: #71b7c1;
	background: transparent;
}

.button-gray-8.button-wapasha, .button-gray-8.button-wapasha:focus {
	color: #353535;
	background: transparent;
}

.button-gray-8.button-wapasha::before, .button-gray-8.button-wapasha:focus::before {
	border-color: #353535;
}

.button-gray-8.button-wapasha::after, .button-gray-8.button-wapasha:focus::after {
	border-color: #71b7c1;
}

.button-gray-8.button-wapasha:hover, .button-gray-8.button-wapasha:active {
	color: #71b7c1;
	background: transparent;
}

.button-gray-11, .button-gray-11:focus {
	color: #ffffff;
	background-color: #303233;
	border-color: #303233;
}

.button-gray-11:hover, .button-gray-11:active {
	color: #151515;
	background-color: #ffffff;
	border-color: #ffffff;
}

.button-gray-11.button-ujarak::before {
	background: #ffffff;
}

.button-gray-11.button-pipaluk, .button-gray-11.button-pipaluk:focus {
	background: transparent;
}

.button-gray-11.button-pipaluk::before, .button-gray-11.button-pipaluk:focus::before {
	background: #303233;
	border-color: #ffffff;
}

.button-gray-11.button-pipaluk::after, .button-gray-11.button-pipaluk:focus::after {
	border-color: #ffffff;
}

.button-gray-11.button-pipaluk:hover, .button-gray-11.button-pipaluk:active {
	color: #ffffff;
	background: transparent;
}

.button-gray-11.button-wapasha, .button-gray-11.button-wapasha:focus {
	color: #303233;
	background: transparent;
}

.button-gray-11.button-wapasha::before, .button-gray-11.button-wapasha:focus::before {
	border-color: #303233;
}

.button-gray-11.button-wapasha::after, .button-gray-11.button-wapasha:focus::after {
	border-color: #ffffff;
}

.button-gray-11.button-wapasha:hover, .button-gray-11.button-wapasha:active {
	color: #ffffff;
	background: transparent;
}

.button-gray-14, .button-gray-14:focus {
	color: #ffffff;
	background-color: #2f2f2f;
	border-color: #2f2f2f;
}

.button-gray-14:hover, .button-gray-14:active {
	color: #151515;
	background-color: #ffffff;
	border-color: #ffffff;
}

.button-gray-14.button-ujarak::before {
	background: #ffffff;
}

.button-gray-14.button-pipaluk, .button-gray-14.button-pipaluk:focus {
	background: transparent;
}

.button-gray-14.button-pipaluk::before, .button-gray-14.button-pipaluk:focus::before {
	background: #2f2f2f;
	border-color: #ffffff;
}

.button-gray-14.button-pipaluk::after, .button-gray-14.button-pipaluk:focus::after {
	border-color: #ffffff;
}

.button-gray-14.button-pipaluk:hover, .button-gray-14.button-pipaluk:active {
	color: #ffffff;
	background: transparent;
}

.button-gray-14.button-wapasha, .button-gray-14.button-wapasha:focus {
	color: #2f2f2f;
	background: transparent;
}

.button-gray-14.button-wapasha::before, .button-gray-14.button-wapasha:focus::before {
	border-color: #2f2f2f;
}

.button-gray-14.button-wapasha::after, .button-gray-14.button-wapasha:focus::after {
	border-color: #ffffff;
}

.button-gray-14.button-wapasha:hover, .button-gray-14.button-wapasha:active {
	color: #ffffff;
	background: transparent;
}

.button-gray-31, .button-gray-31:focus {
	color: #ffffff;
	background-color: #53575b;
	border-color: #53575b;
}

.button-gray-31:hover, .button-gray-31:active {
	color: #ffffff;
	background-color: #151515;
	border-color: #151515;
}

.button-gray-31.button-ujarak::before {
	background: #151515;
}

.button-gray-31.button-pipaluk, .button-gray-31.button-pipaluk:focus {
	background: transparent;
}

.button-gray-31.button-pipaluk::before, .button-gray-31.button-pipaluk:focus::before {
	background: #53575b;
	border-color: #151515;
}

.button-gray-31.button-pipaluk::after, .button-gray-31.button-pipaluk:focus::after {
	border-color: #151515;
}

.button-gray-31.button-pipaluk:hover, .button-gray-31.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

.button-gray-31.button-wapasha, .button-gray-31.button-wapasha:focus {
	color: #53575b;
	background: transparent;
}

.button-gray-31.button-wapasha::before, .button-gray-31.button-wapasha:focus::before {
	border-color: #53575b;
}

.button-gray-31.button-wapasha::after, .button-gray-31.button-wapasha:focus::after {
	border-color: #151515;
}

.button-gray-31.button-wapasha:hover, .button-gray-31.button-wapasha:active {
	color: #151515;
	background: transparent;
}

.button-gray-32, .button-gray-32:focus {
	color: #ffffff;
	background-color: #292929;
	border-color: #292929;
}

.button-gray-32:hover, .button-gray-32:active {
	color: #ffffff;
	background-color: #151515;
	border-color: #151515;
}

.button-gray-32.button-ujarak::before {
	background: #151515;
}

.button-gray-32.button-pipaluk, .button-gray-32.button-pipaluk:focus {
	background: transparent;
}

.button-gray-32.button-pipaluk::before, .button-gray-32.button-pipaluk:focus::before {
	background: #292929;
	border-color: #151515;
}

.button-gray-32.button-pipaluk::after, .button-gray-32.button-pipaluk:focus::after {
	border-color: #151515;
}

.button-gray-32.button-pipaluk:hover, .button-gray-32.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

.button-gray-32.button-wapasha, .button-gray-32.button-wapasha:focus {
	color: #292929;
	background: transparent;
}

.button-gray-32.button-wapasha::before, .button-gray-32.button-wapasha:focus::before {
	border-color: #292929;
}

.button-gray-32.button-wapasha::after, .button-gray-32.button-wapasha:focus::after {
	border-color: #151515;
}

.button-gray-32.button-wapasha:hover, .button-gray-32.button-wapasha:active {
	color: #151515;
	background: transparent;
}

.button-default-outline, .button-default-outline:focus {
	color: #151515;
	background-color: transparent;
	border-color: #151515;
}

.button-default-outline:hover, .button-default-outline:active {
	color: #ffffff;
	background-color: #5ca7c3;
	border-color: #5ca7c3;
}

.button-default-outline.button-ujarak::before {
	background: #5ca7c3;
}

.button-default-outline.button-pipaluk, .button-default-outline.button-pipaluk:focus {
	background: transparent;
}

.button-default-outline.button-pipaluk::before, .button-default-outline.button-pipaluk:focus::before {
	background: transparent;
	border-color: #5ca7c3;
}

.button-default-outline.button-pipaluk::after, .button-default-outline.button-pipaluk:focus::after {
	border-color: #5ca7c3;
}

.button-default-outline.button-pipaluk:hover, .button-default-outline.button-pipaluk:active {
	color: #5ca7c3;
	background: transparent;
}

.button-default-outline.button-wapasha, .button-default-outline.button-wapasha:focus {
	color: #151515;
	background: transparent;
}

.button-default-outline.button-wapasha::before, .button-default-outline.button-wapasha:focus::before {
	border-color: #151515;
}

.button-default-outline.button-wapasha::after, .button-default-outline.button-wapasha:focus::after {
	border-color: #5ca7c3;
}

.button-default-outline.button-wapasha:hover, .button-default-outline.button-wapasha:active {
	color: #5ca7c3;
	background: transparent;
}

.button-default-outline-2, .button-default-outline-2:focus {
	color: #151515;
	background-color: transparent;
	border-color: #151515;
}

.button-default-outline-2:hover, .button-default-outline-2:active {
	color: #ffffff;
	background-color: #71b7c1;
	border-color: #71b7c1;
}

.button-default-outline-2.button-ujarak::before {
	background: #71b7c1;
}

.button-default-outline-2.button-pipaluk, .button-default-outline-2.button-pipaluk:focus {
	background: transparent;
}

.button-default-outline-2.button-pipaluk::before, .button-default-outline-2.button-pipaluk:focus::before {
	background: transparent;
	border-color: #71b7c1;
}

.button-default-outline-2.button-pipaluk::after, .button-default-outline-2.button-pipaluk:focus::after {
	border-color: #71b7c1;
}

.button-default-outline-2.button-pipaluk:hover, .button-default-outline-2.button-pipaluk:active {
	color: #71b7c1;
	background: transparent;
}

.button-default-outline-2.button-wapasha, .button-default-outline-2.button-wapasha:focus {
	color: #151515;
	background: transparent;
}

.button-default-outline-2.button-wapasha::before, .button-default-outline-2.button-wapasha:focus::before {
	border-color: #151515;
}

.button-default-outline-2.button-wapasha::after, .button-default-outline-2.button-wapasha:focus::after {
	border-color: #71b7c1;
}

.button-default-outline-2.button-wapasha:hover, .button-default-outline-2.button-wapasha:active {
	color: #71b7c1;
	background: transparent;
}

.button-white-outline, .button-white-outline:focus {
	color: #ffffff;
	background-color: transparent;
	border-color: #ffffff;
}

.button-white-outline:hover, .button-white-outline:active {
	color: #ffffff;
	background-color: #5ca7c3;
	border-color: #5ca7c3;
}

.button-white-outline.button-ujarak::before {
	background: #5ca7c3;
}

.button-white-outline.button-pipaluk, .button-white-outline.button-pipaluk:focus {
	background: transparent;
}

.button-white-outline.button-pipaluk::before, .button-white-outline.button-pipaluk:focus::before {
	background: transparent;
	border-color: #5ca7c3;
}

.button-white-outline.button-pipaluk::after, .button-white-outline.button-pipaluk:focus::after {
	border-color: #5ca7c3;
}

.button-white-outline.button-pipaluk:hover, .button-white-outline.button-pipaluk:active {
	color: #5ca7c3;
	background: transparent;
}

.button-white-outline.button-wapasha, .button-white-outline.button-wapasha:focus {
	color: #ffffff;
	background: transparent;
}

.button-white-outline.button-wapasha::before, .button-white-outline.button-wapasha:focus::before {
	border-color: #ffffff;
}

.button-white-outline.button-wapasha::after, .button-white-outline.button-wapasha:focus::after {
	border-color: #5ca7c3;
}

.button-white-outline.button-wapasha:hover, .button-white-outline.button-wapasha:active {
	color: #5ca7c3;
	background: transparent;
}

.button-ghost {
	border: 0;
	background-color: transparent;
}

.button-ghost:hover {
	color: #ffffff;
	background: #5ca7c3;
}

.button-facebook, .button-facebook:focus {
	color: #ffffff;
	background-color: #6576ad;
	border-color: #6576ad;
}

.button-facebook:hover, .button-facebook:active {
	color: #ffffff;
	background-color: #5668a2;
	border-color: #5668a2;
}

.button-facebook.button-ujarak::before {
	background: #5668a2;
}

.button-facebook.button-pipaluk, .button-facebook.button-pipaluk:focus {
	background: transparent;
}

.button-facebook.button-pipaluk::before, .button-facebook.button-pipaluk:focus::before {
	background: #6576ad;
	border-color: #5668a2;
}

.button-facebook.button-pipaluk::after, .button-facebook.button-pipaluk:focus::after {
	border-color: #5668a2;
}

.button-facebook.button-pipaluk:hover, .button-facebook.button-pipaluk:active {
	color: #5668a2;
	background: transparent;
}

.button-facebook.button-wapasha, .button-facebook.button-wapasha:focus {
	color: #6576ad;
	background: transparent;
}

.button-facebook.button-wapasha::before, .button-facebook.button-wapasha:focus::before {
	border-color: #6576ad;
}

.button-facebook.button-wapasha::after, .button-facebook.button-wapasha:focus::after {
	border-color: #5668a2;
}

.button-facebook.button-wapasha:hover, .button-facebook.button-wapasha:active {
	color: #5668a2;
	background: transparent;
}

.button-twitter, .button-twitter:focus {
	color: #ffffff;
	background-color: #63bbe8;
	border-color: #63bbe8;
}

.button-twitter:hover, .button-twitter:active {
	color: #ffffff;
	background-color: #4db1e5;
	border-color: #4db1e5;
}

.button-twitter.button-ujarak::before {
	background: #4db1e5;
}

.button-twitter.button-pipaluk, .button-twitter.button-pipaluk:focus {
	background: transparent;
}

.button-twitter.button-pipaluk::before, .button-twitter.button-pipaluk:focus::before {
	background: #63bbe8;
	border-color: #4db1e5;
}

.button-twitter.button-pipaluk::after, .button-twitter.button-pipaluk:focus::after {
	border-color: #4db1e5;
}

.button-twitter.button-pipaluk:hover, .button-twitter.button-pipaluk:active {
	color: #4db1e5;
	background: transparent;
}

.button-twitter.button-wapasha, .button-twitter.button-wapasha:focus {
	color: #63bbe8;
	background: transparent;
}

.button-twitter.button-wapasha::before, .button-twitter.button-wapasha:focus::before {
	border-color: #63bbe8;
}

.button-twitter.button-wapasha::after, .button-twitter.button-wapasha:focus::after {
	border-color: #4db1e5;
}

.button-twitter.button-wapasha:hover, .button-twitter.button-wapasha:active {
	color: #4db1e5;
	background: transparent;
}

.button-google, .button-google:focus {
	color: #ffffff;
	background-color: #eb6e6e;
	border-color: #eb6e6e;
}

.button-google:hover, .button-google:active {
	color: #ffffff;
	background-color: #e85858;
	border-color: #e85858;
}

.button-google.button-ujarak::before {
	background: #e85858;
}

.button-google.button-pipaluk, .button-google.button-pipaluk:focus {
	background: transparent;
}

.button-google.button-pipaluk::before, .button-google.button-pipaluk:focus::before {
	background: #eb6e6e;
	border-color: #e85858;
}

.button-google.button-pipaluk::after, .button-google.button-pipaluk:focus::after {
	border-color: #e85858;
}

.button-google.button-pipaluk:hover, .button-google.button-pipaluk:active {
	color: #e85858;
	background: transparent;
}

.button-google.button-wapasha, .button-google.button-wapasha:focus {
	color: #eb6e6e;
	background: transparent;
}

.button-google.button-wapasha::before, .button-google.button-wapasha:focus::before {
	border-color: #eb6e6e;
}

.button-google.button-wapasha::after, .button-google.button-wapasha:focus::after {
	border-color: #e85858;
}

.button-google.button-wapasha:hover, .button-google.button-wapasha:active {
	color: #e85858;
	background: transparent;
}

.button-shadow {
	box-shadow: 0 9px 21px 0 rgba(204, 204, 204, 0.15);
}

.button-shadow:hover {
	box-shadow: 0 9px 10px 0 rgba(204, 204, 204, 0.15);
}

.button-shadow:focus, .button-shadow:active {
	box-shadow: none;
}

.button-ujarak {
	position: relative;
	z-index: 0;
	transition: background .4s, border-color .4s, color .4s;
}

.button-ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 101%;
	height: 101%;
	background: #5ca7c3;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	transition: opacity 0.42s, -webkit-transform 0.42s;
	transition: transform 0.42s, opacity 0.42s;
	transition: transform 0.42s, opacity 0.42s, -webkit-transform 0.42s;
	border-radius: inherit;
}

.button-ujarak, .button-ujarak::before {
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-ujarak:hover {
	transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
}

.button-ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.button-xs {
	padding: 8px 17px;
}

.button-sm {
	padding: 5px 25px 3px;
	font-size: 12px;
	line-height: 1.5;
}

.button-md {
	min-width: 140px;
	padding: 12px 23px 10px;
	font-size: 16px;
	line-height: 1.5;
}

.button-md.button-gradient, .button-md.button-wapasha, .button-md.button-pipaluk {
	padding: 14px 25px 12px;
}

.button-lg {
	padding: 20px 33px 18px;
	line-height: 1.33;
}

.button-lg.button-gradient, .button-lg.button-wapasha, .button-lg.button-pipaluk {
	padding: 22px 35px 20px;
}

.button-xl {
	padding: 16px 50px 14px;
	font-size: 16px;
	line-height: 28px;
}

@media (min-width: 992px) {
	.button-xl {
		padding: 20px 80px;
	}
}

.button-circle {
	border-radius: 30px;
}

.button-round-1 {
	border-radius: 5px;
}

.button-round-2 {
	border-radius: 10px;
}

.button.button-icon {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
}

.button.button-icon .icon {
	position: relative;
	display: inline-block;
	top: 1px;
	vertical-align: middle;
	color: inherit;
	font-size: 14px;
	line-height: 1;
}

.button.button-icon-left .icon {
	padding-right: 8px;
}

.button.button-icon-right {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.button.button-icon-right .icon {
	padding-left: 8px;
}

.button.button-icon.button-link .icon {
	top: 5px;
	font-size: 1em;
}

.button.button-icon.button-xs .icon {
	top: .05em;
	font-size: 1.2em;
	padding-right: 8px;
}

.button.button-icon.button-xs .button-icon-right {
	padding-left: 8px;
}

.button.button-icon.button-facebook .icon, .button.button-icon.button-twitter .icon, .button.button-icon.button-google .icon {
	font-size: 18px;
}

.btn-primary {
	border-radius: 3px;
	font-family: 'Noto Sans KR',"맑은 고딕",'Malgun Gothic','Nanum Gothic',dotum,sans-serif,dotum,굴림,'Spinnaker',gulim,Vertical,Arial;
	font-weight: 500;
	letter-spacing: .05em;
	text-transform: uppercase;
	transition: .33s;
}

.btn-primary, .btn-primary:active, .btn-primary:focus {
	color: #ffffff;
	background: #5ca7c3;
	border-color: #5ca7c3;
}

.btn-primary:hover {
	color: #ffffff;
	background: #000000;
	border-color: #000000;
}

.button-pipaluk {
	position: relative;
	overflow: visible;
	padding: 19px 35px 17px;
	border: none;
	z-index: 1;
}

.button-pipaluk::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all .3s ease-in-out;
}

.button-pipaluk::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-width: 2px;
	border-style: solid;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease 0s;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	will-change: transform;
	z-index: -1;
}

.button-pipaluk.button-circle::before, .button-pipaluk.button-circle::after {
	border-radius: inherit;
}

.button-pipaluk:hover::before, .button-pipaluk:active::before {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	transition-duration: .2s;
}

.button-pipaluk:hover::after, .button-pipaluk:active::after {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
	transform: none;
	transition-duration: .3s;
	transition-delay: .1s;
}

.button-wapasha {
	position: relative;
	overflow: visible;
	padding: 16px 35px 14px;
	border: none;
	z-index: 1;
}

.button-wapasha::before, .button-wapasha::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-width: 2px;
	border-style: solid;
}

.button-wapasha::before {
	opacity: 1;
	visibility: visible;
	transition: all .3s ease;
	z-index: -1;
}

.button-wapasha::after {
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease;
	-webkit-transform: translate3d(8px, -8px, 0);
	transform: translate3d(8px, -8px, 0);
	will-change: transform;
	z-index: -1;
}

.button-wapasha:hover::before, .button-wapasha:active::before {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(-8px, 8px, 0);
	transform: translate3d(-8px, 8px, 0);
	transition-duration: .2s;
}

.button-wapasha:hover::after, .button-wapasha:active::after {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
	transform: none;
	transition-duration: .3s;
}

.button-social {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -14px;
	margin-left: -14px;
}

.button-social:empty {
	margin-bottom: 0;
	margin-left: 0;
}

.button-social > * {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 14px;
	margin-left: 14px;
}

.button-social > * {
	min-width: 175px;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.button-social * + .button {
	margin-top: 0;
}

.button-width-170 {
	min-width: 170px;
}

@media (min-width: 1200px) {
	.button-width-xl-230 {
		min-width: 230px;
	}
	.button-width-xl-310 {
		min-width: 310px;
	}
}

.button-gradient {
	border: none;
	padding: 19px 35px 17px;
	background-size: auto 200%;
}

.button-primary-gradient {
	background-image: linear-gradient(to bottom, #519ac8 0%, #8bc9cb 50%, #519ac8 100%);
	background-repeat: no-repeat;
}

.button-primary-gradient, .button-primary-gradient:focus {
	color: #ffffff;
	background-color: #5ca7c3;
	border-color: transparent;
}

.button-primary-gradient:hover, .button-primary-gradient:active {
	color: #ffffff;
	background-color: #71b7c1;
	border-color: transparent;
}

.button-primary-gradient.button-ujarak::before {
	background: #71b7c1;
}

.button-primary-gradient.button-pipaluk, .button-primary-gradient.button-pipaluk:focus {
	background: transparent;
}

.button-primary-gradient.button-pipaluk::before, .button-primary-gradient.button-pipaluk:focus::before {
	background: #5ca7c3;
	border-color: transparent;
}

.button-primary-gradient.button-pipaluk::after, .button-primary-gradient.button-pipaluk:focus::after {
	border-color: transparent;
}

.button-primary-gradient.button-pipaluk:hover, .button-primary-gradient.button-pipaluk:active {
	color: transparent;
	background: transparent;
}

.button-primary-gradient.button-wapasha, .button-primary-gradient.button-wapasha:focus {
	color: transparent;
	background: transparent;
}

.button-primary-gradient.button-wapasha::before, .button-primary-gradient.button-wapasha:focus::before {
	border-color: transparent;
}

.button-primary-gradient.button-wapasha::after, .button-primary-gradient.button-wapasha:focus::after {
	border-color: transparent;
}

.button-primary-gradient.button-wapasha:hover, .button-primary-gradient.button-wapasha:active {
	color: transparent;
	background: transparent;
}

.button-primary-gradient:hover, .button-primary-gradient:active {
	background-position: 50% 100%;
}