@charset "utf-8";
.top_padding285{padding-top: 285px;}
/* 팝업 기본 레이아웃 */
.modal {opacity: 0; pointer-events: none; transition: 0.3s ease-in-out; position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; z-index: 999; display: block; padding: 80px 0; overflow: auto; background: rgba(0, 0, 0, 0.7)}
.modal.open {opacity: 1; pointer-events: inherit}
.modal .dim{ background: rgba(0, 0, 0, 0.7); position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; }
.modal .modal_wrap {display: table; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 20px; z-index: 1; table-layout: fixed; vertical-align: middle}
.modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}

/* 슬라이드 공통 */
div[class*='_slide'] .control div{position: absolute; top: 50%; transform: translateY(-50%); width: 68px; height: 68px; margin-top: 0; background: rgba(255, 255, 255, 0.3)}
div[class*='_slide'] .control div.swiper-button-prev{left: 0}
div[class*='_slide'] .control div.swiper-button-next{right: 0}

div[class*='_slide'] .control div::after{display: none}
div[class*='_slide'] .control div i{color: #000; font-size: 28px}
div[class*='_slide'] .swiper-pagination{top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 400px; height: 4px; background: rgba(0, 0, 0, 0.2)}
div[class*='_slide'] .swiper-pagination .swiper-pagination-progressbar-fill{background: #000}
div[class*='_slide'] .progress_wrap{display: flex; align-items: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 400px;}
div[class*='_slide'] .progress_wrap .swiper-pagination{position: relative; left: auto; transform: none; margin-right: 10px}
div[class*='_slide'] .progress_wrap div:not(.swiper-pagination){opacity: 0.5; width: 10px; line-height: 1em; cursor: pointer;}
div[class*='_slide'] .progress_wrap div:not(.swiper-pagination).off{display: none}

/* ****************** */
/* 서브페이지 상단 스타일 */
/* ****************** */


.location_about{display: flex; align-items: center;font-size:16px;background:#F7F7F7;}
.location_about .map{width: 40%}
.location_about .map iframe{height: 650px; width: 100%; display: block}
.location_about .text{width: 60%;}
.location_about .text .left{width:auto;margin:0 auto 0 10vw;}
.location_about .text .left .left_img {display:flex;flex-direction:column;}
.location_about .text .left .left_img img{height:40px;width:auto;object-fit:contain;align-self:flex-start;}
.location_about .text .sub_title{font-size:18px;font-weight:600;margin-bottom:20px;}
.location_about .text .logo_title {font-size:48px;line-height:1;font-weight:300;margin-top:3px;}
.location_about .text p{margin: 20px 0 0;}

.location_about .text ul li{display: flex}
.location_about .text ul li + li{margin-top: 5px}
.location_about .text ul li b{width: 100px}

.location_about table {margin: 45px 0 0;}
.location_about table th{text-align:left;font-weight:400;vertical-align:top;}
.location_about table td{text-align:left;padding-left:30px;}

.newbottom {
    margin-top: 100px;
}

.newbottom h4 {
    font-size: var(--h4-tit);
    font-weight: 500;
    text-align: center;
	line-height:var(--h4-tit);
	margin-bottom: 35px;
}

.newbottom p{text-align: center; font-size: var(--sub-txt);
    line-height: var(--lh);     margin: 1em 0 0;}



.newbottom p.cont_txt.center{width: 100%;
    max-width: 680px;
    margin: 1em auto 0;
    font-size: var(--sub-txt);
    line-height: var(--lh);
    text-align: center;}


.newbottom .h4_sec {
    margin-top: 90px;
}


.newbottom .cont_sec.bg .h4_sec{margin-top: 0}

.newbottom .dieteMeal_slide .swiper-slide p{font-weight: 300;color: #888; font-size: var(--sub-txt);
    text-align: center;
    line-height: calc(var(--h6-tit)*0.9*1.5); font-weight: 400}
.newbottom .dieteMeal_slide2 .swiper-slide p{font-weight: 300;color: #888; font-size: var(--sub-txt);
    text-align: center;
    line-height: calc(var(--h6-tit)*0.9*1.5); font-weight: 400}
.newbottom .dieteMeal_slide3 .swiper-slide p{font-weight: 300;color: #888; font-size: var(--sub-txt);
    text-align: center;
    line-height: calc(var(--h6-tit)*0.9*1.5); font-weight: 400}
	
.newbottom .img_area .item .txt p{font-weight: 400}


.center_nomal{ font-size: var(--sub-txt);
    line-height: var(--lh); text-align: center; margin: 1em auto 0; color: #888; font-weight: 400}



.cont_txt  + .img_area{margin-top: 3.75vh;}


/* 상단 비주얼 */
.sub_visual{overflow: hidden; position: relative; padding-top: calc(100vh - var(--header-height, 142px)); transition: padding 0.6s}
.sub_visual .in2{position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); height: 100%; width: 100%; max-width: 100%}
.sub_visual .img{position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1}
.sub_visual .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 4s ease-in-out}
.sub_visual .img.zoom img{transform: translate(-50%,-50%) scale(1)}
.sub_visual .video{position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1}
.sub_visual .video video{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.15); width: 100%; height: 100%; object-fit: cover; cursor: pointer}
.sub_visual .video button{position: absolute; bottom: calc(0% + 1em); right: calc(0% + 1em); width: 1em; color: #000; font-size: calc(var(--sub-txt)*1.5); line-height: 1em}
.sub_visual .video button.play_btn.on i::before{content: '\f28b'}
.sub_visual .video button.volume_btn{right: calc(0% + 2.75em);}

.sub_visual .inner{position: absolute; left: 50%; bottom: 0%; z-index: 2; transform: translate(-50%, 0%); width: 100%; max-width: 100%; height: calc(100% - 0px); padding: 0 20px}
.sub_visual .video + .inner{bottom: 50%; opacity: 1; transform: translate(-50%, 50%); height: auto; pointer-events: all}
.sub_visual .video + .inner.hide{opacity: 0; pointer-events: none; transition: opacity 0.3s}
.sub_visual .txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center;text-shadow: 1.4px 1.4px 1.4px rgba(73, 73, 73, 0.9)}
.sub_visual .txt strong{display: block; white-space: nowrap; color: inherit; font-size: var(--h3-tit);}
.sub_visual .txt p{margin-top: 1rem; color: inherit; font-size: var(--sub-txt); font-weight: 500}
.sub_visual .txt span{display: block; color: inherit; font-size: var(--sub-txt); font-weight: 500}
.sub_visual .txt .btn{display: inline-block; padding: 0.8em 2.5em; margin-top: 2em; background: #000; color: #fff; font-size: var(--h6-tit); line-height: 1em}
.sub_visual .txt.bk{color: #000}
/* 서브 비주얼 슬라이드 */
.sub_visual .swiper-slide{height: calc(100vh - var(--header-height, 142px))}
.sub_visual .progress_wrap{display: flex; align-items: center; position: absolute; bottom: 64px; left: 50%; transform: translateX(-50%); z-index: 1; width: 100%; max-width: 1640px}
.sub_visual .progress_wrap i{font-size: 1em}
.sub_visual .progress_wrap .swiper-pagination{position: static; width: 400px; height: 4px; background: rgba(0, 0, 0, 0.2)}
.sub_visual .progress_wrap .swiper-pagination .swiper-pagination-progressbar-fill{background: #000}
.sub_visual .progress_wrap div:not(.swiper-pagination){margin-left: 10px; font-size: 14px; line-height: 1; cursor: pointer}
.sub_visual .progress_wrap div:not(.swiper-pagination).off{display: none}

.sub_visual2 {overflow: hidden; position: relative; padding-top: min(100%, 650px); transition: padding 0.6s}
.sub_visual2 .img {position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1}
.sub_visual2 .img img{position: absolute; left: 0; top: 60px; width: 100%; height: 100%; object-position: center; object-fit: cover; }

/* 커뮤니티 타이틀 - 서브비주얼 없음 */
/* 서브탑 없는 경우 이거 씀. 반응형일 떄 밑에랑 같이 바꿔야함. */
.sub_cont2.pt250 {padding-top: 250px; }
.sub_cont2 .img_area .item.full .img{padding-top: calc(100vh - var(--header-height, 142px));}
.sub_top{text-align: center}
.sub_top .inner{width: 1120px; padding: 0 15px; margin: 0 auto}
.sub_top .inner p{position: relative; padding-bottom: 0.75em; margin-bottom: 0.75em; font-size: var(--h4-tit); font-weight: 500; text-align: center}
.sub_top .inner p::before{content: ''; position: absolute; bottom: 0; left: calc(50% - 0.5em); width: 1em; height: 1px; background: #000}
.sub_top .inner span{display: block; color: #000; font-size: var(--sub-txt); line-height: 1}
.sub_top .inner span + span{margin-top: 0.5em}
.sub_cont4 .inner{padding:0 20px;}
.sub_top .inner p.h5{font-size:var(--h5-tit);font-weight:500;line-height:1;}
.sub_top .inner span.event_span{font-size: var(--sub-txt); font-weight: normal;color:#000;}

/* ************************ */
/* 서브페이지 내용 스태틱 스타일 */
/* ************************ */
.sub_cont{overflow: hidden}
.sub_cont .inner{width: 1170px; max-width: 100%; padding: 0 20px; margin: 0 auto}

.sub_cont .inner.fullwidth{width: 100%; padding: 0 50px}
.sub_cont2 .inner{width: 1120px; max-width: 100%; padding: 0 20px; margin: 0 auto}
.sub_cont3 .inner{width: 940px; max-width: 100%; padding: 0 20px; margin: 0 auto}
.sub_cont4 .inner{width: 1550px; max-width: 100%; margin: 0 auto}
.sub_cont4 .media_inner{max-width: 1800px; width: 90%;}
.sub_cont5 .diary_inner{width: 100%;}
.sub_cont5 .artist_inner{width: 100%;}

/* 콘텐츠 기본 */
.cont_sec{padding-top: 290px}
.cont_sec.sec70{padding-top: 65px}
.cont_sec.half{padding-top: 145px}

.cont_sec.bg{position: relative; padding: 90px 0 100px; margin-top: 100px; background: #f8f8f8}

.company_new .cont_sec.bg{padding: 115px 0; margin-top: 115px;}
.company_new .thumb_cont {margin-top: 0}
.company_new .thumb_cont ul li span:first-child{padding-bottom:4px;}
.company_new .thumb_cont ul li span{line-height: calc(1.7em - 1px);}
.cont_sec.bg.halfpd{padding: 135px 0 145px; margin-top: 145px}


.cont_sec.bg::before{content: ''; position: absolute; top: 0; left: 0; z-index: -1; transform: translateX(-100%); width: calc(100vw/2 - 100%/2 - var(--scroll-width)/2); height: 100%; background: #f8f8f8}
.cont_sec.bg::after{content: ''; position: absolute; top: 0; right: 0; z-index: -1; transform: translateX(100%); width: calc(100vw/2 - 100%/2 - var(--scroll-width)/2); height: 100%; background: #f8f8f8}
.cont_sec h4{font-size: var(--h4-tit); font-weight: 500; text-align: center;line-height: var(--h4-tit);margin-bottom:35px;}
.cont_sec h4 + .zigzag_cont{}
.cont_sec h4.left{text-align: justify}
.cont_sec h4.bar{position: relative; padding-bottom: 0.75em; margin-bottom: 0.75em}
.cont_sec h4.bar::before{content: ''; position: absolute; bottom: 0; left: calc(50% - 0.5em); width: 1em; height: 1px; background: #000}
.cont_sec h5{font-size: var(--h5-tit); font-weight: 500}
.cont_sec h5.center{text-align: center}
.cont_sec h5 strong{font-weight: 500}
.cont_sec h6{margin-top: 1rem; font-size: var(--sub-txt); font-weight: 600}
.cont_sec h6 em{font-weight: 600}
.cont_sec h6.center{text-align: center}
.cont_sec .cont_txt{width: 100%; max-width: 680px; margin: 1em 0 0; font-size: var(--sub-txt); line-height: var(--lh); text-align: justify; word-break: break-all;}



.cont_sec .cont_txt.center{margin: 18px auto 0}
.no_imagetitle_vh{margin: 2.5vh auto 0 !important}
.img_slide + .cont_txt.center{margin: 50px auto 0}
.cont_sec .cont_txt.right{text-align: right}
.cont_sec .cont_txt.txt_center{text-align: center}
.cont_sec .cont_txt.bar{position: relative; padding-bottom: 1em; margin-bottom: 1em}
.cont_sec .cont_txt.bar::before{content: ''; position: absolute; bottom: 0; left: calc(50% - 0.5em); width: 1em; height: 1px; background: #000}
.cont_sec .cont_txt strong{font-weight: bold;}
.cont_sec .cont_txt b{font-weight: 500;}
.cont_sec .cont_more{display: none; margin-bottom: 1.5em}
.cont_sec .cont_more p:not(:first-child){margin-top: 1em}
.cont_sec .cont_more + .more_btn{display: inline-block; position: relative; padding-left: 2.5em; font-size: var(--sub-txt); font-weight: 500; line-height: 2em; cursor: pointer}
.cont_sec .cont_more + .more_btn::before{content: '\2b'; position: absolute; top: 0.5em; left: 0.5em; z-index: 1; width: 1em; color: #fff; font-size: inherit; font-family: var(--awesome); text-align: center; line-height: 1em}
.cont_sec .cont_more + .more_btn::after{content: ''; position: absolute; top: 0; left: 0; width: 2em; height: 2em; background: #000; border-radius: 50%}
.cont_sec .cont_more.show{}
.cont_sec .cont_more.show + .more_btn::before{content: '\f068'}
.cont_sec a.link{display: inline-block; position: relative; font-weight: 400}
.cont_sec a.link::before{content: ''; position: absolute; bottom: 1px; right: 0; width: 100%; height: 0.5px; background: #000}
.cont_sec a.link:hover::before{animation: link_hover 0.6s}
@keyframes link_hover {
    0% {right: 0; width: 100%}
    33%{right: 0; width: 0}
    66% {right: 100%; width: 0}
    100% {right: 0; width: 100%}
}
/* 참고 */
.cont_sec em.remark{position: relative; font-weight: inherit}
.cont_sec em.remark::after{content: attr(data-remark)')'; vertical-align: super; font-size: calc(var(--remark)*0.9); font-weight: 600; line-height: 1em}
.cont_sec em.remark2{display: block; margin-top: 1em; padding-bottom: 1px; color: #555; font-size: calc(var(--remark)*0.9); line-height: var(--lh); word-break: break-all}
.cont_sec sup{display: inline-block; color: #555; font-size: calc(var(--remark)*0.9); font-weight: 200; line-height: 1em}
.cont_sec h4 sup{vertical-align: text-top; line-height: calc(var(--h4-tit) * 0.6)}
/* 목록 스타일 - 불릿 기호 */
.cont_sec ul.type1{margin-top: 1em}
.cont_sec ul.type1 li{position: relative; padding-left: 10px; font-size: var(--sub-txt); font-weight: 400; line-height: var(--lh)}
.cont_sec ul.type1 li::before{content: ''; position: absolute; top: calc(0.85em - 1px); left: 0; width: 3px; height: 3px; background: #555; border-radius: 2px}
.cont_sec ul.type1 li:not(:first-child){margin-top: 0.35em}
.cont_sec ul.type1 li strong{font-weight: 500}
/* 섹션 안의 섹션 */
.cont_sec .h4_sec{margin-top: 190px}
.cont_sec .h6_sec{margin-top: 62px}
.cont_sec .h6_sec.top0{margin-top: 0px}
.cont_sec .h6_sec.top20{margin-top: 20px}
.cont_sec .h6_sec.top45{margin-top: 4vh}
.cont_sec .h4_sec > *:first-child, .cont_sec .h6_sec > *:first-child{margin-top: 0}

/* 이미지 영역 */
.img_area{display: flex; flex-wrap: wrap; margin-top: 3.75vh}
.img_area.center{justify-content: center}
/* 4개까진 영역을 채우고 5개째 부터 아래로 떨어짐 */
.img_area .item{flex: 1 0 calc(25% - 15px); overflow: hidden; position: relative; max-width: calc(50% - 10px)}
.img_area .item:not(:first-child){margin-left: 20px}
/*.img_area .item:nth-child(n+5){max-width: calc(25% - 15px); margin-top: 50px}*/
.img_area .item:nth-child(4n-3){margin-left: 0}
.img_area .item > *:first-child{margin-top: 0}
.img_area .item .img{overflow: hidden; position: relative; width: 100%; padding-top: 100%; background: #f6f6f6}
.img_area .item .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%}
.img_area2 .item .img{overflow: hidden; position: relative; width: 100%; padding-top: 100%; background: #f6f6f6}
.img_area2 .item .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%}
.img_area .item .latest_year img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -47%); object-fit: cover; width: auto; max-height: 80%}
/* 어두운 배경 - 20% */
.img_area .item .img.bg::before{content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2)}
.img_area2 .item .img.bg::before{content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2)}
/* 이미지 안의 글씨 - 어두운 배경과 같이 쓸것 */
.img_area .item .img p{position: absolute; top: 50%; left: 0; z-index: 1; transform: translateY(-50%); width: 100%; color: #fff; font-size: var(--h5-tit); font-family: 'outfit', 'Noto Sans KR', sans-serif; font-weight: 400; text-align: center}
.img_area2 .item .img p{position: absolute; top: 50%; left: 0; z-index: 1; transform: translateY(-50%); width: 100%; color: #fff; font-size: var(--h5-tit); font-family: 'outfit', 'Noto Sans KR', sans-serif; font-weight: 400; text-align: center}

/* 이미지 링크 - a태그 존재 시 .bg로 어두운 배경을 깔지 않아도 자동 생성 */
.img_area .item .img a{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.img_area2 .item .img a{position: absolute; top: 0; left: 0; width: 100%; height: 100%}

.img_area .item .img a.nobg::before{background: none}
.img_area2 .item .img a.nobg::before{background: none}

.img_area .item .img a::before{content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.2)*/}
.img_area2 .item .img a::before{content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.2)*/}
.img_area .item .img a::after{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}
.img_area2 .item .img a::after{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}

/* 호버 시 이미지 확대 */
.img_area .item .img.scale img{transition: transform 1.3s cubic-bezier(0.39, 0.58, 0.57, 1)}
.img_area2 .item .img.scale img{transition: transform 1.3s cubic-bezier(0.39, 0.58, 0.57, 1)}


/* 이미지 우측 하단 넘버링 - .item 갯수 파악해서 자동 생성 */
.img_area.num{counter-reset: img_num 0; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px}
.img_area.num .item{position: relative}
.img_area.num .item::before{counter-increment: img_num; content: counter(img_num)"."; position: absolute; bottom: 1em; right: 1em; z-index: 1; color: #fff; font-size: var(--h5-tit); font-family: 'outfit'; line-height: 1em}

/* 이미지 풀사이즈 - 5:2 비율 */
.img_area .item.full{flex: 1 0 100%; max-width: 100%; margin-left: 0;}
.img_area .item.full.w90{max-width: 80%; margin: 0 auto}
.img_area .item.full .img {padding-top: 40%; }
.img_area .item.full.h555 .img{height: 555px}

.img_area .item.full + .item{margin-left: 0}
.img_area .item.full ~ .item{margin-top: 20px}
.img_area .item ~ .item.full{margin-top: 20px}
.img_area.has_txt .item.full ~ .item{margin-top: 50px}

.img_area .item.full h6{font-size: var(--sub-txt);
    line-height: var(--lh); font-weight: bold}

.img_area .item.full.w80{max-width: 80%; margin: 0 auto}
.img_area .item.full.w80 .img{padding-top: 55%}


/* 이미지 영역에 영상 추가 */
.img_area .item .video{position: relative; width: 100%; padding-top: 100%}
.img_area .item.full.h555 .video{height: 555px}
.img_area .item.full .video{padding-top: 40%}

.img_area .item .video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.img_area .item .video .play_btn{position: absolute; bottom: calc(0% + 1em); right: calc(0% + 1em); width: calc(var(--sub-txt)*1.6667); height: calc(var(--sub-txt)*1.6667); color: #000; line-height: 1em}
.img_area .item .video .play_btn i{}
.img_area .item .video .play_btn.on i::before{content: '\f28b'}
.img_area .item .video .play_btn img{}
.img_area .item .video .volume_btn{display: flex; align-items: center; justify-content: center; position: absolute; bottom: calc(0% + 1em); right: calc(0% + 3.5em); width: calc(var(--sub-txt)*1.6667); height: calc(var(--sub-txt)*1.6667); background: #fff; color: #9a9a9a; border-radius: 50%; line-height: 1em}
.img_area .item .video .volume_btn i{font-size: var(--sub-txt);font-weight:300;}
.img_area .item .video .volume_btn.on i::before{content: '\f6a8'; display: block; transform: translateX(-1.15px)}
.img_area .item .video .progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:rgba(255,255,255,0.8);}
.img_area .item .video .progress .progress__filled{position:absolute;left:0;bottom:0;display:inline-block;width:0%;height:3px;background:#000;}
.img_area .item .video .timer{position:absolute;left:20px;bottom:18px;color:#666;}
.img_area .item .video .timer span{display:inline-block;font-family:'GmarketSansMedium';font-weight:500;font-size:16px;}
.img_area .item .video .timer span.bar{margin:0 2px;}


/* 이미지 하단 텍스트 */
.img_area .item .txt{margin-top: 19px; }
.img_area .item .txt *.center{text-align: center}
.img_area .item .txt p{font-size: var(--sub-txt); 
font-weight: normal; line-height: var(--lh); text-align: center; color: #888; font-weight: 400}

.img_area .item .txt p.fnomal{font-weight: normal}
.img_area .item .txt p.tleft{text-align: left; color: inherit;}
.img_area .item .txt span{display: inline-block; margin-top: calc(1rem - 1.5%); font-size: var(--sub-txt); line-height: var(--lh); text-align: justify}
.img_area .item .txt span.center{margin: 1em auto 0}


.img_area .item .txt strong{font-weight: bold;}
.img_area .item .txt ul.type1{margin-top: 1em}
.img_area .item .txt dl{display: grid; grid-template-columns: auto 1fr; gap: 0 2em; margin-top: 1em; font-size: var(--sub-txt); line-height: var(--lh)}
.img_area .item .txt dl dt{grid-column: 1; font-weight: 400; font-size: var(--sub-txt); color: #888}
.img_area .item .txt dl dd{grid-column: 2; font-weight: 400; font-size: var(--sub-txt); color: #888}
/*
.img_area .item .txt .list{display: flex; flex-wrap: wrap}
.img_area .item .txt .list span{position: relative; margin-top: 0; font-weight: 400; padding-right: 1em; margin-right: 1em; font-size: var(--remark)}
.img_area .item .txt .list span:first-child{font-weight: 500;}
.img_area .item .txt .list span:not(:last-child)::before{content:''; position: absolute; top: calc(50% - 0.4em); right: 0; width: 1px; height: 0.8em; background: #aaa}
.img_area .item .txt .list span:last-child{margin-right:0;}
*/





.img_area .items:first-child{flex: 1 50%;max-width:100%; padding-left:0; padding-right:10px;}
.img_area .items{flex: 1 50%;max-width:100%; padding-right:0; padding-left:10px;}

.inbody .img_area .items:first-child{padding-right:0.5vw;padding-left:0;}
.inbody .img_area .items {width: 50%; float: left;padding-left:0.5vw;padding-right:0;}
.inbody .img_area .items .img {width: 100%;padding-top: 100%;position: relative;}
.inbody .img_area .items .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Full width of the .img div */
    height: 230px; /* Full height of the .img div */
    object-fit: cover; /* This will cover the area without distorting the image */
}

.img_area .items .txt{margin-top: 1rem; }
.img_area .items .txt *.center{text-align: center}
.img_area .items .txt *:first-child{margin-top: 0}
.img_area .items .txt p{margin-top: 1em; font-size: var(--sub-txt); 
font-weight: normal; line-height: var(--lh); text-align: center; color: #888; font-weight: 400}
.img_area .items .txt p.fnomal{font-weight: normal}
.img_area .items .txt p.tleft{text-align: left; color: inherit;}
.img_area .items .txt span{display: block; margin-top: calc(1rem - 1.5%); font-size: var(--sub-txt); line-height: var(--lh); text-align: justify}
.img_area .items .txt span.center{margin: 1em auto 0}


.img_area .items .txt strong{font-weight: bold;}
.img_area .items .txt ul.type1{margin-top: 1em}
.img_area .items .txt dl{display: grid; grid-template-columns: auto 1fr; gap: 0 2em; margin-top: 1em; font-size: var(--sub-txt); line-height: var(--lh)}
.img_area .items .txt dl dt{grid-column: 1; font-weight: 400; font-size: var(--sub-txt); color: #888}
.img_area .items .txt dl dd{grid-column: 2; font-weight: 400; font-size: var(--sub-txt); color: #888}



/* 이미지 슬라이드 - 3col */
.img_slide{margin-top: 20px}
.img_slide .swiper-slide .img{position: relative; width: 100%; padding-top: 100%}
.img_slide .swiper-slide .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%}
.img_slide .swiper-slide p{margin-top: 1em;     font-weight: 300;
    color: #888;
    font-size: var(--sub-txt);
    text-align: center;
    line-height: calc(var(--h6-tit)*0.9*1.5); font-weight: 400}
.img_slide .swiper-slide span{display: block; margin-top: 8px; color: #555; font-size: var(--sub-txt); line-height: var(--lh); text-align: justify;}
.img_slide .swiper-container{}
.img_slide .swiper-container.bar{padding-bottom: calc(var(--sub-txt)*3)}
.img_slide .control{position: absolute; width: 100%; padding-top: calc(100%/3 - 40px/3); top: 0}

/* 슬라이드 호버 텍스트(목록형) */
.img_slide .swiper-slide .img .hover{display: flex; align-items: center; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; padding: 50px 50px; background: rgba(0, 0, 0, 0.6); background-size: 60px 20px; transition: opacity 0.3s}
.img_slide .swiper-slide .img .hover ul{display: flex; flex-wrap: wrap; width: 100%; color: #fff}
.img_slide .swiper-slide .img .hover ul li{position: relative; width: 50%; padding-left: 10px; margin: 0.5em 0; font-size: var(--sub-txt); font-weight: 400; line-height: var(--lh)}
.img_slide .swiper-slide .img .hover ul li::before{content: ''; position: absolute; top: calc(0.85em - 1px); left: 0; width: 2px; height: 2px; background: #fff; border-radius: 1px}

/* 콘텐츠 하단 이미지 세트 */
.full_img{display: flex; overflow: hidden; padding-top: 100px}
.full_img .item{flex: 1 1 auto; overflow: hidden; opacity: 0; transition: opacity 0.5s, transform 1.9s cubic-bezier(.14,.46,0,1.34)}
.full_img .item:nth-child(2n-1){transform: translateX(-50px)}
.full_img .item:nth-child(2n){transform: translateX(50px)}
.full_img .item:nth-child(2){transition-delay: 0.2s}
.full_img .item:nth-child(4){transition-delay: 0.4s}
.full_img .item img{width: 100%; transition: transform 1s}
.full_img.animated .item{opacity: 1; transform: translateX(0px)}

/* 둥근 썸네일 이미지 콘텐츠 */
.thumb_cont{margin-top: 30px}
.thumb_cont ul{display: flex; justify-content: space-evenly}
.thumb_cont ul li{flex: 1 1 auto; width: calc(25%); text-align: center}
.thumb_cont ul li .img{overflow: hidden; position: relative; width: min(180px, 70%); padding-top: min(180px, 70%); margin: 0 auto; margin-bottom: 20px; border-radius: 50%}
.thumb_cont ul li .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; border-radius: 50%}
.thumb_cont ul li p{position: relative; padding-bottom: 1em; font-size: var(--sub-txt); font-weight: bold;}
/* 230526 숨김처리
.thumb_cont ul li p::before{content: ''; position: absolute; bottom: 0; left: calc(50% - 0.5em); width: 1em; height: 1px; background: #000}
*/
.thumb_cont ul li span{display: block; font-size: 16px; font-weight: 400; line-height: var(--lh)}
.thumb_cont ul li span:first-child{padding-bottom:1em;}
/* 지그재그 콘텐츠 */
.zigzag_cont{margin-top: 20px}
.company_new .zigzag_cont{margin-top: 0px}
.zigzag_cont .item{display: flex; justify-content: space-between;     align-items: center;}
.zigzag_cont .item:not(:first-child){margin-top: 100px}
.zigzag_cont .item > div{display: flex; flex-wrap: wrap; position: relative; width: calc(575px - 20px); }
.zigzag_cont .item .left{}
.zigzag_cont .item .right{}
.zigzag_cont .item .txt{display: flex; flex-wrap: wrap; align-content: center; width: 100%;
 height: calc(100% - calc(var(--sub-txt)*1.35)); margin: 0 auto; padding: 0 3.5rem;}

.zigzag_cont .item .txt p{    font-size: var(--sub-txt);
    font-weight: normal;
    line-height: var(--lh);}
.sub_cont .inner.fullwidth .zigzag_cont .item {
    display: flex;
    justify-content: space-between;
    gap: 10rem;
}


/* .center로 전체 텍스트 중앙정렬 */
.zigzag_cont .item .txt.center{justify-content: center; text-align: center}

.company_new .zigzag_cont .item .txt .tit{font-size: 20px; font-weight: 500;}
.company_new .zigzag_cont .item .txt .tit em.outfit{font-weight:450;}


.zigzag_cont .item .txt .tit{font-size: var(--h5-tit); font-weight: 400}
.zigzag_cont .item .txt .tit.bar{position: relative; padding-bottom: 0.75em; margin-bottom: 0.75em}
.zigzag_cont .item .txt .tit.bar::before{content: ''; position: absolute; bottom: 0; left: calc(50% - 0.5em); width: 1em; height: 1px; background: #000}
.zigzag_cont .item .txt .tit.bar + span{margin-top: 0}
.zigzag_cont .item .txt .sub_tit{margin-top: 1em; font-size: var(--sub-txt); font-weight: 600}
.zigzag_cont .item .txt em[class^='en']{display: inline-block; }
.zigzag_cont .item .txt * > em[class^='en']{}
.zigzag_cont .item .txt span{display: block; margin-top: 40px; font-size: 16px; font-weight: 400; line-height: var(--lh); text-align: justify;}
.zigzag_cont .item .txt strong{font-weight: bold;}
.zigzag_cont .item .txt dl{display: grid; grid-template-columns: auto 1fr; gap: 0 2em; margin-top: 1em; font-size: var(--sub-txt); line-height: 2em}
.zigzag_cont .item .txt dl dt{font-weight: 500}
.zigzag_cont .item .txt dl dd{}
.zigzag_cont .item .txt ul{margin-top: 1em; line-height: var(--lh)}
.zigzag_cont .item .txt > *:not(.link){width: 100%}
.zigzag_cont .item .txt > *:first-child{margin-top: 0 !important}
.zigzag_cont .item .txt em.remark{margin-top: 2em; text-align: justify}
.zigzag_cont .item .link{display: inline-block; margin-top: 4em; font-size: var(--sub-txt)}
.zigzag_cont .item .img{overflow: hidden; position: relative; width: 100%; padding-top: 100%}
.zigzag_cont .item .img.bg::before{content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2)}
.zigzag_cont .item .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover}
/* 어두운 배경 - 20% */
.zigzag_cont .item .img.bg a{z-index: 2}
.zigzag_cont .item .img.bg a::after{content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2)}
/* 이미지 안의 글씨 - 어두운 배경과 같이 쓸것 */
.zigzag_cont .item .img + p{margin-top: 1em; font-size: var(--h6-tit); font-weight: 500; line-height: var(--lh)}
/* 이미지 링크 */
.zigzag_cont .item .img a{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.zigzag_cont .item .img a::before{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}



/* 01_14.2% */
/* 01_01 디에트 다이어트 */
.numbering_img{counter-reset: num 0; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px}
.numbering_img .item{position: relative; width: calc(100%/3 - 40px/3)}
.numbering_img .item:first-child{width: 100%}
.numbering_img .item:not(:first-child){margin-top: 20px}

.numbering_img .item::before{counter-increment: num; content: counter(num); 
position: absolute; bottom: 0.75em; right: 0.75em; z-index: 1; color: #fff; font-size: var(--h5-tit); font-family: 'outfit'; line-height: 1em; display: none}

.numbering_img .item .img a::after{
    font-size: calc(var(--h6-tit)*0.75);
}
.numbering_img .item .img a::after {
    content: '\2b';
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 1;
    width: 2.5em;
    background: rgba(255, 255, 255, 1);
    color: #000;
    font-size: var(--sub-txt);
    font-family: var(--awesome);
    text-align: center;
    border-radius: 50%;
    line-height: 2.5em;
    transition: background 0.3s;
}

.numbering_img .item .img{position: relative; padding-top: 100%}
.numbering_img .item.full .img{padding-top: 40%}
.numbering_img .item .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%}
.numbering_img ol{counter-reset: num 0; display: grid; grid-template-columns: calc(100%/3 - 40px/3 + 20px) 1fr; width: 100%; margin-top: 15px}
.numbering_img ol li{position: relative; padding-left: 1em; font-size: var(--sub-txt); font-weight: 400; line-height: var(--lh); color: #888; text-align: center}
.numbering_img ol li:nth-child(2n-1){grid-column: 1}
.numbering_img ol li:nth-child(2n){grid-column: 2}
.numbering_img ol li::before{counter-increment: num; content: counter(num)". "; position: absolute; top: 2px; left: 0; font-family: 'outfit'; display: none}


/* 리얼모델 */
.real_model{display: grid; grid-template-columns: 1fr calc(50% - 12px) 1fr; gap: 0 24px; margin-top: 20px}
.real_model .item{}
.real_model .item:nth-child(2){}
.real_model .item a{display: block; cursor: default}
.real_model .item .img{display: flex; position: relative; height: 100%; padding-top: calc(150% + 9px)}
.real_model .item:nth-child(2) .img{padding-top: calc(75% - 9px)}
.real_model .item .img img{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; object-fit: cover; cursor: pointer;}
.real_model .item .txt{margin-top: 1.4rem}
.real_model .item .txt p{display: block; font-size: calc(var(--h6-tit)*0.9); font-weight: 500; text-align: center}


.real_model2{margin-top: 20px}
.real_model2 .swiper-slide {overflow: hidden}
.real_model2 .swiper-slide .item{}
.real_model2 .swiper-slide a {display: block; position: relative; padding-top: 75%}
.real_model2 .swiper-slide img {position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; left: 0; top: 0; display: block; transition: width 1s, height 0.3s}
.real_model2 .swiper-slide-prev a::before{right: 0; left: auto; width: 60%}
.real_model2 .swiper-slide-next a::before{width: 60%}
.real_model2 .swiper-slide-prev img {width: 60%; right: 0; left: auto}
.real_model2 .swiper-slide-next img {width: 60%}
.real_model2 .swiper-slide a .txt_wrap{display: none; position: absolute; bottom: 0; transform: translateY(calc(100% + 36px)); width: 100%; text-align: center; transition: transform 0.3s}
.real_model2 .swiper-slide a .txt_wrap::before{content: ''; position: absolute; top: -36px; left: -10%; width: 120%; height: 200px; background: #fff; border-radius: 100% 100% 0 0}
.real_model2 .swiper-slide a .txt_wrap div{position: relative; z-index: 1; padding-bottom: 20px}
.real_model2 .swiper-slide a .txt_wrap div p{font-size: var(--h6-tit); font-weight: 500}
.real_model2 .swiper-slide a .txt_wrap div span{display: block; margin-top: 10px}
.real_model2 .control div{position: absolute; top: 50%; transform: translateY(-50%); width: 68px; height: 68px; margin-top: 0; background: rgba(255, 255, 255, 0.3)}
.real_model2 .control div.swiper-button-prev{left: 0}
.real_model2 .control div.swiper-button-next{right: 0}
.real_model2 .control div::after{display: none}
.real_model2 .control div i{color: #000; font-size: 28px}


    div[class*='_slide'] .control div svg{color: #000; font-size: 28px}
    .real_model2 .control div svg{color: #000; font-size: 28px}



/* 01_02 살 빠지는 원리 */
/* weight control point */
.weight_control{display: grid; grid-template-columns: calc(100%/3*2 + 40px/3 - 20px) 1fr; align-items: center; gap: 0 20px}
.weight_control .left{}
.weight_control .left .img{position: relative; padding-top: 50%}
.weight_control .left .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover}
.weight_control .right{}
.weight_control .right .txt{}
.weight_control .right .txt p{font-size: var(--sub-txt);
    font-weight: normal;
    line-height: var(--lh);
    text-align: center;
    color: #888;}
.weight_control .right .txt span{display: block; margin-top: 0.5em; font-size: var(--sub-txt); line-height: var(--lh);text-align: justify;}


/* 01_04 학술저서 */
.img_area.book_list{flex-wrap: wrap}
.img_area.book_list .item{width: calc(25% - 15px); /*max-width: calc(25% - 15px);*/}
.img_area.book_list .item:nth-child(4n-3){margin-left: 0}
.img_area.book_list .item:nth-child(n+5){margin-top: 50px}
/* 최신년도를 제외한 나머지 년도 리스트 첫번째 .item에 년도명 표기 */
.img_area.book_list:not(.top_year) .item{padding-top: calc(var(--h4-tit) + 20px)}
.img_area.book_list:not(.top_year) .item::before{content: attr(data-year); position: absolute; top: 0; font-size: var(--h4-tit); font-family: 'outfit'; line-height: 1em}
.img_area.book_list .item .img{padding-top: 100%}
.img_area.book_list .item .img a::before{display: none}
.img_area.book_list .item .img img{}
.img_area.book_list:not(.top_year) .item .img img{transform: translate(-50%, -48%); width: auto; max-height: 80%}
.img_area.book_list .item .txt p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; text-align: center; line-height: 1.35em}
.img_area.book_list .item .txt p em{font-weight: 400}
.img_area.book_list .item .txt span{text-align: center;display:block;}

.reference_paper{padding: 50px 0 130px 0; background: #f1f1f1}
.reference_paper p{position: relative; padding-left: 10px; color: #757575; font-size: var(--remark); font-weight: 400}
.reference_paper p:not(:first-child){margin-top: 0.85em}
.reference_paper p::before{content: ''; position: absolute; top: calc(0.75em - 1px); left: 0; width: 2px; height: 2px; background: #757575; border-radius: 1px}

/* 콘텐츠 하단 빅 데이터 - 숫자로 보는 디에트 */
.big_data{}
.big_data .txt_wrap{display: flex;align-items: center;justify-content: flex-end;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 min(12%, 200px);}
.big_data .txt_wrap .num_sect{display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;width: 450px;height: 65%;}
.big_data .txt_wrap .num_sect li{width: calc(50%);text-align: right;}
.big_data .txt_wrap .num_sect li span{font-size: 18px;font-weight: 500;}
.big_data .txt_wrap .num_sect li p{font-size: 18px;line-height:unset;font-weight: 500;text-align:inherit;;margin:0;}
.big_data .txt_wrap .num_sect li p strong{margin-right: 0.2em;font-size: 36px;font-family: 'outfit';}
.big_data .txt_wrap.pc_only{display:flex !important;}

/* 콘텐츠 하단 빅 데이터 - 슬라이드 */
.bd_slide{margin-top: 20px}
.bd_slide .swiper-container.bar{padding-bottom: calc(var(--sub-txt)*3)}
.bd_slide .swiper-slide .img{overflow: hidden; position: relative; padding-top: 100%}
.bd_slide .swiper-slide .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.bd_slide .swiper-slide p{margin-top: 1em; font-size: var(--h6-tit); font-weight: 500; text-align: center}
.bd_slide .control{position: absolute; width: 100%; padding-top: calc(100%/2 - 20px/2); top: 0}

.dieteMeal_slide{margin-top: 3.75vh}
.dieteMeal_slide .swiper-container.bar{padding-bottom: calc(var(--sub-txt)*3)}
.dieteMeal_slide .swiper-slide .img{display: block; overflow: hidden; position: relative; padding-top: 100%}
.dieteMeal_slide .swiper-slide .img::after{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}
.dieteMeal_slide .swiper-slide .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.dieteMeal_slide .swiper-slide p{margin-top: 1em; font-size: var(--h6-tit); font-weight: 500; text-align: center}
.dieteMeal_slide .control{position: absolute; width: 100%; padding-top: calc(100%/2 - 20px/2); top: 0}
.dieteMeal_slide .swiper-pagination{display: none; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 400px; height: 4px; background: rgba(0, 0, 0, 0.2)}
.dieteMeal_slide .swiper-pagination .swiper-pagination-progressbar-fill{background: #000}

.dieteMeal_slide2{margin-top: 3.75vh}
.dieteMeal_slide2 .swiper-container.bar{padding-bottom: calc(var(--sub-txt)*3)}
.dieteMeal_slide2 .swiper-slide .img{display: block; overflow: hidden; position: relative; padding-top: 100%}
.dieteMeal_slide2 .swiper-slide .img::after{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}
.dieteMeal_slide2 .swiper-slide .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.dieteMeal_slide2 .swiper-slide p{margin-top: 1em; font-size: var(--sub-txt); font-weight: 400; text-align: center}
.dieteMeal_slide2 .control{position: absolute; width: 100%; padding-top: calc(100%/2 - 20px/2); top: 0}
.dieteMeal_slide2 .swiper-pagination{display: none; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 400px; height: 4px; background: rgba(0, 0, 0, 0.2)}
.dieteMeal_slide2 .swiper-pagination .swiper-pagination-progressbar-fill{background: #000}

.dieteMeal_slide3{margin-top: 3.75vh}
.dieteMeal_slide3 .swiper-container.bar{padding-bottom: calc(var(--sub-txt)*3)}
.dieteMeal_slide3 .swiper-slide .img{display: block; overflow: hidden; position: relative; padding-top: 100%}
.dieteMeal_slide3 .swiper-slide .img::after{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}
.dieteMeal_slide3 .swiper-slide .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.dieteMeal_slide3 .swiper-slide p{margin-top: 1em; font-size: var(--sub-txt); font-weight: 400; text-align: center}
.dieteMeal_slide3 .control{position: absolute; width: 100%; padding-top: calc(100%/2 - 20px/2); top: 0}
.dieteMeal_slide3 .swiper-pagination{display: none; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 400px; height: 4px; background: rgba(0, 0, 0, 0.2)}
.dieteMeal_slide3 .swiper-pagination .swiper-pagination-progressbar-fill{background: #000}

.sns_slide{margin-top: 4.0vh}
.sns_slide .swiper-container.bar{padding-bottom: calc(var(--sub-txt)*3)}
.sns_slide .swiper-slide .img{display: block; overflow: hidden; position: relative; padding-top: 100%}
.sns_slide .swiper-slide .img::after{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}
.sns_slide .swiper-slide .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.sns_slide .swiper-slide p{margin-top: 1.1rem; font-size: 18px; font-weight: 400; color:#888; text-align: center}
.sns_slide .control{position: absolute; width: 100%; padding-top: calc(100%/2 - 20px/2); top: 0}
.sns_slide .swiper-pagination{display: none; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 400px; height: 4px; background: rgba(0, 0, 0, 0.2)}
.sns_slide .swiper-pagination .swiper-pagination-progressbar-fill{background: #000}


.medical_machine_slide{margin-top: 20px}
.medical_machine_slide .swiper-container.bar{padding-bottom: calc(var(--sub-txt)*3)}
.medical_machine_slide .swiper-slide a{display: block; position: relative}
.medical_machine_slide .swiper-slide a::before{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}
.medical_machine_slide .swiper-slide .img{position: relative; width: 100%; height: 0; padding-top: 100%}
.medical_machine_slide .swiper-slide .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%}
.medical_machine_slide .swiper-slide .txt{margin-top: 1.4rem;}
.medical_machine_slide .swiper-slide .txt strong{display: block; font-size: 20px; font-weight: 500; text-align: center}
.medical_machine_slide .control{position: absolute; width: 100%; padding-top: calc(100%/4 - 60px/4); top: 0}

/* 02_디에트 솔루션 */
/* 핀터레스트 스타일 이미지 */
.pinter_img{width: 1000px; margin: 0 auto}
.pinter_img .grid-sizer{width: calc(50% - 10px)}
.pinter_img .gutter-sizer{width: 20px}
.pinter_img .item{width: calc(50% - 10px); margin-top: 20px}
.pinter_img .item.txt{padding: 2em 0; font-size: var(--h5-tit); font-weight: 500; text-align: center}

/* 이미지 좌우 비대칭 */
.img_area.ratio5-3 .item{max-width: none}
.img_area.ratio5-3 .item.wide{flex: 5 1 0}
.img_area.ratio5-3 .item.wide .img{padding-top: calc(45%)}
.img_area.ratio5-3 .item.narrow{flex: 3 1 0}
.img_area.ratio5-3 .item.narrow .img{padding-top: calc(75%)}

/* 영양정보 */
.nutrition{display: flex; margin-top: 40px}
.nutrition > ul{display: flex; flex-wrap: wrap; align-items: flex-start}
.nutrition > ul > li{display: flex; flex-wrap: wrap; width: 50%; padding-right: 1em; font-size: var(--sub-txt); font-weight: 500;align-items: center;}
.nutrition > ul > li:not(:nth-child(-n+2)){margin-top: 0.6em}
.nutrition > ul > li > p{flex: 1 1 0}
.nutrition > ul > li > span{min-width: 52px; margin-left: 0.75em; text-align: right}
.nutrition > ul > li div{display: flex; width: 100%; padding-left: 0; margin-top: 4px; font-size: 0.9em; font-weight: 300}
.nutrition > ul > li div p{flex: 1 1 0}
.nutrition > ul > li div span{min-width: 52px; margin-left: 0.75em; text-align: right}
.nutrition > ul > li div span:first-child{}


/* 03_개인맞춤 다이어트 */
/* 다이어트 전후사진 */
.diet_before_after{margin-top: 20px}
.diet_before_after ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.diet_before_after ul li{display: flex; width: calc(50% - 10px)}
.diet_before_after ul li > div{overflow: hidden; position: relative; width: 50%}
.diet_before_after ul li > div .img{position: relative; width: 100%; padding-top: 125%}
.diet_before_after ul li > div .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%}
.diet_before_after ul li > div .txt{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); color: #fff ;text-align: center}
.diet_before_after ul li > div .txt p{}
.diet_before_after ul li > div .txt a{border-bottom: 1px solid #fff}
.diet_before_after ul li .after .img{filter: blur(4px); -webkit-filter: blur(4px)}
.diet_before_after ul li .after .img:before {content: ""; position: absolute; left: -4px; top: -4px; opacity: 0.6; z-index: 1; width: calc(100% + 8px); height: calc(100% + 8px); background-color: #000; transition: all .3s}

/* 국민행복카드 */
.happycard{display: flex; align-items: center; justify-content: center; padding: 100px 0; background: #fff4d0}
.happycard .img{overflow: hidden; position: relative; width: 25%; padding-top: calc(63%/4); border-radius: 8%; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.16)}
.happycard .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.happycard p{margin-left: 2em; font-size: var(--h5-tit); font-weight: 400; line-height: var(--lh)}


/* 04_디에트 포뮬라 */
.formula .cont_sec .cont_txt{text-align: center}
/* 포뮬라 이미지 세트 */
.formula_img_set{display: flex; width: 100%}
.formula_img_set .item{width: 100%}
.formula_img_set .item .img{overflow: hidden; position: relative; opacity: 0; transform: translateY(50px); padding-top: 100%; transition: 1.9s cubic-bezier(.14,.46,0,1.34);}
.formula_img_set.animated .item .img{opacity: 1; transform: translateY(0px);}
.formula_img_set .item:first-child .img{transition-delay: 0.6s}
.formula_img_set .item:nth-child(2) .img{transition-delay: 0.2s}
.formula_img_set .item:nth-child(3) .img{transition-delay: 0.8s}
.formula_img_set .item .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: transform 1.3s cubic-bezier(0.39, 0.58, 0.57, 1)}

/* 포뮬라 리스트 */
.formula_list{}
.formula_list .thumb{display: grid; grid-template-columns: repeat(8, 1fr); gap: 0 20px; padding: 35px 50px; background: #f6f6f6}
.formula_list .thumb .item{display: flex; flex-direction: column; position: relative; padding-bottom: 20px}
.formula_list .thumb .item.on::before{content: ''; position: absolute; bottom: 0; left: calc(50% - 0.75em); width: 1.5em; height: 3px; background: #555}
.formula_list .thumb .item p{width: 100%; margin-bottom: 1.5em; font-size: var(--h6-tit); text-align: center; line-height: 1.5em}
.formula_list .thumb .item .img{display: flex; align-items: center; justify-content: center; height: 100%}
.formula_list .thumb .item .img img{max-height: 140px}
.formula_list .gallery{position: relative; padding-top: 60%; margin-top: 50px; background: #f6f6f6}
.formula_list .gallery img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 80%; object-fit: cover}

/* 흐르는 텍스트 */
.flow_text{padding: 40px 0; margin-top: 50px; border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray)}
.flow_text .inner{position: relative}
.flow_text .swiper-container{width: calc(100% - 200px); margin-right: 0}
.flow_text .swiper-wrapper{-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important}
.flow_text .swiper-slide{width: auto; font-weight: 400}
.flow_text .swiper-slide.lst{margin-right: 100px}
.flow_text .swiper-slide:not(.lst){position: relative; padding-right: 20px; margin-right: 20px}
.flow_text .swiper-slide:not(.fst):not(.lst)::before{content: '\f105'; position: absolute; top: calc(50% - 0.5em); right: calc(0px - 0.5em); width: 1em; font-family: var(--awesome); text-align: center; line-height: 1em}
.flow_text .controls{position: absolute; top: 0; left: 20px}
.flow_text .controls div.off{display: none}

.moveText {margin-top: calc(var(--h5-tit)*1.5625); border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray); background: #fafafa}
.moveText .inner{display: flex; align-items: center; overflow: hidden; position: relative; width: 100%; padding: 2.3rem 0}

.moveText .util{display: flex; align-items: center; position: absolute; top: 0; left: 0; z-index: 3; height: 100%; padding-left: calc((100vw - 1110px)/2); background:#fafafa}
.moveText .util2{display: flex; align-items: center; position: absolute; top: 0; right: 0; z-index: 3; height: 100%; padding-right: calc((100vw - 1110px)/2); background:#fafafa}
/*
.moveText .util{display: flex; align-items: center; position: absolute; top: 0; left: 0; z-index: 3; height: 100%; padding-left: calc((100vw - 1110px)/2);padding-right: 4rem; background: linear-gradient(to right, #fff 0%, #fff calc(100% - 3rem), transparent 100%)}
.moveText .util2{display: flex; align-items: center; position: absolute; top: 0; right: 0; z-index: 3; height: 100%; padding-left: 4rem;padding-right: calc((100vw - 1110px)/2); background: linear-gradient(to left, #fff 0%, #fff calc(100% - 3rem), transparent 100%)}
*/
.moveText .tit{font-weight: 500;font-size:18px;}

/* backup2
.moveText {position:fixed;bottom:0;left:0;z-index:999;display:none;visibility:visible !important;margin-top: calc(var(--h5-tit)*1.5625); border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray);}
.moveText .inner{display: flex; align-items: center; overflow: hidden; position: relative; width: 100%; padding: 1.2rem 0}
.moveText .util{display: flex; align-items: center; position: absolute; top: 0; left: 0; z-index: 3; height: 100%; padding-right: 4rem; background: linear-gradient(to right, #fff 0%, #fff calc(100% - 3rem), transparent 100%)}
.moveText .tit{font-weight: 500}
*/

.moveText .pause_cont {display: flex; align-items: center; height: 100%; background-color: #fafafa; padding: 0 0 0 0;}
.moveText .pause_cont .pause {font-size: 16px}
.moveText .pause_cont .play {font-size: 16px}
.moveText .pause_cont .btn.off {display: none}
.move_cont {position: relative; transform: translateX(100vw)}
.move_cont .move_box {display: flex; width: 100%; position: relative; top: 0; right: 0; margin-right: 30px; justify-content: flex-start}
.move_cont .move {display: flex; }
.move_cont .move .txt {white-space: nowrap; font-size: var(--sub-txt); font-weight: 500}
.move_cont .move .txt + .txt {margin-left: 50px}

/* 기기 호버 텍스트 */
.machine_hover{display: flex; flex-wrap: wrap; margin-top: 20px}
.machine_hover.center{justify-content: center}
.machine_hover .item{flex: 1 0 calc(25% - 15px); overflow: hidden; position: relative; max-width: calc(50% - 10px)}
.machine_hover .item:not(:first-child){margin-left: 20px}
.machine_hover .item .img{overflow: hidden; position: relative; width: 100%; padding-top: 100%}
.machine_hover .item .img::before{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: opacity 0.3s}
.machine_hover .item .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%}
.machine_hover .item .hover{display: flex; flex-wrap: wrap; align-content: space-between; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; padding: 80px 50px 50px 50px; background: url(/inc/img/logo_short_w.svg) no-repeat right 40px top 30px rgba(0, 0, 0, 0.8); background-size: 60px 20px; transition: opacity 0.3s}
.machine_hover .item .hover > *{width: 100%}
.machine_hover .item .hover .tit{color: #fff; font-size: var(--h5-tit); font-weight: 500}
.machine_hover .item .hover .sub_tit{margin-bottom: 45px; color: #fff; font-size: var(--h6-tit); font-weight: 500}
.machine_hover .item .hover .tag{display: flex; flex-wrap: wrap; position: relative; max-width: 65%; padding-top: 25px; margin-top: 25px}
.machine_hover .item .hover .tag::before{content: ''; position: absolute; top: 0; left: 0; width: 1.75em; height: 1px; background: #ccc}
.machine_hover .item .hover .tag li{margin-right: 5px; color: #ccc; line-height: var(--lh)}
.machine_hover .item .hover .tag li::before{content: '#'}
.machine_hover .item .hover span{display: block; color: #ccc; line-height: var(--lh)}

/* 디에트 포뮬라 전후사진 */
.machine_before_after{display: flex; justify-content: space-between; overflow: hidden; margin-top: 20px}
.machine_before_after .item{display: flex; justify-content: space-between; opacity: 0; width: calc(50% - 10px); transition: opacity 0.5s, transform 1.9s cubic-bezier(.14,.46,0,1.34)}
.machine_before_after .item > div{width: calc(50% - 5px)}
.machine_before_after .item > div .img{overflow: hidden; position: relative; padding-top: 150%; background: #f6f6f6}
.machine_before_after .item > div .img img{position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: none; height: 100%; object-fit: contain}
.machine_before_after .item > div p{padding: 1em 0; background: #6f6f6f; color: #fff; font-size: var(--sub-txt); font-weight: 500; text-align: center}
.machine_before_after .item > div.after p{background: #e1582c}
/* 시술 후 주의사항 */
.machine_notice{padding: 80px calc((100vw - 1110px) / 2); margin-top: 0px; background: #fafafa}
.machine_notice .inner{display: flex; align-items: center}
.machine_notice .tit{flex: 1 1 0; max-width: 30%; margin-right: 1em; color: #000; font-size: var(--sub-txt); font-weight: 500}
.machine_notice ol{counter-reset: ntc_num 0; flex: 1 1 0}
.machine_notice ol li{position: relative; padding-left: 1em; color: #000; font-size: 16px; line-height: var(--lh)}
.machine_notice ol li::before{counter-increment: ntc_num; content: counter(ntc_num)". "; position: absolute; left: 0}
.machine_notice ol li:not(:first-child){margin-top: 0.5em}

/* 기계 슬라이드 - 4col */
.machine_slide{margin-top: 20px}
.machine_slide .swiper-container.bar{padding-bottom: calc(var(--sub-txt)*3)}
.machine_slide .swiper-slide a{display: block; position: relative}
.machine_slide .swiper-slide a::before{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}
.machine_slide .swiper-slide .img{position: relative; width: 100%; height: 0; padding-top: 100%}
.machine_slide .swiper-slide .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%}
.machine_slide .swiper-slide p{padding-top: 1em; font-size: var(--sub-txt);
    font-weight: normal;
    line-height: var(--lh);
    text-align: center;
    color: #888;}
.machine_slide .control{position: absolute; width: 100%; padding-top: calc(100%/4 - 60px/4); top: 0}


/* 05_한약 센터 */
/* La Maison Edition 페이지 전용 콘텐츠 간격 및 너비 */
.la_maison .cont_sec .cont_txt{max-width: 800px}
.la_maison .inner > .cont_sec:first-child{padding-top: 170px}

/* 이미지 그리드 */
.img_area.grid{display: grid; grid-template-columns: repeat(2, calc(100%/2 - 20px/2)); gap: 20px}
.img_area.grid .item{max-width: none; margin: 0 !important}
.img_area.grid .item:not(:first-child){margin-left: 0}
.img_area.grid .item.big{grid-row: 1 / 3}
.img_area.grid .item.small{grid-column: 2 / 3}
.img_area.grid .item.small .img{padding-top: calc(50% - 10px)}
.img_area.grid.col3{grid-template-columns: repeat(3, calc(100%/3 - 40px/3))}
.img_area.grid.col3 .item:last-child{grid-column: 3 / 4}

.material{margin: 0 auto}
.material .grid-sizer{width: calc(25% - 15px)}
.material .gutter-sizer{width: 20px}
.material .item{position: relative; width: calc(25% - 15px); padding-top: calc(25% - 20px); margin-top: 20px}
.material .item.w2{width: calc(50% - 10px)}
.material .item.h2{padding-top: calc(50% - 10px)}
.material .item.w4{width: calc(100% - 0px); padding-top: 35%}
.material .item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.material .item a::before{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 2; width: 2.5em; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: opacity 0.3s}
.material .item a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.material .item > img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.material .item .hover{display: flex; flex-direction: column; justify-content: flex-end; position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; padding-bottom: 2rem; background: rgba(0, 0, 0, 0.3); color: #fff; font-weight: 500; text-align: center; transition: opacity 0.3s}
.material .item .hover p{font-size: var(--h6-tit)}
.material .item .hover p.p49-lineup-title{font-size: 16px; font-weight: 400}
.material .item .hover em{font-size: var(--sub-txt)}
.material .item .video{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.material .item .video::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3)}
.material .item .video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.material .item .video .play_btn{position: absolute; bottom: calc(0% + 1em); right: calc(0% + 1em); width: calc(var(--sub-txt)*1.6667); height: calc(var(--sub-txt)*1.6667); color: #000; line-height: 1em}
.material .item .video .play_btn i{}
.material .item .video .play_btn.on i::before{content: '\f28b'}
.material .item .video .play_btn img{}
.material .item .video .volume_btn{display: flex; align-items: center; justify-content: center; position: absolute; bottom: calc(0% + 1em); right: calc(0% + 3.5em); width: calc(var(--sub-txt)*1.6667); height: calc(var(--sub-txt)*1.6667); background: #fff; color: #9a9a9a; border-radius: 50%; line-height: 1em}
.material .item .video .volume_btn i{font-size: var(--sub-txt);}
.material .item .video .volume_btn.on i::before{content: '\f6a8'; display: block; transform: translateX(-1.15px)}

.wide_modal{padding: 0}
.wide_modal .modal_cont{position: relative; z-index: 1; border: 1px solid var(--gray)}
.wide_modal .modal_cont .img{overflow: hidden; position: relative; width: 100%; padding-top: calc(55vh - 1px); background: #f6f6f6}
.wide_modal .modal_cont .img::before{display: none; content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2)}
.wide_modal .modal_cont .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain}
.wide_modal .modal_cont .cont{overflow-y: auto; height: calc(45vh - 1px); padding: 40px 80px; background: #fff}
.wide_modal .modal_cont .cont::-webkit-scrollbar{width: 20px}
.wide_modal .modal_cont .cont::-webkit-scrollbar-thumb{background-color: #000; border-radius: 10px; background-clip: padding-box; border: 8px solid #fff}
.wide_modal .modal_cont .cont::-webkit-scrollbar-track{background-color: #fff}
.wide_modal .modal_cont .cont .top{position: relative}
.wide_modal .modal_cont .cont .top .tit{font-size: var(--h5-tit); font-weight: 500}
.wide_modal .modal_cont .cont .top .sub_tit{display: block; margin-top: 0.6em; font-size: var(--sub-txt)}
.wide_modal .modal_cont .cont .top span{position: absolute; top: 0; right: 0; font-size: var(--sub-txt)}
.wide_modal .modal_cont .cont .bottom{margin-top: 2.5em; font-size: var(--sub-txt)}
.wide_modal .modal_cont .cont .bottom p{}
.wide_modal .modal_cont .close{position: absolute; top: 0.5em; right: 0.5em; z-index: 2; width: 1em; color: #000; font-size: var(--h4-tit); line-height: 1}


/* 07_병원소개 */
.story_bg{padding: 180px 0; margin-top: 100px; background: url(/img/inc-img/temp/temp_cont02_01_visual.png) no-repeat center/cover; text-align: center}
.story_bg p{color: #fff; font-size: var(--h4-tit); font-weight: 500}


/*이벤트 페이지*/
.event_cont{}
.event_cont h5.underline{max-width:555px;border-bottom:7px solid #000;margin:0 auto 1.66vh auto;padding-bottom:17px;}
.event_cont h4.underline{max-width:555px;border-bottom:7px solid #000;margin:0 auto 1.66vh auto;padding-bottom:20px;}
.event_cont .reservation{width:555px;margin:0 auto;}
.event_cont .reservation .input_wrap{padding-top:19px;}
.event_cont .reservation .input_wrap dt{color:#000;}
.event_cont .reservation .input_wrap dd{color:#000;margin-bottom:40px;}
.event_cont .reservation .input_wrap dd input{border-bottom:1px solid #7e7e7e;width:100%;padding:7px 0;}
.event_cont .reservation .input_wrap dd input:placeholder{color:#888;}
.event_cont .reservation .input_wrap dd input:focus:placeholder{color:transparent;}
.event_cont .del_txt{color:#888;}
.event_cont .noti_txt{padding: 1em 1.25em;margin-top: 0.5em;background:#f8f8f8;}
.event_cont .noti_txt.w555{margin-top:1.66vh;}
.event_cont .noti_txt ul li{text-indent:-15px;padding-left:15px;}
.event_cont .w555{width:555px;margin:0 auto;}
.event_cont .check_box .chk_detail{color:#888; float: right;}
.event_cont .chk_detail_con{max-height:100em;padding: 1em 1.25em;overflow:hidden;}
.event_cont .btn_area{margin-top:35px;}
.event_cont .complete h2{font-size: var(--h5-tit);text-align:center;font-weight:400;}
.event_cont .complete .img_area .item .txt strong{color:#000;font-weight:500;}
.event_cont .complete .btn_wrap{text-align:center;margin:50px 0 100px 0;}
.event_cont .complete .btn_wrap a{font-size:14px;color:#000;border:1px solid #b1b1b1;display:inline-flex;line-height:1;padding:8px 13px;margin:0 12px;border-radius:100px;font-weight:400;}
.event_cont .complete .btn_wrap a img{vertical-align: inherit;margin-right:5px;}


/* brandbook */
.extra_top{overflow: hidden; position: relative; padding-top: 100vh; transition: padding 0.6s}
.extra_top .img{position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1}
.extra_top .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 4s ease-in-out}
.extra_top .img.zoom img{transform: translate(-50%,-50%) scale(1)}
.extra_top .inner{position: absolute; left: 50%; bottom: 0%; z-index: 2; transform: translate(-50%, 0%); width: 100%; max-width: 100%; height: calc(100% - 60px); padding: 0 20px}
.extra_top .txt{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 20px; color: #fff; text-align: center}
.extra_top .txt strong{font-size: 54px}
.extra_top .txt p{display: block; margin-top: 1em; font-size: 19px}

.modal.book_app .modal_cont{width: 500px; max-width: 100%; margin: 0 auto; background-color: #fff}
.modal .cont .adr{display: flex; flex-wrap: wrap}
.modal .cont .adr > *{width: 100%}
.modal .cont .adr div{display: flex; justify-content: space-between; margin-bottom: 5px}
.modal .cont .adr div button{width: 80px; margin-right: 5px; background: #000; color: #fff; font-size: var(--sub-txt); text-align: center}

/* artist */
.artist{font-family:'outfit','Noto Sans KR';}
.artist_info{}
.artist_slide{margin-top: 100px}
.artist_slide .img{position: relative; width: 100%; padding-top: 100%}
.artist_slide .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top}
.artist_slide .img div{display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; padding: 0 1rem; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; transition: opacity 0.3s}
.artist_slide .img div p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--h6-tit); font-weight: 500}
.artist_slide .img div span{position: relative; padding-top: 0.6em; margin-top: 0.6em; font-size: var(--sub-txt); font-weight: 500}
.artist_slide .img div span::before{content: ''; position: absolute; top: 0; left: calc(50% - var(--h6-tit)/2); width: var(--h6-tit); height: 1px; background: #fff}

/* 요소 간 정렬 */
.inner > .cont_sec:first-child{padding-top: 115px}
.moveText + .inner > .cont_sec:first-child{padding-top: 170px}
.cont_sec.bg + .cont_sec{padding-top: 85px}
.cont_sec.bg.halfpd + .cont_sec{padding-top: 135px}
.cont_sec h4.bar + .cont_txt{margin-top: 0; text-align: center}
.cont_sec h4.bar + .cont_txt.left{text-align: left}
.cont_sec h6 + .cont_txt{margin-top: 1.66vh}
.img_area .item * + .img{margin-top: var(--sub-txt)}
.img_area + h5, .img_area + h6, .img_area + .cont_txt{margin-top: 1.5rem}
div[class*='_slide'] + .cont_txt{margin-top: 2em}
.cont_sec.big_data_sec{padding-top: 0}
.cont_sec.big_data_sec .h4_sec{margin-top: calc(var(--h5-tit)*2.65625)}
.cont_sec.big_data_sec .diete_meal + .h4_sec{margin-top: calc(var(--h5-tit)*2.65625 - var(--h6-tit)*2)}


.type1Slide.swiper-container{width: 100%}
.type1Slide .swiper-pagination{display: none}

.type2Slide.swiper-container{width: 100%}
.type2Slide .control{display: none}
.type2Slide .swiper-pagination{display: none}

.type4Slide.swiper-container{width: 100%}
.type4Slide .control{display: none}
.type4Slide .swiper-pagination{display: none}

.type5Slide.swiper-container{width: 100%}
.type5_1Slide1.swiper-container{width: 100%}
.type5_1Slide2.swiper-container{width: 100%}
.type5_1Slide3.swiper-container{width: 100%}
.type5_1Slide4.swiper-container{width: 100%}
.type5_1Slide5.swiper-container{width: 100%}
.type5_1Slide6.swiper-container{width: 100%}
.type5_1Slide7.swiper-container{width: 100%}
.type5_1Slide8.swiper-container{width: 100%}
.type5_1Slide9.swiper-container{width: 100%}
.type5_1Slide10.swiper-container{width: 100%}
.type5_1Slide11.swiper-container{width: 100%}
.type5_1Slide12.swiper-container{width: 100%}


/* 서브페이지 푸터 너비 */
/* 푸터 .inner wrapper 제거됨 (2026-08-21) */

.pt150 {padding-top: 150px}



/* hover */
@media (min-width: 1025px){
	
    .cont_sec a.link:hover{opacity: 0.7}

    .img_area .item:hover .hover{opacity: 1}
    .img_area .item .img.scale:hover img{transform: translate(-50%, -50%) scale(1.1)}
    .img_area .item .img:hover a::after{}

    .img_slide .swiper-slide:hover .img .hover{opacity: 1}

    .full_img .item:hover img{transform: scale(1.1)}

    .zigzag_cont .item .img:hover a::before{}

    /*
    .real_model2 .swiper-slide a:hover img{height: 90%}
    .real_model2 .swiper-slide a:hover .txt_wrap{transform: translateY(0%)}
    */

    .formula_img_set .item:hover .img img{transform: translate(-50%, -50%) scale(1.1)}

    .machine_slide .swiper-slide a:hover::before{}
    .machine_hover .item:hover .img::before{opacity: 0}
    .machine_hover .item:hover .hover{}

    .machine_before_after .item:nth-child(2n-1){transform: translateX(-30px); transition-delay: 0.2s}
    .machine_before_after .item:nth-child(2n){transform: translateX(30px); transition-delay: 0.4s}
    .machine_before_after.animated .item{opacity: 1; transform: translateX(0px)}

    .material .item:hover a::before{opacity: 0}
    .material .item:hover .hover{opacity: 1}

    .dieteMeal_slide .swiper-slide .img:hover::after{}
	.dieteMeal_slide2 .swiper-slide .img:hover::after{}
	.dieteMeal_slide3 .swiper-slide .img:hover::after{}

    .artist_slide .img:hover div{opacity: 1}

}











/* PC만 적용*/
@media (min-width: 1025px){ 
	.mid_font_pc{font-weight:normal !important;}
	.mid_font_pc span,
	.mid_font_pc p,
	.mid_font_pc ul li,
	.mid_font_pc ol li{font-weight:inherit;}
	.f_black{color:#000 !important;;}

	.mt100_pc{margin-top:100px !important;}
	/*
	.img_area .item .txt .list.pc_only{display:flex !important;}
	.img_area .item .txt .list span{flex: 1 1 16%;padding-right:0;}
	.img_area .item .txt .list span:not(:last-child)::before{top:7px;}
	*/
}




.swiper-wrapper-no .swiper-slide{margin-bottom:18px;}
.machine_slide .swiper-wrapper-no{width:100%;display:inline-block;}
.machine_slide .swiper-wrapper-no .swiper-slide{display: block;width: 100% !important;}
@media (min-width: 1025px){ 
	.swiper-wrapper-no{position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;}
}

/* 화면이 768px 미만일 경우 적용될 스타일 */



/*********** 크몽 **************/

.font-gray{color:#888}
.font400{font-weight:400 !important;}
.font500{font-weight:500 !important;}
.font600{font-weight:600 !important;}

.sub_pb {padding-bottom: 240px; min-height:calc(100vh - 344px)}
#container{min-height: calc(100vh - var(--footer-height)); padding-bottom: 115px;}
.page-39 #container{padding-bottom:65px !important;}

.img_area2 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px; /* 요소 사이의 간격을 설정 */
}
.img_area2 .items {
  flex: 1 1 calc(50% - 14px); /* flex-basis 값을 계산하여 간격을 고려 */
  display: flex; /* flex 설정 */
  flex-direction: column; /* 요소들을 세로로 쌓음 */
  align-items: center; /* 세로 중앙 정렬 */
  overflow: hidden; /* 이미지가 컨테이너를 벗어나지 않도록 설정 */
}
.img_area2 .items .img {
  width: 100%; /* 부모 요소의 전체 너비를 차지하도록 설정 */
  display: flex; /* 이미지를 중앙에 배치하기 위한 flex 설정 */
  justify-content: center; /* 가로 중앙 정렬 */
  align-items: center; /* 세로 중앙 정렬 */
  padding-top: 100%; /* 가로 크기에 대한 세로 크기의 비율을 1:1로 설정 */
  position: relative; /* 이미지를 절대 위치로 설정하기 위한 기준점 */
}    
.img_area2 .items .img::after{
	content: '\2b';
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 1;
    width: 2.5em;
    background: rgba(255, 255, 255, 1);
    color: #000;
    font-size: var(--sub-txt);
    font-family: var(--awesome);
    text-align: center;
    border-radius: 50%;
    line-height: 2.5em;
    transition: background 0.3s;
}
.img_area2 .items .background-gray {
	background-color: #f6f6f6; /* 옅은 회색 배경 설정 */
}
.img_area2 .items .img img {
  max-width: 90%; /* 이미지의 최대 너비를 컨테이너의 너비로 제한 */
  max-height: 90%; /* 이미지의 최대 높이를 컨테이너의 높이로 제한 */
  position: absolute; /* 절대 위치 설정 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48.2%); /* 이미지를 정확히 중앙에 배치 */
  object-fit: contain; /* 이미지가 비율을 유지하면서 컨테이너 안에 들어가도록 설정 */
}
.img_area2 .items .txt{margin-top: 1.44vh;}
.img_area2 .items .txt *.center{text-align: center}
.img_area2 .items .txt *:first-child{margin-top: 0}
.img_area2 .items .txt p{margin-top: 1em; font-size: var(--sub-txt); 
font-weight: normal; line-height: var(--lh); text-align: center; color: #888; font-weight: 400}
.img_area2 .items .txt p.fnomal{font-weight: normal}
.img_area2 .items .txt p.tleft{text-align: left; color: inherit;}
.img_area2 .items .txt span{display: block; font-size: var(--sub-txt); line-height: var(--lh); text-align: center}
.img_area2 .items .txt span.center{margin: 1em auto 0}

.img_area2 .items .txt strong{font-weight: bold;}
.img_area2 .items .txt ul.type1{margin-top: 1em}
.img_area2 .items .txt dl{display: grid; grid-template-columns: auto 1fr; gap: 0 2em; margin-top: 1em; font-size: var(--sub-txt); line-height: var(--lh)}
.img_area2 .items .txt dl dt{grid-column: 1; font-weight: 400; font-size: var(--sub-txt); color: #888}
.img_area2 .items .txt dl dd{grid-column: 2; font-weight: 400; font-size: var(--sub-txt); color: #888}

.lineheight_1_2 {line-height: 1.2 !important;}
.lineheight_1_4 {line-height: 1.4 !important;}

.relative {position: relative;}
.no-after::after{content: none !important;}
.after::after{content: '\2b'; position: absolute; top: 1em; right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: calc(var(--h6-tit) * 10 / 15); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s}

.textleft {text-align:left !important;}
.textcenter {text-align:center !important;}
.dieteMeal_slide3 .swiper-slide .img .paper {
	width: 90%; height: 90%; transform: translate(5%, 7.9%); object-fit: contain;
}
.light-gray{background-color:#f6f6f6}
.inline-weight500{display:inline-block !important;font-weight:500 !important; margin-top:0 !important;}
.inline-weight600{display:inline-block !important;font-weight:600 !important; margin-top:0 !important;}
.inline-weight700{display:inline-block !important;font-weight:700 !important; margin-top:0 !important;}
.inline-weight750{display:inline-block !important;font-weight:700 !important;text-shadow: 0.3px 0px currentColor !important; margin-top:0 !important;}
.inline-weight800{display:inline-block !important;font-weight:800 !important; margin-top:0 !important;}
.inline-weight830{display:inline-block !important;font-weight:800 !important;text-shadow: 0.3px 0px currentColor !important; margin-top:0 !important;}
.inline-weight850{display:inline-block !important;font-weight:800 !important;text-shadow: 0.5px 0px currentColor !important; margin-top:0 !important;}

.inline_span span {display: inline-block !important;margin-top: 0 !important; font-size: inherit !important}
.inline_i i {display: inline-block !important;margin-top: 0 !important; font-size: inherit !important;font-style:normal !important;}
.word-break {text-align:justify;word-break:break-all;}
.line-through {text-decoration: line-through;}
.blur {filter: blur(10px) !important;}

.maxw100{max-width:100% !important;}

.diary > .inner{position:relative;}
.diary .img_area .item .txt{margin-top:6px ;}
.diary .img_area .item .txt p{margin-top:0 ;line-height:28px;}
.diary .diary_sns_box{z-index: 23;position: absolute;top: 122px;left: -50px;display: flex;flex-direction: column;font-size: 0;}

	.diary > .inner > .diary_sns_box{
		position: relative;
		top: 122px;
		left: 5px;
		width: 38px;
		margin-bottom: -153px;
	}

.diary_sns_box .circle {border: none;width: 38px;height: 38px;overflow: hidden;margin-bottom: 13px;border-radius: 50%;position: relative;text-indent: -9999px;background-position: 50% 50%;background-repeat: no-repeat;background-color: #f5f5f5;cursor:pointer;}
.diary_sns_box .circle:hover {background-color: #000;}
.diary_sns_box .circle .facebook{width: 38px;height: 38px;background: url(/img/icon/share_facebook.png) 50% 50% no-repeat;}
.diary_sns_box .circle .facebook:hover{width: 38px;height: 38px;background: url(/img/icon/share_facebook_on.png) 50% 50% no-repeat;}
.diary_sns_box .circle .twitter{width: 38px;height: 38px;background: url(/img/icon/share_x.png) 50% 50% no-repeat;}
.diary_sns_box .circle .twitter:hover{width: 38px;height: 38px;background: url(/img/icon/share_x_on.png) 50% 50% no-repeat;}
.diary_sns_box .circle .link{width: 38px;height: 38px;background: url(/img/icon/share_link.png) 50% 50% no-repeat;}
.diary_sns_box .circle .link:hover{width: 38px;height: 38px;background: url(/img/icon/share_link_on.png) 50% 50% no-repeat;}

.artist .img_area .item .txt{margin-top:6px ;}
.artist .img_area .item .txt p{margin-top:0 ;line-height:28px;}
.artist .artist_sns_box{z-index: 23;position: absolute;top: 0;left: -50px;display: flex;flex-direction: column;font-size: 0;}
.artist_sns_box .circle {border: none;width: 38px;height: 38px;overflow: hidden;margin-bottom: 13px;border-radius: 50%;position: relative;text-indent: -9999px;background-position: 50% 50%;background-repeat: no-repeat;background-color: #f5f5f5;cursor:pointer;}
.artist_sns_box .circle:hover {background-color: #000;}
.artist_sns_box .circle .facebook{width: 38px;height: 38px;background: url(/img/icon/share_facebook.png) 50% 50% no-repeat;}
.artist_sns_box .circle .facebook:hover{width: 38px;height: 38px;background: url(/img/icon/share_facebook_on.png) 50% 50% no-repeat;}
.artist_sns_box .circle .twitter{width: 38px;height: 38px;background: url(/img/icon/share_twitter.png) 50% 50% no-repeat;}
.artist_sns_box .circle .twitter:hover{width: 38px;height: 38px;background: url(/img/icon/share_twitter_on.png) 50% 50% no-repeat;}
.artist_sns_box .circle .link{width: 38px;height: 38px;background: url(/img/icon/share_link.png) 50% 50% no-repeat;}
.artist_sns_box .circle .link:hover{width: 38px;height: 38px;background: url(/img/icon/share_link_on.png) 50% 50% no-repeat;}

.link_modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);}
.link_modal_content {position:relative;background: #fff;width: 400px;margin: 24% auto;padding: 54px 40px 40px;box-sizing: border-box;text-align: center;font-size:20px;}
.link_close {position:absolute;right:9px;top:9px;color: #aaa;font-size: 30px;line-height:1;font-weight: bold;}
.link_close:hover,.link_close:focus {color: black;text-decoration: none;cursor: pointer;}
.close_button {margin-top:30px;width:100%;background:#000;font-size:14px;height:50px;line-height:50px;text-align:center;border:none;color:#fff;}

.diary_slide { margin: 64px auto 57px auto !important; padding:0 20px;}
.diary_slide .swiper-slide .img { display: flex; justify-content: center; overflow: hidden; position: relative; padding-top: calc(500 / 740 * 100%); background: #F7F7F7; }
.diary_slide .swiper-slide .img::after { content: '\\2b'; position: absolute; top: calc((100% - 740px) / 2 + 1em); right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s; cursor: pointer; }
.diary_slide .swiper-slide .img img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); cursor: pointer; }
.diary_slide .swiper-slide p { margin-top: 1em; font-size: var(--sub-txt); font-weight: 400; text-align: center; }
.diary_title { margin: 6px 0 0 0; color:#888; font-size: var(--sub-txt); line-height:1;}
.diary_slide .swiper-progress-bar-wrapper { position: relative; width: 740px; margin: 40px auto 0; }
.diary_slide .swiper-progress-bar { position: relative; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.1); }
.diary_slide .swiper-progress-bar .progress-bar-fill { position: absolute; top: 0; left: 0; height: 100%; background-color: #000; transition: width 0.3s ease; }
.diary_slide .swiper-pagination { position: absolute; height: 0 !important; top: -33px !important; left: 25px !important; font-size: var(--sub-txt); font-family: 'outfit'; font-weight: 400; color: #000; }
.diary_slide .swiper-pagination .swiper-pagination-current,
.diary_slide .swiper-pagination .swiper-pagination-total { font-family: 'outfit'; font-weight: 400; }

.ba_slide { margin: 64px auto 57px auto !important;padding:0 20px;}
.ba_slide .swiper-slide .img { display: flex; justify-content: center; overflow: hidden; position: relative; padding-top: calc(500 / 740 * 100%); background: #F7F7F7; }
.ba_slide .swiper-slide .img::after { content: '\\2b'; position: absolute; top: calc((100% - 740px) / 2 + 1em); right: 1em; z-index: 1; width: 2.5em; background: rgba(255, 255, 255, 1); color: #000; font-size: var(--sub-txt); font-family: var(--awesome); text-align: center; border-radius: 50%; line-height: 2.5em; transition: background 0.3s; cursor: pointer; }
.ba_slide .swiper-slide .img img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); cursor: pointer; }
.ba_slide .swiper-slide p { margin-top: 1em; font-size: var(--sub-txt); font-weight: 400; text-align: center; }
.ba_title { margin: 6px 0 0 0; color:#888; font-size: var(--sub-txt); line-height:1;}
.ba_slide .swiper-progress-bar-wrapper { position: relative; width: 740px; margin: 40px auto 0; }
.ba_slide .swiper-progress-bar { position: relative; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.1); }
.ba_slide .swiper-progress-bar .progress-bar-fill { position: absolute; top: 0; left: 0; height: 100%; background-color: #000; transition: width 0.3s ease; }
.ba_slide .swiper-pagination { position: absolute; height: 0 !important; top: -33px !important; left: 25px !important; font-size: var(--sub-txt); font-family: 'outfit'; font-weight: 400; color: #000; }
.ba_slide .swiper-pagination .swiper-pagination-current,
.ba_slide .swiper-pagination .swiper-pagination-total { font-family: 'outfit'; font-weight: 400; }

.qna {margin-bottom:57px !important;}
.qna .img_area {margin-top:64px;}
.qna .img_area .item.full .img{padding-top: calc(925 / 740 * 100%);}
.qna .img_area .item.full500 .img{padding-top: calc(500 / 740 * 100%);}
.qna .img_area .item.full550 .img{padding-top: calc(550 / 960 * 100%);}

.bottom_image .img_area .item.full_h .img {padding-top: calc(100% - 60px);background-image: url('https://via.placeholder.com/1200x800/EFEFEF'); background-position: center; background-size: contain; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat;}
.bottom_image .img_area .item .img img {width:50%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%);}
.bottom_image .img_area .item .txt {position:absolute;width:20%;height:20%;top:10px;left:calc(100% - 10px);transform:translate(-100%,0);}

.question{font-weight:500 !important;margin:0 !important;}
.question_next{margin:57px 0 0 !important;}
.answer{margin:8px 0 0 !important;}
.answer span{background-color:#292929;color:white;line-height:1.5;padding:0 0 3px 0;}
.answer strong{font-family:'outfit';background-color:#292929;color:white;line-height:1.5;padding:0 0 3px 0;font-weight:400 !important;}
.dot_border {border-top: 1px dotted #000;padding: 0 20px; margin: 57px auto 0 auto;}
.credit {margin: 57px auto;}
.credit_title {font-family:'Georgia';font-style:italic;font-size:18px;margin: 0 0 10px 0;}
.credit_content {font-size:18px;}

.bottom_list {background-color:#F7F7F7;padding:55px 0 59px 0;}
.bottom_list_title {margin-bottom:22px;font-size: 37px; font-family:'PlayfairDisplay-Regular';line-height:1;}
.bottom_list .swiper-container {overflow:visible;}
.bottom_list .swiper-progress-bar-wrapper { position: relative;  margin: 33px auto 0; }
.bottom_list .swiper-progress-bar { position: relative; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.1); }
.bottom_list .swiper-progress-bar .progress-bar-fill { position: absolute; top: 0; left: 0; height: 100%; background-color: #000; transition: width 0.3s ease; }
.bottom_list .txt {margin-top:11.6px !important;}
.bottom_list .txt .bottom_title {font-size:18px;font-weight:500;color:#000;text-align:left;}
.bottom_list .txt .bottom_content {font-size:18px;line-height:1.4;margin-top:1.0px;text-align:left;}
.full_h {height: calc(100vh - var(--header-height, 142px));}

.no-scroll {position: fixed;width: 100%;}

.footer_wide {max-width:none !important;padding:0 3rem !important;}

/* 전후사진 39_view */
.beforeafter_slide {max-width: 50% !important;}
.beforeafter_slide .swiper-container{background-color:#efefef;}
.beforeafter_slide .swiper-wrapper{padding:14% 0;}
.beforeafter_slide .swiper-slide .img {display: block; background: #EFEFEF;}
.beforeafter_slide .swiper-slide .img img {position: absolute; top: 50%; left: 0; width: 100%; object-fit: cover; transform: translateY(-50%);}
.beforeafter_slide .swiper-slide p {margin-top: 1em; font-size: var(--sub-txt); font-weight: 400; text-align: center;}
.beforeafter_slide .swiper-pagination {bottom: calc(7% - 21px) !important; height: auto !important; background: none !important;}
.beforeafter_slide .swiper-pagination-bullet {background-color: #fff; border: 1px solid #000; width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%; opacity: 1; margin: 0 7px !important;}
.beforeafter_slide .swiper-pagination-bullet-active {background-color: #000;}

.ba_sub_cont{padding-top: 40px;}
.ba_inner{max-width: 1280px;padding: 0 90px;margin: 0 auto;width: 100%;}
.ba_cont_sec{margin: 0;}
.ba_items{padding-left:4.5% !important;display:flex;flex-direction:column;position:relative;}
.ba_tag{font-size:16px;}
.ba_kg_box{flex:4.5;display:flex;flex-direction:row;}
.ba_kg_box_inner{display:flex;flex-direction:column;justify-content:center;}
.ba_kg_box_inner:first-child{margin-right:80px;}
.ba_kg{display:flex;}
.ba_kg .inline_span{flex:1;font-size:36px;font-family:'outfit';font-weight:350;white-space:nowrap;}
.ba_sub_title{font-size:20px;font-family:'outfit',"Noto Sans KR";font-weight:500;}
.ba_program{display:flex;}
.ba_items .ba_program_sns_box{z-index: 23;position: relative;top: 0;right: 0;display: flex;flex-direction: row;justify-content: flex-end;align-self: flex-end;font-size: 0;}
.ba_program_sns_box .circle {border: none;width: 38px;height: 38px;overflow: hidden;margin-left: 14px;border-radius: 50%;position: relative;text-indent: -9999px;background-position: 50% 50%;background-repeat: no-repeat;background-color: #f5f5f5;cursor:pointer;}
.ba_program_sns_box .circle:first-child {margin-left: 0;}
.ba_program_sns_box .circle:hover {background-color: #000;}
.ba_program_sns_box .circle .facebook{width: 38px;height: 38px;background: url(/img/icon/share_facebook.png) 50% 50% no-repeat;}
.ba_program_sns_box .circle .facebook:hover{width: 38px;height: 38px;background: url(/img/icon/share_facebook_on.png) 50% 50% no-repeat;}
.ba_program_sns_box .circle .twitter{width: 38px;height: 38px;background: url(/img/icon/share_x.png) 50% 50% no-repeat;}
.ba_program_sns_box .circle .twitter:hover{width: 38px;height: 38px;background: url(/img/icon/share_x_on.png) 50% 50% no-repeat;}
.ba_program_sns_box .circle .link{width: 38px;height: 38px;background: url(/img/icon/share_link.png) 50% 50% no-repeat;}
.ba_program_sns_box .circle .link:hover{width: 38px;height: 38px;background: url(/img/icon/share_link_on.png) 50% 50% no-repeat;}


	.diary_sns_box .circle .twitter,
	.diary_sns_box .circle .twitter:hover,
	.ba_program_sns_box .circle .twitter,
	.ba_program_sns_box .circle .twitter:hover{background-size: 13px 13px;}
	.diary_sns_box .circle .facebook,
	.diary_sns_box .circle .facebook:hover,
	.artist_sns_box .circle .facebook,
	.artist_sns_box .circle .facebook:hover,
	.ba_program_sns_box .circle .facebook,
	.ba_program_sns_box .circle .facebook:hover{background-size: 8.8px 16.5px;}


.ba_program ul{width:100%;display:flex;flex-direction:column;align-self: flex-end;}
.ba_program .ba_program_li{display:flex;align-items:center;justify-content: space-between;line-height:1.5;border-bottom:1px solid #ececec;font-size: 16px; font-weight: 400;padding:18px 0;max-height: calc(16px* 1.5 + 40px);}
.ba_program .ba_program_li:first-child{flex:2;padding:0 0 18px 0;}
.ba_program .ba_program_li:nth-child(2){flex:2}
.ba_program .ba_program_li:last-child{flex:6;max-height: calc(16px* 1.5* 5 + 40px);border-bottom:none;padding-bottom:0;}
.ba_program_tit{font-size: 16px; color: #222; font-weight: 400;display:flex;align-items:center;}
.ba_program_tit:before{content: ''; width: 8px; height: 8px; margin-right: 10px; border:1px solid #000;}
.ba_detail_ul{text-align:right;line-height:1.5;}
.ba_detail_left_ul{line-height:1.5;}
.ba_detail_left_ul li{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.ba_detail_left_ul li:not(:first-child){color:#fff}

.ba_section_line{margin-top:60px;width:100%;height:1px;border-top:1px solid #ececec;}
.ba_profile_title{font-size: var(--h5-tit);line-height: 1;margin:30px 0;font-weight:500;}
.ba_profile {display: flex; justify-content: space-between; align-items: center; height: 50px; font-size: 16px; color: #fff; background-color: #000; margin:0;font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
.ba_profile em.outfit{font-family: 'Outfit'; font-size: 16px; font-weight: 250;}
.profile-item {flex-grow: 1; text-align: center; position: relative; line-height: 1.5; padding-top: 1px;}
.profile-item:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-right: 1px solid #fff; height: 14px;}
.profile-title{margin-right:5px;}
.profile-item>.profile-title, .profile-item>.profile-value, .profile-item>em.outfit{position: relative; top: -1.5px;}

/* 전후사진 탑 */
.beforeafter_top .cont .img{position: relative; overflow: hidden; height: calc((100vw - 220px) / 3); max-height:353.25px;}
.beforeafter_top .cont .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease-in;}
.beforeafter_top .cont .txt_box{position: relative;margin-top:1.1rem;text-align:center;}
.beforeafter_top .cont .txt_box .tit{font-size:var(--sub-txt);color:#000;margin-bottom:15px;font-weight: 400;}
.beforeafter_top .cont .txt_box .line{width:33%;height:1px;background-color:#eee;margin:15px auto;}
.beforeafter_top .cont .txt_box .date{font-size: var(--sub-txt); color: #888;font-weight: 400;}

/* 전후사진 */
.beforeafter_list{display: flex; flex-wrap: wrap; margin-top: 20px;}
.beforeafter_list .cont{margin-right: 20px; width: calc(33.33% - 40px / 3)}
.beforeafter_list .cont:nth-child(3n){margin-right: 0;}
.beforeafter_list .cont:nth-child(n+4){margin-top: 60px}
.beforeafter_list .cont .img{width: 100%; position: relative; padding-top: 100%; overflow: hidden}
.beforeafter_list .cont .img:before{position: absolute;content: "";width: 100%;height: 100%;background-color: #000;opacity: 0.02;z-index: 1;left: 0;top: 0}
.beforeafter_list .cont .img.no_img:after{width: 60%; height: 20%;background-image: url('../img/logo_short_b.svg'); background-position: center; background-size: contain; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat; opacity: 0.2}
.beforeafter_list .cont .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-position: center; object-fit: cover; transition: all .3s ease-in;}
.beforeafter_list .cont .txt_box{position: relative;margin-top: 1.1rem;text-align:center;}
.beforeafter_list .cont .txt_box .tit{font-size:var(--sub-txt);color:#000;margin-bottom:15px;font-weight: 400;}
.beforeafter_list .cont .txt_box .date{font-size: var(--sub-txt); color: #888;}

.epilogue-top {padding:31.5px 0;font-size: var(--h5-tit);line-height:1;background-color:rgb(247,247,247);color:black;display:flex;flex-direction:row;}
.epilogue-item {text-align: center; position: relative;font-weight:500;margin-left:25px;}
.epilogue-title{font-size: var(--h5-tit);line-height:1;font-weight:500;}

/*
.epilogue-item:first-child{margin-left:10px;color:#888;font-size: var(--sub-txt);}
.epilogue-item:last-child{margin-left:20px;}
.epilogue-item:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-right: 1px solid black; height: var(--h5-tit);}
*/




	.mo_only_in{display:none !important;}
	.pc_only_in{display:inline-block !important;}
	.mo_only_flex{display:none !important;}
	.pc_only_flex{display:flex !important;}
	
	.margin20_pc {margin-top:20px !important;}
	.top_margin0{margin-top:0 !important;}
	.top_margin05em{margin-top:0.5em !important;}
	.top_margin5{margin-top:5px !important;}
	.top_margin16{margin-top:16px !important;}
	.top_margin18{margin-top:18px !important;}
	.top_margin20{margin-top:20px !important;}
	.top_margin24{margin-top:24px !important;}
	.top_margin27{margin-top:27px !important;}
	.top_margin30{margin-top:30px !important;}
	.top_margin32{margin-top:32px !important;}
	.top_margin35{margin-top:35px !important;}
	.top_margin42{margin-top:42px !important;}
	.top_margin65{margin-top:65px !important;}
	.top_margin100{margin-top:100px !important;}
	.top_margin112_5{margin-top:112.5px !important;}
	.top_margin120{margin-top:120px !important;}
	
	.top_margin130{margin-top:130px !important;}
	.top_margin195{margin-top:195px !important;}
	
	.top_marginrem1{margin-top: 1.3rem !important;}
	.top_padding66_pc{padding-top:66px !important;}
	.top_padding100_pc{padding-top:100px !important;}
	.top_padding106_pc{padding-top:106px !important;}
	.top_padding112_5_pc{padding-top:112.5px !important;}
	.letter_space{letter-spacing:1px; width:100% !important;}
	.cont_more_p{margin-top:1.66vh !important;}
	.pipe{visibility:hidden;}
	.top_marginvw100{margin-top: 1.00vw !important;}
	.top_marginvh100{margin-top: 1.00vh !important;}
	.top_marginvh144{margin-top: 1.44vh !important;}
	.top_marginvh166{margin-top: 1.66vh !important;}
	.top_marginvh170{margin-top: 1.70vh !important;}
	.pc_top_marginvh200{margin-top: 2.00vh !important;}
	.bottom_margin20{margin-bottom:20px !important;}
	.bottom_margin40{margin-bottom:40px !important;}
	.bottom_margin65{margin-bottom:65px !important;}
	.bottom_margin100{margin-bottom:100px !important;}
	.bottom_margin154{margin-bottom:154px !important;}
	
	.padding0{padding:0 !important;}
	
	.pipe_1{width:calc(1px * 1.5);height:calc(var(--sub-txt) - 2px);background-color:#888;margin-left:10px;margin-right:10px;display: inline-block; transform: translateY(10%);font-size:var(--sub-txt);}
	.pipe_4{width:calc(1px * 1.5);height:calc(var(--sub-txt) - 2px);background-color:#888 !important;margin-left:10px;margin-right:10px;display: inline-block; transform: translateY(10%);}
	.row_list span {font-weight:400;font-size:var(--sub-txt);margin-top:0 !important;}
	.row_list span:first-child{font-weight:500}
	.tcenter{text-align:center !important;}
	.black{color:black !important;}
	.white{color:white !important;}
	div[class*='_slide'] .control div.swiper-button-disabled{display: none}
	.media_video {max-width:100% !important;margin-left:auto !important;margin:0 auto;padding:0 20px;}
	.media_video .img{padding-top: calc(382 / 680 * 100%) !important;}
	.opacity70{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	.opacity_text{position:absolute;color:white;font-size:80px;z-index:29 !important;display:block !important; width: max-content;top:51%; left:50%; transform: translate(-50%,-50%);text-align:center;text-shadow:1px 1px 7px rgba(92, 92, 92, 0.9);}
	.media_list_line{background-color:#ececec;height:1px;max-width:1090px;width:100%;margin:0 auto;}
	.media_list_button{background:#f3f3f3;padding:7px 32px 9px 32px;}
	.beforeafter_list_line{border-top:1px solid #ececec;width:100%;margin:27px 0 0 auto;text-align:right;}
	.beforeafter_list_button{background:rgb(242,242,242);padding:7px 32px 9px 32px;margin:30px auto 55px auto;}
	.epilogue_a4_img{width:70%;margin:0 auto;}
	
	.diary .inner .cont_sec{position:relative;padding-top:120px;}
	.artist .inner .cont_sec{position:relative;padding-top:180px;}
	.artist .inner .cont_sec:nth-child(2){position:relative;padding-top:0px;}
	.artist .inner .qna .img_area:nth-child(1){margin-top:59px;}
	
	.question:before{content: "Q";margin-right: 10px;font-size: 22px;font-family: 'Georgia';font-style:italic;line-height: 1em;font-weight: 400;}
	.artist .question:before{content:none;}
	.answer:before{content: "A";margin-right: 10px;font-size: 22px;font-family: 'Georgia';font-style:italic;line-height: 1em;font-weight: 400;}
	.artist .answer:before{content:none;}
	.titleText{position:absolute;bottom:63px;left:50%;z-index:2;transform:translate(-50%,0%);width:1120px;}
	.titleText1{font-size:18px;color:white;font-weight:400;}
	.titleText2{font-size:55px;line-height:76px;margin-top:7px;color:white;letter-spacing: 0.138rem;font-weight:500;}
	.titleText3{margin-top:10px;font-size: 20px;font-weight: 400;color:white;}
	.titleTexta{position:absolute;bottom:63px;left:50%;z-index:2;transform:translate(-50%,0%);width:1120px;}
	.titleText1a{font-family:'outfit','Noto Sans KR';font-size:18px;color:#5310C8;font-weight:500;text-align:center;}
	.titleText2a{font-family:'outfit','Noto Sans KR';font-size:36px;line-height:1;margin-top:7px;color:#000;letter-spacing: 0.138rem;font-weight:600;text-align:center;}
	.titleText3a{font-family:'outfit','Noto Sans KR';margin-top:17px;font-size: 18px;color:#000;text-align:center;}
	    
	.w740 {width : 740px !important;}
	.w780 {width : 780px !important;}
	.w960 {width : 960px !important;}
	.w1000 {width : 1000px !important;}
	
	
	.instabox {border: 1px solid #dadada; width:370px; height:370px;padding:18px;font-size:18px;}
	.instaFace {width:100%; height:40px; line-height:40px; margin-bottom:14px;font-weight:700;}
	.instaFaceImg {width:40px; height:40px;border-radius:100%;}
	.instaLine {height:0.889px; width:370px; position:absolute;left:0;right:0;bottom: 53px; background-color:#dadada;}
	.instaSvg {display:flex;flex-direction:row;justify-content:space-between; position:absolute; width: 332.22px; bottom:0;height:fit-content;padding: 15px 0 14px 0;}
	.instaSvgLeft,.instaSvgRight{height:24px;}
	.instaSvgLeft svg{margin-right:6px;}
	.instaBottom {display:flex;flex-direction:row;border-top:1px solid #eee;position:absolute;bottom:0;width:100%;height:30px;}
	.instaBottomContent{}
	.instaBottomComment{}
	.h230{height: 230px}
	
	.padding40{padding: 0 40px !important;}
	.diary .bottom_list > .bottom_list_inner{width:1170px;max-width:100%;padding:0 40px;margin:0 auto;}
	.left_bar {border-left:4px solid #000;padding-left:22px;margin-bottom:66px;}
	
	.slide_are_about {position:relative;}
	.slide_are_about .swiper-pagination { bottom: 17px; left:50%; transform:translate(-50%,-50%); }
	.slide_are_about .swiper-pagination .swiper-pagination-bullet { width: 35px; height: 2.0px; margin: 0 5px; background-color: #fff; border-radius: 0; opacity: 1; }
	.slide_are_about .swiper-pagination .swiper-pagination-bullet-active { background-color: #000; }
	
	.company_new .thumb_cont ul li .img {margin-bottom:18px;}
	.company_new .cont_sec.bg {background:#F7F7F7;}
	
	.mid_content{font-size:24px !important;font-weight:500 !important;text-align:left !important;}
	
	.p32 {font-size:32px !important; font-weight:500 !important;padding-bottom:0 !important;margin-bottom:0 !important;}
	.p32:before{content:none !important;}
	.marginBottom57{}
	
	.p38{padding-top:180px;}
	.p38_title{font-size:20px;font-weight:500;text-align:center;line-height:0.9;}
	.p38_img{padding-top:53% !important;}
	.p38 .qna .img_area .item.full550 .img{padding-top:100% !important;}
	.p38 > .inner{width:100%;max-width:none;padding:0 12.2vw;margin:0;}
	.p39 > .listView_inner,
	.page-40 .sub_cont4 .listView_inner{width:1480px;max-width:100%;padding:0 15px;margin:0 auto;}
	.p39 .beaf_list .cont{margin-right:7px;width:calc((100% - 14px) / 3);}
	.p39 .beaf_list .cont:nth-of-type(3n){margin-right:0;}
	.page-40 .ep_list .cont{margin-right:7px;width:calc((100% - 14px) / 3);}
	.page-40 .ep_list .cont:nth-of-type(3n){margin-right:0;}
	.page-67 .sub_cont4 .inner{width:1480px;max-width:100%;padding:0 15px;margin:0 auto;}
	.page-67 .media_list .cont{margin-right:8px;width:calc((100% - 16px) / 3);}
	.page-67 .media_list .cont:nth-child(3n){margin-right:0;}
	.page-53 .sub_cont2 > .inner{width:100%;max-width:none;padding:0 12.2vw;margin:0;}
	.page-53 .model_recruit .bottom .form_wrap div.lst label.tit{width:200px;white-space:nowrap;}
	.page-60 .sub_cont2 > .inner{width:100%;max-width:none;padding:0 12.2vw;margin:0;}
	.p38 .inner.w1000{width:100% !important;max-width:none;padding:0;margin:0;}
	.p38 .w960{width:100% !important;max-width:none;}
	.p38 .img_area {margin-top: 65px;}
	.p38 .txt {text-align:center;margin-top:65px;font-family:'outfit','Noto Sans KR';font-size:16px !important;}
	.p38 .inner .cont_sec{}
	.p38 .img_area .item .txt{margin-top:0.5rem !important;}
	.p38 .img_area .item .txt p{margin-top:0 !important;font-size:16px !important;}
	.p38 .qna{margin-bottom:0 !important;}
	.p38 .p38_side{display:flex;gap:8px;margin-top:65px;}
	.p38 .inner.w1000.qna.pc_only:last-child .p38_side{margin-bottom:100px;}
	.p38_side_left{flex:1;width:100%;margin-left:0;margin-right:0;}
	.p38_side_left p{text-align:center;margin-top:0.5rem;color:#888;}
	.p38_side_right{flex:1;width:100%;margin-left:0;margin-right:0;}
	.p38_side_right p{text-align:center;margin-top:0.5rem;color:#888;}
	.p38 .p38_side_left img,
	.p38 .p38_side_right img{display:block;width:100%;height:auto;}
	
	.p38 .p38_side_content{margin-top:0.2rem !important;}
	.p41_content{padding-top:115px;}
	.p41_content > .inner{width:100%;max-width:none;padding:0 12.2vw;margin:0;}
	.p41_bottom_content > .inner{width:100%;max-width:none;padding:0 12.2vw;margin:0;}
	.p41_bottom_content .thumb_cont ul{
		display:grid;
		grid-template-columns:repeat(4,minmax(0,2.5fr));
		column-gap:calc(100% / 13);
		justify-content:initial;
	}
	.p41_bottom_content .thumb_cont ul li{width:auto;min-width:0;flex:none;}
	.p41_bottom_content .thumb_cont ul li .img{width:100%;padding-top:100%;margin-left:0;margin-right:0;}
	.p41_content .zigzag_cont .item > div{display:block;flex-wrap:initial;width:50%;}
	.p41_content .zigzag_cont .item:not(:first-child){margin-top:115px;}
	.p41_content .zigzag_cont .item .txt{display:block;flex-wrap:initial;align-content:normal;height:auto;padding:0 7vw 0 0;}

	/* 41페이지 본문 타이포: 전부 line-height 1. 줄 간격은 line-height가 아니라
	   JS가 만든 줄 블록(.p41_vline)의 margin-top 11px로만 만든다. */
	.p41_content .zigzag_cont .item .txt p,
	.p41_content .zigzag_cont .item .txt span,
	.p41_content .zigzag_cont .item .txt div,
	.p41_bottom_content .thumb_cont ul li span,
	.p41_bottom_content .thumb_cont ul li div{line-height: 1;}
	.p41_content .zigzag_cont .item .txt > * + *{margin-top: 34px;}
	.p41_bottom_content .thumb_cont ul li span:first-child{padding-bottom: 0;}
	.p41_bottom_content .thumb_cont ul li .p41_line{margin-top: 10px; font-size: 16px; font-weight: 400;}
	/* 한글 400 / 500 에서 비한글(Outfit) 토큰은 350 / 450 */
	.p41_content .zigzag_cont .item .txt .tit{font-size: 20px; font-weight: 500;}
	.p41_content .zigzag_cont .item .txt .tit em.outfit{font-weight: 450;}
	.p41_content .zigzag_cont .item .txt span,
	.p41_bottom_content .thumb_cont ul li .p41_line{font-size: 16px; font-weight: 400;}
	.p41_content .zigzag_cont .item .txt span em.outfit,
	.p41_bottom_content .thumb_cont ul li .p41_line em.outfit{font-weight: 350;}

	/* 41페이지 본문·제목: 59_view와 동일하게 JS가 보이는 줄마다 div.p41_vline 블록을 만든다.
	   줄 수와 해상도에 상관없이 줄 간격은 line-height가 아니라 margin-top 10px로 만든다. */
	.p41_content .zigzag_cont .item .txt > span,
	.p41_content .zigzag_cont .item .txt > p.tit{word-break: break-all;}
	/* 줄 블록: 자체 간격은 0 */
	.p41_content .zigzag_cont .item .txt .p41_vline{display: block; margin-top: 0;}
	/* 본문 줄 간격 10px */
	.p41_content .zigzag_cont .item .txt span .p41_vline + .p41_vline{margin-top: 10px;}
	/* 제목 줄 간격 11px. 본문 규칙과 별개로 관리한다(값만 여기서 바꾼다) */
	.p41_content .zigzag_cont .item .txt p.tit .p41_vline + .p41_vline{margin-top: 11px;}
	/* 본문만 양쪽 정렬 */
	.p41_content .zigzag_cont .item .txt span .p41_vline{
		text-align: justify;
		text-align-last: justify;
		text-justify: distribute;
		text-justify: inter-character;
	}
	/* 문단 마지막 줄만 좌측 정렬, 그 외 줄은 양쪽 끝까지 채운다 */
	.p41_content .zigzag_cont .item .txt span .p41_vline:last-child{text-align-last: left;}
	/* Outfit 토큰(영문·숫자)은 줄 안에서 통째로 유지한다 */
	.p41_content .zigzag_cont .item .txt .p41_vline em.outfit{word-break: keep-all;}
	.p38 .p38_long_img_title{margin-top:0.5rem;color:#888;font-size:16px;font-weight:400;text-align:center;}
	
	.p38 .dot_border{margin:65px auto 0 auto;}
	.p38 .credit_title{font-size:16px;}
	.p38 .credit_content{font-size:16px;}
	.p38 .bottom_title{font-size:16px !important;}
	.p38 .bottom_content{font-size:16px !important;}
	.p38 .bottom_list_title{font-size:31px !important;}
	
	.p38 .txt_center{font-size:20px !important; font-weight:600 !important; text-align:center; margin-bottom:1rem;}
	
	.p38_last{width:100%;height:65px;}

	/* 68페이지 (아트 오브 기프팅) */
	.p68{padding-top:180px;}
	.p68_title{font-size:20px;font-weight:500;text-align:center;line-height:0.9;}
	.p68_title em{font-weight:400;}
	.p68_img{padding-top:53% !important;}
	.p68 .qna .img_area .item.full550 .img{padding-top:100% !important;}
	.p68 > .inner{width:100%;max-width:none;padding:0 12.2vw;margin:0;}
	.p68 .inner.w1000{width:100% !important;max-width:none;padding:0;margin:0;}
	.p68 .w960{width:100% !important;max-width:none;}
	.p68 .img_area{margin-top:115px;}
	.p68 .txt{text-align:center;margin-top:115px;font-family:'outfit','Noto Sans KR';font-size:16px !important;line-height:25px;}
	.p68 .inner .cont_sec{}
	.p68 .img_area .item .txt{margin-top:0.5rem !important;}
	.p68 .img_area .item .txt p{margin-top:0 !important;font-size:16px !important;}
	.p68 .qna{margin-bottom:0 !important;}
	.p68 .p68_side{display:flex;gap:8px;margin-top:115px;}
	.p68 .inner.w1000.qna.pc_only:last-child .p68_side{margin-bottom:100px;}
	.p68_side_left{flex:1;width:100%;margin-left:0;margin-right:0;}
	.p68_side_left p{text-align:center;margin-top:13px;color:#000;}
	.p68_side_right{flex:1;width:100%;margin-left:0;margin-right:0;}
	.p68_side_right p{text-align:center;margin-top:13px;color:#000;}
	.p68 .p68_side_left img,
	.p68 .p68_side_right img{display:block;width:100%;height:auto;}
	.p68 .p68_side_content{margin-top:0.2rem !important;}
	.p68 .p68_long_img_title{margin-top:0.5rem;color:#888;font-size:16px;font-weight:400;text-align:center;}
	.p68 .dot_border{margin:65px auto 0 auto;}
	.p68 .credit_title{font-size:16px;}
	.p68 .credit_content{font-size:16px;}
	.p68 .bottom_title{font-size:16px !important;}
	.p68 .bottom_content{font-size:16px !important;}
	.p68 .bottom_list_title{font-size:31px !important;}
	.p68 .txt_center{font-size:20px !important; font-weight:600 !important; text-align:center; margin-bottom:1rem;}
	.p68_last{width:100%;height:65px;}

	.p51_bottom_list{padding:65px 0 58px 0;}
	
	.sns_page{padding-top:0;}
	.sns_page .sub_visual .txt{padding:0 !important;position:absolute;top: 56.5%;left: 50%;transform: translate(-50%, -56.5%);}
	.sns_page .sub_visual .txt strong{font-size:45px;line-height:1.6;}
	.sns_page .sub_visual .txt p{font-weight:400;margin-top:5vh;}
	.sns_page .sub_visual span{display:inline;text-decoration: underline;text-underline-position: under;font-weight:700;}
	.sns_page_main_title{font-size:21px;font-weight:500;text-align:center;font-family:'outfit','Noto Sans KR';line-height:1.7;}
	.sns_page_main_sub_title{font-size:21px;font-weight:500;text-align:center;font-family:'outfit','Noto Sans KR';line-height:1.7;margin-top:2vh;}
	.sns_page_title{font-size:22px;font-weight:600;text-align:center;line-height:1.5;font-family:'outfit','Noto Sans KR';}
	.sns_page_title_content{font-size:18px;line-height:var(--lh);font-family:'outfit','Noto Sans KR';margin-top:2.95vh;}
	.sns_page_content{font-size:18px;line-height:var(--lh);font-family:'outfit','Noto Sans KR';margin-top:2.9vh;}
	.sns_page_content2{font-size:18px;line-height:var(--lh);font-family:'outfit','Noto Sans KR';margin-top:2.0vh;}
	.sns_page_content3{font-size:18px;line-height:var(--lh);font-family:'outfit','Noto Sans KR';margin-top:4.0vh;}
	.sns_page_content4{font-size:18px;line-height:var(--lh);font-family:'outfit','Noto Sans KR';margin-top:2.6vh;}
	.sns_page_img{padding-top:53% !important;}
	.sns_page .img_area {margin-top: 4.0vh;}
	.sns_page .img_title {margin-top: 1.1rem;color:#888;text-align:center;font-size:18px;font-weight:400;}
	.sns_page .after:after{content: '\2b';position: absolute;top: 1em;right: 1em;z-index: 1;width: 2.5em;background: rgba(255,255,255,1);color: #000;font-size: var(--sub-txt);font-family: var(--awesome);text-align: center;border-radius: 50%;line-height: 2.5em;transition: background 0.3s;}
	.sns_page_last{width:100%;height:130px;}
	.sns_page div[class*='_slide'] .control div{width: 51px; height: 51px;}
	.sns_page div[class*='_slide'] .control div i,
	.sns_page div[class*='_slide'] .control div svg {font-size: 21px;}



/* PC/태블릿에서 Font Awesome plus pseudo-element를 SVG 원본으로 교체한다. */

	.cont_sec .cont_more + .more_btn::before,
	.numbering_img .item .img a::after,
	.img_area .item .img a::after,
	.img_area2 .item .img a::after,
	.img_area2 .items .img::after,
	.zigzag_cont .item .img a::before,
	.dieteMeal_slide .swiper-slide .img::after,
	.dieteMeal_slide2 .swiper-slide .img::after,
	.dieteMeal_slide3 .swiper-slide .img::after,
	.sns_slide .swiper-slide .img::after,
	.medical_machine_slide .swiper-slide a::before,
	.machine_hover .item .img::before,
	.machine_slide .swiper-slide a::before,
	.material .item a::before,
	.after::after,
	.diary_slide .swiper-slide .img::after,
	.ba_slide .swiper-slide .img::after,
	.sns_page .after::after {
		content: '' !important;
		background-image: url('/assets/icons/plus.svg') !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: .75em .75em !important;
		font-family: initial !important;
	}

	/* 내용이 펼쳐진 상태는 기존 minus 아이콘을 유지한다. */
	.cont_sec .cont_more.show + .more_btn::before {
		content: '\\f068' !important;
		background-image: none !important;
		font-family: var(--awesome) !important;
	}

	/* 절차 구분 화살표는 배경·원형 없이 SVG 마스크로 표시한다. */
	.flow_text .swiper-slide:not(.fst):not(.lst)::before {
		content: '' !important;
		width: 1em !important;
		height: 1em !important;
		background-color: currentColor !important;
		-webkit-mask: url('/assets/icons/angle-right.svg') center / contain no-repeat !important;
		mask: url('/assets/icons/angle-right.svg') center / contain no-repeat !important;
		font-family: initial !important;
	}