@charset "utf-8";
/* 공통 */
.flex {display: flex;}
.ai-center {align-items: center;}
.ai-start {align-items: flex-start;}
.jc-between {justify-content: space-between;}
.jc-center {justify-content: center;}
.img-wrap {width: 100%; margin: 0 auto; text-align: center;}
.section-title {font-size: 32px; color: #727272; font-weight: 500; margin-bottom: 70px;}
.section-title span {font-size: 20px;}
.section-title img {margin-top: 20px; width: 100%; height: 40px;}
.item-title {color: #fff; padding: 12px 24px; box-sizing: border-box; font-size: 22px; border-radius: 25px; width: fit-content; margin-bottom: 20px;}
.item-title.small {font-size: 13px; padding: 6px 20px;}
.item-title.blue {background: linear-gradient(to right, #5F8FC9, #3F649B); min-width: 300px;}
.item-title.yellow {background: linear-gradient(#E7CD58, #EDD282); min-width: 300px;}
.item-title.green {background: linear-gradient(to right, #A5CEA8, #D9EAD9); min-width: 400px;}
.item-title.brown {background: linear-gradient(to right, #756A52, #EDEDE5); min-width: 400px;}
.item-title.line {position: relative; width: fit-content; padding: 5px 0; font-weight: 600;}
.item-title.line::before {position: absolute; content: ''; display: block; width: 100%; height: 1px; background-color: #727272; top: 0; left: 0;;}
.item-title.line::after {position: absolute; content: ''; display: block; width: 100%; height: 1px; background-color: #727272; bottom: 0; left: 0;;}
.item-desc {line-height: 130%;}
.txt {line-height: 130%; font-size: 16px; margin: 24px 0;}
.txt-wrap .title {font-size: 32px!important; font-weight: 600; margin-bottom: 12px;}
.txt-wrap .sub-title {font-size: 16px; line-height: 130%;}
.txt-wrap ul {display: flex; flex-direction: column; gap: 10px; line-height: 130%;}
.txt-wrap ul li {position: relative; padding-left: 10px;}
.txt-wrap ul li::after {position: absolute; display: block; content: ''; border-radius: 100%; background-color: #727272; width: 6px; height: 6px; left: 0; top: 8px;}
.pl15 {padding-left: 15%;}
.gray {color: #727272;}
.tbl-wrap {width: 100%; font-size: 18px; text-align: center;}
.tbl-wrap table {width: 100%;}
.tbl-wrap table th {font-weight: 400;}
.tbl-wrap table th, .tbl-wrap table td {vertical-align: middle; height: 50px; border: 1px solid #727272;}
.tbl-wrap .tbl-title {text-align: center; font-size: 24px; font-weight: 600; margin-bottom: 12px;}
.tbl-wrap .tbl-txt {font-size: 16px; margin-top: 12px; line-height: 130%;}
.tbl-wrap.blue table th:nth-child(odd) {background-color: #CFE0F2;}
.tbl-wrap.blue table th:nth-child(even) {background-color: #DAE7F5;}
.tbl-wrap.blue table tbody tr:nth-child(odd) {background-color: #f3f7fb;}
.tbl-wrap.blue table tbody tr:nth-child(even) {background-color: #E7F0F8;}
.tbl-wrap.blue table tbody tr:nth-child(odd) th:nth-child(odd) {background-color: #f3f7fb;}
.tbl-wrap.blue table tbody tr:nth-child(odd) th:nth-child(even) {background-color: #fff;}
.tbl-wrap.blue table tbody tr:nth-child(even) th:nth-child(odd) {background-color: #E7F0F8;}
.tbl-wrap.blue table tbody tr:nth-child(even) th:nth-child(even) {background-color: #f3f7fb;}
.tbl-wrap.green table th, .tbl-wrap.green table td {height: 26px; padding: 6px 12px;}
.tbl-wrap.green table thead tr:nth-child(odd) {background-color: #D8eadd;}
.tbl-wrap.green table thead tr:nth-child(even) {background-color: #EFF6F0;}
.tbl-wrap.green table th:nth-child(odd) {background-color: #EFF6F0;}
.tbl-wrap.green table th:nth-child(even) {background-color: #EFF6F0;}
.tbl-wrap.green table tbody tr:nth-child(odd) {background-color: #f3f8f4;}
.tbl-wrap.green table tbody tr:nth-child(even) {background-color: #E5F1E7;}
.tbl-wrap.brown table th, .tbl-wrap.brown table td {height: 26px; padding: 6px 12px;}
.tbl-wrap.brown table thead tr:nth-child(odd) {background-color: #CDB99F;}
.tbl-wrap.brown table thead tr:nth-child(even) {background-color: #CDB99F;}
.tbl-wrap.brown table th:nth-child(odd) {background-color: #D6C6AF;}
.tbl-wrap.brown table th:nth-child(even) {background-color: #D6C6AF;}
.tbl-wrap.brown table tbody tr:nth-child(odd) {background-color: #F3EFE8;}
.tbl-wrap.brown table tbody tr:nth-child(even) {background-color: #E0D4C4;}

/* 메인 */
.main-section {text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center;}
.section1 {height: 960px;}
.main-section .txt-wrap {color: #fff; padding-top: 80px;}
.main-section .txt-wrap span {display: block;}
.main-section .txt-wrap .eng > span:nth-child(1) {font-size: 68px; font-weight: 600; margin-bottom: 20px;}
.main-section .txt-wrap .eng > span:nth-child(2) {font-size: 18px; margin-bottom: 65px;}
.main-section .txt-wrap .kor > span:nth-child(1) {font-size: 40px; line-height: 160%; font-weight: 600;}
.main-section .txt-wrap .kor > span:nth-child(2) {font-size: 60px; font-weight: 600;}

.main-section.section2 {padding: 50px 0;}
.main-section.section2 .grid {display: grid; grid-template-columns: repeat(4, 1fr); position: relative; color: #fff;}
.main-section.section2 .grid .absolute {position: absolute; top: 40%; left: 50%; transform: translateX(-50%); font-size: 40px; font-weight: 500;}
.main-section.section2 .grid > div:nth-child(2) {background-color: #B0CCEA;}
.main-section.section2 .grid > div:nth-child(3) {background-color: #75ABD7;}
.main-section.section2 .grid > div:nth-child(4) {background-color: #4E85BA;}
.main-section.section2 .grid > div:nth-child(5) {background-color: #416E96;}
.main-section.section2 .grid > div:nth-child(6) {background-color: #215484;}
.main-section.section2 .grid > div:nth-child(7) {background-color: #2F6FAD;}
.main-section.section2 .grid > div:nth-child(8) {background-color: #5D9CD0;}
.main-section.section2 .grid > div:nth-child(9) {background-color: #91C3E9;}
.main-section.section2 .grid > div {width: 100%; min-height: 280px; padding: 50px 30px; box-sizing: border-box;}
.main-section.section2 .grid > div span {display: block;}
.main-section.section2 .grid > div span:nth-child(1) {font-size: 22px; margin-bottom: 16px; line-height: 125%;}
.main-section.section2 .grid > div span:nth-child(2) {font-size: 14px;}

.main-section.section3 {padding-bottom: 135px;}
.main-section.section3 .img-wrap img {width: 110%; margin-left: -5%; margin-bottom: -3%;}
.main-section.section3 > div {display: flex; gap: 350px; align-items: center;}
.main-section.section3 > div .brochure {display: flex; flex-direction: column; align-items: center;}
.main-section.section3 > div .brochure span {font-size: 26px; font-weight: 500; text-align: center; display: block; width: 280px; padding: 18px 0; background-color: #91C3E9; color: #fff;}
.main-section.section3 > div .brochure img {width: 295px}
.main-section.section3 > div .value {display: flex; gap: 20px; width: 35%; text-align: left;}
.main-section.section3 > div .value img {height: 235px;}
.main-section.section3 > div .txt p {font-size: 34px; line-height: 120%; position: relative; color: #727272; font-weight: 600; padding-bottom: 14px;}
.main-section.section3 > div .txt p::after {position: absolute; display: block; content: ''; width: 100%; height: 1px; background-color: #727272; bottom: 0;}
.main-section.section3 > div .txt span {display: block; line-height: 120%; font-size: 16px; color: #727272; margin-top: 14px;}

/* company */
.company-wrap .main-section {text-align: left;}
.company-wrap .main-section .txt-wrap {width: 50%; margin: 0 auto;}
.company-wrap .main-section .txt-wrap .title { font-size: 42px; margin-bottom: 18px;}
.company-wrap .main-section .txt-wrap .desc span:nth-child(1) {font-size: 36px; margin-bottom: 15px; line-height: 130%;}
.company-wrap .main-section .txt-wrap .desc span:nth-child(2) {font-size: 20px; line-height: 135%;}

.company-wrap .sub-section.section2 {padding: 130px 0 15px;}
.company-wrap .sub-section.section2 .section-item {padding-bottom: 25px;}
.company-wrap .sub-section.section2 .item-title+.section-title {margin-bottom: 0; margin-left: 20px; line-height: 45px;}
.company-wrap .sub-section.section2 .flex {gap: 20px;}
.company-wrap .sub-section.section2 .img-wrap {display: flex; flex-direction: column; width: 20%; margin: 0;}
.company-wrap .sub-section.section2 .txt-wrap {display: flex; flex-direction: column; gap: 20px;}
.company-wrap .sub-section .txt-wrap > div span {font-size: 16px; display: inline-block; line-height: 130%;}
.company-wrap .sub-section .txt-wrap > div strong {font-size: 16px; margin-bottom: 8px; display: inline-block;}
.company-wrap .sub-section .txt-wrap .gray {font-size: 20px; color: #595959; font-weight: 600;}
.company-wrap .sub-section .txt-wrap .gray span {font-size: 16px;}
.company-wrap .sub-section .txt-wrap .signature span {font-weight: 600;}
.company-wrap .sub-section .txt-wrap .signature span:nth-child(1) {font-size: 18px;}
.company-wrap .sub-section .txt-wrap .signature span:nth-child(2) {font-size: 22px;}

.company-wrap .sub-section.section3-1 {padding: 60px 0 300px;}
.company-wrap .sub-section.section3 {position: relative; padding: 60px 0 300px;}
.company-wrap .sub-section.section3 .deco {position: absolute; bottom: 0; right: 0; text-align: center;} 
.company-wrap .sub-section.section3 > div {display: block; width: 80%;}
.company-wrap .sub-section.section3 .sub-title {margin-bottom: 50px;}
.company-wrap .sub-section.section3 .grid-2 {display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 70px; column-gap: 30px;}
.company-wrap .sub-section.section3 .grid-2 .grid-item .txt-wrap p {margin-bottom: 10px; line-height: 130%;}

.company-wrap .sub-section.section4 {position: relative; padding: 60px 0 230px;}
.company-wrap .sub-section.section4 .section-item {display: flex; flex-direction: column; gap: 40px;}
.company-wrap .sub-section.section4 .symbol > span {font-size: 16px; display: block; margin-bottom: 40px;}
.company-wrap .sub-section.section4 .symbol-1 > div {display: flex; flex-direction: column; align-items: center; gap: 20px;}
.company-wrap .sub-section.section4 .symbol-1 > div div:nth-child(1) {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.company-wrap .sub-section.section4 .symbol-1 > div div:nth-child(1) img {width: 500px;}
.company-wrap .sub-section.section4 .symbol-1 > div > div p {font-size: 16px; line-height: 130%; width: 50%; margin-top: 35px;}
.company-wrap .sub-section.section4 .symbol-1 > div div:nth-child(2) {display: flex; justify-content: flex-end; width: 100%;}
.company-wrap .sub-section.section4 .symbol-1 > div div:nth-child(2) img {height: 80px;}
.company-wrap .sub-section.section4 .symbol-2 {display: flex; flex-direction: column; gap: 30px;}
.company-wrap .sub-section.section4 .symbol-2 > div {display: flex; align-items: flex-end; justify-content: space-between;}
.company-wrap .sub-section.section4 .symbol-3 > div {gap: 40px;}
.company-wrap .sub-section.section4 .symbol-3 > div .color .color-box {width: 270px; height: 190px; margin-bottom: 20px;}
.company-wrap .sub-section.section4 .symbol-3 > div .color:nth-child(1) .color-box {background-color: #004189;}
.company-wrap .sub-section.section4 .symbol-3 > div .color:nth-child(2) .color-box {background-color: #007EC6;}
.company-wrap .sub-section.section4 .symbol-4 .sub-color {gap: 10px;}
.company-wrap .sub-section.section4 .symbol-4 .sub-color .color-box {width: 65px; height: 65px;}
.company-wrap .sub-section.section4 .symbol-4 .color-box:nth-child(1) {background-color: #20514D;}
.company-wrap .sub-section.section4 .symbol-4 .color-box:nth-child(2) {background-color: #50A98E; margin-right: 35px;}
.company-wrap .sub-section.section4 .symbol-4 .color-box:nth-child(3) {background-color: #695D57;}
.company-wrap .sub-section.section4 .symbol-4 .color-box:nth-child(4) {background-color: #B1A59E;}

.prd-wrap {margin-top: 70px;}
.prd-wrap .sub-section .prd-main > div:nth-child(1) {background-repeat: no-repeat; background-size: cover; background-position: center; height: 280px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.prd-main-txt {color: #fff; padding-top: 0px; width: 65%;}
.prd-main-txt p:nth-child(1) {font-size: 32px; font-weight: 600; margin-bottom: 10px;}
.prd-main-txt p:nth-child(2) {font-size: 30px; font-weight: 600; margin-bottom: 10px;}
.prd-main-txt p:nth-child(3) {font-size: 15px; line-height: 130%;}
.prd-wrap .sub-section.con {padding: 0 0 30px 0;}
.prd-wrap .sub-section.section2 {padding: 60px 0 30px 0;}
.prd-wrap .sub-section.section2 .img-wrap {margin-bottom: 50px;}
.prd-wrap .sub-section.section2 .img-wrap img {width: 100%;}
.prd-wrap .sub-section.section2 .section-item .flex {gap: 20px; justify-content: space-between;}
.prd-wrap .sub-section.section2 .section-item .flex .flex-item .item-desc {line-height: 140%;}
.prd-wrap .sub-section.section2 .section-item .flex .flex-item > div:nth-child(2) {margin-top: 50px;}
.prd-wrap .sub-section.section3 {padding: 60px 0 30px 0;}
.prd-wrap .sub-section.section3 .prd-con {margin-bottom: 70px;}
.prd-wrap .sub-section.section3 .prd-con .prd-item {gap: 25px; align-items: center; width: 80%;}
.prd-wrap .sub-section.section3 .prd-con .prd-item img {width: 40%;}
.prd-wrap .sub-section.section3 .prd-con .prd-item .prd-title {font-size: 20px; font-weight: 600; color: #727272; margin-bottom: 8px;}
.prd-wrap .sub-section.section3 .prd-con .prd-item .prd-desc {font-size: 14px;}
.prd-wrap .sub-section.section3 .prd-con .prd-item .prd-desc ul {display: flex; flex-direction: column; gap: 6px;}
.prd-wrap .sub-section.section3 .prd-con .prd-item .prd-desc ul li {position: relative; padding-left: 15px;}
.prd-wrap .sub-section.section3 .prd-con .prd-item .prd-desc ul li::after {position: absolute; display: block; content: ''; border-radius: 100%; background-color: #727272; width: 6px; height: 6px; left: 0; top: 50%; transform: translateY(-50%);;}
.prd-wrap .sub-section.section3 .section-item > .img-wrap {text-align: left; margin-bottom: 20px;}
.prd-wrap .sub-section.section3 .section-item > .tbl-wrap {padding-left: 50px;}
.prd-wrap .sub-section.section3 .section-item > .tbl-wrap .tbl-title {text-align: left;}
.prd-wrap .sub-section.section3 .section-item > .tbl-wrap .tbl-txt {text-align: left;}
.prd-wrap .sub-section.section3 .section-item > .tbl-wrap table {width: auto;;}
.prd-wrap .sub-section.section3 .section-item > .tbl-wrap table th, .prd-wrap .sub-section.section3 .section-item > .tbl-wrap table td {padding: 10px; height: auto;}

.prd-wrap .sub-section.section4 {padding: 60px 0 30px 0;}
.prd-wrap .sub-section.section4 .section-item {display: flex; flex-direction: column; gap: 25px; position: relative;}
.prd-wrap .sub-section.section4 .section-item .item-title {min-width: 400px;}
.prd-wrap .sub-section.section4 .section-item .img-wrap.absolute {position: absolute; left: 20%; top: -8%; text-align: center;}
.prd-wrap .sub-section.section4 .section-item .img-wrap.absolute img {height: 180px;}
.prd-wrap .sub-section.section4 .img-wrap {text-align: left;}

.prd-wrap .sub-section.section5 {padding: 60px 0 30px 0;}
.prd-wrap .sub-section.section5 .img-wrap {text-align: left;}
.prd-wrap .sub-section.section5 .img-wrap:nth-child(1) {margin-bottom: 40px;}
.prd-wrap .sub-section.section5 .img-wrap img {width: 70%;}
.prd-wrap .sub-section.section5 .list-txt {padding-left: 30px; margin-top: 30px;}
.prd-wrap .sub-section.section5 .list-txt ul {display: flex; flex-direction: column; gap: 10px;}
.prd-wrap .sub-section.section5 .list-txt ul li {display: flex; align-items: center; gap: 10px; font-size: 14px;}
.prd-wrap .sub-section.section5 .list-txt ul li span {color: #fff; background: linear-gradient(to right, #5F8FC9, #3F649B); width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600;}

.prd-wrap .sub-section.section6 {padding: 60px 0 30px 0;}
.prd-wrap .sub-section.section6 .section-item {display: flex; flex-direction: column; gap: 30px;}
.prd-wrap .sub-section.section6 .section-item:not(:last-child) {margin-bottom: 40px;}
.prd-wrap .sub-section.section6 .section-item .flex {gap: 40px;}
.prd-wrap .sub-section.section6 .section-item .item-title {min-width: 450px;}
.prd-wrap .sub-section.section6 .section-item .flex img {width: 30%;}
.prd-wrap .sub-section.section6 .section-item .flex > div {width: calc(50% - 40px);}
.prd-wrap .sub-section.section6 .section-item .flex > div .item-desc .title {font-size: 22px; margin-bottom: 15px; display: block; padding-left: 20px;}
.prd-wrap .sub-section.section6 .section-item .flex > div.img-wrap {width: 30%; display: block; margin: 0;}
.prd-wrap .sub-section.section6 .section-item .flex > div.img-wrap img {width: 100%;}
.prd-wrap .sub-section.section6 .section-item .grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 80%;}
.prd-wrap .sub-section.section6 .section-item .grid .item-title {min-width: 200px;}

.prd-wrap .sub-section.section7 {display: flex; flex-direction: column; gap: 40px; padding: 60px 0 90px 0;}
.prd-wrap .sub-section.section7 .section-title {margin-bottom: 0px;}

.prd-wrap .sub-section.section8 {padding: 0 0 300px;}
.prd-wrap .sub-section.section8 .tbl-wrap table {width: auto;}
.prd-wrap .sub-section.section8 .tbl-wrap table th, .prd-wrap .sub-section.section8 .tbl-wrap table td {padding: 10px 10px; line-height: 150%; height: auto;}
.prd-wrap .sub-section.section8 .tbl-wrap table td {vertical-align: top;}
.prd-wrap .sub-section.section8 .tbl-wrap table td:nth-child(1), .prd-wrap .sub-section.section8 .tbl-wrap table td:nth-child(2) {text-align: right;}

.prd-wrap.prd-sub .prd-main {text-align: center;}
.prd-wrap.prd-sub .prd-main > div:nth-child(1) {margin-bottom: 0;}
.prd-wrap.prd-sub .prd-main .prd-main-txt {text-align: left;}
.prd-wrap.prd-sub .prd-main > img {width: 60%;}

.prd-wrap.prd-yellow .sub-section.section2 .section-item .flex {flex-direction: column;}
.prd-wrap.prd-yellow .sub-section.section2 .section-item .flex .flex-item {display: flex; gap: 30px; align-items: flex-start;}
.prd-wrap.prd-yellow .sub-section.section2 .section-item .flex .flex-item > img {width: 200px}
.prd-wrap.prd-yellow .sub-section.section2 .section-item .flex .flex-item > div {width: calc(80% - 230px);}
.prd-wrap.prd-yellow .sub-section.section2 .section-item .flex .flex-item > div:nth-child(2) {margin-top: 0;}

.prd-wrap.prd-yellow .sub-section.section3 {padding: 60px 0 300px;}
.prd-wrap.prd-yellow .sub-section.section3 .type-flex {gap: 20px; margin-bottom: 60px;}
.prd-wrap.prd-yellow .sub-section.section3 .type-flex .type-item {display: flex; flex-direction: column; gap: 0;}
.prd-wrap.prd-yellow .sub-section.section3 .type-flex .type-item img {width: 110px; height: 110px;}
.prd-wrap.prd-yellow .sub-section.section3 .type-flex .type-item span {display: block; background: linear-gradient(#E7CD58, #EDD282); color: #fff; text-align: center; padding: 12px 0px; box-sizing: border-box; font-size: 14px;}
.prd-wrap.prd-yellow .sub-section.section3 .section-item:last-child {display: flex; flex-direction: column; gap: 20px;}
.prd-wrap.prd-yellow .sub-section.section3 .section-item:last-child .item-title.small {border-radius: 0;}

.prd-wrap.prd-green .sub-section.section2 {padding: 60px 0 30px 0;}
.prd-wrap.prd-green .sub-section.section2 .section-item {margin-bottom: 60px;}
.prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(2) .flex {flex-direction: column;}
.prd-wrap.prd-green .sub-section.section2 .section-item .flex .flex-item {display: flex; align-items: center; gap: 20px;}
.prd-wrap.prd-green .sub-section.section2 .section-item .flex .flex-item > div {width: 60%;}
.prd-wrap.prd-green .sub-section.section2 .section-item .flex .flex-item:nth-child(1) > img {height: 90px;}
.prd-wrap.prd-green .sub-section.section2 .tbl-wrap {line-height: 130%; font-size: 15px;}
.prd-wrap.prd-green .sub-section.section2 .tbl-wrap td {text-align: left;}
.prd-wrap.prd-green .sub-section.section2 .tbl-wrap .tbl-txt {font-size: 14px; text-align: left;}
.prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .flex, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .flex, .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(2) .flex {width: 85%; align-items: center; gap: 50px; justify-content: space-between;}
.prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .flex .txt-wrap, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .flex .txt-wrap, .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(2) .flex .txt-wrap {width: 100%;}
.prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .flex .img-wrap, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .flex .img-wrap, .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(2) .flex .img-wrap {margin-bottom: 20px;}
.prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .flex .img-wrap img, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .flex .img-wrap img {margin-top: -10%;}
.prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .tbl-wrap, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .tbl-wrap, .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(2) .tbl-wrap {width: 80%;}
.prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .tbl-wrap.green td, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .tbl-wrap.green td, .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(2) .tbl-wrap.green td {text-align: center;}

.prd-wrap.prd-green .sub-section.section3 {padding: 60px 0 300px 0;}
.prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(3) > .flex {gap: 10px;}
.prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(3) > .flex .img-wrap {margin: 0;}
.prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(3) > .flex .flex {flex-direction: column; gap: 25px; margin-top: 10px;}
.box {display: flex; flex-direction: column; gap: 15px; width: fit-content;}
.box .box-title {background-color: #D8EADD; padding: 6px 20px; box-sizing: border-box; font-weight: 500; min-width: 200px;}
.box .box-desc {padding-left: 15px; line-height: 130%;}

.prd-wrap.prd-brown .spec-wrap {display: flex; flex-direction: column; gap: 45px;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-title {color: #fff; padding: 4px 10px; background-repeat: no-repeat; background-size: contain; margin-bottom: 20px;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-txt {margin-bottom: 20px; line-height: 130%; width: 70%;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img.flex {gap: 20px;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div {display: flex; flex-direction: column; gap: 10px; text-align: center; font-size: 14px; line-height: 130%;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div img {height: 175px; width: 200px;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .flex {gap: 10px;}
/* .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .flex > div:nth-child(1) {width: 60%;} */
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .flex .txt-wrap {margin-bottom: 20px; white-space: nowrap;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .flex .txt-wrap p {margin-bottom: 10px;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .flex .img-wrap img {width: 70%;}
.prd-wrap.prd-brown .spec-wrap > .flex {gap: 20px;}
.prd-wrap.prd-brown .spec-wrap > .flex .spec-item {width: 100%;}
.prd-wrap.prd-brown .spec-wrap > .flex .spec-item .spec-title {background-size: cover;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order {flex-direction: row; align-items: center; justify-content: space-between; width: 70%; margin-bottom: 25px; gap: 20px;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > img {width: fit-content; height: 90%;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > img:nth-child(2), .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > img:nth-child(4) {height: 80%;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > div {display: flex; gap: 5px; width: 80%; align-items: flex-start; justify-content: space-between;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > div > div {background-repeat: no-repeat; background-size: contain; height: 30px; color: #fff; font-weight: 600; font-size: 16px; padding: 3px; box-sizing: border-box; text-align: center; margin-top: 3px;}
.prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > div > span {text-align: left;}
.prd-wrap.prd-brown .sub-section.section2 .section-item .flex {justify-content: flex-start;}
.prd-wrap.prd-brown .sub-section.section2 .img-wrap {justify-content: flex-start; margin: 0; width: auto;}
.prd-wrap.prd-brown .sub-section.section2 .img-wrap img {width: auto;}

.prd-wrap.prd-brown .sub-section.section3 {padding: 60px 0 300px;}
.prd-wrap.prd-brown .sub-section.section3 .type-item {margin-bottom: 40px;}
.prd-wrap.prd-brown .sub-section.section3 .type-item .flex {gap: 20px;}
.prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left {width: 60%; text-align: center;}
.prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left .item-title {text-align: left;}
.prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left dl {display: flex; width: 85%; gap: 10px; line-height: 130%;}
.prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left dt {width: 8%; font-weight: 600;}
.prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left dd {width: calc(85% - 10px);}
.prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left .txt-wrap {text-align: left; margin-top: 10px;}
.prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left .txt-wrap ul {gap: 5px;}

.prd-wrap.prd-brown .sub-section.section3 .tbl-wrap td, .prd-wrap.prd-brown .sub-section.section3 .tbl-wrap th {font-size: 14px; height: 20px; padding: 4px 12px; white-space: nowrap;}

/* 팝업레이어 */
#front-pop {z-index:9999;position:relative;margin:0 auto;width:100%;height:0}
#front-pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.front-pops {position:absolute;border:1px solid #ddd;background:#fff}
.front-pops-footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.front-pops-footer button {margin:0 5px;padding:5px 10px;border:0;background:#393939;color:#fff}
.sound-only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}


@media all and (max-width: 568px) {
    /* 공통 */
    .txt {margin: 12px 0;}
    .flex {flex-direction: column;}
    .section-title {font-size: 24px; margin-bottom: 20px;}
    .section-title span {font-size: 18px;}
    .section-title img {margin-top: 10px; height: 20px;}
    .item-title {padding: 8px 12px; font-size: 20px;; margin-bottom: 12px;}
    .item-title.small {font-size: 14px; padding: 6px 20px; line-height: 135%;}
    .item-title.blue {min-width: auto;}
    .item-title.yellow {min-width: auto;}
    .item-title.green {min-width: auto;}
    .item-title.brown {min-width: auto;}
    .item-title.line {padding: 5px 0;}
    .tbl-wrap {overflow-x: auto;}
    .tbl-wrap table {font-size: 16px;}
    .tbl-wrap th, .tbl-wrap td {white-space: nowrap;}
    .tbl-wrap .tbl-title {font-size: 20px;}
    .tbl-wrap .tbl-txt {font-size: 14px; margin-top: 8px;}
    .img-wrap img {width: 100%;}
    

    /* 메인 */
    .section1 {height: calc(100vh - 60px);}
    .main-section.section1 {display: flex; align-items: center;}
    .main-section .txt-wrap {padding: 0 15px; box-sizing: border-box; width: 100%;}
    .main-section .txt-wrap span {display: block;}
    .main-section .txt-wrap .eng > span:nth-child(1) {font-size: 32px; font-weight: 600; margin-bottom: 10px;}
    .main-section .txt-wrap .eng > span:nth-child(2) {font-size: 14px; margin-bottom: 25px;}
    .main-section .txt-wrap .kor > span:nth-child(1) {font-size: 22px; line-height: 160%; font-weight: 600;}
    .main-section .txt-wrap .kor > span:nth-child(2) {font-size: 24px; font-weight: 600;}

    .main-section.section2 {padding: 25px 0;}
    .main-section.section2 .grid {grid-template-columns: repeat(2, 1fr)}
    .main-section.section2 .grid .absolute {top: 48.5%; font-size: 24px;  width: 100%;}
    .main-section.section2 .grid > div {min-height: 220px; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
    .main-section.section2 .grid > div span {display: block;}
    .main-section.section2 .grid > div span:nth-child(1) {font-size: 22px; margin-bottom: 12px; line-height: 125%;}
    .main-section.section2 .grid > div span:nth-child(2) {font-size: 14px; line-height: 125%;}

    .main-section.section3 {padding: 0 15px 70px; box-sizing: border-box;}
    .main-section.section3 .img-wrap {margin-bottom: 30px;}
    .main-section.section3 .img-wrap img {width: 100%; margin: 20px 0;}
    .main-section.section3 > div {align-items: center; flex-direction: column; gap: 50px;}
    .main-section.section3 > div .brochure span {font-size: 20px; width: 200px; padding: 12px 0;}
    .main-section.section3 > div .brochure img {width: 295px}
    .main-section.section3 > div .value {flex-direction: column; gap: 10px; width: 100%; text-align: left;}
    .main-section.section3 > div .value img {height: 235px;}
    .main-section.section3 > div .txt p {font-size: 24px; padding-bottom: 8px;}
    .main-section.section3 > div .txt span {font-size: 14px; margin-top: 5px;}

    /* company */
    .company-wrap .main-section {text-align: center;}
    .company-wrap .main-section .txt-wrap {width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
    .company-wrap .main-section .txt-wrap .title {font-size: 32px; margin-bottom: 12px;}
    .company-wrap .main-section .txt-wrap .desc span:nth-child(1) {font-size: 22px; margin-bottom: 8px;}
    .company-wrap .main-section .txt-wrap .desc span:nth-child(2) {font-size: 14px}

    .company-wrap .sub-section.section2 {padding: 70px 15px 15px; box-sizing: border-box;}
    .company-wrap .sub-section.section2 .section-item {padding-bottom: 50px;}
    .company-wrap .sub-section.section2 .item-title+.section-title {margin-left: 0px; line-height: 120%;}
    .company-wrap .sub-section.section2 .img-wrap {width: 100%; margin: 10px 0;}
    .company-wrap .sub-section.section2 .txt-wrap {gap: 10px; width: 100%!important;}
    .company-wrap .sub-section .txt-wrap > div span {font-size: 14px;}
    .company-wrap .sub-section .txt-wrap > div strong {font-size: 14px; margin-bottom: 6px;}
    .company-wrap .sub-section .txt-wrap .gray {font-size: 20px; color: #595959; font-weight: 600;}
    .company-wrap .sub-section .txt-wrap .gray span {font-size: 16px;}
    .company-wrap .sub-section .txt-wrap .signature span {font-weight: 600;}
    .company-wrap .sub-section .txt-wrap .signature span:nth-child(1) {font-size: 18px;}
    .company-wrap .sub-section .txt-wrap .signature span:nth-child(2) {font-size: 22px;}

    .company-wrap .sub-section.section3-1 {padding: 20px 15px; box-sizing: border-box;}
    .company-wrap .sub-section.section3-1 .tbl-wrap th, .company-wrap .sub-section.section3-1 .tbl-wrap td {padding: 0 5px; box-sizing: border-box;}
    .company-wrap .sub-section.section3 {padding: 30px 15px 150px; box-sizing: border-box;}
    .company-wrap .sub-section.section3 .deco {right: 15px; text-align: right;} 
    .company-wrap .sub-section.section3 .deco img {width: 50%;}
    .company-wrap .sub-section.section3 > div {width: 100%;}
    .company-wrap .sub-section.section3 .sub-title {margin-bottom: 20px;}
    .company-wrap .sub-section.section3 .grid-2 {grid-template-columns: repeat(1, 1fr); row-gap: 30px; column-gap: 0px; margin: 20px 0;}
    .company-wrap .sub-section.section3 .grid-2 .grid-item .txt-wrap p {margin-bottom: 10px; line-height: 130%;}

    .company-wrap .sub-section.section4 {padding: 30px 15px 80px; box-sizing: border-box;}
    .company-wrap .sub-section.section4 .section-item {display: flex; flex-direction: column; gap: 50px;}
    .company-wrap .sub-section.section4 .symbol > span {font-size: 16px; display: block; margin-bottom: 20px;}
    .company-wrap .sub-section.section4 .symbol-1 > div {display: flex; flex-direction: column; align-items: center; gap: 20px;}
    .company-wrap .sub-section.section4 .symbol-1 > div div:nth-child(1) img {width: 100%;}
    .company-wrap .sub-section.section4 .symbol-1 > div > div p {width: 100%; margin-top: 25px;}
    .company-wrap .sub-section.section4 .symbol-1 > div div:nth-child(2) {justify-content: center;}
    .company-wrap .sub-section.section4 .symbol-1 > div div:nth-child(2) img {height: fit-content; width: 100%;}
    .company-wrap .sub-section.section4 .symbol-1 > div div:nth-child(3) img {width: 100%;}
    .company-wrap .sub-section.section4 .symbol-2 {display: flex; flex-direction: column; gap: 30px;}
    .company-wrap .sub-section.section4 .symbol-2 > div {display: flex; align-items: flex-start; justify-content: center; gap: 20px;}
    .company-wrap .sub-section.section4 .symbol-3 > div {gap: 20px;}
    .company-wrap .sub-section.section4 .symbol-3 > div .color .color-box {width: 100%; height: 120px; margin-bottom: 10px;}
    .company-wrap .sub-section.section4 .symbol-4 .sub-color {gap: 10px; flex-direction: row;}

    .prd-wrap {margin-top: 0;}
    .prd-wrap .sub-section .prd-main > div:nth-child(1) {height: 350px; margin-bottom: 20px;}
    .prd-wrap .sub-section .prd-main .img-wrap {margin-top: 60px;}
    .prd-main-txt {padding: 0 15px; box-sizing: border-box; width: 100%;}
    .prd-wrap .sub-section.section2 {padding: 40px 15px 20px; box-sizing: border-box;}
    .prd-wrap .sub-section.section2 .img-wrap {margin-bottom: 25px;}
    .prd-wrap .sub-section.section2 .img-wrap img {width: 100%;}
    .prd-wrap .sub-section.section2 .section-item .flex .flex-item > div:nth-child(2) {margin-top: 20px;}
    .prd-wrap .sub-section.section3 {padding: 20px 15px 40px; box-sizing: border-box;}
    .prd-wrap .sub-section.section3 .prd-con .prd-item {align-items: flex-start;}
    .prd-wrap .sub-section.section3 .prd-con .prd-item img {width: 100%;}
    .prd-wrap .sub-section.section3 .prd-con .prd-item .prd-title {font-size: 18px;}
    .prd-wrap .sub-section.section3 .section-item > .tbl-wrap {padding-left: 0px;}
    .prd-wrap .sub-section.section3 .section-item > .tbl-wrap .tbl-title {font-size: 18px; white-space: nowrap;}
    .prd-wrap .sub-section.section3 .section-item > .tbl-wrap table th, .prd-wrap .sub-section.section3 .section-item > .tbl-wrap table td {padding: 5px;}

    .prd-wrap .sub-section.section4 {padding: 20px 15px 40px; box-sizing: border-box;}
    .prd-wrap .sub-section.section4 .section-item .item-title {min-width: auto;}
    .prd-wrap .sub-section.section4 .section-item .img-wrap.absolute {position: relative; left: auto; bottom: auto;}

    .prd-wrap .sub-section.section5 {padding: 0 15px 50px; box-sizing: border-box;}
    .prd-wrap .sub-section.section5 .img-wrap:nth-child(1) {margin-bottom: 25px;}
    .prd-wrap .sub-section.section5 .img-wrap img {width: 100%;}
    .prd-wrap .sub-section.section5 .list-txt {padding-left: 0px; margin-top: 20px;}

    .prd-wrap .sub-section.section6 {padding: 0 15px 40px; box-sizing: border-box;}
    .prd-wrap .sub-section.section6 .section-item {display: flex; flex-direction: column; gap: 30px;}
    .prd-wrap .sub-section.section6 .section-item:not(:last-child) {margin-bottom: 40px;}
    .prd-wrap .sub-section.section6 .section-item .flex {gap: 40px;}
    .prd-wrap .sub-section.section6 .section-item .item-title {min-width: auto;}
    .prd-wrap .sub-section.section6 .section-item .flex img {width: 100%;}
    .prd-wrap .sub-section.section6 .section-item .flex > div {width: 100%;}
    .prd-wrap .sub-section.section6 .section-item .flex > div.img-wrap {width: 100%;}
    .prd-wrap .sub-section.section6 .section-item .flex > div .item-desc .title {font-size: 18px; margin-bottom: 10px; padding-left: 0px;}
    .prd-wrap .sub-section.section6 .section-item .grid {grid-template-columns: repeat(1, 1fr); width: 100%;}
    .prd-wrap .sub-section.section6 .section-item .grid .item-title {min-width: auto;}
    
    .prd-wrap .sub-section.section7 {padding: 0 15px 40px; box-sizing: border-box;}
    .prd-wrap .sub-section.section8 {padding: 0 15px 100px; box-sizing: border-box;}
    .prd-wrap.prd-sub .prd-main > img {width: 100%;}

    .prd-wrap.prd-yellow .sub-section.section2 .section-item .flex {flex-direction: column;}
    .prd-wrap.prd-yellow .sub-section.section2 .section-item .flex .flex-item {flex-direction: column; gap: 30px; align-items: center;}
    .prd-wrap.prd-yellow .sub-section.section2 .section-item .flex .flex-item > img {width: 60%}
    .prd-wrap.prd-yellow .sub-section.section2 .section-item .flex .flex-item > div {width: 100%;}
    .prd-wrap.prd-yellow .sub-section.section2 .section-item .flex .flex-item > div:nth-child(2) {margin-top: 0;}

    .prd-wrap.prd-yellow .sub-section.section3 {padding: 0 15px 100px; box-sizing: border-box;}
    .prd-wrap.prd-yellow .sub-section.section3 .type-flex {gap: 20px; margin-bottom: 60px;}
    .prd-wrap.prd-yellow .sub-section.section3 .type-flex .type-item {display: flex; flex-direction: row; gap: 0;}
    .prd-wrap.prd-yellow .sub-section.section3 .type-flex .type-item img {width: 100%;}
    .prd-wrap.prd-yellow .sub-section.section3 .type-flex .type-item span {width: 100%; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; line-height: 135%;}

    .prd-wrap.prd-green .sub-section.section2 {padding: 0 15px 40px; box-sizing: border-box;}
    .prd-wrap.prd-green .sub-section.section2 .section-item {margin-bottom: 30px;}
    .prd-wrap.prd-green .sub-section.section2 .section-item .flex .flex-item { flex-direction: column;}
    .prd-wrap.prd-green .sub-section.section2 .section-item .flex .flex-item > div {width: 100%;}
    .prd-wrap.prd-green .sub-section.section2 .section-item .flex .flex-item:nth-child(1) > img {height: fit-content; width: 70%;;}
    .prd-wrap.prd-green .sub-section.section2 .tbl-wrap {line-height: 130%; font-size: 15px;}
    .prd-wrap.prd-green .sub-section.section2 .tbl-wrap td {text-align: left;}
    .prd-wrap.prd-green .sub-section.section2 .tbl-wrap .tbl-txt {font-size: 14px; text-align: left;}
    .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .flex, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .flex, .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(2) .flex {width: 100%; gap: 50px; justify-content: space-between;}
    .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .flex .img-wrap, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .flex .img-wrap, .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(2) .flex .img-wrap {margin: 20px 0;}
    .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .flex .img-wrap img, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .flex .img-wrap img {margin-top: 0;}
    .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(3) .tbl-wrap, .prd-wrap.prd-green .sub-section.section2 .section-item:nth-child(4) .tbl-wrap, .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(2) .tbl-wrap {width: 100%;}

    .prd-wrap.prd-green .sub-section.section3 {padding: 0 15px 100px; box-sizing: border-box;}
    .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(3) > .flex {gap: 10px;}
    .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(3) > .flex .img-wrap {margin: 0;}
    .prd-wrap.prd-green .sub-section.section3 .section-item:nth-child(3) > .flex .flex {flex-direction: column; gap: 25px; margin-top: 10px;}
    .prd-wrap.prd-green .sub-section.section3 .tbl-wrap {width: 100%!important;}
    .prd-wrap.prd-green .sub-section.section3 .img-wrap img {width: 70%;}
    .box {display: flex; flex-direction: column; gap: 15px; width: fit-content;}

    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-title {background-size: cover; margin-bottom: 10px;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-txt {width: 100%;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img.flex {gap: 40px;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div {gap: 10px; flex-direction: row; align-items: center; justify-content: space-between;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div img {width: auto; height: fit-content;;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div span {text-align: left; font-size: 16px; width: 100%;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .flex {gap: 10px;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .flex .img-wrap img {width: 70%;}
    .prd-wrap.prd-brown .spec-wrap > .flex {gap: 20px;}
    .prd-wrap.prd-brown .spec-wrap > .flex .spec-item {width: 100%;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order {flex-direction: column; align-items: space-between; justify-content: center; width: 100%;; gap: 10px;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > img {width: fit-content; height: 90%;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > img:nth-child(2), .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > img:nth-child(4) {height: 50%; transform: rotate(90deg);}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > div {gap: 5px; width: 100%;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > div > div {background-repeat: no-repeat; background-size: contain; height: 30px; color: #fff; font-weight: 600; font-size: 16px; padding: 3px; box-sizing: border-box; text-align: center; margin-top: 3px;}
    .prd-wrap.prd-brown .spec-wrap .spec-item .spec-desc .desc-img > div.order > div > span {text-align: left;}
    .prd-wrap.prd-brown .sub-section.section2 .section-item .flex {justify-content: flex-start;}
    .prd-wrap.prd-brown .sub-section.section2 .img-wrap {justify-content: flex-start; margin: 0; width: auto; align-items: center;}

    .prd-wrap.prd-brown .sub-section.section3 {padding: 35px 15px 100px; box-sizing: border-box;}
    .prd-wrap.prd-brown .sub-section.section3 .type-item {margin-bottom: 40px;}
    .prd-wrap.prd-brown .sub-section.section3 .type-item .flex {gap: 20px;}
    .prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left {width: 100%;}
    .prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left dl {display: flex; width: 100%; gap: 6px;}
    .prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left dt {width: 10%; font-weight: 600;}
    .prd-wrap.prd-brown .sub-section.section3 .type-item .flex .left dd {width: calc(90% - 6px);}

}