@charset "utf-8";
body{padding:0;margin:0}
.area{background-color:#e5d9cf;padding:10px 20px;}
.card_area{text-align:center;margin-top:20px;}
.card{margin-bottom:15px;}
.card_title{font-size:25px;font-weight:700;line-height:20px;margin-bottom:10px;}
.card_title_sub{ font-size:14px;font-weight:700;color:#ff6962;line-height:14px;margin-bottom:20px;}
.card_inner{border:1px solid #000;border-radius: 10px;overflow:hidden}
.card_inner_title{font-size:14px;background-color:#000;color:#fff;text-align:center;padding:4px;line-height:25px;}

.tag_area{display:inline-block;position:fixed;right:0;top:50%;margin-top:-100px;height:200px;}
.tag{padding:10px;background-color:#9b8d81;border-radius:5px 0px 0px 5px;color:#ffffff;font-size:16px;font-weight:bold;box-shadow:-2px 2px 19px -6px #000;}

.butt_off {
	background-color:#7e7e7e;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:20px 0;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	width:100%;
}


.wdwd_form label{color:#666;}
.wdwd_form .input_100{width:100%;border:0px;}
.wdwd_form input {color:#666;border:0;padding:3px 3px;font-size:14px;}
.wdwd_form select {padding-left:9px;}

.wdwd_form ::-webkit-input-placeholder {color:#ffacac} /*�ȳ� ���� ����*/
.wdwd_form ::placeholder {color:#ffacac}
.wdwd_form ::-ms-input-placeholder {color:#ffacac}
.shop_form { 
	width:100%; 
	margin:0; 
	border-collapse:collapse; 
	border:0px solid #e6e6e6;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px; }

.shop_form tr {border-bottom:1px solid #dedede;}
.shop_form th {height:40px;white-space:nowrap;font-weight:normal;color:#555;font-size:13px;padding:0px 10px;background-color:#f9f9f9;}
.shop_form td {height:40px;text-align:left;color:#555;font-size:13px;padding:0px 10px}


.skin input[type="checkbox"], .skin input[type="radio"] {display:none; visibility:hidden}
.skin input[type="checkbox"] + label, 
.skin input[type="radio"] + label {transition:border-color 0.3s ease-in-out, background-color 0.3s ease-in-out}
.skin input[type="checkbox"] + label:before, 
.skin input[type="radio"] + label:before {display:inline-block; content:""; margin:-2px 0px 0; vertical-align:middle; width:25px; height:25px; background-color:rgba(0,0,0,0);border:0px solid #000000;}
.skin input[type="checkbox"]:checked + label:before, 
.skin input[type="radio"]:checked + label:before {z-index:11;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('/img/after_ok.png');border:0px solid #000000;width:25px;height:25px;color:#4ABFA1;border-color:#4ABFA1;position:relative;}
.skin input[type="radio"]:checked + p:before {color:#4ABFA1;border-color:#4ABFA1;}


.radio_option input[type="radio"],
.radio_option input[type="checkbox"] {display:none; visibility:hidden;}

.radio_option input[type="radio"]:checked + label,
.radio_option input[type="checkbox"]:checked + label {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #000000;
}

.radio_option input[type="radio"] + label,
.radio_option input[type="checkbox"] + label 
{
    background-color: #f9f9f9;
    vertical-align: 2px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-size: 13px;
    padding: 9px 18px 9px;
    text-decoration: none;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border: 1px solid #dedede;
	}


.time_option input[type="checkbox"] {display:none; visibility:hidden;}

.time_option input[type="checkbox"]:checked + label {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #000000;
}

.time_option input[type="checkbox"] + label 
{
    background-color: #f9f9f9;
    vertical-align: 2px;
    border-radius: 5px;
    display: inline-block;
	width:100px;
    cursor: pointer;
    color: #000000;
    font-size: 13px;
    padding: 5px;text-align:center;
    text-decoration: none;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border: 1px solid #dedede;
	margin-bottom:5px;
	}

@media all and (min-width:871px)
{
	.insert_butt{margin:5px auto;width:500px;}
}

@media all and (min-width:480px) and (max-width:870px)
{
	.style_menu{margin-top:-36px;margin-bottom:30px;font-size:20px;}
	.insert_form{margin:5px auto;width:100%;max-width:500px;}
	.insert_title{width:30%;padding:8px 10px;}
	.insert_input{width:70%;padding:8px 10px;}
	.insert_input select {width:60%;line-height:31px;height:31px;color:#666;border:1 dotted #c1c1c1;padding-left:9px;}
	.insert_butt{margin:5px auto;width:80%;}
}

@media all and (max-width:480px)
{	
	.style_menu{margin-top:-36px;margin-bottom:30px;font-size:20px;}
	.insert_form{margin:5px auto;width:100%;padding:0 10px;font-size:14px;}
	.insert_title{width:30%;padding:8px 10px;}
	.insert_input{width:70%;padding:8px 10px;}
	.insert_input input {font-size:14px;width:100%;line-height:31px;height:31px;color:#666;border:0;padding:0 10px;}
	.insert_input select {font-size:14px;width:60%;line-height:31px;height:31px;color:#666;border:1 dotted #c1c1c1;padding-left:9px;}
	.insert_butt{margin:5px auto;width:100%;}
}