@charset "uft-8";

@font-face{font-family:"ALL";
		   src:local('Allura-Regular'),
		   url('../fonts/Allura-Regular.eot'),
		   url('../fonts/Allura-Regular.woff') format('woff'),
		   url('../fonts/Allura-Regular.ttf') format('truetype')
		   }

@font-face{font-family:"Cook";
		   src:local('Cookie-Regular'),
		   url('../fonts/Cookie-Regular.eot'),
		   url('../fonts/Cookie-Regular.woff') format('woff'),
		   url('../fonts/Cookie-Regular.ttf') format('truetype')
		   }

@font-face{font-family:"Qwi";
		   src:local('Qwigley-Regular'),
		   url('../fonts/Qwigley-Regular.eot'),
		   url('../fonts/Qwigley-Regular.woff') format('woff'),
		   url('../fonts/Qwigley-Regular.ttf') format('truetype')
		   }

@font-face{font-family:"NBG";
		   src:local('NanumBarunGothic'),
		   url('../fonts/NanumBarunGothic.eot'),
		   url('../fonts/NanumBarunGothic.woff') format('woff'),
		   url('../fonts/NanumBarunGothic.ttf') format('truetype')
		   }

@font-face{font-family:'websymbols';
		   src:local('websymbols-regular-webfont'),
		   url('../fonts/websymbols-regular-webfont.eot'),
		   url('../fonts/websymbols-regular-webfont.woff') format('woff'),
		   url('../fonts/websymbols-regular-webfont.ttf') format('truetype');
		   font-weight:normal;
		   font-style:normal;
		   }


body {font-family:"NBG";}

.reg_btn img {width:60%;}
.logo {width:100%; border-radius:10px;}

.form-group a:hover {text-decoration:none; color:#fff;}
.checkbox_2 {padding-top:10px;}
.form-group input {vertical-align:-3px;}
.table td {padding:0;}
.table input {vertical-align:-3px;}
.table span {padding:0 3px;}
.log input {vertical-align:1px;}
.log > .log_check {vertical-align:-4px;}
.table .text_form {width:90px; border:1px solid #b7b7b7;}
.checkbox_01 {margin:0;}
.checkbox {text-align:left;}
.btn-buyer {background:#0D3280; color:#fff;}
.btn-buyer2 {background:#8c8c8c; color:#fff;}
.buyer-hover a:hover {background:#000; color:#fff; transition:1s;}
.btn-barcode {background:#ff6600; color:#fff;}
.barcode-hover a:hover {background:#d85600; color:#fff;}
.box_pd {padding-bottom:200px;}
.form-control {z-index:9999;}

.panel-heading {background:linear-gradient(to right , #0D3280, #0D3280);}

.email_add {position:relative;}
.email_add_text {position:absolute; right:-5px; top:28px;}
.label_title {position:absolute; top:-2px;}

.panel-button {position:relative;}
.panel-button-position {font-size:12px; color:#fff; background:#1f1f1f; padding:10px 15px; text-decoration:none; margin-bottom:3px; border-radius:4px;  margin-top:8px; margin-right:8px; position:absolute; top:-55px; right:-9px; font-weight:normal;}
.panel-button-position:hover {color:#fff; text-decoration:none;}


.reg_btn_submit {background:#fff; border-radius:50px; border:2px solid #acacac; height:400px;}
.buyer_btn_submit {background:#fff; border-radius:50px; border:2px solid #acacac; height:450px;}
.btn_main {display:block; width:300px; margin-left:auto; margin-right:auto; padding:15px 0px;}

.container {position:relative;}
.fix_01 a {background:#ff339a; padding:10px 20px; color:#fff; display:inline-block; position:absolute; top:150px; left:0px;}
.red_box {background:#1f297e; display:inline-block; padding:4px 5px 2px 5px; color:#fff; border-radius:3px; font-weight:normal; margin-bottom:4px;}


@media (min-width:760px) and (max-width:1160px) {
	.checkbox {width:50%; float:left;}
	.reg_btn img {width:60%;}
	.box_pd {padding-bottom:130px;}
}


@media (min-width:320px) and (max-width:759px) {
	.checkbox {width:100%;}
	.checkbox_2 {font-size:12px;}
	.reg_btn img {width:90%;}
	.box_pd {padding-bottom:70px;}
	.checkbox {font-size:12px;}
	.checkbox span {vertical-align:-3px;}
	.checkbox_02 {width:100%; font-size:12px;}
	.checkbox_02 span {vertical-align:-3px;}
	.form-control {font-size:12px;}
	.f_12 {font-size:12px;}
	.row label {font-size:12px;}
	.notice {font-size:12px;}
}