@charset "utf-8";

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px;outline-color:#f37736;}

.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}

.contain {width:100%; max-width:var(--container); padding-left:var(--space-container); padding-right:var(--space-container); margin:0 auto;}

#wrapper {position:relative;}

/* header */
#header {position:relative; z-index:100; width:100%; background:#fff;}
#sub #header {border-bottom:1px solid #ddd;}

.header {position:relative; width:100%; z-index:2; padding: 24px 0;}
.header .contain {display:flex; justify-content:space-between; align-items:center; height:100%;}

.header-right {display:flex; flex-direction:column; align-items:flex-end; justify-content:space-around;}

.sitelogo {line-height:0; }
.sitelogo a {display:block;}

.top-search {position:relative; width:480px;}
.top-search .inner {display:block; position:relative;}
.top-search .input {display:block; width:100%; height:66px; padding-right: 45px; border: none; border-bottom: 2px solid #121212;color:#505050; font-weight:500; border-radius: 0; padding-left: 0; }
.top-search .input::placeholder {color:#a8a8a8; font-weight:600;}
.top-search .submit {position:absolute; top:50%; right:0; width:42px; height:42px; margin-top:-24px; border:0; background:transparent url(../images/common/hd-sch.png) center no-repeat; background-size: contain; }
.top-search .close {display:none; background:none; border:0; padding:4px; margin:0 -4px 0 6px; line-height:0; color:#505050;}

.util {color:#505050; font-size:13px; line-height:1.23em; text-align: center; }
.util ul {display:flex; justify-content:flex-end; align-items:center; gap:24px;}
.util ul span { display: block; margin-top: 5px; }
.util .ico { position: relative; }
.util .num {position:absolute; top:-9px; right:0; min-width:18px; background:#E84A4A; border-radius:10px; line-height:18px; text-align:center; color:#fff; font-size:11px; font-weight: 700; }

.top-links {position:relative; display:flex; gap:18px;}
.top-links .link-item {position:relative; display:block;}
.top-links .link-item svg {display:block; width:26px; height:auto;}
.top-links .show-mobile {display:none;}
.top-links .num {position:absolute; top:-7px; right:-7px; min-width:18px; background:#E84A4A; border-radius:10px; line-height:18px; text-align:center; color:#fff; font-size:11px; font-weight: 700; }
.top-links .account-item {position:relative;}

.gnb-wrap {position:relative; width:100%; height:var(--gnb-height); transition:.4s;}
.gnb-wrap .contain {height:100%;}
.gnb-inner { height:100%; display:flex; align-items:flex-start; justify-content:space-between;}

.gnb {display:block; }
.gnb > ul {display:flex; justify-content:center; gap:0 10px;}
.gnb > ul > li > a {display:flex; align-items:center; justify-content:center; height:48px; font-size:16px; font-weight:500; line-height:1.2em; padding: 0 20px; border-radius: 24px; border: 1px solid #eee; color: #2c2c2c; transition: .2s;}
.gnb > ul > li > a:hover,
.gnb > ul > li.active > a { color: #fff; border-color: #121212; background: #121212; }

.gnb-inner .right { display: flex; gap: 20px; }
.gnb-inner .right .sns { display: flex; text-align: center; align-items: center; gap: 8px; }
.gnb-inner .right .sns div { display: flex; align-items: center; width: 48px; height: 48px; border-radius: 48px; border: 1px solid #eee; justify-content: center; text-align: center; margin: auto; }
.gnb-inner .right .sns span { display: block; font-size: 14px; font-weight: 500; }
.gnb-inner .right .homepage { display: flex; align-items: center; height: 48px; padding-left: 20px; padding-right: 8px; gap: 10px; background: #f4f4f4; border-radius: 24px; }
.gnb-inner .right .homepage span { display: inline-block; padding: 8px 10px; border-radius: 20px; border: 1px solid #EEE; background: #FFF; font-size: 13px; line-height: 1.23em; font-weight: 500; color: #2c2c2c; }

/* 전체 카테고리 */
.gnb-ctg { margin-right:24px;}

.gnb-ctg-open {display:flex; align-items:center; gap:8px; height:48px; background:#fff url(../images/common/menu.png) center no-repeat; font-size:0; font-weight:700; line-height:1.2em; text-indent: -9999em; width: 48px; border-radius: 8px; border: 1px solid #EEE; background-size: 24px; transition: .2s;}
.gnb-ctg-open.on { background-color: var(--color-secondary); border-color: var(--color-secondary); background-image: url(../images/common/menu-w.png);}

.gnb-category {display:none; position:absolute; left:0; z-index:10; overflow:hidden; background:#fff; border:1px solid #eee; top: 86px; width: 100%; box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.04); }
.gnb-category.on {display:block;}
.gnb-category .contain { max-width: 1460px; margin: auto; padding-left: 30px; padding-right: 30px; }

.gnb-ctg-cont {position:relative; background: #fff; padding-bottom: 50px; }

.gnb-ctg-list {width:180px; min-height:500px; overflow:overlay; -ms-scroll-chaining:none; overscroll-behavior:contain; padding-top: 40px; }
.gnb-ctg-list::-webkit-scrollbar {display:none; width:4px; height:4px; background-color:transparent;}
.gnb-ctg-list::-webkit-scrollbar-thumb {background:rgba(0,0,0,.2); border-radius:5px;}
.gnb-ctg-a11y { display: none;}

.gnb-ctg-topmn {display:flex; justify-content:space-between; align-items:center; padding: 8px 0; }
.gnb-ctg-topmn .gnb-ctg-toplink { font-size: var(--font-size20); line-height: 1.7em; font-weight: 600; color: #a8a8a8; position: relative; }
.gnb-ctg-topmn .gnb-ctg-toplink::after { content: ""; position: absolute; right: -14px; top: 0; width: 6px; height: 6px; border-radius: 6px; background: var(--color-primary); opacity: 0; transition: .2s;}
.gnb-ctg-topmn.on .gnb-ctg-toplink { color: #2c2c2c; }
.gnb-ctg-topmn.on .gnb-ctg-toplink::after { opacity: 1; }
.gnb-ctg-topmn.on .gnb-ctg-level1 {display:block; left:180px;}
.gnb-ctg-subarea.gnb-ctg-level1 {display:none; position:absolute; top:0; left:0; width:100%; padding-top: 50px; }

.gnb-ctg-submenu { overflow:overlay; -ms-scroll-chaining:none; overscroll-behavior:contain; }
.gnb-ctg-submenu.fx { display: flex; gap: 30px 40px; flex-wrap: wrap; }
.gnb-ctg-submenu::-webkit-scrollbar {width:4px; height:4px; background-color:transparent;}
.gnb-ctg-submenu::-webkit-scrollbar-thumb {background:rgba(0,0,0,.2); border-radius:5px;}

.gnb-ctg-submn {display: block; width: calc(100%/2 - 20px); padding-left: 0; padding-top: 0; }
.gnb-ctg-submn .gnb-ctg-sublink { padding-left: 16px; font-size: var(--font-size18); color: #2c2c2c; font-weight: 600; line-height: 1.55em; position: relative; display: inline-block; padding-right: 14px; transition: .2s; margin-bottom: 20px; }
.gnb-ctg-submn .gnb-ctg-sublink::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 6px; height: 10px; background: url(../images/common/hd-view.png) center no-repeat; background-size: contain; transition: .2s;}  
.gnb-ctg-submn.target:hover>.gnb-ctg-sublink { color: var(--color-primary);}
.gnb-ctg-submn.target:hover>.gnb-ctg-sublink::after { background-image: url(../images/common/hd-view-c.png);}
.gnb-ctg-submn.small {width: 100%; display: block; padding-top: 0; padding-left: 0; }
.gnb-ctg-submn.small .gnb-ctg-sublink { font-size: 15px; color: #878787; font-weight: 500; line-height: 1.6em; margin-bottom: 0; border-radius: 4px; display: block; padding: 12px 16px; }
.gnb-ctg-submn.small .gnb-ctg-sublink::after { display: none; }
.gnb-ctg-submn.small .gnb-ctg-sublink:hover { background: #F6F6F6; color: #2c2c2c; }

/* for mobile */
.btn-m-menu {display:none; position:relative; width:32px; height:32px; padding:4px; margin-left:-4px;}
.btn-m-menu span {width:100%; height:2px; border-radius:2px; background:#2c2c2c;}

.mobile-navigation {position:fixed; top:0; left:0; z-index:121; width:270px; height:100%; overflow:auto; background:#fff; transition:.2s ease-in-out; -ms-transform:translateX(-100%); transform:translateX(-100%); pointer-events:none; font-size:14px; line-height:1.5em;}

.mn-head {padding:32px 16px 16px 16px; background:var(--color-primary); color:#fff; position: relative; }
.mn-head-link {display:flex; gap:5px; margin-top:12px;}
.mn-head-link .link-item {flex:1; display:block; width:100%; padding:6px; border:1px solid rgba(255,255,255,.6); text-align:center; font-size:13px;}
.mn-head-home { display:block; width:100%; padding:6px; border:1px solid rgba(255,255,255,.6); text-align:center; font-size:13px; margin-top: 5px; }

.mn-hr {display:block; margin:20px 16px; border:0; border-bottom:1px solid #ddd;}

.mn-sns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding-bottom: 30px; }
.mn-sns .sns { display: block; text-align: center; }
.mn-sns .sns div { display: flex; align-items: center; width: 48px; height: 48px; border-radius: 48px; border: 1px solid #eee; justify-content: center; text-align: center; margin: auto; }
.mn-sns .sns span { display: block; font-size: 12px; margin-top: 3px; font-weight: 500; }
.mn-sns .homepage { display: flex; align-items: center; height: 48px; padding-left: 20px; padding-right: 8px; gap: 10px; background: #f4f4f4; border-radius: 24px; }
.mn-sns .homepage span { display: inline-block; padding: 8px 10px; border-radius: 20px; border: 1px solid #EEE; background: #FFF; font-size: 13px; line-height: 1.23em; font-weight: 500; color: #2c2c2c; }

.mn-link {margin:16px;}
.mn-link ul {display:grid; gap:4px 0;}
.mn-link a {display:block; padding:4px 10px; color:#767676; font-size:15px; font-weight:500; line-height:1.5em;}

.mn-nav {margin:16px;}
.mn-nav li.has-sub > a:after {content:''; width:18px; height:18px; background:url('/images/common/gnb-ctg-arrow.svg') 50% 50%/contain no-repeat; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.mn-nav li.has-sub.active > a:after {-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.mn-nav > ul > li > a {position:relative; display:flex; align-items:center; justify-content:space-between; padding:8px 10px; color:#2c2c2c; font-size:15px; font-weight:600; line-height:1.5em;}
.mn-nav > ul > li ul {display:none; padding:0 0 16px 8px; opacity:.85;}
.mn-nav > ul > li ul li a {position:relative; display:flex; align-items:center; justify-content:space-between; padding:6px 10px; color:#2c2c2c; font-size:14px; line-height:1.5em;}
.mn-nav > ul > li ul li a:after {opacity:.6;}

.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.4; z-index:120;} 

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0); pointer-events:auto;}
html.menu-opened .mobile-overlay {display:block;}

/* 키비주얼관리 */
.main-visual {position:relative; width:100%; overflow:hidden; margin-bottom:var(--space-50);}
.main-visual .swiper {max-width:1400px; margin:0 auto; overflow:visible;}
.main-visual .swiper-slide {width:100%; height:100%; overflow:hidden; border-radius: 16px; }
.main-visual .swiper-slide a {display:block; position: relative; }
.main-visual .swiper-slide img {display:block;}

.main-visual .swiper-slide .caption { position: absolute; left: 0; bottom: 0; padding: 34px;}
.main-visual .swiper-slide .caption .ctr { display: inline-block; background: #121212; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.42em; padding: 4px 12px; border-radius: 25px; }
.main-visual .swiper-slide .caption .title { font-size: var(--font-size28); line-height: 1.5em; font-weight: 600; color: #2c2c2c; margin: 12px 0;}
.main-visual .swiper-slide .caption .en-title { font-weight: 500; color: #505050; line-height: 1.5em; }
.main-visual .swiper-slide .caption.white .title { color: #fff;}
.main-visual .swiper-slide .caption.white .en-title { color: #fff;}

.main-visual .controls {position: absolute; left: 0; bottom: 30px; width: 100%; height: 32px; z-index: 1; }
.main-visual .controls .contain {display:flex; align-items:center; gap:6px; justify-content:flex-end;}
.main-visual .ctrl {display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius: 4px; background: rgba(0, 0, 0, 0.10); background-blend-mode: difference; backdrop-filter: blur(12px); border: none; }
.main-visual .ctrl svg {display:block; width:22px; height:auto; fill: #fff; }
.main-visual .ctrl .play svg { width: 16px; }
.main-visual .pager {display:flex; justify-content:center; align-items:center; gap:2px; color:rgba(255,255,255,0.5); font-size:13px; line-height:1.3em; letter-spacing:0; text-align:center; width: 65px; height: 32px; border-radius: 4px; background: rgba(0, 0, 0, 0.10); background-blend-mode: difference; backdrop-filter: blur(12px); font-weight: 700; }
.main-visual .pager .current { color: #fff; }

/* 메인 카테고리 */
.main-category { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
.main-category li { width: 100px; text-align: center; }
.main-category li a { display: block; }
.main-category li .icon { transition: .2s; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: #f4f4f4; }
.main-category li .tt { margin: 12px 0 4px; color: #2c2c2c; font-weight: 500; line-height: 1.5em; transition: .2s;}
.main-category li .en-tt { line-height: 1.23em; font-size: 13px; font-weight: 500; color: #a8a8a8; transition: .2s;}
.main-category li a:hover .icon { background: #e3edff; }
.main-category li a:hover .tt { color: var(--color-primary); }
.main-category li a:hover .en-tt { color: var(--color-primary); }

/* 메인 공지사항 */
.main-notice { display: flex; align-items: center; }
.main-notice .main-ban { width: 440px; margin-right: 70px; border-radius: 16px; overflow: hidden;}
.main-notice .main-ban .thumb { position: relative; padding-bottom: 100%; display: block; overflow: hidden;}
.main-notice .main-ban .thumb img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.main-notice .swiper-pagination { padding: 8px 12px; border-radius: 4px; background: rgba(0, 0, 0, 0.1); background-blend-mode: difference; backdrop-filter: blur(12px); display: inline-block; width: auto; bottom: 34px; left: 34px; font-size: 13px; line-height: 1.23em; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 0;}
.main-notice .swiper-pagination-current { color: #fff; }
.main-notice .list { flex: 1 1 auto; min-width: 0; width: 1%; }
.main-notice .main-heading { margin-bottom: 30px; }
.main-notice .main-heading h2 { line-height: 1.5em; font-size: var(--font-size28);}
.main-notice .list ul { border-top: 2px solid #121212; }
.main-notice .list ul li { border-bottom: 1px solid #EEE; }
.main-notice .list ul li a { display: flex; justify-content: space-between; padding: 28px 0; align-items: center;}
.main-notice .list ul li .info { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; }
.main-notice .list ul li .info .ctr { width: 72px; height: 36px; border-radius: 4px; background: #EEF3FB; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--color-primary); line-height: 1.42em; font-weight: 600; }
.main-notice .list ul li .info .tt { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 20px; font-size: var(--font-size18); font-weight: 500; line-height: 1.55em; color: #2c2c2c; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: .2s;}
.main-notice .list ul li .date { color: #878787; line-height: 1.5em; }
.main-notice .list ul li a:hover .info .tt { color: var(--color-primary);}

/* 신상품 슬라이드 버튼 */
.main-new-swp { position: relative; }
.new-prev::after, .new-next::after { display: none; }
.new-prev, .new-next { width: 22px; height: 42px; background-repeat: no-repeat; background-position: center; background-size: contain; top: 39%; transform: translateY(-50%); }
.new-prev { background-image: url(../images/main/new-prev.png); left: -60px; }
.new-next { background-image: url(../images/main/new-next.png); right: -60px; left: auto;}

.main-sec {margin-bottom:var(--space-100);}

.main-heading {position:relative; margin-bottom:40px; display: flex; align-items: center; justify-content: space-between;}
.main-heading .titbox { display: flex; gap: 12px; align-items: center;}
.main-heading h2 {font-size:var(--font-size32); line-height:1.43em; letter-spacing:-.03em; color: #2c2c2c; font-weight: 600; }
.main-heading h2 span {color: var(--color-primary);}
.main-view { display: inline-block; position: relative; font-weight: 500; line-height: 1.5em; color: #2c2c2c; padding-right: 14px; }
.main-view::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 6px; height: 10px; background: url(../images/main/main-view.png) center no-repeat; background-size: contain; }

.main-md-banner .slider {position:relative; max-width:1460px; margin:0 auto; padding-left: 30px; padding-right: 30px; }
.main-md-banner .slider:hover .slide-btn {opacity:1;}
.main-md-banner .swiper {border-radius:12px; opacity:1;}
.main-md-banner .controls { position: relative; display: flex; margin-top: 30px; align-items: center; gap: 16px; }
.main-md-banner .controls .progress { flex: 1; min-width: 0; height: 1px; background: #dfdfdf; overflow: hidden; position: relative; }
.main-md-banner .controls .progress .progress-fill{ position:absolute; left:0; top:0; height:100%; background:#2c2c2c; width:50%;}
.main-md-banner .controls .btns { display: flex; align-items: center; position: relative; gap: 16px; }
.main-md-banner .controls .btns .swiper-pagination { width: auto; margin-top: 0; position: relative; top: auto; bottom: auto; font-size: 13px; color: #a8a8a8; font-weight: 600; line-height: 1.23em; padding-top: 1px;}
.main-md-banner .controls .btns .swiper-pagination-current { padding-right: 3px; color: #2c2c2c; }
.main-md-banner .controls .btns .swiper-pagination-total { padding-left: 4px; }
.main-md-banner .slide-btn {display:flex; align-items:center; justify-content:center; z-index:10; position: relative; width:6px; height:10px; border:0; text-indent: -9999em; background-repeat: no-repeat; background-position: center; background-size: contain; top: auto; margin-top: 0; }
.main-md-banner .slide-btn.prev {left:auto; background-image: url(../images/main/md-prev.png);}
.main-md-banner .slide-btn.next {right:auto; background-image: url(../images/main/md-next.png);}

/* sub page */ 
#contArea {max-width:var(--container); padding-left:var(--space-container); padding-right:var(--space-container); margin:0 auto;}
#contArea.wide {max-width:100%; padding-left:0; padding-right:0;}

.sub-title {padding:45px 0 60px; text-align:left;}
.sub-title h1 {font-size:32px; line-height:1.43em; color: #2c2c2c; font-weight: 600; }
.sub-title p { margin-top: 12px; font-size: var(--font-size18); line-height: 1.66em; color: #878787; font-weight: 500; }
.sub-title.pd { padding: 80px 0 40px; text-align: center; }
.sub-title.left { padding: 80px 0 60px; text-align: left; }

.lnb {margin-bottom:var(--space-50); text-align:center;}
.lnb ul {display:inline-flex; width:auto; max-width:100%; margin:0 auto;}
.lnb ul li {display:flex; align-items:center; width:auto;}
.lnb ul li:not(:first-child)::before {content:''; width:1px; height:14px; background:#ddd; margin:0 15px;}
.lnb ul li a {display:block; padding:5px; font-size:18px; font-weight:500; line-height:1.3em; color:#888;}
.lnb ul li.active a {color:var(--color-primary); font-weight:700;}

.real-cont {min-height:400px; padding-bottom:100px;}

/* footer */
#footer { color:#BEBFC2; font-size:14px; line-height:1.42em;}
.ft-top { padding: 16px 0; background: #282c34; }
.ft-top .contain { display: flex; align-items: center; justify-content: space-between;}
.ft-top .links a { display: inline-block; padding-right: 30px; color: rgba(255, 255, 255, 0.70); font-weight: 500; line-height: 1.33em; font-size: 15px; }
.ft-top .links a.on, 
.ft-top .links a:hover { color: #fff; }
.familysite {position:relative; display:inline-block; width: 143px; }
.familysite .toggle-button {display:flex; justify-content:space-between; align-items:center; width:100%; padding:16px 20px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10); color:#fff; font-weight:500; line-height:1em; text-align:left; font-size: 14px; border-radius: 50px; }
.familysite .toggle-layer {display:none; position:absolute; left:0; width:100%; padding-top: 8px; }
.familysite .toggle-layer ul { border-radius: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 10px 0;}
.familysite .toggle-layer a {display:block; padding:8px 20px; color:#505050; font-weight:500; line-height:1.5em;}
.familysite .toggle-layer a:hover { color: var(--color-primary);}
.ft-btm { background: #1b1e23; }
.ft-btm .info { padding: 40px 0 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
.ft-text { margin: 34px 0 20px;}
.ft-text span { display: inline-block; margin-bottom: 8px; line-height: 1.42em; padding-right: 25px; position: relative; }
.ft-text span::after { content: ""; position: absolute; right: 10px; width: 1px; height: 10px; background: #3d4148; top: 5px; }
.ft-text span.af::after { display: none; }
.ft-text span:last-child { padding-right: 0; }
.cpr span { display: inline-block; font-size: 13px; font-weight: 400; line-height: 1.23em; }
.cpr a { display: inline-block; padding-left: 16px; font-size: 13px; color: #282c34; font-weight: 400; line-height: 1.23em; }
.ft-flex { display: flex; padding: 40px 0 50px; flex-wrap: wrap; gap: 12px; }
.ft-flex .col { width: calc(100%/3 - 8px);}
.ft-flex .col h5 { font-size: 15px; font-weight: 500; line-height: 1.33em; margin-bottom: 12px; }
.ft-flex .col h3 { color: #fff; font-size: var(--font-size18); font-weight: 500; line-height: 1.55em; }
.ft-navermap { width: 153px; height: 46px; border-radius: 25px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10); color: #fff; display: flex; align-items: center; padding-right: 20px; justify-content: flex-end; position: relative; margin-top: 16px; font-weight: 600; line-height: 1em; }
.ft-navermap::before { content: ""; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; width: 26px; height: 26px; background: url(../images/common/ft-naver-ico.png) center no-repeat; background-size: contain; }
.ft-flex .col h2 { font-size: var(--font-size32); font-weight: 600; line-height: 1.43em; color: #fff; margin-bottom: 10px; }
.ft-flex .col .txt p { margin-bottom: 4px; }
.ft-flex .col .txt p:last-child { margin-bottom: 0; }
.ft-flex .col ul { display: flex; flex-wrap: wrap; gap: 2px 10px; color: #fff; margin-bottom: 10px; }
.ft-flex .col ul li { width: calc(100%/2 - 5px); font-size: var(--font-size18); font-weight: 600; line-height: 1.55em; }
.ft-flex .col ul li span { display: inline-block; padding-right: 6px; }
.ft-flex .col h6 { font-weight: 500; font-size: 14px; }