@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 .mb0{margin-bottom: 0!important;}
.l-content .mb5 { margin-bottom: 5px!important;}
.l-content .mb10 { margin-bottom: 10px!important;}
.l-content .mb20 { margin-bottom: 20px!important;}
.l-content .mb30 { margin-bottom: 30px!important;}
.l-content .mb40 { margin-bottom: 40px!important;}
.l-content .mb60 { margin-bottom: 60px!important;}
.l-content .mt30 {  margin-top: 30px !important;}
.l-content .mt40 {  margin-top: 40px !important;}
.l-content .mr0 {margin-right: 0 !important;}

.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; margin-bottom: 10px;}
.l-content .mainVisual img{ display:block;}

.l-content .eco_tab {width: 100%; display: -webkit-box;}

.l-content .eco_tab li:first-child {background-color: #f5f5f5; font-size: 14px; font-family: "Pretendard Variable", Pretendard; font-weight: 600; width: 96px; height: 100%; align-content: center; text-align: center; color: #666; display: table-cell; vertical-align: middle;}

.l-content .eco_tab li {display: flex; flex-wrap: wrap;}
.l-content .eco_tab li div {display: flex; flex-wrap: wrap; margin-top: 5px;}
.l-content .eco_tab li div:first-child {margin-top: 0;}
.l-content .eco_tab li a {background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; font-size: 14px; font-family: "Pretendard Variable", Pretendard; font-weight: 500; width: 117px; padding: 4px 0; align-content: center; text-align: center; color: #004bb1; margin-left: 5px; display: block; text-decoration: none; vertical-align: middle; letter-spacing: -0.3px;}
.l-content .eco_tab li a:hover {border: 1px solid #fc0;}
.l-content .tab_on {pointer-events: none!important; border:none!important; background-color: #2a3755!important; color: #fff!important;}



/*문의처*/
.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-wingRight ul {margin: 20px 0;}
.l-content .r-wingRight ul li {margin-bottom: 10px;}

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


.l-content .eco_design_goods{ display:flex; flex-wrap: wrap; justify-content: flex-start; box-sizing:border-box; width: 960px; margin-left: -10px;}
.l-content .eco_design_goods *{ box-sizing:border-box;}
.l-content .eco_design_goods .itm{ flex-direction: column; align-items: center; border:#ddd 1px solid; width:230px; margin:0 0 10px 10px; padding:10px 20px 20px;}

.l-content .eco_design_goods .itm:hover{border:1px solid #fc0;}
.l-content .eco_design_goods .itm a {text-decoration: none; display: contents;}
.l-content .eco_design_goods .itm .thumb{ display:block; width: 190px; height:150px;}
.l-content .eco_design_goods .itm .thumb img{ display:block; width: 190px; height:150px;}
.l-content .eco_design_goods .itm .name{ color:#333; font-size:16px; font-family: "Pretendard Variable", Pretendard; text-align: left; vertical-align: top; margin: 10px 0 4px; width: 100%; line-height: 1.3; font-weight: 700; height: 40px; display: block;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.l-content .eco_design_goods .itm .desc{ display:flex; flex-wrap: wrap; color:#333; font-size:16px; width: 100%; justify-content: space-between;}
.l-content .eco_design_goods .itm .desc em{ position: relative; color:#666; font-size:12px; font-weight: 500; line-height: 1; width: 92px; padding: 7px 0; font-family: "Pretendard Variable", Pretendard; background-color: #f5f5f5; border-radius: 3px; border:1px solid #ddd; margin-top: 4px; text-align: center;}

.l-content .eco_seach {font-family: "Pretendard Variable", Pretendard; font-size: 16px; font-weight: 500; color: #666; text-align: left; vertical-align: top; margin-bottom: 20px; border-bottom: 1px solid #fc0; height: 30px;}
.l-content .eco_seach span {font-weight: 700; color: #333; font-family: "Pretendard Variable", Pretendard;}

.l-content .ed_num {display:none;}