@charset "utf-8";

/* layout */
.wrap{display:flex; flex-direction:column; min-height:100vh; background:#f2f4f6;}
.content-wrap{flex-grow:1; height:100%; padding-bottom:12rem;}
.content-wrap.sub{max-width:114rem; width:100%; margin:13rem auto 12rem; padding:0 1rem;}

/* header 공통 (s) */
header{display:flex; align-items:center; gap:6rem; height:12rem; padding:0 9rem; background:#fff; border-bottom:.1rem solid #eee; z-index:999;}
header .head-top .logo a{display:inline-flex; width:20rem; height:8.3rem; text-indent:-9999px; background:url(../images/common/icon_main_logo.svg) center center /  100% no-repeat;}
header .head-inner{flex-grow:1; }
header .head-inner nav{display:flex; justify-content:flex-end; gap:4rem; width:100%; margin-top:2rem;}
header .head-inner nav .btn-mnu{display:inline-block; position:relative; top:1.8rem; width:1.8rem; height:1.6rem; text-indent:-9999px; background:url(../images/common/icon_menu_all.svg) center center / 100% no-repeat;}

/* input */
input{outline:none; border:none;}
select{appearance:none;}
.ipt::placeholder, textarea::placeholder{color:#BFC0C4;}
.ipt[readonly]{background-color:transparent; border-color:#D9D9D9;}
.ipt{min-width:14.5rem; color:#121212; padding:1.3rem 2rem; line-height:2.4rem; font-size:var(--font-size-18); background:#fff; border:.1rem solid #A6A8AB; border-radius:1rem; outline:none;}
select.ipt{padding-right:4rem; background:#fff url(../images/common/icon_select_arrow.svg) right 1.9rem center / 1.4rem 1.4rem no-repeat;}
input[type="password"]{padding-right:3.5rem; background-image:url(../images/common/icon_lock.svg); background-position:center right 2rem; background-size:1.4rem 1.6rem ; background-repeat:no-repeat;}
.ipt02{width:100%; height:3.4rem; padding-bottom:1rem; font-weight:400; line-height:2.4rem; font-size:2rem; background:transparent; border:none; border-bottom:.1rem solid #000;}
textarea.ipt02{min-height:6.5rem; resize: none;}
select.ipt02{background:url(../images/common/icon_select_down.svg) right top .6rem / 1.4rem 1.2rem no-repeat;}
.txtarea textarea{max-width:100%; width:100%; height:100%; padding:1.8rem 1.6rem; line-height:2.4rem; font-size:var(--font-size-18); border:.1rem solid #A6A8AB;}


.gnb{display:flex; align-items:center; width:100%;}
.gnb.active::before{content:''; display:inline-block; position:absolute; top:12rem; left:0; width:100%; height:43rem; background:#fff;}
.gnb > li{flex-grow:1; position:relative; font-weight:600; font-size:var(--font-size-20);}
.gnb > li > a{position:relative; transition:all .3s ease; border-bottom:.1rem solid #eee;}
.gnb > li > a::after{content:''; display:inline-block; position:absolute; width:0; height:.8rem; left:50%; bottom:0; background:#62C0B4; transform:translateX(-50%); transition:all .3s ease;}
.gnb > li:hover > a::after{width:100%;}
.gnb > li a{display:inline-flex; justify-content:center; align-items:center; padding:0 0 1rem; width:100%; height:6.5rem; font-size:inherit; text-align:center;}

.gnb .gnb-depth2{display:none; position:absolute; top:6.5rem; width:100%; height:43rem; padding-top:2rem; background:#fff; z-index:10;}
.gnb.active .gnb-depth2{display:block;}
.gnb .gnb-depth2 li{font-weight:400; font-size:var(--font-size-18);}
.gnb .gnb-depth2 li.tit{padding-bottom:0; color:#fff; font-weight:700; font-size:var(--font-size-20); background-color:#034EA1;}
.gnb > li:last-child .gnb-depth2 li.tit{border-right:none;}
.gnb .gnb-depth2 li a{height:6rem; padding:0 1rem;}
.gnb .gnb-depth2 > li:first-child a{height:4.8rem;}
.gnb .gnb-depth2 > li > a .txt{position:relative;}
.gnb .gnb-depth2 > li > a .txt::after{content:''; display:inline-block; position:absolute; bottom:-.2rem; left:50%; width:0; height:.1rem; background:#009BB4; transform:translateX(-50%); transition:all .3s ease;}

.gnb .gnb-depth2 > li:hover > a .txt{color:#009BB4; font-weight:700;}
.gnb .gnb-depth2 > li:hover > a .txt::after{width:100%;}




.gnb .gnb-depth3{position:relative; width:80%; margin:1rem auto 0; padding:1rem 0; background:#E8F2FF; border-radius:1rem;}
.gnb .gnb-depth3::before{content:''; display:inline-block; position:absolute; top:-3rem; left:50%; transform:translateX(-50%); border-top:1.7rem solid transparent; border-right:1rem solid transparent; border-bottom:1.7rem solid #E8F2FF; border-left:1rem solid transparent;}
.gnb .gnb-depth3 li a{height:4rem;}

.mnu-info{display:flex; gap:2rem; justify-content:flex-end; align-items:center; margin-top:1.4rem; color:var(--font-color-gray);; font-size:var(--font-size-16);}
.mnu-info > div{display:flex; gap:3.2rem;}
.mnu-info > div a + a{position:relative;}
.mnu-info > div a + a::after{content:''; display:inline-block; position:absolute; top:50%; left:-1.6rem; width:.1rem; height:calc(100% - .5rem); background:rgba(108, 108, 108, 0.6); transform:translateY(-50%);}
.mnu-info *{color:inherit; font-size:inherit;}
.mnu-info b{color:var(--font-color-black);}
.mnu-info [class*='btn-']{position:relative; padding-left:2.4rem; color:#6C6C6C; font-weight:500; font-size:1.4rem; font-family:var(--ff-noto);}
.mnu-info [class*='btn-']::before{content:''; display:inline-flex; position:absolute; top:.3rem; left:0; width:1.6rem; height:1.6rem; background-repeat:no-repeat; background-size:100%; background-position: center center;}
.mnu-info .btn-mypage::before{background-image: url(../images/common/icon_mypage.svg);}
.mnu-info .btn-logout::before{background-image: url(../images/common/icon_logout.svg);}
.mnu-info .btn-logout.login::before{background-image:url(../images/common/icon_login.svg); background-size:1.3rem 1.6rem;}
.mnu-info .btn-mypage.access::before{background-image:url(../images/common/icon_member.svg);}

/* header (e) */

.ico{display:inline-flex; justify-content:center; align-items:center; width:2rem; height:2rem; background-repeat:no-repeat;}
.ico::before{content:''; display:block; width:100%; height:100%; background-size:contain; background-repeat:no-repeat;}
.icon-home::before{background:url(../images/common/icon_home.svg) center center / 100% no-repeat;}
.icon-search::before{background-image:url(../images/common/icon_search.svg);}
.icon-h3::before{background-image:url(../images/common/icon_h3.svg);}
.icon-sign::before{background-image:url(../images/common/icon_sign.svg);}

/* location */
.location ol{display:inline-flex; gap:1.2rem; align-items:center;}
.location li + li{position:relative;}
.location li + li::before{content:''; display:inline-block; width:.8rem; height:1.2rem; margin-right:1.2rem; background:url(../images/common/icon_lo_arrow.svg) center center / 100% no-repeat;}
.location li a{font-weight:500; font-size:1.6rem;}
.location .icon-home{width:1.5rem; height:1.6rem;}
.location + .inner-wrap{margin-top:2rem;}


/* radio-group & checkbox-group */
.radio-group, .checkbox-group{display:flex; align-items:center; gap:1.6rem; flex-wrap:wrap;}
.radio-item, .checkbox-item{display:flex; align-items:center; gap:.8rem; font-weight:400; font-size:var(--font-size-18); line-height:2.6rem; cursor:pointer;}
.radio-item input[type="radio"], .checkbox-item input[type="checkbox"]{display:none;}
.radio-item .custom-radio{display:inline-block; position:relative; width:2rem; height:2rem; border:.1rem solid #A6A8AB; border-radius:50%;}
.radio-item input[type="radio"]:checked + .custom-radio{border-color:#1464FF;}
.radio-item input[type="radio"]:checked + .custom-radio::after{content:''; position:absolute; top:50%; left:50%; width:1.2rem; height:1.2rem; background:#1464FF; transform:translate(-50%, -50%); border-radius:50%;}
/* radio rounded */
.radio-group.rounded{gap:0;}
.radio-group.rounded .radio-item .custom-radio{width:100%; height:100%; padding:.4rem 2.5rem; font-weight:400; font-size:var(--font-size-20); line-height:3.2rem; border:none;}
.radio-group.rounded .radio-item input[type="radio"]:checked + .custom-radio{color:#fff; font-weight:700; background-color:#8AC650; border:none; border-radius:2rem;}
.radio-group.rounded .radio-item input[type="radio"]:checked + .custom-radio::after{display:none;}
.radio-group.rounded .radio-item input[type="radio"][disabled]{}

.checkbox-item .custom-check{display:inline-block; position:relative; width:2rem; height:2rem; background:#fff; border:.1rem solid #A6A8AB;}
.checkbox-item input[type="checkbox"]:checked + .custom-check{background:#1464FF; border-color:#1464FF;}
.checkbox-item input[type="checkbox"]:checked + .custom-check::after{content:''; position:absolute; top:50%; left:50%; width:1.4rem; height:1rem; background:url(../images/common/icon_check.svg) center center / 100% no-repeat; transform:translate(-50%, -50%); border-radius:50%;}
.checkbox-item input[type="checkbox"][disabled] + .custom-check{background:#D9D9D9 !important; border-color:#A6A8AB !important;}

/* button */
.btn{display:inline-flex; justify-content:center; align-items:center; min-width:14rem; height:5rem; text-align:center; font-size:var(--font-size-18); border-radius:1rem; background-color:#f5f5f5;}
.btn-cmn{min-width:14rem; height:5rem; color:#fff; font-weight:700; font-size:var(--font-size-18); background:var(--primary-color);}
.btn-primary{color:#fff; background-color:var(--primary-color);}
.btn-normal{color:var(--font-color-black); background-color:var(--normal-color); border:.1rem solid var(--font-color-gray);}
.btn-normal.wh{background:#fff; border-color:#A6A8AB;}
.btn-cmn.gray{background-color:var(--font-color-gray);}
.btn-cmn.sec{background-color:#1464FF;}
.btn-cmn.green{background-color:#8AC650;}
.btn-cmn.dark-blue{background-color:#3B4963;}

/* tb-layout */
.tb-layout table{table-layout:fixed; width:100%;}
.tb-layout table td{border:.1rem solid #DFE3EB;}

/* input */
input{outline:none; border:none;}
select{appearance:none;}
.ipt::placeholder, textarea::placeholder{color:#BFC0C4;}
.ipt[readonly]{background-color:transparent; border-color:#D9D9D9;}
.ipt{min-width:14.5rem; color:#121212; padding:1.3rem 2rem; line-height:2.4rem; font-size:var(--font-size-18); background:#fff; border:.1rem solid #A6A8AB; border-radius:1rem; outline:none;}
select.ipt{padding-right:4rem; background:#fff url(../images/common/icon_select_arrow.svg) right 1.9rem center / 1.4rem 1.4rem no-repeat;}
input[type="password"]{padding-right:3.5rem; background-image:url(../images/common/icon_lock.svg); background-position:center right 2rem; background-size:1.4rem 1.6rem ; background-repeat:no-repeat;}
.ipt02{width:100%; height:3.4rem; padding-bottom:1rem; font-weight:400; line-height:2.4rem; font-size:2rem; background:transparent; border:none; border-bottom:.1rem solid #000;}
textarea.ipt02{min-height:6.5rem; resize: none;}
select.ipt02{background:url(../images/common/icon_select_down.svg) right top .6rem / 1.4rem 1.2rem no-repeat;}
.txtarea textarea{max-width:100%; width:100%; height:100%; padding:1.8rem 1.6rem; line-height:2.4rem; font-size:var(--font-size-18); border:.1rem solid #A6A8AB;}

/* footer */
footer{background:#fff;}
.max-width-inner{max-width:152rem; margin:0 auto;}
.bd-line-grp{border-top:.1rem solid #DFE3EB; border-bottom:.1rem solid #DFE3EB;}
.footer-banner-slider{position:relative; padding:1.7rem 0 1.3rem;}
.footer-banner-slider .swiper{max-width:131.2rem;}
.footer-banner-slider .swiper .swiper-slide{width:auto;}
.footer-banner-slider .swiper .swiper-slide + .swiper-slide::before{content:''; display:inline-block; position:absolute; top:1rem; left:-3rem; width:.1rem; height:3rem; background:#E3E5EA;}
.footer-banner-slider .swiper-button-next:after, 
.footer-banner-slider .swiper-button-prev:after{display:none;}
.footer-banner-slider .swiper .swiper-slide > a{display:inline-block; width:20rem; height:5rem;}
.footer-banner-slider .swiper .swiper-slide > a img{display:block; width:100%;}

.footer-cont{display:flex; gap:3.8rem; padding:3rem 0 3.4rem; font-size:var(--font-size-16);}
.footer-cont .address-grp{margin-top:1rem; width:100%;}
.footer-cont .link-area{display:flex; gap:4rem;}
.footer-cont .link-area > a{display:inline-flex; align-items:center; font-weight:500; font-size:1.8rem;}
.footer-cont .link-area > a:first-child{font-weight:700;}
.footer-cont .link-area > a + a{position:relative;}
.footer-cont .link-area > a + a::before{content:''; display:inline-block; position:absolute; top:.15rem; left:-2rem; width:.1rem; height:calc(100% - .3rem); background:rgba(108, 108, 108, 0.6);}

.footer-cont .link-area + .txt-list{margin-top:2rem;}
.footer-cont .txt-list .dl-list{display:flex; flex-wrap:wrap; gap:0 2rem;}
.footer-cont .txt-list dl{display:flex; gap:1rem; margin-top:.2rem;}
.footer-cont .txt-list dl dt{font-weight:700;}
.footer-cont .txt-list dl dd + dt{margin-left:.5rem;}
.footer-cont address{margin-top:1rem;}
.footer-banner-slider, .footer-cont{padding-left:2rem; padding-right:2rem;}

/* dropdown */
.dropdown-wrap{width:24rem;}
.dropdown-wrap .btn-dropdown{display:inline-flex; justify-content:space-between; align-items:center; width:100%; height:4.5rem; padding:1.3rem 2rem; font-size:var(--font-size-16); text-align:left; background:#fff; border:.1rem solid #A6A8AB; border-radius:.4rem;}
.dropdown-wrap .btn-dropdown::after{content:''; display:inline-block; width:1.2rem; height:8rem; background:url(../images/common/icon_drop_arrow_down.svg) center center / 100% 100% no-repeat;}
.dropdown-wrap .dropdown-list{display:flex; flex-wrap:wrap; overflow:auto; max-height:0; margin-top:.5rem; border:none; transition: max-height 0.3s ease; border-radius:.4rem;}
.dropdown-wrap .dropdown-list .footer-link{display:inline-flex; width:100%; height:4.5rem; padding:1.3rem 2rem;}
.dropdown-wrap .btn-family:hover, .dropdown-wrap .dropdown-list .footer-link:hover{background:#f2f4f6;}
.dropdown-wrap.is-open .btn-dropdown::after{transform:rotate(-180deg);}
.dropdown-wrap.is-open .dropdown-list{overflow:auto; max-height:22.5rem; border:.1rem solid #A6A8AB;}

/* error page */
.error-wrap{display:flex; flex-direction:column; gap:2rem; width:100rem; margin:auto auto;}
.error-wrap .logo{display:block; width:23.9rem; height:5.8rem;}
.error-wrap .logo a{display:inline-block; width:100%; height:100%; text-indent:-9999px; background:url(../images/common/icon_main_logo.svg) center center / 100% no-repeat;}
.error-wrap .inner{padding:8rem 10rem; text-align:center; background:#fff;}
.err-tit{display:block; width:100%; height:5.6rem; margin-top:2rem; font-weight:600; font-size:var(--font-size-34); border-bottom:.1rem solid #D9D9D9;}
.error-wrap .inner > img{display:block; margin:0 auto;}
.error-wrap .inner > .err-tit + p{margin-top:1.5rem; color:var(--font-color-gray); font-weight:400; font-size:var(--font-size-18);}
.error-wrap .inner .btn-area{margin-top:3rem;}
.error-wrap .inner .btn-cmn{width:20rem;}

/* etc */
.mo-only{display:none;}
.pc-only{display:inline-flex;}
tbody.pc-only{display:table-row-group;}
thead.pc-only{display:table-row-group;}
colgroup.pc-only{display:table-column-group;}
.bg-gray{background-color:var(--bg-gray);}
.numbering{counter-reset:cnt;}
.numbering li{counter-increment:cnt;}
.numbering li .txt-list::before{content:counter(cnt);}

/* modal */
body.modal-open{height:100vh; overflow:hidden;}
.cmp-modal{display:none; justify-content:center; align-items:center; position:fixed; z-index:1000; inset:0;}
.cmp-modal.is-active{display:flex;}
.cmp-modal .dimmed{position:absolute; inset:0; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.8); transition:opacity 0.3s ease-out, visibility 0.3s ease-out; z-index:99;}
.cmp-modal .modal-container{display:flex; flex-direction:column; gap:5rem; position:fixed; visibility:hidden; padding:2rem; background:#fff; transform:translateY(2rem); transition: 0.3s ease-out, opacity 0.3s ease-out; border:.1rem solid #000; border-radius:1rem; box-shadow:.2rem .2rem 1.5rem 0 rgba(0, 0, 0, .1); opacity:0; z-index:1001;}
.cmp-modal.is-active .modal-container{min-width:20%; max-width:90%; min-height:20%; max-height:90%; visibility:visible; transform:translateY(0); opacity:1;}

.cmp-modal .modal-container .modal-body{overflow-y:auto; padding:0;}
.cmp-modal .modal-container .modal-body .modal-title{width:100%; font-weight:700; padding-bottom:4rem; line-height:3.8rem; font-size:4rem; text-align:center;}
.cmp-modal .modal-container .modal-body .img-frame{display:flex; justify-content:center; align-items:center; width:12rem; height:12rem; margin:0 auto; background:rgba(3, 78, 161, 0.1); border-radius:50%;}
.cmp-modal .modal-container .modal-body .img-frame.write img{display:block; width:7.8rem; height:7rem;}
.cmp-modal .modal-container .modal-body .img-frame.res img{display:block; height:7rem;}
.cmp-modal .modal-container .modal-body .img-frame + .txt-grp{margin-top:4rem;}
.cmp-modal .modal-container .modal-body .txt-grp{display:flex; flex-direction:column; align-items:center; text-align:center;}
.cmp-modal .modal-container .modal-body .txt-grp .txt26{line-height:3.8rem;}
.cmp-modal .modal-container .modal-body .txt-grp strong{font-size:var(--font-size-24);}
.cmp-modal .modal-container .modal-body .txt-grp > b + span{margin-top:3rem;}

.cmp-modal .modal-container .modal-footer{display:flex; gap:2.5rem; }
.cmp-modal .modal-container .modal-footer .btn{min-width:32rem; width:100%; height:6rem; gap:1rem; font-weight:500; font-size:var(--font-size-20);}
.cmp-modal .modal-container .modal-footer .btn-normal{background-color:#fff;}
.cmp-modal .modal-container .modal-footer .btn .ico{width:1.6rem; height:1.6rem;}
.cmp-modal .modal-container .modal-footer .btn .ico.icon-modal-login,
.cmp-modal .modal-container .modal-footer .btn .ico.icon-modal-join{height:1.8rem;}
.cmp-modal .btn-close.close-modal{display:inline-flex; position:absolute; top:-.6rem; right:-5.5rem; width:5.2rem; height:5.2rem; text-indent:-9999px; background:url(../images/common/ico_nav_close.webp) center center / 100% no-repeat;}

.cmp-modal .modal-container.find{min-width:77rem;}
.cmp-modal .modal-container.find .modal-body .img-frame.write{width:17rem; height:17rem; margin-top:-3rem; background:none;}
.cmp-modal .modal-container.find .modal-body .img-frame.write img{width:100%; height:auto;}
.cmp-modal .modal-container.find .modal-body .txt-grp strong{font-size:var(--font-size-30); line-height:3.8rem;}
.cmp-modal .modal-container.find .modal-body .img-frame + .txt-grp{margin-top:1rem; gap:1rem;}
.cmp-modal .modal-container.find .modal-footer{justify-content:center;}
.cmp-modal .modal-container.find .modal-footer .btn{max-width:32rem;}

@media screen and (max-width:1600px) {
    .gnb > li > a{padding:0 3rem;}
    header .head-inner nav .btn-mnu{top:2.3rem;}
}

@media screen and (max-width:1440px) {
    header{gap:2rem; padding:0 1.6rem;}
    header .head-inner nav{gap:2rem;}
    .gnb > li > a{padding:0 1rem;}
    .footer-banner-slider .swiper{width:calc(100% - 8rem);}
    .footer-cont .link-area{height:auto;}
}


@media screen and (max-width:1024px) {
    .gnb.active .gnb-depth2{display:none;}
    .mo-only{display:inline-flex;}
    colgroup.mo-only{display:table-column-group;}
    tbody.mo-only{display:table-row-group;}
    thead.mo-only{display:table-row-group;}
    .pc-only, tbody.pc-only, thead.pc-only, colgroup.pc-only{display:none;}
    
    .content-wrap{padding-bottom:7rem;}

    header{position:relative;}
    header.bg + main, header.bg + *{position:relative;}
    header.bg + main::after, header.bg + *::after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:998;}
    header .head-top{position:relative; height:7rem; border-bottom:.1rem solid #DFE3EB;}
    header .head-top .logo a{width:13.2rem; height:3.9rem;}


    header .head-top .mo-btn-grp{display:flex; gap:2rem; align-items:center; position:relative;}
    header .head-top .mo-btn-grp button{position:static; text-indent:-9999px; width:2rem; height:2rem; padding:0; transform:none;}
    header .head-top .mo-btn-grp .mo-btn-mnu{display:inline-flex; background:url(../images/mo/mo_icon_hambuger.svg) center center / 100% no-repeat;}
    header .head-top .mo-btn-grp .mo-btn-mnu.close{background-image:url(../images/common/icon_gnb_close.svg); background-size:1.4rem 1.4rem;}

    header .head-bottom{display:none;}
    header .head-bottom.mo-open{display:flex; position:absolute; top:7rem; padding:0; background:#fff; border-top:none; z-index:10;}
    header .head-bottom.mo-open nav{display:block; width:100%;}
    header .head-bottom.mo-open .gnb{flex-wrap:wrap;}
    header .head-bottom.mo-open .gnb li{width:100%;}

    header .head-bottom.mo-open .gnb > li{border-bottom:.1rem solid #DFE3EB;}
    header .head-bottom.mo-open .gnb > li > a{justify-content:space-between; position:relative; height:5.8rem; padding:0 2rem;}
    header .head-bottom.mo-open .gnb > li > a::after{content:''; display:inline-block; width:2rem; height:1.2rem; background:url(../images/common/icon_gnb_arrow_down.svg); background-position:center center; background-size:100%; background-repeat:no-repeat;}

    header .head-bottom.mo-open .gnb > li.active > a{color:#fff; background:var(--primary-color);}
    header .head-bottom.mo-open .gnb > li.active > a::after{background-image:url(../images/common/icon_gnb_arrow_up.svg);}

    header .head-bottom.mo-open .mnu-info{margin:4rem auto 0;}

    .gnb > li .gnb-depth2{position:static; width:100%; height:auto; padding:1.2rem 2.5rem 2rem;}
    .gnb > li.active .gnb-depth2{display:block;}
    .gnb > li .gnb-depth2:after,
    .gnb > li .gnb-depth2 .tit{display:none;}
    .gnb > li .gnb-depth2 li a{justify-content:flex-start; height:4.1rem;}
    .gnb > li .gnb-depth2 li.tit + li{margin-top:0;}
    .gnb .gnb-depth3{margin:0; width:100%;}
    .gnb .gnb-depth3 li a{padding:0 1.9rem;}
    .gnb .gnb-depth3::before{display:none;}

    .footer-banner-slider{padding:2rem;}
    .footer-banner-slider .swiper{width:100%;}
    .footer-banner-slider .swiper .swiper-slide > a{display:block; width:18rem; height:3.8rem;}
    .footer-banner-slider .swiper .swiper-slide > a img{width:100%;}
    .footer-banner-slider .swiper-button{display:none;}
    .footer-cont{flex-direction:column;}
    .footer-cont .txt-list .dl-list dl{width:100%;}
    .footer-cont .txt-list li dl{flex-direction:column; row-gap:.7rem;}
    .footer-cont .txt-list li dd + dt{margin-top:.9rem;}

    .error-wrap{gap:1rem; width:100%;}
    .error-wrap .logo{width:18.1rem; height:4.4rem;}
    .error-wrap .inner{padding:7rem 2rem; border-radius:1rem;}
    .error-wrap .err-tit{height:auto; padding-bottom:1.5rem; font-weight:600; font-size:var(--font-size-30);}
    .error-wrap .inner .btn-area{margin-top:4rem;}
    .error-wrap .inner > .err-tit + p{font-size:var(--font-size-16);}

    .cmp-modal .modal-container{width:calc(100% - 4rem); padding:5rem 2.5rem;}
    .cmp-modal .modal-container .modal-body{padding:0;}
    .cmp-modal .modal-container .modal-body .txt-grp strong{font-size:var(--font-size-20);}
    .cmp-modal .modal-container .modal-body .txt-grp b{font-size:2.4rem;}
    .cmp-modal .modal-container .modal-footer{flex-wrap:wrap; row-gap:1.5rem;}
    .cmp-modal .modal-container .modal-footer .btn{height:6rem; font-weight:500; font-size:2rem;}
    .cmp-modal .btn-close.close-modal{width:5rem; height:5rem;}
    .cmp-modal .modal-container.find{min-width:unset;}

    .cmp-modal .modal-container .modal-body .modal-title{padding-bottom:3rem; font-size:3.6rem;}
    .cmp-modal .modal-container .modal-body .img-frame + .txt-grp{margin-top:3rem;}
    .cmp-modal .modal-container .modal-body .txt-grp .txt26{line-height:3rem;}


    .ipt, .btn-cmn{min-width:unset;}
    .ipt02{font-size:1.8rem;}
}

@media screen and (max-width:768px){
    .top-noti .btn-close{right:2rem;}
    .top-noti .icon-toryani{right:5rem;}
    .top-noti p{font-size:var(--font-size-18);}

    .footer-cont{position:relative; padding-bottom:14rem;}
    .footer-cont .txt-list{flex-direction:column;}
    .footer-cont .family-grp .dropdown-wrap{width:100%; margin-top:2.5rem;}
    .address-grp address{position:absolute; bottom:6.5rem;}
    .footer-cont .link-area{position:absolute; top:2.7rem; padding-right:2rem;}
    .footer-cont .logo-grp{margin-top:10rem;}
}