#container-wrap {background: #fdf9ee; margin-top: 160px; background-image: url('../images/comm_back_img.png'); background-size: cover; background-repeat: no-repeat; background-position: bottom; }
.ex-cont-wrap {width: 1270px; margin: 0 auto; padding-top: 80px; padding-bottom: 100px; position: relative;}

.ex-icon {position: absolute; top: -12px; right: 0; width: 500px;}
.ex-icon img {width: 100%;}

.ex-titlt {}
.ex-titlt .ex-t-txt {font-size: 38px; color:#000;}
.ex-titlt .ex-t-txt span {color: #57962e;}
.ex-titlt .ex-s-txt {font-size: 16px; font-weight: 500;}

.div-cont-ex {z-index: 10; position: relative;}

.ex_cont {margin-top: 50px;}

.ex_box {display: flex; justify-content: space-between; gap: 50px;}
.ex_box .ex_box_left {background: #759146; border-radius: 14px; flex: 0.5;}
.ex_box .ex_box_left a {display: flex; text-align: center; padding: 60px; flex-direction: column; align-items: center; gap: 20px;}
.ex_box .ex_box_left a img {}
.ex_box .ex_box_left a p {font-size: 22px; color: #fff;}
.ex_box .ex_box_left a .circle-btn {width:60px; height:60px; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center; text-decoration:none; transition:.3s; box-shadow:0 3px 10px rgba(0,0,0,.08);}
.ex_box .ex_box_left a:hover .circle-btn {transform:translateX(3px);}
.ex_box .ex_box_left a .circle-btn .arrow {position:relative; width:28px; height:2px; background:#4f6f35;}
.ex_box .ex_box_left a .circle-btn .arrow::after {content:""; position:absolute; right:0; top:50%; width:10px; height:10px; border-top:2px solid #4f6f35; border-right:2px solid #4f6f35; transform:translateY(-50%) rotate(45deg);}

.ex_box .ex_box_right {border-radius: 14px; background: #fff; display: flex; flex: 1; padding: 0px 50px; justify-content: space-between; align-items: center; box-shadow: 4px 5px 10px 0px rgb(0, 0, 0, 0.08); gap:80px;}
.ex_box .ex_box_right ul {flex:1;}
.ex_box .ex_box_right ul li {display: flex; align-items: center; gap: 10px;}
.ex_box .ex_box_right ul li hr {width: 100%; height: 1px; background: #ddd; margin: 30px 0;}
.ex_box .ex_box_right ul li img {width: 80px;}
.ex_box .ex_box_right ul li .ex-right-txt {}
.ex_box .ex_box_right ul li .ex-right-txt p {font-size: 20px; font-weight: 500; color: #000;}
.ex_box .ex_box_right ul li .ex-right-txt strong {color: #759146;}
.ex_box .ex_box_right a {display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; padding: 60px; background: #35633e; border-radius: 14px;}
.ex_box .ex_box_right a img {}
.ex_box .ex_box_right a p {font-size: 22px; color: #fff;}
.ex_box .ex_box_right a .circle-btn {width:60px; height:60px; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center; text-decoration:none; transition:.3s; box-shadow:0 3px 10px rgba(0,0,0,.08);}
.ex_box .ex_box_right a:hover  .circle-btn{transform:translateX(3px);}
.ex_box .ex_box_right a .circle-btn .arrow {position:relative; width:28px; height:2px; background:#4f6f35;}
.ex_box .ex_box_right a .circle-btn .arrow::after {content:""; position:absolute; right:0; top:50%; width:10px; height:10px; border-top:2px solid #4f6f35; border-right:2px solid #4f6f35; transform:translateY(-50%) rotate(45deg);}

.ex_tell {background: #fff; padding: 30px; border-radius: 14px; margin-top: 50px; display: flex; justify-content: center; align-items: center; gap: 30px; box-shadow: 4px 5px 10px 0px rgb(0, 0, 0, 0.08);}
.ex_tell p {font-size: 20px; font-weight: 500; color: #000;}
.ex_tell .tell-txt {display: flex; align-items: center;}
.ex_tell .tell-txt img {}
.ex_tell .tell-txt strong {font-size: 22px; font-weight: 600; color: #000;}

.ex_box_list {padding:35px; background:#fff;border-radius:18px; width: 100%;}
.ex_box_list ul {display:flex; flex-wrap: wrap; gap:20px;}
.ex_box_list ul li {width: calc((100% - 60px) / 4);}
.ex_box_list ul li a {position: relative; display: flex; flex-direction: column; align-items: center; gap:10px; background: #f1f3e5; padding: 30px; border-radius: 18px;}
.ex_box_list ul li:nth-child(2n) a {background: #f8f8f8;}

.ex_box_list ul li a .list-img-box {height: 170px; width: 100%; border-radius: 18px; overflow: hidden; display: flex; align-items: center;}
.ex_box_list ul li a .list-img-box img {width:100%;}
.ex_box_list ul li a .ex-one-txt {font-size: 22px; font-weight:600;}
.ex_box_list ul li a .circle-btn-list {width:40px; height:40px; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center; text-decoration:none; transition:.3s; border: 1px solid #579630;}
.ex_box_list ul li a:hover  .circle-btn-list{transform:translateX(3px);}
.ex_box_list ul li a .circle-btn-list .arrow {position:relative; width:15px; height:2px; background:#4f6f35;}
.ex_box_list ul li a .circle-btn-list .arrow::after {content:""; position:absolute; right:0; top:50%; width:8px; height: 8px; border-top:2px solid #4f6f35; border-right:2px solid #4f6f35; transform:translateY(-50%) rotate(45deg);}

body.popup-lock {overflow:hidden;}
.swiper-wrapper {height: 100% !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .5;}
.layer-popup {position:fixed; inset:0; display:none; z-index:9999;}
.layer-popup.show {display:block;}
.popup-dim {position:absolute; inset:0; background:rgba(0,0,0,.45);}
.popup-inner {position:relative; left:50%; top:50%; transform:translate(-50%,-50%); width:980px; max-width:90%; height: auto; background:#fff; border-radius:30px; padding:50px; box-sizing:border-box;}
.popup-close {position:absolute; right: 15px; top: 15px; width: 30px; height: 30px; border:1px solid #888; border-radius:50%; background:#fff; cursor:pointer; color: #000; font-weight: 600;}
.popup-swiper {overflow:hidden;}
.popup-prev, .popup-next {width:60px; height:60px; margin-top:-37px; background:#fff; border-radius:50%; box-shadow: 0 10px 30px rgba(0,0,0,.12); transition:.25s; overflow:hidden;}
.popup-prev::after, .popup-next::after {display:none;}
.popup-prev .arrow, .popup-next .arrow {position:absolute; left:50%; top:50%; width:18px; height:18px; margin-top:-11px; border-top:4px solid #73a73a; border-right:4px solid #73a73a;}
.popup-prev .arrow {margin-left: -6px; transform:rotate(-135deg);}
.popup-next .arrow {margin-left: -13px; transform:rotate(45deg);}
.popup-prev {position:absolute; left:-80px; top:50%;}
.popup-next {position:absolute; right:-80px; top:50%;}
.popup-prev:hover, .popup-next:hover {transform:translateY(-2px); box-shadow: 0 18px 40px rgba(0,0,0,.18);}
.popup-prev:active, .popup-next:active {transform:scale(.96);}
.layer-popup .swiper-pagination {bottom: 20px;}
.layer-popup .swiper-pagination .swiper-pagination-bullet {width:12px; height: 12px;}

.popup-inner .pop-title {display: flex; gap: 10px; align-items: center; margin-bottom: 30px; border-bottom: 1px solid #000; padding-bottom: 8px;}
.popup-inner .pop-title .pop-ttl-img {width: 60px; height: 60px; background: #f8f9f3; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.popup-inner .pop-title .pop-ttl-img img {width: 48px;}
.popup-inner .pop-title .pop-ttl-txt {}
.popup-inner .pop-title .pop-ttl-txt p {color: #57962e; font-size:16px; font-weight: 600;}
.popup-inner .pop-title .pop-ttl-txt h4 {color: #000; font-size: 24px; font-weight: 600;}

.pop-box .pop-cont {}
.pop-box .pop-cont .pop-cont-txt {margin-bottom: 8px;}
.pop-box .pop-cont .pop-cont-txt p {font-size: 19px; font-weight: 500; letter-spacing: -0.1px; color: #000; line-height: 36px; word-break: keep-all;}
.pop-box .pop-cont .pop-cont-btxt {margin-bottom: 9px;}
.pop-box .pop-cont .pop-cont-btxt p {font-size: 20px; font-weight: 600; letter-spacing: -0.1px; color: #57962e;}
.pop-box .pop-cont .pop-cont-ntxt {margin-bottom: 15px;}
.pop-box .pop-cont .pop-cont-ntxt p {font-size: 18px; font-weight: 300; letter-spacing: -0.1px; color: #000; line-height: 36px; word-break: keep-all;}

.pop-box .pop-cont .pop-cont-table {margin-bottom: 20px;}
.pop-box .pop-cont .pop-cont-table tbody {}
.pop-box .pop-cont .pop-cont-table tbody tr {}
.pop-box .pop-cont .pop-cont-table tbody tr th, .pop-box .pop-cont .pop-cont-table tbody tr td {font-size:18px; color:#000; border: 1px solid #ddd; padding: 8px 14px;}
.pop-box .pop-cont .pop-cont-table tbody tr th {font-weight: 500; background-color: #f8f5ec;}
.pop-box .pop-cont .pop-cont-table tbody tr td {font-weight: 600; background-color: #fff;}
.pop-box .pop-cont .pop-cont-table tbody tr td:first-child {text-align: center;}
.pop-box .pop-cont .pop-cont-table tbody tr td:last-child {padding-left: 30px;}

.pop-box .pop-cont .pop-cont-stable {margin-bottom: 20px;}
.pop-box .pop-cont .pop-cont-stable tbody tr th, .pop-box .pop-cont .pop-cont-stable tbody tr td {font-size:18px; color:#000; border: 1px solid #ddd; padding: 8px 14px;}
.pop-box .pop-cont .pop-cont-stable tbody tr th {font-weight: 500; background-color: #f8f5ec; width: 180px;}
.pop-box .pop-cont .pop-cont-stable tbody tr td {font-weight: 600; background-color: #fff;}

.pop-box .pop-cont .pop-cont-colbox {border-radius: 8px; background-color:#f8f5ec; padding: 20px;}
.pop-box .pop-cont .pop-cont-colbox ul {}
.pop-box .pop-cont .pop-cont-colbox ul li {border-bottom: 1px dashed #ddd; padding: 12px 0;}
.pop-box .pop-cont .pop-cont-colbox ul li:first-child {padding-top:0;}
.pop-box .pop-cont .pop-cont-colbox ul li:last-child {border-bottom: 0px dashed #ddd; padding-bottom:0;}
.pop-box .pop-cont .pop-cont-colbox ul li p {font-size:18px; color:#000;}
.pop-box .pop-cont .pop-cont-colbox ul li p.qa {font-weight: 500; color:#555; padding-bottom:10px;}
.pop-box .pop-cont .pop-cont-colbox ul li p.aw {font-weight: 600; padding-left: 20px;}

.pop-box .pop-cont .pop-cont-rolbox {border-radius: 8px; background-color:#f8f5ec; padding: 30px;}
.pop-box .pop-cont .pop-cont-rolbox p.low {font-size:22px; font-weight: 600; color: #57962e; padding-bottom: 10px; text-align: center;}
.pop-box .pop-cont .pop-cont-rolbox p.wrt {font-size:19px; font-weight: 500; color:#000; line-height: 30px;}
.pop-box .pop-cont .pop-cont-rolbox p.chk {font-size:18px; font-weight: 500; padding-top:10px;}

.pop-box .pop-cont .pop-cont-flexbox {display: flex; gap: 20px; flex-direction: column;}
.pop-box .pop-cont .pop-cont-flexbox ul {border-radius: 8px; background-color:#f8f5ec; padding: 30px; flex:1;}
.pop-box .pop-cont .pop-cont-flexbox ul:first-child {background-color:#f8f8f8;}
.pop-box .pop-cont .pop-cont-flexbox ul li {}
.pop-box .pop-cont .pop-cont-flexbox ul li p.low {font-size: 22px; font-weight: 700; color: #57962e; padding-bottom: 15px; text-align: center; line-height: 1;}
.pop-box .pop-cont .pop-cont-flexbox ul li p.wrt {font-size: 19px; font-weight: 500; color: #555; line-height: 30px; padding: 20px 25px; border: 1px solid #e3e7e0; border-radius: 12px; background: #fff; word-break: keep-all; box-shadow: 0 5px 15px rgba(0, 0, 0, .04);}
.pop-box .pop-cont .pop-cont-flexbox ul li p.chk {font-size:18px; font-weight: 500; padding-top:10px;}
.pop-box .pop-cont .pop-cont-flexbox ul li p strong {font-weight: 600; color: #000;}

.pop-box .pop-cont .pop-cont-folinkbox {display: flex; gap:20px;}
.pop-box .pop-cont .pop-cont-folinkbox .pop-chkfo {background: #f8f8f8; border-radius: 14px; flex: 1; padding:20px; display: flex;  flex-direction: column; justify-content: center;}
.pop-box .pop-cont .pop-cont-folinkbox .pop-chkfo p {font-size: 18px; color: #000; font-weight: 500; border-bottom: 1px dashed #ddd; padding: 10px 0; list-style: disc; display: list-item; margin-left: 35px;}
.pop-box .pop-cont .pop-cont-folinkbox .pop-chkfo p:last-child {border-bottom: 0px dashed #ddd;}
.pop-box .pop-cont .pop-cont-folinkbox .pop-link {background: #759146; border-radius: 14px; flex: 0.5;}
.pop-box .pop-cont .pop-cont-folinkbox .pop-link a {display: flex; text-align: center; padding: 30px; flex-direction: column; align-items: center; gap: 20px;}
.pop-box .pop-cont .pop-cont-folinkbox .pop-link a img {}
.pop-box .pop-cont .pop-cont-folinkbox .pop-link a p {font-size: 22px; color: #fff;}
.pop-box .pop-cont .pop-cont-folinkbox .pop-link a .circle-btn {width:60px; height:60px; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center; text-decoration:none; transition:.3s; box-shadow:0 3px 10px rgba(0,0,0,.08);}
.pop-box .pop-cont .pop-cont-folinkbox .pop-link a:hover .circle-btn {transform:translateX(3px);}
.pop-box .pop-cont .pop-cont-folinkbox .pop-link a .circle-btn .arrow {position:relative; width:28px; height:2px; background:#4f6f35;}
.pop-box .pop-cont .pop-cont-folinkbox .pop-link a .circle-btn .arrow::after {content:""; position:absolute; right:0; top:50%; width:10px; height:10px; border-top:2px solid #4f6f35; border-right:2px solid #4f6f35; transform:translateY(-50%) rotate(45deg);}

.ex_box_list ul li {width: calc((100% - 80px) / 5);}
.ex_box_list ul li a {padding: 20px;}
.ex_box_list ul li a .list-img-box {height: auto;}

.swiper-button-disabled{pointer-events: inherit !important;}

.table-box {}
.table-box .guide-table {width:100%; border-collapse:collapse; table-layout:fixed; border-top:2px solid #8b6651; border-bottom:2px solid #8b6651;}
.table-box .guide-table th, .guide-table td {padding:8px 16px; font-size:14px; line-height:1.5; vertical-align:middle; border-bottom:1px solid #cfcfcf;}
.table-box .guide-table th {border-right:1px solid #cfcfcf;}
.table-box .guide-table thead th {background:#8b6651; color:#fff; font-size:14px; font-weight:500; text-align:center;}
.table-box .guide-table thead th:last-child {border:0;}
.table-box .guide-table tbody th {background:#faf8f7; color:#8b6651; font-weight:500; text-align:left;}
.table-box .guide-table tbody td {color:#222; background:#fff;}
.table-box .guide-table .formula div {display:flex;}
.table-box .guide-table .formula div span:first-child {padding-right:3px;}
.table-box .guide-table .formula div span:last-child {flex:1;}

/*.table-box {max-height:300px; overflow-y:auto;}*/
.guide-table {width:100%; border-collapse:collapse;}
.guide-table thead th {position:sticky; top:0; z-index:10; background:#8b6651; color:#fff;}

.quick-link-wrap {display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; background: #fff; padding: 34px; box-shadow: 4px 5px 10px 0px rgb(0, 0, 0, 0.08); border-radius: 14px;}
.quick-link-card {display: flex; flex-direction: column; min-width: 0; min-height: 280px; padding: 20px 24px 16px; border-radius: 18px; box-sizing: border-box; overflow: hidden;}

.card-green {background: linear-gradient(135deg, #f3faf7, #edf8f5); color: #08745c;}
.card-blue {background: linear-gradient(135deg, #f3f8ff, #edf5ff); color: #0759d2;}
.card-purple {background: linear-gradient(135deg, #f7f5ff, #f1efff); color: #5540c9;}
.quick-link-main {display: flex; align-items: flex-start; gap: 16px;}
.quick-link-icon {flex: 0 0 72px; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.95); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(0, 0, 0, 0.05);}
.quick-link-icon img {width: 43px; height: 43px;}
.quick-link-title {padding-top: 4px;}
.quick-link-title h3 {margin: 0; font-size: 21px; line-height: 1.45; font-weight: 700; letter-spacing: -0.8px;}
.quick-link-line {width: 42px; height: 2px; margin: 12px 0 12px; background: currentColor; opacity: .75;}
.quick-link-desc {margin: 0; color: #444; font-size: 16px; line-height: 1.65; letter-spacing: -0.4px; font-weight: 500;}
.quick-link-btn {display: flex; align-items: center; justify-content: space-between; height: 50px; padding: 0 18px 0 20px; margin-top: auto; border-radius: 25px; color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; letter-spacing: -0.4px; box-sizing: border-box; transition: .2s ease; padding-left: 58px;}
.card-green .quick-link-btn {background: linear-gradient(90deg, #078369, #079474);}
.card-blue .quick-link-btn {background: linear-gradient(90deg, #1765dd, #0876eb);}
.card-purple .quick-link-btn {background: linear-gradient(90deg, #5844cb, #674bd8);}
.quick-link-btn i, .bottom-btn i {font-size: 26px; font-style: normal; font-weight: 300; line-height: 1; transition: transform .2s ease;}
.quick-link-btn:hover {transform: translateY(-2px); filter: brightness(1.04);}
.quick-link-btn:hover i, .bottom-btn:hover i {transform: translateX(4px);}
.quick-link-bottom {display: flex; align-items: center; min-height: 100px; background: linear-gradient(100deg, #faf8f4, #f8f5ee); box-sizing: border-box; padding: 34px; box-shadow: 4px 5px 10px 0px rgb(0, 0, 0, 0.08); border-radius: 14px; margin-top: 30px;}
.bottom-icon {flex: 0 0 72px; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; color: #8b745c;}
.bottom-icon img {width: 58px; height: 58px;}
.bottom-content {margin-left: 24px;}
.bottom-content h3 {margin: 0 0 4px; color: #392f27; font-size: 21px; line-height: 1.35; font-weight: 700; letter-spacing: -0.7px;}
.bottom-content p {margin: 0; color: #555; font-size: 16px; line-height: 1.5; letter-spacing: -0.3px; font-weight: 500;}
.bottom-btn {display: flex; align-items: center; justify-content: space-between; width: 240px; height: 52px; padding: 0 18px 0 24px; margin-left: auto; border: 1px solid #cdbba6; border-radius: 25px; color: #594938; background: rgba(255, 255, 255, .6); text-decoration: none; font-size: 18px; font-weight: 600; box-sizing: border-box; transition: .2s ease;}
.bottom-btn:hover {background: #fff; transform: translateY(-2px);}

hr {border-top: 1px dashed #ddd;}