@charset "UTF-8";

@font-face {
    font-family: 'SpokaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'SpokaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'SpokaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpokaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'SpokaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}



* { font-family: 'SpokaHanSansNeo', sans-serif; }
input:focus{outline: 1px solid #2985db;}

#loading {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
        opacity: 1;
    visibility: visible;
    transition: opacity .8s ease, visibility .8s ease;
}

#loading.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loading-logo-effect {
    display: grid;
    place-items: center;
    overflow: visible;
}

.loading-bg,
.loading-logo-effect img {
    grid-area: 1 / 1;
}

.bg-soft {
    width: 440px;
    height: 440px;
    border-radius: 50%;
    z-index: 0;
    background: radial-gradient(
        54.38% 54.38% at 48.33% 48.21%,
        rgba(48, 120, 247, 0.1) 0%,
        rgba(48, 120, 247, 0.05) 100%
    );
    filter: blur(50px);
    animation: loadingSoftSpread 1.2s ease-out forwards;
}

.bg-strong {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    z-index: 1;
    background: radial-gradient(
        65.96% 65.96% at 50% 50%,
        rgba(48, 120, 247, 0.6) 0%,
        rgba(48, 120, 247, 0.1) 100%
    );
    filter: blur(30px);
    animation: loadingStrongSpread 1.8s ease-out forwards;
}

.loading-logo-effect img {
    z-index: 2;
    max-width: 280px;
}

@keyframes loadingSoftSpread {
    0% {
        transform: scale(.9);
        opacity: .5;
    }

    50% {
        transform: scale(1.15);
        opacity: 1;
    }

    100% {
        transform: scale(.9);
        opacity: .5;
    }
}

@keyframes loadingStrongSpread {
    0% {
        transform: scale(.75);
        opacity: .45;
    }

    50% {
        transform: scale(1.25);
        opacity: 1;
    }

    100% {
        transform: scale(.75);
        opacity: .45;
    }
}

.loading-logo-effect > img {outline: 4px solid #fff;  border-radius: 999px;}

:root {
  --color-shockingly-green: #0ae448;
  --color-just-black: #0e100f;
  --color-surface-white: #fffce1;
  --color-pink: #fec5fb;
  --color-shockingly-pink: #f100cb;
  --color-orangey: #ff8709;
  --color-lilac: #9d95ff;
  --color-lt-green: #abff84;
  --color-blue: #00bae2;
  --color-grey: #191919;
  --color-surface75: #bbbaa6;
  --color-surface50: #7c7c6f;
  --color-surface25: #42433d;
}

.main-tool-bar {color: #0e100f; text-align: center; display: flex; align-items: center; justify-content: center; background: transparent; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); position: fixed; width: 100%; left: 0; top: 0; transition: ease 0.4s; &--scrolled {height: 40px;}}
.main-tool-bar.is-scroll {background-color: rgba(255, 255, 255, 0.86); }
.main-tool-bar.is-scroll  .vote_logo img {content: url(/images/vote_t_logo.svg);}
.m_menu {display: none;}
.al_menu {display: none;;}
#al_menu .menu_wr {display: none;}
/*전체메뉴*/



.top_wrap {display: flex; align-items: center; justify-content:space-between; padding:9px 0;}
.top-btn-wrap {display: flex; align-items: center; gap:12px;}
.top-left-wrap {display: flex; align-items: center; gap:68px;}
.top_wrap .top_btn { border:1px solid #A5A8AB;  padding:8px 16px; border-radius: 999px; ;}
.top_wrap .top_btn a {font-size: 14px; line-height: 100%; letter-spacing: -.32px;display: block; color:#1D1E1F;}
.top_wrap .top-sign-btn {background: linear-gradient(84.04deg, #1364BD 12.55%, #2DA8DE 91.66%); border-radius: 999px;  display: flex; align-items: center;}
.top_wrap .top-sign-btn a {color:#fff; font-size: 14px; line-height: 135%; letter-spacing: -2%; display: flex;     align-items: center; height: 32px; padding: 0 16px;;}
.top_wrap .vote-btn-wrap .vote-sign-btn a {color:#fff; border:1px solid #F5F7FA; border-radius: 999px; font-size: 14px; line-height: 135%; letter-spacing: -2%; display: flex;     align-items: center; height: 32px; padding: 0 16px;;}
.top_wrap .vote-btn-wrap .vote-sign-btn a.login_btn {border:0; padding: 0;}
.main-tool-bar.is-scroll .top_wrap .vote-btn-wrap .vote-sign-btn a { border:1px solid #A5A8AB; color:#1D1E1F;}
.main-tool-bar.is-scroll .top_wrap .vote-btn-wrap .vote-sign-btn a.login_btn {border:0; padding: 0;} 
.top-vote-btn {background: linear-gradient(84.04deg, #1364BD 12.55%, #2DA8DE 91.66%); border-radius: 999px;  display: flex; align-items: center;}
.top-vote-btn > a {border:0 !important; color:#fff;} 
.main-tool-bar.is-scroll .top_wrap .vote-btn-wrap .top-vote-btn > a {border:0 !important; color:#fff;} 
.top_menu_wrap ul {display: flex; gap:40px; align-items: center;} 
.top_menu_wrap ul li a {color:#1D1E1F; font-size: 16px; line-height: 135%; font-weight: 500;}

.div_wrap {max-width: 1240px; width: 100%; margin: 0 auto;}
.title {font-size: 44px; line-height: 135%; letter-spacing: -.88px; color:#1D1E1F; font-weight: 700;}
.sub_title {font-size: 32px; line-height: 135%; letter-spacing: -.64px; color:#1D1E1F; font-weight: 700; padding-bottom:16px;}
.bg-gradient_blue {background: linear-gradient(152.35deg, #E6F2FF 30.85%, #B8DEFF 91.5%);}

.content_div_wrap {width: 50%; padding: 48px; 
    background-image:     url('/images/section_2_img1.png'),
        linear-gradient(152.35deg, #E6F2FF 30.85%, #B8DEFF 91.5%);
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom, center;
    background-size: contain, cover;
    height: 600px;;
    }
.content_div_wrap div p {color:#393B3D; line-height: 150%; letter-spacing: -2%;;}
.content_div_2_wrap {width:50%; display: flex ;flex-direction: column; gap:16px; border-radius: 16px;}
.content_div_2_wrap div p {color:#393B3D; line-height: 150%; letter-spacing: -2%;;}
.content_div_2_wrap .content {background: #F0F7FF; padding: 48px; flex:1 1 0; border-radius: 16px;; position: relative;}
.content_div_2_wrap .content.content_img1 {background: #F0F7FF url(/images/section_2_img2.png) no-repeat bottom right / contain;}
.content_div_2_wrap .content.content_img2 {background: #F0F7FF url(/images/section_2_img3.png) no-repeat bottom right / contain;}

.dot {width:4px; height: 4px; background: #fff; opacity: 0.3; border-radius: 999px;}
.line {width:100%; height: 1px; background: #fff; opacity: 0.2; }

.section_1 {background: url(/images/section_img_2.png) no-repeat center;  position: relative; background-size: cover; height: 100vh;}
.section_bg { position: absolute; bottom: 0; right:0; display: block; object-fit: cover; }

.section_1 .circle-bg { position: absolute; left: 50%; top: 45%; width: 100%; height: 100%; max-width: 1260px; max-height: 1260px; transform: translate(-50%, -50%); z-index: 0; pointer-events: none;}
.section_1 .circle-svg { position: absolute; display: block; opacity: 0.2; animation: wifiRipple 2.4s ease-in-out infinite;}

.section_1 .circle-xlarge {width: 100%; height: 100%; max-width: 1260px; max-height: 1260px; left: 50%; top: 50%; transform: translate(-50%, -50%); animation-delay: .9s;}
.section_1 .circle-large {width: 100%; height: 100%; max-width: 1100px; max-height: 1100px; left: 50%; top: 50%; transform: translate(-50%, -50%); animation-delay: .7s;}
.section_1 .circle-medium {width: 100%; height: 100%; max-width: 720px; max-height: 720px; left: 50%; top: 50%; transform: translate(-50%, -50%); animation-delay: .4s;}
.section_1 .circle-small {width: 100%; height: 100%; max-width: 600px; max-height: 600px; left: 50%; top: 50%; transform: translate(-50%, -50%); animation-delay: 0s;}
.section_1 .title_wrap {position: relative; z-index: 1;}

@keyframes wifiRipple {
    0% {opacity: 0.15;}
    20% {opacity: 1;}
    45% {opacity: 0.6;}
    100% {opacity: 0.15;}
}

.main_obje {position: absolute; top:70%; left:50%; transform: translate(-50%, calc(-50% + 100px)); opacity: 0;  animation: mainObjeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 2s forwards; max-width: 876px; width: 100%; }
.main_obje.revisit {animation: mainObjeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;}

@keyframes mainObjeUp {
    0% {opacity: 0; transform: translate(-50%, calc(-50% + 100px));}
    100% {opacity: 1; transform: translate(-50%, -50%);}
}

.section_1 .title_wrap {display:flex; align-items: center; padding-top:122px; flex-direction: column;}
.section_1 .title_wrap .title_1 {font-size: 60px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F;}
.section_1 .title_wrap .title_2 {font-size: 78px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; font-weight: 700; padding-bottom: 24px;}
.section_1 .title_wrap .title_3 {font-size: 20px; line-height: 150%; letter-spacing: -2%; color:#1D1E1F;}

.section_2 {padding:120px 0; overflow-x: hidden;}
.section_2 .banner_wrap {padding-top:120px; display: flex; flex-direction: column; gap:40px;}
.banner_wrap .text {font-size: 20px; font-weight: 400; line-height: 150%; letter-spacing: -.4px; color:#1D1E1F;}

.wide-slider-wrap {position: relative; max-width: 1240px; width: 100%; margin: 0 auto;}
.single-item {width: 100vw; margin-left: calc((1240px - 100vw) / 2); overflow: visible;}
.single-item .slick-list {padding-left: calc((100vw - 1240px) / 2); padding-right: calc((100vw - 1240px) / 2); box-sizing: border-box;}

.banner_li {width: 60vw; height: 400px; margin-right: 24px;}
.banner_li.last-slide { margin-right: 0;}
.banner_li {background: #F8F8F8; border:1px solid #E6E6E6; border-radius: 16px;; width: 100%; max-width: 940px; padding: 72px 48px; background-repeat: no-repeat; background-position: right bottom; background-size: contain; aspect-ratio: 940 / 520; margin-right:20px;}
.banner_li .text-wrap { max-width: 340px; display: flex; flex-direction: column; gap:32px;}
.banner_li .text-wrap .banner-title {font-weight: 700; font-size: 32px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F;}
.banner_li .text-wrap .text-li {display: flex; flex-direction: column; gap:12px; color:#393B3D;}
.banner_li .text-wrap .text-li p {font-weight: 400; font-size: 18px; line-height: 150%; letter-spacing: -2%; color: #393B3D; position: relative; padding-left:16px;}
.banner_li .text-wrap .text-li p span {font-weight: 700;}
.banner_li .text-wrap .text-li p::before {content: ""; width: 4px; height: 4px; background: #6E7275; border-radius: 999px ; margin-right:8px; top: 12px; left:0; position: absolute;}
.banner_li .banner-more {display: flex; gap:4px; align-items: center; color:#6E7275}
.banner_li .banner-more > div {background: #929598; border-radius: 999px; display: flex; align-items: center; justify-content: center; max-width: 20px; width:20px; height: 20px;;}
.banner_li .banner-more > div > img {max-width: 12px;}
.banner_li .banner-more > div > img { transition: transform 0.25s ease;}

.banner_li.banner_img1 {background:#F8F8F8 url('/images/banner/banner_img_1.png') no-repeat bottom right / contain;;}
.banner_li.banner_img2 {background:#F8F8F8 url('/images/banner/banner_img_2.png') no-repeat bottom right / contain;;}
.banner_li.banner_img3 {background:#F8F8F8 url('/images/banner/banner_img_3.png') no-repeat bottom right / contain;;}
.banner_li.banner_img4 {background:#F8F8F8 url('/images/banner/banner_img_4.png') no-repeat bottom right / contain;;}
.banner_li.banner_img5 {background:#F8F8F8 url('/images/banner/banner_img_5.png') no-repeat bottom right / contain;;}

.banner-control {display: flex; gap:24px; align-items: center; justify-content: center; padding-right:16px;}
.banner-control .slick-dots {position: relative; bottom: auto; display: flex; align-items: center;}
.banner-control .slick-dots li {max-width:80px; width:100%; height: 2px; margin: 0;}
.banner-control .slick-dots li button {max-width:80px; width:100%; height: 2px; padding: 0;}
.banner-control .slick-dots li button:before {content: ""; max-width:80px; width:100%; height: 2px; background: #D5D7D9;; opacity:1;}
.banner-control .slick-dots li.slick-active button:before {background: #393B3D;}
.banner-control .banner-dots { flex: 0 1 auto; min-width: 0; max-width: 400px; width: 100%;}
.banner-control > .arrow-wrap {flex: 0 0 auto;}

.section_3 {background: #F0F6FF; padding:120px 0;}
.section_3 .ps_text {font-size: 18px; color:#393B3D; line-height: 150%; letter-spacing: -.36px;}
.section_3 .title_wrap .text {font-size:20px; line-height: 150%; letter-spacing: -.4px; color:#1D1E1F;}
.section_3 .title_wrap {gap:16px; display: flex; flex-direction: column;  align-items: center;}

.bg-blue-circle {background: #393B3D; color:#fff; border-radius: 999px; width:24px; height: 24px; text-align: center;}
.section_3 .bg-gradient_blue2 {background: linear-gradient(61.41deg, #1364BD 22.59%, #2DA8DE 84.11%, #3FBBF0 99.68%); border-radius: 16px;; padding:32px 20px; display: flex; }
.section_3 .bg-gradient_blue2 .text {color:#fff; display: flex; gap:8px; align-items: center; justify-content: space-between;}
.section_3 .bg-gradient_blue2 .text p {font-size: 16px; line-height: 135%; letter-spacing: -.36px; color:#E6E8EB}
.section_3 .bg-gradient_blue2 .text .all_pay {font-size:32px !important;line-height: 135%; letter-spacing: -.36px; color:#fff; font-weight: 700; }
.section_3 .bg-gradient_blue2 .text p:last-child {font-size:20px; font-weight: 700; color:#fff; display: flex; align-items: center;}
.section_3 .bg-gradient_blue2 .text p:last-child span {font-size: 16px; line-height: 135%; letter-spacing: -.36px; color:#E6E8EB; font-weight: 400; padding-left:2px;}
.section_3 .bg-gradient_blue2 .text-bg {display: flex; flex-direction: column; gap:12px;}
.section_3 .bg-gradient_blue2 .text-bg p {font-size: 16px; line-height: 150%; letter-spacing: -2%; color:#fff; position: relative; padding-left:8px;}
.section_3 .bg-gradient_blue2 .text-bg p span {font-weight: 700;}
.section_3 .bg-gradient_blue2 .text-bg p::before {content:""; width: 4px; height: 4px;border-radius: 999px; background: #fff; margin-right: -4px; position: absolute; top:10px; left:0;}

.pay_toggle img {transition: transform 0.2s ease; transform: rotate(180deg);}
.pay_toggle img.rotate {transform: rotate(0deg);}

.section_3 .pay_con2 {display: flex; flex-direction: column; gap:24px; padding-top: 24px;;}
.section_3 .all-people-pay { position: relative; padding: 16px 20px; border-radius: 12px; background: transparent;}
.section_3 .all-people-pay::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(102.17deg, rgba(255, 255, 255, 0.8) 1.86%, rgba(255, 255, 255, 0.2) 64.95%, rgba(255, 255, 255, 0.7) 98.35%);
    pointer-events: none;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.section_3 .content_ul {display: flex; gap:16px; }
.section_3 .content_ul .content_li .content {flex:1 1 0;}
.section_3 .content_ul .content_li {position: relative; background: #fff; border-radius: 16px; padding:36px 20px;;  width: 33.33%; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 2px 2px 20px 0px #00000014;}
/* hover용 가짜 gradient border */
.section_3 .content_ul .content_li::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px;
    border-radius: inherit;
    background: linear-gradient(84.04deg, #1364BD 12.55%, #2DA8DE 91.66%);
    opacity: 0;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.section_3 .content_ul .content_li .button {cursor: pointer; padding:14px 24px; border-radius: 999px; background: #E1E4E5; color:#1D1E1F; font-size: 18px; line-height: 135%; letter-spacing: -.36px; text-align: center; width: 100%; display: inline-block;}
.section_3 .content_ul .content_li .button.on {padding:14px 24px; border-radius: 999px; background: #1364BD; color:#fff; }
.section_3 .content_ul .content_li.off {background: #E6E8EB; box-shadow:none} 
.section_3 .content_ul .content_li.off .content .text {opacity: .5;}
.section_3 .content_ul .content_li.off .content .div_style {opacity: .5;}
.section_3 .content_ul .content_li.off .button {background: #BEC1C3; color:#6E7275;}

.payment-wrap {display: flex; gap:16px; align-items: center; flex-direction: row;}
.payment { background: #fff;; display: flex; flex-direction: column; gap:32px; padding:32px 20px; flex: 1 1 0; border-radius: 16px; width: 100%;}
.payment .payment-title {font-size: 20px; color:#1D1E1F; line-height: 135%; letter-spacing: -2%; font-weight: 700;}
.payment .payment-text {font-size:16px; line-height: 150%; letter-spacing: -2%; color:#393B3D;}
.content_li .icon_text {display: flex; gap:4px; align-items: flex-start;}
.content_li .icon_text p {font-size: 18px; line-height: 150%; letter-spacing: -.36px; color:#393B3D;}
.content_li .icon_text img {padding-top:5px;}
.content_li .people {display: flex; gap:8px; flex-direction: column; padding-bottom:24px;}
.content_li .people p:first-child {font-size: 16px; color:#1D1E1F; line-height: 150%; letter-spacing: -.32px; font-weight:700 ;}
.content_li .people p:last-child {font-size: 18px; color:#1D1E1F; line-height: 135%; letter-spacing: -.54px;}
.content_li .content .round-text {font-size: 14px; line-height: 135%; letter-spacing: -2%; color:#393B3D; padding:2px 8px; border-radius: 999px; background: #cce7ff;}
.content_li .content .text-wrap {padding-bottom: 20px; border-bottom:1px solid #E6E8EB;}
.content_li .content .text {font-size: 24px; line-height: 135%; letter-spacing: -.48px; color:#1D1E1F; font-weight: 700;display: flex ; flex-direction: column; gap:4px; align-items: center; }
.content_li .content .text .money {font-size:32px; letter-spacing: -.64px; display: flex; align-items: center; gap:2px; }
.content_li .content .text .money p:last-child {font-size: 20px; letter-spacing: -.4px; color:#6E7275; font-weight: 400; padding-bottom: 4px;;}
.content_li .content .div_style {display: flex; flex-direction: column; gap:8px;}

.section_4 {background: url(/images/section_img_4.png) no-repeat 100%; background-size: cover;}
.section_4 .wrap {padding:120px 0; max-width: 1240px; margin: 0 auto;}
.section_4 .wrap .text {text-align: center; display: flex; flex-direction: column; gap:16px}
.section_4 .wrap .text p:first-child {font-weight: 700; font-size: 44px; line-height: 135%; letter-spacing: -.88px; color:#fff;}
.section_4 .wrap .text p:last-child {font-size: 20px; line-height: 150%; letter-spacing: -.4px; color:#fff;}
.section_4 .wrap .more_btn-f {background: #fff;; display: inline-flex; padding:14px 14px 14px 28px; gap:24px; align-items: center; border-radius: 999px; justify-content: center; font-weight: 500; line-height: 135%; letter-spacing: -.4px; color:#1D1E1F; font-size: 20px;}
.section_4 .wrap .more_btn-f .more_arrow {background: linear-gradient(84.04deg, #1364BD 12.55%, #3FBBF0 91.66%); border-radius: 999px; padding:8px;}
.section_4 .wrap .more_btn-f .more_arrow img { transition: transform 0.25s ease;}

.section_5 .wrap {max-width: 1240px; margin: 0 auto; padding: 32px 0;;}
.section_5 a {display: block; line-height: 135%; font-size: 18px; letter-spacing: -.9px; color:#1D1E1F;}
.notice_wrap {display: flex; gap:40px; align-items: center;}
.notice_wrap .more a {color:#5F6366; line-height: 135%; font-size:16px; letter-spacing: -.32px;}
.notice_wrap .title {display: flex; flex:1 1 0; gap:24px; min-width: 0;}
.notice_ul {min-width: 0; overflow: hidden;}
.notice_ul > div {min-width: 0; overflow: hidden;}
.notice_ul a { font-weight: 400; width: 100%; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.section_6  {background: #F5F7FA;}
.section_6 .wrap {max-width: 1240px; margin: 0 auto; padding: 32px 0;;}
.section_6 .wrap .biz-con {display: flex; gap:40px; justify-content: space-between; align-items: center;}
.section_6 .text p:first-child {font-size: 32px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; padding-bottom: 12px; font-weight: 700;}
.section_6 .text p {font-size: 18px; line-height: 150%; letter-spacing: -2%; color:#393B3D;}
.biz-down {display: flex; gap:4px; align-items: center; border-radius: 999px; border:1px solid #A5A8AB; padding: 0 24px; height: 52px; font-size: 18px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; }

/* 푸터 */
.ft-wrap {border-top:1px solid #E6E8EB; color:#1D1E1F;}
.ft {max-width: 1240px; margin: 0 auto;}
.ft_ul {display: flex;}
.ft_ul .ft_li {width: 50%; padding:80px 0; display: flex; flex-direction: column; gap:32px}
.ft_ul .ft_li:last-child {gap:52px; padding-left: 100px; border-left:1px solid #E6E8EB}
.ft_ul .ft_li .adr p {font-size: 18px; line-height: 135%; letter-spacing: -.36px; font-weight: 400;}
.ft_ul .ft_li .tel p {font-size:44px; line-height: 135%; letter-spacing: -.88px; font-weight: 700;}
.ft_ul .ft_li .work {display: flex; flex-direction: column; gap:12px}
.ft_ul .ft_li .work p {font-size: 18px; line-height: 135%; letter-spacing: -.36px;}
.ft_ul .ft_li .work p:first-child {font-weight: 700; width:68px; text-align: justify; text-align-last: justify;}
.ft_ul .ft_li .work > div {display: flex; gap:12px;}
.ft_ul .ft_li .info > div {display: flex; gap:8px;}
.ft_ul .ft_li .info {display: flex; flex-direction: column; gap:12px}
.ft_ul .ft_li .info p {font-size: 18px; line-height: 135%; letter-spacing: -.36px; display: flex; gap:8px; align-items: center;}
.ft_ul .ft_li .info p:after {content:""; width: 1px; height: 16px; background-color: #d9d9d9; display: flex; gap:8px;}
.ft_ul .ft_li .info p:last-child:after{display: none;}
.ft_ul .ft_li .info p:first-child {font-weight: 700;}
.ft_ul .ft_li .privacy {display: flex; gap:40px;}
.ft_ul .ft_li .privacy a {text-decoration: underline; font-size: 18px; font-weight: 400; line-height: 135%; letter-spacing: -.36px; color:#6E7275;}
.ft_ul .ft_li .copyright p {color:#6E7275; font-size: 16px; line-height: 135%; letter-spacing: -.32px;}

.free_dot {position: relative;}
.cir {position: relative; width: 100%; height: 100%;}
.cir img {position: relative;z-index: 2; width: 56px; height: 56px; display: block;}
.cir span {position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; border-radius: 50%; background-color: #0C68CC; opacity: 0; transform: translate(-50%, -50%) scale(1); animation: waves 2s ease-in-out infinite; z-index: 1; pointer-events: none;}
.cir span:first-of-type {animation-delay: 0s;}
.cir span:nth-of-type(2) {animation-delay: .5s;}

.f_q_icon .more {background: #1D1E1F; border-radius: 999px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.f_q_icon .more_link {background: #1D1E1F; padding: 12px 8px; border-radius: 999px;; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .25s ease, transform .25s ease, visibility .25s ease;}
.f_q_icon .more_link a {cursor: pointer; color:#fff; font-size: 14px ; line-height: 135%; letter-spacing: -2%; font-weight: 700; padding:12px 0 ; border-bottom: 1px solid #393B3D; text-align: center; display: block;}
.f_q_icon .more_link a:last-child {border-bottom:none;}
.f_q_icon.on .more_link {opacity: 1; visibility: visible; transform: translateY(0);}

.payment-wrap {position: relative;}
.payment-summary-area {position: sticky; top: 70px; align-self: flex-start; max-width: 340px; width: 100%;}
.receipt-list {gap:16px;}


/* 기능소개 */

.skill_section_wrap_bg { background: url(/images/banner/skill_banner_img.png) no-repeat; background-size: cover;  height: 788px;  display: flex;  justify-content: center; align-items: center;}
.skill .skill_section_1 {margin: 0 auto;  max-width: 1240px; width: 100%;}
.skill .section_1_title .title .main {font-weight: 700; font-size: 60px; line-height: 135%; letter-spacing: -2%;  color: #fff;}
.skill .section_1_title .title .sub {font-weight: 400; font-size: 20px; line-height: 150%; letter-spacing: -2%; color: #fff;}
.skill .section_wrap {border-radius: 40px 40px 0 0; box-shadow: 0px -4px 60px 0px #0000001F; width: 100%; padding-top: 160px;  margin-top: -30px; background: #fff;}
.skill .skill_section_2 {margin: 0 auto; max-width: 1240px; width: 100%; }
.skill .section_2_title .main {font-size: 44px; line-height: 135%; letter-spacing: -2%; color: #1D1E1F; font-weight: 700; padding-bottom: 16px; text-align: center;}
.skill .section_2_title .main .br_style {display: none;}
.skill .section_2_title .main .bg-span{background: linear-gradient(84.04deg, #1364BD 75.84%, #2DA8DE 91.66%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.skill .section_2_title .sub { font-size: 20px; line-height: 150%; letter-spacing: -2%; color:#1D1E1F; text-align: center;}
.skill .skill_section_2_ul {background: #F0F7FF; border-radius: 16px; padding: 48px; display: flex; margin-bottom: 120px;;} 
.skill .skill_section_2_ul .li {display: flex; flex-direction: column; width: 20%; align-items: center;}
.skill .skill_section_2_ul .li p {font-weight: 700; font-size: 32px;; letter-spacing: -2%; line-height: 135%; color:#1D1E1F;}
.skill_section_2 {overflow: visible;}

.skill-sticky-wrap > .skill_section_2 {
  position: sticky;
  top: 80px;
  z-index: 100;
}

.skill-list-bg {position: relative; border-radius: 999px; z-index: 1; isolation: isolate; }
.skill-list-bg::after {content: ''; position: absolute; inset: 0; background: #fff; border-radius: inherit; z-index: -1;}
.skill-list-bg::before { content: ''; position: absolute; inset: -8px; background: linear-gradient(84.04deg, #98C8FD 12.55%, #ACE2FA 91.66%); filter: blur(20px); opacity: 0.5; border-radius: inherit; z-index: -2;}
.skill-list-ul {display: flex; gap: 8px; background: transparent; border-radius: 999px; padding: 8px; position: relative; z-index: 1; isolation: auto;}
.skill-list-ul a {display: block; width: 20%; color: #7e8285; font-size: 18px; line-height: 135%; letter-spacing: -2%; text-align: center; padding: 12px 24px; outline: none;}
.skill-list-ul a.on {background: linear-gradient(84.04deg, #1364BD 12.55%, #2DA8DE 91.66%); color: #fff; font-weight: 700; border-radius: 999px;}

.skill-content-wrap {max-width: 1240px; margin: 0 auto; width: 100%; padding: 120px 0;;}
.skill-content-wrap > .title {padding-bottom: 40px;}
.skill-content-wrap .title .main {font-weight: 700; line-height: 135%; font-size: 44px; letter-spacing: -2%;}
.skill-content-wrap .title .main span {color:#2A79D1;}
.skill-con-img-wrap {display: flex; flex-direction: column; gap:80px;}
.skill-con-img {display: flex; gap:88px; align-items: center; }
.skill-con-img.var_2 {flex-direction: column; gap:40px;}
.skill-con-img.var_2 .con-text {max-width: none; align-items: center;}
.skill-con-img.var_2 .con-text .text {align-items: center;}
.skill-con-img .con-text {max-width: 408px; width: 100%;; display: flex; flex-direction: column; gap:32px;}
.skill-con-img .con-text .cate {background: #E6E8EB; padding:6px 12px; border-radius: 999px; display: inline-block; font-size: 16px; line-height: 135%; letter-spacing: -2%; color:#393B3D; margin-bottom: 12px;;}
.skill-con-img .con-text .title {font-size: 32px; line-height: 135%; letter-spacing: -2%; font-weight: 700;}
.skill-con-img .con-text .text { display: flex; flex-direction: column; gap:12px;}
.skill-con-img .con-text .text p {font-size: 18px; line-height: 150%; letter-spacing: -2%; color:#393B3D; position: relative; padding-left: 12px;;}
.skill-con-img .con-text .text p::before {content: ""; width:4px; height:4px; border-radius: 999px; position: absolute; top:12px; left:0;background: #6E7275;;}

/*이용약관 및 개인정보*/
.textarea {max-width: 1240px; margin: 0 auto; width: 100%; padding: 118px 0 120px 0; }
.textarea .title { font-weight: 700; font-size: 44px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; margin-bottom: 60px;;}
.textarea .textarea-ul .textarea-li {padding-bottom: 16px;;}
.textarea .textarea-ul .textarea-li p:first-child {padding-bottom: 4px;;}


.required_icon {font-size: 14px !important; font-weight: 700; line-height: 135%; letter-spacing: -2%; color:#2A79D1 !important;} 

@keyframes waves {
    0% {transform: translate(-50%, -50%) scale(1); opacity: .2; }
    70% {transform: translate(-50%, -50%) scale(2.1); opacity: .2;}
    100% {transform: translate(-50%, -50%) scale(2.5); opacity: 0;}
}

/* PC 호버 시 */
@media (hover: hover) { 
    .section_3 .content_ul .content_li:not(.off):hover::before {opacity: 1;}
    .section_3 .content_ul .content_li.off:hover .round-text { background: linear-gradient(84.04deg, #1364BD 12.55%, #2DA8DE 91.66%); color: #fff;}
    .section_4 .wrap .more_btn-f:hover .more_arrow img { transform: rotate(45deg);}
    .banner_li .banner-more:hover img { transform: rotate(45deg);}
}

@media (max-width: 1280px){ 

    .top-btn-wrap {display: none;}

    /*전체메뉴*/
    #al_menu{position:fixed;top:0;left:0; right:0; bottom:0; width:100%; text-align:left;z-index: 1000; opacity: 0; /* 투명 */  visibility: hidden; /* 화면에서 안 보이게 */   transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out ;}
    #al_menu .bg{background: rgba(0,0,0,0.5);width:100%;height:100%; display: none;}  
    #al_menu .menu_wr{background:#fff;width:100%; height: 100%; display: block;}
    #al_menu .btn_close{}
    #al_menu.show {transform: translateY(0); /* 원래 위치 */ opacity: 1; /* 보이게 */ visibility: visible;}
    #al_menu .m-sign-btn {background: linear-gradient(84.04deg, #1364BD 12.55%, #2DA8DE 91.66%); border-radius: 999px;  display: flex; align-items: center;}
    #al_menu .m-sign-btn a {color:#fff; font-size: 14px; line-height: 135%; letter-spacing: -2%; display: flex;     align-items: center; height: 32px; padding: 0 16px;;}    
    #al_menu .m-top-wr {display: flex; justify-content: space-between; padding: 9px 16px; align-items: center; gap:16px;}
    #al_menu .m-top-wr .m-btn-wrap {display: flex; justify-content: space-between; flex: 1 1 0; align-items: center;}
    .m-menu-wr {padding:40px 16px 54px;}
    .m-menu-ul {display: flex; flex-direction: column;}
    .m-menu-ul .li {padding: 16px;;}
    .m-menu-ul a.li {font-weight: 500; letter-spacing: -2%; font-size: 20px; color:#393B3D; line-height: 135%;}

    .title {font-size:44px; line-height: 135%;}
    .div_wrap {max-width: 744px; }

    .m_menu {display: block;}
    .top_menu_wrap {display: none;}
    .top_btn {display: none;}
    .top_wrap {padding:9px 16px;}

    .section_1 .circle-large {max-width: 936px; max-height: 936px;  top:55%}
    .section_1 .circle-medium {max-width: 575px; max-height: 575px; top:55%}
    .section_1 .circle-small {max-width: 455px; max-height: 455px; top:55%}

    .section_1 .title_wrap {padding:80px 35px 0 35px;}
    .section_1 .title_wrap .title_1 {font-size:60px;}
    .section_1 .title_wrap .title_2 {font-size:78px;}
    .section_1 .title_wrap .title_3 {font-size:20px;}

    .section_2 {padding:120px 0;}
     .section_2 .single-item {width: calc(100vw - 16px);}
    .section_3 .pay_con2 {gap:16px;}
    .section_2 .div_wrap .wrap {flex-direction: column; padding:0 16px;}
    .section_2 .banner_wrap {padding:120px 0px 0 16px; }
    .content_div_wrap {width:100%; padding:40px; }
    .content_div_2_wrap {width:100%;}
    .content_div_2_wrap .content {padding:40px; height:220px; flex: none;}

    .section_3 {padding:120px 16px;}
    .section_3 .title_wrap {gap:12px;}
    .section_3 .title_wrap .text {font-size:18px;}
    .section_3 .content_ul {flex-wrap: wrap;}
    .section_3 .content_ul .content_li {height: auto; width: calc(50% - 8px); padding:36px 16px;}
    .section_3 .all-people-pay {flex-direction: row; justify-content: space-between; padding:12px 16px;}
    .section_3 .all-people-pay.on {flex-direction: column;}
    .section_3 .all-people-pay.on .text {width: 100%; justify-content: space-between;}
    .section_3 .all-people-pay .text { justify-content: space-between;}
    
    .section_3 .ps_text {margin-bottom: 216px;;}

    .section_4 .wrap {padding: 80px 16px;;}
    .section_4 .wrap .more_btn {font-size:16px;}
    .section_4 .wrap .text p:first-child {font-size:24px;}
    .section_4 .wrap .text p:last-child {font-size:18px;}
    .section_4 .wrap .more_btn-f {font-size: 16px;;}

    .section_5 .wrap {padding: 32px 16px;; max-width: 744px;}
    .section_5 a {font-size: 16px;;}


    .section_6 {display: none;}
    .section_6 .wrap .biz-con {padding: 0 16px;;}

    .payment-wrap {flex-direction: column-reverse;}
    .payment .payment-title {font-size: 16px;;}
    .payment .payment-text {font-size: 14px;;}

    .banner_li {max-width: none; width: 100%;  aspect-ratio: auto; height: 762px !important; padding:60px 40px;} 
    .banner_li .text-wrap {gap:24px;}
    .banner_li {height: 762px !important;     max-width: 660px;}
    .banner_li.banner_img1 {background:#F8F8F8 url('/images/banner/banner_img_1_t.png') no-repeat bottom right / contain;;}
    .banner_li.banner_img2 {background:#F8F8F8 url('/images/banner/banner_img_2_t.png') no-repeat bottom right / contain;;}
    .banner_li.banner_img3 {background:#F8F8F8 url('/images/banner/banner_img_3_t.png') no-repeat bottom right / contain;;}
    .banner_li.banner_img4 {background:#F8F8F8 url('/images/banner/banner_img_4_t.png') no-repeat bottom right / contain;;}
    .banner_li.banner_img5 {background:#F8F8F8 url('/images/banner/banner_img_5_t.png') no-repeat bottom right / contain;;}

    .content_li .content .text {font-size: 20px; }
    .content_li .content .text .money {font-size:24px; }
    .content_li .content .text .money p:last-child {font-size: 18px; }

    .single-item, .single-item .slick-list, .single-item .slick-track {width: 100%; margin-left:auto;}
    .single-item .slick-list {padding-left:auto; padding-right:auto;}



    .payment-summary-area {width:100%; max-width: 744px;; position: static;}
    .payment-summary.is-fixed {
        position: fixed;
        left: 50%;
        right: auto;
        top: 80px;
        transform: translateX(-50%);
        width: calc(100% - 32px) !important;
        max-width: 744px;;
        z-index: 80;
        box-sizing: border-box;
    }

    .payment-summary.is-bottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 16px;
        transform: none;
        width: auto !important;
        max-width: none;
        z-index: 10;
        box-sizing: border-box;
    }

    .payment-summary-area.is-placeholder {height: var(--payment-summary-height);}
    .receipt-list {gap:10px; max-height: 300px;;}
    


    /*기능소개*/
    
    .skill-content-wrap {padding: 80px 16px 80px;;}
    .skill_section_wrap_bg {background: url(/images/skill/m_skill_banner_img.png) no-repeat; background-size: cover; background-position: center bottom; height: 1000px; display: block; padding: 110px 16px 0;}
    .skill .skill_section_2 {padding: 0 16px;}
    .skill .skill_section_2_ul {padding: 40px; flex-wrap: wrap; gap:16px 0; justify-content: center; margin-bottom: 120px;}
    .skill .skill_section_2_ul .li {width:50%;}
    .skill .skill_section_2_ul .li img {max-width:220px ;}
    
    .skill-con-img-wrap {gap:60px;}
    .skill-con-img {flex-direction: column; gap:24px; align-items: baseline;}
    .skill-con-img .con-text {max-width: max-content;}

    .skill-con-img.img2 {flex-direction: column-reverse;}
    .skill-con-img.img5 {flex-direction: column-reverse;}
    .skill-con-img.var_2 .con-text {align-items:baseline;}
    .skill-con-img.var_2 .con-text .text {align-items: baseline;;}
    .skill-con-img.img6 {flex-direction: column-reverse;}
    .skill-con-img.img8 {flex-direction: column-reverse;}
    .skill-con-img.img10 {flex-direction: column-reverse;}
    .skill-con-img.img12 {flex-direction: column-reverse;}
    .skill-con-img.img15 {flex-direction: column-reverse;}
    .skill-con-img.img17 {flex-direction: column-reverse;}
    .skill-con-img.img6 .con-text .title br{ display: none;}

    .skill-con-img.img5 > div > img {content: url(/images/skill/t_skill_banner_img_5.png);}
    .skill-con-img.img13 > div > img {content: url(/images/skill/t_skill_banner_img_13.png);}
    .skill-con-img.img19 > div > img {content: url(/images/skill/t_skill_banner_img_19.png);}
    .skill-con-img.img20 > div > img {content: url(/images/skill/t_skill_banner_img_20.png);}
    .skill-con-img.img21 > div > img {content: url(/images/skill/t_skill_banner_img_21.png);}

    .skill_section_2 {overflow: visible;}
    .skill-list-ul {flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden;  white-space: nowrap; justify-content: flex-start; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
    .skill-list-ul::-webkit-scrollbar {display: none;}

    .ft {max-width: 714px;}

    .ft_ul .ft_li {padding: 64px 0; gap:24px;}
    
    .ft_ul .ft_li:last-child {padding: 64px 0 64px 32px; gap:24px;}
    .ft_ul .ft_li .adr p {font-size: 16px;;}
    .ft_ul .ft_li .tel p {font-size: 32px;}
    .ft_ul .ft_li .work p:first-child {font-size: 16px;}
    .ft_ul .ft_li .work p {font-size: 16px;}
    .ft_ul .ft_li .privacy a {font-size: 16px;}
    .ft_ul .ft_li .info p {font-size: 16px;}
    
    .textarea {max-width: 712px;;}


}

@media (max-width: 767px){  
    
        .title {font-size:24px; line-height: 135%; }
        .section_1 {}
        .section_1 .title_wrap .title_1 {font-size:32px;}
        .section_1 .title_wrap .title_2 {font-size:40px;}
        .section_1 .title_wrap .title_3 {font-size:18px;}

        .section_1 .circle-xlarge {max-width: 546px; max-height: 546px; top:65%}
        .section_1 .circle-large {max-width: 546px; max-height: 546px; top:65%}
        .section_1 .circle-medium {max-width: 342px; max-height: 342px; top:65%}
        .section_1 .circle-small {max-width: 255px; max-height: 255px; top:65%}

        .sub_title {font-size: 20px;;}

        .section_2 {padding:80px 0;} 
        .section_2 .banner_wrap {padding:80px 0px 0 16px; gap:24px; }
        .section_2 .banner_wrap > div:first-child {padding-right:16px;}

        .section_3 {padding:40px 16px;}
        .section_3 .ps_text {margin-bottom: 180px;}
        .section_3 .bg-gradient_blue2 {padding:20px 16px;}
        .section_3 .bg-gradient_blue2 .text .all_pay {font-size:24px !important;}
        .section_3 .content_ul .content_li {padding:24px 16px; width: 100%;}
        

        .notice_wrap {align-items: start;}
        .notice_wrap .title  {flex-direction: column; gap:20px;}

        .section_6 .wrap .biz-con {flex-direction: column; padding: 0 16px; gap:24px; align-items: start;}
        .section_6 .text p:first-child {font-size: 20px;}
        .section_6 .text p {font-size: 16px;}
        .biz-down {font-size: 16px; height: 44px; padding: 0 20px;}

        .content_div_wrap {height: 380px; padding: 24px;}
        .content_div_2_wrap .content {padding: 24px;;}

        .banner_li {height: 560px !important; max-width: 350px; padding: 36px 24px; ; margin-right: 12px;} 
        .banner_li.banner_img1 {background:#F8F8F8 url('/images/banner/banner_img_1_m.png') no-repeat bottom right / contain;;}
        .banner_li.banner_img2 {background:#F8F8F8 url('/images/banner/banner_img_2_m.png') no-repeat bottom right / contain;;}
        .banner_li.banner_img3 {background:#F8F8F8 url('/images/banner/banner_img_3_m.png') no-repeat bottom right / contain;;}
        .banner_li.banner_img4 {background:#F8F8F8 url('/images/banner/banner_img_4_m.png') no-repeat bottom right / contain;;}
        .banner_li.banner_img5 {background:#F8F8F8 url('/images/banner/banner_img_5_m.png') no-repeat bottom right / contain;;}

        .banner_li .text-wrap .banner-title {font-size:20px;}
        .banner_li .text-wrap {gap:20px;}
        .banner_li .text-wrap .text-li p {font-size:16px;}


        /*기능소개 모바일*/
        .skill_section_wrap_bg {background: url(/images/skill/m_skill_banner_img.png) no-repeat; background-size: cover; background-position: center bottom; height: 650px; display: block; padding: 110px 16px 0;}
        .skill .section_1_title .title {}
        .skill .section_1_title .title .main {font-size: 32px;}
        .skill .section_1_title .title .sub { font-size: 18px;;}
        .skill .section_wrap {padding: 80px 0 0;; }

        .skill .section_2_title .main {font-size: 24px; text-align: left;}
        .skill .section_2_title .main .br_style {display: block;}
        .skill .section_2_title .sub {text-align: left; font-size: 18px;;}

        .skill .skill_section_2_ul {padding: 16px; flex-wrap: wrap; gap:16px 0; justify-content: center; margin-bottom: 80px;}
        .skill .skill_section_2_ul .li {width:50%;}
        .skill .skill_section_2_ul .li img {max-width:120px ;}
        .skill .skill_section_2_ul .li p {font-size: 20px;;}


        .skill-list-ul a { width: auto; flex: 0 0 auto; font-size: 15px; padding: 10px 18px;}


        .skill-content-wrap > .title {padding-bottom: 24px;;}
        .skill-content-wrap .title .main {font-size: 24px;;}
        .skill-content-wrap .title .main.text-center {text-align: left;}
        
        .skill-con-img .con-text {gap:16px;}
        .skill-con-img .con-text .title {font-size: 20px;}
        .skill-con-img .con-text .text p {font-size: 16px;;}
        .skill-con-img.img1 > div > img {content: url(/images/skill/skill_banner_img1_m.png);}
        .skill-con-img.img2 > div > img {content: url(/images/skill/skill_banner_img2_m.png);}
        .skill-con-img.img3 > div > img {content: url(/images/skill/skill_banner_img3_m.png);}
        .skill-con-img.img4 > div > img {content: url(/images/skill/skill_banner_img4_m.png);}
        .skill-con-img.img5 > div > img {content: url(/images/skill/skill_banner_img5_m.png);}
        .skill-con-img.img6 > div > img {content: url(/images/skill/skill_banner_img6_m.png);}
        .skill-con-img.img7 > div > img {content: url(/images/skill/skill_banner_img7_m.png);}
        .skill-con-img.img8 > div > img {content: url(/images/skill/skill_banner_img8_m.png);}
        .skill-con-img.img9 > div > img {content: url(/images/skill/skill_banner_img9_m.png);}
        .skill-con-img.img10 > div > img {content: url(/images/skill/skill_banner_img10_m.png);}
        .skill-con-img.img11 > div > img {content: url(/images/skill/skill_banner_img11_m.png);}
        .skill-con-img.img12 > div > img {content: url(/images/skill/skill_banner_img12_m.png);}
        .skill-con-img.img13 > div > img {content: url(/images/skill/skill_banner_img13_m.png);}
        .skill-con-img.img14 > div > img {content: url(/images/skill/skill_banner_img14_m.png);}
        .skill-con-img.img15 > div > img {content: url(/images/skill/skill_banner_img15_m.png);}
        .skill-con-img.img16 > div > img {content: url(/images/skill/skill_banner_img16_m.png);}
        .skill-con-img.img17 > div > img {content: url(/images/skill/skill_banner_img17_m.png);}
        .skill-con-img.img18 > div > img {content: url(/images/skill/skill_banner_img18_m.png);}
        .skill-con-img.img19 > div > img {content: url(/images/skill/skill_banner_img19_m.png);}
        .skill-con-img.img20 > div > img {content: url(/images/skill/skill_banner_img20_m.png);}
        .skill-con-img.img21 > div > img {content: url(/images/skill/skill_banner_img21_m.png);}

        .ft_ul {flex-direction: column;}
        .ft_ul .ft_li {padding:48px 16px; width: 100%; gap:24px;}
        .ft_ul .ft_li .adr p {font-size:16px; line-height: 150%; }
        .ft_ul .ft_li .tel p {font-size:24px; line-height: 135%; }
        .ft_ul .ft_li .work p {font-size:16px; line-height: 150%;}
        .ft_ul .ft_li .work p:first-child {font-size:16px; line-height: 150%; letter-spacing: -2%;} 
        .ft_ul .ft_li .info p {font-size:16px;}
        .ft_ul .ft_li .privacy a {font-size:16px;}
        .ft_ul .ft_li:first-child {border-bottom:1px solid #E6E8EB;}
        .ft_ul .ft_li:last-child {gap:32px; border-left: 0; padding-left: 16px;;}


}




/* 공용기능 */

input[type="text"]:disabled {background: #BEC1C3 !important;  cursor: not-allowed;}
input[type="text"]:disabled::placeholder{ color:#6E7275 !important;}