/* common */
html, body {background:#fff; overflow:visible !important;}
#hd_login_msg {display:none !important;}
.mp {font-family: "Tenor Sans", sans-serif !important;}
.is-pc {display:block;}
.is-t {display:none;}
.is-m {display:none;}
@media (max-width:1200px){
.is-pc {display:none;}
.is-t {display:block;}
.is-m {display:none;}
}
@media (max-width:767px){
html, body {overflow-x:hidden !important;}
.is-pc {display:none;}
.is-t {display:none;}
.is-m {display:block;}
}

/* animation-box */
.scroll_on {opacity:0; transition: all ease-in-out 0.5s; display:block;}
.scroll_on.type_top {transform: translate(0, -80px);}
.scroll_on.type_bottom {transform: translate(0, 80px);}
.scroll_on.type_left {transform: translate(-80px, 0);}
.scroll_on.type_right {transform: translate(80px, 0);}
.scroll_on.on {opacity: 1; transform: translate(0, 0);}

.delay01 {transition-delay:0.1s !important;}
.delay02 {transition-delay:0.2s !important;}
.delay03 {transition-delay:0.3s !important;}
.delay04 {transition-delay:0.4s !important;}
.delay05 {transition-delay:0.5s !important;}
.delay06 {transition-delay:0.6s !important;}
.delay07 {transition-delay:0.7s !important;}
.delay08 {transition-delay:0.8s !important;}
.delay09 {transition-delay:0.9s !important;}
.delay10 {transition-delay:1s !important;}
.delay15 {transition-delay:1.5s !important;}
.delay20 {transition-delay:2s !important;}
.delay25 {transition-delay:2.5s !important;}
.delay30 {transition-delay:3s !important;}
.delay35 {transition-delay:3.5s !important;}
.delay40 {transition-delay:4s !important;}

/* container */
:root{
	--container-padding: 15px;
	--container-padding-minus: -15px;
}
.container {max-width: calc(1200px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1600px + (var(--container-padding) * 2));}
.container-xl {max-width: calc(1200px + (var(--container-padding) * 2));}
.container-lg {max-width: calc(991px + (var(--container-padding) * 2));}
.container-md {max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm {max-width: calc(575px + (var(--container-padding) * 2));}
.container-xs {max-width: calc(400px + (var(--container-padding) * 2));}
@media (max-width:1200px){
.container {max-width:816px;}
}

/* title-box */
.title-box {margin:0 0 32px;}
.title-box h2 em {display:block; text-align:center; font-size:24px; font-weight:500; color:#503F37; margin:0 0 5px; font-family: "Tenor Sans", sans-serif !important; letter-spacing:1px; text-transform:uppercase;}
.title-box h2 b {text-align:center; font-size:50px; font-weight:600; display:block; line-height:1.3; word-break:keep-all;}
.title-box h2 b strong {font-size:50px; font-weight:bold; line-height:1.3; color:#977A6A;}
.title-box h2 div {display:flex; flex-wrap:wrap; align-items:center; margin:25px 0 0;}
.title-box h2 div p.big {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; background:#503F37; color:#fff; padding:12px 33px; font-size:28px; font-weight:600; line-height:1.3; word-break:keep-all;}
.title-box h2 div p.small {width:100%; margin:25px 0 0; font-size:18px; color:#404040; word-break:keep-all;}
.title-group-box {margin:0 0 124px;}
.title-group-box .title-box {margin:0;}
@media (max-width:1200px){
.title-group-box {margin:0 0 90px;}
.title-box {margin:0 0 25px;}
.title-box h2 em {font-size:20px;}
.title-box h2 b {font-size:38px;}
.title-box h2 b strong {font-size:38px;}
.title-box h2 div {margin:12px 0 0;}
.title-box h2 div p.big {padding:8px 20px; font-size:20px;}
.title-box h2 div p.small {font-size:16px;}
}
@media (max-width:767px){
.title-group-box {margin:0 0 60px;}
.title-box {margin:0 0 20px;}
.title-box h2 em {font-size:14px; margin:0 0 5px;}
.title-box h2 b {font-size:30px;}
.title-box h2 b strong {font-size:30px;}
.title-box h2 div p.big {padding:6px 12px; font-size:16px; border-radius:8px;}
.title-box h2 div p.small {margin:20px 0 0; font-size:14px;}
}

/* tab-box */
.tab-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 30px;}
.tab-box ul {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#F5F2EF; padding:10px;}
.tab-box ul li {margin:0 10px 0 0;}
.tab-box ul li:last-of-type {margin:0;}
.tab-box ul li .tab {transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 30px; border-radius:50px; height:68px; font-size:28px; text-align:center; color:#503F37; font-weight:600; border-radius:50px;}
.tab-box ul li .tab.active {background:#503F37; color:#fff;}
@media (max-width:1200px){
.tab-box ul {padding:8px;}
.tab-box ul li {margin:0 8px 0 0;}
.tab-box ul li .tab {height:50px; font-size:20px; padding:0 20px;}
}
@media (max-width:767px){
.tab-box {margin:0 0 20px;}
.tab-box ul li .tab {height:42px; padding:0 16px; font-size:16px;}
}

/* tab-content-box */
.tab-content-box {display:block; pointer-events:none; opacity:0; position:absolute; top:-20px; overflow:hidden;}
.tab-content-box.active {position:relative; pointer-events:inherit; opacity:1; top:0; transition:all ease 0.5s;}

/* top-box */
.top-box {padding:0 60px; margin:0 0 124px;}
.top-box .top-inner {border-radius:40px; position:relative; background-size:cover; background-position:center;}
.top-box .top-inner:after {display:block; content:""; height:800px;}
.top-box .top-inner .inner {position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; max-width:1200px; margin:0 auto; padding:0 40px; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.top-box .top-inner .inner > * {width:100%;}
.top-box .top-inner .inner h2 {font-size:70px; font-weight:700; color:#fff;}
.top-box .top-inner .inner h3 {font-size:30px; font-weight:700; color:#fff;}
.top-box .top-inner .inner p {margin:30px 0 0; font-size:30px; color:#fff; font-weight:500;}
.top-box .top-inner.cate-01 {background-image:url('../images/bg_top_01.png');}
.top-box .top-inner.cate-02 {background-image:url('../images/bg_top_02.png');}
.top-box .top-inner.cate-03 {background-image:url('../images/bg_top_03.png');}
.top-box .top-inner.cate-04 {background-image:url('../images/bg_top_04.png');}
.top-box .top-inner.cate-05 {background-image:url('../images/bg_top_05.png');}
.top-box .top-inner.cate-06 {background-image:url('../images/bg_top_06.png');}
.top-box .top-inner.cate-07 {background-image:url('../images/bg_top_07.png');}
.top-box .top-inner.cate-08 {background-image:url('../images/bg_top_08.png');}
.top-box .top-inner.cate-09 {background-image:url('../images/bg_top_09.png');}
.top-box .top-inner.cate-10 {background-image:url('../images/bg_top_10.png');}
.top-box .top-inner.cate-09 .inner h2 {color:#503F37;}
.top-box .top-inner.cate-09 .inner h3 {color:#8F8F8F;}
@media (max-width:1200px){
.top-box {padding:0 30px; margin:0 0 90px;}
.top-box .top-inner.cate-01 {background-image:url('../images/bg_top_01_t.png');}
.top-box .top-inner.cate-02 {background-image:url('../images/bg_top_02_t.png');}
.top-box .top-inner.cate-03 {background-image:url('../images/bg_top_03_t.png');}
.top-box .top-inner.cate-04 {background-image:url('../images/bg_top_04_t.png');}
.top-box .top-inner.cate-05 {background-image:url('../images/bg_top_05_t.png');}
.top-box .top-inner.cate-06 {background-image:url('../images/bg_top_06_t.png');}
.top-box .top-inner.cate-07 {background-image:url('../images/bg_top_07_t.png');}
.top-box .top-inner.cate-08 {background-image:url('../images/bg_top_08_t.png');}
.top-box .top-inner.cate-09 {background-image:url('../images/bg_top_09_t.png');}
.top-box .top-inner.cate-10 {background-position:70% center;}
.top-box .top-inner {border-radius:30px;}
.top-box .top-inner:after {height:550px;}
.top-box .top-inner .inner {max-width:800px;}
.top-box .top-inner .inner h2 {font-size:44px;}
.top-box .top-inner .inner h3 {font-size:20px;}
.top-box .top-inner .inner p {font-size:20px; margin:20px 0 0;}
}
@media (max-width:767px){
.top-box {padding:0 15px; margin:0 0 60px;}
.top-box .top-inner.cate-01 {background-image:url('../images/bg_top_01_m.png');}
.top-box .top-inner.cate-02 {background-image:url('../images/bg_top_02_m.png');}
.top-box .top-inner.cate-03 {background-image:url('../images/bg_top_03_m.png');}
.top-box .top-inner.cate-04 {background-image:url('../images/bg_top_04_m.png');}
.top-box .top-inner.cate-05 {background-image:url('../images/bg_top_05_m.png');}
.top-box .top-inner.cate-06 {background-image:url('../images/bg_top_06_m.png');}
.top-box .top-inner.cate-07 {background-image:url('../images/bg_top_07_m.png');}
.top-box .top-inner.cate-08 {background-image:url('../images/bg_top_08_m.png');}
.top-box .top-inner.cate-09 {background-image:url('../images/bg_top_09_m.png');}
.top-box .top-inner {height:auto; border-radius:20px;}
.top-box .top-inner:after {height:auto; padding-bottom:150%;}
.top-box .top-inner .inner {padding:0 30px;}
.top-box .top-inner .inner h2 {font-size:36px;}
.top-box .top-inner .inner h3 {font-size:16px;}
.top-box .top-inner .inner p {font-size:16px;}
}

/* doctor-box */
.doctor-box {padding:0 0 168px;}
.doctor-box .container {display:flex; flex-wrap:wrap; align-items:center;}
.doctor-box .container .list-left {width:55%; padding:0 24px 0 0;}
.doctor-box .container .list-left h2 {font-size:20px; color:#503F37; letter-spacing:1px; font-family: "Tenor Sans", sans-serif; margin:0 0 8px;}
.doctor-box .container .list-left h3 {display:flex; flex-wrap:wrap; align-items:baseline; font-size:50px; font-weight:600; margin:0 0 24px;}
.doctor-box .container .list-left h3 em {font-size:30px; font-weight:600; margin:0 0 0 15px;}
.doctor-box .container .list-left strong {display:block; margin:0 0 24px; font-size:20px; color:#404040; line-height:1.7;}
.doctor-box .container .list-left p {font-size:16px; word-break:keep-all; line-height:1.7;}
.doctor-box .container .list-left button {width:126px; height:42px; font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; margin:20px 0 0; color:#fff; background:#503F37;}
.doctor-box .container .list-right {width:45%; position:relative; overflow:hidden; border-radius:30px; height:auto;}
.doctor-box .container .list-right:after {display:block; content:""; padding-bottom:100%;} 
.doctor-box .container .list-right img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.doctor-box .container .list-right .inner {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/bg_doctor.png') no-repeat center / cover; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; padding:40px 50px;}
.doctor-box .container .list-right .inner > * {width:100%;}
.doctor-box .container .list-right .inner h2 {margin:0 0 12px; font-size:50px; font-weight:600; color:#fff;}
.doctor-box .container .list-right .inner h3 {font-size:28px; font-weight:500; color:#F5F2EF;}
.doctor-box .container .list-right .inner ul li {position:relative; font-size:18px; font-weight:500; color:#fff; word-break:keep-all; padding:0 0 0 15px;}
.doctor-box .container .list-right .inner ul li:before {position:absolute; left:0; top:12px; width:3px; height:3px; background:#fff; border-radius:50%; content:"";}
.doctor-box.active .container .list-right .inner {pointer-events:inherit; opacity:1;}
@media (max-width:1200px){ 
.doctor-box .container .list-left {width:50%; padding:18px 24px 18px 0;}
.doctor-box .container .list-left h2 {margin:0;}
.doctor-box .container .list-left h3 {font-size:35px; margin:0 0 12px;}
.doctor-box .container .list-left h3 em {font-size:20px; margin:0 0 0 10px;}
.doctor-box .container .list-left strong {margin:0 0 12px;}
.doctor-box .container .list-right {width:50%;}
.doctor-box .container .list-right:after {padding-bottom:120%;}
.doctor-box .container .list-right .inner {padding:20px 32px;}
.doctor-box .container .list-right .inner h2 {font-size:35px; margin:0;}
.doctor-box .container .list-right .inner h3 {font-size:20px;}
.doctor-box .container .list-right .inner ul li {font-size:15px; padding:0 0 0 12px;}
.doctor-box .container .list-right .inner ul li:before {top:10px;}
}
@media (max-width:767px){
.doctor-box {padding:0 0 120px;}
.doctor-box .container .list-left {width:100%; padding:0; margin:0 0 20px;}
.doctor-box .container .list-left h2 {font-size:14px;}
.doctor-box .container .list-left h3 {font-size:30px; margin:0 0 12px;}
.doctor-box .container .list-left h3 em {font-size:16px;}
.doctor-box .container .list-left strong {margin:0 0 12px; font-size:16px;}
.doctor-box .container .list-left p {font-size:14px;}
.doctor-box .container .list-left button {width:107px; height:34px; font-size:14px;}
.doctor-box .container .list-right {width:100%; border-radius:15px;}
.doctor-box .container .list-right .inner {padding:28px;}
.doctor-box .container .list-right .inner h2 {font-size:30px;}
.doctor-box .container .list-right .inner h3 {font-size:16px;}
.doctor-box .container .list-right .inner ul li {font-size:14px; padding:0 0 0 12px;}
.doctor-box .container .list-right .inner ul li:before {top:9px;}
}

/* banner-move-box */
.banner-move-box {position:relative; overflow:hidden;}
.banner-move-box .move-inner {position:relative; overflow:hidden;}
.banner-move-box .move-inner .swiper-wrapper {transition-timing-function:linear !important;}
.banner-move-box .move-inner .swiper-slide {width:582px; margin:0 30px 0 0;}
.banner-move-box .move-inner .swiper-slide img {width:100%; border-radius:20px;}
@media (max-width:1200px){
.banner-move-box .move-inner .swiper-slide {width:383px; margin:0 20px 0 0;}
.banner-move-box .move-inner .swiper-slide img {border-radius:14px;}
}
@media (max-width:767px){
.banner-move-box .move-inner .swiper-slide {width:284px; margin:0 15px 0 0;}
}

/* book-box */
.book-box {overflow:hidden;}
.book-box ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.book-box ul li {width:calc(50% - 30px); margin:0 15px 30px;}
.book-box ul li img {width:100%;}
@media (max-width:1200px){
.book-box ul {margin:0 -10px -20px;}
.book-box ul li {width:calc(50% - 20px); margin:0 10px 20px;}
}
@media (max-width:767px){
.book-box ul {margin:0;}
.book-box ul li {width:100%; margin:0 0 20px;}
.book-box ul li:last-of-type {margin:0;}
}

/* image-text-box */
.image-text-box {display:flex; flex-wrap:wrap; align-items:center;}
.image-text-box > img {width:48.5%;}
.image-text-box > .inner {flex:1; min-width:0; padding:0 0 0 50px;}
.image-text-box > .inner b {font-size:24px; font-weight:500; color:#503F37; text-transform:uppercase; letter-spacing:1px; font-family: "Tenor Sans", sans-serif;}
.image-text-box > .inner p {font-size:28px; font-weight:600; word-break:keep-all; margin:5px 0 0;}
@media (max-width:1200px){
.image-text-box > .inner {padding:0 0 0 25px;}
.image-text-box > .inner b {font-size:20px;}
.image-text-box > .inner p {font-size:20px;}
}
@media (max-width:767px){
.image-text-box > img {width:100%;}
.image-text-box > .inner {flex:none; width:100%; padding:0; margin:20px 0 0;}
.image-text-box > .inner b {display:block; text-align:center; font-size:16px;}
.image-text-box > .inner p {text-align:center; font-size:16px;}
}

/* text-image-box */
.text-image-box {display:flex; flex-wrap:wrap; align-items:center;}
.text-image-box .list-left {flex:1; min-width:0; padding:0 25px 0 0;}
.text-image-box .list-right {width:48.5%;}
.text-image-box .list-right img {width:100%;}
@media (max-width:767px){
.text-image-box .list-left {flex:none; width:100%; padding:0; margin:0 0 30px;}
.text-image-box .list-left .title-box {margin:0;}
.text-image-box .list-right {width:100%;}
}

/* bg-text-box */
.bg-text-box {background:#503F37; position:relative; opacity:1 !important; padding:130px 0; margin:85px 0; background-size:cover; background-position:center; overflow:hidden;}
.bg-text-box:after {transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; content:""; background-size:cover; background-position:center; transition:all ease 0.5s; transition:transform 3.8s ease-out; /* 자연스럽게 */}
.bg-text-box.bg-01:after {background-image:url('../images/bg_brown.png');}
.bg-text-box.bg-02:after {background-image:url('../images/bg_safe_brown_bg.png');}
.bg-text-box .container {position:relative; z-index:2;}
.bg-text-box .container > b {display:block; text-align:center; font-size:24px; font-weight:500; color:#F5F2EF; letter-spacing:1px; font-family: "Tenor Sans", sans-serif;}
.bg-text-box strong {display:block; text-align:center; font-size:24px; color:#fff; word-break:keep-all;}
.bg-text-box strong em {font-size:24px; color:#fff; font-weight:600;}
.bg-text-box h2 {text-align:center; font-size:50px; font-weight:600; color:#fff; word-break:keep-all;}
.bg-text-box p {margin:40px 0 0; font-size:18px; color:#fff; word-break:keep-all; text-align:center;}
.bg-text-box p b {font-size:18px; color:#fff; font-weight:600;}
.bg-text-box.on:after {transform:scale(1.1);}
@media (max-width:1200px){
.bg-text-box {padding:84px 0;}
.bg-text-box .container > b {font-size:20px; margin:0 0 5px;}
.bg-text-box strong {font-size:20px;}
.bg-text-box strong em {font-size:20px;}
.bg-text-box h2 {font-size:38px;}
.bg-text-box p {font-size:16px; margin:25px 0 0;}
.bg-text-box p b {font-size:16px;}
}
@media (max-width:767px){
.bg-text-box {margin:60px 0;}
.bg-text-box .container > b {font-size:14px;}
.bg-text-box strong {font-size:16px;}
.bg-text-box strong em {font-size:16px;}
.bg-text-box h2 {font-size:30px;}
.bg-text-box p {font-size:14px;}
.bg-text-box p b {font-size:14px;}
}

/* youtube-box */
.youtube-box {margin:0 0 85px; overflow:hidden;}
.youtube-box .list-head {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin:0 0 38px;}
.youtube-box .list-head .head-left {flex:1; min-width:0; padding:0 30px 0 0;}
.youtube-box .list-head .head-left .title-box {margin:0;}
.youtube-box .list-head .head-left .title-box h2 em {text-align:left;}
.youtube-box .list-head .head-left .title-box h2 b {text-align:left;}
.youtube-box .list-head .head-right {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.youtube-box .list-head .head-right a {height:52px; padding:0 20px; font-size:18px; font-weight:500; color:#fff; background:#C30027; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.youtube-box .list-head .head-right a:after {display:inline-block; content:""; width:6px; height:12px; margin:0 0 0 12px; background:url('../images/icon_btn_more_w.svg') no-repeat center / cover;}
.youtube-box .list-body {display:flex; flex-wrap:wrap; align-items:flex-end;}
.youtube-box .list-body .body-left {flex:1; min-width:0; margin:0 30px 0 0; position:relative; overflow:hidden; border-radius:20px;}
.youtube-box .list-body .body-left:after {display:block; content:""; padding-bottom:56.5%;}
.youtube-box .list-body .body-left iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.youtube-box .list-body .body-right {flex:1; min-width:0; margin-right:-30px;}
.youtube-box .list-body .body-right .swiper-slide {width:calc(50% - 30px); margin:0 30px 0 0; position:relative;}
.youtube-box .list-body .body-right .swiper-slide a {display:block;}
.youtube-box .list-body .body-right .swiper-slide .frame {position:relative; border-radius:20px; overflow:hidden;}
.youtube-box .list-body .body-right .swiper-slide .frame:after {display:block; content:""; padding-bottom:58.5%;}
.youtube-box .list-body .body-right .swiper-slide .frame img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.youtube-box .list-body .body-right .swiper-slide p {margin:10px 0 0; line-height:1; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.youtube-box .list-body .body-right .swiper-slide:hover .frame img {transform:scale(1.1);}
.youtube-box .swiper-pagination {position:static; margin:20px 0 0; height:2px; background:rgba(143,143,143,0.2);}
.youtube-box .swiper-pagination .swiper-pagination-progressbar-fill {background:#8f8f8f;}
.youtube-box .swiper-scrollbar {position:static; margin:20px 0 0; height:2px; background:rgba(143,143,143,0.2); width:100%; opacity:1 !important;}
.youtube-box .swiper-scrollbar .swiper-pagination-progressbar-fill {background:#8f8f8f;}
.youtube-box .list-mobile {display:none;}
@media (max-width:1200px){
.youtube-box .list-body .body-right {margin-right:-10px;}
.youtube-box .list-head .head-right a {height:46px; font-size:16px;}
.youtube-box .list-head .head-right a:after {width:5px; height:10px;}
.youtube-box .list-body .body-right .swiper-slide {width:calc(50% - 10px); margin:0 10px 0 0;}
.youtube-box .list-body .body-right .swiper-slide a .frame {border-radius:14px;}
.youtube-box .list-body .body-right .swiper-slide p {font-size:16px;}
}
@media (max-width:767px){
.youtube-box {margin:0 0 60px;}
.youtube-box .list-head {margin:0 0 20px;}
.youtube-box .list-head .head-right {display:none;}
.youtube-box .list-mobile {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:30px 0 0;}
.youtube-box .list-mobile a {flex:1; min-width:0; height:42px; font-size:14px; font-weight:500; color:#fff; background:#C30027; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.youtube-box .list-mobile a:after {display:inline-block; content:""; width:5px; height:10px; margin:0 0 0 12px; background:url('../images/icon_btn_more_w.svg') no-repeat center / cover;}
.youtube-box .list-body .body-left {border-radius:14px; flex:none; margin:0 0 20px; width:100%;}
.youtube-box .list-body .body-right {margin-right:-15px;}
.youtube-box .list-body .body-right {flex:none; width:100%;}
.youtube-box .list-body .body-right .swiper-slide {width:calc(50% - 15px); margin:0 15px 0 0;}
.youtube-box .list-body .body-right .swiper-slide p {font-size:14px;}
}

/* beige-box */
.beige-box {width:calc(100% - 120px); min-height:746px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; margin:0 auto 40px; border-radius:40px; background:#F5F2EF; padding:80px 40px;}
.beige-box .container {width:100%;}
.beige-box.full {width:100%; border-radius:0; margin:0 0 84px;}
@media (max-width:1200px){
.beige-box {width:calc(100% - 60px); min-height:610px; margin:0 auto 60px;}
.beige-box.full {margin:0 0 80px;}
}
@media (max-width:767px){
.beige-box {width:calc(100% - 30px); min-height:auto; margin:0 auto 15px; border-radius:20px; padding:60px 15px;}
.beige-box.full {padding:60px 0;}
}

/* step-box */
.step-box ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.step-box ul li {width:calc(25% - 30px); margin:0 15px 30px; background:#fff; border-radius:20px; padding:30px 34px; transition:all ease 0.5s;}
.step-box ul li .list-image {position:relative; overflow:hidden; width:121px; height:121px;}
.step-box ul li .list-image img {width:100%; height:100%; object-fit:cover;}
.step-box ul li .list-image img.after {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s; opacity:0;}
.step-box ul li .list-content {margin:30px 0 0;}
.step-box ul li .list-content b {display:block; font-size:24px; font-weight:500; color:#503F37; letter-spacing:1px; font-family: "Tenor Sans", sans-serif;}
.step-box ul li .list-content p {margin:10px 0 0; font-size:18px; color:#404040; word-break:keep-all;}
.step-box ul li:nth-of-type(1) .list-image {width:127px;}
.step-box ul li:hover {box-shadow:0 0 12px rgba(228,223,217,0.8);}
.step-box ul li:hover .list-image img.after {opacity:1;}
@media (max-width:1200px){
.step-box ul li {width:calc(50% - 30px); display:flex; flex-wrap:wrap; align-items:center;}
.step-box ul li .list-content {flex:1; min-width:0; margin:0; padding:0 0 0 30px;}
.step-box ul li .list-content b {font-size:20px;}
.step-box ul li .list-content p {font-size:16px;}
}
@media (max-width:767px){
.step-box ul {margin:0;}
.step-box ul li {width:100%; margin:0 0 12px; padding:27px 24px;}
.step-box ul li:last-of-type {margin:0;}
}
@media (max-width:767px){
.step-box ul li {border-radius:14px;}
.step-box ul li .list-image {width:72px; height:72px;}
.step-box ul li .list-content {padding:0 0 0 16px;}
.step-box ul li .list-content b {font-size:14px;}
.step-box ul li .list-content p {font-size:14px;}
.step-box ul li:nth-of-type(1) .list-image {width:75px;}
}

/* product-list-box */
.product-list-box ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.product-list-box ul li {width:calc(50% - 30px); margin:0 15px 30px; background:#fff; border-radius:20px; padding:50px; transition:all ease 0.5s;}
.product-list-box ul li .list-head {position:relative;}
.product-list-box ul li .list-head b {display:block; margin:0 0 12px; font-size:24px; font-weight:500; letter-spacing:1px; color:#503F37; font-family: "Tenor Sans", sans-serif; text-transform:uppercase;}
.product-list-box ul li .list-head h2 {font-size:50px; font-weight:600; line-height:1.3;}
.product-list-box ul li .list-head p {margin:12px 0 0; font-size:28px; font-weight:600; line-height:1.3; word-break:keep-all;}
.product-list-box ul li .list-head .image {position:absolute; right:0; top:0; width:180px; height:180px;}
.product-list-box ul li .list-head .image img {width:100%; height:100%; object-fit:cover;}
.product-list-box ul li .list-head .image img.after {position:absolute; left:0; top:0; transition:all ease 0.5s; opacity:0;}
.product-list-box ul li .list-body {display:flex; flex-wrap:wrap; margin:100px 0 0;}
.product-list-box ul li .list-body p {width:100%; font-size:18px; color:#404040; word-break:keep-all;}
.product-list-box ul li .list-body a {transition:all ease 0.5s; margin:25px 0 0; color:#503F37; border:1px solid #503F37; height:52px; padding:0 20px; font-size:18px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.product-list-box ul li .list-body a:after {display:block; content:""; width:6px; height:12px; margin:0 0 0 12px; background:url('../images/icon_btn_more.svg') no-repeat center / cover;}
.product-list-box ul li:hover {box-shadow:0 0 12px rgba(228,223,217,0.8);}
.product-list-box ul li:hover .list-head .image img.after {opacity:1;}
.product-list-box ul li:hover .list-body a {background:#503F37; color:#fff;}
.product-list-box ul li:hover .list-body a:after {background-image:url('../images/icon_btn_more_w.svg');}
@media (max-width:1300px){
.product-list-box ul li .list-head .image {width:100px; height:100px;}
}
@media (max-width:1200px){
.product-list-box ul li {padding:42px 36px 52px; min-height:540px; position:relative;}
.product-list-box ul li .list-head b {font-size:20px;}
.product-list-box ul li .list-head h2 {font-size:38px;}
.product-list-box ul li .list-head p {font-size:20px;}
.product-list-box ul li .list-head .image {width:80px; height:80px;}
.product-list-box ul li .list-body {margin:12px 0 0;}
.product-list-box ul li .list-body p {font-size:16px;}
.product-list-box ul li .list-body p br {display:none;}
.product-list-box ul li .list-body a {height:42px; font-size:16px; position:absolute; left:36px; bottom:52px;}
.product-list-box ul li .list-body a:after {width:5px; height:10px;}
}
@media (max-width:767px){
.product-list-box ul li .list-head .image {right:-20px;}
}
@media (max-width:767px){
.product-list-box ul {margin:0;}
.product-list-box ul li {width:100%; margin:0 0 20px; padding:40px 30px; min-height:auto;}
.product-list-box ul li:last-of-type {margin:0;}
.product-list-box ul li .list-head b {font-size:14px;}
.product-list-box ul li .list-head h2 {font-size:30px;}
.product-list-box ul li .list-head p {font-size:16px; line-height:1.5;}
.product-list-box ul li .list-head .image {right:0;}
.product-list-box ul li .list-body {margin:20px 0 0;}
.product-list-box ul li .list-body p {font-size:14px;}
.product-list-box ul li .list-body a {position:static; height:36px; padding:0 18px; font-size:14px;}
}

/* institute-box */
.institute-box {padding:0 0 84px; background:url('../images/bg_institute.png') no-repeat right bottom / 50% auto;}
.institute-box h3 {margin:0 0 40px; font-size:28px; font-weight:600; color:#404040; word-break:keep-all;}
.institute-box ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.institute-box ul li {width:calc(33.33% - 30px); margin:0 15px 30px; position:relative; overflow:hidden; border-radius:20px;}
.institute-box ul li .list-image {position:relative; overflow:hidden;}
.institute-box ul li .list-image:before {display:block; content:""; padding-bottom:120%;}
.institute-box ul li .list-image:after {position:absolute; left:0; top:0; width:100%; height:100%; content:""; transition:all ease 0.5s; opacity:0;}
.institute-box ul li .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.institute-box ul li .list-content {padding:38px 45px; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; align-content:flex-end;}
.institute-box ul li .list-content time {width:100%; font-size:24px; font-weight:500; color:#fff; font-family: "Tenor Sans", sans-serif;}
.institute-box ul li .list-content b {width:100%; font-size:28px; font-weight:600; color:#fff; word-break:keep-all;}
.institute-box ul li .list-content p {font-size:18px; font-weight:500; color:#fff; word-break:keep-all; opacity:0; transition:all ease 0.5s; height:0;}
.institute-box ul li:hover .list-image:after {backdrop-filter:blur(6px); opacity:1;}
.institute-box ul li:nth-of-type(1):hover .list-image:after {background:linear-gradient(to left, rgba(0,0,0,0.2), rgba(183,13,112,0.2));}
.institute-box ul li:nth-of-type(2):hover .list-image:after {background:linear-gradient(to left, rgba(0,0,0,0.2), rgba(121,66,170,0.2));}
.institute-box ul li:nth-of-type(3):hover .list-image:after {background:linear-gradient(to left, rgba(0,0,0,0.2), rgba(22,88,125,0.2));}
.institute-box ul li:nth-of-type(4):hover .list-image:after {background:linear-gradient(to left, rgba(0,0,0,0.2), rgba(47,26,54,0.2));}
.institute-box ul li:nth-of-type(5):hover .list-image:after {background:linear-gradient(to left, rgba(0,0,0,0.2), rgba(118,111,53,0.2));}
.institute-box ul li:nth-of-type(6):hover .list-image:after {background:linear-gradient(to left, rgba(0,0,0,0.2), rgba(28,59,120,0.2));}
.institute-box ul li:hover .list-content p {display:block; opacity:1; height:81px;}
.institute-box ul li:nth-of-type(3):hover .list-content p {height:20px;}
@media (max-width:1200px){
.institute-box {padding:0 0 100px;}
.institute-box h3 {margin:0 0 12px; font-size:20px;}
.institute-box ul li .list-content {padding:28px;}
.institute-box ul li .list-content time {font-size:16px;}
.institute-box ul li .list-content b {font-size:20px;}
.institute-box ul li .list-content p {font-size:14px;}
.institute-box ul li:hover .list-content p {height:62px;}
.institute-box ul li:nth-of-type(3):hover .list-content p {height:15px;}
}
@media (max-width:767px){
.institute-box {padding:0 0 60px; background-size:80% auto; background-position:right top;}
.institute-box h3 {margin:0 0 15px; font-size:16px;}
.institute-box ul {display:block; overflow-x:auto; white-space:nowrap; font-size:0; margin:0 -15px;}
.institute-box ul::-webkit-scrollbar {display:none;}
.institute-box ul li {display:inline-block; font-size:0; width:255px; margin:0 15px 0 0;}
.institute-box ul li:first-of-type {margin-left:15px;}
.institute-box ul li .list-image:before {padding-bottom:105%;}
.institute-box ul li .list-content time {font-size:14px;}
.institute-box ul li .list-content b {font-size:16px; margin:5px 0 0;}
.institute-box ul li .list-content p {font-size:14px; margin:5px 0 0;}
}

/* move-word-box */
.move-word-box {padding:40px 0;}
.move-word-box .swiper-wrapper {transition-timing-function:linear !important;}
.move-word-box .swiper-slide {width:auto; margin:0 50px 0 0;}
@media (max-width:767px){
.move-word-box {padding:20px 0;}
.move-word-box .swiper-slide {margin:0 20px 0 0; width:150%;}
.move-word-box .swiper-slide img {max-width:100%;}
}

/* spec-box */
.spec-box {padding:84px 0;}
.spec-box .spec-inner {max-width:1121px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center;}
.spec-box .spec-inner .list-image {width:52%;}
.spec-box .spec-inner .list-image img {width:100%;}
.spec-box .spec-inner .list-content {flex:1; min-width:0; padding:0 0 0 50px;}
.spec-box .spec-inner .list-content strong {display:block; margin:0 0 10px; letter-spacing:1px; font-size:24px; font-weight:500; color:#503F37; font-family: "Tenor Sans", sans-serif;}
.spec-box .spec-inner .list-content b {font-size:24px; font-weight:500; color:#503F37; letter-spacing:1px; font-family: "Tenor Sans", sans-serif; text-transform:uppercase;}
.spec-box .spec-inner .list-content p {display:flex; flex-wrap:wrap; align-items:baseline; font-size:28px; font-weight:600; word-break:keep-all;}
.spec-box .spec-inner .list-content p small {font-size:18px; color:#6A6A6A; font-weight:500; margin:0 0 0 4px;}
.spec-box .spec-inner .list-content ul {margin:15px 0 0;}
.spec-box .spec-inner .list-content ul li {margin:0 0 8px; position:relative; font-size:18px; color:#404040; word-break:keep-all; padding:0 0 0 32px;}
.spec-box .spec-inner .list-content ul li:before {position:absolute; left:0; top:5px; width:20px; height:20px; content:""; background:url('../images/icon_spec.svg') no-repeat center / cover;}
.spec-box .spec-inner .list-content ul li.no-bg {padding:0;}
.spec-box .spec-inner .list-content ul li.no-bg:before {display:none;}
.spec-box .spec-inner .list-content ul li small {font-size:18px; color:#8F8F8F; word-break:keep-all;}
.spec-box .spec-inner .list-content ul li em {font-size:18px; font-weight:600; color:#404040; word-break:keep-all;}
.spec-box .spec-inner .list-content div {margin:30px 0 0; padding:24px 30px; border-radius:20px; background:#F5F2EF;}
.spec-box .spec-inner .list-content div span {font-size:18px; color:#404040; word-break:keep-all;}
.spec-box .spec-inner .list-content .link {display:flex; flex-wrap:wrap; align-items:center; margin:20px 0 0;}
.spec-box .spec-inner .list-content .link a {height:44px; padding:0 24px 4px; font-size:18px; font-weight:500; line-height:0.8; color:#fff; background:#503F37; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.spec-box .spec-inner .list-content .link a:after {position:relative; top:2px; display:inline-block; content:""; width:6px; height:12px; margin:0 0 0 12px; background:url('../images/icon_btn_more_w.svg') no-repeat center / cover;}
@media (max-width:1200px){
.spec-box .spec-inner .list-content {padding:0 0 0 30px;}
.spec-box .spec-inner .list-content strong {font-size:20px;}
.spec-box .spec-inner .list-content b {font-size:20px;}
.spec-box .spec-inner .list-content p {font-size:20px;}
.spec-box .spec-inner .list-content p small {font-size:14px;}
.spec-box .spec-inner .list-content ul {margin:8px 0 0;}
.spec-box .spec-inner .list-content ul li {font-size:16px;}
.spec-box .spec-inner .list-content ul li:before {top:2px;}
.spec-box .spec-inner .list-content ul li small {font-size:16px;}
.spec-box .spec-inner .list-content ul li em {font-size:16px;}
.spec-box .spec-inner .list-content div {padding:20px 28px;}
.spec-box .spec-inner .list-content div span {font-size:16px;}
.spec-box .spec-inner .list-content .link a {height:42px; padding:0 20px; font-size:16px;}
.spec-box .spec-inner .list-content .link a:after {width:5px; height:10px;}
}
@media (max-width:767px){
.spec-box {padding:60px 0;}
.spec-box .spec-inner .list-image {width:100%; margin:0 0 20px;}
.spec-box .spec-inner .list-content {padding:0; flex:none; width:100%;}
.spec-box .spec-inner .list-content strong {margin:0 0 4px; font-size:14px; padding:0 20px;}
.spec-box .spec-inner .list-content b {padding:0 20px; font-size:14px; margin:0 0 4px; display:block;}
.spec-box .spec-inner .list-content p {padding:0 20px; font-size:16px;}
.spec-box .spec-inner .list-content ul {padding:0 20px;}
.spec-box .spec-inner .list-content ul li {font-size:14px; padding:0; padding:0 0 0 20px; margin:0 0 5px;}
.spec-box .spec-inner .list-content ul li:before {width:12px; height:12px; top:5px;}
.spec-box .spec-inner .list-content ul li small {font-size:14px;}
.spec-box .spec-inner .list-content ul li em {font-size:14px;}
.spec-box .spec-inner .list-content div {margin:20px 0 0; border-radius:14px; padding:20px;}
.spec-box .spec-inner .list-content div span {font-size:14px;}
.spec-box .spec-inner .list-content .link {padding:0 20px;}
.spec-box .spec-inner .list-content .link a {height:36px; font-size:14px;}
}

/* order-box */
.order-box ul {display:flex; flex-wrap:wrap; margin:0 -45px -90px;}
.order-box ul li {width:calc(33.33% - 90px); margin:0 45px 90px;}
.order-box ul li em {font-size:24px; font-weight:500; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; margin:0 auto 12px; width:46px; height:46px; background:#977A6A; color:#fff; font-family: "Tenor Sans", sans-serif;}
.order-box ul li strong {display:block; text-align:center; word-break:keep-all; margin:0 0 12px; font-size:28px; font-weight:600;}
.order-box ul li p {margin:12px 0 0; font-size:18px; text-align:center; color:#404040; word-break:keep-all;}
.order-box ul li .image {position:relative; overflow:hidden; border-radius:20px;}
.order-box ul li .image:after {display:block; content:""; padding-bottom:63%;}
.order-box ul li .image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
@media (max-width:1200px){
.order-box ul {margin:0 -15px -30px;}
.order-box ul li {width:calc(33.33% - 30px); margin:0 15px 30px;}
.order-box ul li em {width:40px; height:40px; margin:0 auto 8px; font-size:20px;}
.order-box ul li strong {font-size:20px;}
.order-box ul li p {font-size:16px;}
.order-box ul li p br {display:none;}
.order-box ul li .image:after {padding-bottom:90%;}
}
@media (max-width:767px){
.order-box ul {margin:0;}
.order-box ul li {width:100%; margin:0 0 28px;}
.order-box ul li:last-of-type {margin:0;}
.order-box ul li em {font-size:14px;}
.order-box ul li strong {font-size:16px;}
.order-box ul li p {font-size:14px;}
.order-box ul li p br {display:block;}
.order-box ul li .image {border-radius:14px;}
.order-box ul li .image:after {padding-bottom:60%;}
}

/* method-box */
.method-box {margin:0 0 84px; padding:84px 0 104px; position:relative; overflow:hidden; opacity:1 !important;}
.method-box:before {opacity:1 !important; transform:scale(1); position:absolute; left:0; bottom:0; content:""; width:100%; height:63%; background:url('../images/bg_onday_method.png') no-repeat center / cover; transition:all ease 0.5s; transition:transform 3.8 3.8s ease-out; /* 자연스럽게 */}
.method-box .container {position:relative;}
.method-box .list ul {display:flex; flex-wrap:wrap; margin:0 -16px -32px;}
.method-box .list ul li {position:relative; overflow:hidden; width:calc(33.33% - 32px); min-height:290px; margin:0 16px 32px; border:1px solid #E4E0DD; border-radius:20px; background:#FAF9F7; padding:36px;}
.method-box .list ul li:before {position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:right bottom; content:"";}
.method-box .list ul li:nth-of-type(1):before {background-image:url('../images/bg_onday_icon_01.png');}
.method-box .list ul li:nth-of-type(2):before {background-image:url('../images/bg_onday_icon_02.png');}
.method-box .list ul li:nth-of-type(3):before {background-image:url('../images/bg_onday_icon_03.png');}
.method-box .list ul li:nth-of-type(4):before {background-image:url('../images/bg_onday_icon_04.png');}
.method-box .list ul li:nth-of-type(5):before {background-image:url('../images/bg_onday_icon_05.png');}
.method-box .list ul li:nth-of-type(6):before {background-image:url('../images/bg_onday_icon_06.png');}
.method-box .list ul li dl dt {font-size:28px; font-weight:600; word-break:keep-all; margin:0 0 15px;}
.method-box .list ul li dl dd {margin:0 0 4px; font-size:18px; word-break:keep-all; color:#404040; position:relative; padding:0 0 0 20px;}
.method-box .list ul li dl dd:before {position:absolute; left:5px; top:12px; content:""; width:4px; height:4px; background:#404040; border-radius:50%;}
.method-box .after:before {display:block; content:""; width:20px; height:49px; margin:64px auto 24px; background:url('../images/icon_method_after.svg') no-repeat center / cover;}
.method-box .after h3 {text-align:center; margin:0 0 12px; font-size:50px; font-weight:600; color:#fff;}
.method-box .after p {text-align:center; font-size:18px; color:#F5F2EF; word-break:keep-all;}
.method-box .after p b {font-size:18px; color:#F5F2EF; font-weight:700;}
.method-box.on:before {transform:scale(1.1);}
@media (max-width:1200px){
.method-box {padding:80px 0;}
.method-box .list ul {margin:0 -15px -30px;}
.method-box .list ul li {width:calc(33.33% - 30px); min-height:255px; margin:0 15px 30px; padding:24px;}
.method-box .list ul li dl dt {font-size:20px; margin:0 0 8px;}
.method-box .list ul li dl dd {font-size:16px; padding:0 0 0 16px;}
.method-box .list ul li dl dd:before {top:10px;}
.method-box .after:before {margin:30px auto 12px;}
.method-box .after h3 {font-size:38px;}
.method-box .after p {font-size:16px;}
.method-box .after p b {font-size:16px;}
}
@media (max-width:767px){
.method-box {padding:60px 0 80px; margin:0 0 60px;}
.method-box:before {height:50%;}
.method-box .list ul {display:block; overflow-x:auto; white-space:nowrap; font-size:0; margin:0 -15px;}
.method-box .list ul::-webkit-scrollbar {display:none;}
.method-box .list ul li {display:inline-block; font-size:0; width:220px; min-height:232px; margin:0 15px 0 0; border-radius:14px; padding:20px;}
.method-box .list ul li:before {background-position:calc(100% + 15px) calc(100% + 15px);}
.method-box .list ul li:first-of-type {margin-left:15px;}
.method-box .list ul li dl dt {font-size:16px;}
.method-box .list ul li dl dd {font-size:14px;}
.method-box .list ul li dl dd:before {top:9px;}
.method-box .after:before {width:17px; height:42px;}
.method-box .after h3 {font-size:30px;}
.method-box .after p {font-size:14px;}
.method-box .after p b {font-size:14px;}
}

/* gallery-box */
.gallery-box {padding:168px 0;}
.gallery-box ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.gallery-box ul li {width:calc(33.33% - 30px); margin:0 15px 30px; background:#F9F9F9; border-radius:20px; padding:30px 36px;}
.gallery-box ul li .list-image img {width:100%;}
.gallery-box ul li .list-content {margin:32px 0 0;}
.gallery-box ul li .list-content strong {display:flex; flex-wrap:wrap; align-items:baseline; word-break:keep-all; font-size:28px; font-weight:600; margin:0 0 10px;}
.gallery-box ul li .list-content strong small {font-size:18px; color:#6A6A6A; margin:0 0 0 4px;}
.gallery-box ul li .list-content p {font-size:18px; color:#404040; word-break:keep-all;}
.gallery-box ul li .list-content b {margin:15px 0 -10px; display:block; font-size:18px; font-weight:600; color:#404040; word-break:keep-all;}
.gallery-box ul li .list-content b small {font-size:18px; color:#6A6A6A;}
.gallery-box ul li .list-content span {margin:15px 0 0; display:block; position:relative; font-size:18px; color:#6A6A6A; padding:0 0 0 20px;}
.gallery-box ul li .list-content span:before {position:absolute; left:5px; top:12px; width:5px; height:5px; background:#6a6a6a; border-radius:50%; content:"";}
@media (max-width:1200px){
.gallery-box ul {margin:0;}
.gallery-box ul li {width:100%; margin:0 0 20px; padding:32px; border-radius:14px; display:flex; flex-wrap:wrap; align-items:center;}
.gallery-box ul li:last-of-type {margin:0;}
.gallery-box ul li .list-image {width:264px;}
.gallery-box ul li .list-content {flex:1; min-width:0; padding:0 0 0 32px; margin:0;}
.gallery-box ul li .list-content strong {font-size:20px;}
.gallery-box ul li .list-content strong small {font-size:16px;}
.gallery-box ul li .list-content p {font-size:16px;}
.gallery-box ul li .list-content b {font-size:16px;}
.gallery-box ul li .list-content b small {font-size:16px;}
.gallery-box ul li .list-content span {font-size:16px;}
.gallery-box ul li .list-content span:before {top:10px;}
}
@media (max-width:767px){
.gallery-box {padding:120px 0;}
.gallery-box ul li {padding:24px 24px 60px;}
.gallery-box ul li .list-image {width:100%;}
.gallery-box ul li .list-content {flex:none; width:100%; padding:0; margin:20px 0 0;}
.gallery-box ul li .list-content strong {font-size:18px;}
.gallery-box ul li .list-content strong small {font-size:14px;}
.gallery-box ul li .list-content p {font-size:14px;}
.gallery-box ul li .list-content b {font-size:14px;}
.gallery-box ul li .list-content b small {font-size:14px;}
.gallery-box ul li .list-content span {font-size:14px;}
.gallery-box ul li .list-content span:before {top:8px;}
}

/* card-box */
.card-box {margin:0 0 84px;}
.card-box ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.card-box ul li {width:calc(25% - 30px); margin:0 15px 30px; background:#F9F9F9; border-radius:20px; padding:30px;}
.card-box ul li h3 {padding:0 0 15px 32px; margin:0 0 15px; border-bottom:1px solid #D9D9D9; font-size:18px; font-weight:600; position:relative; word-break:keep-all; letter-spacing:-1.5px; line-height:1.3;}
.card-box ul li h3:before {position:absolute; left:0; top:-1px; width:28px; height:28px; background:url('../images/icon_card_title_check.svg') no-repeat center / cover; content:"";}
.card-box ul li p {font-size:18px; color:#404040; word-break:keep-all;}
@media (max-width:1200px){
.card-box ul li {width:calc(50% - 30px); min-height:190px; padding:24px; border-radius:14px;}
.card-box ul li h3 {font-size:16px;}
.card-box ul li h3:before {width:24px; height:24px;}
.card-box ul li p {font-size:16px;}
}
@media (max-width:767px){
.card-box {margin:0 0 60px;}
.card-box ul {margin:0;}
.card-box ul li {width:100%; margin:0 0 20px; min-height:160px;}
.card-box ul li:last-of-type {margin:0;}
.card-box ul li h3 {padding:0 0 10px 24px; margin:0 0 10px; font-size:14px;}
.card-box ul li h3:before {width:20px; height:20px; top:1px;}
.card-box ul li p {font-size:14px;}
}

/* card-list-box */
.card-list-box {margin:0 0 168px;}
.card-list-box .container > ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.card-list-box .container > ul > li {width:calc(50% - 30px); margin:0 15px 30px; padding:30px 36px 52px; border-radius:20px; background:#F9F9F9;}
.card-list-box .container > ul > li .list-image img {width:100%;}
.card-list-box .container > ul > li .list-content {margin:32px 0 0;}
.card-list-box .container > ul > li .list-content strong {display:flex; flex-wrap:wrap; align-items:baseline; font-size:28px; font-weight:600; word-break:keep-all; margin:0 0 12px;}
.card-list-box .container > ul > li .list-content small {font-size:18px; font-weight:500; color:#6a6a6a; margin:0 0 0 4px;}
.card-list-box .container > ul > li .list-content small.full {width:100%; margin:0;}
.card-list-box .container > ul > li .list-content p {font-size:18px; color:#505050; word-break:keep-all;}
.card-list-box .container > ul > li .list-content ul {margin:10px 0 0;}
.card-list-box .container > ul > li .list-content ul li {font-size:18px; color:#505050; word-break:keep-all; position:relative; padding:0 0 0 20px;}
.card-list-box .container > ul > li .list-content ul li:before {position:absolute; left:5px; top:11px; content:""; width:5px; height:5px; background:#505050; border-radius:50%;}
@media (max-width:1200px){
.card-list-box .container > ul {margin:0 -10px -20px;}
.card-list-box .container > ul > li {width:calc(50% - 20px); margin:0 10px 20px; padding:28px 32px;}
.card-list-box .container > ul > li .list-content {margin:20px 0 0;}
.card-list-box .container > ul > li .list-content strong {font-size:20px;}
.card-list-box .container > ul > li .list-content small {font-size:16px; margin:0;}
.card-list-box .container > ul > li .list-content p {font-size:16px;}
.card-list-box .container > ul > li .list-content ul li {font-size:16px;}
.card-list-box .container > ul > li .list-content ul li:before {top:9px;}
}
@media (max-width:767px){
.card-list-box {margin:0 0 60px;}
.card-list-box .container > ul {margin:0;}
.card-list-box .container > ul > li {width:100%; margin:0 0 20px; padding:24px; border-radius:14px; min-height:0;}
.card-list-box .container > ul > li:last-of-type {margin:0;}
.card-list-box .container > ul > li .list-content {margin:16px 0 0;}
.card-list-box .container > ul > li .list-content strong {font-size:16px;}
.card-list-box .container > ul > li .list-content small {font-size:14px;}
.card-list-box .container > ul > li .list-content p {font-size:14px;}
.card-list-box .container > ul > li .list-content ul li {font-size:14px;}
.card-list-box .container > ul > li .list-content ul li:before {width:4px; height:4px;}
}

/* .card-swiper-box */
.card-swiper-box .swiper {max-width:1600px; margin:0 auto;}
.card-swiper-box .swiper-slide {width:480px; margin:0 30px 0 0; border-radius:20px; overflow:hidden; box-shadow:0 0 20px rgba(217,217,217,0.2); border:1px solid #F9F9F9;}
.card-swiper-box .swiper-slide .list-image {position:relative; overflow:hidden;}
.card-swiper-box .swiper-slide .list-image:after {display:block; content:""; padding-bottom:200px;}
.card-swiper-box .swiper-slide .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.card-swiper-box .swiper-slide .list-content {padding:30px 36px; min-height:270px;}
.card-swiper-box .swiper-slide .list-content strong {display:block; font-size:28px; font-weight:600; word-break:keep-all;}
.card-swiper-box .swiper-slide .list-content p {font-size:18px; color:#6a6a6a; word-break:keep-all;}
.card-swiper-box .swiper-slide .list-content div {display:flex; flex-wrap:wrap; align-items:center; margin:15px 0 0;}
.card-swiper-box .swiper-slide .list-content div p {width:100%;}
.card-swiper-box .swiper-slide .list-content div span {display:flex; flex-wrap:wrap; align-items:center; background:#F0F0F0; border-radius:10px; height:36px; padding:0 10px; font-size:18px; font-weight:500; color:#404040; margin:0 0 8px;}
.card-swiper-box .swiper-scrollbar {position:static; margin:20px 0 0; height:2px; background:rgba(143,143,143,0.2); width:100%; opacity:1 !important;}
.card-swiper-box .swiper-scrollbar .swiper-pagination-progressbar-fill {background:#8f8f8f;}
@media (max-width:1200px){
.card-swiper-box .swiper-slide {width:378px; margin:0 20px 0 0; border-radius:14px;}
.card-swiper-box .swiper-slide:first-of-type {margin-left:20px;}
.card-swiper-box .swiper-slide .list-content {padding:24px 28px; min-height:235px;}
.card-swiper-box .swiper-slide .list-content strong {font-size:20px;}
.card-swiper-box .swiper-slide .list-content p {font-size:16px;}
.card-swiper-box .swiper-slide .list-content div span {height:34px; font-size:16px;}
.card-swiper-box .swiper-pagination {max-width:784px; margin:20px auto 0;}
}
@media (max-width:767px){
.card-swiper-box .swiper-slide {width:300px;}
.card-swiper-box .swiper-slide:first-of-type {margin-left:15px;}
.card-swiper-box .swiper-slide .list-content {padding:20px 24px; min-height:194px;}
.card-swiper-box .swiper-slide .list-content strong {font-size:16px;}
.card-swiper-box .swiper-slide .list-content p {font-size:14px;}
.card-swiper-box .swiper-slide .list-content div {margin:12px 0 0;}
.card-swiper-box .swiper-slide .list-content div span {border-radius:6px; height:30px; font-size:14px;}
.card-swiper-box .swiper-scrollbar {margin:20px auto 0; width:calc(100% - 30px);}
}

/* method-order-box */
.method-order-box .order-text {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#F9F9F9; border-radius:20px; padding:30px;}
.method-order-box .order-text .text-left {margin:0 40px 0 0;}
.method-order-box .order-text .text-left strong {font-size:28px; font-weight:600; word-break:keep-all;}
.method-order-box .order-text .text-left p {font-size:18px; font-weight:500; color:#8F8F8F;}
.method-order-box .order-text .text-right p {font-size:18px; word-break:keep-all;}
.method-order-box .order-list {margin:30px 0 0;}
.method-order-box .order-list ul {display:flex; flex-wrap:wrap;}
.method-order-box .order-list ul li {flex:1; min-width:0; margin:0 30px 0 0;}
.method-order-box .order-list ul li:last-of-type {margin:0;}
.method-order-box .order-list ul li .list-image {position:relative; overflow:hidden; border-radius:20px;}
.method-order-box .order-list ul li .list-image:after {display:block; content:""; padding-bottom:70%;}
.method-order-box .order-list ul li .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.method-order-box .order-list ul li .list-content {display:flex; flex-wrap:wrap; margin:20px 0 0; padding:0 8px;}
.method-order-box .order-list ul li .list-content strong {position:relative; top:10px; background:#F0F0F0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; width:50px; height:36px; font-size:16px; font-weight:600; color:#404040;}
.method-order-box .order-list ul li .list-content p {flex:1; min-width:0; padding:0 0 0 18px; font-size:18px; font-weight:500; color:#404040; word-break:keep-all;}
.method-order-box .order-list ul li .list-content p small {display:block; margin:4px 0 0; font-size:16px; font-weight:500; color:#8F8F8F; word-break:keep-all;}
.method-order-box .order-list ul li .list-content.flex-vc strong {top:0;}
.method-order-box .order-list ul li .list-content.full strong {top:0;}
.method-order-box .order-list ul li .list-content.full b {margin:0 0 0 18px; font-size:28px; font-weight:600; color:#404040;}
.method-order-box .order-list ul li .list-content.full p {flex:none; width:100%; padding:0; margin:12px 0 0;}
.method-order-box .order-list ul.half-3 li .list-image:after {padding-bottom:53%;}
.method-order-box .order-list ul.half-2 li .list-image:after {padding-bottom:33%;}
.method-order-box .order-list.small ul li .list-image:after {padding-bottom:50%;}
@media (max-width:1200px){
.method-order-box .order-text {padding:24px; border-radius:14px;}
.method-order-box .order-text .text-left strong {font-size:20px;}
.method-order-box .order-text .text-left p {font-size:16px;}
.method-order-box .order-text .text-right p {font-size:16px;}
.method-order-box .order-list {margin:20px 0 0;}
.method-order-box .order-list ul li {flex:none; width:100%; display:flex; flex-wrap:wrap; align-items:center; margin:0 0 24px;}
.method-order-box .order-list ul li:last-of-type {margin:0;}
.method-order-box .order-list ul li .list-image {width:276px; border-radius:14px;}
.method-order-box .order-list ul li .list-content {flex:1; min-width:0; margin:0; padding:0 0 0 30px;}
.method-order-box .order-list ul li .list-content strong {width:46px; height:32px; top:0; font-size:14px;}
.method-order-box .order-list ul li .list-content p {width:100%; flex:none; margin:15px 0 0; font-size:16px; padding:0;}
.method-order-box .order-list ul li .list-content p small {font-size:14px;}
.method-order-box .order-list ul li .list-content.full b {font-size:20px;}
.method-order-box .order-list ul.half-3 li .list-image:after {padding-bottom:70%;}
.method-order-box .order-list ul.half-2 li {margin:0 0 32px;}
.method-order-box .order-list ul.half-2 li:last-of-type {margin:0;}
.method-order-box .order-list ul.half-2 .list-image {width:100%;}
.method-order-box .order-list ul.half-2 .list-content {flex:none; padding:0; margin:20px 0 0;}
}
@media (max-width:767px){
.method-order-box .order-text .text-left {width:100%; margin:0 0 15px;}
.method-order-box .order-text .text-left strong {display:block; text-align:center; font-size:16px;}
.method-order-box .order-text .text-left p {font-size:14px; text-align:center;}
.method-order-box .order-text .text-right {width:100%;}
.method-order-box .order-text .text-right p {text-align:center; font-size:14px;}
.method-order-box .order-list ul li {margin:0 0 28px;}
.method-order-box .order-list ul li .list-image {width:100%;}
.method-order-box .order-list ul li .list-content {flex:none; width:100%; margin:12px 0 0; padding:0;}
.method-order-box .order-list ul li .list-content strong {font-size:13px; width:39px; height:28px;}
.method-order-box .order-list ul li .list-content p {flex:1; margin:0; padding:0 0 0 12px; font-size:14px;}
.method-order-box .order-list ul li .list-content small {font-size:13px;}
.method-order-box .order-list ul li .list-content.full b {font-size:14px; margin:0 0 0 10px;}
.method-order-box .order-list ul li .list-content.full p {margin:5px 0 0; flex:none;}
}

/* recommend-box */
.recommend-box {background:#F0F0F0; padding:84px 0; margin:0 0 84px; position:relative; overflow:hidden;}
.recommend-box .container {display:flex; flex-wrap:wrap;}
.recommend-box .list-left {width:30%;}
.recommend-box .list-left .title-box {margin:0;}
.recommend-box .list-right {flex:1; min-width:0; position:relative; height:600px;}
.recommend-box .list-right .swiper {position:absolute; left:0; top:0; width:120%; height:100%;}
.recommend-box .list-right .swiper-container {height:100%;}
.recommend-box .list-right .swiper-slide {height:100%; background:#fff; width:530px; margin:0 30px 0 0; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; padding:40px 35px 35px; border-radius:20px;}
.recommend-box .list-right .swiper-slide:last-of-type {margin:0 10% 0 0;}
.recommend-box .list-right .swiper-slide .list-content {width:100%;}
.recommend-box .list-right .swiper-slide .list-content strong {display:flex; flex-wrap:wrap; align-items:center; font-size:28px; font-weight:600; margin:0 0 10px;}
.recommend-box .list-right .swiper-slide .list-content strong:before {display:inline-block; content:""; width:20px; height:20px; margin:0 12px 0 0; position:relative; top:2px; background:url('../images/icon_rec_title_check.svg') no-repeat center / cover;}
.recommend-box .list-right .swiper-slide .list-content p {font-size:18px; color:#404040; word-break:keep-all;}
.recommend-box .list-right .swiper-slide .list-image {position:relative; overflow:hidden;}
.recommend-box .list-right .swiper-slide .list-image img {width:100%;}
.recommend-box .list-right .swiper-slide .list-image img.hover {pointer-events:none; opacity:0; transition:all ease 0.5s; width:100%; height:100%; left:0; top:0; object-fit:cover; position:absolute;}
.recommend-box .list-right .swiper-slide:hover .list-image img.hover {pointer-events:inherit; opacity:1;}
.recommend-box .swiper-pagination {display:none; position:static; margin:20px 0 0; width:100%; height:2px; background:rgba(143,143,143,0.2);}
.recommend-box .swiper-pagination .swiper-pagination-progressbar-fill {background:#8f8f8f;}
.recommend-box .swiper-scrollbar {display:none; position:static; margin:20px 0 0; height:2px; background:rgba(143,143,143,0.2); width:100%; opacity:1 !important;}
.recommend-box .swiper-scrollbar .swiper-pagination-progressbar-fill {background:#8f8f8f;}
@media (max-width:1200px){
.recommend-box .list-left {width:40%;}
.recommend-box .list-right {height:500px;}
.recommend-box .list-right .swiper {width:140%;}
.recommend-box .list-right .swiper-slide {width:460px; border-radius:14px; padding:32px 28px;}
.recommend-box .list-right .swiper-slide .list-content strong {font-size:20px;}
.recommend-box .list-right .swiper-slide .list-content strong:before {width:18px; height:18px; margin:0 9px 0 0;}
.recommend-box .list-right .swiper-slide .list-content p {font-size:16px;}
}
@media (max-width:767px){
.recommend-box {padding:60px 0; margin:0 0 60px;}
.recommend-box .list-left {width:100%; margin:0 0 20px;}
.recommend-box .list-right {flex:none; width:calc(100% + 30px); height:340px; margin:0 -15px;}
.recommend-box .list-right .swiper {width:100%;}
.recommend-box .list-right .swiper-container {position:static; width:100%;}
.recommend-box .list-right .swiper-slide {margin:0 20px 0 0; width:300px;}
.recommend-box .list-right .swiper-slide:first-of-type {margin-left:15px;}
.recommend-box .list-right .swiper-slide:last-of-type {margin-right:15px;}
.recommend-box .list-right .swiper-slide .list-content strong {font-size:16px;}
.recommend-box .list-right .swiper-slide .list-content strong:before {width:12px; height:12px; margin:0 5px 0 0; top:1px;}
.recommend-box .list-right .swiper-slide .list-content p {font-size:14px;}
.recommend-box .swiper-pagination {display:block;}
.recommend-box .swiper-scrollbar {display:block;}
}

/* modal-box */
.modal-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.5);}
.modal-box .box {border-radius:15px; pointer-events:none; opacity:0; transition:all ease 0.5s; padding:24px; position:absolute; left:50%; top:45%; background:#fff; transform:translate(-50%,-50%); width:calc(100% - 30px); max-width:575px; display:flex; flex-direction:column; max-height:85%;}
.modal-box .box.sm {max-width:375px;}
.modal-box .modal-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 20px; width:100%;}
.modal-box .modal-head h2 img {width:150px;}
.modal-box .modal-head .close {width:24px; height:24px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / cover;}
.modal-box .modal-body {width:100%; height:100%; overflow-y:auto;}
.modal-box .modal-body img {width:100%;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}

/* kakao-box */
.kakao-box a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:50px; border-radius:10px; background:#fee500;}
.kakao-box a span {font-size:20px; font-weight:500;}
.kakao-box a img {width:24px !important; margin:0 10px 0 0;}
@media (max-width:767px){
.kakao-box a span {font-size:16px;}
.kakao-box a img {width:20px !important; margin:0 8px 0 0;}
}

/* breast-doctor-box */
.breast-doctor-box {padding:0 0 134px;}
.breast-doctor-box .container {display:flex; flex-wrap:wrap; align-items:center;}
.breast-doctor-box .list-left {flex:1; min-width:0; padding:0 30px 0 0;}
.breast-doctor-box .list-left .title-box {margin:0;}
.breast-doctor-box .list-right {display:flex; flex-wrap:wrap; align-items:flex-start;}
.breast-doctor-box .list-right img.doctor {width:480px;}
.breast-doctor-box .list-right img.bg {margin:0 0 0 30px; width:174px; position:relative; top:50px;}
@media (max-width:1200px){
.breast-doctor-box {padding:0 0 116px;}
.breast-doctor-box .list-right img.doctor {width:300px;}
.breast-doctor-box .list-right img.bg {margin:0 0 0 22px; width:100px; top:35px;}
}
@media (max-width:767px){
.breast-doctor-box {padding:0 0 60px;}
.breast-doctor-box .list-left {flex:none; width:100%; padding:0; margin:0 0 24px;}
.breast-doctor-box .list-right {width:100%;}
.breast-doctor-box .list-right img.doctor {flex:1; min-width:0;}
.breast-doctor-box .list-right img.bg {width:26.5%; margin:0 0 0 13px; top:25px;}
}

/* breast-more-box */
.breast-more-box {padding:84px 0;}
.breast-more-box ul {display:flex; flex-wrap:wrap;}
.breast-more-box ul li {position:relative; flex:1; min-width:0; margin:0 30px 0 0; border-radius:20px; overflow:hidden;}
.breast-more-box ul li:last-of-type {margin:0;}
.breast-more-box ul li .list-image {position:relative; overflow:hidden;}
.breast-more-box ul li .list-image:after {display:block; content:""; padding-bottom:122%;}
.breast-more-box ul li .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; filter:grayscale(100%); transition:all ease 0.5s;}
.breast-more-box ul li .list-content {padding:36px; position:absolute; left:0; top:0; width:100%; height:100%; background:transparent; transition:all ease 0.5s;}
.breast-more-box ul li .list-content:before {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:url('../images/bg_dim.png') no-repeat center / cover;}
.breast-more-box ul li .list-content h2 {position:relative; z-index:2; font-size:28px; font-weight:600; color:#fff;}
.breast-more-box ul li .list-more {position:absolute; right:0; bottom:0; width:100%; height:100%;}
.breast-more-box ul li .list-more a {position:absolute; right:0; background:#503F37; border-radius:50px; bottom:2px; width:134px; height:44px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.breast-more-box ul li .list-more a:after {display:block; content:""; width:24px; height:24px; margin-right:-6px; position:relative; top:1px; background:url('../images/icon_main_more.svg') no-repeat center / 100% auto;}
.breast-more-box ul li .list-more a span {font-size:18px; color:#fff; font-weight:500;}
.breast-more-box ul li:hover .list-image img {filter:grayscale(0%);}
.breast-more-box ul li:hover .list-content:before {opacity:1;}
@media (max-width:1200px){
.breast-more-box {padding:80px 0;}
.breast-more-box ul li .list-image img {filter:grayscale(0%);}
.breast-more-box ul li .list-content {padding:24px; /*background:linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 35%);*/}
.breast-more-box ul li .list-content h2 {font-size:20px;}
.breast-more-box ul li .list-more a {width:36%; height:28px;}
.breast-more-box ul li .list-more a:after {width:16px; height:16px; top:1px;}
.breast-more-box ul li .list-more a span {font-size:13px;}
}
@media (max-width:767px){
.breast-more-box {padding:60px 0;}
.breast-more-box ul {display:block; overflow-x:auto; white-space:nowrap; margin:0 -15px; font-size:0;}
.breast-more-box ul::-webkit-scrollbar {display:none;}
.breast-more-box ul li {display:inline-block; font-size:0; width:220px; margin:0 15px 0 0; border-radius:10px;}
.breast-more-box ul li:first-of-type {margin-left:15px;}
.breast-more-box ul li:last-of-type {margin:0 15px 0 0;}
.breast-more-box ul li .list-content {padding:20px;}
.breast-more-box ul li .list-content h2 {font-size:16px;}
.breast-more-box ul li .list-more a {width:79px; height:25px;}
.breast-more-box ul li .list-more a:after {top:1px;}
.breast-more-box ul li .list-more a span {font-size:12px;}
}

/* breast-history-box */
.breast-history-box {padding:84px 0;}
.breast-history-box .container {display:flex; flex-wrap:wrap; align-items:flex-start;}
.breast-history-box .list-left {flex:1; min-width:0; padding:0 30px 0 0; position:sticky; top:100px;}
.breast-history-box .list-left .title-box {margin:0;}
.breast-history-box .list-right {width:51%;}
.breast-history-box .list-right ul li {margin:0 0 30px; position:relative; overflow:hidden; border-radius:20px;}
.breast-history-box .list-right ul li:last-of-type {margin:0;}
.breast-history-box .list-right ul li .inner {background:#F9F9F9; border-radius:20px; padding:40px 36px; display:flex; flex-wrap:wrap; align-items:center;}
.breast-history-box .list-right ul li .inner strong {position:relative; z-index:2; width:74px; height:36px; padding:0 0 2px; background:#503F37; color:#fff; font-size:18px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.breast-history-box .list-right ul li .inner p {position:relative; z-index:2; width:100%; margin:18px 0 0; font-size:28px; font-weight:600; color:#503F37; word-break:keep-all;}
.breast-history-box .list-right ul li .inner small {position:relative; z-index:2; width:100%; margin:5px 0 0; font-size:18px; color:#6A6A6A; word-break:keep-all;}
.breast-history-box .list-right ul li .inner .inner-json {position:absolute; right:0; bottom:-5px;}
@media (max-width:1200px){
.breast-history-box {padding:80px 0;}
.breast-history-box .list-left {top:82px;}
.breast-history-box .list-right {width:65%;}
.breast-history-box .list-right ul li {border-radius:14px; margin:0 0 24px;}
.breast-history-box .list-right ul li .inner {border-radius:14px; padding:32px;}
.breast-history-box .list-right ul li .inner strong {width:69px; height:34px; font-size:16px;}
.breast-history-box .list-right ul li .inner p {margin:12px 0 0; font-size:20px;}
.breast-history-box .list-right ul li .inner small {font-size:16px;}
}
@media (max-width:767px){
.breast-history-box {padding:60px 0;}
.breast-history-box .list-left {flex:none; width:100%; padding:0; margin:0 0 20px; position:static;}
.breast-history-box .list-right {width:100%;}
.breast-history-box .list-right ul li .inner {padding:24px 20px;}
.breast-history-box .list-right ul li .inner strong {width:65px; height:30px; font-size:14px; padding:0;}
.breast-history-box .list-right ul li .inner p {margin:8px 0 0; font-size:16px;}
.breast-history-box .list-right ul li .inner small {font-size:14px;}
}

/* breast-review-box */
.breast-review-box {padding:84px 0;}
.breast-review-box .swiper-slide {width:450px; margin:0 30px 0 0;}
.breast-review-box .swiper-slide .inner {position:relative; overflow:hidden; border-radius:20px; display:block;}
.breast-review-box .swiper-slide .inner:before {display:block; content:""; padding-bottom:56.5%;}
.breast-review-box .swiper-slide .inner:after {position:absolute; right:0; top:0; width:50%; height:100%; background:rgba(255,255,255,0.2); backdrop-filter:blur(6px); content:"";}
.breast-review-box .swiper-slide .inner img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.breast-review-box .swiper-slide .inner .inner-login {pointer-events:none; opacity:0; transition:all ease 0.5s; z-index:3; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; background:rgba(0,0,0,0.6);}
.breast-review-box .swiper-slide .inner .inner-login:before {display:block; content:""; width:40px; height:40px; margin:0 auto 12px; background:url('../images/icon_lock.svg') no-repeat center / cover;}
.breast-review-box .swiper-slide .inner .inner-login p {width:100%; text-align:center; font-size:20px; font-weight:600; color:#fff;}
.breast-review-box .swiper-slide .inner:hover .inner-login {pointer-events:inherit; opacity:1;}
.breast-review-box .swiper-pagination {position:static; margin:32px 0 0; width:100%; height:2px; background:rgba(143,143,143,0.2);}
.breast-review-box .swiper-pagination .swiper-pagination-progressbar-fill {background:#8f8f8f;}
.breast-review-box .swiper-scrollbar {position:static; margin:20px 0 0; height:2px; background:rgba(143,143,143,0.2); width:100%; opacity:1 !important;}
.breast-review-box .swiper-scrollbar .swiper-pagination-progressbar-fill {background:#8f8f8f;}
@media (max-width:1200px){
.breast-review-box .swiper-slide {width:360px; margin:0 20px 0 0;}
.breast-review-box .swiper-slide .inner {border-radius:14px;}
.breast-review-box .swiper-slide .inner .inner-login:before {width:32px; height:32px; margin:0 auto 10px;}
.breast-review-box .swiper-slide .inner .inner-login p {font-size:16px;}
.breast-review-box .swiper-pagination {margin:20px 0 0;}
}
@media (max-width:767px){
.breast-review-box {padding:60px 0;}
.breast-review-box .swiper-container {margin:0 -15px; width:calc(100% + 30px);}
.breast-review-box .swiper-slide {margin:0 12px 0 0; width:270px;}
.breast-review-box .swiper-slide:first-of-type {margin-left:15px;}
.breast-review-box .swiper-slide:last-of-type {margin-right:15px;}
.breast-review-box .swiper-slide .inner .inner-login:before {width:24px; height:24px; margin:0 auto 6px;}
.breast-review-box .swiper-slide .inner .inner-login p {font-size:14px;} 
.breast-review-box .swiper-scrollbar {margin:20px auto 0; width:calc(100% - 30px);}
}

/* view-box */
.view-box {margin:0 0 84px;}
.view-box .view-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 32px;}
.view-box .view-head h2 {flex:1; min-width:0; padding:0 30px 0 0; line-height:1.3; font-size:30px; font-weight:600; word-break:keep-all;}
.view-box .view-head .button {display:flex; flex-wrap:wrap; align-items:center; gap:12px;}
.view-box .view-head .button > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#F9F9F9; border-radius:10px; height:44px; padding:0 16px; font-size:18px; font-weight:600; color:#6A6A6A;}
.view-box .view-head .button > *:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 4px; background-size:cover; background-position:center;}
.view-box .view-head .button > *.list:after {background-image:url('../images/icon_view_list.svg');}
.view-box .view-head .button > *.copy:after {background-image:url('../images/icon_view_copy.svg');}
.view-box .view-body {display:flex; flex-wrap:wrap; align-items:flex-start;}
.view-box .view-body .body-left {width:42%; margin:0 0 0 80px; order:2; position:sticky; top:120px;}
.view-box .view-body .body-left .inner {background:#F9F9F9; border-radius:20px; padding:32px; width:100%;}
.view-box .view-body .body-left .inner ul li {margin:0 0 20px; display:flex; flex-wrap:wrap;}
.view-box .view-body .body-left .inner ul li:last-of-type {margin:0;}
.view-box .view-body .body-left .inner ul li b {width:220px; font-size:18px; font-weight:600; color:#404040;}
.view-box .view-body .body-left .inner ul li p {flex:1; min-width:0; font-size:18px; color:#6A6A6A; word-break:keep-all;}
.view-box .view-body .body-right {flex:1; min-width:0;}
.view-box .view-body .body-right img {width:100%; border-radius:20px;}
.view-box .view-body .body-right p {font-size:18px;}
.view-box .view-foot {margin:32px 0 0;}
.view-box .view-foot .foot-cate ul {display:flex; flex-wrap:wrap; gap:12px;}
.view-box .view-foot .foot-cate ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#F0F0F0; padding:4px 16px; font-size:18px; color:#404040;}
.view-box .view-foot .foot-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:right; margin:32px 0 0; gap:4px;}
.view-box .view-foot .foot-button > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#F5F2EF; height:45px; font-size:16px !important; width:100px; border-radius:4px; font-weight:400 !important;}
.view-box .view-foot .foot-button > * i {display:none;}
@media (max-width:1200px){
.view-box .view-head {margin:0 0 20px;}
.view-box .view-head h2 {flex:none; width:100%; order:2; font-size:25px;}
.view-box .view-head .button {order:1; margin:0 0 10px; justify-content:flex-end; width:100%; gap:5px;}
.view-box .view-head .button > * {border-radius:5px; height:40px; padding:0 15px; font-size:15px;}
.view-box .view-body .body-left {position:static; margin:20px 0 0; width:100%;}
.view-box .view-body .body-left .inner {border-radius:14px; padding:24px;}
.view-box .view-body .body-left .inner ul li {margin:0 0 10px;}
.view-box .view-body .body-left .inner ul li b {width:180px; font-size:15px;}
.view-box .view-body .body-left .inner ul li p {font-size:15px;}
.view-box .view-body .body-right {flex:none; width:100%;}
.view-box .view-body .body-right p {font-size:15px;}
.view-box .view-body .body-right img {border-radius:10px;}
.view-box .view-foot {margin:24px 0 0;}
.view-box .view-foot .foot-cate ul {gap:5px;}
.view-box .view-foot .foot-cate ul li {padding:3px 15px; font-size:15px;}
}
@media (max-width:767px){
.view-box {margin:0 0 60px;}
.view-box .view-head h2 {font-size:22px;}
.view-box .view-head .button > * {height:35px; font-size:14px;}
.view-box .view-head .button > *:after {width:16px; height:16px;}
.view-box .view-body .body-left .inner {border-radius:10px; padding:24px 20px;}
.view-box .view-body .body-left .inner ul li b {width:160px; font-size:14px;}
.view-box .view-body .body-left .inner ul li p {font-size:14px;}
.view-box .view-body .body-right p {font-size:14px;}
.view-box .view-foot .foot-cate ul li {font-size:13px;}
.view-box .view-foot .foot-button > * {flex:1; min-width:0; height:40px; font-size:14px !important;}
}

/* order-text-box */
.order-text-box > ul > li {display:flex; flex-wrap:wrap; align-items:flex-start; margin:0 0 24px;}
.order-text-box > ul > li:last-of-type {margin:0;}
.order-text-box > ul > li b {display:flex !important; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; top:8px; border-radius:50px; width:52px; height:36px; margin:0 18px 0 0; background:#977A6A; color:#fff !important; font-size:18px !important; font-weight:600;}
.order-text-box > ul > li p {flex:1; min-width:0; font-size:18px !Important; font-weight:400 !important; margin:0 !important; color:#404040; word-break:keep-all;}
.order-text-box > ul > li p small {display:block; margin:8px 0 0; font-size:16px; color:#6A6A6A; word-break:keep-all;}
@media (max-width:991px){
.order-text-box > ul > li {margin:0 0 15px;}
.order-text-box > ul > li b {width:45px; height:25px; margin:0 10px 0 0; font-size:14px !important; top:0;}
.order-text-box > ul > li p {font-size:15px !important; text-align:left !important; flex:none; width:100%; margin:5px 0 0 !important;}
.order-text-box > ul > li p small {font-size:13px;}
}

/* reco-box */
.reco-box > ul > li {transition:all ease 0.5s; margin:0 0 30px; display:flex; flex-wrap:wrap; align-items:center; padding:30px 34px; background:#fff; border-radius:20px;}
.reco-box > ul > li:last-of-type {margin:0;}
.reco-box > ul > li .list-image {width:120px; height:120px; border-radius:50%; position:relative; overflow:hidden;}
.reco-box > ul > li .list-image .after {position:absolute; right:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s; opacity:0;}
.reco-box > ul > li:hover {box-shadow:0 0 12px rgba(228, 223, 217, 0.8);}
.reco-box > ul > li:hover .list-image .after {opacity:1;}
.reco-box > ul > li .list-content {flex:1; min-width:0; padding:0 0 0 30px;}
.reco-box > ul > li .list-content strong {font-family:"Tenor Sans", sans-serif !important; font-size:24px; font-weight:500; color:#503F37; display:block; margin:0 0 10px;}
.reco-box > ul > li .list-content b {display:block; font-size:18px; font-weight:600; color:#0c0c0c; word-break:keep-all; margin:0 0 8px;}
.reco-box > ul > li .list-content p {font-size:18px; color:#404040; word-break:keep-all;}
@media (max-width:991px){
.reco-box > ul > li {margin:0 0 20px; padding:20px; border-radius:15px; align-items:flex-start;}
.reco-box > ul > li .list-image {width:50px; height:50px;}
.reco-box > ul > li .list-content {padding:0 0 0 10px;}
.reco-box > ul > li .list-content strong {font-size:14px; margin:0 0 5px;}
.reco-box > ul > li .list-content b {font-size:16px; margin:0 0 5px;}
.reco-box > ul > li .list-content p {font-size:14px;}
.reco-box > ul > li .list-content p br {display:none;}
}

/* product-box */
.product-box {margin:120px 0;}
.product-box ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.product-box ul > li {width:calc(33.33% - 30px); margin:0 15px 30px; background:#F9F9F9; border-radius:20px; padding:30px;}
.product-box ul > li .list-image {width:100%;}
.product-box ul > li .list-content {display:flex; flex-wrap:wrap; align-items:center; margin:25px 0 0;}
.product-box ul > li .list-content strong {font-size:28px; font-weight:600; margin:0 8px 0 0;}
.product-box ul > li .list-content small {font-size:18px; font-weight:500; color:#6a6a6a;}
@media (max-width:1200px){
.product-box ul {margin:0 -5px -10px;}
.product-box ul > li {width:calc(33.33% - 10px); padding:15px; margin:0 5px 10px;}
.product-box ul > li .list-content {margin:15px 0 0;}
.product-box ul > li .list-content strong {font-size:20px;}
.product-box ul > li .list-content small {font-size:15px;}
}
@media (max-width:991px){
.product-box ul {display:block; margin:0 -15px; font-size:0; overflow-x:auto; white-space:nowrap;}
.product-box ul::-webkit-scrollbar {display:none;}
.product-box ul > li {display:inline-block; font-size:0; width:44%; margin:0 10px 0 0; border-radius:10px; padding:10px;}
.product-box ul > li:first-of-type {margin-left:15px;}
.product-box ul > li:last-of-type {margin-right:15px;}
.product-box ul > li .list-content {margin:10px 0 0;}
.product-box ul > li .list-content strong {font-size:16px; width:100%;}
.product-box ul > li .list-content small {font-size:13px; width:100%;}
}

/* table-box */
.table-box > ul > li {display:flex; flex-wrap:wrap; margin:0 0 24px;}
.table-box > ul > li:last-of-type {margin:0;}
.table-box > ul > li > strong {width:150px; margin:0 20px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:20px; background:#E4E0DD; font-size:18px; color:#6a6a6a;}
.table-box > ul > li > strong span {font-size:18px; color:#6a6a6a; position:relative; z-index:20; background:#E4E0DD; border-radius:20px; width:100%; height:100%; padding:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center;}
.table-box > ul > li > ul {flex:1; min-width:0; display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.table-box > ul > li > ul > li {width:calc(33.33% - 20px); margin:0 10px 20px; background:#fff; border-radius:20px; padding:16px; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; word-break:keep-all; font-size:18px; font-weight:500; color:#404040;}
.table-box > ul > li > ul > li.brown {background:#503F37; color:#fff; font-size:28px; font-weight:600;}
.table-box > ul > li > ul > li.full {width:calc(66.66% - 20px); background:none; border-radius:0; padding:0;}
.table-box > ul > li > ul > li dl {display:flex; flex-wrap:wrap; width:100%; margin:0 -10px -20px;}
.table-box > ul > li > ul > li dl dd {width:calc(50% - 20px); margin:0 10px 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:20px; padding:16px; text-align:center; font-size:18px; font-weight:500; color:#404040; background:#E4E0DD;}
.table-box > ul > li > ul > li dl dd.full {width:calc(100% - 20px); font-size:28px; font-weight:600;}
@media (max-width:991px){
.table-box {overflow-x:auto; white-space:nowrap; padding:0 0 20px;}
.table-box > ul {width:750px;}
.table-box > ul > li {position:relative; margin:0 0 4px;}
.table-box > ul > li > strong {position:relative; position:sticky; background:#E4E0DD; z-index:10; left:0; width:75px; font-size:14px; margin:0; border-radius:10px; padding:0 4px 0 0; word-break:keep-all; white-space:normal; text-align:center;}
.table-box > ul > li > strong:before {position:absolute; content:""; width:75px; height:100%; left:0; top:0; background:#F5F2EF; z-index:5;}
.table-box > ul > li > strong span {font-size:14px; border-radius:10px;}
.table-box > ul > li > ul {margin:0 -2px -4px; position:relative; z-index:3;}
.table-box > ul > li > ul > li {font-size:14px; line-height:1.3; padding:12px; border-radius:10px; width:calc(33.33% - 4px); margin:0 2px 4px;}
.table-box > ul > li > ul > li.brown {font-size:16px;}
.table-box > ul > li > ul > li.full {font-size:16px; width:calc(66.66% - 4px);}
.table-box > ul > li > ul > li dl {margin:0 -2px -4px;}
.table-box > ul > li > ul > li dl dd {width:calc(50% - 4px); margin:0 2px 4px; padding:12px; font-size:14px; border-radius:10px;}
.table-box > ul > li > ul > li dl dd.full {width:calc(100% - 4px); font-size:16px;}
}

/* board-faq-box */
.board-faq-box {margin:84px 0 128px;}
.board-faq-box ul {border:2px solid #503F37; border-width:2px 0;}
.board-faq-box ul li {border-bottom:2px solid #E4E0DD;}
.board-faq-box ul li:last-of-type {border:0;}
.board-faq-box ul li .faq-head button {display:flex; flex-wrap:wrap; align-items:center; width:100%; padding:32px 70px;}
.board-faq-box ul li .faq-head button b {font-size:28px; font-weight:600; color:#977A6A; margin:0 12px 0 0;}
.board-faq-box ul li .faq-head button .subject {flex:1; min-width:0; font-size:28px; font-weight:600; color:#0c0c0c; margin:0 15px 0 0; text-align:left;}
.board-faq-box ul li .faq-head button:after {display:block; content:""; width:36px; height:36px; background:url('../images/icon_faq.png') no-repeat center / cover; transition:all ease 0.5s;}
.board-faq-box ul li .faq-body {background:#F5F2EF; padding:32px 110px; display:none;}
.board-faq-box ul li .faq-body p {font-size:18px; color:#404040; word-break:keep-all;}
.board-faq-box ul li.active .faq-head button:after {transform:rotate(180deg);}
@media (max-width:991px){
.board-faq-box {margin:84px 0;}
.board-faq-box ul li .faq-head button {padding:16px;}
.board-faq-box ul li .faq-head button b {font-size:15px;}
.board-faq-box ul li .faq-head button .subject {font-size:15px;}
.board-faq-box ul li .faq-head button:after {width:16px; height:16px;}
.board-faq-box ul li .faq-body {padding:16px;}
.board-faq-box ul li .faq-body p {font-size:14px;}
}