@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Noto+Serif+KR:wght@200..900&family=Sorts+Mill+Goudy:ital@0;1&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* common */
body{font-family: "Pretendard Variable", sans-serif; font-weight: 400; font-size: 1rem; word-break: keep-all; line-height: 1.6; letter-spacing: -0.025rem; user-select: none;}
h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; line-height: 1.4;}
p, ul, li{margin: 0; padding: 0; list-style: none;}
h1{font-size: 3.125rem; font-weight: 700; letter-spacing: -0.075rem;}
h2{font-size: 2.5rem; font-weight: 600; letter-spacing: -0.075rem;}
h3{font-size: 1.8rem; font-weight: 600; letter-spacing: -0.075rem;}
h4{font-size: 1.5rem; font-weight: 500; letter-spacing: -0.075rem;}
h5{font-size: 1.25rem; font-weight: 500;}
h6{font-size: 1.125rem; font-weight: 500;}
a{color: inherit; text-decoration: none;}

::-webkit-scrollbar{width: 10px; height: 10px;}
::-webkit-scrollbar-track{background: #F0F0F0; border-radius: 10px;}
::-webkit-scrollbar-thumb{background: #3E004B; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover{background: #555;}
::-webkit-scrollbar-horizontal{height: 10px;}
::-webkit-scrollbar-vertical{width: 10px;}

.bold{font-weight: 700;}
.purple{color: #3E004B;}
.blue{color: #296AA6;}
.darkgray{color: #666 !important;}
.caution{font-size: 0.9rem; color: #666;}
.bg-lightpurple{background: #EDE7F6;}
.bg-blue{background: #1790BC;}

.underline a{position: relative;}
.underline a::after{content: ""; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background-color: #212529; transition: width 0.3s ease-in-out;}
.underline a:hover::after{width: 100%;}

.fade_up{opacity: 0; transform: translateY(50px); transition: opacity .3s ease-in, transform 0.6s ease-in-out;}
.fade_up.show{opacity: 1;transform: translateY(0);}

/* font */
.ft_mill{font-family: "Sorts Mill Goudy", serif; letter-spacing: 0; line-height: 1.2; font-weight: normal;}
.ft_ntkr{font-family: "Noto Serif KR", serif;}
.ft_tinos{font-family: "Tinos", serif; letter-spacing: 0; line-height: 1.4; font-weight: normal;}
.ft_marc{font-family: "Marcellus", serif; letter-spacing: 0; line-height: 1.4; font-weight: normal;}

/* header.pc_menu */
#header{position: fixed; top: 0; width: 100%; z-index: 100;}
header.pc_menu:not(.active){color: #FFF; border-bottom: 0;}
header.pc_menu:not(.active) img{filter: brightness(0) invert(1);}
header.pc_menu.active{background: #FFF; filter: none;}

header.pc_menu{background: transparent; position: relative; border-bottom: 1px solid #CFCFCF; line-height: 1.2;}
header .logo{display: flex; align-items: center;}
header .wrap{height: 80px; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;}
header nav{display: flex; flex-direction: row;}

.pc_menu .menu{display: flex;}
.pc_menu .menu .item{font-size: 1.15rem;}
.pc_menu .menu .depth1 > .item{display: flex; height: 100%; padding: 0 20px; align-items: center;}
.pc_menu .menu .depth1:hover > .item{color: #3E004B;}
.pc_menu .menu .depth1:hover .depth2{opacity: 1; visibility: visible;}
.pc_menu .menu .depth2{position: absolute; width: 100%; top: 100%; left: 0; background: #FFF; display: flex; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
.pc_menu .menu .depth2 .left{flex-basis: 580px; display: flex; flex-direction: column; gap: 15px; justify-content: center; padding: 60px 120px;}
.pc_menu .menu .depth2 .left h2{color: #3E004B;}
.pc_menu .menu .depth2 .right{display: flex; flex: 1; padding: 60px 80px;}
.pc_menu .menu .depth2 .right ul{flex: 1;}
.pc_menu .menu .depth2 .right li{padding: 20px 0;}
.pc_menu .menu .depth2 .right a{display: flex; flex-direction: column; gap: 5px;}
.pc_menu .menu .depth2 .right a .item{display: flex; flex-direction: row; align-items: center; gap: 20px;}
.pc_menu .menu .depth2 .right a .item h4{color: #3E004B;}
.pc_menu .menu .depth2 .right a .item p{font-size: 0.9rem;}
.pc_menu .menu .depth2 .right h6{color: #3E004B; font-size: 0.875rem;}
.pc_menu .menu .depth2 .right .image{display: flex; gap: 10px; flex-direction: column; padding: 10px 0; flex-basis: 340px;}
.pc_menu .menu .depth2 p{color: #666; line-height: 1.4;}

.pc_menu .menu .depth1:nth-of-type(1) .depth2 .left{background-image: url(../images/bg/header_bg1.png);}
.pc_menu .menu .depth1:nth-of-type(2) .depth2 .left{background-image: url(../images/bg/header_bg2.png);}
.pc_menu .menu .depth1:nth-of-type(3) .depth2 .left{background-image: url(../images/bg/header_bg3.png);}
.pc_menu .menu .depth1:nth-of-type(4) .depth2 .left{background-image: url(../images/bg/header_bg4.png);}

header [class*="container"]{max-width: 1600px;}
header.pc_menu nav .adm{padding: 0 10px;}
header.pc_menu nav .adm ul{display: flex; height: 100%;}
header.pc_menu nav .adm li{display: flex; height: 100%; align-items: center;}
header.pc_menu nav .adm a{display: flex; padding: 0 10px; line-height: 1;}
header.pc_menu nav .adm a:hover{color: #3E004B;}
header.pc_menu nav .adm li:not(:last-child) a{border-right: 1px solid #CFCFCF;}
header.pc_menu .lang{display: flex; padding: 0 20px; align-items: center;}
header.pc_menu .lang .item{background-color: transparent; background-image: url(../images/icon/global.svg); background-repeat: no-repeat; background-size: 18px; background-position: center left; border: 0; padding-left: 26px;}
header.pc_menu .lang .item:hover{color: #3E004B; background-image: url(../images/icon/global_purple.svg);}
header:not(.active) .lang .item{filter: brightness(0) invert(1);}

header.m_menu.active{background: #FFF; filter: none;}
header.m_menu:not(.active) .logo{filter: brightness(0) invert(1);}
header.m_menu:not(.active) .m_btn > *{filter: brightness(0) invert(1);}
header.m_menu .m_btn{display: flex; align-items: center;}
header.m_menu .m_btn button{width: 40px; height: 40px; background-color: transparent; border: 0; background-size: 40px; background-repeat: no-repeat; background-position: center; padding: 0;}
header.m_menu .m_btn .m_open{background-image: url(../images/icon/menu_open.svg);}
header.m_menu .m_btn .m_close{background-image: url(../images/icon/menu_close.svg); display: none;}
header.m_menu .m_btn .m_logout{background-image: url(../images/icon/menu_logout.svg);}
header.m_menu .m_btn .m_lang{background-image: url(../images/icon/menu_global.svg);}

.m_menu.active [class*="container"]{border-bottom: 1px solid #CFCFCF;}
.m_menu .menu{position: absolute; top: 100%; width: 100%; left: 0; padding: 20px; background-color: #FFF; visibility: hidden; opacity: 0; transition: opacity .2s, visibility .2s; background-image: url(../images/bg/menu_bg.svg); background-repeat: no-repeat; background-position: right -50px bottom -50px; background-size: 300px;}
.m_menu .menu > *{width: 100%;}
.m_menu .menu .accordion{--bs-accordion-bg: transparent;}
.m_menu .menu.show{visibility: visible; opacity: 1;}

.m_menu .menu .depth1 > .item{width: 100%; font-size: 1.1rem; font-weight: 600; border-bottom: 1px solid #3E004B !important; color: #3E004B; display: flex; align-items: center; height: 70px; line-height: 1; padding: 10px 0; background-color: transparent; border: 0; background-image: url(../images/icon/menu_up.svg); background-size: 16px; background-repeat: no-repeat; background-position: right center;}
.m_menu .menu .depth1 > .item.collapsed{background-image: url(../images/icon/menu_down.svg);}
.m_menu .menu .depth2{padding: 30px 10px 60px;}
.m_menu .menu .depth2 ul{display: flex; flex-direction: column; gap: 20px;}
.m_menu .menu .depth2 a{display: flex; flex-direction: column;}
.m_menu .menu .depth2 a .item{display: flex; flex-direction: column; gap: 5px;}
.m_menu .menu .depth2 h6{font-size: 0.8rem; color: #3E004B;}
.m_menu .menu .depth2 h4{color: #3E004B; font-size: 1.1rem;}
.m_menu .menu .depth2 p{color: #666; font-size: 0.85rem;}
.m_menu .accordion-item{border: 0;}


@media (max-width: 1599px) {
    .pc_menu .menu .depth2 .right .image{display: none;}
}

@media (min-width: 1200px) {
    .pc_menu .menu .depth2 .right a .item p{opacity: 0; transition: .2s;}
    .pc_menu .menu .depth2 .right a:hover .item p{opacity: 1; transition: .2s;}
    header.m_menu{display: none;}
}

@media (max-width: 1199px) {
    header.pc_menu{display: none;}
    header .wrap{height: 80px;}
    header .logo {width: 140px;}
    .m_menu .menu{height: calc(100vh - 80px);}
}

@media (max-width: 767px) {
    header.pc_menu nav{display: none;}
    header .wrap{height: 60px;}
    header .logo {width: 120px;}
    .m_menu .menu{height: calc(100vh - 60px); background-size: 180px; background-position: right -20px bottom -20px}
    .m_menu .menu .depth2{padding: 30px 10px 40px;}
    .m_menu .menu .depth2 ul{display: flex; flex-direction: column;}
    .m_menu .menu .depth2 a{display: flex; flex-direction: column;}
    .m_menu .menu .depth2 a .item{display: flex; flex-direction: column; gap: 2px;}
    header.m_menu .m_btn button{background-size: 30px;}

}

@media (max-width: 575px) {
    .m_menu .menu{padding: 0 calc(var(--bs-gutter-x) * .5);}
}


/* img */
.w100{max-width: 100%;}
.img_style1{border-radius: 30px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.img_style2{border-radius: 10px; border: 2px solid #3E004B;}
.infographic{max-width: 60px;}

[class*="col"]:has(.image_wrap){justify-items: center;}
.image_wrap{padding: 40px; background: #FFF; border-radius: 10px; box-shadow:  0 2px 6px rgba(0, 0, 0, 0.2); width: fit-content;}
.image_wrap > *:not(:last-child){margin-bottom: 20px;}
.image_wrap img{border: 2px solid #3E004B;}

.ratio1{position: relative; width: 100%; overflow: hidden; aspect-ratio: 1;}
.ratio1 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: .2s;}
a:hover .ratio1 img{transform: translate(-50%, -50%) scale(1.05); transition: .2s;}

/* button */
button{line-height: 1.2; display: flex; flex-direction: row; gap: 10px;}
button[class*="type"]{border-radius: 10rem; padding: 12px 45px 12px 20px; align-items: center; font-size: 0.9rem; line-height: 1; background-size: 18px; background-repeat: no-repeat; background-position: right 20px center; transition: .2s;}
button[class*="type"]:hover{background-color: #3E004B; transition: .2s;}

button[class*="type"]{font-weight: 500;}
button.type1{color: #3E004B; border: 1px solid #3E004B; background-color: transparent; background-image: url(../images/icon/arrow_right_purple.svg);}
button.type1:hover{background-image: url(../images/icon/arrow_right_white.svg); color: #FFF;}
button.type2{color: #212529; border: 1px solid #212529; background-color: transparent; background-image: url(../images/icon/arrow_right_black.svg);}
button.type2:hover{background-image: url(../images/icon/arrow_right_white.svg); color: #FFF;}
button.type3{color: #FFF; border: 1px solid #FFF; background-color: transparent; background-image: url(../images/icon/arrow_right_white.svg);}
button.type3:hover{background-color: #FFF; color: #3E004B; background-image: url(../images/icon/arrow_right_black.svg); color: #212529;}
button.type4{color: #FFF; border: 1px solid #212529; background-color: #212529; background-image: url(../images/icon/arrow_right_white.svg);}
button.type4:hover{background-color: #3E004B;}
button.normal{width: 120px; height: 40px; background: #212529; border: 0; color: #FFF; display: flex; justify-content: center; align-items: center; padding: 0; font-weight: 500;}
button.normal:hover{background: #3E004B;}
button.cancel{width: 120px; height: 40px; background: transparent; border: 1px solid #212529; color: #212529; display: flex; justify-content: center; align-items: center; padding: 0; font-weight: 500;}
button.cancel:disabled{background: #818181; color: #FFF; border-color: #818181;}

button.board_btn_write{width: 120px; height: 40px; background: #212529; border: 0; color: #FFF; display: flex; justify-content: center; align-items: center; padding: 0; font-weight: 500;}
button.board_btn_normal{width: 120px; height: 40px; background: transparent; border: 1px solid #212529; color: #212529; display: flex; justify-content: center; align-items: center; padding: 0; font-weight: 500;}
button.board_btn_list{width: 100px; height: 40px; background: #3E004B; border: 0; color: #FFF; border-radius: 10rem; display: flex; justify-content: center; align-items: center; padding: 0; font-weight: 500;}
button.board_btn_prev{padding: 0 20px 0 44px; height: 40px; background-color: transparent; border: 1px solid #212529; color: #212529; border-radius: 10rem; display: flex; justify-content: center; align-items: center; font-weight: 500; background-image: url(../images/icon/arrow_left_black.svg); background-repeat: no-repeat; background-position: center left 20px;}
button.board_btn_prev:hover{background-color: #E2D9E4; border-color: #E2D9E4;}
button.board_btn_next{padding: 0 44px 0 20px; height: 40px; background-color: transparent; border: 1px solid #212529; color: #212529; border-radius: 10rem; display: flex; justify-content: center; align-items: center; font-weight: 500; background-image: url(../images/icon/arrow_right_black.svg); background-repeat: no-repeat; background-position: center right 20px;}
button.board_btn_next:hover{background-color: #E2D9E4; border-color: #E2D9E4;}

/* 슬라이드 */
section:has(.half_slide){overflow: hidden;}
.half_slide .slide_wrap{position: relative;}
.half_slide .slide_content{display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; transition: transform 0.5s ease-in-out; will-change: transform; gap: 40px; align-items: stretch;}
.half_slide .slide_content > li{min-width: 100%; height: auto; align-content: center;}
.half_slide .slide_content > li:not(.active){opacity: 0; transition: .5s;}
.half_slide .slide_content .content-div > *:not(:last-child){margin-bottom: 15px;}
.half_slide .slide_content .title > .top{margin-bottom: 15px;}
.half_slide .slide_content .title p{line-height: 1.3;}
.half_slide .slide_content .title h3{line-height: 1.3;}
.half_slide .slide_content .caution{margin-top: 30px;}
.half_slide .btn-group{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 50px; display: flex; justify-content: space-between;}

.half_slide .slide_wrap2{position: relative;}
.half_slide .slide_wrap2 .slide_content > li{background: #FFF; padding: 60px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}
.half_slide .slide_wrap2 .slide_content > li:not(.active){opacity: 1; transition: .5s;}
.half_slide .slide_wrap2 .slide_content > li:not(.active) .row{opacity: 0.3;}
.half_slide .slide_wrap2 .slide_content h3{line-height: 1.3;}
.half_slide .slide_wrap2 .image img{border-radius: 10rem;}

.half_slide .slide_wrap3{position: relative;}
.half_slide .slide_wrap3 .slide_content > li{background: #FFF;border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); padding: 0; overflow: hidden; display: flex; flex-direction: column;}
.half_slide .slide_wrap3 .slide_content > li:not(.active){opacity: 1; transition: .5s;}
.half_slide .slide_wrap3 .slide_content > li:not(.active) > *{opacity: 0.3;}
.half_slide .slide_wrap3 .slide_content .image img{max-width: 100%; width: 100%;}
.half_slide .slide_wrap3 .slide_content .text{padding: 20px; flex: 1; align-content: center;}
.half_slide .slide_wrap3 .slide_content .check{justify-items: center;}
.half_slide .slide_wrap3 .slide_content .check li{width: fit-content;}

/* 갤러리 슬라이드 */
section:has(.gallery_slide){overflow: hidden;}
.gallery_slide .slide_wrap{position: relative;}
.gallery_slide .slide_content{display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; transition: transform 0.5s ease-in-out; will-change: transform; gap: 40px; align-items: stretch;}
.gallery_slide .slide_content > li{min-width: 100%; height: auto; align-content: center; transition: .5s;}
.gallery_slide .slide_content > li:not(.active){opacity: 0.3; scale: 90%; transition: .5s;}
.gallery_slide .btn-group{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 50px; display: flex; justify-content: space-between;}

.gallery_slide .image{position: relative; width: 100%; overflow: hidden; aspect-ratio: 5/3;}
.gallery_slide .image img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}

.gallery_slide .thumb{display: flex; gap: 10px; justify-content: center; margin-top: 20px; overflow: hidden; position: relative;}
.gallery_slide .thumb button{border: none; padding: 0; background: none; cursor: pointer; opacity: 0.5; width: 25%;}
.gallery_slide .thumb button.active{opacity: 1;}
.gallery_slide .thumb img{object-fit: cover;}

/* 리스트 슬라이드 */
section:has(.list_slide){overflow: hidden;}
.list_slide .slide_wrap{position: relative; padding: 30px; background: #FFF; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}
.list_slide .slide_content{display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; transition: transform 0.5s ease-in-out; will-change: transform; gap: 40px; align-items: stretch;}
.list_slide .slide_content > li{min-width: 100%; height: auto; align-content: center;}
.list_slide .slide_content > li:not(.active){opacity: 0; transition: .5s;}
.list_slide .slide_content .content-div > *:not(:last-child){margin-bottom: 15px;}
.list_slide .slide_content .title > .top{margin-bottom: 15px;}
.list_slide .slide_content .title p{line-height: 1.3;}
.list_slide .slide_content .title h3{line-height: 1.3;}
.list_slide .slide_content .caution{margin-top: 30px;}
.list_slide .btn-group{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 50px; display: flex; justify-content: space-between;}

/* 슬라이드 버튼 */
button[class*="slide"]{width: 65px; height: 65px; justify-content: center; border: 0; border-radius: 100%; background-color: #3E004B; background-size: 30px; background-repeat: no-repeat; background-position: center center; transition: .2s;}
button[class*="slide"]:hover{background-color: #212529; transition: .2s;}
button.slide_prev{background-image: url(../images/icon/arrow_left_white.svg);}
button.slide_next{background-image: url(../images/icon/arrow_right_white.svg);}

[class*="slide"] .btn-group{pointer-events: none;}
[class*="slide"] .btn-group button{pointer-events: auto;}

.indicator{display: flex; justify-content: center; align-items: center;}
.indicator button{width: 24px; height: 24px; background: none; border: 0; padding: 0; display: flex; justify-content: center; align-items: center;}
.indicator button.active .circle{width: 12px; height: 12px; border: 1px solid #212529; border-radius: 100%; background: none; transition: .2s;}
.indicator button .circle{width: 6px; height: 6px; background: #666; border-radius: 100%;}
.indicator button:hover .circle{width: 12px; height: 12px; border: 1px solid #212529; border-radius: 100%; background: none; transition: .2s ease-in-out;}

/* 메인 슬라이드 */
section:has(.main_slide){overflow: hidden;}
.main_slide .slide_wrap{position: relative; width: 100vw; overflow: hidden;}
.main_slide .slide_wrap2{position: relative; width: 100vw; overflow: hidden;}
.main_slide .slide_content{display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; transition: transform 0.5s ease-in-out; will-change: transform; gap: 40px; align-items: stretch;}
.main_slide .slide_content > li{width: 100%; height: auto; align-content: center;}
.main_slide .thumb{position: relative; width: 100%; overflow: hidden; aspect-ratio: 16/9; border: 0; background: none; border-radius: 10px;}
.main_slide .thumb img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); width: 100%; height: 100%; object-fit: cover; transition: .2s;}
.main_slide a:hover .thumb img{transform: translate(-50%, -50%) scale(1.05); transition: .2s;}
.main_slide .item{display: flex; flex-direction: column; gap: 20px;}
.main_slide .text{width: 100%; display: flex; flex-direction: column; height: 100%; gap: 10px;}
.main_slide .text .board_title{text-overflow: ellipsis; white-space: normal; overflow: hidden; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.main_slide .text .board_date{color: #666;}
.main_slide .btn-group{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 50px; display: flex; justify-content: space-between;}
.main_slide .slide_bar{height: 4px; background: #ddd; border-radius: 2px; overflow: hidden;}
.main_slide .slide_bar .progress{height: 100%; width: 0%; background: #3E004B; transition: width 0.5s ease-in-out;}
.main_slide .bottom{position: relative; display: flex; align-items: center; gap: 40px;}
.main_slide .bottom .btn-group{position: relative; width: fit-content; height: fit-content; top: 0; left: 0; transform: translate(0); gap: 20px;}
.main_slide .bottom .btn-group .slide_prev{margin: 0;}
.main_slide .bottom .btn-group .slide_next{margin: 0;}
.main_slide .bottom .slide_bar{position: relative; width: 100%;}
.main_slide .num{text-align: left; font-size: 3rem; font-weight: 600; color: #FFF; line-height: 1; text-shadow: -1px -1px 0 #818181,  1px -1px 0 #818181, -1px  1px 0 #818181, 1px  1px 0 #818181;}
.main_slide li.active .num{text-shadow: none; color: #3E004B;}

/* 탭메뉴 */
.tab_wrap{background: #F0F0F0;}
.tab_wrap ul{display: flex; justify-content: center;}
.tab_wrap ul li{display: inline-block;}
.tab_wrap button{height: 40px; padding: 0 30px; display: flex; justify-content: center; align-items: center; border: none; color: #212529;}
.tab_wrap button.active{background: #3E004B; color: #FFF; font-weight: 600;}

[class*="tab_menu"]{display: flex; justify-content: center;}
[class*="tab_menu"] li{display: inline-block; padding: 0 30px;}
[class*="tab_menu"] li:not(:last-child){border-right: 1px solid #CFCFCF;}
[class*="tab_menu"] button{border: 0; background: 0; color: #818181; padding: 0; gap: 4px;}
[class*="tab_menu"] button.active{font-weight: 600; color: #3E004B;}

.tab_content .tab_item{display: none;}
.tab_content .tab_item.active{display: block;}

.content:has(.tab_slide){padding: 40px; background: #FFF; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}
.tab_slide .image > *:not(:last-child){margin-bottom: 20px;}

/* list */
.list1 li{display: flex; align-items: center; border: 2px solid #CFCFCF; padding: 20px 30px; border-radius: 10rem; gap: 10px; line-height: 1.3; background: #FFF;}
.list1 li:not(:last-child){margin-bottom: 20px;}
.list1 li .num{font-weight: 600; color: #3E004B; flex-basis: 30px;}
.list1 li p{flex-grow: 1; text-align: left;}
.list1 li .bold{color: #3E004B;}

.list2{text-align: left; line-height: 1.4;}
.list2 > *:not(:last-child){margin-bottom: 10px;}
.list2 .icon_wrap{width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; background: #FFF; border-radius: 100%;}
.list2 .icon_wrap img{width: 40px;}
.list2 h5{border-bottom: 1px solid #3E004B; color: #3E004B; display: flex; gap: 10px; padding-bottom: 5px; width: 100%;}

.row.list3{--bs-gutter-y: 1rem;}
.list3 .circle{border-radius: 100%; aspect-ratio: 1; padding: 20px; border: 1px solid #CFCFCF; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px;}
.list3 .circle h5{color: #3E004B;}
.list3 .circle h6{color: #3E004B;}
.list3 .circle p{line-height: 1.4;}

.list4{background: #FFF; border-radius: 10px; padding: 30px 10px;}
.list4 .row > *:not(:last-child){border-right: 1px dashed #BFB2C3;}
.list4 .item{justify-items: center; display: grid;}
.list4 .item > *:not(:last-child){margin-bottom: 10px;}
.list4 .item p{line-height: 1.4;}
.list4 .icon_wrap{width: fit-content; padding: 10px; border: 2px solid #3E004B; border-radius: 100%; aspect-ratio: 1;}

.list5 .row{--bs-gutter-y: 0; margin: 0; line-height: 1.4;}
.list5 li{display: flex; flex-direction: column; align-items: center; padding: 30px 10px; border: 1px solid #BFB2C3; margin: -0.5px;}
.list5 li > *:not(:last-child){margin-bottom: 10px;}
.list5 li .text{display: flex; flex-direction: column; justify-content: center; flex: 1;}
.list5 li .icon_wrap{padding: 10px; background: #3E004B; border-radius: 100%; width: fit-content; aspect-ratio: 1;}

.list6{background: #FFF; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}
.list6 .row{--bs-gutter-y: 1rem;}
.list6 .item{padding: 20px 0; color: #3E004B;}
.list6 [class*="col"]:has(.item):not(:last-child){border-right: 1px dashed #BFB2C3;}
.list6 .item h5{ line-height: 1.3;}
.list6 .item > *:not(:last-child){margin-bottom: 10px;}

.list7 [class*="col"]{display: flex;}
.list7 .item{overflow: hidden; border-radius: 10px; display: flex; flex-direction: column;}
.list7 .item .text{background: #3E004B; padding: 10px; color: #FFF; line-height: 1.3; height: 100%; align-content: center;}

.list8{background: #FFF; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); padding: 0 80px;}
.list8 .item{display: flex; padding: 80px 0; gap: 60px;}
.list8 .item > *{width: 50%; align-content: center;}
.list8 .item:not(:last-child){border-bottom: 1px dashed #CFCFCF;}
.list8 .item > .text .title{margin-bottom: 30px;}
.list8 .item > .text .title h3{display: flex; gap: 10px;}
.list8 .item > .text .title h3 .num{color: #BFB2C3;}
.list8 .item > .text .title h3 > *:last-child{flex: 1;}
.list8 .item > .text .title > *:not(:last-child){margin-bottom: 20px;}
.list8 .item > .image img{border-radius: 100rem; max-width: 500px; width: 100%;}

.card_list li{display: flex; flex-direction: row; border-radius: 1rem; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}
.card_list li:not(:last-child){margin-bottom: 50px;}
.card_list li > *{width: 50%;}
.card_list li > .text{background: #FFF; padding: 30px 60px; align-content: center;}
.card_list li > .text > *:not(:last-child){margin-bottom: 10px;}
.card_list li > .text > .title{margin-bottom: 20px;}
.card_list li > .text .num{color: #BFB2C3;}
.card_list li > .image img{min-height: 100%; object-fit: cover;}

section .accordion{border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);}
section .accordion .accordion-item button.accordion-button h5{padding-left: 26px; background-image: url(../images/logo/h_small_blue.svg); background-repeat: no-repeat; background-size: 20px; background-position: left center;}
section .accordion .accordion-item button.accordion-button:not(.collapsed){color: #212529; background-color: #FFF;}
section .accordion .accordion-item button.accordion-button:not(.collapsed)::after{background-image: var(--bs-accordion-btn-icon);}
section .accordion .accordion-body{background: #F8F9FA;}

/* 꾸밈 요소 */
.capsule{display: flex; flex-wrap: wrap; gap: 10px;}
.capsule li{display: inline-block; line-height: 1; border: 1px solid #3E004B; border-radius: 10rem; color: #3E004B; padding: 8px 14px; font-size: 0.9rem; font-weight: 500;}

.check li{padding-left: 16px; background-image: url(../images/icon/check_purple.svg); background-size: 14px; background-repeat: no-repeat; background-position-y: 3px; line-height: 1.4;}
.check li:not(:last-child){margin-bottom: 6px;}

.check2 li{padding: 8px 10px 8px 35px; background-color: #F8F9FA; background-image: url(../images/icon/check2_purple.svg); background-size: 20px; background-repeat: no-repeat; background-position: 12px 10px; text-align: left; line-height: 1.4;}
.check2 li:not(:last-child){margin-bottom: 10px;}
.check2 li.attention{background-color: #F5EEF7; background-image: url(../images/icon/attention.svg); background-size: 18px;}

.badge_title{background: url(../images/logo/h_small_white.svg), #3E004B; background-repeat: no-repeat; background-position: 20px center; background-size: 24px; color: #FFF; border-radius: 10rem; padding: 4px 20px 4px 50px; display: inline-block;}
.badge_title2{color: #3E004B; border: 1px solid #3E004B; border-radius: 10rem; padding: 4px 14px; display: inline-block;}

/* box */
.step_box{padding: 0 20px;}
.row:has(.step_box){--bs-gutter-y: 0;}
[class*="col"]:has(.step_box):not(:last-child){border-right: 1px dashed #CFCFCF;}
.step_box > *:not(:last-child){margin-bottom: 30px;}
.step_box .image h5{background: #296AA6; color: #FFF; padding: 4px 10px;}
.step_box .text > *:not(:last-child){margin-bottom: 10px;}
.step_box .text > div > *:not(:last-child){margin-bottom: 4px;}
[class*="step_box"] .step{line-height: 1; border: 1px solid #3E004B; border-radius: 10rem; color: #3E004B; padding: 6px 14px; font-family: "Tinos", serif; letter-spacing: 0; display: inline-block;}

.step_box2{background: #FFF; padding: 20px 60px; border-radius: 10px;}
.step_box2 li{padding: 30px 0; display: flex; flex-direction: row; gap: 20px;}
.step_box2 li:not(:last-child){border-bottom: 1px dashed #CFCFCF;}
.step_box2 li .text{display: flex; flex-direction: row; flex: 1; align-items: start; gap: 20px;}
.step_box2 li .text > div{flex: 1;}
.step_box2 li .text > div h5{color: #3E004B; margin-bottom: 6px;}
.step_box2 li .text > div h6{color: #3E004B; margin-bottom: 6px;}
.step_box2 li .image{flex-basis: 180px;}
.step_box2 li .image img{border-radius: 15px;}

.step_box3{padding: 40px; background: #FFF; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}
.step_box3 [class*="col"]:not(:last-child){border-right: 1px dashed #CFCFCF;}
.step_box3 .box{padding: 0 20px; display: flex; flex-direction: column; gap: 20px; height: 100%;}
.step_box3 .box .image{display: flex; flex-direction: column; align-items: center;}
.step_box3 .box .image .step{width: fit-content;}
.step_box3 .box .image > *:not(:last-child){margin-bottom: 10px;}
.step_box3 .box .text{flex: 1; align-content: center; line-height: 1.4;}

.combobox_right{text-align: right;}
.combobox_left{text-align: left;}
.combobox [class*="col"]{align-content: center;}
.combobox [class*="combobox"] > *:not(:last-child){margin-bottom: 10px;}
.combobox .combobox_right{padding-right: 30px; border-right: 2px solid #3E004B;}
.combobox .combobox_center{padding: 0 20px;}
.combobox .combobox_left{padding-left: 30px; border-left: 2px solid #3E004B;}

.box_wrap .row{--bs-gutter-x: 3rem; --bs-gutter-y: 2rem;}
.box_wrap .box > *:not(:last-child){margin-bottom: 20px;}
.box_wrap .text{line-height: 1.4;}
.box_wrap .text > *:not(:last-child){margin-bottom: 10px;}

[class*="box_style"]{margin: 0; border-radius: 10px; padding: 40px;}
[class*="box_style"] [class*="col"]{align-content: center;}
[class*="box_style"] .col_step{flex: 1; height: 100%;}
[class*="box_style"] .col_step .box_center img{border-radius: 100%; box-shadow: 0px 0px 20px 0px rgba(62, 0, 75, 0.5);}
[class*="box_style"] .col_step .box{border-radius: 10px; overflow: hidden; border: 1px solid #CFCFCF;}
[class*="box_style"] .col_step .box_title{background: #3E004B; font-weight: 600; padding: 4px 10px;}
[class*="box_style"] .col_step .box_title h5{background: url(../images/logo/h_small_white.svg); background-repeat: no-repeat; background-position: 0 center; background-size: 24px; color: #FFF; padding-left: 30px; display: inline-block;}
[class*="box_style"] .col_step .box_content{padding: 10px;}
[class*="box_style"] .col_step .box_content .check{text-align: left;}
[class*="box_style"] .col_step > *:not(:last-child){margin-bottom: 20px;}
[class*="box_style"] .col_icon{flex-basis: 80px;}
[class*="box_style"] .col_icon img{width: 40px;}
[class*="box_style"] .col_icon img.icon{width: 20px;}

.box_style1{background: #FFF; border: 2px solid #CFCFCF;}
.box_style1 .col_step{align-content: baseline;}
.box_style2{background: #FFF; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); border-radius: 50rem;}
.box_style2 .row{align-items: center;}

/* table */
.table1{width: 100%; table-layout: fixed; border: 2px solid #CFCFCF; line-height: 1.4; text-align: center;}
.table1 thead{background: #F0F0F0;}
.table1 thead tr > *:last-child{background: #613F9C; color: #FFF; border-top: 2px solid #613F9C;}
.table1 tr{height: 100px;}
.table1 tr > *{border: 1px solid #CFCFCF; padding: 10px;}
.table1 tr > *:nth-child(1){width: 300px; background: #F0F0F0; font-weight: 500;}
.table1 tr > *:last-child{border-left: 2px solid #613F9C; border-right: 2px solid #613F9C; color: #3E004B; font-weight: 600;}
.table1 tr:last-child > *:last-child{border-bottom: 2px solid #613F9C;}

.table2{width: 100%; table-layout: fixed; border: 2px solid #CFCFCF; line-height: 1.4; background: #FFF; text-align: center;}
.table2 thead{background: #F0F0F0;}
.table2 thead tr > *:first-child{background: #613F9C; color: #FFF; border-top: 2px solid #613F9C;}
.table2 thead tr > *:last-child{background: #613F9C; color: #FFF; border-top: 2px solid #613F9C;}
.table2 tr{height: 100px;}
.table2 tr > *{border: 1px solid #CFCFCF; padding: 10px;}
.table2 tr > *:nth-child(2){width: 200px; font-weight: 500;}
.table2 tr > *:first-child{border-left: 2px solid #613F9C; border-right: 2px solid #613F9C; color: #3E004B; font-weight: 700;}
.table2 tr > *:last-child{border-left: 2px solid #613F9C; border-right: 2px solid #613F9C; color: #3E004B; font-weight: 700;}
.table2 tr:last-child > *:first-child{border-bottom: 2px solid #613F9C;}
.table2 tr:last-child > *:last-child{border-bottom: 2px solid #613F9C;}

/* layout */
[class*="container"]{padding: 0 calc(var(--bs-gutter-x));}
section{padding: 160px 0; text-align: center;}
section.belt{padding: 100px 0;}
section .title{margin-bottom: 60px;}
section .title > .top{margin-bottom: 30px;}
section .title > .top > *:not(:last-child){margin-bottom: 10px;}
section .title > .top p{color: #3E004B; font-weight: 500;}
section .title > .top p .icon{margin-right: 10px; width: 26px;}
section .title > .top h6{color: #666; margin-top: 15px;}
section .title > .bottom > *:not(:last-child){margin-bottom: 10px;}
section .content > *:not(:last-child){margin-bottom: 50px;}
section .content-div > *:not(:last-child){margin-bottom: 20px;}
section .content .row{justify-content: center;}

[class*="half"] .text > *:not(:last-child){margin-bottom: 20px;}
.half_list .content > *:not(:last-child){margin-bottom: 100px;}

.container-sm{max-width: 768px;}
.container-lg{max-width: 992px;}
.container-xl{max-width: 1199px;}

[class*="sub"]{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.divider{margin: 0; border: 1px solid #F1DFFF; opacity: 1;}
.divider_rec{width: 30px;}

.col_5{width: 20%;}
.col_5_2{width: 20%;}

.row{--bs-gutter-y: 2rem;}

/* 공통 */
.scroll_top{position: fixed; left: 50px; bottom: 50px; border: 1px solid #3E004B; border-radius: 100%; background-image: url(../images/icon/scroll_circle_logo.svg); background-size: 40px; background-position: center; background-repeat: no-repeat; background-color: transparent; z-index: 10; padding: 0; width: 200px; height: 200px;}
.scroll_top:not(.active){filter: brightness(0) invert(1);}
.scroll_top.active{border-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.scroll_top:hover{background-color: #FFF !important; background-image: url(../images/icon/scroll_circle_top.svg); background-size: 40px; border-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); filter: none;}
.scroll_top img{transition: filter 0.3s ease; filter: brightness(100%);}

.side_btn{position: fixed; right: 50px; bottom: 50px; z-index: 9; display: flex; flex-direction: column; align-items: end; gap: 20px; transition: bottom 0.3s ease; animation: float 2s ease-in-out infinite;}
.side_btn ul{flex-direction: column; gap: 10px; display: none;}
.side_btn.open ul{display: flex;}
.side_btn ul li a{background: #FFF; border: 1px solid #CFCFCF; border-radius: 10rem; display: inline-block; width: 100%; height: 40px; display: flex; gap: 10px; padding: 10px 15px; align-items: center;}
.side_btn ul li a img{width: 20px;}
.side_btn .side_open{width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #3E004B; border: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.side_btn .side_open img{width: 30px; transform: rotate(-45deg); transition: .2s}
.side_btn.open .side_open img{transform: rotate(0deg); transition: .2s}

@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.top_banner{height: 500px; background: #333; align-content: center; text-align: center; font-weight: 500; color: #FFF; background-position: center center; background-size: cover; line-height: 1.4; position: relative; top: 0; display: grid;}
.top_banner::before{content: ""; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; background-image: url(../images/icon/scroll_down.svg); background-repeat: no-repeat; background-position: bottom right 50px;}
.top_banner [class*="container"] > *:not(:last-child){margin-bottom: 10px;}

.blog .text > *:not(:last-child){margin-bottom: 50px;}
.blog .text .title p{line-height: 1.6;}
.blog .text .top > *:not(:last-child){margin-bottom: 10px;}
.blog .image{border: 2px solid #3E004B; border-radius: 10px; padding: 20px; background: #FFF;}
.blog .image .card{border-radius: 0;}
.blog .image .card img{max-width: 100%; width: 100%;}
.blog .image .card .blog_icon{position: absolute; width: 60px; top: 20px; right: 20px;}
.blog .image .card .box{padding: 20px; text-align: left;}
.blog .image .card .box > *:not(:last-child){margin-bottom: 4px;}
.blog .image .card .box > *{width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.blog .btn-group{pointer-events: none;}
.blog .btn-group button{pointer-events: auto;}

/* board */
[class*="board"]{text-align: left;}
.board_tab{border-bottom: 1px solid #CFCFCF; display: flex; justify-content: center;}
.board_tab button{min-width: 100px; height: 40px; display: flex; justify-content: center; align-items: center; background: transparent; border: 0; padding: 0; gap: 4px; padding: 0 20px; color: #212529;}
.board_tab button.active{border-bottom: 2px solid #212529; font-weight: 600;}
.board_top{display: flex; justify-content: space-between; align-items: center;}
.board_top .search{display: flex; gap: 20px;}
.board_top [class*="search"] > *{height: 40px; border-radius: 0;}
.board_top .search .search_select{width: 120px; padding: 0 6px; background-image: url(../images/icon/chevron_down.svg); background-position: center right 10px; background-size: 14px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background-color: #FFF; border: 1px solid #212529; color: #212529;}
.board_top .search .search_input{width: 220px; display: flex; border-bottom: 1px solid #212529;}
.board_top .search .search_input input{width: 100%; border: 0; outline: 0; background: transparent;}
.board_top .search .search_input button{min-width: 40px; flex-basis: 40px; background-image: url(../images/icon/search.svg); background-size: 20px; background-repeat: no-repeat; background-position: center; background-color: transparent; padding: 0; display: flex; border: 0;}

/* 드롭다운 */
.search .custom-select {position: relative; width: 120px; border: 1px solid #ccc; border-radius: 4px; background: #fff; font-size: 1rem;}
.search .select-toggle {all: unset; display: flex; align-items: center; justify-content: space-between; height: 40px; padding: 0 10px; font-size: 1rem; color: #000; width: 100%; cursor: pointer;}
.search .select-toggle .dropdown-icon img {width: 14px; height: 14px;}
.search .dropdown-icon {margin-right: 15px;}
.search .custom-select.open .dropdown-icon img {transform: rotate(180deg);}
.search .select-options {position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 1000;}
.search .select-options[hidden] {display: none;}
.search .select-options li {padding: 10px; cursor: pointer;}
.search .select-options li.active, .select-options li:hover {background: #F5EEF7; color: #3E004B; font-weight: 600;}

.board_list .row{justify-content: left !important;}
.board_list{word-break: break-all; line-height: 1.4;}
.board_list .board_title{font-size: 1.15rem; font-weight: 500; flex: 1; line-height: 1.3;}
.board_list a:hover .board_title{font-weight: 700;}
.board_list .board_date{color: #999;}
.board_list .board_menu{color: #999;}
.board_list .thumb{position: relative; width: 100%; overflow: hidden; aspect-ratio: 16/9;}
.board_list a:hover img{transform: translate(-50%, -50%) scale(1.05); transition: .2s;}
.board_list .thumb img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); width: 100%; height: 100%; object-fit: cover; transition: .2s;}

.board_list .bna_wrap{display: flex; aspect-ratio: 16/9;}
.board_list .bna_wrap > *{position: relative; width: 100%; overflow: hidden;}
.board_list .bna_wrap > * img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); width: 100%; height: 100%; object-fit: cover; transition: .2s;}
.board_list .bna_wrap .after{position: relative;}
.board_list .bna_wrap .after img{filter: blur(8px);}
.board_list .bna_wrap .after .after_login{position: absolute; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 0.4); color: #FFF; display: flex; justify-content: center; align-items: center; text-shadow: 0 0 5px rgba(0, 0, 0, 1); font-size: 0.9rem; line-height: 1.2;}

.board_card .item{display: flex; flex-direction: column; gap: 20px; height: 100%;}
.board_card .item .text{display: flex; flex-direction: column; gap: 10px; justify-content: space-between; flex: 1;}
.board_card .item .text > *{width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.board_table .board_list ul{display: flex; align-items: center; border-bottom: 1px solid #CFCFCF; gap: 30px; padding: 20px 0; text-align: center;}
.board_table .board_list ul.head{border-top: 1px solid #666; font-weight: 600; background: #F0F0F0;}
.board_table .board_list ul.head li.tit{text-align: center;}
.board_table .board_list ul li{width: 100%; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_table .board_list ul li.num{width: 100%; max-width: 80px;}
.board_table .board_list ul li.img{width: 100%; max-width: 300px;}
.board_table .board_list ul li.tit{width: 100%; max-width: 100%; text-align: left; font-weight: 500;}
.board_table .board_list ul li.tit a:hover{text-decoration: underline;}
.board_table .board_list ul li.state span{border: 1px solid #818181; border-radius: 10rem; padding: 4px 10px; line-height: 1; color: #818181; display: inline-block;}
.board_table .board_list ul li.state span.wait::after{content: "대기";}
.board_table .board_list ul li.state span.complete{border-color: #7C4CA0; color: #7C4CA0;}
.board_table .board_list ul li.state span.complete::after{content: "완료";}
.board_table .board_list a:hover ul li.tit{font-weight: 600;}
.board_table .board_list a ul.notice{background: #F5EEF7; color: #5F2E69;}
.board_table .board_list ul.expired {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
}
.board_table .board_list ul.expired .thumb {
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
}
.board_table .board_list ul.expired .thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
}

.paging{display: flex; justify-content: center;}
.paging .btn-group{gap: 4px;}
.paging button{width: 30px; height: 30px; border: 0; background: transparent; display: flex; justify-content: center; align-items: center; padding: 0; background-position: center; background-repeat: no-repeat; background-size: 10px; color: #999;}
.paging button.active{color: #212529; font-weight: 600;}
.paging button.prev{background-image: url(../images/icon/paging_prev.svg);}
.paging button.next{background-image: url(../images/icon/paging_next.svg);}
.paging button:disabled{display: none;}

.board_bottom{display: flex; justify-content: center; align-items: center;}

.board_view .view_title{padding: 40px 0; border-top: 2px solid #3E004B; border-bottom: 1px solid #CFCFCF;}
.board_view .view_title > *:not(:last-child){margin-bottom: 10px;}
.board_view .view_content{padding: 40px 0; border-bottom: 1px solid #CFCFCF;}
.board_view .view_comment{padding: 40px 0;}
.board_view .view_comment .comment_title{display: flex; justify-content: space-between; margin-bottom: 10px;}
.board_view .view_comment .comment_content{border: 1px solid #CFCFCF; padding: 20px; background: #F5EEF7; height: 200px; overflow-y: auto;}
.board_view .write_comment .input{position: relative; padding-bottom: 40px; border: 1px solid #CFCFCF;}
.board_view .write_comment .input textarea{width: 100%; height: 160px; border: 0; outline: 0; padding: 20px;}
.board_view .write_comment .input button{position: absolute; right: 0; bottom: 0;}
.board_view .view_bottom{display: flex; justify-content: space-between; margin-top: 40px;}
.board_view .view_bottom .btn-group{gap: 10px;}


/* form */
.form .btn-group{gap: 10px;}
.form_title{text-align: left; border-bottom: 1px solid #333; padding: 10px 0;}
.form_list{border-top: 1px solid #CFCFCF;}
.form_list li{min-height: 60px; display: flex; border-bottom: 1px solid #CFCFCF;}
.form_list li > *{display: flex; align-items: center; padding: 10px 20px;}
.form_list li .label{flex-basis: 200px; text-align: left; background: #F0F0F0;}
.form_list li .label .req::after{content: "*"; margin-left: 4px; color: #FF3B30;}
.form_list li .input{flex: 1; text-align: left; display: grid; flex-direction: column; gap: 5px;}
.form_list li .input input{width: 100%; height: 40px; border: 1px solid #CFCFCF; outline: 0; padding: 10px;}
.form_list li .input textarea{width: 100%; height: 200px; border: 1px solid #CFCFCF; outline: 0; padding: 10px;}

.form_check{text-align: left;}
.form_check > *:not(:last-child){margin-bottom: 10px;}
.form_check .form_checkbox input[type="checkbox"]{display: none;}
.form_check .form_checkbox label{padding-left: 26px;position: relative;}
.form_check .form_checkbox label::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/icon/checkbox_default.svg); background-size: 18px; background-repeat: no-repeat; background-position-y: center;}
.form_check .form_checkbox input[type="checkbox"]:checked + label::before{content: ""; background: url(../images/icon/checkbox_checked.svg); background-size: 18px; background-repeat: no-repeat; background-position-y: center;}
.form_check .form_checkbox .req{color: #007AFF;}
.form_check .form_scroll{border: 1px solid #CFCFCF; padding: 20px; height: 200px; overflow-x: hidden; font-size: 0.9rem;}
.form_check .form_scroll > div:not(:last-child){margin-bottom: 10px;}

.form .login_box .account{display: flex; flex-direction: column; gap: 16px;}
.form .login_box .account input:not([type="checkbox"]){width: 100%; height: 60px; border: 1px solid #CFCFCF; outline: 0; padding: 0 20px;}
.form .login_box .account .input{display: flex; gap: 10px;}
.form .login_box .account .input select{width: 300px; padding: 0 20px; background-image: url(../images/icon/chevron_down.svg); background-position: center right 20px; background-size: 14px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background-color: #FFF; color: #212529;}
.form .login_box .btn-group{width: 100%;}
.form .login_box .btn-group button{width: 100%; height: 60px;}
.form .login_box .login_bottom{display: flex; align-items: center; justify-content: space-between; color: #818181;}
.form .login_box .login_bottom ul{display: flex; line-height: 1;}
.form .login_box .login_bottom ul li:not(:last-child){padding-right: 10px; border-right: 1px solid #CFCFCF; margin-right: 10px;}

.result_box{background: #F5EEF7; padding: 20px; min-height: 160px; align-items: center; display: grid;}

.quick_login{display: flex; gap: 16px; flex-direction: column;}
.quick_login button{width: 100%; height: 60px; border: 1px solid #CFCFCF; display: flex; justify-content: center; align-items: center; font-weight: 500; background-color: #FFF; background-repeat: no-repeat; background-size: 60px; background-position: center left;}
.quick_login button.naver_login{background-image: url(../images/icon/naver_login.svg);}
.quick_login button.kakao_login{background-image: url(../images/icon/kakao_login.svg);}

.form .login_box .btn-group button{width: 100%; height: 60px;}

/* bottom */
.common_bottom section{text-align: left;}
.common_bottom section .left .top > *:not(:last-child){margin-bottom: 20px;}
.common_bottom section .left .top{margin-bottom: 30px;}

.common_bottom .value{text-align: center; background-image: radial-gradient(#662D91, #241D29); color: #FFF;}
.common_bottom .value .top p{color: #FFF;}
.common_bottom .value .list{display: flex; flex-direction: row; padding: 20px; flex-wrap: nowrap;}
.common_bottom .value .item{width: 100%; margin: -20px;}
.common_bottom .value .circle{border-radius: 100%; border: 1px solid #FFF; aspect-ratio: 1; align-content: center; padding: 20px;}
.common_bottom .value .circle > *:not(:last-child){margin-bottom: 20px;}
.common_bottom .value .circle h5{letter-spacing: 0;}
.common_bottom .left{display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.common_bottom .slide_content > li{min-width: 400px;}
.common_bottom .bottom_instagram .slide_content > li{min-width: 300px; max-width: 300px;}
.common_bottom .bottom_instagram .thumb{aspect-ratio: 1; border-radius: 0;}
.common_bottom .bottom_equip .slide_content > li{min-width: 340px; max-width: 340px; padding: 20px; border: 1px solid #CFCFCF; border-top: 3px solid #3E004B; margin: 1px 0;}
.common_bottom .bottom_equip .thumb{aspect-ratio: 336/394; border-radius: 0;}
.common_bottom .bottom_equip .text h5{text-align: center;}
.common_bottom .btn-group{gap: 10px;}

/* footer */
footer{background: #3E004B; color: #FFF; text-align: center; padding: 60px 0;}
footer [class*="container"] > *:not(:last-child){margin-bottom: 20px;}
footer .footer_quick li{display: inline-block; font-weight: 500;}
footer .footer_quick li:not(:last-child){margin-right: 20px;}
footer .footer_quick li a::after{background-color: #FFF;}
footer .footer_bottom{font-size: 0.9rem;}
footer .footer_bottom > *:not(:last-child){margin-bottom: 10px;}
footer .footer_bottom .copyright{color: #BFB2C3;}


@media (min-width: 1500px) {
    .half_slide .slide_wrap .btn-group .slide_prev{margin-left: -100px;}
    .half_slide .slide_wrap .btn-group .slide_next{margin-right: -100px;}
    .half_slide .slide_wrap2 .btn-group .slide_prev{margin-left: -20px;}
    .half_slide .slide_wrap2 .btn-group .slide_next{margin-right: -20px;}
    .main_slide .btn-group .slide_prev{margin-left: -100px;}
    .main_slide .btn-group .slide_next{margin-right: -100px;}
}
@media (max-width: 1399px) {
    .col_5{width: 33.33%;}
    .col_5_2{width: 33.33%;}

    .half_slide .slide_wrap2 .slide_content > li{padding: 40px;}

    .list4 .row > *:nth-child(3n){border-right: 0;}
    .list6 [class*="col"]:has(.item):nth-child(3n){border-right: 0;}
    .list8{padding: 0 40px;}
    .list8 .item{display: flex; padding: 40px 0; gap: 40px;}
    .list8 .item > .text .title{margin-bottom: 20px;}

    .combobox img{max-width: 400px; width: 100%;}
    .combobox [class*="col"]{align-content: center;}
    .combobox [class*="col"]:has(.combobox_center){order: 1;}
    .combobox [class*="col"]:has(.combobox_right){order: 2;}
    .combobox [class*="col"]:has(.combobox_left){order: 3;}
    .combobox [class*="combobox"] > *:not(:last-child){margin-bottom: 10px;}
    .combobox .combobox_center{padding: 0;}
    .combobox .combobox_right{text-align: left; padding-right: 0; border-right: 0; padding-left: 20px; border-left: 2px solid #3E004B;}
    .combobox .combobox_left{padding-left: 20px; border-left: 2px solid #3E004B;}
}

@media (min-width: 1200px) {
    .half_slide .slide_wrap2 .row > *:nth-child(odd){padding-right: calc(var(--bs-gutter-x) * .5);}
    .half_slide .slide_wrap2 .row > *:nth-child(even){padding-left: calc(var(--bs-gutter-x) * .5);}

    .list8 .item > .text{text-align: left;}
    .list8 .item > .text .title > *:not(:last-child){align-items: baseline;}

    .card_list li > .text{text-align: left;}

    .tab_slide .row > *:not(:last-child){border-right: 1px dashed #CFCFCF;}

    [class*="half"] .text{text-align: left;}
    [class*="half"] .row > *{align-self: center;}
    [class*="half"] .row > *:nth-child(odd){padding-right: 50px;}
    [class*="half"] .row > *:nth-child(even){padding-left: 50px;}
    .half_reverse .text{text-align: right;}
    .box_style2{padding: 40px 120px;}

    .table1 thead{font-size: 1.15rem;}
    .table1 tr > *:last-child{font-size: 1.15rem;}

    [class*="board"] .row{--bs-gutter-x: 2.5rem; --bs-gutter-y: 2.5rem;}    
}

@media (max-width: 1199px) {
    section .content > *:not(:last-child){margin-bottom: 30px;}

    [class*="half"] .row{gap: 30px;}
    [class*="half"] [class*="image"] img{max-width: 500px; width: 100%;}
    .image_wrap{max-width: fit-content; padding: 30px;}
    .image_wrap > *:not(:last-child){margin-bottom: 10px;}
    .half_reverse{flex-direction: column-reverse;}

    button[class*="slide"]{width: 50px; height: 50px; background-size: 24px;}
    .main_slide .slide_content{gap: 30px;}
    .main_slide .num{font-size: 2.5rem;}

    button.board_btn_write{width: 100px;}
    button.board_btn_normal{width: 100px;}

    [class*="container"]:has(.slide_wrap2){max-width: 600px;}
    .half_slide .slide_wrap2 .slide_content > li{padding: 40px;}
    .half_slide .slide_wrap2 .slide_content > li:not(.active){opacity: 1; transition: .5s;}
    .half_slide .slide_wrap2 .slide_content > li .row{flex-direction: column-reverse;}
    .half_slide .slide_wrap2 .slide_content > li:not(.active) .row{opacity: 0.3;}
    .half_slide .slide_wrap2 .image img{max-width: 400px;}

    .half_slide .slide_wrap3 .slide_content .text{padding: 15px;}

    .list8{padding: 0 30px;}
    .list8 .item{display: flex; flex-direction: column; padding: 30px 0; gap: 30px;}
    .list8 .item > *{width: 100%;}
    .list8 .item > .text .title{margin-bottom: 20px;}
    .list8 .item > .text .title h3{flex-direction: column; gap: 4px;}

    .card_list li:not(:last-child){margin-bottom: 30px;}
    .card_list li > .text{padding: 30px;}

    .capsule{justify-content: center;}

    .check{justify-items: center; display: grid;}
    .check li{width: fit-content;}

    .step_box{display: flex; padding: 30px 0;}
    [class*="col"]:has(.step_box):not(:last-child) .step_box{border-bottom: 1px dashed #CFCFCF;}
    .step_box > *{width: 50%; justify-content: center; align-content: center;}
    [class*="col"]:has(.step_box):not(:last-child){border-right: 0;}
    .step_box > *:not(:last-child){margin-bottom: 0px;}
    .step_box .text{align-content: center;}
    .step_box .text > *:not(:last-child){margin-bottom: 6px;}

    .step_box2{padding: 10px 40px;}
    .step_box2 li .text{flex-direction: column; gap: 10px;}

    .tab_wrap [class*="container"]{padding: 0;}
    .tab_wrap ul{flex-wrap: wrap;}
    .tab_wrap ul li{width: 50%;}
    .tab_wrap button{width: 100%; padding: 0;}
    
    [class*="tab_menu"] li{padding: 0 20px;}

    .board_tab{flex-wrap: wrap;}
    .board_tab li{width: 33.33%;}
    .board_tab li button{width: 100%; padding: 0;}

    .content:has(.tab_slide){padding: 20px;}
    
    .box_wrap .row{--bs-gutter-x: 2rem; --bs-gutter-y: 2rem;}
    
    [class*="box_style"]{padding: 30px;}
    [class*="box_style"] .col_step .box_img img{max-width: 100%;}
    [class*="box_style"] .col_icon img{width: 30px;}
    .box_style2{border-radius: 10px;}
    
    .table1 tr > *:nth-child(1){width: 150px;}
    .table2 tr > *:nth-child(2){width: 100px;}
    

    .scroll_top{background-size: 35px; left: 40px; bottom: 40px; width: 160px; height: 160px;}
    .scroll_top:hover{background-size: 35px;}

    .blog .row [class*="col"]{justify-items: center;}
    .blog .text{justify-items: center; display: grid;}
    .blog .text > *:not(:last-child){margin-bottom: 30px;}
    .blog .text button{justify-self: center;}
    .blog .image{max-width: 500px; width: 100%; padding: 15px;}
    .blog .image .card .box{padding: 10px;}
    .blog .image .card .box > *:not(:last-child){margin-bottom: 0;}
    .blog .image .card .blog_icon{position: absolute; width: 40px; top: 15px; right: 15px;}

    .board_table .board_list ul li.num{max-width: 60px;}
    .board_table .board_list ul li.img{max-width: 220px;}

    .common_bottom .value .content{display: grid;}
    .common_bottom .value .circle > *:not(:last-child){margin-bottom: 10px;}
    .common_bottom .slide_content > li{min-width: 340px;}
    .common_bottom .bottom_instagram .slide_content > li{min-width: 260px;}
    .common_bottom .bottom_equip .slide_content > li{min-width: 260px;}

    .side_btn{right: 20px; bottom: 20px;}
    .side_btn ul li a{gap: 6px; font-size: 0.9rem;}
    .side_btn ul li a img{width: 18px; filter: none;}
    .side_btn .side_open{width: 70px; height: 70px;}
    .side_btn .side_open img{width: 25px;}
}


@media (min-width: 992px) {
    h1, h2, h3{line-height: 1.3;}
}

@media (max-width: 991px) {
    h1{font-size: 2.6rem;}
    h2{font-size: 2rem;}
    h3{font-size: 1.8rem;}
    h4{font-size: 1.25rem;}
    h5{font-size: 1.125rem;}
    h6{font-size: 1rem;}

    .list6{padding: 20px calc(var(--bs-gutter-x) * .25);}
    .list6 [class*="col"]:has(.item):nth-child(odd){border-right: 1px dashed #BFB2C3;}
    .list6 [class*="col"]:has(.item):nth-child(even){border-right: 0;}
    .list6 .item{padding: 10px 0;}

    .card_list .card_reverse{flex-direction: column-reverse;}
    .card_list li{flex-direction: column;}
    .card_list li > *{width: 100%;}
    .card_list li > .text{padding: 30px 10px;}
    .card_list li > .image img{width: 100%;}

    [class*="half"] .row{gap: 20px;}

    [class*="box_style"] [class*="col"]{align-content: center;}
    [class*="box_style"] .col_step{flex: 1;}
    [class*="box_style"] .col_step img{max-width: 500px; width: 100%;}
    [class*="box_style"] .col_icon{flex-basis: auto;}
    [class*="box_style"] .col_icon.equal img{transform: rotate(90deg);}
    .box_style2 .col_step .box_center img{max-width: 200px;}
    .box_style2 .col_icon img{transform: rotate(90deg);}

    .step_box3{padding: 10px 20px;}
    .step_box3 .row{--bs-gutter-y: 0;}
    .step_box3 [class*="col"]:not(:last-child){border-right: 0;}
    .step_box3 .box{padding: 30px 0;}
    .step_box3 [class*="col"]:not(:last-child) .box{border-bottom: 1px dashed #CFCFCF;}

    [class*="board"] .board_title{font-size: 1rem;}
    [class*="board"] .board_menu{font-size: 0.9rem;}
    [class*="board"] .board_date{font-size: 0.9rem;}
    .board_card .item{gap: 15px;}
    .board_card .item .text{gap: 5px;}
    .board_card .item .text > *{width: 100%; text-overflow: ellipsis; white-space: normal; overflow: hidden; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

    .board_table .board_list ul{gap: 10px; font-size: 0.9rem; padding: 15px 0;}
    .board_table .board_list ul li{max-width: 80px;}
    .board_table .board_list ul li.date{display: none;}
    .board_table .board_list ul li.img{max-width: 100px;}
    .board_table .board_list ul li.tit{text-overflow: ellipsis; white-space: normal; overflow: hidden; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

    .common_bottom .value .list{flex-direction: column; padding: 20px 0;}
    .common_bottom .value .item{margin: -20px 0; justify-items: center;}
    .common_bottom .value .circle{padding: 20px; max-width: 400px; width: 100%;}
}


@media (min-width: 768px) {
    .m-only{display: none;}

    .list1 li{font-size: 1.25rem;}
    .list1 li .num{font-size: 1.3rem;}

    .step_box2 li .text{text-align: left;}
    
    .form .login_box .account input:not([type="checkbox"]){font-size: 18px;}
    .form .login_box .btn-group button{font-size: 18px;}

    footer .footer_info li{display: inline-block;}
    footer .footer_info li:not(:last-child)::after{content: ""; border-right: 1px solid #8C5997; padding-right: 15px; margin-right: 15px;}
}

@media (max-width: 767px) {
    .pc-only{display: none;}
    h1{font-size: 2.2rem;}
    h2{font-size: 1.8rem;}
    h3{font-size: 1.5rem;}
    h4{font-size: 1.25rem;}
    h5{font-size: 1.125rem;}
    
    .img_style1{border-radius: 15px;}
    .infographic{max-width: 40px;}

    section{padding: 120px 0;}
    section.belt{padding: 60px 0;}
    section .title{margin-bottom: 40px;}
    section .title > .top{margin-bottom: 20px;}
    .image_wrap{padding: 20px;}

    .col_5{width: 100%;}
    .col_5_2{width: 50%;}

    .row:has(.col-6){--bs-gutter-x: 1rem;}

    .half_slide .btn-group{display: none;}
    .half_slide .container-xl{padding: 0;}
    .gallery_slide .btn-group{display: none;}
    .gallery_slide .container-sm{padding: 0;}
    .main_slide .slide_wrap .btn-group{display: none;}
    .main_slide .slide_content{gap: 20px;}
    .main_slide .bottom .btn-group{display: none;}
    .main_slide .num{font-size: 2rem;}

    .list1 li{padding: 10px 16px; gap: 8px;}
    .list1 li:not(:last-child){margin-bottom: 10px;}
    .list1 li .num{flex-basis: 24px;}

    .row:has(.list2){--bs-gutter-y: 2rem;}
    .list2{text-align: center; justify-items: center; display: grid;}
    .list2 h5{justify-content: center; flex-direction: column; gap: 2px;}

    .list3 .circle{border-radius: 10rem; aspect-ratio: auto; text-align: left; flex-direction: row; padding: 20px 40px; gap: 20px;}
    .list3 .circle .text{flex-grow: 1;}
    
    .list4 .row > *:nth-child(3n){border-right: 1px dashed #BFB2C3;}
    .list4 .row > *:nth-child(even){border-right: 0;}

    .list5 li{padding: 20px 10px;}

    .list8{padding: 0 20px;}

    .step_box{padding: 20px 0;}
    .step_box2{padding: 10px 20px;}
    .step_box2 li{flex-direction: column; gap: 20px; padding: 20px 0;}
    .step_box2 li .text{align-items: center;}
    .step_box2 li .image{flex-basis: auto;}
    .step_box2 li .image img{max-width: 180px; width: 100%;}

    .badge_title{background-position: 16px center; background-size: 18px; color: #FFF; border-radius: 10rem; padding: 4px 16px 4px 40px; display: inline-block;}

    .box_wrap .text > *:not(:last-child){margin-bottom: 4px;}

    [class*="box_style"]{padding: 20px;}
    [class*="box_style"] .row{--bs-gutter-y: 1rem;}
    [class*="box_style"] [class*="col"]{align-content: center;}

    .table1{font-size: 0.825rem;}
    .table1 tr{height: 80px;}
    .table1 tr > *:nth-child(1){width: 80px;}
    .table1 tr > *{padding: 4px;}

    .table2{font-size: 0.825rem;}
    .table2 tr{height: 80px;}
    .table2 tr > *:nth-child(2){width: 80px;}
    .table2 tr > *{padding: 4px;}
    
    .board_top{display: flex; flex-direction: column; align-items: baseline; gap: 10px;}
    .board_top .search{gap: 10px; width: 100%;}
    .board_top .search .search_input{flex: 1; width: 100%;}

    .board_list .bna_wrap .after .after_login{font-size: 0.8rem;}

    .board_view .view_title{padding: 20px 0;}
    .board_view .view_title h3{font-size: 20px;}
    .board_view .view_title > *:not(:last-child){margin-bottom: 5px;}
    .board_view .view_comment{padding-bottom: 20px;}
    .board_view .view_comment .comment_content{height: 140px; padding: 10px;}
    .board_view .write_comment .input textarea{width: 100%; height: 100px; padding: 10px;}

    .form{font-size: 0.9rem; line-height: 1.4;}
    .form .btn-group{gap: 10px;}
    .form_list li > *{padding: 10px 15px;}
    .form_list li .label{flex-basis: 120px;}
    .form_list li .input textarea{width: 100%; height: 100px;}

    .form_check .form_scroll{padding: 10px; height: 120px;}

    .form .login_box .account{gap: 10px;}
    .form .login_box .account input:not([type="checkbox"]){padding: 0 10px; height: 50px;}
    .form .login_box .btn-group button{height: 50px;}
    .quick_login{gap: 10px;}
    .quick_login button{height: 40px; background-size: 40px;}

    .result_box{min-height: 100px;}

    .common_bottom .btn-group{display: none;}
    .common_bottom .slide_content > li{min-width: 240px;}
    .common_bottom .bottom_instagram .slide_content > li{min-width: 200px;}
    .common_bottom .bottom_equip .slide_content > li{min-width: 200px;}

    .side_btn{gap: 10px;}
    .side_btn ul{gap: 4px;}
    .side_btn ul li a{height: 34px;}
    .side_btn ul li a img{width: 16px;}
    .side_btn .side_open{width: 60px; height: 60px;}
    .side_btn .side_open img{width: 20px;}

    footer{padding: 40px 0; font-size: 0.9rem;}
}

@media (max-width: 575px) {
    [class*="container"]{padding: 0 calc(var(--bs-gutter-x) * .5);}

    section{padding: 80px 0;}
    section.belt{padding: 40px 0;}
    section .title{margin-bottom: 40px;}

    .half_slide .row{gap: 0;}
    .half_slide .slide_content h3{font-size: 1.3rem;}
    .half_slide .slide_content h5{font-size: 1.05rem;}
    .half_slide .slide_content p{font-size: 0.95rem;}
    .half_slide .slide_content .caution{margin-top: 20px;}

    .half_slide .slide_wrap2 .slide_content > li{padding: 20px;}
    .half_slide .slide_wrap2 .slide_content > li:not(.active) .row{opacity: 0.3;}
    .half_slide .slide_wrap2 .image img{max-width: 400px;}

    .list_slide .slide_wrap{padding: 20px;}

    .top_banner{height: 400px;}
    .top_banner::before{background-image: url(../images/icon/scroll_down_m.svg); background-repeat: no-repeat; background-position: bottom right 20px;}

    .step_box .text > .step{font-size: 0.9rem;}
    .step_box .text > div > *{line-height: 1.4;}
    .step_box .text > div p{font-size: 0.9rem;}
    .step_box .text > div h5{font-size: 1rem;}
}

/* top_banner */
/* #main .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/main_top_banner_bg.png);} */
#overview .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/overview_top_banner_bg.png);}
#info .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/info_top_banner_bg.png);}
#derm .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/derm_top_banner_bg.png);}
#equip .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/equip_top_banner_bg.png);}
#antiaging .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/anti_top_banner_bg.png);}
#laser .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/laser_top_banner_bg.png);}
#medical .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/medical_top_banner_bg.png);}
#skin .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/skin_top_banner_bg.png);}
#viti .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/viti_top_banner_bg.png);}
#warts .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/warts_top_banner_bg.png);}
#ony .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/ony_top_banner_bg.png);}
#lecture .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/lecture_top_banner_bg.png);}
#event .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/event_top_banner_bg.png);}
#bna .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/bna_top_banner_bg.png);}
#adm .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/adm_top_banner_bg.png);}

@media (max-width: 767px) {
    #overview .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/overview_top_banner_bg_m.png);}
    #info .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/info_top_banner_bg.png);}
    #derm .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/derm_top_banner_bg_m.png);}
    #equip .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/equip_top_banner_bg_m.png);}
    #antiaging .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/anti_top_banner_bg_m.png);}
    #laser .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/laser_top_banner_bg_m.png);}
    #medical .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/medical_top_banner_bg_m.png);}
    #skin .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/skin_top_banner_bg_m.png);}
    #viti .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/viti_top_banner_bg_m.png);}
    #warts .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/warts_top_banner_bg_m.png);}
    #ony .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/ony_top_banner_bg_m.png);}
    #lecture .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/lecture_top_banner_bg_m.png);}
    #event .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/event_top_banner_bg_m.png);}
    #bna .top_banner{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url(../images/bg/bna_top_banner_bg_m.png);}
}

/* 메인 */
#main .sub3{background-image: url(../images/bg/bg_gray.png);}
#main .sub3 .image{position: relative; background: #FFF; border-radius: 10px; padding: 40px 30px 0; filter: saturate(0); transition: .2s;}
#main .sub3 .image:hover{filter: saturate(1); transition: .5s;}
#main .sub3 .image .image_badge{position: absolute; right: 20px; bottom: 20px; display: flex; flex-direction: column;}
#main .sub3 .image .image_badge .badge .icon{width: 50px;}
#main .sub3 .text{display: flex; justify-content: center; align-items: center; line-height: 1; margin-top: 20px;}
#main .sub3 .text h4{font-weight: 600;}
#main .sub3 .text ul{display: flex;}
#main .sub3 .text ul li{padding: 0 10px; font-weight: 600;}
#main .sub3 .text ul li:not(:last-child){border-right: 1px solid #CFCFCF;}
#main .sub3 .text ul li:last-child{color: #3E004B;}

#main .sub4 .title{text-align: left;}
#main .sub4 .slide_content{text-align: left;}
#main .sub4 .slide_content > li{min-width: 440px;}
#main .sub4 .slide_content li .image{position: relative;}
#main .sub4 .slide_content li .image img{filter: brightness(50%); transition: .2s;}
#main .sub4 .slide_content li a:hover .image img{filter: brightness(100%); border-radius: 2vw; transition: .5s;}
#main .sub4 .slide_content li .image h4{position: absolute; top: 40px; left: 40px; color: #FFF;}
#main .sub4 .slide_content li .text{border-top: 1px solid #CFCFCF; padding: 20px 0; display: block; background-image: url(../images/icon/plus.svg); background-repeat: no-repeat; background-size: 20px; background-position: center right;}


#main .sub5{background-image: url(../images/main/main_sub5_bg.png);}
#main .sub5 .title{text-align: left;}
#main .sub5 .slide_content > li{min-width: 500px; border-right: 1px solid #CFCFCF; padding-right: 40px;}

#main .sub6{background-image: url(../images/main/main_sub6_bg.png);}
#main .sub6 .big{border-radius: 10px; overflow: hidden; aspect-ratio: 16/9;}
#main .sub6 .big iframe{width: 100%; height: 100%;}
#main .sub6 .list{overflow-y: scroll; padding-right: 10px;}
#main .sub6 .thumb{position: relative; width: 100%; overflow: hidden; aspect-ratio: 16/9; border: 0; background: none; border-radius: 10px;}
#main .sub6 .thumb + .thumb{margin-top: 10px;}
#main .sub6 .thumb img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); width: 100%; height: 100%; object-fit: cover;}
#main .sub6 .thumb:not(.active) img {filter: saturate(0);}

#main .sub7{background-image: url(../images/main/main_sub7_bg.png);}
#main .sub7 .infographic{max-width: 80px;}

.map{max-width: 1800px; margin-left: auto; margin-right: auto;}
/* .map .image{position: relative;}
.map .image .map_btn{position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); display: flex; gap: 10px;} */
.map .image > img{border: 1px solid #ddd;}
.map .image .map_btn a{border: 1px solid #666; display: flex; gap: 10px; background: #FFF; border-radius: 4px; width: 180px; height: 50px; justify-content: center; align-items: center;}
.map .image .map_btn a .icon{width: 26px;}
.map .text .item{display: flex; padding: 30px 0;}
.map .text .item:not(:last-child){border-bottom: 1px solid #F0F0F0; margin-bottom: 0;}
.map .text .item .left{flex-basis: 260px;}
.map .text .item .right{display: flex; flex-direction: column; flex: 1; gap: 20px; font-size: 1.15rem;}
.map .text .item .right p:has(.subway){display: flex; gap: 6px; align-items: center;}
.map .text .item .right .subway{display: inline-block; background: #833EDB; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 100%; line-height: 1;}
.map .text .item .right .num{letter-spacing: 0;}
.map .text .item .right ul{display: flex; flex-direction: column; gap: 10px;}
.map .text .item .right ul li{display: flex; align-items: center;}
.map .text .item .right ul li h6{flex-basis: 140px;}
.map .text .item .right ul li p{flex: 1;}

@media (min-width: 1400px) {
    .map .image{display: flex; gap: 60px;}
    .map .image > img{width: calc(100% - 180px);}
    .map .image .map_btn{display: flex; gap: 20px; flex-direction: column; justify-content: center;}
    #main .sub4 .title{display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: end;}
    #main .sub4 .title .top{margin-bottom: 0;}
    #main .sub5 .title{display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: end;}
    #main .sub5 .title .top{margin-bottom: 0;}
}

@media (max-width: 1399px) {
    .map .image{position: relative;}
    .map .image .map_btn{position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); display: flex; gap: 10px;}
    .map .text .item .left{flex-basis: 180px;}
}

@media (min-width: 1200px) {
    #main .top_banner{min-height: 56vw;}
    #main .top_banner::before{background-image: url(../images/icon/scroll_down_main.svg); background-position-x: center;}
}

@media (max-width: 1199px) {
    #main .sub4 .slide_content > li{min-width: 380px;}
    #main .sub4 .slide_content li .image h4{top: 30px; left: 30px;}
    #main .sub4 .slide_content li .text{padding: 15px 0;}
    #main .sub4 .slide_content li .text{background-size: 18px;}
    #main .sub5 .slide_content > li{min-width: 500px; padding-right: 30px;}

    .map .row{justify-content: center;}
    .map .row [class*="col"]{max-width: 800px;}
    .map .image img{max-width: 100%;}
    .map .text{text-align: left; padding: 0 20px;}
    .map .text .item .left{flex-basis: 300px;}
    .map .text .item .right .num{letter-spacing: 0;}
    .map .text .item .right ul li h6{flex-basis: 200px;}
}

@media (min-width: 992px) {
    #main .sub3 [class*="col"]:nth-child(3n-1){margin-top: 5rem;}
}

@media (max-width: 991px) {
    #main .sub3 .image{padding: 20px 10px 0;}
    #main .sub3 .image .image_badge{right: 15px; bottom: 15px;}
    #main .sub3 .image .image_badge .badge .icon{width: 40px;}
    #main .sub6 .list{overflow-y: hidden; overflow-x: scroll; padding-right: 0; padding-bottom: 20px; display: flex;}
    #main .sub6 .thumb{min-width: 40%;}
    #main .sub6 .thumb + .thumb{margin-top: 0; margin-left: 10px;}
}

@media (max-width: 767px) {
    #main .sub4 .slide_content > li{min-width: 200px;}
    #main .sub4 .slide_content li .image h4{top: 20px; left: 20px; font-size: 1rem;}
    #main .sub4 .btn-group{display: none;}
    #main .sub5 .slide_content > li{min-width: 240px; padding-right: 20px;}
    #main .sub8 .infographic{max-width: 60px;}

    .map .text{text-align: center; padding: 0;}
    .map .text .item{flex-direction: column; gap: 20px;}
    .map .text .item .left{flex-basis: auto;}
    .map .text .item .right{font-size: 1rem;}
    .map .text .item .right p:has(.subway){justify-content: center;}
    .map .text .item .right ul{align-items: center; gap: 4px;}
    .map .text .item .right ul li{max-width: 340px; width: 100%;}
    .map .text .item .right ul li h6{flex-basis: 120px; text-align: left;}
    .map .text .item .right ul li p{text-align: right;}
}

@media (max-width: 575px) {
    #main .sub3 .text{flex-direction: column; gap: 5px;}
    #main .sub3 .image{padding: 10px 10px 0;}
    #main .sub3 .image .image_badge{right: 10px; bottom: 10px;}
    #main .sub3 .image .image_badge .badge .icon{width: 30px;}

    .map .image .map_btn{bottom: 10px;}
    .map .image .map_btn a{gap: 6px; width: 150px; height: 36px; justify-content: center; align-items: center; font-size: 0.9rem;}
    .map .image .map_btn a .icon{width: 18px;}
    .map .text .item .right ul li{max-width: 300px;}
}

/* 의료진 소개 */
#derm .sub1{padding-bottom: 80px;}
#derm .sub1 .title{margin-bottom: 0;}
#derm .sub2{background-image: url(../images/bg/bg_gray.png);}
#derm .sub2 .history ul{background-size: contain; background-repeat: no-repeat;}
#derm .sub2 .history ul li{background-image: url(../images/icon/history_black.svg); background-repeat: no-repeat; background-size: 26px; background-position: center top;}
#derm .sub2 .history ul li.active{background-image: url(../images/icon/history_purple.svg);}
#derm .sub3{background-image: radial-gradient(#662D91, #241D29);}
#derm .sub3 .image_wrap{width: 100%;}
#derm .sub3 .image_wrap img{max-width: 400px; width: 100%;}
#derm .sub3 .table1 tr{height: 60px;}
#derm .sub3 .table1 tr > *:nth-child(1){width: 180px;}
#derm .sub3 .table1 span{margin-top: 0;}

.derm_list section{position: relative; overflow: hidden;}
.derm_list .name_en{position: absolute; font-size: 6rem; letter-spacing: 4px; left: 50%; top: 50%; transform: translate(calc(-50% + 50px), -50%); text-align: left; line-height: 1.3; color: #F0F0F075; z-index: -1;}
.derm_list .name_en > *:nth-child(1){margin-left: -100px;}
.derm_list .name_en > *:nth-child(3){margin-left: 100px;}
.derm_list .image img{max-width: 400px; width: 100%;}
.derm_list .text .logo{display: flex; flex-direction: row; gap: 30px; font-weight: 500;}
.derm_list .text .logo li > *{display: flex; gap: 10px; align-items: center;}
.derm_list .text .name{display: flex; align-items: end; gap: 10px; margin-bottom: 50px;}
.derm_list .text .name h2{line-height: 1; letter-spacing: 8px; font-weight: bold;}
.derm_list .text .name h5{line-height: 1; letter-spacing: 4px;}
.derm_list .text .history{display: flex; column-gap: 25px; line-height: 1.4;}
.derm_list .text .history ul{flex: 1;}
.derm_list .text .history ul li{background-image: url(../images/icon/history_black.svg); background-repeat: no-repeat; background-size: 6px; background-position: left 7px; padding-left: 10px;}
.derm_list .text .history ul li:not(:last-child){margin-bottom: 6px;}


@media (min-width: 1400px) {
    #derm .sub2 .history ul{background-image: url(../images/icon/history_line.svg); background-position-y: calc(2rem + 8px); line-height: 1.4;}
    #derm .sub2 .history ul li{background-position: center top; padding-top: 40px;}
}

@media (max-width: 1399px) {
    #derm .sub2 .pc-only{display: none;}
    #derm .sub2 .history{justify-items: center}
    #derm .sub2 .history .row{margin: 0; padding-bottom: 40px;}
    #derm .sub2 .history ul{background-image: url(../images/icon/history_line2.svg); background-position-x: 8px; max-width: 340px;}
    #derm .sub2 .history ul li{text-align: left; background-position: left center; padding-left: 40px; padding-top: 5px; padding-bottom: 5px;}
    #derm .sub3 .table1 tr > *:nth-child(1){width: 150px;}
}

@media (min-width: 1200px) {
    .derm_list section{padding-bottom: 0;}
    .derm_list section:nth-child(odd){background-image: url(../images/derm/derm_list_bg_right.png); background-position: bottom right;}
    .derm_list section:nth-child(even){background-image: url(../images/derm/derm_list_bg_left.png); background-position: bottom left;}
}

@media (max-width: 1199px) {
    .derm_list section{background-image: url(../images/derm/derm_list_bg_m.png); background-position: bottom right;}
    .derm_list section:nth-child(even) .row{flex-direction: column-reverse;}
    .derm_list .name_en{position: absolute; font-size: 4rem; letter-spacing: 4px; top: 30%; transform: translate(calc(-50% + 30px), -50%);}
    .derm_list .name_en > *:nth-child(1){margin-left: -60px;}
    .derm_list .name_en > *:nth-child(3){margin-left: 60px;}
    .derm_list .image img{max-width: 240px; width: 100%;}
    .derm_list .text .logo{justify-content: center; gap: 20px; margin-bottom: 15px;}
    .derm_list .text .logo img{width: 26px;}
    .derm_list .text .name{margin-bottom: 30px; justify-content: center;}
    .derm_list .text .history{flex-direction: column; row-gap: 6px;}
    .derm_list .text .history ul{display: flex; flex-direction: column; align-items: center;}
    .derm_list .text .history ul li{display: inline-flex;}
}

@media (max-width: 767px) {
    #derm .sub3 .table1 tr > *:nth-child(1){width: 70px;}
}

/* 오시는 길 */
#info .sub1{background-image: url(../images/bg/bg_gray2.png);}

/* 보유 장비 */
#equip .equip_list .item{border: 1px solid #CFCFCF; border-top: 3px solid #3E004B; padding: 30px;}
#equip .equip_list .item > *:not(:last-child){margin-bottom: 30px;}
#equip .equip_list .item .image{position: relative; width: 100%; overflow: hidden; aspect-ratio: 336/394; border: 0; background: none; border-radius: 10px;}
#equip .equip_list .item .image img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); width: 100%; height: 100%; object-fit: cover; transition: .2s;}
#equip .equip_list .item:hover .image img{transform: translate(-50%, -50%) scale(1.05); transition: .2s;}

@media (max-width: 1199px) {
    #equip .equip_list{justify-content: center;}
}

@media (min-width: 768px) {
    #equip .m_deco{display: none !important;}
}

@media (max-width: 767px) {
    #equip [class*="tab_menu"] li:not(.m_deco){padding: 0 15px 0 10px;}
    #equip [class*="tab_menu"] li:not(:last-child){border-right: 0; background-image: url(../images/equip/gray_line.svg); background-size: 2.5px; background-repeat: no-repeat; background-position: right center;}
    #equip .equip_list .item{padding: 20px;}
    #equip .equip_list .item > *:not(:last-child){margin-bottom: 20px;}
}

/* 안티에이징 */
#antiaging .anti_common .sub1 .logo{max-width: 400px; width: 100%;}
#antiaging .anti_common .sub1 .text h3::before{content: "‘";color: #833EDB; font-size: 1.2em; font-family: "Tinos", serif; margin-right: 6px;}
#antiaging .anti_common .sub1 .text h3::after{content: "’";color: #833EDB; font-size: 1.2em; font-family: "Tinos", serif; margin-left: 6px;}
#antiaging .anti_common .sub2{background-image: url(../images/antiaging/anti_sub2_bg.png); color: #FFF;}
#antiaging .anti_common .sub2 .infographic{margin-bottom: 10px;}
#antiaging .anti_common .sub3{padding-bottom: 0;}
#antiaging .anti_common .sub3 .content{justify-items: center; display: grid;}
#antiaging .anti_common .sub3 .total{position: relative; max-width: 580px;}
#antiaging .anti_common .sub3 .total ul{width: 340px; display: flex; flex-direction: column; gap: 60px; transform: translateY(-50%);}
#antiaging .anti_common .sub3 .total ul.left{text-align: right; position: absolute; top: 50%; left: -145px;}
#antiaging .anti_common .sub3 .total ul.right{text-align: left; position: absolute; top: 50%; right: -145px;}
#antiaging .anti_common .sub3 .total ul li{color: #662D91; background-repeat: no-repeat; background-size: 100px;}
#antiaging .anti_common .sub3 .total ul.left li{background-image: url(../images/antiaging/anti_sub3_img2.svg); background-position: right center; padding-right: 120px;}
#antiaging .anti_common .sub3 .total ul.left li:nth-child(2){margin-right: 60px;}
#antiaging .anti_common .sub3 .total ul.left li:nth-child(3){margin-right: 60px;}
#antiaging .anti_common .sub3 .total ul.right li{background-image: url(../images/antiaging/anti_sub3_img3.svg); background-position: left center; padding-left: 120px;}
#antiaging .anti_common .sub3 .total ul.right li:nth-child(2){margin-left: 60px;}
#antiaging .anti_common .sub3 .total ul.right li:nth-child(3){margin-left: 60px;}
#antiaging .anti_common .sub4{padding-top: 60px;}
#antiaging .anti_common .sub4 .program .row{--bs-gutter-y: 1.5rem; justify-content: center;}
#antiaging .anti_common .sub4 .program .card{padding: 30px; height: 100%; border-radius: 0; border: 1px solid #EDE7F6;}
#antiaging .anti_common .sub4 .program .card .top{color: #3E004B;}
#antiaging .anti_common .sub4 .program .card .top .infographic{margin: 20px 0;}
#antiaging .anti_common .sub4 .program .card .bottom{background: #F5EEF7; padding: 10px; height: 100%; min-height: 70px; align-content: center; line-height: 1.4;}

#anti_menu1 .sub1{background-image: url(../images/antiaging/anti1/anti1_sub1_bg.png);}
#anti_menu1 .sub2{background-image: url(../images/bg/bg_gray.png);}
#anti_menu1 .sub3{background-image: url(../images/antiaging/anti1/anti1_sub3_bg.png);}
#anti_menu1 .sub3 .title{margin-bottom: 300px;}
#anti_menu1 .sub3 .title .logo img{max-width: 260px;}
#anti_menu1 .sub4{background-image: url(/images/bg/bg9.png);}
#anti_menu1 .sub5{background-image: url(../images/bg/bg_wave.png);}
#anti_menu1 .sub6{background-image: linear-gradient(to top, rgba(232, 218, 243, 0.6),  rgba(255, 255, 255, 0.6));}

#anti_menu2 .sub1{background-image: url(../images/antiaging/anti2/anti2_sub1_bg.png);}
#anti_menu2 .sub2{background-image: url(../images/bg/bg_color.png);}
#anti_menu2 .sub3{background-image: url(../images/antiaging/anti2/anti2_sub3_bg.png);}
#anti_menu2 .sub5{background-image: url(../images/bg/bg_wave.png);}

#anti_menu3 .sub2{background-image: url(../images/bg/bg_color.png);}
#anti_menu3 .sub3{background-image: linear-gradient(to top, rgba(232, 218, 243, 0.6),  rgba(255, 255, 255, 0.6));}
#anti_menu3 .sub4{background-image: url(../images/antiaging/anti3/anti3_sub4_bg.png);}
#anti_menu3 .sub4 .list6{border: 1px solid #C3B0C7; box-shadow: none;}
#anti_menu3 .sub5{background-image: url(../images/bg/bg_wave.png);}
#anti_menu3 .sub6{background-image: linear-gradient(to top, rgba(232, 218, 243, 0.6),  rgba(255, 255, 255, 0.6));}

#anti_menu3 .sub1{background-image: url(../images/antiaging/anti3/anti3_sub1_bg.png);}

@media (max-width: 1399px) {
    #anti_menu1 .sub3{background-image: url(../images/antiaging/anti1/anti1_sub3_bg_t.png);}
    #anti_menu1 .sub3 .title{margin-bottom: 200px;}
}

@media (max-width: 1199px) {
    #anti_menu3 .sub1 .row{flex-direction: column-reverse;}
}

@media (max-width: 991px) {
    #antiaging .anti_common .sub3 .total{max-width: 440px;}
    #antiaging .anti_common .sub3 .total ul{width: 320px; gap: 50px;}
    #antiaging .anti_common .sub3 .total ul.left{left: -150px;}
    #antiaging .anti_common .sub3 .total ul.right{right: -150px;}
    #antiaging .anti_common .sub3 .total ul li{background-size: 90px;}
    #antiaging .anti_common .sub3 .total ul.left li{padding-right: 110px;}
    #antiaging .anti_common .sub3 .total ul.left li:nth-child(2){margin-right: 65px;}
    #antiaging .anti_common .sub3 .total ul.left li:nth-child(3){margin-right: 65px;}
    #antiaging .anti_common .sub3 .total ul.right li{padding-left: 110px;}
    #antiaging .anti_common .sub3 .total ul.right li:nth-child(2){margin-left: 65px;}
    #antiaging .anti_common .sub3 .total ul.right li:nth-child(3){margin-left: 65px;}
}

@media (max-width: 767px) {
    #antiaging .anti_common .sub1 .logo{max-width: 200px;}
    #antiaging .anti_common .sub3 .total img{width: 360px;}
    #antiaging .anti_common .sub3 .total ul{width: 190px; gap: 0;}
    #antiaging .anti_common .sub3 .total ul.left{left: -80px;}
    #antiaging .anti_common .sub3 .total ul.right{right: -80px;}
    #antiaging .anti_common .sub3 .total ul li{background-size: 50px; height: 60px; align-content: center;}
    #antiaging .anti_common .sub3 .total ul li h5{line-height: 1.2;}
    #antiaging .anti_common .sub3 .total ul.left li{background-image: url(../images/antiaging/anti_sub3_img2_m.svg); padding-right: 50px;}
    #antiaging .anti_common .sub3 .total ul.left li:nth-child(2){margin-right: 40px;}
    #antiaging .anti_common .sub3 .total ul.left li:nth-child(3){margin-right: 40px;}
    #antiaging .anti_common .sub3 .total ul.right li{background-image: url(../images/antiaging/anti_sub3_img3_m.svg); padding-left: 50px;}
    #antiaging .anti_common .sub3 .total ul.right li:nth-child(2){margin-left: 40px;}
    #antiaging .anti_common .sub3 .total ul.right li:nth-child(3){margin-left: 40px;}
    #antiaging .anti_common .sub4{padding-top: 40px;}
    #antiaging .anti_common .sub4 .program .row{--bs-gutter-y: 1rem;}
    #antiaging .anti_common .sub4 .program .card{padding: 20px;}
    #antiaging .anti_common .sub4 .program .card .top .infographic{margin: 10px 0;}
}

@media (max-width: 575px) {
    #antiaging .anti_common .sub3 .total img{width: 220px;}
    #antiaging .anti_common .sub3 .total ul{width: 140px; gap: 0;}
    #antiaging .anti_common .sub3 .total ul.left{left: -65px;}
    #antiaging .anti_common .sub3 .total ul.right{right: -65px;}
    #antiaging .anti_common .sub3 .total ul li{background-size: 40px; height: 40px; align-content: center;}
    #antiaging .anti_common .sub3 .total ul li h5{font-size: 0.9rem; line-height: 1.1;}
    #antiaging .anti_common .sub3 .total ul.left li{background-image: url(../images/antiaging/anti_sub3_img2_m.svg); padding-right: 50px;}
    #antiaging .anti_common .sub3 .total ul.left li:nth-child(2){margin-right: 30px;}
    #antiaging .anti_common .sub3 .total ul.left li:nth-child(3){margin-right: 30px;}
    #antiaging .anti_common .sub3 .total ul.right li{background-image: url(../images/antiaging/anti_sub3_img3_m.svg); padding-left: 50px;}
    #antiaging .anti_common .sub3 .total ul.right li:nth-child(2){margin-left: 30px;}
    #antiaging .anti_common .sub3 .total ul.right li:nth-child(3){margin-left: 30px;}
    #antiaging .anti_common .sub4 .program .card{padding: 10px;}
    #antiaging .anti_common .sub4 .program .card .bottom{font-size: 0.9rem;}
    
    #anti_menu1 .sub3{background-image: url(../images/antiaging/anti1/anti1_sub3_bg_m.png);}
    #anti_menu1 .sub3 .title{margin-bottom: 400px;}
}

/* 레이저 */
#laser_menu1 .sub1{background-image: url(../images/bg/bg_gray.png);}
#laser_menu1 .sub3{background-image: url(../images/laser/laser1/laser1_sub3_bg.png);}
#laser_menu1 .sub5{background-image: url(../images/laser/laser1/laser1_sub5_bg.png);}
#laser_menu1 .sub6{background-image: url(../images/laser/laser1/bg9.png);}

#laser_menu4 .sub1{background-image: url(../images/laser/laser2/laser2_sub1_bg.png);}
#laser_menu4 .sub2{background-image: url(../images/laser/laser2/laser2_sub2_bg.png);}
#laser_menu4 .sub3{background-image: url(../images/laser/laser2/laser2_sub3_bg.png);}
#laser_menu4 .sub4{background-image: url(../images/laser/laser2/laser2_sub4_bg.png);}
#laser_menu4 .sub5{background-image: url(../images/laser/laser2/laser2_sub5_bg.png);}
#laser_menu4 .sub6{background-image: url(../images/laser/laser2/laser2_sub6_bg.png);}
#laser_menu4 .sub7{background-image: url(../images/laser/laser2/laser2_sub7_bg.png);}
#laser_menu4 .sub8{background-image: url(../images/laser/laser2/laser2_sub8_bg.png);}
#laser_menu4 .sub9{background-image: url(../images/laser/laser2/laser2_sub9_bg.png);}
#laser_menu4 .sub10{background-image: url(../images/laser/laser2/laser2_sub10_bg.png);}
#laser_menu4 .sub11{background-image: url(../images/laser/laser2/laser2_sub11_bg.png);}
#laser_menu4 .sub11 .half_slide .slide_wrap2 .image img{border-radius: 15px;}
#laser_menu4 .sub12{background-image: url(../images/laser/laser2/laser2_sub12_bg.png);}
#laser_menu4 .sub13{background-image: url(../images/bg/bg_wave.png);}
#laser_menu4 .sub14{background-image: url(../images/laser/laser2/laser2_sub14_bg.png);}
#laser_menu4 .sub15{background-image: url(../images/laser/laser2/laser2_sub15_bg.png);}
#laser_menu4 .sub16{background-image: url(../images/laser/laser2/laser2_sub16_bg.png);}
#laser_menu4 .sub17{background-image: url(../images/laser/laser2/laser2_sub17_bg.png);}

@media (max-width: 1399px) {
    #laser_menu4 .sub17 .list4 .row > *:nth-child(2n){border-right: 0}
    #laser_menu4 .sub17 .list4 .row > *:nth-child(3n){border-right: 1px dashed #BFB2C3;}
}

#laser_menu3 .sub1{background-image: url(../images/laser/laser3/laser3_sub1_bg.png);}
#laser_menu3 .sub2{background-image: url(../images/bg/bg_gray.png);}
#laser_menu3 .sub3{background-image: url(../images/laser/laser3/laser3_sub3_bg.png);}
#laser_menu3 .sub4{background-image: linear-gradient(to bottom, rgba(232, 218, 243, 0.6),  rgba(255, 255, 255, 0.6));}
#laser_menu3 .sub4 .image_wrap{border: 2px solid #CFCFCF; box-shadow: none;}
#laser_menu3 .sub5{background-image: url(../images/laser/laser3/laser3_sub5_bg.png);}
#laser_menu3 .sub5 .image_wrap{border: 2px solid #CFCFCF; box-shadow: none;}
#laser_menu3 .sub7{background-image: url(../images/laser/laser3/laser3_sub7_bg.png);}
#laser_menu3 .sub9{background-image: url(../images/laser/laser3/laser3_sub9_bg.png);}
#laser_menu3 .sub10{background-image: url(../images/bg/bg_wave.png);}
#laser_menu3 .sub11{background-image: url(../images/laser/laser3/laser3_sub11_bg.png);}

#laser_menu2 .sub1{background-image: url(../images/laser/laser4/laser4_sub1_bg.png);}
#laser_menu2 .sub2 .content-div > *:not(:last-child){margin-bottom: 15px;}
#laser_menu2 .sub2 .content .title > .top{margin-bottom: 15px;}
#laser_menu2 .sub2 .content .title p{line-height: 1.3;}
#laser_menu2 .sub2 .content .title h3{line-height: 1.3;}
#laser_menu2 .sub2 .content .caution{margin-top: 30px;}
#laser_menu2 .sub3{background-image: url(../images/bg/bg_gray.png);}
#laser_menu2 .sub5{background-image: url(../images/laser/laser4/laser4_sub5_bg.png);}

/* 메디컬 스킨케어 */
#medi_menu1 .sub1{padding-bottom: 0;}
#medi_menu1 .sub1 .content{justify-items: center; display: grid;}
#medi_menu1 .sub1 .total{position: relative; max-width: 580px;}
#medi_menu1 .sub1 .total ul{width: 340px; display: flex; flex-direction: column; gap: 60px; transform: translateY(-50%);}
#medi_menu1 .sub1 .total ul.left{text-align: right; position: absolute; top: 50%; left: -145px;}
#medi_menu1 .sub1 .total ul.right{text-align: left; position: absolute; top: 50%; right: -145px;}
#medi_menu1 .sub1 .total ul li{color: #662D91; background-repeat: no-repeat; background-size: 100px;}
#medi_menu1 .sub1 .total ul.left li{background-image: url(../images/antiaging/anti_sub3_img2.svg); background-position: right center; padding-right: 120px;}
#medi_menu1 .sub1 .total ul.left li:nth-child(2){margin-right: 60px;}
#medi_menu1 .sub1 .total ul.left li:nth-child(3){margin-right: 60px;}
#medi_menu1 .sub1 .total ul.right li{background-image: url(../images/antiaging/anti_sub3_img3.svg); background-position: left center; padding-left: 120px;}
#medi_menu1 .sub1 .total ul.right li:nth-child(2){margin-left: 60px;}
#medi_menu1 .sub1 .total ul.right li:nth-child(3){margin-left: 60px;}
#medi_menu1 .sub2{padding-top: 60px;}
#medi_menu1 .sub2 .program .row{--bs-gutter-y: 1.5rem; justify-content: center;}
#medi_menu1 .sub2 .program .card{padding: 30px; height: 100%; border-radius: 0; border: 1px solid #EDE7F6;}
#medi_menu1 .sub2 .program .card .top{color: #3E004B;}
#medi_menu1 .sub2 .program .card .top .infographic{margin: 20px 0;}
#medi_menu1 .sub2 .program .card .bottom{background: #F5EEF7; padding: 10px; height: 100%; min-height: 70px; align-content: center; line-height: 1.4;}
#medi_menu1 .sub3{background-image: url(../images/antiaging/anti2/anti2_sub3_bg.png);}
#medi_menu1 .sub4{background-image: url(../images/medical/medi1/medi1_sub4_bg.png);}
#medi_menu1 .sub5{background-image: url(../images/medical/medi1/medi1_sub5_bg.png);}
#medi_menu1 .sub6{background-image: url(../images/bg/bg_gray.png);}
#medi_menu1 .sub7{background-image: url(../images/medical/medi1/medi1_sub7_bg.png);}
#medi_menu1 .sub8{background-image: url(../images/medical/medi1/medi1_sub8_bg.png);}

#medi_menu2 .sub1{background-image: url(../images/medical/medi2/medi2_sub1_bg.png);}
#medi_menu2 .sub3{background-image: url(../images/medical/medi2/medi2_sub3_bg.png);}
#medi_menu2 .sub4{background-image: url(../images/medical/medi2/medi2_sub4_bg.png);}
#medi_menu2 .sub5{background-image: url(../images/medical/medi2/medi2_sub5_bg.png);}
#medi_menu2 .sub6{background-image: url(../images/medical/medi2/medi2_sub6_bg.png);}
#medi_menu2 .sub6 .step_box2 li .text > div h5{color: #212529;}
#medi_menu2 .sub7{background-image: url(../images/medical/medi2/medi2_sub7_bg.png);}

@media (max-width: 991px) {
    #medi_menu1 .sub1 .total{max-width: 440px;}
    #medi_menu1 .sub1 .total ul{width: 320px; gap: 50px;}
    #medi_menu1 .sub1 .total ul.left{left: -150px;}
    #medi_menu1 .sub1 .total ul.right{right: -150px;}
    #medi_menu1 .sub1 .total ul li{background-size: 90px;}
    #medi_menu1 .sub1 .total ul.left li{padding-right: 110px;}
    #medi_menu1 .sub1 .total ul.left li:nth-child(2){margin-right: 65px;}
    #medi_menu1 .sub1 .total ul.left li:nth-child(3){margin-right: 65px;}
    #medi_menu1 .sub1 .total ul.right li{padding-left: 110px;}
    #medi_menu1 .sub1 .total ul.right li:nth-child(2){margin-left: 65px;}
    #medi_menu1 .sub1 .total ul.right li:nth-child(3){margin-left: 65px;}
}

@media (max-width: 767px) {
    #medi_menu1 .sub1 .total img{width: 360px;}
    #medi_menu1 .sub1 .total ul{width: 190px; gap: 0;}
    #medi_menu1 .sub1 .total ul.left{left: -80px;}
    #medi_menu1 .sub1 .total ul.right{right: -80px;}
    #medi_menu1 .sub1 .total ul li{background-size: 50px; height: 60px; align-content: center;}
    #medi_menu1 .sub1 .total ul li h5{line-height: 1.2;}
    #medi_menu1 .sub1 .total ul.left li{background-image: url(../images/antiaging/anti_sub3_img2_m.svg); padding-right: 50px;}
    #medi_menu1 .sub1 .total ul.left li:nth-child(2){margin-right: 40px;}
    #medi_menu1 .sub1 .total ul.left li:nth-child(3){margin-right: 40px;}
    #medi_menu1 .sub1 .total ul.right li{background-image: url(../images/antiaging/anti_sub3_img3_m.svg); padding-left: 50px;}
    #medi_menu1 .sub1 .total ul.right li:nth-child(2){margin-left: 40px;}
    #medi_menu1 .sub1 .total ul.right li:nth-child(3){margin-left: 40px;}
    #medi_menu1 .sub2{padding-top: 40px;}
    #medi_menu1 .sub2 .program .row{--bs-gutter-y: 1rem;}
    #medi_menu1 .sub2 .program .card{padding: 20px;}
    #medi_menu1 .sub2 .program .card .top .infographic{margin: 10px 0;}
}

@media (max-width: 575px) {
    #medi_menu1 .sub1 .total img{width: 220px;}
    #medi_menu1 .sub1 .total ul{width: 140px; gap: 0;}
    #medi_menu1 .sub1 .total ul.left{left: -65px;}
    #medi_menu1 .sub1 .total ul.right{right: -65px;}
    #medi_menu1 .sub1 .total ul li{background-size: 40px; height: 40px; align-content: center;}
    #medi_menu1 .sub1 .total ul li h5{font-size: 0.9rem; line-height: 1.1;}
    #medi_menu1 .sub1 .total ul.left li{background-image: url(../images/antiaging/anti_sub3_img2_m.svg); padding-right: 50px;}
    #medi_menu1 .sub1 .total ul.left li:nth-child(2){margin-right: 30px;}
    #medi_menu1 .sub1 .total ul.left li:nth-child(3){margin-right: 30px;}
    #medi_menu1 .sub1 .total ul.right li{background-image: url(../images/antiaging/anti_sub3_img3_m.svg); padding-left: 50px;}
    #medi_menu1 .sub1 .total ul.right li:nth-child(2){margin-left: 30px;}
    #medi_menu1 .sub1 .total ul.right li:nth-child(3){margin-left: 30px;}
    #medi_menu1 .sub2 .program .card{padding: 10px;}
    #medi_menu1 .sub2 .program .card .bottom{font-size: 0.9rem;}
}

/* 백반증 */
#viti .sub2{background-image: url(../images/antiaging/anti1/anti1_sub1_bg.png);}
#viti .sub3{background-image: url(../images/antiaging/anti2/anti2_sub3_bg.png);}
#viti .sub4{background-image: url(../images/bg/bg_gray.png);}
#viti .sub5{background-image: url(../images/viti/viti_sub5_bg.png);}
#viti .sub6{background-image: url(../images/viti/viti_sub6_bg.png);}
#viti .sub7{background-image: url(../images/viti/viti_sub7_bg.png);}
#viti .sub8{background-image: url(../images/antiaging/anti3/anti3_sub4_bg.png);}
#viti .sub5 .list6{box-shadow: none; border: 1px solid #BFB2C3;}
#viti .sub9{background-image: url(../images/viti/viti_sub9_bg.png);}
#viti .sub10{background-image: url(../images/medical/medi1/medi1_sub8_bg.png);}

/* 사마귀 */
#warts .sub2{background-image: url(../images/antiaging/anti2/anti2_sub3_bg.png);}
#warts .sub3{background-image: url(../images/warts/warts_sub3_bg.png);}
#warts .sub4{background-image: url(../images/laser/laser3/laser3_sub5_bg.png);}
#warts .sub4 .image_wrap{border: 2px solid #CFCFCF; box-shadow: none;}
#warts .sub5{background-image: url(../images/medical/medi1/medi1_sub8_bg.png);}

@media (max-width: 1199px) {
    #warts .sub4 .row:has(.col_step){flex-direction: column !important;}
}

/* 무좀 */
#ony .sub2{background-image: url(../images/antiaging/anti1/anti1_sub1_bg.png);}
#ony .sub3{background-image: url(../images/bg/bg_gray.png);}
#ony .sub4{background-image: url(../images/viti/viti_sub5_bg.png);}
#ony .sub5{background-image: url(../images/viti/viti_sub6_bg.png);}
#ony .sub6{background-image: url(../images/viti/viti_sub7_bg.png);}
#ony .sub7{background-image: url(../images/antiaging/anti3/anti3_sub4_bg.png);}
#ony .sub7 .list6{box-shadow: none; border: 1px solid #BFB2C3;}
#ony .sub8{background-image: url(../images/viti/viti_sub9_bg.png);}
#ony .sub9{background-image: url(../images/medical/medi1/medi1_sub8_bg.png);}

/* 로그인 */
#adm [class*="tab_wrap"]{background: transparent;}
#adm [class*="tab_wrap"] ul{display: flex;}
#adm [class*="tab_wrap"] ul li{flex: 1;}
#adm [class*="tab_wrap"] button{width: 100%; height: 50px; background: #FFF; color: #212529; border-bottom: 1px solid #212529;}
#adm [class*="tab_wrap"] button.active{font-weight: 600; color: #212529; border-top: 1px solid #212529; border-right: 1px solid #212529; border-bottom: 0; border-left: 1px solid #212529;}

@media (max-width: 767px) {
    #adm [class*="tab_wrap"] button{height: 40px;}
}