@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:7px;}

.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:#0095da; color:#fff;}
.btn-buyer:hover{color : white; background : #0a6ea2;}
.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 , #d6d4ea, #c3dbf1);}

.email_add {position:relative;}
.email_add_text {position:absolute; right:-5px; top:28px;}
.label_title {position:absolute; top:-2px; font-weight:bold; }
.close_btn {float:right;}


.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:#3a3234; display:inline-block; padding:4px 7px 2px 7px; color:#fff; border-radius:3px; font-weight:normal; margin-bottom:4px;}

.main_btn_01 {font-size:20px; font-weight:bold; background:#069edb; width:100%; height:60px; display:block; line-height:60px; color:#fff; border-radius:7px;}
.main_btn_02 {font-size:20px; font-weight:bold; background:#22bdb6; width:100%; height:60px; display:block; line-height:60px; color:#fff; border-radius:7px;}
.main_btn a:hover {color:#fff; text-decoration:none;}
.posi_left {position:absolute; bottom:-26px; right:0; color:#fff;}


@media (min-width:760px) and (max-width:1160px) {
	.checkbox {width:50%; float:left;}
	.reg_btn img {width:60%;}
	.box_pd {padding-bottom:130px;}
	.close_btn {display:none;}
	.main_btn_01 {font-size:16px; height:50px; line-height:50px;}
	.main_btn_02 {font-size:16px; height:50px; line-height:50px;}
}


@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;}
	.close_btn {display:none;}
	.main_btn_01 {font-size:14px; height:40px; line-height:40px;}
	.main_btn_02 {font-size:14px; height:40px; line-height:40px;}
	.posi_left {font-size:12px;}
}