@charset "utf-8";
@import url('font.css');
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0;
	-ms-overflow-style:none;
	-webkit-tap-highlight-color:transparent;
}
/* *::-webkit-scrollbar {
	display:none;
} */
html {
    height:100%;
	touch-action:pan-y;
    -webkit-font-smoothing:antialiased;
}
body {
    display:flex;
    -ms-display:flexbox;
	max-width:768px;
	height:100%;
    min-height:100vh;
	min-height:-webkit-fill-available;
    flex-direction:column;
	background:#fff;
	font-family:'Roboto Condensed', 'Pretendard', 'Apple SD Gothic Neo', sans-serif;
	font-weight:400;
	letter-spacing:-.02em;
	margin:0 auto;
	font-size:14px;
	color:#333;
    -webkit-font-smoothing:antialiased;
}
input,textarea,select,button {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	margin:0;
	font-size:100%;
	vertical-align:top;
	line-height:normal;
	font-family:'Pretendard', 'Apple SD Gothic Neo', sans-serif;
}
button, input:focus, button:focus, select:focus {border:0; outline:0; cursor:pointer;}
button:disabled {
	background-color:#f5f5f5 !important;
    color:#ccc !important;
	cursor:auto !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance:none;
}
::placeholder {
	color:#ccc !important;
}
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p {margin:0; padding:0; border:0; line-height:inherit;}
img {vertical-align:middle; border:0;}
h1,h2,h3,h4,h5 {line-height:1;}
ol,ul,li {list-style:none;}
fieldset, img {border:none;}
hr {display:none;}
.hide {display:none !important;}
table {border-collapse:collapse;}
table caption {display:none;}
table th {text-align:center;}
legend {display:none;}
em {font-style:normal;}
/* a {
	text-decoration:none;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
} */
a, a:hover, a:focus {
	text-decoration:none !important;
	cursor:pointer;
	color:unset;
}
ul li img {vertical-align:top;}
img[src=""] {display:none;}
dl, dt, dd {padding:0; margin:0;}
label {cursor:pointer;}
.tRight {text-align:right !important;}
.tLeft {text-align:left !important;}
.tCenter {text-align:center !important;}
.tCenter2 {margin:0 auto;}
.fRight {float:right;}
.fRightw {float:right;padding-right:10px;}
.fLeft {float:left;}
.btnR {margin-bottom:15px; text-align:right;}
.btnC {margin-bottom:15px; text-align:center;}
.underLine {text-decoration:underline !important;}
.text-ellipsis {
	display:table;
	table-layout:fixed;
	width:100%;
	white-space:nowrap; /* 공백, 줄바꿈 무시 */
}
.text-ellipsis > * {
	display:table-cell;
	overflow:hidden; /* 글자가 넘치면 자름 */
	text-overflow:ellipsis;
}
.font_g1 {font-family:'GmarketSansBold';}
.font_g2 {font-family:'GmarketSansMedium';}
.font_g3 {font-family:'GmarketSansLight';}
/* img */
.middle {vertical-align:middle;}
.middle1 {vertical-align:middle; margin-top:1px;}
.middle2 {vertical-align:middle; margin-top:2px;}
.middle3 {vertical-align:middle; margin-bottom:2px;}
.line{height:1px; font-size:0; line-height:0;}
.b {font-weight:bold;}
.clear {clear:both; float:none;}
.clearfix:after {content:"."; display:block; height:0; overflow:hidden; clear:both;}
.blind {
	position:absolute;
    clip:rect(0 0 0 0);
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
}
.mask {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,.3);
	z-index:1;
}
.mark {
    display:inline-block;
    line-height:.05em;
    padding-bottom:0.55em;
    background-color:rgb(73,204,179,.2);
}
/* Padding & Margin */
.pd01 {padding:1px;}
.pd02 {padding:2px;}
.pd03 {padding:3px;}
.pd04 {padding:4px;}
.pd05 {padding:5px;}
.pd06 {padding:6px;}
.pd07 {padding:7px;}
.pd08 {padding:8px;}
.pd09 {padding:9px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
.pd40 {padding:40px;}
.pd50 {padding:50px;}

.pdt01 {padding-top:1px;}
.pdt02 {padding-top:2px;}
.pdt03 {padding-top:3px;}
.pdt04 {padding-top:4px;}
.pdt05 {padding-top:5px;}
.pdt06 {padding-top:6px;}
.pdt07 {padding-top:7px;}
.pdt08 {padding-top:8px;}
.pdt09 {padding-top:9px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt25 {padding-top:25px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}

.pdr01 {padding-right:1px;}
.pdr02 {padding-right:2px;}
.pdr03 {padding-right:3px;}
.pdr04 {padding-right:4px;}
.pdr05 {padding-right:5px;}
.pdr06 {padding-right:6px;}
.pdr07 {padding-right:7px;}
.pdr08 {padding-right:8px;}
.pdr09 {padding-right:9px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}
.pdr25 {padding-right:25px;}
.pdr30 {padding-right:30px;}
.pdr40 {padding-right:40px;}
.pdr50 {padding-right:50px;}

.pdb01 {padding-bottom:1px;}
.pdb02 {padding-bottom:2px;}
.pdb03 {padding-bottom:3px;}
.pdb04 {padding-bottom:4px;}
.pdb05 {padding-bottom:5px;}
.pdb06 {padding-bottom:6px;}
.pdb07 {padding-bottom:7px;}
.pdb08 {padding-bottom:8px;}
.pdb09 {padding-bottom:9px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}
.pdb25 {padding-bottom:25px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}

.pdl01 {padding-left:1px;}
.pdl02 {padding-left:2px;}
.pdl03 {padding-left:3px;}
.pdl04 {padding-left:4px;}
.pdl05 {padding-left:5px;}
.pdl06 {padding-left:6px;}
.pdl07 {padding-left:7px;}
.pdl08 {padding-left:8px;}
.pdl09 {padding-left:9px;}
.pdl10 {padding-left:10px;}
.pdl15 {padding-left:15px;}
.pdl17 {padding-left:17px;}
.pdl20 {padding-left:20px;}
.pdl25 {padding-left:25px;}
.pdl30 {padding-left:30px;}
.pdl39 {padding-left:39px;}
.pdl40 {padding-left:40px;}
.pdl50 {padding-left:50px;}

.mg00{margin:0 !important;}
.mg01 {margin:1px;}
.mg02 {margin:2px;}
.mg03 {margin:3px;}
.mg04 {margin:4px;}
.mg05 {margin:5px;}
.mg06 {margin:6px;}
.mg07 {margin:7px;}
.mg08 {margin:8px;}
.mg09 {margin:9px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg40 {margin:40px;}
.mg50 {margin:50px;}

.mgt01 {margin-top:1px;}
.mgt02 {margin-top:2px;}
.mgt03 {margin-top:3px;}
.mgt04 {margin-top:4px;}
.mgt05 {margin-top:5px;}
.mgt06 {margin-top:6px;}
.mgt07 {margin-top:7px;}
.mgt08 {margin-top:8px;}
.mgt09 {margin-top:9px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt25 {margin-top:25px;}
.mgt30 {margin-top:30px;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt70 {margin-top:70px;}
.mgt100 {margin-top:100px;}

.mgr01 {margin-right:1px;}
.mgr02 {margin-right:2px;}
.mgr03 {margin-right:3px;}
.mgr04 {margin-right:4px;}
.mgr05 {margin-right:5px;}
.mgr06 {margin-right:6px;}
.mgr07 {margin-right:7px;}
.mgr08 {margin-right:8px;}
.mgr09 {margin-right:9px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}
.mgr25 {margin-right:25px;}
.mgr30 {margin-right:30px;}
.mgr35 {margin-right:35px;}
.mgr40 {margin-right:40px;}
.mgr50 {margin-right:50px;}

.mgb01 {margin-bottom:1px;}
.mgb02 {margin-bottom:2px;}
.mgb03 {margin-bottom:3px;}
.mgb04 {margin-bottom:4px;}
.mgb05 {margin-bottom:5px !important;}
.mgb06 {margin-bottom:6px;}
.mgb07 {margin-bottom:7px;}
.mgb08 {margin-bottom:8px;}
.mgb09 {margin-bottom:9px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgb60 {margin-bottom:60px;}
.mgb70 {margin-bottom:70px;}

.mgl01 {margin-left:1px;}
.mgl02 {margin-left:2px;}
.mgl03 {margin-left:3px;}
.mgl04 {margin-left:4px;}
.mgl05 {margin-left:5px;}
.mgl06 {margin-left:6px;}
.mgl07 {margin-left:7px;}
.mgl08 {margin-left:8px;}
.mgl09 {margin-left:9px;}
.mgl10 {margin-left:10px;}
.mgl15 {margin-left:15px;}
.mgl20 {margin-left:20px;}
.mgl25 {margin-left:25px;}
.mgl30 {margin-left:30px;}
.mgl39 {margin-left:39px;}
.mgl40 {margin-left:40px;}
.mgl50 {margin-left:50px;}

/* Table */
table {
	/* border-collapse:separate; */
}
th, td {
	position:relative;
	margin:2px;
	padding:7px 10px;
	border-radius:8px;
	text-align:center;
	background-color:#f2f2f2;
}
th {
	background-color:#ddd;
}
td:nth-child(even) {
	background-color:#fff;
}
/* checkbox */
.checkbox {
	position:relative;
	top:.1rem;
	margin:0 1.3rem 0 0;
	cursor:pointer;
}
.checkbox:before {
	content:"";
	position:absolute;
	left:0;
	z-index:1;
	width:.9rem;
	height:.9rem;
	border:2px solid #f2f2f2;
	border-radius:6px;
	transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
}
.checkbox.on:before,
.checkbox:checked:before {
	color:#3eafaa;
	height:0.4rem;
	border-color:#3eafaa;
	border-top-style:none;
	border-right-style:none;
	border-radius:0;
	transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
}
.checkbox:after {
	content:"";
	position:absolute;
	left:0;
	width:1.1rem;
	height:1.1rem;
	background:#fff;
}
/* radio */
.radio_item{
	display:none !important;
}
.label_item {
	opacity:0.5;
}
.radio_item:checked + label {
	opacity:1;
}
/* accordion */
.accordion {
	margin:auto;
}
.accordion .toggle {
	display:none;
}
.accordion .option {
	position:relative;
	border-bottom:1px solid #F2F2F2;
}
.accordion .option:last-of-type {
	border-bottom:0px;
}
.accordion .title {
	background:#fff;
	padding:24px;
	display:block;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	cursor:pointer;
}
.accordion .title:after,
.accordion .title:before {
	content:'';
	position:absolute;
	right:32px;
	top:30px;
	width:2px;
	height:14px;
	background-color:#7A7572;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
.accordion .title:after {
	-webkit-transform:rotate(90deg);
			transform:rotate(90deg);
}
.accordion .content {
	max-height:0;
	overflow:hidden;
}
.accordion .toggle:checked + .title + .content {
	max-height:none;
}
.accordion .toggle:checked + .title:before,
.accordion .toggle:checked + .title:after {
	-webkit-transform:rotate(90deg) !important;
			transform:rotate(90deg) !important;
}
/* dropdown */
.dropdown {
	position:relative;
}
.dropdown * {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.dropdown-toggle {
	cursor:pointer;
	z-index:999;
}
.dropdown-toggle:focus span {
	transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	top:0;
}
.dropdown-menu {
	position:absolute;
	display:none;
	left:10px;
	padding:6px 0;
	margin:3px 0;
	min-width:180px;
	background:#fff;
	border-radius:3px;
	border:1px solid #ddd;
	list-style:none;
	box-shadow:0 3px 12px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 3px 12px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 3px 12px 0px rgba(0, 0, 0, 0.2);
	z-index:999;
}
.dropdown-menu a {
	color:#333;
	display:block;
	padding:8px 12px;
	text-decoration:none;
}
.dropdown-menu a:hover {
	background:#f9f9f9;
}
/*range-slider */
.range-slider {
	width:100%;
	margin-top:0;
}
.range-slider__range {
	-webkit-appearance:none;
	width:calc(100%);
	height:10px;
	border-radius:5px;
	background:#d7dcdf;
	outline:none;
	padding:0;
	margin:0;
}
.range-slider__range::-webkit-slider-thumb {
	-webkit-appearance:none;
			appearance:none;
	width:20px;
	height:20px;
	border-radius:50%;
	background:#2c3e50;
	cursor:pointer;
	-webkit-transition:background 0.15s ease-in-out;
	transition:background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
	background:#3eafaa;
}
.range-slider__range:active::-webkit-slider-thumb {
	background:#3eafaa;
}
.range-slider__range::-moz-range-thumb {
	width:20px;
	height:20px;
	border:0;
	border-radius:50%;
	background:#2c3e50;
	cursor:pointer;
	-moz-transition:background 0.15s ease-in-out;
	transition:background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
	background:#3eafaa;
}
.range-slider__range:active::-moz-range-thumb {
	background:#3eafaa;
}
.range-slider__range:focus::-webkit-slider-thumb {
	box-shadow:0 0 0 3px #fff, 0 0 0 6px #3eafaa;
}
.range-slider__value {
	display:inline-block;
	position:relative;
	text-align:center;
}
::-moz-range-track {
	background:#d7dcdf;
	border:0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
	border:0;
}
/* input Number */
.numberInput {
	position:relative;
	width:auto;
	height:100%;
	display:flex;
	align-content:center;
	align-items:center;
}
.numberInput input {
	position:relative;
    width:30px;
    height:100%;
	padding:0 3px;
    text-align:center;
	font-size:.8em;
	font-weight:400;
    border-top:1px solid #f2f2f2;
    border-left:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
    border-right:1px solid #f2f2f2;
	font-family:'Roboto Condensed', 'Pretendard', sans-serif;
}
.numberInput .arrow {
	position:relative;
	display:block;
	top:0;
	height:100%;
	width:22px;
	background:#F2F2F2;
	cursor:pointer;
}
.numberInput .arrow:after {
	position:absolute;
	top:50%;
	left:50%;
	content:'';
	width:0; 
	height:0; 
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	transform:translate(-50%,-50%);
}
.numberInput .arrow:hover{
	background:#BABABA;
}
.numberInput .arrow:active {
	background:#CCC;
}
.numberInput .arrow.up {
	right:0;
}
.numberInput .arrow.down {
	left:0;
}
.numberInput .arrow.up:after {
	border-bottom:4px solid #AFAFAF;
}
.numberInput .arrow.down:after {
	border-top:4px solid #AFAFAF;
}
.numberInput .arrow:hover:after {
	border-top-color:#FFF;
	border-bottom-color:#FFF;
}
.opt_numberBtn {
	position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
	gap:0 3px;
	margin-top:6px;
	cursor:pointer;
}
.opt_numberBtn span {
	position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:35px;
    height:30px;
    margin-bottom:5px;
    background-color:#eee;
    font-size:.95em;
	text-align:center;
    color:#fff;
	font-family:'Roboto Condensed', 'Pretendard', sans-serif;
	font-weight:600;
}
.opt_numberBtn span:last-child {
	margin-right:0;
}
.opt_numberBtn span:active {
	opacity:.5;
}
.numberInput .pmico {
	position:relative;
	display:block;
	top:0;
	width:38px;
	height:100%;
	background:#eee;
	border:1px solid #eee;
	cursor:pointer;
}
.numberInput .pmico.mm:before {
	content:'';
	position:absolute;
	top:18px;
	left:11px;
	height:1px;
	width:16px;
	background-color:#666;
}
.numberInput .pmico.pp:before,
.numberInput .pmico.pp:after {
	content:'';
	position:absolute;
	top:11px;
	left:17px;
	width:1px;
	height:16px;
	background-color:#666;
}
.numberInput .pmico.pp:after {
	-webkit-transform:rotate(90deg);
			transform:rotate(90deg);
}
.numberInput .pmico:hover,
.numberInput .pmico:active {
	background:#CCC;
}
.numberInput .pmico:hover::before,
.numberInput .pmico:hover:after {
	background-color:#333;
}
.numberInput .number {
    position:relative;
    width:60px;
    height:100%;
    padding:0 3px;
    text-align:center;
    font-size:1.2em;
    font-weight:400;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
	line-height:2.2;
}
/* select box */
.select__box {
	position:relative;
	width:46px;
	height:26px;
}
.select__box span {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
}
.select__box span:before, .select__box span:after {
	content:"";
	position:absolute;
	top:1em;
	right:.3em;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    transform:translate(-50%,-50%);
}
.select__box span:before {
	border-top:4px solid #999;
	border-bottom:0;
}
.select__box span:hover:before {
	top:.9em;
	border-bottom:4px solid #999;
	border-top:transparent;
}
.select__box select {
	position:relative;
	width:100%;
	height:100%;
	padding-left:0.3em;
	background:rgba(255, 255, 255, 0.3);
	border:2px solid #f3f3f3;
	font-size:.9em;
	cursor:pointer;
	color:#333;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.select__box select:focus {
    border:2px solid rgba(62,175,170,0.5);
}

.select {
	position:relative;
	display:inline-block;
	margin-bottom:15px;
	width:100%;
}
.select select {
	display:inline-block;
	width:100%;
	cursor:pointer;
	padding:10px 15px;
	outline:0;
	border:0;
	border-radius:0;
	background:#e6e6e6;
	color:#7b7b7b;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
}
.select select::-ms-expand {
	display:none;
}
.select select:hover,
.select select:focus {
	color:#000;
	background:#ccc;
}
.select select:disabled {
	opacity:0.5;
	pointer-events:none;
}
.select__arrow {
	position:absolute;
	top:16px;
	right:15px;
	width:0;
	height:0;
	pointer-events:none;
	border-style:solid;
	border-width:8px 5px 0 5px;
	border-color:#7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
	border-top-color:#000;
}
.select select:disabled ~ .select__arrow {
	border-top-color:#ccc;
}

/* icon */
.ico_arrow {
	position:relative;
	top:-2px;
	border:solid black;
	border-width:0 1px 1px 0;
	display:inline-block;
	padding:2px;
}
.ico_right {
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	margin-right:2px;
}
.ico_left {
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	margin-left:2px;
}
.ico_up {
	transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	top:0;
	margin-right:2px;
}
.ico_down {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	top:0;
	margin-right:2px;
}
/* STICKY */
.sticky {
	position:fixed !important;
	width:100%;
	top:0;
	z-index:998;
	background-color:#fff;
}
.stickyTop {
    position:-webkit-sticky;
    position:sticky !important;
    top:0;
    z-index:9;
}
/* paging */
.paging ul li {
	float:left;
	display:flex;
	align-items:center;
	margin:0 10px;
}
.paging ul li a[role='button'] {
	padding:5px;
	opacity:.5;
}
.paging ul li.act a[role='button'],
.paging ul li a[role='button']:hover,
.paging ul li a[role='button']:active {
	opacity:1;
}
.paging ul li.last,
.paging ul li.first {
	width:20px;
	height:20px;
	margin:0;
	border:1px solid #eee;
}
.paging ul li .ico_arrow {
	top:0;
}
/* 견적서 검색 팝업 */
.black_overlay {
    display:none;
    position:fixed;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    background-color:black;
    z-index:998;
    -moz-opacity:0.7;
    opacity:.5;
    filter:alpha(opacity=70);
}
.black_overlay2 {
    display:none;
    position:fixed;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    background-color:black;
    z-index:1000;
    -moz-opacity:0.6;
    opacity:.6;
    filter:alpha(opacity=60);
}
.white_content {
    display:none;
    position:absolute;
    top:50%;
    left:50%;
	transform:translate(-50%, -50%);
    width:92%;
	max-width:600px;
    padding:0;
    background-color:white;
	border-radius:7px;
    z-index:999;
	overflow-x:hidden;
    overflow-y:auto;
}
.white_content.layer1 {z-index:9991;}
.white_content.layer2 {z-index:9992;}
.white_content.layer3 {z-index:9993;}
.white_content.layer4 {z-index:9994;}
.white_content.layer5 {z-index:9995;}
.white_content button {
	background-color:transparent;
	cursor:pointer;
}
.textright {
    float:right;
}
.close {
	position:absolute;
	right:15px;
	top:12px;
	width:32px;
	height:32px;
	background-color:transparent;
	z-index:999;
}
.close:before, .close:after {
	content:' ';
	position:absolute;
	top:0;
	left:15px;
	height:33px;
	width:1px;
	background-color:#333;
}
.close:before {
	transform:rotate(45deg);
}
.close:after {
	transform:rotate(-45deg);
}
/*tooltip*/
[data-tooltip] {
	position:relative;
	z-index:2;
	cursor:pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
	visibility:hidden;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	pointer-events:none;
	text-align:center;
}
[data-tooltip]:before {
	position:absolute;
	bottom:100%;
	left:50%;
	margin-bottom:5px;
	padding:7px 10px;
	width:auto;
	border-radius:3px;
	background-color:#000;
	background-color:hsla(0, 0%, 20%, 0.9);
	color:#fff;
	content:attr(data-tooltip);
	text-align:center;
	font-size:.95em;
	line-height:1.2;
	white-space:nowrap;
	transform:translateX(-50%);
}
[data-tooltip]:after {
	position:absolute;
	bottom:100%;
	left:50%;
	width:0;
	border-top:5px solid #000;
	border-top:5px solid hsla(0, 0%, 20%, 0.9);
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	content:" ";
	font-size:0;
	line-height:0;
	transform:translateX(-50%);
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility:visible;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}

/* UI Set */
.uiSet {
	position:relative;
	padding:10px;
    font-family:'GmarketSansMedium';
}
.uiSet h1 {
	margin-top:30px;
	margin-bottom:8px;
	font-size:1.2em;
}
.uiSet .desc {
	display:inline-block;
	padding:5px;
	margin-top:5px;
	background-color:#333;
	color:#fff;
	font-size:.9em;
}
.uiSet .select__box {
	display:inline-block;
}
/* -----------------------------------------
  =CSS3 Loading animations
-------------------------------------------- */
.loadding {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.loadding hr {
    position:absolute;
    display:block;
    width:40%;
    height:40%;
    margin:0;
    border:0;
    border-radius:50%;
    animation:spin 2s ease infinite
}
.loadding .load-wrapp1 :first-child {background:#19A68C; animation-delay:-1.5s;}
.loadding .load-wrapp1 :nth-child(2) {background:#F63D3A; animation-delay:-1s;}
.loadding .load-wrapp1 :nth-child(3) {background:#FDA543; animation-delay:-0.5s;}
.loadding .load-wrapp1 :last-child {background:#193B48;}
@keyframes spin {
    0%,100% {transform:translate(0)}
    25% {transform:translate(160%)}
    50% {transform:translate(160%, 160%)}
    75% {transform:translate(0, 160%)}
}
/* =Elements style
---------------------- */
.load-wrapp {
	float:left;
	width:auto;
	height:auto;
	text-align:center;
}
.line {
	display:inline-block;
	width:15px;
	height:15px;
	margin:0 3px;
	border-radius:15px;
	background-color:#3eafaa;
}
.ring-1 {
	width:10px;
	height:10px;
	margin:0 auto;
	padding:10px;
	border:7px dashed #3eafaa;
	border-radius:100%;
}
.ring-2 {
	position:relative;
	width:45px;
	height:45px;
	margin:0 auto;
	border:4px solid #3eafaa;
	border-radius:100%;
}
.ball-holder {
	position:absolute;
	width:12px;
	height:45px;
	left:17px;
	top:0px;
}
.ball {
	position:absolute;
	top:-11px;
	left:0;
	width:16px;
	height:16px;
	border-radius:100%;
	background:#4282b3;
}
.letter-holder {
	padding:16px;
}
.letter {
	float:left;
	font-size:14px;
	color:#777;
}
.square {
	width:12px;
	height:12px;
	border-radius:4px;
	background-color:#3eafaa;
}
.spinner {
	position:relative;
	width:45px;
	height:45px;
	margin:0 auto;
}
.bubble-1,
.bubble-2 {
	position:absolute;
	top:0;
	width:25px;
	height:25px;
	border-radius:100%;
	background-color:#3eafaa;
}
.bubble-2 {
	top:auto;
	bottom:0;
}
.bar {
	float:left;
	width:15px;
	height:6px;
	border-radius:2px;
	background-color:#3eafaa;
}
/* =Animate the stuff
------------------------ */
.load-3 .line:nth-last-child(1) {
	animation:loadingC 0.6s 0.1s linear infinite;
}
.load-3 .line:nth-last-child(2) {
	animation:loadingC 0.6s 0.2s linear infinite;
}
.load-3 .line:nth-last-child(3) {
	animation:loadingC 0.6s 0.3s linear infinite;
}
.load-4 .ring-1 {
	animation:loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
.load-5 .ball-holder {
	animation:loadingE 1.3s linear infinite;
}
.load-6 .letter {
	animation-name:loadingF;
	animation-duration:1.6s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}
.l-1 {
	animation-delay:0.48s;
}
.l-2 {
	animation-delay:0.6s;
}
.l-3 {
	animation-delay:0.72s;
}
.l-4 {
	animation-delay:0.84s;
}
.l-5 {
	animation-delay:0.96s;
}
.l-6 {
	animation-delay:1.08s;
}
.l-7 {
	animation-delay:1.2s;
}
.l-8 {
	animation-delay:1.32s;
}
.l-9 {
	animation-delay:1.44s;
}
.l-10 {
	animation-delay:1.56s;
}
.load-7 .square {
	animation:loadingG 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
.load-8 .line {
	animation:loadingH 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
.load-9 .spinner {
	animation:loadingI 2s linear infinite;
}
.load-9 .bubble-1,
.load-9 .bubble-2 {
	animation:bounce 2s ease-in-out infinite;
}
.load-9 .bubble-2 {
	animation-delay:-1s;
}
.load-10 .bar {
	animation:loadingJ 2s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
@keyframes loadingA {
	0% {height:15px;}
	50% {height:35px;}
	100% {height:15px;}
}
@keyframes loadingB {
	0% {width:15px;}
	50% {width:35px;}
	100% {width:15px;}
}
@keyframes loadingC {
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, 15px);}
	100% {transform:translate(0, 0);}
}
@keyframes loadingD {
	0% {transform:rotate(0deg);}
	50% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
@keyframes loadingE {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
}
@keyframes loadingF {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes loadingG {
	0% {
		transform:translate(0, 0) rotate(0deg);
	}
	50% {
		transform:translate(70px, 0) rotate(360deg);
	}
	100% {
		transform:translate(0, 0) rotate(0deg);
	}
}

@keyframes loadingH {
	0% {width:15px;}
	50% {
		width:35px;
		padding:4px;
	}
	100% {width:15px;}
}
@keyframes loadingI {
	100% {
		transform:rotate(360deg);
	}
}
@keyframes bounce {
	0%,	100% {
		transform:scale(0);
	}
	50% {
		transform:scale(1);
	}
}
@keyframes loadingJ {
	0%, 100% {
		transform:translate(0, 0);
	}
	50% {
		transform:translate(80px, 0);
		background-color:#f5634a;
		width:25px;
	}
}