@font-face {font-family: 'score-b'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'score-r'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'score-l'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }

.score-r{font-family: 'score-r' !important}
.score-l{font-family: 'score-l' !important}
.score-b{font-family: 'score-b' !important}

.w-100{width: 100%}
.color-red{color: red;}


select{height: 50px !important;}
input[type="text"], input[type="password"],  input[type="email"], textarea {outline: none; box-shadow:none !important; border:1px solid #ccc !important; padding-left: 15px; padding-right: 15px;}
input[type=text], input[type=password],  input[type="email"] {border: 1px solid #DCDEE0; border-radius: 7px; vertical-align: middle; height: 50px; color: #000; font-size: 20px; background-color: #ffffff; font-weight: 300; -webkit-transition:all .3s; transition:all .3s }
textarea {border: 1px solid #DCDEE0; border-radius: 7px; vertical-align: middle; height: 50px; padding: 12px 16px; color: #555555; font-size: 15px; background-color: #ffffff; font-weight: inherit; -webkit-transition:all .3s; transition:all .3s; }
input:focus, textarea:focus, form-control:active {border-color: #4B00C3 !important;}

input::placeholder {color: #ccc; font-style: 15px !important; }

.floating-half{width: 47.5%}
.floating-label {display: inline-block; margin-bottom: 15px; position: relative; }
.floating-label input {width: 100%;}
.floating-label > :nth-child(1) {position: absolute; top: 5px; left: 16px; pointer-events: none; font-size: 12px; color: #9DA2A6;  line-height: 18px;  z-index: 100; }

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4 {color: #001650; border-color: #001650; }


.order-type{border: 3px solid #000; padding: 15px; cursor: pointer; color:;}
.order-type.active{border: 3px solid #000; background: #000; color: #fff !important}
.order-type.active div{color: #fff !important}
.order-type.active span{color: #fff !important}

.region-type{border: 3px solid #000; padding: 15px; cursor: pointer; color:;}
.region-type.active{border: 3px solid #000; background: #000; color: #fff !important}
.region-type.active div{color: #fff !important}
.region-type.active span{color: #fff !important}

.br{border-right: 1px solid #D3D5DB}
.text-order-type{font-size: 15px; font-family: 'gmarket-medium'; color:#5D636E; -webkit-transition:all .3s; transition:all .3s}
@media (min-width: 768px) {
	.text-order-type{font-size: 20px;}
}

.text-price{font-family: gmarket-medium; color:#999; font-size: 11px;}
.text-price span{font-family: gmarket-medium;  color:#001650; font-size: 13px;}
@media (min-width: 768px) {
	.text-price{font-size: 13px;}
	.text-price span{font-size: 16px;}
}

.text-reg-1{font-family: gmarket-bold;  color: #000; font-size: 20px; margin-bottom: 15px;}
.text-reg-2{font-family: score-r; font-size: 14px; color: #000;  font-weight: normal;;}
.text-reg-3{font-family: score-r; font-size: 12px; color: #000;  font-weight: normal;;}
@media (min-width: 768px) {
	.text-reg-1{font-size: 25px;}
	.text-reg-2{font-size: 15px;}
	.text-reg-3{font-size: 13px;}
}


.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	/*font-size: 1rem;*/
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 5px !important;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

select{ -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.custom-select {
	color: #495057;
	background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
	border: 1px solid #ced4da;
}
.custom-select:focus {border-color: #4B00C3;}
.custom-select:focus::-ms-value {color: #495057; background-color: #fff;}
.custom-select:disabled {color: #6c757d; background-color: #e9ecef;}

/*label{font-family: score-r; margin-bottom: 5px; }*/

/*
.text-title{font-size: 15px; color:#4B00C3; font-weight: 300; -webkit-transition:all .3s; transition:all .3s; font-family: score-b, sans-serif; letter-spacing: 0.02em; margin-top: 50px; margin-bottom: 30px;}
@media (min-width: 768px){
	hr {margin-top: 2rem; margin-bottom: 2rem; }
	.text-title{font-size: 20px;}
}

@media (min-width: 992px){
	hr {margin-top: 2rem; margin-bottom: 2rem; }
	.text-title{font-size: 25px;}
}*/


.gmarket-light{font-family: 'gmarket-light' !important}
.gmarket-medium{font-family: 'gmarket-medium' !important}
.gmarket-bold{font-family: 'gmarket-bold' !important}

/*.btn-submit{cursor: pointer; color: #4B00C3; border-radius: 10px !important; padding-left: 80px; padding-right: 80px; padding-top: 15px; padding-bottom: 15px; font-size: 15px; border:1px solid #000; background: #fff; -webkit-transition:all .3s; transition:all .3s; }
.btn-submit:active, .btn-submit:hover {color:#fff; background: #4B00C3; }*/
.text-center{text-align: center;}
.row-wrapper{display: flex; justify-content: space-between;}
.row-wrapper > div{width: calc(50% - 10px)}

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding: .8em 2em;
	color: #fff;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #4B00C3;
	cursor: pointer;
	border: 1px solid #4B00C3;
	border-radius: .25em;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	width: 307px;
	padding: .8em .5em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}


.u-check input[type="radio"]:checked + .u-check-icon-radio-v4 {color: #4B00C3; border-color: #4B00C3; }
input[type="radio"]:checked + * .g-bg-primary--checked {background-color: #4B00C3!important; }


.tool-tip{
	background: #fff;
	min-width: 214px;
	position: absolute;
	z-index: 20;
	/*left: 50%;*/
	right: 0;
	top: -60px;
	/*transform: translateY(0);*/
	margin: auto;
	border-radius: 4px;
	box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);
	visibility: hidden;
	opacity: 0;
	transition: .4s;
}

.tool-tip.is-focus {
	opacity: 1;
	visibility: visible;
	top: -68px;
	/*transform: translateY(-10%);*/
}

.tool-tip .tool-tip-content:after {
	content: "";
	width: 0;
	height: 0;
	border-color: #fff transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
}

/*.tool-tip .tool-tip-content li{font-size: 13px; margin-bottom: 20px;}*/
.tool-tip .tool-tip-content{padding: 15px}
.tool-tip .tool-tip-content li{margin-bottom: 5px;}
.tool-tip .tool-tip-content li:last-child{margin-bottom:0;}
.tool-tip .tool-tip-content li span{font-size: 16px; position: relative; color: #6F6F6F; transition: .4s; font-weight: 300}
.tool-tip .tool-tip-content li span:after{content:""; height: 1px; background: #4B00C3; position: absolute; width: 0; top:0; bottom:-2px; left: 0; margin:auto; opacity: 0.5; transition: .4s;}
.tool-tip .tool-tip-content li.valid span{color:#4B00C3;}
.tool-tip .tool-tip-content li.valid span:after{width: 100%}