@CHARSET "UTF-8";

.funeral_table{margin-top:30px;}
.funeral_table table{width:100%;border-top:2px solid #444;}
.funeral_table table thead th {background: #f6f3ed;border-bottom:1px solid #ddd;height:60px;color:#222;font-size:1.6rem;text-align:center;}
.funeral_table table tbody td {padding: 10px;border-bottom:1px solid #e4e4e4;height: 100px;text-align:center;color:#666;box-sizing: border-box;}
.funeral_table table tbody .on td,
.funeral_table table tbody :hover td {background:#f5f5f5;}
.funeral_table table tbody td.goin{color:#222;font-weight: 700;}
.funeral_table table tbody td.sangju{font-size: 1.6rem;text-align:left;letter-spacing: -0.05em;}
.funeral_table table tbody td:hover	{cursor:pointer;}


.funeral_people{width:100%;}
.funeral_people h3 {margin-bottom: 10px;font-size: 2.8rem;color: #111;font-weight: 700;letter-spacing:-0.05em;}
.funeral_people .wrap {padding: 40px;border: 1px solid #d1d1c1;border-radius: 15px;background: #f3f1ef url(/nanum/site/funeral_room/img/flower_bg.png) no-repeat 50% 100%;}
.funeral_people .thumbs {margin: 0 auto;width: 220px;height: 300px;border: 5px solid #333;border-radius: 10px;background: #f8f8f8;box-shadow: 10px 10px 30px rgb(0 0 0 / 20%);overflow: hidden;}
.funeral_people .thumbs span img{width: 100%;height: 100%;object-fit: cover;}


.funeral_view {border-top:2px solid #444;}
.funeral_view table{width:100%;}
.funeral_view table tbody th	{background:#f8f8f8; border-bottom:1px solid #e7e7e7; height:70px;font-size:1.6rem;}
.funeral_view table tbody th .th_wrap	{text-align:center; color:#222; letter-spacing:-0.05em;}
.funeral_view table tbody th .th_wrap .aster	{color:#2f80e5; font-weight:bold;}
.funeral_view table tbody td	{border-bottom:1px solid #e7e7e7; height:70px;font-size:1.6rem;color:#666;}
.funeral_view table tbody td .td_wrap	{padding:11px 14px;}
.funeral_view table tbody td .pw_guide	 {line-height:30px; letter-spacing:-0.05em; font-weight:100; padding:14px 0 0;}
.funeral_view .grid	{display:table; table-layout:fixed; border-collapse:collapse; width:100%;}
.funeral_view .grid .per20	 {display:table-cell; width:85px; vertical-align:middle;}
.funeral_view .grid .per40	 {display:table-cell; width:calc((100% - 85px) / 2); padding-left:14px; box-sizing:border-box;}
.funeral_view .grid .fix30 {display:table-cell; width:30px; padding-left:10px; box-sizing:border-box; vertical-align:middle;}
.funeral_view .pc200	{width:200px;}
.funeral_view .pc380	{width:380px;}
.funeral_view .pc400	{width:400px;}
.funeral_view .pc520	{width:520px;}
.funeral_view .pc_h_150	{height:150px;}


.loading { width: 100%; text-align: center; padding: 50px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.loading span { display: inline-block; width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #000; border-radius: 50%; animation: spin 1s linear infinite; margin-bottom: 15px; }
.loading p { color: #333; font-size: 16px; margin: 0; }
@keyframes spin { 
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}



/********************태블릿********************/
@media all and (max-width:1024px){

}


/********************모바일********************/
@media all and (max-width:767px){

.funeral_people .wrap{padding: 30px;background-size: 600px;}
.funeral_people .thumbs{width: 130px;height: 180px;border-width: 3px;border-radius: 10px;}


}