@charset "utf-8";


.file_info{border:1px solid #dedede;background-color:#f9f9f9;font-size:14px;line-height:20px;margin:10px 0 ;padding:10px 20px;    border-radius: 10px;}

.clock{width:22px;height:22px;color:#365481;text-align:center;-moz-border-radius:5px;-webkit-border-radius: 5px; border-radius: 5px;line-height:22px;font-size:12px;}
.timer{text-align:center;color:#fb719d;font-size:20px;font-weight:bold;-moz-border-radius:5px;-webkit-border-radius: 5px; border-radius: 5px;border:1px solid #fb719d;padding:0px 20px 2px;}
.butt_off {
	box-shadow:inset 0px 2px 0px 0px #ffffff;
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dedede;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:14px;
	font-weight:bold;text-align:center;
	padding:11px 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width:47%;;
}

.butt_on{
	background-color:#365481;
	border-radius:4px;
	border:1px solid #dedede;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;text-align:center;
	padding:11px 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width:47%;;
}

.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}

.es_width > p{width:100%;display:inline-block;line-height:30px;}
.es_width > p > label{margin-left:5px;}
.not_choice {text-decoration:line-through}

.butts {
	box-shadow:inset 0px 2px 0px 0px #ffffff;
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dedede;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:16px;
	font-weight:bold;text-align:center;
	padding:11px 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width:47%;margin-top:30px;
}
.butts:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.butts:active {
	position:relative;
	top:1px;
}


.shop_form { 
	width:100%; 
	margin:10px 0; 
	border-collapse:collapse; 
	border:0px solid #e6e6e6;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
}

.shop_form th {height:50px;white-space:nowrap;font-weight:normal;padding:0px 15px;border-bottom:1px solid #000;color:#555;font-size:15px;}
.shop_form td {height:50px;padding:0px 15px;text-align:left; border-bottom:1px dotted #92959e;color:#555;font-size:15px;}


.color_title{font-size:24px;color:#343A40;font-weight:700;}
.skin{justify-content: space-between;display:flex;margin:10px 0 10px;}

.color_boxs{text-align:center;}
.color_boxs p{font-size:14px;}
.color_box{width:60px;height:60px;margin-top:-42px;}

.bottom_pr_img{width:30px;height:30px;border-radius:30px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);z-index:10;position:relative;}


.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%;}
}