@charset "utf-8";
*{max-height:100000px;padding:0;margin:0;border:0;outline:none;border-collapse:collapse;box-sizing:border-box;line-height:1;list-style:none;text-decoration:none;border-spacing:0;font-size:14px;font-family:굴림}

html,
body{overflow:hidden;height:100%;min-width:320px}
body{overflow-y:scroll;background:#333;color:#fff}
body::-webkit-scrollbar{width:0;background:transparent}

#logo .logo_link{display:block;max-width:810px;margin:0 auto}
#logo .logo_img{display:block;width:100%}

#bugo{position:relative;max-width:830px;padding:10px;margin:0 auto}

#deceased_box{float:left;width:350px;padding:10px;margin:0 0 20px;border:1px rgb(255 255 255 / 30%) solid;background:#242424;border-radius:4px}
#deceased_box .box1{}
#deceased_box .box2{position:relative;padding:0 0 0 98px}
#deceased_box .box2 .title{position:absolute;top:0;left:0;width:100px;height:100%;padding:11px 0;background:#364368;border:1px #242424 solid;border-right:none;border-radius:3px 0 0 3px;text-align:center}

#religion,
#gender,
#se{float:left;display:block;cursor:pointer}
#religion{width:37%;height:39px}
#gender{width:37%;height:39px}
#se{float:right;width:26%;height:39px}
#name,
#age,
#rank{display:block;width:100%}



#funeral_box{float:right;width:450px;padding:10px;margin:0 0 20px;border:1px rgb(255 255 255 / 30%) solid;background:#242424;border-radius:4px}
#funeral_box .box1{position:relative;padding:0 1px;margin:0 0 1px}
#funeral_box #search{position:absolute;top:0;right:1px;width:108px;height:100%;padding:11px 0;background: #3f51b5;border:1px #ffffff solid;border-left:none;border-radius:0 3px 3px 0;text-align:center;cursor:pointer}
#funeral_box .box2{position:relative;height: 38px;}

#addr{display:block;width:100%;background:#ffffff;border:1px #fff solid;color:#000}
#funeral_name{display:block;width:100%;background:#c8c8c8}
#room_type{position:absolute;top:0;left: 0;border-radius:3px 0 0 3px;width:86px;cursor:pointer;z-index: 3;}
#room_name{position:absolute;top:0;right:0;display:block;width: 100%;padding-left: 100px;border-radius:0 3px 3px 0}
#funeral_addr,
#funeral_tel{display:block;width:100%;background:#c8c8c8}

#in_box{float:left;width:400px;padding:10px;border:1px rgb(255 255 255 / 30%) solid;border-radius:4px;background:#242424}
#out_box{float:right;width:400px;padding:10px;border:1px rgb(255 255 255 / 30%) solid;border-radius:4px;background:#242424}


.daybox{width:100%;margin:0 0 3px}
.daybox td{position:relative;height:38px;border:1px #aaa solid;text-align:center}
.daybox .dayhead{text-align:center}
.daybox .days{position:absolute;top:-1px;left:-1px;width:100%;height:100%;box-sizing:unset;text-align:center;cursor:pointer;border:1px #aaa solid}
.daybox .days:hover{z-index:2 !important;border:1px #fff solid !important;background:#25645e !important}
.daybox .days.on{z-index:2 !important;border:1px #fff solid !important;background:#009688 !important;box-shadow:0 0 3px #fff !important;color:#fff;font-weight:bold}
.daybox .text{display:block;width:100%;height:100%;padding:12px 0 0;color: #fff;}
.daybox .gray{color: #555;}
#ltday,
#rtday{z-index:1;background:#5c4421;border:1px #ffc107 solid}

#in_dot,
#out_dot{z-index:7 !important;position:absolute;top:5px;width:10px;height:10px;background:#673ab7;border:1px #fff solid;border-radius:100%}
#in_dot{left:5px}
#out_dot{right:5px;background:#ff5722}

.sun{background:#4c3131}
.sat{background:#3f4c5c}


#inbox,
#outbox{background:#333}


#in_day,
#out_day{float:left;width:50%;height:38px;padding:11px 0 0;border-radius:3px;text-align:center;background: #fff;border:1px rgb(255 255 255 / 50%) solid;color: #000;cursor:pointer;font-weight: bold;}

.inout_end{padding:10px;text-align:center;background: #3f51b5;margin:0 0 3px;border-radius:3px;border:1px #fff solid;cursor:pointer}

.in_hour,
.out_hour{float:left;width:25%;padding:0 0 0 2px}
.in_minute,
.out_minute{float:right;width:25%;padding:0 0 0 2px}

#in_hour,
#out_hour,
#in_minute,
#out_minute{width:100%;border:1px rgb(255 255 255 / 50%) solid;background: #131616;color:#fff;cursor:pointer;font-weight: bold;}


input::placeholder{color:#aaa}
#addr::placeholder{color:#aaa}
input,
select{color:#000;height:38px;padding:10px;border-radius:3px;border:1px #242424 solid}
select{background:#eee}

.clear{clear:both}

#list_box{}
#list_box .list_box{border:1px #fff solid;padding:10px;max-height:200px;overflow:hidden;overflow-y:scroll;border-radius:5px;background:#484848}
#list_box .list{padding:5px;line-height:1.3;background:#818181}
#list_box .list:nth-child(even){background:#666}

#ship_box{}
#ship_box .ship_list{padding:10px;background:#242424;border:1px rgb(255 255 255 / 30%) solid;border-top:1px rgb(255 255 255 / 15%) dashed;border-bottom:none}
#ship_box .ship_list:nth-child(1){border-top:1px rgb(255 255 255 / 30%) solid;border-radius:4px 4px 0 0}
#ship_box .ship_list1{float:left;width:50%}
#ship_box .ship_list2{float:right;width:50%}
#ship_box .slist1{float:left;width:25%}
#ship_box .slist2{float:left;width:25%}
#ship_box .slist3{float:left;width:50%}
#ship_box .slist4{float:left;width:40%}
#ship_box .slist5{float:left;width:60%}

#ship_box .ship_del{height:38px;text-align:center;padding:10px 0 12px;margin:1px 1px 0;background:rgb(78 97 131 / 30%);border:1px rgb(255 255 255 / 30%) solid;border-radius:3px;color:#ccc;cursor:pointer}

#ship_plus{padding:10px;background:#242424;border:1px rgb(255 255 255 / 30%) solid}

.input_list{margin:5px 0}
.input_list input{width:100%;background: rgb(255 255 255);border:1px rgb(255 255 255 / 50%) solid;color: #111;}

.input_mes{margin:10px 0}
.input_mes input{width:100%;background: rgb(0 0 0 / 19%);border: 1px #ffffffb3 solid;color: #fff;}

#end_box{position:relative;margin:20px 11px 0}
#footer{text-align:center;padding:20px;background:#111;line-height:1.3}

@media (max-width:1800px){
	#deceased_box,
	#funeral_box,
	#in_box,
	#out_box{float:unset;width:100%;margin:0 0 10px 0}
}

@media (max-width:800px){
	#ship_plus{position:relative;padding:25px 11px 20px;border-top:none;border-left:none;border-right:none}
	#ship_plus:after{content:'';display:block;width:2px;height:10px;background:#fff;position:absolute;top:6px;left:50%;margin:0 -1px}
	#ship_plus:before{content:'';display:block;width:10px;height:2px;background:#fff;position:absolute;top:10px;left:50%;margin:0 -5px}
	#bugo{padding:10px 0}
	#deceased_box,
	#funeral_box,
	#in_box,
	#out_box{float:unset;width:100%;margin:0 0 10px 0;border-left:none;border-right:none;border-radius:0}
	.input_mes{padding: 10px 11px 5px;margin-bottom:0;background:#242424}
	.fname{display:none}
	#deceased_box{padding:20px 10px;margin-bottom:-1px}
	#ship_box .ship_list{border-left:none;border-right:none;border-radius:0}
	#ship_box .ship_list1,
	#ship_box .ship_list2{float:unset;width:100%}
	#ship_box .ship_list:nth-child(1){padding-top:0;border-radius:0;border-top:none}
	#funeral_box{padding:20px 10px 1px;margin-bottom:0px;border-bottom:none;border-top:1px rgb(255 255 255 / 50%) dashed}
	#in_box{margin-bottom:0px;border-top:none;border-bottom:none;padding:10px 11px 1px}
	#out_box{padding:1px 11px 10px;border-top:none;border-bottom:none}
	.input_list{padding:0 11px 20px;background:#242424;margin:-10px 0 0}
}