@charset "utf-8";

.only_mobile_991 {display:none;}
.only_pc_991 {display:block;}
.scrollWrap {overflow:auto;}
.scrollWrap::-webkit-scrollbar {width:10px; height:10px;} 
.scrollWrap::-webkit-scrollbar-track {background:#ccc; border-radius: 10px;}
.scrollWrap::-webkit-scrollbar-thumb {background: #003964; border-radius: 10px;}
.scrollWrap::-webkit-scrollbar-thumb:hover {background:#555;}

.tabWrapOuter {overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;/* 스크롤바 숨기기 (크로스 브라우징) */scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE/Edge */}
.tabWrapOuter::-webkit-scrollbar {display: none; /* Chrome/Safari */}
.tabWrap {display:inline-flex; gap:10px; padding:10px; user-select:none; -webkit-user-select:none; -ms-user-select:none;}
.tabWrap .btn {display:inline-block; white-space:nowrap; padding:10px 16px;
background:#f0f0f0; border-radius:20px; text-decoration:none; color:#333;
font-weight:500;flex-shrink:0;}
.tabWrap .btn.on {background: #007bff;color:white;}

/*** 탄소공간지도란 ***/
.intro h2 {font-size:80px; font-weight: 700; color:#1165BA;}
.intro .introduce {display:flex;}
.intro .introduce .left {width:545px;}
.intro .introduce .left p {font-size:24px; font-weight:600; line-height:1.5; margin-top:50px;}
.intro .introduce .left span.info {display:block; font-size:18px; font-weight:400; margin-top:30px;}
.intro .introduce .right {width:calc(100% - 545px);}
.intro .introduce .right img {width:100%;}
.intro .concept h3 {font-size:48px; font-weight: 700; margin-bottom:20px;}
.intro .concept .bx {position:relative; border:1px solid var(--border2); padding:45px 40px 45px 70px; }
.intro .concept .bx:before {content:""; display:block; width:20px; height:calc(100% + 2px); position:absolute; left:-1px; top:-1px; background:#999;}
.intro .concept .bx:nth-of-type(3n-2):before {background:#0039AA;}
.intro .concept .bx:nth-of-type(3n-1):before {background:#188BC7;}
.intro .concept .bx:nth-of-type(3n):before {background:#1165BA;}
.intro .concept .bx+.bx {margin-top:20px;}
.intro .concept .bx h4 {font-size:20px; font-weight:600; line-height:1.5;}
.intro .concept .bx ul {margin-top:15px;}

/*** 국내·외 사례 ***/
.cases .titWrap h2 {position:relative; font-size:80px; font-weight: 700; color:#1165BA;}
.cases .titWrap h2:after {content:""; display:block; width:50px; height:3px; background:#d9d9d9; position:absolute; top:calc(50% - 3px); left:219px;}
.cases .titWrap p {color:#666; font-size:24px;}
.cases .caseWrap+.caseWrap {margin-top:100px; padding-top:100px; border-top:1px solid #d0ccc9;}
.cases .inter {display:flex; gap:100px;}
.cases .inter .left {width:calc(50% - 100px);}
.cases .inter .right {width:50%;}
.cases .bg_bx img {width:100%; border-radius:20px;}
.cases .f_blackWrap {color:#000; font-size:18px;}
.cases .f_grayWrap {color:#666; font-size:14px; margin-top:15px; word-break:keep-all;}
.cases .caseWrap.num1 .f_blackWrap {margin-top:30px;}
.cases .caseWrap.num1 .empha_bx {background:#003964; color:#fff; padding:50px; border-radius:20px; margin-top:20px; word-break:keep-all;}
.cases .f_grayWrap.double {display:grid; grid-template-columns:repeat(2,1fr); margin-top:25px; gap:30px;}
.cases .caseWrap.num2 .f_grayWrap {margin-top:20px;}
.cases .num_bx {margin-top:35px;}
.cases .num_bx .step {position:relative; padding-left:80px}
.cases .num_bx .step+.step {margin-top:23px;}
.cases .num_bx .step .tit {font-size:18px; font-weight:700; transform:var(--textRotate);}
.cases .num_bx .step > span.number {display:block; width:50px; height:50px; border-radius:50%; background:#666; text-align:center; color:#fff; font-size:14px; line-height:50px; position:absolute; top:-8px; left:0; font-weight:700;}
.cases .num_bx .step:nth-child(1) > span.number {background:#0039AA;}
.cases .num_bx .step:nth-child(2) > span.number {background:#004FAA;}
.cases .num_bx .step:nth-child(3) > span.number {background:#0063AA;}
.cases .num_bx .step:nth-child(4) > span.number {background:#007DAA;}
.cases .num_bx .step .f_grayWrap {font-size:14px; color:#666; margin-top:0px; padding-left: 5px;}
.cases .num_bx .step .f_grayWrap span {display:inline-block; position:relative; padding-left:10px;}
.cases .num_bx .step .f_grayWrap span+span {margin-left:10px;}
.cases .num_bx .step .f_grayWrap span:before {content:""; display:block; width:4px; height:4px; border-radius:50%; background:#999; position:absolute; top:10px; left:0;}
.cases .caseWrap.num2 .bg_bx {margin-top:20px;}
.cases .f_graylist {color:#666; font-size:14px;}
.cases .f_graylist li {position:relative; padding-left:10px;}
.cases .f_graylist li:before {content:""; display:block; width:4px; height:4px; background:#999; border-radius:50%; position:absolute; top:10px; left:0;}
.cases .caseWrap.num3 .concept {margin-top:30px;}
.cases .caseWrap.num3 .concept .f_blackWrap+.f_graylist {margin-top:10px;}
.cases .caseWrap.num3 .concept .f_graylist+.f_blackWrap {margin-top:20px;}
.cases .double_bx {display:grid; grid-template-columns:repeat(2,1fr); gap:100px; margin-top:20px;}
.cases .caseWrap.num4 .titWrap {display:flex; gap:20px; align-items:flex-end;}
.cases .caseWrap.num4 .titWrap h2:after {top:0; left:161px;}
.cases .caseWrap.num4 .titWrap p {line-height:1;}
.cases .caseWrap.num4 .concept {position:relative; margin-top:20px;}
.cases .caseWrap.num4 .concept dl {padding-right:200px;}
.cases .caseWrap.num4 .concept h3 {position:absolute; padding:15px 30px; border-radius:3rem; color:#fff; right:0; top:0; background:#666; font-size:16px; font-weight:400;}
.cases .caseWrap.num4 .left .concept h3 {background:#003964;}
.cases .caseWrap.num4 .right .concept h3 {background:#1165BA;}
.cases .caseWrap.num4 .concept dt {font-size:18px; font-weight:700; transform:var(--textRotate);}
.cases .caseWrap.num4 .left .concept dt {color:#003964;}
.cases .caseWrap.num4 .right .concept dt {color:#1165BA;}
.cases .caseWrap.num4 .concept dl dd {margin-top:10px}
.cases .caseWrap.num4 .concept .f_gray span {display:block; color:#666; font-size:14px;}

/*** 배출·흡수량 산정방법론 ***/

/* 메뉴선택 페이지 */
.calculation .sub-inner {display:grid; grid-template-columns:repeat(3,1fr); gap:40px;}
.calculation .menu_bx .bg_bx img {width:100%; border-radius:20px;}
.calculation .menu_bx .inner_txt {position:relative; margin-top:30px; padding:0 15px;}
.calculation .menu_bx .inner_txt h2 {position:relative; padding-left:60px;}
.calculation .menu_bx .inner_txt h2:before {content:""; display:block; position:absolute; width:50px; height:50px; left:0; top:5px;}
.calculation .menu_bx:nth-child(1) .inner_txt h2:before {background:url(/images/sub/calc_menu_icon1_3d.png) no-repeat center / contain;}
.calculation .menu_bx:nth-child(2) .inner_txt h2:before {background:url(/images/sub/calc_menu_icon2_3d.png) no-repeat center / contain;}
.calculation .menu_bx:nth-child(3) .inner_txt h2:before {background:url(/images/sub/calc_menu_icon3_3d.png) no-repeat center / contain;}
.calculation .menu_bx h2 {display:flex; gap:10px; font-size:36px; font-weight:800; color:#000; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.calculation .menu_bx h2.on {color:#1165BA;}
.calculation .menu_bx p {margin-top:10px; letter-spacing:-0.7px; word-break:keep-all;
}
.calculation .menu_bx p.f_gray {font-size:14px; color:#666;}
.calculation .menu_bx a.btn {display:flex; justify-content:space-between; align-items:center; color:#000; font-weight:600; background:#f7f7f7; width:150px; height:60px; border:1px solid #dedede; border-radius:3rem; padding:0 25px; transition:all 0.3s; font-size:16px; transform: var(--textRotate);}
.calculation .menu_bx a.btn span.arrow {display:inline-block; width:20px; height:12px; background:url(/images/sub/btn_arrow_R.png) no-repeat center center / contain; transform: translateY(-1px);transition:all 0.3s; }
.calculation .menu_bx a.btn:hover {color:#fff; background:#1165BA; border:1px solid #1165BA; }
.calculation .menu_bx a.btn:hover span.arrow {background:url(/images/common/btn_arrow_R_W.png) no-repeat center center / contain; transform:translate(6px,-1px);}

/* 산정방법론 - 상세페이지 */
.calcul_sub {position:relative;}
.calcul_sub .btn_prevWrap {display:inline-block; position:sticky; top:90px; left:1%; z-index:99; margin-top: 50px;}
.calcul_sub .btn_prevWrap.on {position:sticky;}
.calcul_sub .btn_prev {display:flex; justify-content:flex-end; align-items:center; color:#000; font-weight:600; background:#f7f7f7; width:120px; height:60px; border:1px solid #dedede; border-radius:3rem; padding:0 30px; transition:all 0.3s; position:sticky; top:90px; left:50px; }
.calcul_sub .btn_prev span {display:inline-block; transform:var(--textRotate);}
.calcul_sub .btn_prev span.arrow {display:inline-block; width:20px; height:13px; background:url(/images/sub/btn_arrow_L.png) no-repeat center center / contain; transform: translateY(-1px); position:absolute; left:25px; transition:all 0.3s;}
.calcul_sub .btn_prev:hover {color:#fff; background:#1165BA; border:1px solid #1165BA;}
.calcul_sub .btn_prev:hover span.arrow {background:url(/images/sub/btn_arrow_L_W.png) no-repeat center center / contain; left:15px;}

.calcul_sub .titWrap {position:relative; padding-left:130px;}
.calcul_sub .titWrap:before {content:""; display:block; width:110px; height:110px; border-radius:50%; border:1px solid #dedede; position:absolute; left:0; top:0;}
.calcul_sub.sMenu1 .titWrap:before {background:url(/images/sub/calc_menu_icon1_3d.png) no-repeat center center / 50px;}
.calcul_sub.sMenu2 .titWrap:before {background:url(/images/sub/calc_menu_icon2_3d.png) no-repeat center center / 50px;}
.calcul_sub.sMenu3 .titWrap:before {background:url(/images/sub/calc_menu_icon3_3d.png) no-repeat center center / 50px;}

.calcul_sub .titWrap h2 {font-size:36px; color:#1165BA; transform:var(--textRotate);}
.calcul_sub .titWrap dl {margin-top:10px;}
.calcul_sub .titWrap dl dt {font-size:24px; font-weight:600; transform:var(--textRotate);}
.calcul_sub .titWrap dl dd {color:#666; line-height:1.4;}
.calcul_sub .titWrap dl dd.small {margin-top:5px; font-size:14px;}
.calcul_sub h3 {font-size:24px; font-weight:600; margin-bottom:20px; transform:var(--textRotate);}
.calcul_sub .methodWrap {margin-top:80px;}
.calcul_sub .methodWrap .inner {}
.calcul_sub .methodWrap .grid3 {display:grid; grid-template-columns:repeat(3,1fr); gap:40px;}
.calcul_sub .methodWrap article {border:1px solid #dedede; background:#f9f9f9; border-radius:20px; padding:30px; max-width:800px;}
.calcul_sub .methodWrap article p {font-size:18px; font-weight:800; transform:var(--textRotate); color:#003964; margin-bottom:15px;}
.calcul_sub .methodWrap .formula {color:#fff; background:#003964; padding:15px 10px; text-align:center; border-radius:15px; font-weight:600; transform:var(--textRotate);}
.calcul_sub .methodWrap .detail {font-size:14px; color:#666; font-weight:600; transform:var(--textRotate); margin-top:20px;}
.calcul_sub .methodWrap small.under {font-size:10px; transform:translateY(0px); display:inline-block;}
.calcul_sub .methodWrap small.up {font-size:10px; transform:translateY(-6px); display:inline-block;}
.calcul_sub .graphWrap {margin-top:80px;}
.calcul_sub .graphWrap .scrollWrap {text-align:center;}
.calcul_sub .graphWrap img {border-radius:20px; width:100%; min-width:1200px; border:1px solid var(--border1);}

/*** 데이터모델 설계 ***/
.dataModel table caption {position:absolute; left:-9999px;}
.dataModel .scrollWrap {padding-bottom:10px;}
.tableWrap.type1 h3 {font-size:24px; font-weight:700; transform:var(--textRotate); margin-bottom:20px; line-height:1.5;}
.tableWrap.type1 .table {border-radius:20px; overflow:hidden; border:1px solid #d9d9d9; min-width:580px;}
.tableWrap.type1 table thead th {background:#003964; color:#fff; text-align: center; font-weight:600; padding:10px;}
.tableWrap.type1 table thead th:first-of-type {border-top-left-radius:20px;}
.tableWrap.type1 table thead th:last-of-type {border-top-right-radius:20px;}
.tableWrap.type1 table tbody th {color:#000; text-align: center; border-right:1px solid #d9d9d9; border-radius:20px;}
.tableWrap.type1 table tbody tr {border-bottom:1px solid #d9d9d9;}
.tableWrap.type1 table tbody tr.bg_gray th, .tableWrap.type1 table tbody tr.bg_gray td { background:#f9f9f9;}
.tableWrap.type1 table tbody tr:last-of-type {border-bottom:0;}
.tableWrap.type1 table tbody td {color:#666; text-align:center; border-right:1px solid #d9d9d9; padding:10px;}
.tableWrap.type1 table tbody td:last-of-type {border-right:0;}
.dataModel .concept_bx {margin-top:80px;}
.dataModel .concept_bx .titWrap {text-align:center;}
.dataModel .concept_bx .titWrap h3 {position:relative; font-size:36px; transform:var(--textRotate); color:#1165BA; padding-left:60px; display:inline-block;}
.dataModel .concept_bx .titWrap h3:before {content:""; display:block; width:45px; height:45px; background-size:contain; position:absolute; top:-5px; left:0px}
.dataModel .concept_bx:nth-child(2) .titWrap h3:before {background:url(/images/sub/calc_menu_icon1_3d.png) no-repeat center / contain; width:45px; height:45px;}
.dataModel .concept_bx:nth-child(3) .titWrap h3:before {background:url(/images/sub/calc_menu_icon2_3d.png) no-repeat center / contain;}
.dataModel .concept_bx:nth-child(4) .titWrap h3:before {background:url(/images/sub/calc_menu_icon3_3d.png) no-repeat center / contain; width:45px; height:45px;}
.dataModel .concept_bx .titWrap p {font-size:20px; font-weight:600; transform:var(--textRotate); margin-top:15px;}
.dataModel .concept_bx .bg_bx {margin-top:20px;}
.dataModel .concept_bx .bg_bx img {width:100%; border-radius:20px;}


/*** 개인정보처리방침 ***/
.privacy .titWrap h2 {font-size: 24px; font-weight:700; transform:var(--textRotate);}
.privacy .titWrap p {background:#173288; color:#fff; padding:50px; border-radius:20px;
margin-top:20px;}
.privacy .person_info h3 {position:absolute; left:-9999px;}
.privacy .person_info {display:grid; grid-template-columns:repeat(2,1fr); gap:30px;  margin-top:80px;}
.privacy .person_info .bx {display:flex; align-items:center; gap:40px;}
.privacy .person_info .bx .left {border:1px solid var(--border3); padding:20px; width:180px; text-align:center; font-weight:600; transform:var(--textRotate); border-radius:20px;}
.privacy .person_info .bx .left span {display:block;}
.privacy .person_info .bx .left img {width:100%; aspect-ratio:1/1; object-fit:contain;}
.privacy .person_info .bx ul {width:calc(100% - 220px);}
.privacy .person_info .bx ul li {font-weight:600; transform:var(--textRotate);}
.privacy .indexWrap {margin-top:80px;}
.privacy .indexWrap h3 {text-align:center; font-size:24px; font-weight:600; transform:var(--textRotate);}
.privacy .indexWrap ul {display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:20px; padding:50px; border:1px solid var(--border3); border-radius:20px; }
.privacy .indexWrap ul li {font-weight:600; transform:var(--textRotate);}
.privacy .indexWrap ul li a {display:block; color:#000; padding:10px; border:1px solid var(--border3); gap:20px; border-radius:10px;}
.privacy .indexWrap ul li a:hover {color:#3B7E44!important;}
.privacy .indexWrap ul li img {aspect-ratio:1/1; width:100%; max-width:30px; object-fit:contain; margin-right:10px;}

.privacy .clauses {margin-top:80px;}
.privacy .clauses .section {display:flex; align-items:center;  gap:30px; padding-bottom:10px; border-bottom:2px solid var(--border3);}
.privacy .clauses .section img {max-width:40px;}
.privacy .clauses .section h4 {font-size:20px; transform:var(--textRotate);}
.privacy .clauses > p {margin-top:20px;}
.privacy .clauses .tableWrap {margin-top:20px;}
.privacy .clauses .bx {border:1px solid #dbdbdb; padding:20px; margin-top:10px;}
.tableWrap.type2 caption {position:absolute; left:-9999px;}
.tableWrap.type2 th {background:#f5f5f5; font-weight:600;  padding:10px 15px;}
.tableWrap.type2 th span {display:inline-block; transform:var(--textRotate);}
.tableWrap.type2 td {padding:10px 15px;}
.tableWrap.type2 thead th:last-of-type {border-right:0;}
.tableWrap.type2 .except th:last-of-type {border-right:1px solid #dbdbdb;}
.tableWrap.type2 .except thead th {border-bottom:1px solid #dbdbdb;}
.tableWrap.type2 .except thead th:last-of-type {border-right:0;}
.tableWrap.type2 tbody tr {border-bottom:1px solid #dbdbdb;}
.tableWrap.type2 tr td, .tableWrap.type2 tr th {border-right:1px solid #dbdbdb;}
.tableWrap.type2 tbody tr td:last-of-type, .tableWrap.type2 tbody tr th:last-of-type {border-right:0;}

/*** 탄소공간지도 활용 사례 ***/
.mapcase .tabWrap {display:flex; gap:10px; justify-content:center; margin: 4px 0 70px 0;}
.mapcase .tabWrap a.btn {display:inline-block; background:#f7f7f7; padding:15px 30px; color:#000; border:1px solid var(--border1); border-radius:4rem; font-size:18px; font-weight:600; transform:var(--textRotate); transition:all 0.3s;}
.mapcase .tabWrap a.btn:hover, .mapcase .tabWrap a.btn.on {border:1px solid transparent; color:#fff; background:#3B7E44;}
.mapcase .flex_bx {display:flex; border:1px solid var(--border1); border-radius:20px; box-shadow:rgba(0, 0, 0, 0.2) 5px 5px 15px; align-items:center; overflow:hidden;}
.mapcase h3 {position:relative; font-size:30px; font-weight:600; color:#000; transform:var(--textRotate);}
.mapcase h3 span {display:block;}
.mapcase h3 img {display:block; width:50px;}
.mapcase .flex_bx .left {width:42%; padding:30px;}
.mapcase .flex_bx .right {width:58%;}

.mapcase .left .txt_bx {margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.mapcase .left dl {display:flex; flex-direction:column; align-items:center; font-size:18px; border:1px solid var(--border1); border-radius:20px; padding:20px 5px;}
.mapcase .left dl dt {text-align:center;}
.mapcase .left dl dt img {width:50px;}
.mapcase .left dl dt span {display:block; color:#173288; font-weight:600; transform:var(--textRotate); margin-top:5px;}
.mapcase .left dl dd {font-weight:600; transform:var(--textRotate); padding-top:7px; font-size:16px; text-align:center; line-height:1.5; display:flex; justify-content: center; align-items: center; height:100%;}
.mapcase .img_bx {position:relative;}
.mapcase .img_bx .img_tit {text-align:center; font-weight:600; transform:var(--textRotate); font-size:18px; background:#173288; color:#fff; position:absolute; left:0; top:0; border-radius:20px 0; padding:5px 20px;}
.mapcase .right .img_bx {}
.mapcase .right .img_bx img { width:100%; height:100%; object-fit:cover;}
.mapcase .caseWrap+.caseWrap {}
.mapcase .caseWrap.num2 {background:url(/images/sub/mapcase_part2_bg.webp) no-repeat center / cover; padding:80px 0; margin:80px 0;}
.mapcase .caseWrap.num2 .cont-inner {display:flex; gap:60px;}
.mapcase .caseWrap.num2 .left h3 {color:#fff; line-height:1.4;}
.mapcase .caseWrap.num2 .left ul {color:#fff;}

.mapcase .caseWrap.num2 .right {display:flex; width:calc(100% - 400px); align-items:center;}
.mapcase .caseWrap.num2 .left {width:340px;}
.mapcase .caseWrap.num2 .left p {font-size:18px;}
.mapcase .caseWrap.num2 .img_bx {aspect-ratio:450 / 265; max-width:450px;  overflow:hidden; width:45%;}
.mapcase .caseWrap.num2 .img_bx img {border-radius:20px;}
.mapcase .caseWrap.num2 .img_bx:nth-of-type(2) img {object-fit:contain;}
.mapcase .caseWrap.num2 .arrow {width:10%; display:flex
; align-items: center;}
.mapcase .caseWrap.num2 .arrow img {width:40px; margin:0 auto;}
.mapcase .caseWrap ul {margin-top:30px;}
.mapcase .caseWrap ul li {font-size:17px; position:relative; padding-left:15px; word-break: keep-all; transform:var(--textRotate);}
.mapcase .caseWrap ul li:before {content:""; display:block; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; top:12px; left:0;}
.mapcase .caseWrap ul li+li {margin-top:20px;}

.mapcase .caseWrap.num3 h3 {margin-top:30px; line-height:1.5;}
.mapcase .caseWrap.num3 .grid_bx {width:100%;}
.mapcase .caseWrap.num3 .grid_bx .decal {background:#F5F6F8; padding:40px 60px; border-radius:20px;}
.mapcase .caseWrap .grid_bx {display:grid; grid-template-columns:1fr 1fr; gap:80px; margin-top: 30px;}

.mapcase .caseWrap .decal .img_bx {text-align:center; box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 15px; border-radius:20px; max-width:540px; margin:0 auto; background:#fff;}
.mapcase .caseWrap .decal .img_bx img {aspect-ratio: 540 / 380; border-radius:20px; width:100%; height:100%; object-fit:cover;}
.mapcase .caseWrap .txt {margin-top:30px;}
.mapcase .caseWrap .txt p {word-break:keep-all; line-height:1.4; padding-left:15px; font-size:17px; position:relative; transform:var(--textRotate);}
.mapcase .caseWrap .txt p:before {content:""; display:block; width:5px; height:5px; background:#999; position:absolute; left:0; top:8px; border-radius:50%;}
.mapcase .caseWrap .txt p+p {margin-top:10px;}



/* ************************ (~1399) ************************ */
@media (max-width: 1399px) {
/* 탄소공간지도란 */
.intro .introduce {gap:50px;}
.intro .introduce .left {width:50%;}
.intro .introduce .left p {font-size:20px; margin-top:30px;}
.intro .introduce .left span.info {margin-top:20px; font-size:16px;}
.intro .introduce .right {width:calc(50% - 50px);}
.intro h2 {font-size:50px;}
.intro .concept {margin-top:50px;}
.intro .concept h3 {font-size:30px;}
.intro .concept .bx {padding: 35px 30px 35px 60px;}
.intro .concept .bx h4 {font-size:18px;}

/* 국내·외 사례 */
.cases .caseWrap+.caseWrap {margin-top:60px; padding-top:60px;}
.cases .titWrap h2 {font-size:60px; }
.cases .titWrap h2:after {left:174px;}
.cases .titWrap p {font-size:20px;}
.cases .inter {gap:50px;}
.cases .inter .left {width:calc(50% - 50px);}
.cases .f_blackWrap {font-size:16px;}
.cases .double_bx {gap:50px;}
.cases .caseWrap.num4 .titWrap h2:after {left: 126px;}
.cases .double_bx {grid-template-columns: repeat(1, 1fr);}

/*** 배출·흡수량 산정방법론 ***/
.contents_box.calcul_sub {padding:120px 30px 80px;}

/* 메뉴선택 페이지 */
.calculation .menu_bx h2 {font-size:30px;}
.calculation .menu_bx .inner_txt h2:before {top:-3px;}
.calculation .menu_bx .inner_txt {}
.calculation .menu_bx .inner_txt:before {width:40px; height:40px; top:-5px;}
.calculation .menu_bx a.btn {width:125px; height:45px; padding:0 15px; font-size:14px;}
.calculation .menu_bx a.btn:hover {}
.calcul_sub .btn_prev {width:100px; height:50px; padding:0 20px 0 15px;}
.calcul_sub .btn_prev span.arrow {left:20px;}

.calcul_sub .methodWrap {margin-top:50px;}
.calcul_sub .graphWrap {margin-top:50px;}
.calcul_sub .btn_prevWrap {left:30px; top:30px; margin-top:20px;}
.calcul_sub .btn_prevWrap { }
/*** 탄소공간지도 활용 사례 ***/
.mapcase .tabWrap {margin-bottom:50px;}
.mapcase .tabWrap a.btn {padding:10px 20px; font-size:16px;}
.mapcase h3 {font-size:26px;}
.mapcase h3 img {width:45px;}
.mapcase .left .txt_bx {margin-top:30px;}
.mapcase .left dl {font-size:16px; grid-template-columns:100px auto; gap:0;}
.mapcase .flex_bx {gap:0; flex-direction:column; align-items:flex-start;}
.mapcase .flex_bx .left {padding:40px 30px; width:100%;}
.mapcase .flex_bx .right {width:100%;}
.mapcase .caseWrap ul li+li {margin-top:5px;}
.mapcase .caseWrap.num2 {padding:60px 0; margin:60px 0;}
.mapcase .caseWrap.num2 .cont-inner {gap:30px; flex-direction:column;}
.mapcase .caseWrap.num2 .left {width:100%;}
.mapcase .caseWrap.num2 .right {width:100%;}
.mapcase .caseWrap.num3 h3 {margin-top:0;}
.mapcase .caseWrap .grid_bx {gap:50px;}
.mapcase .caseWrap.num3 .grid_bx .decal {padding:40px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 991px) {
	
.only_mobile_991 {display:block;}
.only_pc_991 {display:none;}

/* 탄소공간지도란 */
.intro h2 {font-size:40px;}
.intro .introduce .left p {font-size:18px;}

/* 국내·외 사례 */
.cases .inter {flex-direction:column; gap:30px;}
.cases .inter .left {width:100%;}
.cases .inter .right {width:100%;}
.cases .caseWrap.num1 .right {display:none;}
.cases .caseWrap.num1 .bg_bx, .cases .caseWrap.num3 .bg_bx {margin-top:20px;}
.cases .caseWrap.num1 .empha_bx {padding:30px;}
.cases .f_grayWrap.double {grid-template-columns: repeat(1, 1fr); gap:0;}
.cases .titWrap h2 {font-size:50px;}
.cases .caseWrap.num4 .titWrap h2:after {left:108px;}

/*** 배출·흡수량 산정방법론 ***/

/* 메뉴선택 페이지 */
.calculation .sub-inner {grid-template-columns:repeat(1,1fr);}
.calculation .menu_bx {display:flex; gap:50px;}
.calculation .menu_bx .bg_bx {width:280px;}
.calculation .menu_bx .bg_bx img {aspect-ratio:1/1; width:100%; object-fit:cover;}
.calculation .menu_bx .inner_txt {width:calc(100% - 330px); padding:0;}
.calculation .menu_bx .inner_txt:before {top:11px;}
.calculation .menu_bx a.btn:hover {} 

/* 산정방법론 - 상세페이지 */
.calcul_sub .btn_prev {height:50px;}
.calcul_sub .titWrap h2 {font-size:26px;}
.calcul_sub .titWrap dl dt {font-size:18px;}
.calcul_sub h3 {font-size:20px;}
.calcul_sub .methodWrap {margin-top:60px;}
.calcul_sub .graphWrap {margin-top:60px;}
.calcul_sub .graphWrap .graph_bx {overflow-x:auto; }
.calcul_sub .graphWrap .graph_bx img {min-width:1200px;}
.calcul_sub .methodWrap .grid3 {grid-template-columns:repeat(1, 1fr); gap:20px;}

/*** 개인정보처리방침 ***/
.privacy .titWrap p {padding:30px;}
.privacy .person_info {grid-template-columns:1fr; margin-top:50px;}
.privacy .indexWrap {margin-top:50px;}
.privacy .indexWrap ul {padding:30px;}
.privacy .clauses {margin-top:50px;}

/*** 탄소공간지도 활용 사례 ***/
.mapcase h3 span {}
.mapcase .tabWrap {margin-bottom:40px;}
.mapcase .flex_bx {display:block;}
.mapcase .flex_bx .right {width:100%;}
.mapcase .caseWrap.num2 .arrow {padding:0;}
.mapcase .caseWrap.num3 .grid_bx {width:100%; margin-top:30px;}
.mapcase .caseWrap.num3 h3 {width:100%;}
.mapcase .caseWrap ul li {font-size:16px;}
.mapcase .caseWrap .txt p {font-size:16px;}
.mapcase .caseWrap .grid_bx {grid-template-columns:1fr;}
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
/* 탄소공간지도란 */
.intro h2 {font-size:35px;}
.intro .introduce {flex-direction:column;}
.intro .introduce .left {width:100%; order:2;}
.intro .introduce .right {width:100%;}
.lnb-menu .box .left p {font-size:20px;}
.intro .concept h3 {font-size:24px;}
.intro .concept .bx {padding: 25px 20px 25px 50px;}

/* 국내·외 사례 */
.cases .caseWrap+.caseWrap {margin-top:40px; padding-top:40px;}
.cases .titWrap h2 {font-size:40px;}
.cases .titWrap p {font-size:18px;}
.cases .titWrap h2:after {left:148px;}
.cases .caseWrap.num4 .concept h3 {padding: 10px 20px; right:auto; left:0;}
.cases .caseWrap.num4 .concept dl {padding-right:0; padding-top:45px;}
.cases .num_bx .step {padding-left:50px;}
.cases .num_bx .step .tit {font-size:16px;}
.cases .num_bx .step > span.number {width:40px; height:40px; line-height:40px; top:-6px;}
.cases .num_bx .step .f_grayWrap {padding-left:0;}
.cases .caseWrap.num4 .titWrap h2:after {left:90px;}

/*** 배출·흡수량 산정방법론 ***/

/* 메뉴선택 페이지 */
.calculation .sub-inner {gap:50px;}
.calculation .menu_bx {flex-direction:column; gap:0;}
.calculation .menu_bx h2 {font-size:26px;}
.calculation .menu_bx a.btn {height:50px;}
.calculation .menu_bx .bg_bx {width:100%;}
.calculation .menu_bx .inner_txt {width:100%;}
.calculation .menu_bx .inner_txt:before {top:5px;}
.calculation .menu_bx .inner_txt h2 {padding-left:50px;}
.calculation .menu_bx .inner_txt h2:before {width:40px;}
/* 산정방법론 - 상세페이지 */
.calcul_sub .btn_prev {left:20px;}
.calcul_sub .titWrap {padding-left:100px;}
.calcul_sub .titWrap:before {width:80px; height:80px; background-size:30px!important;}
.calcul_sub .methodWrap {margin-top:40px;}
.calcul_sub .graphWrap {margin-top:40px;}

.calcul_sub .btn_prevWrap {left:20px;} 
/*** 데이터모델 설계 ***/
.tableWrap.type1 h3 {font-size:20px;}
.dataModel .concept_bx {margin-top:50px;}
.dataModel .concept_bx .titWrap h3 {font-size:24px; padding-left:45px;}
.dataModel .concept_bx:nth-child(2) .titWrap h3:before {background: url(/images/sub/calc_menu_icon1_3d.png) no-repeat center / contain; width:35px; height:35px;}
.dataModel .concept_bx:nth-child(3) .titWrap h3:before {background: url(/images/sub/calc_menu_icon2_3d.png) no-repeat center / contain; width:35px; height:35px;}
.dataModel .concept_bx:nth-child(4) .titWrap h3:before {background: url(/images/sub/calc_menu_icon1_3d.png) no-repeat center / cotain; width:35px; height:35px;}
.dataModel .concept_bx .titWrap p {font-size:18px;}
.dataModel .concept_bx .titWrap h3:before {top:-6px; left:-2px;}

.privacy .person_info {grid-template-columns:repeat(2,1fr);}
.privacy .person_info .bx {flex-direction:column; gap:20px;}
.privacy .person_info .bx .left {width:100%;}
.privacy .person_info .bx .left img {object-fit:scale-down;}
.privacy .person_info .bx ul {width:100%;}
.privacy .indexWrap ul {grid-template-columns:1fr; padding:20px;}
.privacy .clauses .section {gap:10px;}
.privacy .clauses .section h4 {line-height:1.3; font-size:18px;}
.privacy .clauses .tableWrap table {min-width:700px; margin-bottom:10px;}

/*** 탄소공간지도 활용 사례 ***/
.mapcase .tabWrap a.btn {padding:8px 15px;}
.mapcase h3 {font-size:24px;}
.mapcase h3 img {width:40px;}

.mapcase .left .txt_bx {grid-template-columns:1fr;}
.mapcase .caseWrap.num2 {margin:40px 0; padding:40px 0;}
.mapcase .caseWrap.num2 .right {flex-direction:column;}
.mapcase .caseWrap.num2 .img_bx {width:100%; max-width:none;}
.mapcase .caseWrap .grid_bx {grid-template-columns:1fr;}
.mapcase .caseWrap.num2 .arrow {width:100%; padding:15px;}
.mapcase .caseWrap.num2 .arrow img {width:100%; max-width:40px; margin:0 auto; transform:rotate(90deg);}
.mapcase .caseWrap ul {margin-top:20px;}
.mapcase .caseWrap .txt {margin-top:20px;}
.mapcase .caseWrap.num3 .grid_bx {gap:30px;}
.mapcase .flex_bx .left {padding:30px;}
}
/* ************************ 모바일 ************************ */
@media (max-width: 600px) { 
.mapcase .tabWrap {justify-content:flex-start;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
/* 탄소공간지도란 */
.intro .concept .bx {padding:25px 20px 25px 30px;}
.intro .concept .bx:before {width:10px;}

/* 국내·외 사례 */

/*** 배출·흡수량 산정방법론 ***/

/* 메뉴선택 페이지 */
.calculation .sub-inner {gap:30px;} 
.calculation .menu_bx .inner_txt {padding-left:0; margin-top:20px;}
.calculation .menu_bx h2 {padding-left:45px;}
.calculation .menu_bx .inner_txt:before {height:30px; width:30px; top:11px;}

/* 산정방법론 - 상세페이지 */
.calcul_sub .titWrap {padding-left:0;}
.calcul_sub .titWrap:before {border:0; width:30px; height:30px; border-radius:0; top:-3px;}
.calcul_sub .titWrap h2 {padding-left:40px;}

.dataModel .concept_bx .titWrap p {font-size:16px;}


.privacy .person_info {grid-template-columns:repeat(1,1fr);} 
.privacy .person_info .bx .left img {aspect-ratio:auto; width:auto;}


/*** 탄소공간지도 활용 사례 ***/
.mapcase h3 {font-size:20px;}
.mapcase h3 img {width:35px;}
.mapcase .caseWrap.num2 .arrow img {max-width:30px;}
.mapcase .left dl {font-size:15px; grid-template-columns:auto; gap:0;}
.mapcase .left dl dt {width:100px;}
.mapcase .left dl dd {padding-top:5px; padding-left:10px;}
.mapcase .left .txt_bx {margin-top:25px;}
.mapcase .img_bx .img_tit {font-size:16px;}
.mapcase .flex_bx .left {padding:30px 20px;}
.mapcase .caseWrap.num3 .grid_bx .decal {padding:30px 20px;}
}

/* 에러페이지 */
.err .lnb {height: 0;}
.err .lnb .lnb-wrap .lnb-menu, .err .lnb-bar {display: none;}
.err .inner {background: #f9f9f9; min-height: 650px;}
.err .sub-banner {height: 200px; align-items: center; align-content: center;}
.err .sub-banner .col-12 {margin: 0 15px;}
.err .sub-banner h2 {font-weight: 600; font-size: 40px; letter-spacing: -2px;}
.err .sub-content [class*='shadow-box-'] { background: #FFF; color: #000; border: 1px solid #B7B9C5; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 16px;}
.err .sub-content .shadow-box-1 {padding: 40px; text-align:center; margin: 20px 60px;}
.err .sub-content .shadow-box-1 .exception_message {font-size: 24px; font-weight: 600; margin-bottom: 16px;}