@charset "utf-8";


/* ===================================================== */
/*  */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/*  */
/* ===================================================== */
:root {
	--font-set :400 max(1.6rem, 14px)/1.5 'Montserrat', Pretendard, Roboto, "Noto Sans KR", 'Malgun Gothic','돋움', dotum, sans-serif;}

.prod_content_style *{font: var(--font-set); letter-spacing:0; color:#333;}

.prod_content_style a{display: inline-block; color:#2c789e; text-decoration: underline;}
.prod_content_style a:hover{color:var(--color-main);}

.prod_content_style p,
.prod_content_style  div + div {margin-top:1rem;}


.prod_content_style h3 {font-size:max(2rem, 18px); margin:4rem 0 2rem; color:#000; font-weight: 500;}
.prod_content_style h4 {font-size:max(1.8rem, 16px); margin:4rem 0 2rem; color:#000; font-weight: 500;}

.prod_content_style  h4 > strong {font-size:max(1.8rem, 16px);}

.prod_content_style b,
.prod_content_style b span,
.prod_content_style strong,
.prod_content_style strong span {font-weight: 600;}

.prod_content_style ul {margin: 3rem 2rem 3rem;}
.prod_content_style h3 + ul  {margin-top:0;}

.prod_content_style ul > li {list-style-type: disc; line-height: 1.3; }

.prod_content_style ul > li::marker {color: #000;}
.prod_content_style ul > li + li {margin-top: 1rem;}

.prod_content_style table {width:100%;}

.prod_content_style tbody tr:first-child th,
.prod_content_style thead th {background-color: #ececec; border-bottom: 2px solid #a72523; position: relative; font-weight: 700; padding:1.5rem 2rem; text-align: center; color:#333; border-right:0;}
.prod_content_style tbody tr:first-child th + th::before,
.prod_content_style thead th + th::before {content:''; display: block; width:1px; height:2rem; background-color: var(--color-main); position: absolute; left:-1px; top:50%; transform: translateY(-50%);}

.prod_content_style tbody tr:first-child th:last-child[rowspan] {border:1px solid #e5e5e5; background-color: #f9f9f9; vertical-align: top; line-height:1.1;}
.prod_content_style tbody tr:first-child th:last-child[rowspan]::before {display: none;}


.prod_content_style tbody th,
.prod_content_style td {padding: 1.5rem 2rem; border-bottom: 1px solid #e5e5e5; background-color: #fff; color:#666;border-right: 1px solid #e5e5e5;}
.prod_content_style td:last-child {border-right:0;}
.prod_content_style td + td[rowspan] {border-left: 1px solid #e5e5e5;}



.prod_content_style tr:first-child td{background-color: #ececec; border-bottom: 2px solid #a72523; position: relative; font-weight: 700; padding:1.5rem 2rem; text-align: center; color:#333;}

.prod_content_style thead + tbody th,
.prod_content_style thead + tbody tr:first-child th,
.prod_content_style thead + tbody tr:first-child td {border-bottom: 1px solid #e5e5e5; background-color: #fff; text-align:left; font-weight: 400;border-right:1px solid #e5e5e5;}
.prod_content_style thead + tbody tr:first-child td:last-child {border-right:0;}


.prod_content_style tr:first-child td + td::before {content:''; display: block; width:1px; height:2rem; background-color: var(--color-main); position: absolute; left:-1px; top:50%; transform: translateY(-50%);}

.prod_content_style thead + tbody tr:first-child td + td::before {display: none;}

.prod_content_style tr:first-child td{border-right:0;}
.prod_content_style tr:first-child th:first-child,
.prod_content_style tr:first-child td:first-child {width:25%}








@media (max-width: 640px) {
	.tb__scroll {position: relative; padding-top:30px;}
	.tb__scroll::after {content: ''; display: block; width:24px; height:24px; background:url('../images/common/ico_scrollx.gif') center top no-repeat; position: absolute; top:0; right:0;}

	.tb__scroll-inner {overflow-x:auto;}
	.prod_content_style .tb__scroll table { width:max(100%, 610px);}
}