@charset "utf-8";
.skip {position: absolute; width: 100%; left: 0; z-index: 999; top: -50px;}
.skip a:focus, .skip a:active {position: absolute; left: 0;	top: 50px; height: 50px; line-height: 50px; width: 100%; z-index: 999; text-align: center; color: #fff; background:var(--color-primary); overflow: visible; clip: unset;}
.txtUndr{text-decoration: underline; text-underline-offset: 3px;}

/*전체 공통*/
*{box-sizing:border-box;}
body {min-width: 320px; color: #333;}
body {
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-base);
    font-size: var(--font-size-base);
    transition: background 0.3s, color 0.3s;
  }
input::placeholder, textarea::placeholder {font-size: inherit; color:#777; font-weight:400;} /*20250212*/
input[type="text"] {height: 40px; padding: 0 15px; border: 1px solid #dcdcdc; background-color: #fff; border-radius: 5px;}
input[type="number"] {height: 40px; padding: 0 15px; border: 1px solid #dcdcdc; background-color: #fff; border-radius: 5px;}
input[type="password"] {height: 40px; padding: 0 15px; border: 1px solid #dcdcdc; background-color: #fff; border-radius: 5px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important;}
textarea{border: 1px solid #dcdcdc;border-radius:5px;min-height:120px;}
a:hover {text-decoration: underline; text-underline-offset: 3px;}
select {-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;}
select::-ms-expand{display:none;/*for IE10,11*/}
select {height: 40px; padding: 0 15px; border: 1px solid #dcdcdc;background-color: #fff;border-radius:5px;background-image: url("/static/_assets/images/sel-down.svg"); background-position:95% center ; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.blind {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px;}
.inner {max-width: 1760px; margin: 0 auto; box-sizing: border-box; width:calc(100% - 30px)}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {outline: 2px dashed #0e0852;}
.lab-txt {display: inline-flex;}
.lab-txt.blue {color: #0274C9;}
.lab-yellow {color: var(--lab-yellow);}
.lab-green {color: var(--lab-green);}
.lab-red {color: var(--lab-red);}
.ov-hidden {overflow: hidden;}
.overlay {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: .3s; z-index: 9;}
.txtUndr{text-decoration: underline; text-underline-offset: 3px;}
.pb40{padding-bottom: 40px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

.lh-50{line-height:50px;}

.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}
.df{display: flex; gap: 10px; align-items: center;}

.border-r{border-right:1px solid var(--color-border) !important;}

.btn-a{display:inline-block;min-width:80px;box-sizing:border-box;padding:0 20px;border-radius:3px;line-height:46px;}
.link-a{color:var(--color-primary);}
.bg-gra{background:var(--color-gra);}
.disabled{background:var(--color-disabled) !important;background-color:var(--color-disabled) !important;cursor:default}


input[type="text"].form-input{height:50px;}
input[type="number"].form-input{height:50px;}
input[type="password"].form-input{height:50px;}
.form-select{height:50px;}
.form-control.radio{line-height:50px; display:inline-block;}
.form-control.radio label{box-sizing:border-box;padding-left:5px;padding-right:35px;}
.form-control.checkbox{line-height:50px;}
.form-control.checkbox label{box-sizing:border-box;padding-left:5px;padding-right:35px;}



.agree-scroll{border:1px solid var(--color-border);max-height:200px;overflow-y:scroll;border-radius:3px;}
.agree-text{box-sizing:border-box;padding:var(--spacing-md);background:#f8f8f8;}
.agree-radio-text{font-weight:600;margin-right:35px;}

.f-w-mid{width:100%;max-width:360px;}
.f-tel-wrap{display:flex;align-items: center;}
.f-tel-wrap span{display:block;flex:0 0 10px;text-align:center;}
.f-tel-wrap .form-input{width:calc(100% / 3)}

.f-date-wrap{display:flex;align-items: center;}
.f-date-wrap span{display:block;flex:0 0 30px;text-align:center;}
.f-date-wrap .form-input{width:calc(320px / 2)}

.form-date-time{display:flex;align-items: center;gap:10px;}
.form-dt-date{width:calc((100% - 20px)/2)}
.form-dt-time{width:calc((100% - 20px)/2)}
.form-dt-time select{width:100%;height:50px;}

.necessary{position:relative; color:#fff;font-size:1px;}
.necessary::before{display:inline-block; content:'*'; color:red;font-size:1rem;}

.form-row{display:flex;gap:20px;align-items:center;}

.form-row .form-head{width:160px;font-weight:600;}
.form-row .form-body{flex:1;}

.form-row + .form-row{margin-top:var(--spacing-lg);}

.form-row-double{display:grid;gap: 40px;grid-template-columns: repeat(2, 1fr);}
.form-row-double .form-row + .form-row{margin-top:0;}
.form-row-double + .form-row{margin-top:var(--spacing-lg);}
.form-row-double + .form-row-double{margin-top:var(--spacing-lg);}

.form-p-text{margin-bottom:0;}

.form-sentent-box{border:1px solid var(--color-border);box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-lg);border-radius:5px;}
.form-sentent-box .form-body{text-align:right}
.form-sentent-box .total-agree{margin-bottom:0;font-weight:600;}
.form-sentent-box .form-body label{padding-right:0;}

.form-sentent-box2{display:block;}
.form-sentent-box2 .form-sentence p{font-weight:600;font-size:1.2rem;margin-bottom:var(--spacing-sm);} 

.f-baseline{align-items:baseline;}

.address-wrap .addr-t2{box-sizing:border-box;padding-right:10px;margin-top:10px;}
.address-wrap .addr-t2 input{margin-bottom:10px;}

.email-wrap .dot-span-email{display:inline-block;width:20px;text-align:center;}

.bd-0{border:0 !important;}
.bd-t-0{border-top:0 !important;}
.bd-l-0{border-left:0 !important;}
.bd-r-0{border-right:0 !important;}
.bd-b-0{border-bottom:0 !important;}

.lh-1d2{line-height:1.2;display:inline-block;}

.header{position:relative;background-color:#fff;z-index:10;}
.header-wrap{height:60px;}
.header-wrap .inner{position:relative;width:100%;height: 100%;padding: 0 15px;}

.header-wrap .logo{display: inline-block; position: absolute;}
.header-wrap .logo a{display:block;}
.header-wrap .logo img{width:100px;}

.site-mgnb{position:relative;float:right;}
.site-mgnb .sm-btn{position:relative;display:block;width:40px;height:40px;margin-top:5px;}
.site-mgnb .sm-btn .bar {position: absolute; top: 15px; left: 12px; display: inline-block; width: 22px; height: 2px; background-color: #363636; transition: .3s;}
.site-mgnb .sm-btn .mid {top: 22px; width: 18px;}
.site-mgnb .sm-btn .bot {top: 29px;}

.mobile-menu{display: none; position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); overflow-y: auto; z-index: 12;}
.mobile-global{position: relative; max-width: 480px; height: 100%; margin-left: auto; background-color: #fff;}

.mobile-tnb .mobile-logo{padding:25px 20px 10px;}
.mobile-tnb .mobile-logo p{display:inline-block;line-height:1;}
.mobile-tnb .mobile-logo p a{display:inline-block}
.mobile-tnb .mobile-logo p img{width:80px;}
.mobile-tnb .mobile-user{padding:0 20px;}
.mobile-tnb .mobile-user .user-info{display: flex; padding: 0 20px; height: 80px; align-items: center; background-color: #f3f8f5; border-radius: 10px;}
.mobile-tnb .mobile-user .user-name p{margin-bottom:0;}
.mobile-tnb .my-page .user-name .tit {font-size: 2rem; color: #333;}
.mobile-tnb .my-page .user-name .light {margin-right: 5px; font-weight: bold;}
.mobile-tnb .my-page .user-name .light::before {bottom: 0;}

.mobile-tnb .login-list {padding: 20px 0; display: flex; justify-content: center; gap: 10px;}
.mobile-tnb .login-list > li {width: 120px; height: 38px; border-radius: 30px; border: 1px solid #333; color: #333; font-size: 14px;}
.mobile-tnb .login-list > li.login {background-color: #333; color: #fff;} 
.mobile-tnb .login-list > li.my {border: 1px solid #d9d9d9;}
.mobile-tnb .login-list > li.logout {background-color: #333; color: #fff;} 
.mobile-tnb .login-list > li > a {display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.mobile-tnb .login-list > li > a > span {display: inline-block; padding-left: 30px; background-position: left center; background-repeat: no-repeat;}

.mobile-gnb {position: relative;height: 100%;background-color: #f3f8fb; border-top: 1px solid #d9d9d9; overflow-y: auto;}
.mobile-nav > li > a {position: relative; display: block; width: 145px; padding:20px 0px 20px 20px;color: #333; font-weight: 500; border-radius: 30px; z-index: 1;}
.mobile-nav > li.is-open{background:#fff;}
.mobile-nav > li.is-open > a {color:var(--color-primary);}
.mobile-nav > li.is-open > a:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-primary);}
.mobile-nav .lab-txt {color: #0274c9;}
.mobile-nav > li.is-open .lab-txt {color: #fff;}
.mobile-nav .depth-area {display: none; position: absolute; right: 0; top: 0; width: calc(100% - 145px); height: 100%; padding:20px 15px 30px 20px;background-color: #fff;}
.mobile-nav > li.is-open .depth-area {display: block;}
.mobile-nav .depth2 {position: relative; z-index: 1;}
.mobile-nav .depth2 > li + li {margin-top: 20px;}
.mobile-nav .depth2 > li > a {font-size: 1rem; color: #333;}
.mobile-nav  .depth2 > li > a::after {content: none;}
.mobile-nav  .depth2 > li > a::before {content: none;}
.mobile-nav .depth3 {margin-top: 15px; padding: 10px 20px; background-color: #f9f9f9; border-radius: 10px;}
.mobile-nav .depth3 > li + li {margin-top: 7px;}
.mobile-nav .depth3 > li > a {display: inline-block; font-size: 1.4rem; color: #555;}
.mobile-nav .depth3 > li > a::before {display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 5px; border-radius: 50%; background-color: #7d7d7d; content: '';}

.moblie-gnb-close{
     position: absolute;
    right: 20px;
    top: 25px;
    width: 20px;
    height: 20px;
    background: url(/static/_assets/images/close.svg) center center no-repeat;
}

#gnb{display: flex;}



/*퀵메뉴*/
.quick-menu {position: fixed; top: 25%; right: 30px; max-width: 100px; border-radius: 18px 18px 20px 20px; z-index: 9;}
.quick-menu .menu-list {position: relative; padding: 35px 0 20px; border-radius: 50px; background-color: #fff; z-index: 9; box-shadow: 8px 0px 28px rgba(57, 89, 159, 0.1);}
.quick-menu .menu-list.active{display:block;}
.quick-menu .menu-list > li{text-align: center;}
.quick-menu .menu-list > li + li {margin-top: 10px;}
.quick-menu .menu-list > li > a {display: inline-block; padding: 5px; font-size: 1.4rem; text-align: center; border-radius: 50%;}
.quick-menu .menu-list > li > a:hover img{transform: rotateX(0) rotateY(360deg); transition: all 1.2s ease;}
.quick-menu .menu-list > li > a img{height: 22px; margin: 0 auto;}
.quick-menu .top-btn {z-index: 9; position: relative; margin-top: -10px; width: 50px; height: 50px; background-color: #fff; color: #69748F; font-weight: bold; line-height: normal; font-size: 13px; text-align: center; border-radius: 50%; display: block; box-shadow: 8px 0px 28px rgba(57, 89, 159, 0.1);}
.quick-menu .top-btn > span {position: relative; display: inline-block; margin: 0 auto;}
.quick-menu .top-btn > span::after {position: absolute; top: 0; right: -15px; border-bottom: 8px solid #fff; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; content: '';}
.quick-menu .top-btn.sns-btn{background-color:var(--color-secondary);display: flex; align-items: center; justify-content: center; margin-bottom: 20px; margin: 0 auto; margin-bottom: 20px; margin-top: -12px; width: 40px; height: 40px;}
.quick-menu .top-btn.sns-btn .close {display:none;}
.quick-menu .top-btn.sns-btn.active .open {display:none;}
.quick-menu .top-btn.sns-btn.active .close {display:block;}

.footer{background:#F7F8FA}
.footer > .inner{padding:0px 15px 30px;font-size: 14px;}
.footer .f-logo{text-align:center;}
.footer .f-logo img{margin:0 auto;width:100px;}
.footer .f-logo a{display:inline-block; margin-right:20px;}
.footer .f-logo a:last-child{margin-right:0;}
.footer .footer-util{box-sizing:border-box;padding:30px 10px 10px;}
.footer .footer-util ul{border-bottom:1px solid #ccc;text-align:center;box-sizing:border-box;padding-bottom:10px;}
.footer .footer-util ul li{position:relative;display:inline-block;}
.footer .footer-util ul li:nth-child(2){margin:0 30px;}
.footer .footer-util ul li .f-util-actv{color:#000; font-weight: bold;}
.footer .footer-util ul li a{color:#3E3E3E}
.footer .addr .text{text-align:center;}
.footer .addr .text span{display:inline-block;margin:0 10px;}
.footer .addr .text span:first-child,.footer .addr .text span.last{display:block;}
.footer .addr .text span.last{font-size:14px;}
.footer .copy{font-size:0.9rem;text-align:center;color:#585858;}

.ft-site-box{position: relative;max-width:260px;margin:30px auto 10px;}
.ft-site-btn{position: relative; display:block ; align-items: center; padding: 15px 20px; font-size:14px;border:1px solid #CCCCCC;border-radius:3px;}
.ft-site-list{display: none; position: absolute; left: 0; bottom:54px; width: 100%; z-index: 9;background:#fff;border:1px solid #ccc;border-radius:3px 3px 0 0;}
.ft-site-list ul li a{display:block;border-bottom:1px solid #ccc;font-size:14px;padding:15px 20px;}
.ft-site-list ul li:last-child a{border-bottom:0;}
.site-list-icon{position:absolute;right:10px;top: 50%; transform: translateY(-50%);}
.site-list-icon img{width:16px;}

/* 관련사이트 슬라이더 바 */
.footer-link-bar{border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;}
.link-bar-wrap{display:flex;flex-wrap:wrap;align-items:center;}
.link-slide-area{display:flex;align-items:center;width:100%;overflow:hidden;}
.link-swiper{flex:1;min-width:0;overflow:hidden;}
.link-swiper .swiper-slide{width:auto;padding:12px 15px;}
.link-swiper .swiper-slide a{font-size:13px;color:#333;font-weight:600;white-space:nowrap;}
.link-swiper .swiper-slide a:hover{color:var(--color-primary);}
 
/* 모바일: 컨트롤 숨김 */
.link-slide-controls{display:none;}
 
/* 모바일: 패밀리사이트 풀폭 중앙 */
.footer-link-bar .ft-site-box{width:100%;max-width:260px;margin:var(--spacing-lg) auto;position:relative;}
.footer-link-bar .ft-site-btn{background:#EDEFF2;border-radius:3px;padding:10px 20px;font-size:14px;display:block;position:relative;border:0;}
.footer-link-bar .ft-site-list{bottom:auto;top:50px;border-radius:0 0 3px 3px;}
 
/* 푸터 본문 레이아웃 */
.footer .org-name{font-weight:600;margin-bottom:8px;}
.footer .consign{margin-top:15px;padding-top:15px;border-top:1px solid #eee;}
.footer .footer-info{margin-top:20px;}

.footer .addr .text p{color:#666;margin-bottom:0;}


/* ========== 다크모드 ========== */
.dark a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {outline: 2px dashed var(--color-text);}
.dark select{background-color: var(--color-bg); border-color: var(--color-border); background-image: url(/static/_assets/images/sel-down-d.svg);}
.dark input[type="text"], .dark input[type="password"]{background-color: var(--color-bg) !important; border-color: var(--color-border); color: var(--color-text);}
.dark input[type="text"]::placeholder {color: var(--color-dark-gr);}
.dark .header-wrap .search-inner{background-color: var(--color-bg);}
.dark .header-wrap .search-group p{color: var(--color-text);}
.dark .header-wrap .search-group .total-search{background-image:url("/static/_assets/images/search-d.svg");}
.dark input[type="number"]{background-color: var(--color-bg); border-color: var(--color-border);}
.dark .necessary {color: var(--color-bg);}
.dark .agree-text{background:var(--color-bg);}
.dark input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-text-fill-color: var(--color-text); -webkit-box-shadow: 0 0 0px 1000px var(--color-bg) inset !important;}

/* ========== 모바일 전용 (max-width: 767px) ========== */
 @media (max-width: 767px) {
  .form-row{display:block;}
 }

/* ========== 태블릿 (min-width: 768px) ========== */
  @media (min-width: 768px) {

  .footer .addr .text span{display:inline-block;margin:0 10px;}
  .footer .addr .text span:first-child{display:inline-block;}

  }
/* ========== 데스크탑 (min-width: 1024px) ========== */
  @media (min-width: 1024px) {

  }
/* ========== 일반 데스크탑 시작 (min-width: 1280px) ========== */
  @media (min-width: 1280px) {

    .header-wrap{height:108px;border-bottom:1px solid transparent;}

    .header-wrap .logo{position:static;}
    .header-wrap > .inner{height: 100%;max-height:64px; display: flex; justify-content: space-between; align-items: center;position:static;}
    
    .header-wrap nav{width:100%;height:100%;max-width:940px;}
    .header-wrap .gnb {height: 100%; display: flex; align-items: center;}
    .header-wrap .gnb > li {position: relative; width: calc(100% / 5); height: 100%;}
    /*.header-wrap .gnb > li::before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 32px; border: 1px dashed #fff; opacity: 0.5; content: '';}
    .header-wrap .gnb > li:last-child::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 32px; border: 1px dashed #fff; opacity: 0.5; content: '';}*/
    .header-wrap .gnb > li > a {display: inline-flex; width: 100%; height: 100%; font-size: 1.2rem; font-weight: 500; align-items: center; justify-content: center; color: #333; text-decoration: none;}
    .header-wrap .gnb > li > a::after {opacity: 0; position: absolute; left: 50%; bottom: -2px; width: 0; height: 4px; transform: translateX(-50%); border-radius: 5px; background-color:var(--color-primary); content: ''; z-index: 11; transition: .3s;}
    .header-wrap .gnb > li.active > a {color: var(--main-color);}
    .header-wrap .gnb > li.active > a::after {opacity: 1; width: 75%;}
    .header-wrap .gnb > li > a > .lab-txt {position: relative; padding: 8px 15px; color: #0274c9; background-color: #fff; border-radius: 30px;}
    .header-wrap .gnb .depth-area {position: relative; opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 300px; padding: 30px 15px; z-index: 11;}
    .header-wrap .gnb .depth-area::before {position: absolute; top: 20px; left: 0; height: 90%; border: 1px dashed #d9d9d9; opacity: 0.5; content: '';}
    .header-wrap .gnb > li:last-child .depth-area::after {position: absolute; top: 20px; right: 0; height: 90%; border: 1px dashed #d9d9d9; opacity: 0.5; content: '';}
    .header-wrap .gnb .depth-area a {color: #333; letter-spacing: -1px;}
    .header-wrap .gnb .depth2 > li + li {margin-top: 15px;}
    .header-wrap .gnb .depth2 > li{text-align: center;}
    .header-wrap .gnb .depth2 > li > a {position: relative; font-size: 1.2rem; font-weight: 500; word-break: keep-all; transition: .3s;}
    .header-wrap .gnb .depth3 {padding-top: 15px;}
    .header-wrap .gnb .depth3 > li {position: relative; padding-left: 5px;}
    .header-wrap .gnb .depth3 > li::before {display: inline-block; vertical-align: middle; width: 5px; height: 5px; margin-right: 3px; border-radius: 50%; background-color: #e4e4e4; content: '';}
    .header-wrap .gnb .depth3 > li + li {margin-top: 7px;}
    .header-wrap .gnb .depth3 > li > a {position: relative; font-size: 1.5rem;}
    .header-wrap .gnb-bg {opacity: 0; visibility: hidden; position: absolute; left: 0; top:108px; width: 100%; height: 360px; background-color: #fff; border-radius: 0 0 60px 60px; z-index: 10;}
    .header-wrap .gnb-bg .bg-inner {width: 100%; height: 100%; max-width: 1430px; margin: 0 auto; padding-left: 270px;}
    .gnb-active .header-wrap .gnb .depth-area {opacity: 1; visibility: visible;}
    .gnb-active .header-wrap .gnb-bg {opacity: 1; visibility: visible;} 

    .header-wrap  .gnb > li:hover > a {color: var(--color-primary); transition: .3s;}
    .header-wrap  .gnb > li:hover > a::after {opacity: 1; width: 75%; transition: .3s;}
    .header-wrap .gnb .depth2 > li > a:hover {color:var(--color-primary);}

    .header-wrap .total-group{display:flex;}
    .header-wrap .total-group button[class*="-btn"] {width: 45px; height: 45px;}
    .header-wrap .total-group a[class*="-btn"] {display:inline-block;width: 45px; height: 45px;}

    .header-wrap .total-group .login-btn {background-image: url("/static/_assets/images/login_icon2.svg"); background-size: 46%; background-position: center; background-repeat: no-repeat;}
    .header-wrap .total-group .logout-btn {background-image: url("/static/_assets/images/logout_icon2.svg"); background-size: 46%; background-position: center; background-repeat: no-repeat;}
    .header-wrap .total-area {margin:0 10px;}
    .header-wrap .total-area .search-btn {background-image: url("/static/_assets/images/glass_icon.svg"); background-size: 46%; background-position: center; background-repeat: no-repeat;}
    .header-wrap .total-area .search-area {position: absolute; left: 0; top: 94px; width: 100%; padding: 50px 0; background-color: #fff; text-align: center; z-index: 99;}
    .header-wrap .search-wrap {display: none; position: absolute; left: 0; top:95px; width: 100%; z-index: 11;}
    .header-wrap .search-inner {position: relative; width: 100%; padding: 50px 20px 70px; background-color: #fff; }
    .header-wrap .search-group {max-width: 660px; margin: 0 auto; text-align: center;}
    .header-wrap .search-group p {margin-bottom: 15px; font-size: 1.8rem; color: #333;}
    .header-wrap .search-group p.search-info{font-size:1.4rem;margin-top:15px;}
    .header-wrap .search-group .search-hd-form {position: relative; border-radius: 20px; box-shadow: 0px 15px 21px 0px rgba(117, 108, 153, 0.15);}
    .header-wrap .search-group .search-inp {width: 100%; height: 60px; padding-left: 100px; border: 3px solid var(--color-primary); border-radius: 20px; font-size:1.8rem; box-sizing: border-box;}
    .header-wrap .search-group .total-search {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 45px; height: 46px; background: url("/static/_assets/images/search.svg") no-repeat;background-size:cover;}
    .header-wrap .search-inner .close-search-hd {position: absolute; bottom: -70px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; border-radius: 50%; background-image: url("/static/_assets/images/search_close.svg"); background-color: transparent; background-position: center; background-repeat: no-repeat; border: 1px solid #fff;}
    .header-wrap .login-area {margin-left: 10px;}

    .header-wrap .site-mgnb{float:none;}
    .header-wrap .site-mgnb .sm-btn{margin-top:0;}

    .header-wrap .myp-area .myp-btn.myp-logout{width: 73px !important;}
    .header-wrap .myp-area .myp-btn.myp-myp{width: 80px !important;}
    .header-wrap .myp-area .mypage{display:flex; align-items:center; font-size:14px;}
    .header-wrap .myp-area .mypage span{line-height:45px; font-size:14px; font-weight:700; text-align:center; display:block;}

	.header-wrap .login-area .join{display:flex; align-items:center; font-size:14px;}
	.header-wrap .login-area .join span{line-height:45px; font-size:14px; font-weight:700; text-align:center; display:block;}
	
	.header-wrap .header-sites .inner{text-align:right;box-sizing:border-box;padding:0.5rem;}
	.header-wrap .header-sites .sub-site-links{line-height:1}
	.header-wrap .header-sites .sub-site-links li{display:inline-block;margin-left:var(--spacing-md)}
	.header-wrap .header-sites .sub-site-links li a{font-size:0.8rem;}

    /*사이트맵 팝업*/
    .site-modal {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 15vh 0 0; background-color: rgba(0, 0, 0, 0.6); overflow-y: auto; z-index: 99;}
    .site-modal .modal-inner {position: relative;max-width: 1600px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
    .site-modal .map-title {margin-bottom: 20px; color: #fff; font-size: 2rem; font-family: 'Jalnan'; text-align: center;}
    .site-modal .menu-wrap {position: relative; padding: 65px 60px 50px; background-color: #fff; border-radius: 30px;}
    /* .site-modal .menu-wrap::before {position: absolute; right: -50px; top: -100px;  width: 1050px; height: 400px; border-radius: 100px 30px 30px 30px; background-color: #725bc9; content: ''; z-index: -1;} */
    .site-modal .menu-wrap::after {position: absolute; right: 310px; top: -157px; width: 155px; height: 157px; background: url("/static/_assets/images/joayong/yong_hello.png") no-repeat; content: '';}
    .site-modal .menu-list {display: flex; flex-wrap: wrap; gap: 60px 20px; justify-content: space-between;}
    .site-modal .menu-list > li {position: relative; width: calc(100% / 5 - 20px); padding-top: 30px; background-color: #f9f9f9; border-radius: 20px;}
    .site-modal .menu-list > li > a {display: block; font-size: 1.3rem; font-weight: bold; color: #333; text-align: center;}
    
    .site-modal .menu-list .depth2 {padding: 25px;}
    .site-modal .menu-list .depth2 > li > a {position: relative; font-size: 1.2rem;}
    .site-modal .menu-list .depth2 > li + li {margin-top: 15px;}
    .site-modal .menu-list .depth3 {padding: 5px 5px 0;}
    /* .site-modal .menu-list .depth3 > li + li {margin-top: 7px;} */
    .site-modal .menu-list .depth3 > li > a {position: relative;}
    .site-modal .menu-list .depth3 > li > a::before {display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 5px; border-radius: 50%; background-color: #555; content: '';}
    .site-modal .modal-inner .modal-close {position: absolute; right: 15px; top: 0; width: 50px; height: 50px; padding: 0;  border-radius: 50%;background: url(/static/_assets/images/close.svg) center center no-repeat;background-color: #fff;}
    

    .footer > .inner{font-size: 16px; padding-bottom: 50px;}
    .footer .footer-top{display:flex;flex-wrap:wrap;align-items: center;margin-bottom:15px;}
    .footer .f-logo{display:inline-block;margin-right:60px;}
    .footer .f-logo img{margin:0 auto;width:140px;}
    .footer .footer-util{display:inline-block;padding:0;}
    .footer .footer-util ul{border-bottom:0;padding-bottom:0;}
    .footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content: space-between;}
    .footer .addr{border-top:1px solid #ccc;box-sizing:border-box;padding-top:20px;}
    .footer .addr .text{text-align:left;}
    .footer .addr .text span{font-size:1rem;}
    .footer .addr .text span.last{display:inline-block;font-size:1rem;}
    .footer .addr .text span:first-child{margin-left:0;}
    .ft-site-box{width:260px;margin:0;height:55px;margin-top:20px;}
    .footer .copy{text-align:left;}

	.link-bar-wrap{flex-wrap:nowrap;justify-content:space-between;}
    .link-slide-area{width:auto;flex:1;}
    .link-swiper .swiper-slide{padding:18px 25px;}
    .link-swiper .swiper-slide a{font-size:15px;}
 
    /* 관련사이트 바 */
    .footer-link-bar .inner{max-width:1560px;margin:0 auto;padding:0;}
    .link-bar-wrap{flex-wrap:nowrap;justify-content:space-between;}
    .link-slide-area{width:auto;flex:1;max-width:520px;}
    .link-swiper .swiper-slide{padding:15px 25px;}
    .link-swiper .swiper-slide a{font-size:14px;}
 
    /* PC: 컨트롤 표시 */
    .link-slide-controls{display:flex;align-items:center;gap:2px;margin-left:10px;flex-shrink:0;}
    .link-slide-controls button{width:28px;height:28px;border:none;background:none;cursor:pointer;font-size:13px;color:#333;display:flex;align-items:center;justify-content:center;}
    .link-slide-controls button:hover{color:var(--color-primary);}
 
    /* PC: 패밀리사이트 바 오른쪽 */
	/* @media (min-width: 1280px) 내 */
	.footer-link-bar .ft-site-box{flex-shrink:0;margin:0;margin-left:20px;max-width:240px;}
	.footer-link-bar .ft-site-btn{margin-top:7px;align-items:center;gap:8px;white-space:nowrap;}
 
    /* 푸터 본문 */
    .footer > .inner{max-width:1560px;margin:0 auto;padding-top:40px;}
    .footer .footer-top{display:flex;align-items:flex-start;gap:40px;margin-bottom:20px;}
    .footer .f-logo{flex-shrink:0;}
    .footer .f-logo img{width:120px;}
    .footer .footer-info{margin-top:0;flex:1;}
    .footer .addr{border-top:none;padding-top:0;}
    .footer .addr .text{text-align:left;}
 
    /* footer-bottom: 좌우 배치 해제 → 세로 스택, 왼쪽 정렬 */
    .footer .footer-bottom{display:block;padding-left:200px;}
    .footer .footer-util{display:block;padding:15px 0 0;}
    .footer .footer-util ul{border-bottom:none;text-align:left;padding-bottom:20px;}
    .footer .footer-util ul li:nth-child(2){margin:0 20px;}
    .footer .footer-util ul li:nth-child(3){margin-right:20px;}
    .footer .copy{text-align:left;padding-top:5px;}

	.footer .addr .text p{margin-bottom:0;}

    .form-sentent-box{font-size:1.1rem;}

    .quick-menu .top-btn.sns-btn{display:none;}


  }
/* ========== 넓은 데스크탑 (min-width: 1400px) ========== */
  @media (min-width: 1400px) {

  }
/* ========== 와이드 데스크탑 (min-width: 1600px) ========== */
  @media (min-width: 1600px) {

 }

 /* ========== PC전용요소 (max-width: 1279px) ========== */
  @media (max-width: 1279px) {
    
    .header-wrap .inner nav{display:none;}
    .header-wrap .inner::after{content:"";display:block;clear:both;}
    
    .total-group .login-area{display:none}
    .total-group .myp-area{display:none}
    .total-group .total-area{display:none}
    .site-mgnb .site-modal{display:none;}
    /* .quick-menu{display: none;} */
    .quick-menu .menu-list{display:none;}
    .quick-menu{top:calc(100vh - 30px);transform:translateY(-100%);}

    .form-row-double{display:block;}
    .form-row-double .form-row + .form-row{margin-top:var(--spacing-lg);}

    .header-wrap .logo{top:10px;}
    .header-wrap .logo img{width:67px;}

	.header-sites{display:none;}

	.footer-link-bar{border-bottom:0;position:relative;}
    .footer-link-bar:after{content:"";position:absolute;top:50px;left:0;width:100%;height:1px;border-top:1px solid #D0D0D0;}
 }