@charset "UTF-8";


@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");


.l-content p { margin-bottom: 0;}

.l-content .btn_group{ text-align:center; margin:40px 0 0 0;}
.l-content .clearFix{clear: both;}
.l-content .center{margin: 0 auto; display: inline-block;}
.l-content .hide_txt{ position: absolute; top:-9999px; left:-9999px; }
.l-content .cBlue{ color:#0f218b; font-weight: bold;}

.l-content #incNavArea{ margin:0 0 20px 0;}
.l-content #incNavArea ul.hover li a:hover, .l-content a:hover img{	opacity: 0.8 !important;	filter: alpha(opacity=80) !important;	border: none;}

.l-content .mainVisual { position: relative; width: 950px; overflow: hidden; font-size: 0; height: 133px; margin-bottom: 40px; }
.l-content .mainVisual .h1-tit { font-family: "Pretendard Variable", Pretendard; font-size: 38px; font-weight: 700; color: #fff; letter-spacing: -0.3px; position: absolute; left: 40px; bottom: 27px; line-height: 1; z-index: 1; }
.l-content .mainVisual img{ display:block; position: absolute;}
.l-content .hd-t{ position: relative; }
.l-content .hd-t div{ position: absolute; top:30px; left:190px; color:#42877e; font-size:30px; font-family: "Pretendard Variable", Pretendard; font-weight: 600; text-align: center;} 
.l-content .hd-t div span {font-size: 20px; font-family: "Pretendard Variable", Pretendard; margin-top: 155px; display: inline-block; line-height: 1;}
.l-content .hd-t div:last-child {left: 590px;}

/*문의처*/
.l-content .askdesk {	border-bottom: 1px solid #dfdfdf;	border-left: 1px solid #dfdfdf;	border-right: 1px solid #dfdfdf;}
.l-content .askdesk h2{ margin-bottom: 15px; padding: 5px 0 5px 20px; color: #333333; font-size: 125%; font-weight: bold; border-top: 1px solid #DFDFDF; background-color: #EEEEEE;}
.l-content .askdesk .text {	padding:0 10px 20px 20px;}
.l-content .askdesk .text .big {	font-size:14px;	font-weight:bold;}

.l-content .side_banner {margin-top: 30px;}

.l-content .r-banner img{ display:block;}
.l-content .r-banner {	margin-top: 20px;}
.l-content .r-banner + .r-banner{ margin-top:10px;}
.l-content .r-banner li { margin-bottom: 10px;}

.l-content .con_box {	width: 100%;	position: relative;	}


.l-content .ecodesign-inst{ font-family: "Pretendard Variable", Pretendard; margin:0; background-color:#f5f5f5; padding:2px 10px; display:flex; align-items: center;
float: right; box-sizing: border-box; width: 560px;}
.l-content .ecodesign-inst dt{ font-size:16px; color:#333; width:150px; font-weight: 600;}
.l-content .ecodesign-inst dd{ display:flex; flex-wrap: wrap;}
.l-content .ecodesign-inst dd span{  display:flex; font-family: "Pretendard Variable", Pretendard; font-weight: 500;  background-color:#fff; padding:6px 8px; line-height: 1; font-size:14px; color:#333;  margin:5px 8px 5px 0; border: 1px solid #ddd; border-radius: 3px;}

.l-content .tit-area{ font-family: "Pretendard Variable", Pretendard; color:#888; font-size:16px; }
.l-content .tit-area .h2-tit{ font-family: "Pretendard Variable", Pretendard; font-size:28px; color:#333; font-weight: 800; width: 100%; display: inline-block; line-height: 1.3;
margin-bottom: 25px;}
.l-content .tit-area .sub-tx{ font-weight: 500; font-family: "Pretendard Variable", Pretendard; color: #333; font-size: 16px; margin-bottom: 30px; line-height: 1.5 }

.l-content .eco-tbl{ font-family: "Pretendard Variable", Pretendard; margin:40px 0 0 0; color:#424242; font-size:14px; font-weight: 500; }
.l-content .eco-tbl table{ width:100%;}
.l-content .eco-tbl table thead th{ background-color:#333; color:#fff; text-align:center;  font-size:16px; padding:10px 0 8px; border-bottom:#ffcc00 3px solid; letter-spacing:-.05em;}
.l-content .eco-tbl table tbody td{ text-align:center; padding:10px 5px; letter-spacing:-.05em; border-bottom:#ddd 1px solid; }
.l-content .eco-tbl table tbody td b{ color:#333;}
.l-content .eco-tbl table tbody td:first-child{ font-size:18px; color:#333;}
.l-content .eco-tbl table tbody tr:nth-child(even){ background-color:#f5f5f5;}

.l-content .ecoDesign-list{ font-family: "Pretendard Variable", Pretendard;  margin:40px 0 0 0; color:#888; font-size:14px;  box-sizing:border-box;}
.l-content .ecoDesign-list *{ box-sizing:border-box;}
.l-content .ecoDesign-list .h2-tit{ background-color:#333; border-bottom:#ffcc00 3px solid; color:#fff; text-align:center; font-size:24px; font-family: "Pretendard Variable", Pretendard; font-weight: 800;  padding:8px 0 4px;}
.l-content .ecoDesign-list-bx{ display:flex; flex-wrap: wrap;justify-content: space-between; }
.l-content .ecoDesign-list-bx .itm{ width:470px; margin:10px 0 0 0; border:#ddd 1px solid;}
.l-content .ecoDesign-list-bx .itm a{ padding:14px; display:flex; text-decoration:none; color:#888;}
.l-content .ecoDesign-list-bx .itm .thumb{ position: relative; width:120px; height:120px;}
.l-content .ecoDesign-list-bx .itm .thumb .blt{ position: absolute; top:-10px; left:-10px;  }
.l-content .ecoDesign-list-bx .itm .thumb .goods_num {width: 27px; height: 27px; position: absolute; background-color: #b80000; color: #fff;  font-family: "Pretendard Variable", Pretendard; font-weight: 700; font-size: 20px; border-radius: 3px; line-height: 1; text-align: center; align-content: center; font-style: normal; left: -10px; top: -10px;}
.l-content .ecoDesign-list-bx .itm .desc{ flex:1; padding:0 0 0 18px; display:flex; flex-direction: column; margin: auto;}
.l-content .ecoDesign-list-bx .itm .desc strong{ color:#333; font-size:16px; line-height:1.2; margin:0 0 15px 0;}
.l-content .ecoDesign-list-bx .itm .desc em{ color:#888;}
.l-content .ecoDesign-list-bx .itm .desc em.cost{ color:#333;}
.l-content .ecoDesign-list-bx .itm .desc em.cost b{ color:#c00; font-size:20px; font-style:italic; font-family: "Pretendard Variable", Pretendard; font-weight: 800;}
.l-content .ecoDesign-list-bx .itm .desc em.sale{ color:#0f218b; line-height:1;}
.l-content .ecoDesign-list-bx .itm .desc em.sale b{ font-size:18px; font-family: "Pretendard Variable", Pretendard; font-weight: 600;}

.l-content .incad-box {padding: 30px; width: 100%; box-sizing: border-box; border: 1px solid #ddd; align-content: center;}
.l-content .incad-box img {margin: auto; display: block;}
.l-content .bottom_txt {
	font-family: "Pretendard Variable", Pretendard; font-weight: 300; font-size: 14px; color: #888; margin: 20px 0 40px;
}

.l-content .ecoLay *,
.l-content .ecodesign-inst *,
.l-content .tit-area *,
.l-content .ecodesign-gbx *,
.l-content .eco-tbl *,
.l-content .ecoDesign-list *{ font-family: "Pretendard Variable", Pretendard;}

.l-content .fnt30 {
	font-size: 30px !important;
}

.l-content .fnt28 {
	font-size: 28px !important;
}

.l-content .fnt26 {
	font-size: 26px !important;
}