/* 상단 비주얼 */
#main .visual {position:relative; background:#d7d7d7; width:100vw; height:calc(100vh - 60px); overflow:hidden;}
#main .visual.with_latest {height:calc(100vh - 92px);}
#main .visual::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:50% 50%; background-repeat: no-repeat; -webkit-animation:scalePannel 4s ease; animation:scalePannel 4s ease; transition:all 0.4s ease;}
#main .visual.sub01::before {background-image:url(../../images/sub_banner_mobile01.jpg);}
#main .visual.sub02::before {background-image:url(../../images/sub_banner_mobile02.jpg);}
#main .visual .page_title {position:absolute; width:100%; bottom:40%; z-index:1; letter-spacing:-0.075em;}
#main .visual .page_title .subtitle {display:block; position:relative; font-family: 'Noto Sans KR', sans-serif; letter-spacing:0;}
#main .visual .page_title p {position:relative; overflow:hidden;}
#main .visual .page_title p span {position:relative; display:block;}
#main .visual .page_title .text {letter-spacing:-0.03em;}
#main .visual .scroll_line {position:absolute; left:50%; margin-left:-1px; bottom:0; z-index:1;}
#main .visual .scroll_line .line {display:block; position:absolute; width:1px; height:80px; left:0; bottom:0; background:rgba(255,255,255,0.3); overflow:hidden;}
#main .visual .scroll_line .line::after {content:''; position:absolute; left:0; top:0; width:100%; height:20px; background:#fff; -webkit-animation:scrollLine 2s ease infinite; animation:scrollLine 2s ease infinite;}

/* 스티키 섹션 정리 */
.scroll_nav_container.fixed {padding-top:var(--header-height);}
.scroll_nav_container .scroll_nav {position:relative; z-index:1;}
.scroll_nav_container .scroll_nav.wrap_history_btn {z-index:102;}
.scroll_nav_container .scroll_nav.on {box-shadow:0 2px 5px rgba(0,0,0,0.3);}
.scroll_nav_container.type02 .scroll_nav .list {display:flex; position:absolute; left:0; top:calc(100% + 25px);}
.scroll_nav_container.type02 .scroll_nav .list li {margin-right:6px;}
.scroll_nav_container.type02 .scroll_nav .list li a {display:inline-block; font-size:12px; padding:4px 10px; background:#fff; border:1px solid #e7e7e7; border-radius:14px;}
.scroll_nav_container.type02 .scroll_nav .list li.on a {color:#fff; background:#272727; border:1px solid #272727;}
.scroll_nav_container.type02 .scroll_nav.on .list {width:100%; top:100%; padding-top:6px; padding-bottom:6px; background:#f8f8f8; box-shadow:0 2px 5px rgba(0,0,0,0.3);}
.scroll_nav_container.type02 .seperate {margin-bottom:80px;}
.scroll_nav_container .scroll_section {position:relative; padding-top:50px;}
.scroll_nav_container .scroll_section.last, .scroll_nav_container .scroll_section.center {padding-bottom:50px;}
.scroll_nav_container .scroll_section.line::before {content:''; position:absolute; width:1px; height:100%; background:#e7e7e7; left:20px; top:0; z-index: 1;}
.scroll_nav_container .scroll_section.line.first {padding-top:0; margin-top:50px;}
.scroll_nav_container .scroll_section.line.first::before {height:calc(100% - 7px); top:7px;}
.scroll_nav_container .scroll_section.line .spot {position:relative;}
.scroll_nav_container .scroll_section.line .spot::after {content:''; position:absolute; width:6px; height:6px; background:#222; border-radius:50%; left:-22.5px; top:50%; transform:translateY(-50%); z-index: 2;}
.scroll_nav_container.type02 .scroll_section.last {padding-bottom:80px;}


/* 치료 bg */
.scroll_nav_container .scroll_section.bg_pharmacy {background: url(../images/sub/bg_pharmacy.jpg) 50% 50%/cover no-repeat;}
.scroll_nav_container .scroll_section.bg_pharmacy h3 {color: #fff;}
.scroll_nav_container .scroll_section.bg_pharmacy p {color: #fff;}
.scroll_nav_container .scroll_section.bg_pharmacy.line .spot::after {background: #fff;}
.scroll_nav_container .scroll_section.bg_pharmacy.line::before {opacity: 0.1;}

.scroll_nav_container .scroll_section.bg_aftereffects {background: url(../images/sub/bg_aftereffects.jpg) 50% 50%/cover no-repeat;}
.scroll_nav_container .scroll_section.bg_osteoporosis {background: url(../images/sub/bg_osteoporosis.jpg) 50% 50%/cover no-repeat;}

.scroll_nav_container .scroll_section.bg_eczema {background: url(../images/sub/bg_eczema.jpg) 50% 50%/cover no-repeat;}
.scroll_nav_container .scroll_section.bg_eczema h3 {color: #fff;}
.scroll_nav_container .scroll_section.bg_eczema p {color: #fff;}
.scroll_nav_container .scroll_section.bg_eczema.line .spot::after {background: #fff;}
.scroll_nav_container .scroll_section.bg_eczema.line::before {opacity: 0.1;}

/* 코로나 bg */
.scroll_nav_container .scroll_section.bg_covid {background: url(../images/sub/bg_covid.jpg) 50% 50%/cover no-repeat; padding-bottom:50px; }
.scroll_nav_container .scroll_section.bg_covid h3 {color: #fff;}
.scroll_nav_container .scroll_section.bg_covid p {color: #fff;}
.scroll_nav_container .scroll_section.bg_covid.line .spot::after {background: #fff;}
.scroll_nav_container .scroll_section.bg_covid.line::before {opacity: 0.1;}

/* 질환내에서 쓰는 리스트영역들 정리 */
.symtom_list {position:relative;}
.symtom_list.type_box li {display:flex; width:100%; padding:20px 35px; background:#f9f9f9; border:1px solid #e7e7e7; justify-content: space-between; align-items: center;}
.symtom_list.type_box li span {display:block; width:50%;}

.symtom_list.growthdisorder.type_box li span:first-child {width: 15%; text-align: center;}
.symtom_list.growthdisorder.type_box li span:last-child {width: 75%; text-align: left;}

.symtom_list.eczema.type_box li {display: block;  padding: 15px 35px; margin-bottom: 20px;}
.symtom_list.eczema.type_box li:last-child {margin-bottom: 0;}
.symtom_list.eczema.type_box li span {width: 100%; text-align: center;}
.symtom_list.eczema.type_box li::after {content:''; position:relative; width:12px; height:6px; background:url(../images/sub/icon_step_arr.png) 50% 50%/cover; left:calc(50% - 4px); top:28px; transform: rotate(90deg); display: block;}
.symtom_list.eczema.type_box li:last-child::after {display: none;}

/* 근본치료 step  */
.clinic_step {position:relative;}
.clinic_step img {max-width: 120%; margin-left: -2.5em;}
.clinic_step li {position:relative;}
.clinic_step .tween {position:absolute; left:0; top:0; background:#f9f9f9; opacity:0;}

/* 치료 통계 */
.stats_swiper {width:285px; overflow:visible !important; margin-left:0 !important;}
.stats_container li {position:relative; width:285px; height:361px; border-radius:15px; padding:22px 22px; background:url(../images/sub/stats_bg.jpg) 50% 70% no-repeat #fff; background-size:70% auto;}
.stats_container li.dark {background:#252a26;}
.stats_container li .inner {width:100%; height:100%; position:relative;}
.stats_container li .inner .std {position:absolute; color:#7d7d7d; right:0; top:0;}
.stats_container li .inner .bar {position:absolute; width:100%; left:50%; bottom:0; transform:translateX(-50%);}
.stats_container li .inner .bar .candles {position:absolute; width:100%; height:104px; left:0; bottom:25px; overflow:hidden;}
.stats_container li .inner .bar .candles .candle {position:absolute; width:100%; left:0; opacity:0; -webkit-transition:all 1s linear; -o-transition:all 1s linear; transition:all 1s linear;}
.stats_container li .inner .bar .candles img:nth-child(1) {height:18px; bottom:-18px;}
.stats_container li .inner .bar .candles img:nth-child(2) {height:30px; bottom:-30px; -webkit-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s;}
.stats_container li .inner .bar .candles img:nth-child(3) {height:44px; bottom:-44px; -webkit-transition-delay:1.2s; -o-transition-delay:1.2s; transition-delay:1.2s;}
.stats_container li .inner .bar .candles img:nth-child(4) {height:70px; bottom:-70px; -webkit-transition-delay:1.6s; -o-transition-delay:1.6s; transition-delay:1.6s;}
.stats_container li .inner .bar .candles img:nth-child(5) {height:104px; bottom:-104px; -webkit-transition-delay:2s; -o-transition-delay:2s; transition-delay:2s;}
.stats_container li .inner .bar .candles .candle.on {opacity:1; bottom:0;}
.stats_container li.dark .inner .pie_chart {position:relative;}
.stats_container li.dark .inner .pie_chart::after {content:''; position:absolute; width:170px; height:170px; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../images/sub/stats_bg2.png) 50% 50%/cover;}
.stats_container li.dark .inner .aniNum {text-align:center;}
.stats_container li.dark .inner .aniNum .condition {font-weight:400;}

/* 편강탕 */
.common_medicine{position:relative; max-width:480px;}
.common_medicine .inner {position:relative; width:100%; padding-bottom:160%;}
.common_medicine #container_medicine{width:100%; height:100%; position:absolute; top:0; left:0; }
.common_medicine .medicine{position:absolute; width:100%; left:0; top:0; right:0; bottom:0; will-change:transform; background:#fff; overflow:hidden;}
.common_medicine .medicine_inner, .common_medicine .medicine_product {position:relative;}
.common_medicine .medicine_product{width:100%;}
.common_medicine .deco{position:absolute; opacity:0; -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);}
.common_medicine .medicine01 .deco{width:99%; left:25%; top:32%;}
.common_medicine .medicine02 .deco{width:41.9%; left:52%; top:65%;}
.common_medicine .medicine03 .deco{width:55.73%; left:20%; top:71%;}
.common_medicine .medicine04 .deco{width:71.9%; left:17%; top:44%;}
.common_medicine .btn_detail {position:relative; display:inline-block; padding-right:50px; line-height:40px;}
.common_medicine .btn_detail::after {content:''; position:absolute; width:40px; height:40px; right:0; top:0; background:url(../images/sub/icon_arr.png) 50% 50%/cover;}
.common_medicine .title, .common_medicine .subtitle, .common_medicine .btn_detail{opacity:0; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px);}

/* 논문 과학적 입증 */
.report_container .report_top {background:url(../images/sub/report_bg.jpg) right top/cover no-repeat; padding-top:60px; padding-bottom:70px;}
.report_container .report_top .subtitle {display:inline-block; padding:4px 10px; border:1px solid #fff; border-radius:15px;}
.report_container .report_top .title span {position:relative; z-index:1;}
.report_container .report_top .title span .bar {display:block; position:absolute; width:100%; height:40%; left:0; bottom:0; background:#336276; z-index:-1;}
.report_container .report_bottom .jtcm_swiper .swiper-slide {position:relative; background:#366074; height:auto; align-self:stretch;}
.report_container .report_bottom .jtcm_swiper .swiper-slide.book::after {content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/sub/report_book_cover.jpg) 50% 50%/cover no-repeat;}
.report_container .report_bottom .jtcm_swiper .swiper-slide.contents {padding-top:60px; padding-bottom:80px;}
.report_container .report_bottom .jtcm_swiper .swiper-slide.contents .subtext {position:relative; padding-left:9px; opacity:0.8;}
.report_container .report_bottom .jtcm_swiper .swiper-slide.contents .subtext::before {content:'*'; position:absolute; left:0; top:0;}
.jtcm_swiper .swiper-pagination {bottom:20px;}
.jtcm_swiper .swiper-pagination-bullet {width:10px; height:10px; background:transparent; border:1px solid #fff;}
.jtcm_swiper .swiper-pagination-bullet-active {border:none; background:#fff;}
.report_container .report_content {padding-top:50px; padding-bottom:60px;}
.report_container .report_content .btn {display:flex;}
.report_container .report_content .btn li {margin-right:6px;}
.report_container .report_content .btn li a {display:inline-block; padding:4px 10px; background:#fff; border:1px solid #e7e7e7; border-radius:15px;}
.report_container .report_content .btn li.on a {color:#fff; background:#272727; border:1px solid #272727;}
.report_container .report_content .contents li {display:none;}
.report_container .report_content .contents li.on {display:block;}

/* 리뷰 영역 - 기본 */
.review_container.review_cont {position:relative; padding-top:60px; padding-bottom:50px;}
.review_container.review_cont::after {content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/sub/review_bg.jpg) 50% 50%/cover no-repeat; z-index:-1;}
.review_container.review_cont.review_swiper .swiper-slide a {display:block; position:relative;  padding: 30px 30px;}
.review_container.review_cont li { width: 100%;}
.review_container.review_cont li a {display: block; background: #434343;  border-radius: 15px; padding-top: 10px;}
.review_container.review_cont li h3 {white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-bottom: 30px; border-bottom: 1px solid #545454;}
.review_container.review_cont li .text_sec {color: rgba(255, 255, 255, 0.8); height:8.5em /*lineheight 1.7의 총 5줄 em값으로 길이 할당*/; overflow:hidden; display:-webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical}
.review_container.review_cont li .more {font-size:15px; color:#fff; margin-top:30px; padding-bottom: 60px;}
.review_container.review_cont li .member {position:relative; margin-top:-37px; text-align:center;}
.review_container.review_cont li .member .icon {display:block; position:relative; width:74px; height:74px; left:50%; margin-left:-37px;}
.review_container.review_cont li .member .name {display:block; font-size:14px; color:#fff; padding-top:15px;}
.review_container.review_cont {}
.review_container.review_cont .review_progress {position:relative; width:100%; height:2px; background:rgba(255, 255, 255, 0.3); margin:60px 0 40px; padding-right: 20px;}
.review_container.review_cont .review_progress .bar {position:absolute; width:0; height:100%; background:#fff; left:0; top:0;}
.review_container.review_cont .btn_box {padding-right: 20px; border: 1px solid #fff; color: #fff;}

/* 리뷰 영역 - mov */
.review_container.review_cont2 {position:relative; padding-top:60px; padding-bottom:50px;}
.review_container.review_cont2 h3 {font-weight: 400;}
.review_container.review_cont2 li .text_sec {color: rgba(255, 255, 255, 0.8); }
/*.review_container.review_cont2::after {content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/sub/review_bg.jpg) 50% 50%/cover no-repeat; z-index:-1;}*/
.review_container.review_cont2 {content:''; width:100%; height:100%; left:0; top:0; background:url(../images/sub/review_bg.jpg) 50% 50%/cover no-repeat;}
.review_container.review_cont2 .review_swiper .swiper-slide a {display:block; position:relative; color: #fff;}
.review_container.review_cont2 .review_swiper .swiper-slide a::after {content:''; position:absolute; width:50px; height:50px; background:url(../images/sub/review_btn.jpg) 50% 50%/cover; right:20px; bottom:-25px;}
.review_container.review_cont2 .review_progress {position:relative; width:100%; height:2px; background:rgba(255, 255, 255, 0.3); margin:60px 0 40px;}
.review_container.review_cont2 .review_progress .bar {position:absolute; width:0; height:100%; background:#fff; left:0; top:0;}
.review_container.review_cont2 .btn_box {border: 1px solid #fff; color: #fff;}

/* 함께하면 좋아요 */
.management_container {padding-top:50px; padding-bottom:50px;}
.management_swiper {width:270px;}
.management_swiper .swiper-container {overflow:visible;}




/*
포스트엠 작업시 이 공간 사이에 css 작성해주세요
*/




/*
포스트엠 작업시 이 공간 사이에 css 작성해주세요
*/


/* 원인 스텝 */
.causes {position:relative; width:100%; max-width:940px;}
.causes .cause.cause_move {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}

/* 증상 탭메뉴 */
.tab_contents .tab_button {display:flex;}
.tab_contents .tab_button li {margin-right:15px;}
.tab_contents .tab_button li a {display:inline-block;}
.tab_contents .tab_button li.on a {position:relative; color:#272727;}
.tab_contents .tab_button li.on a::after {content:''; position:absolute; width:100%; height:2px; background:#000; left:0; bottom:0;}
.tab_contents .symtoms ul {display:flex; flex-wrap:wrap;}
.tab_contents .symtoms ul li {margin-top:8px; margin-right:8px;}
.tab_contents .symtoms ul li span {display:inline-block; padding:3px 8px; border:1px solid #c4c4c4; border-radius:14px;}
.tab_contents .symtoms.process ul li {position:relative; margin-right:24px;}
.tab_contents .symtoms.process ul li::after {content:''; position:absolute; width:12px; height:6px; background:url(../images/sub/icon_step_arr.png) 50% 50%/cover; left:calc(100% + 6px); top:9px;}
.tab_contents .symtoms.process ul li:last-child::after {display:none;}
.tab_contents .progress {position:relative; width:100%; height:2px; background:#ececec;}
.tab_contents .progress .bar {position:absolute; left:0; top:0; width:0; height:100%; background:#000;}


.tab_contents2 .tab_button2 {display:flex;}
.tab_contents2 .tab_button2 li {margin-right:15px;}
.tab_contents2 .tab_button2 li a {display:inline-block;}
.tab_contents2 .tab_button2 li.on a {position:relative; color:#272727;}
.tab_contents2 .tab_button2 li.on a::after {content:''; position:absolute; width:100%; height:2px; background:#000; left:0; bottom:0;}
.tab_contents2 .symtoms ul {display:flex; flex-wrap:wrap;}
.tab_contents2 .symtoms ul li {margin-top:8px; margin-right:8px;}
.tab_contents2 .symtoms ul li span {display:inline-block; padding:3px 8px; border:1px solid #c4c4c4; border-radius:14px;}
.tab_contents2 .progress {position:relative; width:100%; height:2px; background:#ececec;}
.tab_contents2 .progress .bar {position:absolute; left:0; top:0; width:0; height:100%; background:#000;}

/* 스와이퍼 아닌 오리지널 탭메뉴(이미지 온오프) */
.tab_contents.original .tab_image li {display:none;}
.tab_contents.original .tab_image li.on {display:block;}






/* 탭메뉴 - 오리지널 : 피부 */
.tab_container.original .contents .container {border-top:2px solid #272727;}
.tab_container.original .contents .container li {border-bottom:1px solid #ebebeb;}
.tab_container.original .contents .container li .inner {height:0; overflow:hidden;}
.tab_container.original .contents .container li.on .inner {display:block; height:auto; padding-bottom:25px; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_container.original .contents .btn {display:block; position:relative; font-weight:600; padding:20px 0; margin:0; cursor:pointer;}
.tab_container.original .contents .btn1 {display:block; position:relative; font-weight:600; padding:20px 0; margin:0; cursor:pointer;}
.tab_container.original .contents .container li .tab {position:absolute; width:24px; right:5px; top:19px; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_container.original .contents .container li.on .tab {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.tab_container.original .contents .desc {font-weight:500; color:#272727;}
.tab_container.original .contents .desc.dash span {display:block; padding-left:10px;}

/* 탭메뉴 - 아토피 치료 qna */
.qna_container li {margin-top:15px;}
.qna_container li:first-child {margin-top:0;}
.qna_container li .question .tab {display:block; width:100%; padding:20px; background:#fff; border-radius:10px;}
.qna_container li .contents {padding:20px; background:#fff; border-radius:10px;}
.qna_container li.on .question button {color:#272727;}
.qna_container li .contents {margin-top:15px; display:none;}
.qna_container li.on .contents {display:block;}
.qna_container li .contents .image img {max-width:50px;}

/* 증상 리스트써클 / 이미지리스트(수평) */
.symtom_list.circle li {position:relative; display:flex; width:100%; max-width:750px; margin-top:40px;}
.symtom_list.circle li .img {position:relative; width:40%; max-width:240px;}
.symtom_list.circle li .contents {width:60%; padding-left:20px;}
.symtom_list.circle li .img.bg span {display:inline-block; background:#f4f4f4;}
.symtom_list.circle li .img.bg.last::before {content:''; position:absolute; width:100%; height:40px; left:0; top:-40px; background:#f3f3f3;}
.symtom_list.circle li .img img {-webkit-box-shadow: 4px 4px 8px 0px rgba(99, 99, 99, 0.23);box-shadow: 4px 4px 8px 0px rgba(99, 99, 99, 0.23); border-radius:100%;}
.symtom_list.circle li .img img.shadow_center {-webkit-box-shadow: 0px 0px 8px 0px rgba(99, 99, 99, 0.3);box-shadow: 0px 0px 8px 0px rgba(99, 99, 99, 0.3); border-radius:100%;}
.symtom_list.circle li .contents span {display:flex;}
.symtom_list.circle li .contents .num {display:block; width:16px; height:16px; line-height:16px; text-align:center; background:#272727; color:#fff; border-radius:100%; margin-right:6px;}
.symtom_list.asthma li:first-child .img.bg span {border-radius: 50% 50% 0 0;}
.symtom_list.asthma li:nth-child(2) .img.bg span {border-radius: 0 0 50% 50%;}
.symtom_list.asthma li:first-child .img.bg {background:#f3f3f3; border-radius:50% 50% 0 0;}
.symtom_list.asthma li:last-child {margin-top:10px;}
.symtom_list.asthma li:last-child .contents {align-self:center;}
.symtom_list.asthma li .img.bg.last::before {background:url(../images/asthma/plus.png) 50% 30% no-repeat #f3f3f3; background-size:20px auto; z-index:-1;}
.symtom_list.image {overflow:visible; width:71.2%; margin-left:0; margin-right:0;}

.symtom_list.fibrosis li:first-child .img.bg span {background:#f3f3f3; border-radius: 50% 50% 0 0;}
.symtom_list.fibrosis li:first-child .img.bg {background:#f3f3f3; border-radius:50% 50% 0 0;}
.symtom_list.fibrosis li:nth-child(2) .img.bg {background:#f3f3f3; border-radius:50% 50% 0 0;}
.symtom_list.fibrosis li:last-child .img.bg {background:#f3f3f3; border-radius:0 0 50% 50%; margin-bottom: 20px;}

.symtom_list.aftereffects ul {display: inline-flex; justify-content: space-between;}
.symtom_list.aftereffects li {width: 46%;}
.symtom_list.aftereffects li img {width: 100%; border-radius: 50%;}


/* 마우스 오버 이미지 - 지루성피부염 */
.hover_container {position:relative;}
.hover_container .hover {position:absolute;}
.hover_container .hover img {position:relative; opacity:0; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; z-index:2; pointer-events:none;}
.hover_container .hover.on img {opacity:1; pointer-events:all;}
.hover_container .hover button {content:''; position:absolute; width:23px; height:23px; background:url(../images/seborrhea/cross.png) 50% 50%/cover no-repeat; left:0; top:0; z-index:1; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.hover_container .hover.on button {opacity:0;}
.hover_container .hover button span {display:block; text-indent:-99999px; height:1px;}
.hover_container.seborrhea .hover01 {width:52.8813%; right:2%; top:9%;}
.hover_container.seborrhea .hover01 button {top:8px;}
.hover_container.seborrhea .hover02 {width:64.5762%; left:-3%; top:30%;}
.hover_container.seborrhea .hover02 button {top:8px; left:auto; right:0;}
.hover_container.seborrhea .hover03 {width:71.8644%; right:-7%; top:25%;}
.hover_container.seborrhea .hover03 button {top:8px;}
.hover_container.seborrhea .hover04 {width:63.3898%; right:0; top:60%;}
.hover_container.seborrhea .hover04 button {top:8px;}
.hover_container.seborrhea .hover05 {width:61.1864%; left:12%; top:59%;}
.hover_container.seborrhea .hover05 button {top:auto; bottom:0; left:auto; right:0;}

/* 가로스크롤 - 지루성피부염 */
.hscroll_container {position:relative;}
.hscroll_container .hscroll {display:-webkit-box;display:-ms-flexbox;display:flex; overflow-x:scroll; padding-bottom:30px;}
.hscroll_container .hscroll .item {position:relative;}
.hscroll::-webkit-scrollbar {width: 5px;height:5px;}
.hscroll::-webkit-scrollbar-track {background-color:#d7d7d7; border-radius: 2px;}
.hscroll::-webkit-scrollbar-thumb {background-color:#272727; border-radius: 2px;}
.hscroll_container .item {min-width:210px; margin-left:20px;}
.hscroll_container .item.first {margin-left:0;}



/* 연혁 */
.scroll_nav_history {padding-bottom:60px;}
.wrap_history_btn.fixed {box-shadow:0 2px 2px rgba(0,0,0,0.2); z-index:102;}
.history_indicator {overflow:hidden;}
.history_indicator li {max-height:0; overflow:hidden;}
.history_indicator li.on {max-height:100vh; transition:all 0.3s ease;}
.history_indicator.on li {max-height:100vh; transition:all 0.3s ease;}
.history_indicator li a {position:relative; display:inline-block; line-height:1; padding:20px 0;}
.history_indicator li.on a::before, .history_indicator li.on a::after {content:''; position:absolute; width:8px; height:1px; background:#141414;}
.history_indicator li.on a::before {right:-20px; top:50%; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.history_indicator li.on a::after {right:-26px; top:50%; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.history_progress {position:relative; width:1px; height:1px;}
.history_progress .title {position:relative; left:20px; top:50px; transform:rotate(-90deg); transform-origin:left center; white-space:nowrap;}
.history_progress .bar {position:absolute; width:2px; height:200px; background:#dcdcdc; left:20px; top:80px;}
.history_progress .bar .progress {position:absolute; width:100%; height:0; left:0; top:0; background:#141414;}
.history_section {position:relative; padding-left:0; left:21%; width:79%; padding-right:40px;}
.history_section .t_line {margin-top:50px; padding-top:50px; border-top:1px solid #d7d7d7;}
.history_section .history_title {font-size:60px; margin-bottom:40px;}
.history_section .history p {color:#414141; word-break:keep-all;}
.history_section .history p em {font-weight:500; color:#141414;}

/* 인사말&이야기 공통 */
.color_gsap {position:relative; width:100vw; height:100vh; overflow:hidden;}
.color_gsap .bg {position:absolute; width:100%; height:100%; left:0; top:0;}
.color_gsap .contents, .color_gsap .contents_ori {position:absolute; width:100%; left:0; top:42.5%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align:center;}

/* fix 슬라이더 */
.fix_slide_container {position:relative; width:100vw; height:100vh;}
.fix_slide_container.fixed {z-index:101;}
.fix_slide_container.collapse {height:auto;}
.fix_slide_container .fix_slide_block {position:relative; width:100vw; min-width:320px; height:100vh;}
.fix_slide_container.fixed .fix_slide_block {position:fixed; left:0; top:0;}
.fix_slide_container.end .fix_slide_block {position:absolute; right:0; bottom:0;}
.fix_slide_container.collapse .fix_slide_block {height:auto;}
.fix_slide_container .title_fix_slider {position:relative; width:100%; height:60px; line-height:60px; z-index:101;}
.fix_slide_container.collapse .title_fix_slider {z-index:99;}
.fix_slide_container.end .title_fix_slider {z-index:1;}
.fix_slide_container .fix_slide_bg {position:relative; width:100%; height:56vw;}
.fix_slide_container.small .fix_slide_bg {height:150px;}
.fix_slide_container.large .fix_slide_bg {height:75vw;}
.fix_slide_container.horizontal .fix_slide_bg {position:absolute; width:60%; height:100%; top:0; right:0;}
.fix_slide_bg .slide_bgs {position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;}
.fix_slide_bg .slide_bgs .slide_bg_item {position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; -webkit-transition:-webkit-transform 0.8s ease; transition:-webkit-transform 0.8s ease; -o-transition:transform 0.8s ease; transition:transform 0.8s ease; transition:transform 0.8s ease, -webkit-transform 0.8s ease;}
.slide_bg_item .slide_bg_inner {width:100%; height:100%; background:50% 50% no-repeat; background-size:cover; -webkit-transition:-webkit-transform 0.8s ease; transition:-webkit-transform 0.8s ease; -o-transition:transform 0.8s ease; transition:transform 0.8s ease; transition:transform 0.8s ease, -webkit-transform 0.8s ease; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.slide_bg_item.prev {-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%); z-index:2;}
.slide_bg_item.prev .slide_bg_inner {opacity:0.9; -webkit-transform:translateY(60%) scale(1.2); -ms-transform:translateY(60%) scale(1.2); transform:translateY(60%) scale(1.2);}
.slide_bg_item.active {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); z-index:4;}
.slide_bg_item.active .slide_bg_inner {-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1);}
.slide_bg_item.next {-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%); z-index:3;}
.slide_bg_item.next .slide_bg_inner {-webkit-transform:translateY(-40%) scale(1.4);-ms-transform:translateY(-40%) scale(1.4);transform:translateY(-40%) scale(1.4);}
.fix_slide_contents {position:relative; width:100%; height:calc(100vh - 56vw - 60px);}
.fix_slide_container.small .fix_slide_contents {height:calc(100vh - 210px);}
.fix_slide_container.large .fix_slide_contents {height:calc(100vh - 75vw - 60px);}
.fix_slide_container.horizontal .fix_slide_contents {width:40%; height:100%;}
.fix_slide_container.collapse .fix_slide_contents {width:100%; height:auto;}
.fix_slide_contents .slide_contents {position:relative; width:100%; height:100%; padding-top:40px; padding-bottom:60px;}
.fix_slide_container.collapse .fix_slide_contents .slide_contents {height:auto;}
.slide_contents .slide_content {position:absolute; width:100%; left:0; top:35px; opacity:0; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px);}
.slide_contents .slide_content.active {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; transition:all 0.6s ease;}
.slide_contents .bar {position:absolute; left:20px; top:40px; width:2px; height:60%; background:#d0d0d0;}
.slide_contents .bar .progress {position:absolute; left:0; top:0; width:100%; height:0; background:#000;}
.fix_slide_container.collapse .fix_slide_contents .slide_contents .slide_content {position:relative; left:auto; top:auto; opacity:1; transform:translateY(0); margin-top:30px;}
.fix_slide_container.collapse .fix_slide_contents .slide_contents .slide_content:first-child {margin-top:0;}
.fix_slide_container.collapse .fix_slide_contents .slide_contents .bar {display:none;}

/* fix 슬라이더 - 이야기 */
#story_fix_slider1 .slide_bg_item:nth-child(1) .slide_bg_inner {background:50% top/cover no-repeat;background-image:url(../images/pk_story/story_img01_01.jpg);}
#story_fix_slider1 .slide_bg_item:nth-child(2) .slide_bg_inner {background-image:url(../images/pk_story/story_img01_02.jpg);}
#story_fix_slider1 .slide_bg_item:nth-child(3) .slide_bg_inner {background-image:url(../images/pk_story/story_img01_02.jpg);}
#story_fix_slider2 .slide_bg_item:nth-child(1) .slide_bg_inner {background-image:url(../images/pk_story/story_img03_01.jpg);}
#story_fix_slider2 .slide_bg_item:nth-child(2) .slide_bg_inner {background-image:url(../images/pk_story/story_img03_02.jpg);}
#story_fix_slider2 .slide_content.fixed {position:absolute; width:100%; left:0; top:calc(28vw + 60px); z-index:5; opacity:1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#story_fix_slider2.small .slide_content.fixed {top:135px;}
#story_fix_slider2.large .slide_content.fixed {top:calc(37.5vw + 60px);}

/* 편강이야기 */
.story_pkt {background:url(../images/pk_story/story_img02_01.jpg) 50% 50%/cover; top:0 !important;}
.story_pkt .bg {background:rgba(127,44,44,0.88);}
.story_energy {background:url(../images/pk_story/story_img05_01.jpg) 50% bottom/cover; overflow:visible; top:0 !important;}
.story_energy .bg {background:#141414;}
.story_energy .bg::after {content:''; position:absolute; width:100%; height:10vh; left:0; top:100%; background:url(../images/pk_story/story_img05_02_gradient.jpg) 50% top/cover no-repeat; z-index:3;}
.section_story04 {padding-bottom:60px;}
.section_story04 .hline {display:block; width:1px; height:50px; background:#141414; margin:30px auto;}
.story_link {position:relative; display:inline-block; color:#141414; font-weight:400; line-height:1; padding:16px 40px 16px 20px; border:1px solid #141414;}
.story_link::before, .story_link::after {content:''; position:absolute; width:8px; height:1px; background:#141414;}
.story_link::before {right:20px; top:50%; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); margin-top:-2px;}
.story_link::after {right:20px; top:50%; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px;}
.story_link.light {border:1px solid #fff; color:#f7f7f7;}
.story_link.light::before, .story_link.light::after {background:#fff;}
.section_story04 .image01 {position:relative; padding-left:14%;}
.section_story04 .image02 {position:relative; width:35.6%; max-width:210px; margin-top:-125px;}
.section_story06 {margin-top:11vh; padding-bottom:60px;}

/* 인사말 */
.greeting01 {padding-top:70px; padding-bottom:60px;}
.greeting01 .sign {max-width:167.5px;}
#greeting_fix_slider .slide_bg_item:nth-child(1) .slide_bg_inner {background:50% top/cover no-repeat;background-image:url(../images/pk_greeting/greeting_img02_01.jpg);}
#greeting_fix_slider .slide_bg_item:nth-child(2) .slide_bg_inner {background-image:url(../images/pk_greeting/greeting_img02_02.jpg);}
#greeting_fix_slider .slide_bg_item:nth-child(3) .slide_bg_inner {background-image:url(../images/pk_greeting/greeting_img02_03.jpg);}
#greeting_fix_slider .slide_bg_item:nth-child(4) .slide_bg_inner {background:50% top/cover no-repeat;background-image:url(../images/pk_greeting/greeting_img02_04.jpg);}
#greeting_fix_slider .slide_contents .bar {background:#2d2d2d;}
#greeting_fix_slider .slide_contents .bar .progress {background:#fff;}
.greeting_success {background:url(../images/pk_greeting/greeting_img03_01.jpg) 50% 50%/cover; top:0 !important;}
.greeting_success .bg {background:rgba(20,20,20,0.92);}
.greeting04 {padding-bottom:60px; background:#141414; margin-top:-1px;}
.greeting04 .hline {display:block; width:1px; height:50px; background:#fff; margin:40px auto;}
.greeting_slider_container {padding-top:60px; padding-bottom:60px; position:relative;}
.greeting_slider_container .greeting_slider {overflow:visible;}
.greeting_slider .swiper-slide .contents {position:relative; padding-top:50px; opacity:0; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px);}
.greeting_slider .swiper-slide .contents p em {color:#141414; font-weight:700;}
.greeting_slider .swiper-slide-active .contents {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; -webkit-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s;}
.greeting_slider .swiper-controls {position:absolute; width:100%; height:20px; left:0; top:calc(50.66vw + 20px); z-index:1; display:flex;}
.greeting_slider .swiper-controls .slide_number {color:#c3c3c3; font-size:12px; font-weight:600; letter-spacing:0em; line-height:1.2;}
.greeting_slider .swiper-controls .slide_number .current {color:#141414;}
.greeting_slider .swiper-controls .slide_subtitle {color:#242424; font-size:12px; font-weight:600; line-height:1; letter-spacing:0.01em; margin-left:15px;}

/* 스테디셀러 */
.book_swiper_container {background:#354495; padding:60px 17% 80px;}
.book_swiper_container .swiper-container {overflow:visible;}
.book_swiper_container .swiper-container .swiper-slide {opacity:0;}
.book_swiper_container .swiper-container .swiper-slide-active {opacity:1; transition:all 0.3s ease;}
.book_swiper_container .swiper-slide .image {max-width:488px; box-shadow: 0px 12px 25px 0px rgba(0, 0, 0, 0.1); margin:0 auto;}
.book_swiper_container .progress {position:relative; width:100px; height:2px; background:rgba(255,255,255,0.2); margin:60px auto 0;}
.book_swiper_container .progress .bar {display:block; width:0; height:100%; left:0; top:0; background:#fff;}
.steadyseller_books {padding-top:60px; padding-bottom:60px;}
.steadyseller_books ul li {display:flex; padding-bottom:30px; border-bottom:1px solid #ddd; margin-top:30px;}
.steadyseller_books ul li:first-child {margin-top:0;}
.steadyseller_books ul li:last-child {border-bottom:0;}
.steadyseller_books ul li .image {max-width:90px;}
.steadyseller_books ul li .contents {padding-left:30px; padding-top:5px;}

/* fullpage(의학) 공통영역 */
.fp-destroyed {height:100vh; overflow:hidden;}
.fullpage_indicator {position:fixed; right:20px; top:50%; z-index:3; opacity:0; pointer-events:none; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; transition:all 0.6s ease;}
.fullpage_indicator.on {opacity:1; pointer-events: all;}
.fullpage_indicator li {margin-bottom:10px;}
.fullpage_indicator li a {position:relative; display:block; width:30px; height:30px;}
.fullpage_indicator li a .circle {position:absolute; display:block; width:6px; height:6px; left:50%; top:50%; margin:-3px 0 0 -3px; border-radius:50%; background-color:#fff;}
.fullpage_indicator li a .circle::before {display:none; content:''; position:absolute; width:16px; height:16px; left:-5px; top:-5px; border-radius:50%; border:1px solid #fff; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.fullpage_indicator.dark li a .circle {background-color:#141414;}
.fullpage_indicator.dark li a .circle::before {border:1px solid #141414;}
.fullpage_indicator li.on a .circle::before{display:block;}
.fullpage_container .parallax .section_bg {position:absolute; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background-color:#141414; overflow:hidden; z-index:3;}
.fullpage_container .parallax.active .section_bg {z-index:4;}
.fullpage_container .parallax .section_bg .section_bg_inner {width:100%; height:100%; background:50% 50% no-repeat; background-size:cover; -webkit-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; -webkit-transform:scale(1.6); -ms-transform:scale(1.6); transform:scale(1.6);}
.fullpage_container .parallax.active .section_bg .section_bg_inner {opacity:1; -webkit-transform:translateY(0) scale(1); -ms-transform:translateY(0) scale(1); transform:translateY(0) scale(1);}
.fullpage_container .section .wrap_div {position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; overflow:hidden;}
.fullpage_container .section .wrap_div .inner {position:relative; width:calc(100% - 80px); height:100%; margin-left:auto; margin-right:auto;}
.fullpage_container .section .context {position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); padding-right:20px;}
.fullpage_container .section .context .subtitle {font-weight:500;}
.fullpage_container .section .context .title {font-family: 'Noto Serif KR', serif; font-size:27px; font-weight:500; line-height:1.481; letter-spacing:-0.035em;}
@media screen and (max-width: 400px) {
	.fullpage_container .section .context .title {
		font-size:24px;
	}
}
.fullpage_container .section .context .text {font-family: 'Noto Serif KR', serif; color:#f4f4f4; line-height:1.7; letter-spacing:-0.025em;}
.fullpage_container .section .slide.pkt {position:relative; padding-left:40px; padding-right:50px; padding-top:80px;}
.fullpage_container .section .slide.pkt .title {font-family: 'Noto Serif KR', serif; font-size:22px; font-weight:600; color:#141414;}
.fullpage_container .section .slide.pkt .text {font-family: 'Noto Serif KR', serif; font-size:15px; line-height:1.7; color:#666;}
.fullpage_container .section .slide.pkt .text em {color:#141414; font-size:14px; font-weight:600;}
.fullpage_container .section .slide.pkt .tag {display:flex; flex-wrap:wrap;}
.fullpage_container .section .slide.pkt .tag li {margin-right:10px;}
.fullpage_container .fp-controlArrow {display:none;}
.fullpage_container .fp-slidesNav {bottom:40px; left:40px !important;}
.fullpage_container .fp-slidesNav ul li {width:40px; height:2px;}
.fullpage_container .fp-slidesNav ul li a span, .fullpage_container .fp-slidesNav ul li a.active span {border-radius:0; width:40px; height:2px; left:auto; top:auto; margin:0; background:#9b9a9a;}
.fullpage_container .fp-slidesNav ul li a.active span {background:#000;}
.fullpage_container .section .inner .open_section {display:block; position:absolute; max-width:178px; color:#fff; font-size:15px; font-weight:500; line-height:1.2; bottom:-80px; left:0; white-space:nowrap; padding:8px 24px 8px 0;}
.fullpage_container .section .inner .open_section::before {content:''; position:absolute; width:14px; height:7px; background:url(../images/sub/medical_more.png) 50% 50%/cover; right:0; top:14px;}
.fullpage_container .parallax .p_elem1, .fullpage_container .parallax .p_elem2, .fullpage_container .parallax .p_elem3 {opacity:0; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; -webkit-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s;}
.fullpage_container .parallax .p_elem1 {-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);}
.fullpage_container .parallax .p_elem2 {-webkit-transform:translateY(160px);-ms-transform:translateY(160px);transform:translateY(160px);}
.fullpage_container .parallax .p_elem3 {-webkit-transform:translateY(240px);-ms-transform:translateY(240px);transform:translateY(240px);}
.fullpage_container .parallax.active .p_elem1, .fullpage_container .parallax.active .p_elem2, .fullpage_container .parallax.active .p_elem3,
.fullpage_container .parallax.on .p_elem1, .fullpage_container .parallax.on .p_elem2, .fullpage_container .parallax.on .p_elem3 {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.section_fix_container {position:fixed; width:100vw; height:100vh; left:0; top:0; background:#141414; opacity:0; z-index:1500; display:none; overflow:hidden;}
.section_fix_container .inner {width:100%; height:100%; margin:auto;}
.section_fix_container .close {display:inline-block; position:absolute; font-size:16px; line-height:1.5; color:#fff; padding:4px 4px 4px 16px; top:15px; right:20px; z-index:1000;}
.section_fix_container .close::before, .section_fix_container .close::after {content:''; position:absolute; width:12px; height:1px; background:#fff; left:0; top:16px;}
.section_fix_container .close::before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.section_fix_container .close::after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.section_fix_container .fix_swiper {position:relative; height:100%; min-height:100%;}
.section_fix_container .fix_swiper .swiper-slide {position:relative; height:100%; padding:60px 30px 80px 40px; overflow:hidden;}
.section_fix_container .fix_swiper .swiper-slide .contents {width:100%; height:100%; overflow-x:hidden; overflow-y:scroll;}
.section_fix_container .fix_swiper .swiper-slide .contents .text_box {left:0;}
.section_fix_container .fix_swiper .swiper-slide .contents .title_fix {position:relative; color:#fff; font-family: 'Noto Serif KR', serif; font-size:22px; font-weight:500; line-height:1.6; letter-spacing:-0.03em; word-break:keep-all;}
.section_fix_container .fix_swiper .swiper-slide .contents .title_fix.small {font-size:16px; letter-spacing:-0.025em;}
.section_fix_container .fix_swiper .swiper-slide .contents .subtitle_fix {font-weight:300; line-height:2;}
.section_fix_container .fix_swiper .swiper-slide .contents .text_fix {font-weight:300; line-height:1.7;}
.section_fix_container .fix_swiper .swiper-slide .contents .text_fix.desc4 {font-weight:400;}
.section_fix_container .fix_swiper .swiper-slide .contents .text_fix em {font-weight:500;}
.section_fix_container .fix_swiper .swiper-slide .contents .text_fix dl {padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.section_fix_container .fix_swiper .swiper-slide .contents .text_fix dl:first-child {border-top:2px solid #fff;}
.section_fix_container .fix_swiper .swiper-slide .contents .text_fix dt {font-size:16px; font-weight:400;}
.section_fix_container .fix_swiper .swiper-slide .contents .btn_download {position:relative; display:inline-block; color:#fff; font-size:15px; padding:15px 50px 15px 20px; border:1px solid #fff;}
.section_fix_container .fix_swiper .swiper-slide .contents .btn_download::after {content:''; position:absolute; width:16px; height:12px; right:20px; top:18px; background:url(../images/sub/download.png) 50% 50%/cover no-repeat;}
.section_fix_container .fix_swiper .swiper-pagination {position:absolute; width:100%; height:30px; left:0; bottom:20px; text-align:center; font-size:0; line-height:0;}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet {position:relative; display:inline-block; width:10px; height:10px; background:#757575; margin:0 0 0 40px; opacity:1;}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet::before {content:''; position:absolute; width:40px; height:1px; background:#757575; left:-40px; top:50%;}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet::after {content:''; position:absolute; width:30px; height:30px; border:1px solid transparent; border-radius:100%; left:-11px; top:-11px;}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet:first-child::before {display:none;}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet-active::after {border:1px solid #fff;}

/* 원인치유법 페이지 */
.fullpage_container.medical_treat .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_treat/bg01.jpg);}
.fullpage_container.medical_treat .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_treat/bg02.jpg);}
.fullpage_container.medical_treat .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_treat/bg03.jpg);}
.fullpage_container.medical_treat .parallax04 .section_bg .section_bg_inner {background-image:url(../images/medical_treat/bg04.jpg);}
.fullpage_container.medical_treat .parallax01 .section_fix_container {background:url(../images/medical_treat/bg01_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_treat .parallax02 .section_fix_container {background:url(../images/medical_treat/bg02_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_treat .parallax03 .section_fix_container {background:url(../images/medical_treat/bg03_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_treat .parallax04 .section_fix_container {background:url(../images/medical_treat/bg04_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_treat .parallax01 .swiper-slide .box_image::before {background:rgba(102,113,85,0.3);}
.fullpage_container.medical_treat .parallax02 .swiper-slide .box_image::before {background:rgba(174,154,129,0.3);}
.fullpage_container.medical_treat .parallax03 .swiper-slide .box_image::before {background:rgba(174,154,129,0.3);}
.fullpage_container.medical_treat .parallax04 .swiper-slide .box_image::before {background:rgba(126,126,126,0.3);}

/* 생명의원천 폐 페이지 */
.fullpage_container.medical_lung .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_lung/bg01.jpg);}
.fullpage_container.medical_lung .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_lung/bg02.jpg);}
.fullpage_container.medical_lung .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_lung/bg03.jpg);}
.fullpage_container.medical_lung .parallax01 .section_fix_container {background:url(../images/medical_lung/bg01_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_lung .parallax02 .section_fix_container {background:url(../images/medical_lung/bg02_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_lung .parallax03 .section_fix_container {background:url(../images/medical_lung/bg03_sub.jpg) 50% 50%/cover no-repeat;}

/* 폐건강 생활습관 페이지 */
.fullpage_container.medical_habit .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_habit/bg01.jpg);}
.fullpage_container.medical_habit .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_habit/bg02.jpg);}
.fullpage_container.medical_habit .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_habit/bg03.jpg);}
.fullpage_container.medical_habit .parallax04 .section_bg .section_bg_inner {background-image:url(../images/medical_habit/bg04.jpg);}
.fullpage_container.medical_habit .parallax01 .section_fix_container {background:url(../images/medical_habit/bg01_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_habit .parallax02 .section_fix_container {background:url(../images/medical_habit/bg02_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_habit .parallax03 .section_fix_container {background:url(../images/medical_habit/bg03_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_habit .parallax04 .section_fix_container {background:url(../images/medical_habit/bg04_sub.jpg) 50% 50%/cover no-repeat;}

/* 한의학의 세계화 페이지  */
.fullpage_container.medical_global .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_global/bg01.jpg);}
.fullpage_container.medical_global .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_global/bg02.jpg);}
.fullpage_container.medical_global .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_global/bg03.jpg);}
.fullpage_container.medical_global .parallax01 .section_fix_container {background:url(../images/medical_global/bg01_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_global .parallax02 .section_fix_container {background:url(../images/medical_global/bg02_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_global .parallax03 .section_fix_container {background:url(../images/medical_global/bg03_sub.jpg) 50% 50%/cover no-repeat;}

/* 편강한의원 처방 페이지 */
.fullpage_container.medical_medicine .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg01.jpg);}
.fullpage_container.medical_medicine .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg02.jpg);}
.fullpage_container.medical_medicine .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg03.jpg);}
.fullpage_container.medical_medicine .parallax04 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg04.jpg);}
.fullpage_container.medical_medicine .parallax05 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg05.jpg); background-position:50% top;}
.fullpage_container.medical_medicine .parallax01 .section_fix_container {background:url(../images/medical_medicine/bg01_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_medicine .parallax02 .section_fix_container {background:url(../images/medical_medicine/bg02_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_medicine .parallax03 .section_fix_container {background:url(../images/medical_medicine/bg03_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_medicine .parallax04 .section_fix_container {background:url(../images/medical_medicine/bg04_sub.jpg) 50% 50%/cover no-repeat;}

/* 논문등재 페이지 */
.fullpage_container.medical_research .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_research/bg01.jpg);}
.fullpage_container.medical_research .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_research/bg02.jpg);}
.fullpage_container.medical_research .parallax01 .section_fix_container {background:url(../images/medical_research/bg01_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_research .parallax02 .section_fix_container {background:url(../images/medical_research/bg02_sub.jpg) 50% 50%/cover no-repeat;}
.fullpage_container.medical_research .context {padding-right:0;}
.fullpage_container.medical_research .parallax .book {position:relative; padding-left:50px; padding-right:20px;}
.fullpage_container.medical_research .parallax .book .book_open {display:block; position:absolute; width:48px; height:48px; left:50px; top:20px; margin:-24px 0 0 -24px; background:#fff; border-radius:50%;}
.fullpage_container.medical_research .parallax .book .book_open::before {content:''; position:absolute; width:126px; height:126px; left:50%; top:50%; margin:-63px 0 0 -63px; background:url(../images/sub/detail_view.png) 50% 50%/cover no-repeat;;}
.fullpage_container.medical_research .parallax .book .book_open::after {content:''; position:absolute; width:12px; height:6px; left:50%; top:50%; margin:-3px 0 0 -6px; background:url(../images/sub/detail_view_arrow.png) 50% 50%/cover no-repeat;}
.fullpage_container.medical_research .parallax .book .book_open:hover::after {-webkit-animation:arrowNextL 0.5s ease; animation:arrowNextL 0.5s ease;}
.fullpage_container.medical_research .parallax .flow_text {position:absolute; left:0; bottom:40px; -webkit-animation:flowText 30s linear infinite; animation:flowText 30s linear infinite;}
.fullpage_container.medical_research .parallax .flow_text span {display:block; position:relative; left:0; bottom:0;white-space:nowrap; width:auto; font-family: 'Noto Serif KR', serif; color:rgba(255,255,255,0.05); font-size:32px; letter-spacing:-0.04em; font-weight:600;}

/*CSS  추가*/
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.review_container .video a::after {content: ''; position: absolute; width: 50px; height: 50px; left: 60%; top: 60%; margin: -60px 0 0 -60px; background: url(../images/sub/button_play.png)  50% 50%/cover !important;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:87%;}
#review_popup {position: absolute; left: 0%; top: 80%; width: 100%; padding: 15% 5%;; z-index: 50; text-align: center; border: 1px solid #2f2f2f; background: #fff;}
#review_popup .privacy_close {position: absolute; top: 0px; right: 0px; background: #2f2f2f; cursor: pointer;}
#review_popup .txt_wrap {line-height: 30px;}
#review_popup .txt_wrap p {margin-bottom: 35px; padding: 5% 1%; text-align: center; border: 1px solid #c1c1c1; background: #f6f6f6; color: #2f2f2f; font-size: 1em; letter-spacing: -0.2px;}
#writeForm h4 {margin-bottom: 5%; font-size: 1.5em;}
#review_popup a {padding: 4%; border: 1px solid #666; color: #2f2f2f; text-decoration: none;}
#modal_bg {position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 9999; background: rgba(0,0,0,0.7);}
#writeForm #privacy {width: 100%; margin: auto; background: #fff; border: 1px solid #2f2f2f; text-align: center; padding: 5% 1%; position: absolute; left: 0%; bottom: 0px; height: 70%;z-index:110}
#writeForm .scroll_cont {height: 65%; background: #f6f6f6; line-height: 30px; width: 95% !important; border: 1px solid #2f2f2f;}
#writeForm .btn_voice_close {padding: 0 30px; border: 1px solid #2f2f2f; font-size: 16px; color: #fff; line-height: 48px; text-align: center; cursor: pointer; background: #2f2f2f; margin-top: 30px;}
.login_box .sns_login a {display: inline-block; width: 48px; height: 48px; margin: 0 10px; background: no-repeat center;}

/* 비급여단가 */
.nopay_title {width: 80%; margin: 20px auto; text-align: justify;font-size: 14px; line-height: 20px}
.nopay_title p {margin-bottom:10px}
.nopay_table {width:80%; margin:auto;font-size:14px;border-top: 2px solid #000; border-bottom: 2px solid #000}
.nopay_table th, td {height:38px}
.nopay_table tr td{border-top: 2px solid #000;}
.nopay_table tr+tr td {border-top: 1px solid #c3c3c3;}
.tab_head {text-align: center}
.tab_body01 {text-align: left;padding-left: 10px;}
.tab_body02 {text-align: center}
.tab_body03 {text-align: right;padding-right: 10px;}

/* */
.resp_sub {color:#585858;display:grid;}
.resp_sub ul {display: inline-block; width: 100%;border-bottom: 1px solid #dbdbdb;}
.resp_sub ul:last-child {border-bottom: 0px none}
.resp_sub ul li {width:33.3%;float:left;text-align: left;padding: 10px 0px 10px 20px;border-right: 1px solid #dbdbdb;}
.resp_sub ul li.on {background: #f8f8f8}
.resp_sub ul li.sub_last {border-right: 0px}