@charset "utf-8"; 
.scroll_on { opacity: 0; transition: all 1s; transform: translate(0, 50px); } 
.scroll_on.active { opacity: 1 !important; transform: translate(0, 0) !important; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s; } 

/* 상단 */
:root {
    --header-padding-top: 123px;
}
#wrapper { padding-top: var(--header-padding-top); } 
#header { position: absolute; top:0; left:0; width:100%; background:#fff; z-index:200; } 
#header .header-top { position:relative; max-width:1240px; margin:0 auto; padding: 0 20px; } 
.top-menu { display: flex; align-items: center; height: 51px; } 
.top-menu .menu-list1 { display: flex; align-items: center; gap:20px; margin-left: 4px; } 
.top-menu .menu-list1 > li { position: relative; } 
.top-menu .menu-list1 > li.active { pointer-events: none; }
.top-menu .menu-list1 > li a { display: block; position: relative; font-family: 'Pretendard'; font-size: 15px; font-weight: 500; color: var(--color-gray-600); } 
.top-menu .menu-list1 > li.active a { font-weight: 600; color: var(--color-gray-800); } 
.top-menu .menu-list1 > li + li::before { content:''; position: absolute; top: 50%; left: -11px; width: 3px; height: 3px; background: var(--color-gray-300); border-radius:50%; transform: translate(0,-50%); } 
.top-menu .menu-list1 > li .img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); opacity: 0; } 
.top-menu .menu-list1 > li:has(.img):hover .txt { opacity: 0; } 
.top-menu .menu-list1 > li:has(.img):hover .img { opacity: 1; } 
.top-menu .right { position: relative; margin-left: auto; } 
.top-menu .menu-list2 { display: flex; align-items: center; gap:20px; } 
.top-menu .menu-list2 > li { position: relative; } 
.top-menu .menu-list2 > li a { display: block; font-family: 'Pretendard'; font-size: 15px; font-weight: 500; color: var(--color-gray-800); font-style: normal; } 
.top-menu .menu-list2 > li:hover a { font-weight: 600; } 
.top-menu .menu-list2 > li + li::before { content:''; position: absolute; top: 50%; left: -11px; width: 3px; height: 3px; background: var(--color-gray-300); border-radius:50%; transform: translate(0,-50%); } 
.login-menu { display:none; position:absolute; top:100%; right:0; width:160px; margin-top:21px; padding:20px; background:#fff; border:1px solid var(--color-dark-gray); border-radius:3px; z-index:110; } 
.login-menu .user-name { margin-bottom:15px; font-size:14px; font-weight:500; color:var(--color-primary); } 
.login-menu .user-name strong { font-weight:700; } 
.login-menu .alarm-wrap { position:absolute; top:20px; right:20px; line-height:0; } 
.login-menu .alarm-wrap .new { position:absolute; top:-8px; right:-10px; width:16px; height:16px; background:var(--color-red); border-radius:50%; font-size:11px; font-weight:500; line-height:16px; color:#fff; text-align:center; } 
.login-menu .user-menu li a { display:inline-block; position:relative; font-size:18px; font-weight:400; line-height:32px; color:var(--color-dark-gray); transition:.3s; } 
.login-menu .user-menu li a:after { content:''; position:absolute; bottom:5px; left:0; width:100%; height:1px; background:var(--color-dark-gray); transition:.3s; opacity:0; } 
.login-menu .user-menu li:hover a { font-weight:700; } 
.login-menu .user-menu li:hover a:after { opacity:1; } 
.login-menu .user-menu .btn-admin { margin-top:7px; } 
.login-menu .user-menu .btn-admin a { display:inline-flex; align-items:center; gap:5px; } 

/* search */
#header .search-wrap { position:relative; width:100%; max-width:450px; margin:0 auto; border-radius:15px; box-shadow:0 3px 7px rgba(0,0,0,.15); } 
@media only screen and (min-width:1025px) { 
    #header .search-wrap { display:block!important; } 
}
#header .search-wrap input[type="text"] { width:100%; height:48px; padding:0 56px 0 20px; border:0 none; border-radius:15px; font-size:16px; font-weight:400; color:var(--color-dark-gray); } 
#header .search-wrap .search { position:absolute; top:0; right:0; width:56px; height:48px; padding:0; background:none; text-align:center; } 
#header .search-wrap .back { display:none; position:absolute; top:0; left:30px; width:30px; height:80px; padding:0; background:none; } 
#header .m-search-btn { display:none; line-height:0; } 

/* logion */
.header-login-wrap { position:absolute; top:16px; right:0; } 
.header-login-wrap .login-utils { display:flex; align-items:center; padding-right:70px; background:url(../images/common/login_icon.png) no-repeat 99% center; cursor:pointer; } 
.header-login-wrap .login-utils li { display:inline-block; vertical-align:middle; } 
.header-login-wrap .login-utils li a { display:block; font-size:16px; font-weight:500; line-height:48px; color:#000; } 
.header-login-wrap .login-utils li.join a { color:var(--color-primary); } 
.header-login-wrap { display:flex; align-items:center; gap:20px; } 
.language-select-box { position:relative; } 
.language-select-box .language-select { display:block; position:relative; min-width:90px; padding:14px 14px 15px; background:#333; border-radius:15px; font-size:15px; font-weight:500; color:#fff; } 
.language-select-box .language-select:after { content:''; position:absolute; top:50%; right:12px; width:16px; height:16px; background:url(/html/_skin/1/images/common/icon_globe.webp) no-repeat center/contain; transform:translateY(-50%); } 
.language-select-box.on .language-select:after { width:11px; height:9px; background-image:url(/html/_skin/1/images/common/icon_select_arrow.webp); } 
.language-select-box .language-list { display:none; position:absolute; top:100%; left:0; width:100%; padding:10px 5px 10px 15px; background:#4e4e4e; border-radius:15px; z-index:110; } 
.language-select-box .language-list li + li { margin-top:5px; } 
.language-select-box .language-list a { display:block; padding:2px 0; font-size:15px; font-weight:500; color:rgba(255,255,255,0.5); } 
.language-select-box .language-list a:where(:hover,.on) { color:#fff; } 

@media only screen and (max-width:1080px) {
    :root {
        --header-padding-top: 60px;
    }
    #header {position: fixed;} 
    #header .header-top { width:0; height:0; padding:0; } 
    #header #logo { left:30px; } 
    .header-login-wrap { top:16px; right:75px; } 
    .header-login-wrap .login-utils { padding-right:0; background:none; } 
    .login-menu { right:50px; } 
    .top-menu { display: none; }
}

@media only screen and (max-width:1024px) { 
    .header-login-wrap { gap:15px; top:50%; right:75px; z-index:10; transform:translateY(-50%); } 
    .header-login-wrap .login-utils { display:none; } 
    .language-select-box .language-select span { display:none; } 
    .language-select-box .language-select { height:30px; min-width:30px; padding:0; background:transparent; } 
    .language-select-box .language-select:after { right:0; width:30px; height:30px; background-image:url(/html/_skin/1/images/common/icon_globe.svg); } 
    .language-select-box.on .language-select:after { width:30px; height:30px; background-image:url(/html/_skin/1/images/common/icon_globe.svg); } 
    .language-select-box .language-list { top:calc(100% + 10px); left:-30px; width:90px; } 
    #header .m-search-btn { display:block; /*right:120px*/ } 
    #header .search-wrap { display:none; position:fixed; top:0; left:0; max-width:100%; border-bottom:2px solid var(--color-dark-gray); border-radius:0; z-index:20; box-shadow:none; } 
    #header .search-wrap input[type="text"] { height:80px; padding:0 75px; border-radius:0; font-size:24px; } 
    #header .search-wrap .back { display:block; } 
    #header .search-wrap .search { right:30px; width:30px; height:80px; background:url(../images/common/m_icon_search.png) no-repeat center center; } 
    #header .search-wrap .search img { display:none; } 
}


/* -------- gnb -------- */
#gnb { position: absolute; width:100%; background:#fff; border-bottom:1px solid var(--color-gray-200); text-align:center; transition:.3s; } 
#gnb .in_Layer { display: flex; align-items: center; max-width: 1240px; margin: 0 auto; padding: 0 20px; } 
#gnb #logo { margin-right: 17px; } 
#gnb #logo a { display: block; font-size: 0; } 
#gnb #logo a img { width: 28px; } 
.all-class { position: relative; margin-right: 11px; } 
.all-class .open { display: flex; align-items: center; gap:5px; height: 70px; font-family: 'Pretendard'; font-size: 16px; font-weight: 700; color: var(--color-gray-900); } 
.all-class .open::after { content:''; width: 16px; height: 16px; background:url('/html/_skin/1/images/common/all-class-arr.png') center/contain no-repeat; } 
.all-class .open.active::after { transform: scaleY(-1); } 
.all-class .open.active + .all-class-wrap { display: flex; } 
.all-class-wrap { display: none; position: absolute; top: calc(100% - 5px); left: -41px; padding: 23px 0; background: #FFFFFF; border: 1px solid var(--color-gray-300); border-radius: 12px; text-align: left; z-index: 1; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.02); } 
.all-class-box { padding-left: 27px; }
.all-class-box + .all-class-box { border-left: 1px solid #E3E8EE; }
.all-class-box.type1 { width: 177px; }
.all-class-box.type2 { width: 215px; }
.all-class-box.type3 { width: 325px; }
.all-class-box .tit_tag { display: inline-block; margin-bottom: 16px; padding: 4px 8px; background: rgba(116, 74, 232, 0.07); border-radius: 4px; font-family: 'Pretendard'; font-size: 12px; font-weight: 700; line-height: 150%; letter-spacing: normal; color: #744AE8; text-align: center; }
.all-class-box .tit_tag.type_blue { background: rgba(43, 184, 236, 0.09); color: #2BB8EC; }
.all-class-box .tit_tag.type_pink { background: rgba(218, 134, 249, 0.09); color: #DA86F9; }
.all-class-menu { display: flex; gap:14px; flex-direction: column; }
.all-class-menu > li > a { display: block; font-family: 'Pretendard'; font-size: 16px; font-weight: 400; line-height: 25px; letter-spacing: normal; color: #575B5F; } 
.all-class-menu > li:hover > a { font-weight: 600; color: var(--color-gray-900); } 
.all-class-menu > li:hover > a::after { content:''; display: inline-block; position: relative; top: -1px; left: 5px; width: 5px; height: 5px; background: #744AE8; border-radius:50%; vertical-align: top; } 
.all-class-menu > li.new > a::after,
.all-class-menu > li.new:hover > a::after { content:''; display: inline-block; position: relative; top: -2px; left: 2px; width: 16px; height: 16px; background:url('/html/_skin/1/images/common/gnb_all_new.png') center/contain no-repeat; vertical-align: top; } 
.pass-link-wrap { overflow: hidden; display: none; position: relative; height: 28px; margin-left: auto; padding-right: 22px; } 
.pass-link > li a { overflow: hidden; display: flex; align-items: center; margin-left: auto; } 
.pass-link > li .img { overflow: hidden; width: 28px; height:28px; margin-right: 8px; border-radius:50%; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.03); } 
.pass-link > li .img img { width: 100%; height: 100%; object-fit: cover; } 
.pass-link > li .txt { width: 135px; font-family: 'Pretendard'; font-size: 16px; font-weight: 500; color: var(--color-gray-900); text-align: left; } 
.pass-link-wrap::after { content:''; position: absolute; top: 50%; right: 0; width: 18px; height: 18px; background:url('/html/_skin/1/images/common/pass-link-arr.png') center/contain no-repeat; transform: translate(0,-50%); } 

.fixed #gnb { position:fixed; top:0; left:0; } 
#gnb .gnb-wrap { font-size:0; } 

@media only screen and (max-width:1024px) { 
    .gnb-inner { overflow:hidden; } 
}

#gnb .depth01 { width: auto; } 
#gnb .depth01 a { display: flex; align-items: center; height: 70px; padding: 0 13px; font-family: 'Pretendard'; font-size: 16px; font-weight: 500; color: var(--color-gray-900); } 
#gnb .depth01 a:hover { font-weight: 600; } 
#gnb .depth01.divider { margin-left: 13px; } 
#gnb .depth01.divider a { margin-left: 13px; } 
#gnb .depth01.divider::before { content:''; display: inline-block; position: absolute; top: 50%; left: 0; width: 1px; height: 13px; background: var(--color-gray-400); transform: translate(0,-50%); } 
#gnb .depth02 { overflow:hidden; display: none; position:absolute; top:100%; left:50%; width:163px; height:0; background:#fff; z-index:90; transform:translateX(-50%); transition:.3s; } 
@media only screen and (min-width:1024px) { 
    #gnb .depth01:hover .depth02 { height:auto; padding:18px 0; border:1px solid #ddd; } 
}
#gnb .depth02 a { height:40px; padding:4px 0; font-size:15px; font-weight:400; line-height:21px; color:var(--color-dark-gray); transition:.3s; } 
#gnb .depth02 a:hover { color:var(--color-primary); } 
#gnb .gnb-bg { display:none; } 

@media only screen and (max-width:1080px) { 
    #header { box-shadow:none; } 

    /* -------- menu btn -------- */
    #gnb { position:relative; height: 60px; } 
    #gnb .menu-btn { display: block; position:absolute; top:18px; right:20px; bottom:100%; left:auto; width:24px; height:24px; margin-top:0; margin-bottom:0; z-index: 1; cursor: pointer; } 
    #gnb .menu-btn span { position:absolute; left:50%; width:calc(100% - 9px); height:2px; background:var(--color-dark-gray); border-radius:3px; transform: translate(-50%,0); transition:.3s; } 
    #gnb .menu-btn span:nth-child(1) { top:6px; } 
    #gnb .menu-btn span:nth-child(2) { top:50%; transform: translate(-50%,-50%); } 
    #gnb .menu-btn span:nth-child(3) { bottom:6px; } 

    .m-gnb-top { position: relative; width: 100%; height: 60px; border-bottom: 1px solid #F0F5FA; }
    .all-class, .gnb-inner, .pass-link-wrap { display:none !important; } 
    .menu-btn-close { display: block; position:absolute; top:18px; right:28px; bottom:100%; left:auto; width:24px; height:24px; margin-top:0; margin-bottom:0; z-index: 1; cursor: pointer; }
    .menu-btn-close span { position:absolute; left:4px; width: 17px; height:2px; background:var(--color-dark-gray); border-radius:3px; transition:.3s; } 
    .menu-btn-close span:nth-of-type(1) { top: 11px; transform:rotate(-45deg); } 
    .menu-btn-close span:nth-of-type(2) { top: 11px; transform:rotate(45deg); } 
    .m-gnb-top #logo {position: absolute;top: 18px;left: 28px;}
    .m-gnb-top #logo img { width: 24px; }
    .m-gnb .m-gnb-box { display: none; margin-top: 12px; }
    .m-gnb .m-gnb-box .depth02 { display: block; padding-top: 15px; }
    .m-gnb .m-gnb-box .depth02 > li.new a::after { content:''; display: inline-block; position: relative; top: -5px; width: 16px; height: 16px; background:url('/html/_skin/1/images/common/gnb_all_new.png') center/contain no-repeat; vertical-align: top; } 
    .m-gnb .tit_tag { display: inline-block; margin-top: 7px; padding: 4px 8px; background: rgba(116, 74, 232, 0.07); border-radius: 4px; font-family: 'Pretendard'; font-size: 12px; font-weight: 700; line-height: 150%; letter-spacing: normal; color: #744AE8; text-align: center; }
    .m-gnb .tit_tag.type_blue { background: rgba(43, 184, 236, 0.09); color: #2BB8EC; }
    .m-gnb .tit_tag.type_pink { background: rgba(218, 134, 249, 0.09); color: #DA86F9; }
    .fixed #gnb { position: relative; }
    #gnb #logo { position: absolute; top: 18px; left: 20px;}
    #gnb #logo a img {width: 24px;}

    .gnb-not-scroll {overflow: hidden;width: 100%;height: 100%;touch-action:none;}
}


@media only screen and (min-width:1081px) { 
    #m-gnb-wrap { display: none !important; }
}

@media only screen and (max-width:1080px) { 
    /* mobile gnb */
    #m-gnb-wrap { display:none; position:fixed; top:0; right:0; width:100%; height:100dvh; background:rgba(0,0,0,.8); z-index:10; } 
    .m-gnb-inner { position:absolute; top:0; right:-100%; width: 89.57%; height:100%; max-width: 687px; background:#fff; } 
    
    .m-header-utils { display: none; position:absolute; top:30px; right:88px; font-size:0; } 
    .m-header-utils li { display:inline-block; margin-left:20px; vertical-align:top; } 
    .m-header-utils li a { display:block; position:relative; line-height:0; } 
    .m-header-utils .alarm .new { position:absolute; bottom:100%; left:100%; width:18px; height:18px; margin-bottom:-10px; margin-left:-6px; background:var(--color-red); border-radius:50%; font-size:14px; font-weight:500; line-height:18px; color:#fff; text-align:center; } 
    .login-utils { display:flex; flex-wrap:wrap; justify-content:center; padding:55px 0 30px; font-size:0; text-align:center; row-gap:7px; } 
    .login-utils li { display:inline-block; position:relative; margin:0 27px; vertical-align:top; } 
    .login-utils li:after { content:''; position:absolute; top:50%; right:-27px; width:1px; height:20px; margin-top:-10px; background:var(--color-light-gray,#ccc); } 
    .login-utils li:last-child:after { display:none; } 
    .login-utils li a { display:block; font-size:22px; font-weight:400; color:var(--color-light-gray); }

    .gnb-scroll {overflow: auto; display: flex; height: calc(100% - 60px); padding: 28px 32px 36px;flex-direction: column; } 
    .m-user-menu { padding-bottom: 28px; border-bottom: 1px solid #F0F5FA; } 
    .m-user-menu > li + li { margin-top: 8px; } 
    .m-user-menu > li a { display: flex; justify-content: center; align-items: center; height: 40px; background: #744AE8; border-radius: 40px; font-family: 'Pretendard'; font-size: 16px; font-weight: 500; letter-spacing: normal; color: #FFFFFF; } 
    .m-user-menu > li.btn-join a { background: #FFFFFF; border: 1px solid #E3E8EE; font-family: 'Pretendard'; font-size: 15px; font-weight: 500; color: #474C51; } 
    .m-user-menu > li.btn-mypage a { background: #FFFFFF; border: 1px solid #744AE8; color: #744AE8; } 
    .m-gnb { margin-bottom: 25px; padding:25px 0; border-bottom: 1px solid #F0F5FA; } 
    .m-gnb .divider { padding-top: 25px; border-top: 1px solid #F0F5FA; } 
    .m-gnb .depth01 + li { margin-top: 24px; } 
    .m-gnb .depth01 > a { display: block; position: relative; font-family: 'Pretendard'; font-size: 16px; font-weight: 700; line-height: 155%; letter-spacing: normal; color: #1B1B1D; } 
    .m-gnb .depth01:has(.depth02) > a::after { content:''; position: absolute; top: 50%; right: 0; width: 20px; height: 20px; background:url('/html/_skin/1/images/common/gnb-mo-arr.png') center/contain no-repeat; transform: translate(0,-50%); } 
    .m-gnb .depth01:has(.depth02).on > a::after { transform: translate(0,-50%) scaleY(-1); } 
    .m-gnb .depth02 { display: none; padding: 18px 0 14px; } 
    .m-gnb .depth02 > li + li { margin-top: 16px; } 
    .m-gnb .depth02 > li a { display: block; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; line-height: 150%; letter-spacing: normal; color: #474C51; } 
    .family-menu { display: flex; align-items: center; gap:16px; margin-top: auto; } 
    .family-menu > li a { display: block; width: 48px; } 
    .family-menu > li a img { width: 100%; } 
}

/* 하단 */
/* -------- utils -------- */
#footer .footer-utils { border:1px solid #1D1D22; border-width:1px 0; } 
#footer .footer-utils .swiper-wrapper { width:1180px; margin:0 auto; font-size:0; } 
#footer .footer-utils .swiper-slide { display:inline-block; width:auto; margin-right:40px; vertical-align:top; } 
#footer .footer-utils .swiper-slide a { display:block; font-size:16px; font-weight:500; line-height:67px; color:var(--color-dark-gray); } 
@media only screen and (max-width:1080px) { 
    #footer .footer-utils .swiper-wrapper { width:100%; padding:0 30px; } 
}
@media only screen and (max-width:768px) { 
    #footer .footer-utils .swiper-wrapper { padding:0 20px; } 
    #footer .footer-utils .swiper-slide { margin-right:30px; } 
    #footer .footer-utils .swiper-slide a { font-size:15px; line-height:60px; } 
}
@media only screen and (max-width:640px) { 
    #footer .footer-utils .swiper-slide { margin-right:20px; } 
    #footer .footer-utils .swiper-slide a { font-size:14px; line-height:50px; } 
}

/* -------- address -------- */
#footer { } 
#footer .in_Layer { max-width: 1240px; margin: 0 auto; padding: 0 20px; } 
#footer .foot-top { display: flex; align-items: center; padding: 33px 0 28px; border-bottom: 1px solid var(--color-gray-200); } 
#footer .foot-logo { width: 93px; font-size: 0; } 
#footer .foot-logo img { width: 100%; } 
#footer .foot-menu { display: flex; align-items: center; gap:22px; position: absolute; top: -51px; right: 0; margin-left: auto; } 
#footer .foot-menu > li a { display: flex; align-items: center; font-family: 'Pretendard'; font-size: 16px; font-weight: 500; color: var(--color-gray-800); } 
#footer .foot-menu > li:hover a { font-weight: 600; } 
#footer .foot-menu > li.out-link a { gap:3px; } 
#footer .foot-menu > li.out-link a::after { content:''; width: 16px; height: 16px; background:url('/html/_skin/1/images/common/foot-menu-arr-1.png') center center no-repeat; background-size: 14px 14px; } 
#footer .foot-menu > li.out-link:hover a::after { background-size: 16px 16px; background-image: url('/html/_skin/1/images/common/foot-menu-arr-2.png'); } 
#footer .foot { position: relative; padding: 31px 0 55px; } 
#footer .foot .tit { display: block; font-family: 'Pretendard'; font-size: 18px; font-weight: 700; color: var(--color-gray-800); } 
#footer .foot .tel { display: flex; align-items: center; gap:17px; margin-top: 12px; } 
#footer .foot .tel > li { position: relative; font-family: 'Pretendard'; font-size: 16px; font-weight: 400; color: var(--color-gray-800); } 
#footer .foot .tel > li + li::before { content:''; position: absolute; top: 50%; left: -8px; width: 1px; height: 14px; background: var(--color-gray-300); transform: translate(0,-50%); } 
#footer .foot .time { margin-top: 9px; font-family: 'Pretendard'; font-size: 16px; font-weight: 400; color: var(--color-gray-800); } 
#footer .foot address { margin-top: 32px; font-family: 'Pretendard'; font-size: 15px; font-weight: 400; line-height: 150%; color: var(--color-gray-600); font-style: normal; } 
#footer .foot .copy { margin-top: 19px; font-family: 'Pretendard'; font-size: 15px; font-weight: 400; color: var(--color-gray-600); } 
#footer .foot-sns { display: flex; align-items: center; gap:16px; position: absolute; right: 0; bottom: 52px; } 
#footer .foot-sns > li a { display: block; width: 42px; height: 42px; background: var(--color-gray-100); border-radius:50%; font-size: 0; } 
#footer .foot-sns > li:hover a { background-color: var(--color-gray-200); } 
#footer .foot-sns > li a img { width: 100%; } 

/* -------- btn top -------- */
#footer { border-top: 1px solid #F0F5FA; }
#footer .mo_br { display: none; }
#footer .btn-top { position:fixed; right:30px; bottom:30px; width:60px; height:60px; margin-bottom:0; margin-left:530px; background:#fff; border-radius:50%; line-height:0; z-index:110; box-shadow:0 0 20px rgba(0,0,0,.20); } 
#footer .btn-top img { display:block; margin:0 auto; } 
#footer .btn-top .top-arrow { margin:16px auto 8px; } 

@media only screen and (max-width:1080px) { 
    #footer .btn-top { right:30px; left:auto; margin-left:0; } 
}
@media only screen and (max-width:767px) { 
    #footer { } 
    #footer .mo_br { display: block; }
    #footer .mo_none { display: none; }
    #footer .in_Layer { padding: 24px 16px 32px; } 
    #footer .foot-top { padding: 0; border-bottom: none; } 
    #footer .foot-logo { width: 78px; } 
    #footer .foot-menu { gap:12px; position: static; margin-top: 18px; padding-top: 18px; border-top: 1px solid #F0F5FA; } 
    #footer .foot-menu > li:first-child { display: none; }
    #footer .foot-menu > li a { font-size: 13px; }  
    #footer .foot { padding:0; } 
    #footer .foot .tit { margin-top: 22px; font-size: 13px; } 
    #footer .foot .tel { align-items: flex-start; gap:4px; margin-top: 10px; flex-direction: column; } 
    #footer .foot .tel > li { font-size: 13px; } 
    #footer .foot .tel > li + li::before { display: none; } 
    #footer .foot .time { margin-top:8px; font-size: 13px; } 
    #footer .foot address { margin-top: 15px; font-size: 13px; } 
    #footer .foot .copy { margin-top: 12px; font-size: 13px; } 
    #footer .foot-sns { position: static; margin-top: 22px; } 
    #footer .foot-sns > li a { width: 32px; height: 32px; } 

}
@media only screen and (max-width:768px) { 
    #footer .btn-top { right:20px; bottom:20px; } 
}
@media only screen and (max-width:640px) { 
    #footer .btn-top { width:56px; height:56px; } 
    #footer .btn-top .top-arrow { /*margin:13px auto 6px; */height:10px; } 
    #footer .btn-top .top-txt { height:7px; } 
}
/* form css */
/* checkbox */
.checkbox-wrap input { display:none; } 
.checkbox-wrap label { display:inline-block; font-size:16px; line-height:1.55em; color:var(--color-dark-gray); vertical-align:top; cursor:pointer; } 
.checkbox-wrap label:before { content:''; display:inline-block; width:24px; height:24px; margin-right:7px; background:#fff; border:1px solid var(--color-gray,#D5D9E1); border-radius:50%; box-sizing:border-box; vertical-align:top; } 
.checkbox-wrap input:checked + label:before { background:var(--color-primary) url(/html/images/common/checkmark.svg) no-repeat center center; border-color:var(--color-primary); } 
.checkbox-wrap input:disabled + label:before { background:var(--color-light-gray, #F0F5FA); border-color:var(--color-gray, #D5D9E1); } 
.checkbox-wrap.gray input:checked + label:before { background:var(--color-dark-gray) url(../images/common/checkmark.png) no-repeat center center; border-color:var(--color-dark-gray); } 
.checkbox-wrap.square label:before { border-radius:4px; } 
@media only screen and (max-width:1024px) { 
    .checkbox-wrap label { font-size:14px; line-height:1.5em; } 
    .checkbox-wrap label:before { width:20px; height:20px; margin-right:6px; } 
    .checkbox-wrap input:checked + label:before,.checkbox-wrap.gray input:checked + label:before { background-size:auto 12px; } 
}
/* checkbox btn */
.checkbox-btn input { display:none; } 
.checkbox-btn label { display:inline-block; width:100px; margin-right:10px; background:#fff; border:1px solid #ccc; border-radius:4px; font-size:18px; line-height:38px; color:var(--color-dark-gray); text-align:center; cursor:pointer; } 
.checkbox-btn input:checked + label { background:var(--color-primary); border-color:var(--color-primary); color:#fff; } 
@media only screen and (max-width:767px) { 
    .checkbox-btn label { font-size:14px; line-height:30px; } 
}
/* radio */
.radio-wrap input { display:none; } 
.radio-wrap label { display:inline-block; font-size:18px; line-height:1.5em; color:var(--color-dark-gray); vertical-align:top; cursor:pointer; } 
.radio-wrap label:before { content:''; display:inline-block; width:24px; height:24px; margin-right:10px; background:#fff; border:1px solid var(--color-gray,#D5D9E1); border-radius:50%; box-sizing:border-box; vertical-align:top; } 
.radio-wrap input:checked + label:before { background:var(--color-primary, #724AE8); border-color:var(--color-primary, #724AE8); box-shadow:inset 0 0 0 4px #fff; } 
.radio-wrap input:disabled + label:before { background:var(--color-light-gray, #F0F5FA); border-color:var(--color-gray, #D5D9E1); } 
@media only screen and (max-width:767px) { 
    .radio-wrap label { font-size:15px; } 
    .radio-wrap label:before { margin-right:6px; /*width:18px; height:18px*/ } 
    .radio-wrap input:checked + label:before { border-width:1px; } 
}
/* date */
.select-date { font-size:0; } 
.select-date > * { display:inline-block; vertical-align:top; } 
.select-date .date { height:40px; padding:0 10px; border:1px solid #ccc; border-radius:4px; font-size:18px; line-height:38px; color:var(--color-dark-gray); } 
.select-date .date + span { width:30px; font-size:18px; line-height:40px; color:var(--color-dark-gray); text-align:Center; } 
@media only screen and (max-width:767px) { 
    .select-date .date { height:30px; padding:0 10px; background-size:auto 14px; font-size:15px; line-height:30px; } 
    .select-date .date + span { font-size:15px; line-height:30px; } 
}
/* file select */
.select-file { font-size:0; } 
.select-file input[type="file"] { display:none; } 
.select-file label { display:inline-block; margin-right:11px; padding:0 13px; background:var(--color-primary); border-radius:12px; font-size:12px; line-height:24px; color:#fff; vertical-align:top; } 
.select-file span { display:inline-block; font-size:16px; line-height:24px; color:var(--color-dark-gray); vertical-align:top; } 
.attach-list { font-size:0; } 
.attach-list li { margin-bottom:7px; font-size:16px; line-height:24px; color:var(--color-dark-gray); } 
.attach-list li:last-child { margin-bottom:0; } 
.attach-list li strong { display:inline-block; margin-right:11px; padding:0 13px; background:#ccc; border-radius:12px; font-size:12px; font-weight:400; line-height:24px; color:#fff; vertical-align:top; } 
/* 하단 */
#sitemap { display: none; position:relative; width:100%; background:#fff; } 
/* -------- utils -------- */
 #sitemap .footer-utils { overflow:hidden; border:1px solid #ddd; border-width:1px 0; } 
 #sitemap .footer-utils .swiper-wrapper { width:1180px; margin:0 auto; font-size:0; } 
 #sitemap .footer-utils .swiper-slide { display:inline-block; width:auto; margin-right:40px; vertical-align:top; } 
 #sitemap .footer-utils .swiper-slide a { display:block; font-size:16px; font-weight:500; line-height:67px; color:var(--color-dark-gray); } 
@media only screen and (max-width:1080px) { 
    #sitemap .footer-utils .swiper-wrapper { width:100%; padding:0 30px; } 
}
@media only screen and (max-width:768px) { 
    #sitemap .footer-utils .swiper-wrapper { padding:0 20px; } 
    #sitemap .footer-utils .swiper-slide { margin-right:30px; } 
    #sitemap .footer-utils .swiper-slide a { font-size:15px; line-height:60px; } 
}
@media only screen and (max-width:640px) { 
    #sitemap .footer-utils .swiper-slide { margin-right:20px; } 
    #sitemap .footer-utils .swiper-slide a { font-size:14px; line-height:50px; } 
}
.band-banner { overflow:hidden; } 

.text-primary { color:var(--color-primary); } 

/* popup */
.popup-wrap { display:none; } 
.popup-wrap { position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:110; } 
.popup-wrap .popup-inner { position:absolute; top:50%; left:50%; width:calc(100% - 32px); height:calc(100% - 60px); max-width:560px; max-height:800px; padding:32px 20px; background:#fff; border-radius:10px; transform:translate(-50%,-50%); } 
.popup-wrap .popup-tit { font-size:18px; font-weight:700; line-height:1.5em; color:var(--color-dark-gray,#333); text-align:center; } 
.popup-wrap .popup-btn { display:flex; width:100%; margin-top:58px; } 
/* .popup-wrap .popup-btn { display:flex } */
.popup-wrap .popup-btn a { display:block; } 
.popup-wrap .popup-btn button { width:100%; } 
.popup-wrap .popup-btn button + button { margin-left:10px; } 
.popup-wrap .popup-contents-wrap { display:flex; justify-content:center; height:calc(100% - 178px); margin-top:32px; padding:0 12px; } 
.popup-wrap .popup-scroll { overflow-x:hidden; } 
:where(.popup-box,.popup-wrap) .close { position:absolute; top:37px; right:37px; width:42px; height:42px; font-size:0; } 
:where(.popup-box,.popup-wrap) .close:before,:where(.popup-box,.popup-wrap) .close:after { content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background:var(--color-gray,#aaa); border-radius:5px; z-index:1; } 
:where(.popup-box,.popup-wrap) .close:before { transform:rotate(45deg); } 
:where(.popup-box,.popup-wrap) .close:after { transform:rotate(-45deg); } 
.popup-wrap .popup-sub-tit { font-size:23px; font-weight:400; line-height:36px; color:#333; word-break:keep-all; } 
/*약관 팝업*/
:where(.popup-box,.popup-wrap) .close { top:34px; right:32px; width:24px; height:24px; } 
:where(.popup-box,.popup-wrap) .close:before { top:0; width:100%; height:100%; background:url(/html/images/common/popup_close.svg) no-repeat center; transform:none; } 
:where(.popup-box,.popup-wrap) .close:after { display:none; } 
.popup-wrap.agree .popup-inner { max-height:562px; padding:32px 12px 10px; } 
.popup-wrap.agree .popup-tit { font-size:18px; font-weight:700; line-height:1.5em; color:var(--color-gray-900, var(--color-gray-900)); text-align:center; } 
.popup-wrap.agree .agree-popup-conts { width:100%; height:460px; margin-top:32px; padding:12px 20px; font-size:14px; line-height:1.5em; color:var(--color-gray-800,#474C51); overflow-x:hidden; word-break:keep-all; } 
.popup-wrap.agree .agree-popup-conts p { font-size:14px; line-height:1.5em; color:var(--color-gray-800,#474C51); word-break:keep-all; } 
.popup-wrap.agree .agree-popup-conts strong { font-weight:600; color:var(--color-dark-gray,var(--color-gray-900)); } 
/* .popup-wrap.agree .agree-popup-conts::-webkit-scrollbar { width:4px; } 
.popup-wrap.agree .agree-popup-conts::-webkit-scrollbar-thumb { background-color:var(--color-gray-500, #B1BAC4); outline:transparent; border-radius:4px; } */
/* .popup-wrap.agree .popup-btn { margin-top:36px } */
@media only screen and (max-width:767px) { 
    .popup-wrap .popup-tit { font-size:15px; } 
    .popup-wrap .popup-inner { height:auto; max-height:calc(100vh - 100px); padding:24px 10px; border-radius:8px; } 
    .popup-wrap .popup-contents-wrap { height:calc(100vh - 282px); margin-top:20px; padding-right:6px; padding-left:6px; } 
    /* .popup-wrap .close { top:17px; right:17px; width:32px; height:32px } */
    /* :where(.popup-box,.popup-wrap) .close { top:17px; right:17px; width:32px; height:32px } */
    .popup-wrap .popup-btn { margin-top:30px; } 
    .popup-wrap .popup-sub-tit { font-size:17px; line-height:25px; } 

    :where(.popup-box,.popup-wrap) .close { top:25px; right:20px; width:20px; height:20px; } 
    .popup-wrap.agree .popup-inner { max-width:328px; max-height:487px; padding:24px 6px 10px; } 
    .popup-wrap.agree .popup-tit { font-size:15px; } 
    .popup-wrap.agree .agree-popup-conts { height:420px; margin-top:20px; padding:12px 14px; } 
}

.main-class-box { display:inline-block; width:33.33%; width:calc((100% - 40px) / 3); vertical-align:top; } 
.main-class-box .thumb { overflow:hidden; height:auto; aspect-ratio:1.9/1.07; border-radius:6px; } 
.main-class-box .thumb a { display:block; } 
.main-class-box .thumb img { width:100%; transition:transform .5s; } 
.main-class-box .class-info { position:relative; padding:22px 10px 0; } 
.main-class-box .class-name { font-size:14px; line-height:26px; color:var(--color-dark-gray,#333); } 
.main-class-box .class-name strong { display:inline-block; margin-right:6px; padding:0 10px; background:var(--color-primary,#0148d4); border-radius:4px; font-weight:400; color:#fff; } 
.main-class-box .name { margin-top:15px; margin-bottom:7px; font-size:15px; color:#000; } 
.main-class-box .class-subject { overflow:hidden; display:-webkit-box; width:100%; height:40px; font-size:16px; font-weight:700; line-height:20px; color:var(--color-dark-gray,#333); -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:keep-all; } 
.main-class-box .price { display:block; margin-top:20px; font-size:16px; color:#111; text-align:right; } 
.main-class-box .price .discount { margin-right:5px; color:var(--color-red,#dc3545); } 
.main-class-box .price strong { font-size:24px; font-weight:400; word-break:keep-all; } 
.main-class-box .price del { color:var(--color-light-gray,#ccc); text-decoration:line-through; } 
.main-class-box .lecture-label { display:flex; position:absolute; top:-15px; left:10px; z-index:1; } 
.main-class-box .lecture-label li { display:inline-block; margin-right:4px; padding:0 13px; background:var(--color-sky-blue,#0098e0); border-radius:4px; font-size:14px; font-weight:700; line-height:30px; color:#fff; vertical-align:top; } 
.main-class-box .lecture-label li:first-child { background:var(--color-primary,#0148d4); } 
@media only screen and (max-width:1024px) { 
    .main-class-box { padding-right:20px; } 
}
@media only screen and (max-width:640px) { 
    .main-class-box { margin-bottom:40px; padding-right:15px; } 
    .main-class-box .class-info { padding:18px 7px 0; } 
    .main-class-box .class-name { font-size:13px; line-height:22px; } 
    .main-class-box .class-name strong { margin-right:4px; padding:0 7px; } 
    .main-class-box .name { margin-top:12px; margin-bottom:5px; font-size:13px; } 
    .main-class-box .class-subject { height:34px; font-size:14px; line-height:17px; } 
    .main-class-box .price { margin-top:12px; font-size:14px; } 
    .main-class-box .price strong { font-size:20px; } 
    .main-class-box .lecture-label { top:-13px; left:7px; } 
    .main-class-box .lecture-label li { padding:0 10px; font-size:12px; line-height:26px; } 
}

/*sweetalert custom*/
/* .swal2-popup.custom { padding:32px 36px; border-radius:12px; } 
.swal2-popup.custom .swal2-header { align-items:flex-start; padding:0; } 
.swal2-popup.custom .swal2-title { margin-bottom:12px; line-height:140%; font-size:20px; font-weight:700; color:var(--color-gray-900, var(--color-gray-900)); } 
.swal2-popup.custom .swal2-content { padding:0; } 
.swal2-popup.custom #swal2-content { line-height:1.5em; font-size:18px; color:var(--color-gray-800, #474C51); text-align:left; } 
.swal2-popup.custom .swal2-actions { justify-content:flex-end; padding:0; margin-top:75px; gap:12px; } 
.swal2-popup.custom .swal2-styled { margin:0; padding:7px 20px; line-height:1.5em; } 
.swal2-popup.custom .swal2-styled.swal2-confirm { font-size:16px; border:1px solid var(--color-primary, #724AE8); border-radius:20px; } 
.swal2-popup.custom .swal2-styled.swal2-cancel { font-size:16px; color:var(--color-dark-gray, var(--color-gray-900)); background-color:#fff; border:1px solid var(--color-gray-300, #E3E8EE); border-radius:20px; } 
.swal2-popup.custom .swal2-styled:focus { box-shadow:none; } 
.swal2-popup.custom .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background:transparent; } */
/*alert 팝업*/
.swal2-popup.custom { padding:32px 36px; border-radius:12px; } 
.swal2-popup.custom .swal2-header { align-items:flex-start; padding:0; } 
.swal2-popup.custom .swal2-title { margin-bottom:12px; font-size:20px; font-weight:700; line-height:1.4em; color:var(--color-gray-900, var(--color-gray-900)); } 
.swal2-popup.custom .swal2-content { padding:0; } 
.swal2-popup.custom #swal2-content { font-size:18px; line-height:1.5em; color:var(--color-gray-800, #474C51); text-align:left; } 
.swal2-popup.custom .swal2-actions { justify-content:flex-end; gap:12px; margin-top:75px; padding:0; } 
.swal2-popup.custom .swal2-styled { margin:0; padding:7px 20px; line-height:1.5em; } 
.swal2-popup.custom .swal2-styled.swal2-confirm { border:1px solid var(--color-primary, #724AE8); border-radius:40px; font-size:16px; line-height:1.55em; } 
.swal2-popup.custom .swal2-styled.swal2-cancel { background-color:#fff; border:1px solid var(--color-gray-300, #E3E8EE); border-radius:20px; font-size:16px; color:var(--color-dark-gray, var(--color-gray-900)); } 
.swal2-popup.custom .swal2-styled:focus { box-shadow:none; } 
.swal2-popup.custom .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background:transparent; } 
/*confirm 팝업*/
.swal2-popup.custom-confirm { overflow:hidden; display:flex; justify-content:center; align-items:center; height:270px; padding:0 0 65px; border-radius:12px; } 
.swal2-popup.custom-confirm .swal2-title { display:flex; margin-bottom:8px; font-size:18px; font-weight:700; line-height:1.5em; color:var(--color-dark-gray); text-align:center; } 
.swal2-popup.custom-confirm .swal2-content { padding:0 1.6em; font-size:18px; line-height:1.5em; color:var(--color-gray-700); text-align:center; } 
.swal2-popup.custom-confirm .swal2-actions { flex-wrap:nowrap; gap:0; position:absolute; bottom:0; left:0; width:100%; padding:0; border-top: 1px solid var(--color-gray-300); } 
.swal2-popup.custom-confirm .swal2-styled { width:50%; height:64px; margin:0; background:#fff !important; font-size:18px; font-weight:500; color:var(--color-dark-gray); } 
.swal2-popup.custom-confirm .swal2-styled:last-of-type { border-left:1px solid var(--color-gray-300); color:var(--color-primary, #2778c4); } 
.swal2-popup.custom-confirm .swal2-styled:focus { box-shadow:none; } 
/*팝업*/
.on-popup { overflow:hidden; } 
.popup-basic { display:none; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .8); z-index:110; overflow-y:auto; } 
.popup-basic.on { display:flex; } 
.popup-basic .popup-area { display:flex; justify-content:center; align-items:center; width:100%; height:100%; } 
.popup-basic .popup-inner { width:calc(100% - 60px); max-width:444px; padding:32px 38px; background:#fff; border-radius:12px; } 
.popup-basic .popup-title { margin-bottom:12px; font-size:20px; font-weight:700; line-height:1.4em; color:var(--color-gray-900, var(--color-gray-900)); } 
.popup-basic .popup-text { font-size:18px; line-height:1.5em; color:var(--color-gray-800, #474C51); } 
.popup-basic .popup-btns { display:flex; justify-content:flex-end; gap:12px; margin-top:48px; } 
.popup-basic .popup-btns .btn { padding:7px 20px 8px; background:transparent; border:1px solid var(--color-gray-300); border-radius:40px; font-size:16px; line-height:1.55em; color:var(--color-gray-800, #474C51); } 
.popup-basic .popup-btns .btn.confirm { background:var(--color-primary, #2778c4); border-color:var(--color-primary, #2778c4); color:#fff; } 
.popup-basic .form-wrap { margin-top:20px; } 
.popup-basic .form-wrap .form-box + .form-box { margin-top:12px; } 

.popup-select { display:none; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .8); z-index:110; overflow-y:auto;  } 
.popup-select .popup-area { display:flex; justify-content:center; align-items:center; width:100%; height:100%; } 
.popup-select .popup-inner { display:flex; justify-content:center; align-items:center; position:relative; width:calc(100% - 60px); max-width:444px; min-height:270px; padding:0 0 65px; background:#fff; border: 1px solid var(--color-gray-300); border-radius:12px; flex-direction:column; } 
.popup-select .popup-title { margin-bottom:8px; padding:0 20px; font-size:18px; font-weight:700; line-height:27px; color:var(--color-dark-gray); text-align:center; } 
.popup-select .popup-text { padding:0 20px; font-size:18px; line-height:24.8px; color:var(--color-gray-700); text-align:center; } 
.popup-select .popup-btns { display:flex; flex-wrap:nowrap; position:absolute; bottom:0; left:0; width:100%; padding:0; border-top: 1px solid var(--color-gray-300); } 
.popup-select .popup-btns .btn { width:50%; height:64px; background:transparent; font-size:18px; font-weight:500; color:var(--color-dark-gray); } 
.popup-select .popup-btns .btn + .btn { border-left:1px solid var(--color-gray-300); color:var(--color-primary, #2778c4); } 

/*toast popup*/
.swal2-popup.swal2-toast.custom-toast { justify-content:flex-start; min-width:360px; padding:19px 20px; background:rgb(27,27,29,0.8); border-radius:8px; box-shadow:none; } 
.swal2-popup.swal2-toast.custom-toast .swal2-icon { width:auto; height:auto; min-width:auto; margin:0; border:none; } 
.swal2-popup.swal2-toast.custom-toast .swal2-title { margin-right:0; margin-left:11px; font-size:16px; font-weight:400; color:#fff; text-align:left; } 

/*tag*/
.tag-box { display:flex; flex-wrap:wrap; gap:10px; } 
.tag { display:inline-block; padding:4px 12px 5px; background:var(--color-gray-100,#F7F9FC); border:1px solid transparent; border-radius:18px; font-size:14px; font-weight:600; line-height:1.5em; color:var(--color-primary,#0148d4); text-align:center; } 
.tag.primary { background:var(--color-primary,#744AE8); color:#fff; } 
.tag.primary-light { background:var(--color-primary-50,#F8F5FF); color:var(--color-primary,#744AE8); } 
.tag.bd-primary { background:#fff; border-color:var(--color-primary,#744AE8); } 
.tag.gray { color:var(--color-gray-800,#474C51); } 
.tag.blue { background:var(--color-sb-50,#F0FBFF); color:var(--color-secondary-blue,#2FBFF4); } 
.tag.pink { background:var(--color-sp-50,#FCF5FF); color:var(--color-secondary-pink,#DA86F9); } 

.gray-box { width:100%; padding:20px 24px; background:var(--color-gray-100); border-radius:8px; } 

.font-number { font-family:'Montserrat'; } 
.ellipsis1 { overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; } 
.ellipsis2 { overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; } 

.bullet-list li + li { margin-top:8px; } 
.bullet-list li { position:relative; padding-left:17px; font-size:18px; line-height:1.5em; color:var(--color-dark-gray,#1B1B1D); } 
.bullet-list li:before { content:''; position:absolute; top:11px; left:0; width:5px; height:5px; background:var(--color-dark-gray,#1B1B1D); border-radius:50%; } 
.bullet-list.sm li {padding-left:14px; font-size:15px; color:var(--color-gray-800,#474C51); }
.bullet-list.sm li + li { margin-top:6px; } 
.bullet-list.sm li:before {top:9px; width:4px; height:4px; background-color:var(--color-gray-800,#474C51);}

@media only screen and (max-width:767px) { 
    /*alert 팝업*/
    .swal2-popup.custom { overflow:hidden; display:flex; justify-content:center; align-items:center; width:280px; min-height:170px; padding:4px 0 56px; border-radius:12px; } 
    .swal2-popup.custom .swal2-title { display:flex; margin-bottom:6px; font-size:15px; font-weight:700; color:var(--color-dark-gray); text-align:center; } 
    .swal2-popup.custom .swal2-content { padding:0 1.6em; } 
    .swal2-popup.custom #swal2-content { font-size:14px; text-align:center; } 
    .swal2-popup.custom .swal2-actions { flex-wrap:nowrap; gap:0; position:absolute; bottom:0; left:0; width:100%; padding:0; border-top: 1px solid var(--color-gray-300); } 
    .swal2-popup.custom .swal2-styled { width:100%; height:56px; margin:0; background:#fff !important; font-size:18px; font-weight:500; color:var(--color-primary, #2778c4); } 
    .swal2-popup.custom .swal2-styled:focus { box-shadow:none; } 
    .swal2-popup.custom .swal2-styled:is(.swal2-confirm,.swal2-cancel) { border:none; border-radius:0; font-size:15px; font-weight:500; } 
    .swal2-popup.custom .swal2-styled:last-of-type { border-left:1px solid var(--color-gray-300); } 

    /*toast popup*/
    .swal2-popup.swal2-toast.custom-toast { padding:12px 14px; } 
    .swal2-popup.swal2-toast.custom-toast .swal2-title { margin-left:8px; font-size:13px; } 

    /* 팝업 ~767px */
    .popup-select .popup-inner { width:calc(100% - 40px); max-width:280px; min-height:180px; padding:0 20px 57px; border-radius:12px; } 
    .popup-select .popup-title { margin: 8px 0 4px; padding:0; font-size: 15px;line-height: 150%; } 
    .popup-select .popup-text { padding: 0; font-size: 14px;line-height: 150%; } 
    .popup-select .popup-btns .btn {  height:56px; font-size:15px;  } 

    /*tag*/
    .tag { font-size:12px; } 
    .gray-box { padding:16px 12px; border-radius:6px; } 

    .bullet-list li { padding-left:14px; font-size:15px; } 
    .bullet-list li:before { top:8px; } 
    .bullet-list li + li { margin-top:4px; } 
    .bullet-list.sm li {font-size:14px;}
    .bullet-list.sm li + li { margin-top:2px; } 
    .bullet-list.sm li:before { top:8px; } 
}