@charset "utf-8";
/*-------------------------------------------------
Author : SB,Kim
Create date : 2023. 04. 20.
-------------------------------------------------*/

/* =====================================================================  MOBILE */
.sub-service .sub-visual-inner {background-image: url(/img/m_prod1_bg.jpg);}
.sub-service .sub-visual-inner h3 {color:#2b374c;}
.sub-contact .sub-visual-inner {background-image: url(/img/m_prod2_bg.jpg);}
.sub-contact .sub-visual-inner h3 {color: #4a3d28;}
/* ========== TABLE */
#product{background:none;}
/* .product_wrap{padding: 45px 0 0 0;} */
.table_wrap{padding: 23px 0; position:relative;}
.table_wrap h4{
    font-size: 2.5rem;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccbda0;
}
.table_wrap th,
.table_wrap td{border-bottom: 1px solid #e7e7e7; font-size: 1.6rem;}
.table_wrap th{
    padding: 25px 5%; 
    width: 35%;
	background: #f8f8f8;
}
.table_wrap td{
    padding: 15px 10px;  
    line-height: 25px;
    white-space: pre-line;
}
.table_wrap td span{
	display: inline-block;
    margin-top: 4px;
    padding: 2px 6px;
    color: #fff;
    background: #ccbda0;
}
.table_wrap p.option{
	position:absolute;
	content:'';
	left: -2%; top: 51%;
    transform: translate(50%, 34%);
	display: inline-block;
    margin-top: 4px;
    padding: 2px 6px;
    color: #fff;
	background: #335a3f;
	font-size:1.6rem;
}
 /* ============================== COMMON THINGS */
.com_inner{text-align: center;}
.com_inner h4{
    position: relative;
    font-size: 2.5rem; color: #0068b7;
    font-weight: 700;
    z-index: 5;
}
.com_inner h4::after{
    position: absolute;
    content: '';
    top: 10%; left: 36%; transform: translate(-50%,50%);
    transform: rotate(350deg);  
    width: 94px; height: 21px;
    background-color: #0068b7; opacity: .2;
}
.com_inner .conts_wrap{
    position: relative;
    padding: 20px 0 0;
    font-size: 1.6rem;
    line-height: 1.2;
}
.com_inner .conts_wrap p.tit::before{
    position: absolute;
    content: '';
    width: 4px; height: 4px; 
    top: 40%; left: -3% ; transform: translateY(-50%);
    background-color: #0068b7;
}
.com_inner .conts_wrap p.conts{
    position: relative;
    text-align: left;
    padding: 0 0 0 15px;
}
.com_inner .conts_wrap p.conts:nth-child(n+2) {margin-top: 8px;}
.com_inner .conts_wrap p.conts::before{
    position: absolute;
    content: '';
    width: 5px; height: 5px;
    top: 11px; left: 0 ; transform: translateY(-50%);
    background-color: #0068b7;
}
/* =====================================================================  PC */
@media screen and (min-width:1084px){
    .sub-service .sub-visual-inner {background-image: url(/img/prod1_bg.jpg);}
	.sub-contact .sub-visual-inner {background-image: url(/img/prod2_bg.jpg);}
	/* ========== TABLE */
	#product{background:none;}
	/* .product_wrap{padding: 45px 0 0 0;} */
	.table_wrap{padding: 23px 0; position:relative;}
	.table_wrap h4{
		font-size: 2.5rem;
		padding-bottom: 12px;
		border-bottom: 1px solid #ccbda0;
	}
	/* .table_wrap tr:first-child th{border-top:2px solid #335a3f;}
	.table_wrap tr:first-child td{border-top:2px solid #ccbda0;} */
	.table_wrap th,
	.table_wrap td{border-bottom: 1px solid #e7e7e7; font-size: 1.6rem;}
	.table_wrap th{
		padding: 20px 0; 
		width: 276px;
		background: #f8f8f8;
		font-size:1.7rem;
	}
	.table_wrap td{
		width:846px;
		padding: 20px 24px;  
		line-height: 25px;
		white-space: inherit;
		font-size:1.8rem;
	}
	.table_wrap td.pre{white-space:pre-line;}
	.table_wrap td span{
		font-size: 1.9rem;
		font-weight: 300;
	}
	.table_wrap p.option{
		left: 6%; top: 49%;
		transform: translate(50%, 34%);
		display: inline-block;
		margin-top: 4px;
		padding: 2px 6px;
		color: #fff;
		font-size:1.8rem;
	}
}