/* 탄소포인트, 자동차탄소포인트, 탄소중립포인트 서브 비주얼 */
.sub-visual.pit01_1{background:url('/images/web/point/sub-visual-pit01-1.png')no-repeat 50% 50%; background-size:cover; }
.sub-visual.pit02_1{background:url('/images/web/point/sub-visual-pit02-1.png')no-repeat 50% 50%; background-size:cover; }
.sub-visual.pit03_1{background:url('/images/web/point/sub-visual-pit03-1.png')no-repeat 50% 50%; background-size:cover; }
.sub-visual.pit04_1{background:url('/images/web/point/sub-visual-pit04-1.png')no-repeat 50% 50%; background-size:cover; }
.sub-visual.pit05_1{background:url('/images/web/point/sub-visual-pit05-1.png')no-repeat 50% 50%; background-size:cover; }
.sub-visual.pit06_1{background:url('/images/web/point/sub-visual-pit06-1.png')no-repeat 50% 50%; background-size:cover; }

.sub-visual h2 {position: relative; z-index: 1;}
.sub-visual.pit01_1 .local, .sub-visual.pit02_1 .local, .sub-visual.pit03_1 .local, .sub-visual.pit04_1 .local, .sub-visual.pit05_1 .local, .sub-visual.pit06_1 .local {
	color: #fff;
}
.sub-visual.pit01_1 .local a, .sub-visual.pit02_1 .local a, .sub-visual.pit03_1 .local a, .sub-visual.pit04_1 .local a, .sub-visual.pit05_1 .local a, .sub-visual.pit06_1 .local a {
	color: #fff;
}
.sub-visual.pit02_1 .subTxt img, .sub-visual.pit03_1 .subTxt img {
	margin: -2rem auto 0;
}
.sub-visual .subTxt.noTab img {margin: 0 auto;}
#container {
	position: relative;	
}
.point_gnb {
	position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    margin: -1.5rem auto;
    width: 65rem;
    z-index: 99;
    box-shadow: 0px 3px 5px 0 rgb(0 0 0 / 20%); 
    }
.point_gnb ul li {
	float: left;
	width: 25%;
	padding: 20px 0;
	text-align: center;
    font-family: 'Jalnan';
    font-size: 1.2rem;
    background-color: #fff;	
    border: 1px solid #fff
} 
.point_gnb ul li:not(:first-child){
	border-left: 1px solid #eee;
}
.point_gnb.faq_gnb ul li {
	width: 33.3333%;
}
.point_gnb ul li a {
	display: block;
    color: #133f76;
}
.point_gnb ul li.active {
	background-color: #133f76;
	border: 1px solid #133f76;
}
.point_gnb ul li.active a {
	color: #fff;
}

/* faq */
.faq-wrap {
	border: solid #e8eff8;
	border-width: 2px 0;
	width:100%; 
	max-width: 56rem; 
	margin: 0 auto;
}
.faq-wrap .faq-box {width: 100%;}
.faq-box li {
	padding: 15px 0;
	cursor: pointer;
}
.faq-tit {position: relative;}
.faq-tit .tit::before {
	content: "Q.";
	color: #3a8bfc;
	font-size: 20px;
	font-weight: bold;
	font-family: 'GmarketSans';
	margin-right: 10px;
}
.faq-tit .arrow-more {position: absolute; top: 0; right: 0.8rem;}
.faq-tit .arrow-more img {width: 1.2rem; height: 1.2rem; transition: all ease 1s;}
.faq-wrap .faq-box li.faq-list {border-bottom: 1px solid #e8eff8; transition: all 1s;}
.faq-wrap .faq-box li.faq-list .faq-ans {display: none; margin-top: 0.7rem; color: #555666;background-color: #f9fcff;padding: 20px;word-break: keep-all;}
.faq-wrap .faq-box li.faq-list.show .faq-tit .arrow-more img {transform: rotate(180deg);}


/******************** 반응형 ********************/
@media (max-width: 1300px){
	.point_gnb{width:100%;}
	
}
@media (min-width: 768px) and (max-width: 1024px){
	.content {padding: 4rem 1rem !important;}
	.point_gnb ul li {font-size:1rem; padding: 15px 0;}
}

@media (max-width:485px){
	.content {padding: 3rem 1rem !important;}
	.point_gnb {width: 90%;}
	.point_gnb ul li {font-size:0.8rem; padding: 15px 0;}
}

/******************** 반응형 ********************/



/* 티와이엘 작업분 */
/* 폰트 */
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
/*지마켓 산스*/
@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 200;
    src: local('GmarketSans'),
        url('/images/fonts/GmarketSansLight.woff2') format('woff2'), 
        url('/images/fonts/GmarketSansLight.woff') format('woff'),
        url('/images/fonts/GmarketSansLight.ttf') format('truetype'),
        url('/images/fonts/GmarketSansLight.otf') format('opentype'),
        url('/images/fonts/GmarketSansLight.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 400;
    src: local('GmarketSans'),
        url('/images/fonts/GmarketSansMedium.woff2') format('woff2'), 
        url('/images/fonts/GmarketSansMedium.woff') format('woff'),
        url('/images/fonts/GmarketSansMedium.ttf') format('truetype'),
        url('/images/fonts/GmarketSansMedium.otf') format('opentype'),
        url('/images/fonts/GmarketSansMedium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 700;
    src: local('GmarketSans'),
        url('/images/fonts/GmarketSansBold.woff2') format('woff2'), 
        url('/images/fonts/GmarketSansBold.woff') format('woff'),
        url('/images/fonts/GmarketSansBold.ttf') format('truetype'),
        url('/images/fonts/GmarketSansBold.otf') format('opentype'),
        url('/images/fonts/GmarketSansBold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.jalnan{ font-family: 'yg-jalnan'; font-size:2rem; color:#194277; text-align:center; margin-bottom:5rem;}


.mainPop > div{border-radius:0;}

/* 탄소포인트 소개 */
.t1-1{display:flex; justify-content: space-between; margin:1.5rem 5px; font-size:0.8rem;}
.t1-1 .t1-1-img img{width:7.5rem; margin-right:2rem;}
.t1-1 .t1-1-con{flex-basis:calc(50% - 2rem);  align-items: center; display:flex; justify-content: space-between;}
.t1-1 .t1-1-txt{text-align:center; flex:1;}
.t1-1 .t1-1-txt span{display:block; background: #E9F4F6; border: 1px solid #C0C5CF; box-sizing: border-box; border-radius: 10px; padding:6px 1.15rem;}
.t1-1 .t1-1-txt em{display: flex; align-items: center; justify-content: center;margin:5px 0; }
.t1-1 .t1-1-txt em img{margin-right:5px;}
.t1-1 .t1-1-txt span:nth-of-type(2){background: #FDF0BE; border: 1px solid #EDCA97; color:#F56D35;}
.t1-1 .tcon-border-box{flex-basis:50%; background: #F9FCFF; border: 1px solid #C5E1FF; box-sizing: border-box; border-radius: 10px; text-align: center; padding:10px 16px; color:#333;}
.t1-1 .tcon-border-box span{width:100%; height:100%; display: flex; align-items: center; justify-content: center;}
.re_mark{ color:#666;}

@media (max-width:1200px){
	.t1-1 .t1-1-img img{width:auto;}
	.t1-1 .t1-1-txt span{padding:6px 5px;}
}
@media (max-width:1100px){
	.t1-1 .tcon-border-box br{display:none;}
	.t1-1{display:block;}
	.t1-1 .tcon-border-box{margin-top:16px;}
	.t1-1 .t1-1-img img{width:6rem;}
}

.tDot{position:relative;}
.tDot li{position: relative; padding-left:12px; }
.tDot li b{color:#333;}
.tDot li:before{ content : ""; display : block; position : absolute; left :0; top:0.9em; width : 5px; height : 5px; background : #333; border-radius:50%; }
.tDot li:first-child{margin-top:0;}



/* 테이블 */
.tb_normal_top{display:flex; align-items: center; justify-content: space-between;}
.tb_normal_top .h5Dot{margin-bottom:0;}
.tb_normal_top span{display:inline-block; margin-right:10px; font-weight:500; color:#333;}
.tb_normal_top select{width: 90px; border-radius:0; height:1.6rem; line-height:1.6rem; min-width:auto; background: url("/images/point/arr_down.svg") no-repeat right+10px center;}
@media (max-width:767px){
	.tb_normal_top{display:block; overflow:hidden;}
	.tb_normal_top div{float:right;}
}


.tb_normal{width:100%; table-layout: fixed; margin:0.75rem 0; line-height:1.5;}
.tb_normal thead th{background: #F9FCFF;font-weight:500; padding:0.4rem 0;border: 1px solid #8ABBDA;}
.tb_normal tbody th{background: #F9FCFF;font-weight:500; padding:0.4rem 0;border: 1px solid #8ABBDA; }
.tb_normal tbody td{ padding:0.75rem 0; text-align:center; font-weight:400;border: 1px solid #8ABBDA;}
.tb_normal tbody td.al{padding:0.4rem 0.75rem;}
.tb_normal tbody td .font-red{font-weight:500;}
.tb_normal thead th i{display:block; font-size:0.7rem;}
.tb_normal ol{margin-left:20px;}
.tb_normal ol li{list-style:decimal;}


.tb_left2{margin:16px 0; border: 1px solid #89B8E4;}
.tb_left2 th{background:#EBF5FF;}
.mt8{margin-top:0.4rem !important;}
.mt20{margin-top:1rem !important;}
.mt40{margin-top:2rem !important;}

.colorRed,
.font-red{color:#F75848;}

.t1_1-icon{text-align:center;}
.t1_1-icon ul{display:flex; margin-top:0.75rem;}
.t1_1-icon ul li{ flex:1; font-size:0.8rem; line-height:1.3; font-weight:500; margin-top:0.75rem;}
.t1_1-icon ul li div{background: #FFFFFF; border: 1px solid #D3E6FF; box-sizing: border-box; border-radius: 10px; width:5rem; height:5rem; display: flex; align-items: center; justify-content: center; margin:0 auto;  margin-bottom:5px;}
.t1_1-icon ul li div img{width:3.25rem;}

@media (max-width:1100px){
	.t1_1-icon ul li div{width:3.5rem; height:3.5rem;}
	.t1_1-icon ul li div img{width:2.5rem;}
}

@media (max-width:767px){
	.t1_1-icon ul{display:flex; flex-wrap:wrap;}
	.t1_1-icon ul li{flex-basis:25%;}
	.t1_1-icon ul li div{width:3.5rem; height:3.5rem;}
	.t1_1-icon ul li div img{width:2.5rem;}
}


.clickBtn{position:relative; margin-top:2.5rem; padding-left: 15rem;}
.clickBtn a{width:20.5rem; margin:0 auto; height:3rem; display: flex; align-items: center; justify-content: center; background: #10C272;border-radius: 6px; color:#fff; font-weight:500;letter-spacing: -0.5px; font-size:0.9rem;} 
.clickBtn a img{width:1.1rem; margin-right:8px;}
.clickBtn.yellow a{background: #FFBB00;}
.clickBtn.blue a{background: #3A8BFC;}

.blankBtn{margin:1rem 0;  width:100%; position:relative;}
.blankBtn a{width:20.5rem; height:2.4rem; display: flex; align-items: center; justify-content: center;  background: #0358CE;border-radius: 6px; color:#fff; text-align:center; font-size:0.9rem; font-weight:500;letter-spacing: -0.5px; line-height:1;} 

@media (max-width:1030px){
	.clickBtn{padding-left:0;}
}

@media (max-width:767px){
	.clickBtn{margin-top:1rem;}		
	.clickBtn a,
	.blankBtn a{width:100%;}
}




/* 탄소포인트 참여방법 */
.t1_1-step{margin:1.5rem 0;}
.t1_1-step ul{display:flex; margin-top:-0.5rem;}
.t1_1-step ul li{margin-top:0.5rem; text-align:center; font-weight: 500; line-height: 1.3; position:relative;}
.t1_1-step ul li:not(:last-child){margin-right:3.5rem;}
.t1_1-step ul li em{display:block; font-size:0.8rem; font-weight: 400; margin-top:5px;}
.t1_1-step ul li:not(:first-child):before{ content : ""; display : block; position : absolute; left :-2.25rem; top:25%;  width : 1rem; height : 1rem; background: url("/images/point/next.svg") no-repeat 0 0; background-size:100% auto;}
.t1_1-step ul li img{width:5rem; margin-bottom:8px;}


@media (max-width:767px){
	.t1_1-step ul li{flex-basis:25%; margin-top:0.5rem; text-align:center; font-weight: 500; font-size: 0.7rem; line-height: 1.3; position:relative;}
	.t1_1-step ul li:not(:last-child){margin-right:0;}
	.t1_1-step ul li em{display:block; font-size:0.6rem; font-weight: 400; margin-top:2px;}
	.t1_1-step ul li:not(:first-child):before{ content : ""; display : block; position : absolute; left :-8px; top:25%;  width : 0.8rem; height : 0.8rem; background: url("/images/point/next.svg") no-repeat 0 0; background-size:100% auto;}
	.t1_1-step ul li img{width:3.6rem; margin-bottom:8px;}
}


.t2_2-step ul li{flex:1;}
.t2_2-step ul li:not(:last-child){margin-right:0;}
.t2_2-step ul li:not(:first-child):before{left:-0.5rem;}

.t3_1-step ul li{flex:1;}
.t3_1-step ul li:not(:last-child){margin-right:0;}
.t3_1-step ul li:not(:first-child):before{display:none;}
.t3_1-step ul li i{display:block; font-size:0.7rem;}



@media (max-width:767px){
	.t3_1-step ul{display:flex; flex-wrap: wrap; }
	.t3_1-step ul li{flex-basis:33.33%; font-size:12px; line-height:18px; text-align:center;margin-top:16px;}

	.t3_2-step ul{display:flex; flex-wrap: wrap; justify-content: center;}
	.t3_2-step ul li{flex-basis:30%;}
}

@media (max-width:640px){
	.t2_2-step ul{flex-wrap: wrap; padding:0 1rem;}
	.t2_2-step ul li{flex-basis:30%; margin-top:10px;}

	

}

/* faq */
.tan_faq{border-bottom: 1px solid #E8EFF8;}
.tan_faq:first-child{border-top: 2px solid #E8EFF8;}
.tan_faq .tan_fq{padding:0.75rem 0; background:#fff; padding-left:33px; padding-right:20px; font-weight: 500; font-size: 0.9rem; position:relative; -webkit-transition: all 0.5s ease; letter-spacing: -0.03em;}
.tan_faq .tan_fq:before{content: "Q."; display : block; position : absolute; left:0;  top:0; font-family: 'GmarketSans'; color: #3A8BFC; font-size:1rem; font-weight:600;padding:0.75rem 0;}
.tan_faq .tan_fq:after{ content: ""; display : block; position : absolute; right:0;  top:50%; margin-top:-8px;  width : 16px; height : 16px; background: url("/images/point/arr_down.svg") no-repeat center center; background:100% auto;}
.tan_faq .tan_fa{padding:0.75rem 0.8rem; padding-left:2.7rem; letter-spacing: -0.03em; position:relative; display:none;  font-size: 0.8rem; line-height: 1.3; background: #F9FCFF; padding:0.75rem; color:#555666;}
.tan_faq .tan_fq.on{position:relative; }
.tan_faq .tan_fq.on:after{  transform: rotate(-180deg);}
.tan_faq .bar{margin-top:0; margin-bottom:20px;}
.tan_faq .bold{font-weight:500; margin-bottom:5px; color:#000;}
.tan_faq .bold:first-child{margin-top:20px;}
.tan_faq .indent{display:block; margin-left:100px;}

.fileDown{margin-top:5px;}
.fileDown a{color:#098DEC; text-decoration:underline !important;}
.fileDown i{vertical-align:middle;color:#098DEC;}


/* 탄소포인트 조회 */
.h5Dot{font-size:1.2rem; font-weight:400; padding-left:1.4rem; position:relative; margin-bottom:1rem;}
.h5Dot:before{ content : ""; display : block; position : absolute; left :0; top:0.35em; width : 0.7rem; height : 0.7rem; background : #3A8BFC; border-radius:50%; }

.tanTitle{margin-bottom:1.2rem; line-height:1; padding-top:24.9%; position:relative;}
.tanTitle div{position:absolute; left:0; right:0; top:0; bottom:0;  display:block; border-radius: 8px; background:#E3F5FF url("/images/point/img_sub_bn4.svg") no-repeat right bottom; background-size:auto 80%;}
.tanTitle div p{display:flex; justify-content: center; flex-direction: column; height:100%; padding:16px; font-size:1.2rem; font-weight:600; font-family: 'GmarketSans'; color: #2CAEF3;}
.tanTitle div p span{display:block; font-size:14px; margin-bottom:6px;  font-weight:400; margin-top:3px;}

.tanTitle.tt1 div{background:#E7F9F1 url("/images/point/img_sub_bn1.png") no-repeat right bottom; background-size:auto 90%;}
.tanTitle.tt1 div p{color: #095432;}
.tanTitle.tt2 div{background:#FFF8E5 url("/images/point/img_sub_bn2.svg") no-repeat right bottom; background-size:auto 80%;}
.tanTitle.tt2 div p{color: #BF7C29;}
.tanTitle.tt3 div{background:#EBF3FF url("/images/point/img_sub_bn3.svg") no-repeat right bottom; background-size:auto 80%;}
.tanTitle.tt3 div p{color: #02439C;}
.tanTitle.tt4 div{background:#E3F5FF url("/images/point/img_sub_bn4.svg") no-repeat right bottom; background-size:auto 90%;}
.tanTitle.tt4 div p{color: #2CAEF3;}
.tanTitle.tt5 div{background:#FFE2E9 url("/images/point/img_sub_bn5.svg") no-repeat right bottom; background-size:auto 100%;}
.tanTitle.tt5 div p{color: #FF7999;}





/* 탄소중립실천포인트 */
.t3_1-box-wrap{margin-top:1.5rem; margin-bottom: -1rem;}
.t3_1-box-wrap img{width:100%;}

@media (max-width:787px){
	.t3_1-box-wrap.over_t{display:none !important}
}


.tan_corp td{color:#31A643;}
a.link{display:inline-block; padding:6px 24px 8px; color:#fff; background: #31A643; line-height:1; border-radius: 20px;}

@media (max-width:767px){
	table.tan_corp{border-right:1px solid #8ABBDA; border-bottom:1px solid #8ABBDA;}
	table.tan_corp, 
	table.tan_corp thead, 
	table.tan_corp tbody, 
	table.tan_corp th, 
	table.tan_corp td, 
	table.tan_corp tr {display: block; font-size:0.95rem; }
	table.tan_corp thead tr {position: absolute;top: -9999px;left: -9999px;}
	table.tan_corp tr { margin:0; overflow:hidden;}	  
	table.tan_corp td {border: none;	position: relative;	height:48px; width:40%; float:left; box-shadow:0.5px 0 0 0 #8ABBDA, 0 0.5px 0 0 #8ABBDA, 0.5px 0 0 0 #8ABBDA inset, 0 1px 0 0 #8ABBDA inset, 0.5px 0.5px 0 0 #8ABBDA;}
	table.tan_corp td:nth-child(odd){width:60%}
	table.tan_corp td.mob_hide{display:none;}
}


.con.tanConWbg{width:95%; margin:0 auto; background:#fff; position:relative; z-index:0; border-radius:1rem;}
.con.tanConWbg .tanCon{width:1300px; margin:0 auto;}
.tan_check{ padding:2.5rem 0 5rem;}

@media (max-width:1400px){
	.con.tanConWbg .tanCon{width:100%;}
	.tan_check{padding:2.5rem 1rem 5rem; }
}
.tan_noImg{width:100%;display: flex; align-items: center; justify-content: center; min-height:25.8rem; text-align:center;color: #979797; font-size:1.3rem; font-weight:300; line-height:1.5;}
.tan_noImg img{ margin-bottom:0.9rem;}
.tan_noImg img.under19{width:9.5rem;}
.tan_noImg span{font-size:0.7rem; line-height:1.3;}
.tan_noImg b{display:block; margin-top:1rem; font-weight:500;}
.tan_noImg i{display:block; margin-top:1rem; font-size:1rem;}
.tan_noImg .clickBtn{margin-top:5rem;}
.tan_noImg .clickBtn a{display:inline-flex; padding:0 1.75rem; }
.tan_noImg .tanTel{margin-top:4rem; margin-bottom:0;}

@media (max-width:767px){
	.tan_noImg{font-size:1.1rem;}
	.tan_noImg img{width:3.3rem; margin-bottom:0.9rem;}
	.tan_noImg .clickBtn{margin-top:24px;}
}
@media (max-width:479px){
	.tan_noImg img.under19{width:8.5rem;}
}
/* 문의사항 */
.tanTel{width:1000px; margin:0 auto; display:flex; text-align:center; font-size:0.9rem; color: #555555; padding:1.5rem 0 1.5rem 1.1rem; border: 1px solid #FFE396; border-radius: 10px; margin-bottom:1rem;}
.tanTel > div{flex-basis: 50%; position:relative;}
.tanTel.t01 .tanPhone:before{content : ""; display : block; position : absolute; right : 0; top:10%;  width :1px; height : 80%; background : #8FD7B7;}
.tanTel img{margin-bottom:1.5rem;}
.tanTel div p{font-size:1.5rem; font-weight:600; font-family: 'GmarketSans'; color: #333; margin-top:0.7rem;}
.tanTel div p.tanPhone{margin-top:0.5rem;}
.tanTel.t01{border: 1px solid #8FD7B7;}
.tanTel.t02{border: 1px solid #FFE396;}
.tanTel.t03{border: 1px solid #8ABBDA;}
.tanTel.t02 .tanPhone:before{content : ""; display : block; position : absolute; right : 0; top:10%;  width :1px; height : 80%; background : #FFE396;}
.tanTel.t03 .tanPhone:before{content : ""; display : block; position : absolute; right : 0; top:10%;  width :1px; height : 80%; background : #8ABBDA;}
@media (max-width:1000px){
	.tanTel{width:100%;}
}
@media (max-width:767px){
	.tanTel{padding:1rem;}
	.tanTel img{width:4rem;}
	.tanTel div p{font-size:1rem;}
}

@media (max-width:360px){
	.tanTel div p{font-size:0.8rem;}
}

/* 제안하기 */
.tanForm p{margin-top:1.2rem; margin-bottom:8px;}
.tanForm input,
.tanForm select,
.tanForm textarea{background: #FFFFFF; border: 1px solid #CDD5E1; box-sizing: border-box; border-radius: 6px; font-size:15px;}
.tanForm input,
.tanForm select{height:2rem; line-height:2rem;}
.tanForm select{background: #fff url(/images/point/arr_down.svg) no-repeat right+15px center;}

.tan_submit{margin-top:1.2rem;}
.tan_submit input{background: #0358CE;border-radius: 6px; color:#fff; text-align:center; font-size:0.9rem; height:2.4rem; line-height:2rem;}


/* 로딩 */
.loading{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);  z-index:10000;}
.loading > div{position:absolute; top:50%; left:50%;  transform:translate(-50%, -50%);  text-align:center;}
.loading p{display:block; color:#fff; }