@charset "utf-8";
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*-------------------------------------------------
Author : WB,Seo
Create date : 2022. 09. 26.
Last update : 2022. 00. 00. 10:47
-------------------------------------------------*/

/* ==================================
    MOBILE
=================================== */
/* ============= VISUAL === */
.sub-page .visual-wrap .visual-img {background-image: url(/image/product/visual_funeral_vvip_m.jpg);}
.sub-page .visual-wrap.prod2 .visual-img {background-image: url(/image/product/visual_funeral_standard_m.jpg);}
.sub-page .visual-wrap.prod3 .visual-img {background-image: url(/image/product/visual_funeral_normal_m.jpg);}
.sub-page .visual-wrap.prod4 .visual-img {background-image: url(/image/product/visual_funeral_lower_m.jpg);}
.sub-page .visual-wrap.prod-wedding .visual-img {background-image: url(/image/product/visual_wedding_m.jpg);}
.sub-page .visual-wrap.prod-baby .visual-img {background-image: url(/image/product/visual_baby_m.jpg);}
.sub-page .visual-wrap.prod-elder .visual-img {background-image: url(/image/product/visual_elder_m.jpg);}
.sub-page .visual-wrap.prod-travel .visual-img {background-image: url(/image/product/visual_travel_m.jpg);}

/* ======= PRODCUT 상품소개 */
.product-wrap > p.title {
    margin-bottom: 30px;
    font-size: 1.7rem;
    font-weight: 700;
}
.product-wrap .sub-common-tit h3 span {
    display: block;
    margin-top: 7px;
    font-size: 2.4rem;
    font-weight: 400;
}
.product-wrap h4 {
    margin-bottom: 9px;
    font-size: 2rem;
    font-weight: 400;
}
.product-wrap table {table-layout: fixed;}
.product-wrap table tr:first-child th {border-top: 2px solid var(--point);}
.product-wrap table tr:first-child td {border-top: 2px solid var(--point2);}
.product-wrap table th {
    width: 33%;
    padding: 10px 0;
    font-size: 1.5rem;
    background: #f8f8f8;
    border-bottom: 1px solid #d6d6d6;
}
.product-wrap table td {
    width: 67%;
    padding: 10px 5%;
    font-size: 1.5rem;
    line-height: 1.4;
    border-bottom: 1px solid #d6d6d6;
}
.product-wrap table td span.more {
    display: inline-block;
    margin-top: 4px;
    padding: 2px 6px;
    color: #fff;
    background: var(--point2);
}
.product-wrap .product-wrap .table-wrap:nth-child(n+2) {margin-top: 36px;}
.product-wrap .product-wrap .service-detail {margin-top: 46px;}
.product-wrap .product-wrap .service-detail p:before {
    position: absolute;
    content: '';
    left: 0; top: 9px;
    width: 3px; height: 3px;
    background: var(--point);
    border-radius: 100%;
}
.product-wrap .product-wrap .service-detail p {
    position: relative;
    padding-left: 9px;
    font-size: 1.5rem;
    line-height: 1.3;
}
.product-wrap .product-wrap .service-detail p:nth-child(n+2) {margin-top: 8px;}
.product-wrap :is(#prod2, #prod3) {display: none;}
.product-wrap .prod-tabs {	margin-bottom: 22px;}
.product-wrap .prod-tabs li {display: inline-block;}
.product-wrap .prod-tabs li a {
	display: block;
	padding: 8px 13px;
	font-size: 1.5rem;
	border-radius: 20px;
	border: 1px solid #dedede;
}
.product-wrap .prod-tabs li a.active {
	color: #fff;
	background: var(--point2);
	border: none;
}
/* === 허니문 테이블 */
.product-wrap .table-travel th {width: 23%;}
.product-wrap .table-travel :is(td.pr, .detail-cont p.cont) {
	white-space: pre-line;
	line-height: 1.5;
}
.product-wrap .table-travel .detail-cont:nth-child(n+2) {margin-top: 36px;}
.product-wrap .table-travel .detail-cont p.title {
	margin-bottom: 8px;
	font-size: 2rem;  color: var(--point);
	font-weight: 700;
}
.product-wrap .table-travel .detail-cont p.cont:nth-of-type(n+3) {margin-top: 18px;}
.product-wrap .table-travel .detail-cont .sub-tit {font-weight: 700;}
.product-wrap .table-travel .detail-cont :is(.hotel, .meal) {
	padding: 0 3px;
	font-size: 1.5rem;
	background: #f5eee4;
}


/* ==================================
    PC
=================================== */
@media screen and (min-width:1084px){
    /* ============= VISUAL === */
.sub-page .visual-wrap .visual-img {background-image: url(/image/product/visual_funeral_vvip.jpg);}
.sub-page .visual-wrap.prod2 .visual-img {background-image: url(/image/product/visual_funeral_standard.jpg);}
.sub-page .visual-wrap.prod3 .visual-img {background-image: url(/image/product/visual_funeral_normal.jpg);}
.sub-page .visual-wrap.prod4 .visual-img {background-image: url(/image/product/visual_funeral_lower.jpg);}
.sub-page .visual-wrap.prod-wedding .visual-img {background-image: url(/image/product/visual_wedding.jpg);}
.sub-page .visual-wrap.prod-baby .visual-img {background-image: url(/image/product/visual_baby.jpg);}
.sub-page .visual-wrap.prod-elder .visual-img {background-image: url(/image/product/visual_elder.jpg);}
.sub-page .visual-wrap.prod-travel .visual-img {background-image: url(/image/product/visual_travel.jpg);}

    /* ======= PRODCUT 상품소개 */
    .product-wrap > p.title {
        margin-bottom: 53px;
        font-size: 3rem;
    }
    .product-wrap .sub-common-tit h3 span {margin-top: 11px;}
    .product-wrap h4 {
        margin-bottom: 19px;
        font-size: 2.4rem;
    }
    .product-wrap table {table-layout: auto;}
    .product-wrap table th {
        width: 276px;
        padding: 18px 0;
        font-weight: 500;
        font-size: 1.7rem;
    }
    .product-wrap table td {
        width: calc(100% - 276px);
        padding: 18px 24px;
        font-size: 1.7rem; color: #6a6a6a;
        line-height: 1;
    }
    .product-wrap table td span.more {
        margin: 0 0 0 12px;
        padding: 5px 9px 6px;
        font-size: 1.6rem;
        font-weight: 300;
    }
    .product-wrap table td p.cont {display: inline-block;}
    .product-wrap table td .right:before {
        display: inline-block;
        margin: 0 12px;
        content: '';
        width: 1px; height: 12px;
        background: #b6b6b6;
    }
    .product-wrap .product-wrap .table-wrap:nth-child(n+2) {margin-top: 72px;}
    .product-wrap .product-wrap .service-detail {margin-top: 68px;}
    .product-wrap .product-wrap .service-detail p:before {
        top: 8px;
        width: 6px; height: 6px;
    }
    .product-wrap .product-wrap .service-detail p {
        padding-left: 15px;
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1;
    }
    .product-wrap .product-wrap .service-detail p:nth-child(n+2) {margin-top: 22px;}
	.product-wrap .prod-tabs li:nth-child(n+2) {margin-left: 5px;}
	.product-wrap .prod-tabs li a {
		padding: 9px 18px 10px;
		font-size: 1.7rem;
	}
	/* === 허니문 테이블 */
	.product-wrap .table-travel th {width: 276px;}
}