@charset "utf-8";

/* 상단 비주얼 패널 */
/* #sub_visual {overflow:hidden; position:relative; height:940px;} */
#sub_visual {overflow:hidden; position:relative; height:calc(100vh - 82px);}
#sub_visual.fullpage {height:calc(100vh - 82px) !important; padding-bottom:82px;}
#sub_visual::before {position: absolute; left: 0px; top: 0px;  z-index:10; width: 100%; height: 130px;background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.3)));background: -o-linear-gradient(bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%); content:'';}
#sub_visual::after {position:absolute; left:0; width:100%; height:100%; background:no-repeat center; background-size:cover; content:''; -webkit-animation:scalePannel 4s ease; animation:scalePannel 4s ease;}
#sub_visual.rhinitis::after {background-image:url('../images/sub/sub_visual_rhinitis.jpg');}
#sub_visual.asthma::after {background-image:url('../images/sub/sub_visual_asthma.jpg');}
#sub_visual.copd::after {background-image:url('../images/sub/sub_visual_copd.jpg');}
#sub_visual.bronchitis::after {background-image:url('../images/sub/sub_visual_bronchitis.jpg');}
#sub_visual.lung::after {background-image:url('../images/sub/sub_visual_lung.jpg');}
#sub_visual.fibrosis::after {background-image:url('../images/sub/sub_visual_fibrosis.jpg');}
#sub_visual.sinusitis::after {background-image:url('../images/sub/sub_visual_sinusitis.jpg');}
#sub_visual.postnasal::after {background-image:url('../images/sub/sub_visual_postnasal.jpg');}
#sub_visual.tonsillitis::after {background-image:url('../images/sub/sub_visual_tonsillitis.jpg');}
#sub_visual.pneumonia::after {background-image:url('../images/sub/sub_visual_pneumonia.jpg');}
#sub_visual.atopy::after {background-image:url('../images/sub/sub_visual_atopy.jpg');}
#sub_visual.psoriasis::after {background-image:url('../images/sub/sub_visual_psoriasis.jpg');}
#sub_visual.seborrhea::after {background-image:url('../images/sub/sub_visual_seborrhea.jpg');}
#sub_visual.urtication::after {background-image:url('../images/sub/sub_visual_urtication.jpg');}
#sub_visual.pompholyx::after {background-image:url('../images/sub/sub_visual_pompholyx.jpg');}
#sub_visual.rheumatism::after {background-image:url('../images/sub/sub_visual_rheumatism.jpg');}
#sub_visual.autoimmune::after {background-image:url('../images/sub/sub_visual_autoimmune.jpg');}
#sub_visual.growthdisorder::after {background-image:url('../images/sub/sub_visual_growthdisorder.jpg');}
#sub_visual.fatigue::after {background-image:url('../images/sub/sub_visual_fatigue.jpg');}
#sub_visual.osteoporosis::after {background-image:url('../images/sub/sub_visual_osteoporosis.jpg');}
#sub_visual.aftereffects::after {background-image:url('../images/sub/sub_visual_aftereffects.jpg');}
#sub_visual.eczema::after {background-image:url('../images/sub/sub_visual_eczema.jpg');}
#sub_visual.steadyseller::after {background-image:url('../images/sub/sub_visual_steadyseller.jpg');}
#sub_visual.history::after {background-image:url('../images/sub/sub_visual_history.jpg');}
#sub_visual.greeting::after {background-image:url('../images/sub/sub_visual_greeting.jpg');}
#sub_visual.story::after {background-image:url('../images/sub/sub_visual_story.jpg');}
#sub_visual.research::after {background-image:url('../images/medical_research/bg_visual.jpg');}
#sub_visual.treat::after {background-image:url('../images/medical_treat/bg_visual.jpg');}
#sub_visual.lung2::after {background-image:url('../images/medical_lung/bg_visual.jpg');}
#sub_visual.habit::after {background-image:url('../images/medical_habit/bg_visual.jpg');}
#sub_visual.global::after {background-image:url('../images/medical_global/bg_visual.jpg');}
#sub_visual.medical_medicine::after {background-image:url('../images/medical_medicine/bg_visual.jpg');}
#sub_visual.covid::after {background-image:url('../images/sub/sub_visual_covid.jpg');}
#sub_visual .txt {position:absolute; left:50%; bottom:125px; z-index:2; width:1360px; margin-left:-680px; font-family: 'Noto Serif KR', serif; font-size:64px; line-height:86px; color:#fff; font-weight:600;}
#sub_visual .txt p {display:block; overflow:hidden; position:relative;}
#sub_visual .txt span {display:block; position:relative;}
#sub_visual .txt .subtitle {font-family: 'Noto Sans KR', sans-serif; font-size:22px; font-weight:400; line-height:1.2; margin-bottom:65px;}


/* 본문 서체 */
.stitle01 {margin-bottom:35px; font-size:32px; line-height:1.4375; color:#272727; font-weight:700; letter-spacing:-0.092em;}
.stitle02 {margin-bottom:15px; font-size:26px; line-height:1.4375; color:#272727; font-weight:500; letter-spacing:-0.089em;}
.stitle03 {margin-bottom:15px; font-size:24px; color:#272727; line-height:1.4375; font-weight:700; letter-spacing:-0.086em;}
.stitle04 {margin-bottom:15px; font-size:20px; color:#272727; line-height:1.4375; font-weight:500; letter-spacing:-0.083em;}
.stitle05 {margin-bottom:10px; font-size:18px; color:#272727; line-height:1.4375; font-weight:500; letter-spacing:-0.08em;}
.desc {font-size:20px; color:#7d7d7d; line-height:1.7; font-weight:300; letter-spacing:-0.08em;}
.desc2 {font-size:18px; color:#525252; line-height:1.7; font-weight:300; letter-spacing:-0.08em;}
.desc3 {font-size:17px; color:#7d7d7d; line-height:1.7; font-weight:300; letter-spacing:-0.075em;}
.desc4 {font-size:16px; line-height:2.25; font-weight:400; letter-spacing:-0.04em;}
.list_number {font-size:14px;}
.fc_darkgray {color:#272727 !important;}
.fc_black {color:#232323; font-weight:400;}
.fc_white {color:#fff;}
.fbold {font-weight:700;}

/* 퀵메뉴 */
.quick_container {position:fixed; right:0; bottom:0; z-index:11;}
.quick_container .quick_open {position:absolute; width:90px; height:90px; right:70px; bottom:240px; opacity:0; pointer-events:none; cursor: auto;}
.quick_container .quick_open.on {opacity:1; pointer-events:all; transition:all 0.3s ease;}
.quick_container .quick_open .btn_open {position:absolute; width:100%; height:100%; left:0; top:0; border:1px solid #e7e7e7; border-radius:50%; background:url(../images/main/quick_btn_open.png) 50% 50% no-repeat #fff;}
.quick_container .quick_open .btn_open:hover {cursor:pointer}
.quick_container .quick_open .box {display:block; position:absolute; padding:20px 25px; background:#907141; opacity: 0.9; left:-280px; top:13px; border-radius:8px; white-space:nowrap; -webkit-animation:bounce 2s linear infinite; animation:bounce 2s linear infinite;}
.quick_container .quick_open .box::after {content:''; position:absolute; width:12px; height:24px; background:url(../images/main/quick_box_triangle.png); right:-12px; top:50%; margin-top:-12px;}
.quick_container .quick_open .box .btn_close_info {display:block; position:absolute; width:22px; height:22px; background:url(../images/main/quick_btn_close.png); left:-11px; top:-11px;}
.quick_container .quick_list {position:absolute; width:100px; max-height:0; right:60px; bottom:240px; background:#fff; border-radius:50px; text-align:center; overflow:hidden; opacity:0;}
.quick_container .quick_list.on {max-height:590px; border:1px solid #141414; opacity:1; border-radius:50px; transition:all 0.4s ease;}
.quick_container .quick_list .top {display:block;margin: 0 auto;  width:80%; height:90px; background:url(../images/main/quick_title.jpg) 50% 60% no-repeat; border-bottom:1px solid #141414;}
.quick_container .quick_list li {margin-top:20px;}
.quick_container .quick_list li:first-child {margin-top:30px;}
.quick_container .quick_list li .icon {position:relative; width:50px; height:50px; border-radius:50%; margin:0 auto; overflow:hidden;}
.quick_container .quick_list li .icon.reserve {background:url(../images/main/quick_btn_reserv.png) 50% 50% no-repeat #000;}
.quick_container .quick_list li .icon.review {background:url(../images/main/quick_btn_review.png) 50% 50% no-repeat #000;}
.quick_container .quick_list li .icon.clinic {background:url(../images/main/quick_btn_branch.png) 50% 50% no-repeat #000;}
.quick_container .quick_list li .icon.kakao {background:url(../images/main/quick_btn_kakao.png) 50% 50% no-repeat #000;}
.quick_container .quick_list li a span {display:inline-block; padding-top:5px;}
.quick_container .quick_list .btn_close_quick {position:relative; width:100%; height:60px; margin-top:20px; background:url(../images/main/quick_btn_close_all.png) 50% 35% no-repeat;}

/* 질환섹션, 스티키 내비게이션 */
.section_contents {position:relative;}
.scroll_nav_cont {position:relative; padding:120px 0;}
.scroll_nav_cont.osteoporosis {padding:120px 0 0;}
.scroll_nav_cont .sticky_nav_wrap{position:absolute; top:0; left:50%; margin-left:-680px; z-index:3; width:400px;}
.scroll_nav_cont .scroll_nav .title {font-family: 'Noto Serif KR', serif; font-size:42px; line-height:56px; font-weight:600;}
.scroll_nav_cont .scroll_nav .title .subText {font-size:20px;}
.scroll_nav_cont .scroll_cont {position:relative; z-index:2;}
.scroll_nav_cont.type01 .scroll_nav ul {position:relative; margin-top:110px; padding-bottom:200px;}
.scroll_nav_cont.type01 .scroll_nav ul::before {position:absolute; top:15px; left:0; bottom:215px; width:1px; background:#f0f0f0; content:'';}
.scroll_nav_cont.type01 .scroll_nav ul a {display:block; font-size:20px; color:#939393; font-weight:500; line-height:30px; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.scroll_nav_cont.type01 .scroll_nav li {position:relative; padding-left:40px;}
.scroll_nav_cont.type01 .scroll_nav li+li {margin-top:68px;}
.scroll_nav_cont.type01 .scroll_nav li::before {position:absolute; top:50%; left:-3px; width:6px; height:6px; border-radius:100%; background:#909090; content:''; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.scroll_nav_cont.type01 .scroll_nav li.on::before {background:#222222;}
.scroll_nav_cont.type01 .scroll_nav li.on a {color:#222222;}
.scroll_nav_cont .scroll_section, .scroll_nav_cont .none_scroll_section {width:940px; float:right;}
.scroll_nav_cont.type02 {padding-top:0; padding-bottom:30px;}
.scroll_nav_cont.type02 .scroll_nav .title {margin-bottom:45px;}
.scroll_nav_cont.type02 .scroll_nav ul {position:relative; padding-top:140px; padding-bottom:400px;}
.scroll_nav_cont.type02 .scroll_nav li {margin-bottom:20px;}
.scroll_nav_cont.type02 .scroll_nav ul a {display:block; width:140px; border-radius:23px; font-size:18px; color:#fff; font-weight:500; line-height:46px; text-align:center; background:#bababa; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.scroll_nav_cont.type02 .scroll_nav li.on a {background:#272727;}
/* .scroll_nav_cont.type02 .scroll_nav.white ul a {background:rgba(255,255,255,0.3); color:#272727;} */
.scroll_nav_cont.type02 .scroll_nav.white ul a {background:#737170; color:#272727;}
.scroll_nav_cont.type02 .scroll_nav.white li.on a {background:#fff;}
.scroll_nav_cont.type02 .scroll_section {position:relative;}
.scroll_nav_cont.type02 .scroll_section .top {position:relative; z-index:5;}
.scroll_nav_cont.type02 .scroll_section.tab {display:none;}
.scroll_nav_cont.type02 .scroll_section.tab.on {display:block;}
.scroll_nav_cont.type02 .cbox {position:relative; padding-left:40px;}
.scroll_nav_cont.type02 .cbox::before {position:absolute; top:10px; left:0; bottom:0; width:1px; background:#eaeaea; content:'';}
.scroll_nav_cont.type02 .cbox.mt_80::before {top:-80px;}
.scroll_nav_cont.type02 #scroll_step.cbox::before {bottom:-400px;}
.scroll_nav_cont.type02 .cbox::after {position:absolute; top:10px; left:-3px; width:6px; height:6px; border-radius:100%; background:#222222; content:'';}
.scroll_nav_cont.type02 .scroll_section+ .scroll_section .cbox::before {bottom:-100px;}
.scroll_nav_cont.type02 .cbox.no_line::before {display:none;}
.scroll_nav_cont.type02 .cbox.no_line::after {display:none;}
.scroll_nav_cont.type02 .sticky_nav_wrap {padding-top:120px;}
.scroll_section_wrap {position:relative;}
.scroll_section_wrap.first {padding-top:120px;}
.scroll_section_wrap.bg_gray {background:#f9f9f9;}
.scroll_section_wrap.bg_pharmacy {background:url(../images/sub/bg_pharmacy.jpg) 50% 50%/cover no-repeat;}
.scroll_nav_cont.type02 .scroll_section .report {position:absolute; left:-105px; top:50%; margin-top:-310px;}
.scroll_nav_cont.type02 .scroll_section .section_pgt {position:relative; width:470px; float:right;}
.scroll_nav_cont.type02 .scroll_section .section_pgt .graph {position:relative; width:576px; left:50%; margin-left:-288px;}
#scroll_nav_cont03 {padding-bottom:0;}
/* 섹션 내 개별페이지 활용 */
.scroll_section_wrap.bg_osteoporosis {background:url(../images/osteoporosis/bg.jpg) left top no-repeat;}
.scroll_section_wrap.bg_osteoporosis::before {content:''; position:absolute; width:100vw; height:1px; background:rgba(215,215,215,0.2); left: -50%; top:0; -webkit-transform:translateX(50%); -ms-transform:translateX(50%); transform:translateX(50%);}
.scroll_section_wrap.bg_pkt {background:url(../images/aftereffects/bg.jpg) right top/cover no-repeat;}
.scroll_section_wrap.bg_eczema {background:url(../images/eczema/bg.jpg) 50% top/cover no-repeat;}
.scroll_section_wrap.bg_covid {background:url(../images/longcovid/bg.jpg) 50% top/cover no-repeat;}
.scroll_section_wrap.bg_osteoporosis img {margin-left:140px;}
.scroll_section_wrap .img_eczema {margin-left:130px;}


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


/* 리스트 형태 */
.list_3col li {width: calc(33.33333% - 53.33333px); float:left; margin-left:80px;}
.list_3col.fibrosis li {width: calc(33.33333% - 40px); margin-left:60px;}
.list_3col li:first-child {margin-left:0;}
.list_number {display:block; width:30px; height:30px; line-height:30px; background:#000; text-align:center; border-radius:50%;}


/* 증상 이미지 컬럼배치 */
.img_2col.bg {padding:49px 48px; background:#f9f9f9; border:1px solid #e7e7e7;}
.img_2col ul {width:100%; position:relative;}
.img_2col ul::after {content:''; display:block; clear:both;}
.img_2col ul li {float:left;}
.img_2col ul li:last-child {float:right;}


/* 원인 리스트형태 - 천식, 폐섬유화 */
.symtom_list li .img {position:relative;}
.symtom_list li .img.bg {background:#f4f4f4;}
.symtom_list li .img img {-webkit-box-shadow: 10px 10px 20px 0px rgba(99, 99, 99, 0.23);box-shadow: 10px 10px 20px 0px rgba(99, 99, 99, 0.23); border-radius:100%;}
.symtom_list li .img img.shadow_center {-webkit-box-shadow: 0px 0px 35px 0px rgba(99, 99, 99, 0.3);box-shadow: 0px 0px 35px 0px rgba(99, 99, 99, 0.3); border-radius:100%;}
.symtom_list li .desc2 {letter-spacing:-0.085em;}
.symtom_list.asthma li:first-child .img.bg {border-radius: 50% 0 0 50%;}
.symtom_list.asthma li:nth-child(2) .img.bg {border-radius: 0 50% 50% 0;}
.symtom_list.asthma li:first-child .img.bg::before {content:''; position:absolute; width:80px; height:100%; background:#f4f4f4; left:100%; top:0; z-index:-1;}
.symtom_list.asthma li:first-child .img.bg::after {content:''; position:absolute; width:42px; height:42px; background:url(../images/asthma/plus.png) no-repeat; left:calc(100% + 19px); top:calc(50% - 19px);}
.symtom_list.fibrosis li .img {position:relative; width:260px;}
.symtom_list.fibrosis li:first-child .img {border-radius: 50% 0 0 50%;}
.symtom_list.fibrosis li:last-child .img {border-radius: 0 50% 50% 0;}
.symtom_list.fibrosis li .img::before {content:''; position:absolute; width:100%; height:100%; left:50%; top:0; background:#f4f4f4; z-index:-1;}
.symtom_list.fibrosis li:last-child .img::before {display:none;}
.symtom_list.aftereffects li {width:320px; margin-left:100px; padding-top:0 !important;}
.symtom_list.aftereffects li:first-child {margin-left:0;}
.symtom_list.aftereffects li .img::before {display:none;}
.symtom_list.aftereffects li .img img {-webkit-box-shadow:none;box-shadow:none;}


/* 근본치료 스텝 */
#scroll_step {height:940px; padding-top:30px; margin-top:50px;}
#scroll_step::before {top:40px;}
#scroll_step::after {top:40px;}
#scroll_step .img_list {position:relative; margin-top:70px;}
#scroll_step .img_list li {position:absolute; top:0; left:0; background:#f9f9f9;}
#scroll_step .img_list .txt {position:absolute; top:0; left:0;}


/* 치료 통계 */
.stats_container::after {content:''; display:block; clear:both;}
.stats_container li {float:left; width:410px; height:548px; border-radius:15px; padding:52px 39px; margin-left:40px; background:url(../images/sub/stats_bg.jpg) 50% 80% no-repeat #fff;}
.stats_container li:first-child {margin-left:0;}
.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 .ctx {color:#7d7d7d; font-weight:500;}
.stats_container li .inner .aniNum {font-size:71px; font-weight:700;}
.stats_container li .inner .aniNum .unit {font-size:30px;}
.stats_container li .inner .bar {position:absolute; width:297px; height:25px; left:50%; margin-left:-148px; bottom:0;}
.stats_container li .inner .bar .candles {position:absolute; width:297px; 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:absolute; left:50%; margin-left:-130px; bottom:0;}
.stats_container li.dark .inner .aniNum {position:absolute; width:100%; top:31%; font-size:64px; text-align:center;}
.stats_container li.dark .inner .aniNum .condition {font-size:18px; font-weight:400;}
.stats_container li.dark .inner .aniNum .unit {font-size:64px;}


/* 논문 영역 */
.book_container {position:relative; width:100%; height:974px; background:rgba(0,0,0,.2)}
.book_container::after {content:''; position:absolute; left:0; top:0; width:calc(50% - 960px); height:100%; background: rgb(42,77,93); background: -webkit-gradient(linear, left top, right top, from(rgba(42,77,93,1)), to(rgba(52,93,112,1))); background: -o-linear-gradient(left, rgba(42,77,93,1) 0%, rgba(52,93,112,1) 100%); background: linear-gradient(90deg, rgba(42,77,93,1) 0%, rgba(52,93,112,1) 100%);}
.book_container .inner {position:relative; width:1920px; height:100%; left:50%; margin-left:-960px; z-index:2;}
.book_container .inner .book_box {position:absolute; left:0; top:0; width:700px; height:100%; background:url(../images/sub/book_left.jpg) no-repeat; cursor:pointer;}
.book_container .inner .book_box .indicator {position:absolute; width:60px; height:122px; right:-60px; top:50%; margin-top:-61px; background:url(../images/sub/book_indicator.png) no-repeat;}
.book_container .contents_bg {position:absolute; width:calc(50% + 260px); height:100%; left:50%; top:0; margin-left:-260px; background:url(../images/sub/book_right.jpg) 50% 0/cover no-repeat;}
.book_container .inner .contents {position:relative; left:960px; width:680px; padding-top:140px;}
.book_container .inner .contents::after {content:''; display:block; clear:both;}
.book_container .inner .contents .subtitle {display:inline-block; font-size:18px; font-weight:500; padding:10px 20px; border:1px solid #fff; border-radius:45px;}
.book_container .inner .contents .title, .book_container .inner .book_box .book_inside .book_inside_contents .title {font-family: 'Noto Serif KR', serif; font-size:42px; line-height:60px; color:#fff; font-weight:600;}
.book_container .inner .contents .title p, .book_container .inner .book_box .book_inside .book_inside_contents .title p {display:inline-block; overflow:hidden; position:relative;}
.book_container .inner .contents .title p .split, .book_container .inner .book_box .book_inside .book_inside_contents .title p .split {display:block; position:relative; z-index:2;}
.book_container .inner .contents .title p .highlight {display:block; position:absolute; width:100%; height:52%; left:0; bottom:0; background:#336276;}
.book_container .inner .contents .descriptions {float:right; padding-top:130px;}
.book_container .inner .contents .descriptions .desc {font-weight:400;}
.book_container .inner .book_box .book_inside {position:absolute; width:700px; height:100%; left:50%; top:0; margin-left:-350px; background:#3d7590; z-index:1; opacity:0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.book_container .inner .book_box .book_inside.active {width:100vw; left:calc(100% + 260px); margin-left:-50vw; z-index:3; opacity:1;}
.book_container .inner .book_box .book_inside .book_inside_align {position:relative; width:1920px; height:100%; left:-100%; margin-left:-960px;}
.book_container .inner .book_box .book_inside.active .book_inside_align {left:50%;}
.book_container .inner .book_box .book_inside .book_inside_cover {position:absolute; width:905px; height:100%; left:0; top:0; background:url(../images/sub/book_left_cover.png) no-repeat;}
.book_container .inner .book_box .book_inside .book_inside_contents {position:relative; width:1015px; left:905px; padding-top:280px; padding-left:50px;}
.book_container .inner .book_box .book_inside .book_inside_contents .title {font-size:26px; line-height:44px; position:relative;}
.book_container .inner .book_box .book_inside .book_inside_contents .title::before {content:''; position:absolute; width:36px; height:32px; background:url(../images/sub/book_qoute.png) no-repeat; left:-50px; top:0; opacity:0;}
.book_container .inner .book_box .book_inside.active .book_inside_contents .title::before {opacity:1; -webkit-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; -webkit-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s;}
.book_container .inner .book_box .book_inside .book_inside_contents .title p {display:block;}
.book_container .inner .book_box .book_inside .book_inside_contents .descriptions {padding-top:120px; padding-left:210px;}
.book_container .inner .book_box .book_inside .book_inside_contents .desc2 {font-weight:400;}
.book_container .inner .book_box .book_inside .book_inside_contents .desc2.list {position:relative;}
.book_container .inner .book_box .book_inside .book_inside_contents .desc2.list::after {content:'*'; position:absolute; left:-12px; top:2px;}
.book_container .inner .book_box .book_inside .fadeInUp {-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px); opacity:0;}
.book_container .inner .book_box .book_inside.active .fadeInUp {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1; -webkit-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; -webkit-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s;}



/* 탭메뉴 */
.tab_menu01 {display:inline-block; width:100%; margin:60px 0 80px; border-bottom:1px solid #ebebeb; vertical-align:top;}
.tab_menu01 li {float:left; margin-right:60px;}
.tab_menu01 a {display:block; position:relative; padding-bottom:8px; font-size:20px; color:#7d7d7d; line-height:45px; font-weight:500;}
.tab_menu01 a::after {position:absolute; bottom:0; left:50%; right:50%; height:3px; background:#272727; opacity:0; content:''; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.tab_menu01 li.on a {color:#272727;}
.tab_menu01 li.on a::after {left:0; right:0; opacity:1;}
.cont_t01 {overflow:hidden;}
.cont_t01 img {float:left;}
.cont_t01 .tcont {float:right; width:470px; padding-top:40px;}
.step_list {overflow:hidden; margin:-5px 0;}
.step_list li {float:left; position:relative; padding:5px 0; padding-right:43px;}
.step_list li::after {position:absolute; top:50%; right:10px; width:23px; height:12px; margin-top:-6px; background:url('../images/sub/icon_step_arr.png'); content:''}
.step_list li:last-child::after {display:none;}
.step_list span {display:block; padding:0 25px; border:1px solid #c4c4c4; border-radius:18px; line-height:34px;}
.tag_list {overflow:hidden; margin:-5px;}
.tag_list li {float:left; padding:5px;}
.tag_list span {display:block; padding:0 25px; border:1px solid #c4c4c4; border-radius:18px; line-height:34px;}
.tab_container .tab_cont {display:none;}
.tab_container .tab_cont.on {display:block;}


/* 탭메뉴 - 박스형 */
.tab_box_container::after {content:''; display:block; clear:both;}
.tab_box_container .tab_box, .tab_box_container .over_img {float:left;}
.tab_box_container .tab_box {width:170px;}
.tab_box_container .tab_box .tab li {margin-top:25px;}
.tab_box_container .tab_box .tab li:first-child {margin-top:0;}
.tab_box_container .tab_box .tab li button {width:170px; height:170px; border:2px solid #272727; font-size:20px; color:#272727; font-weight:700; text-align:center; vertical-align:middle; opacity:0.25;}
.tab_box_container .tab_box .tab li.on button {opacity:1;}
.tab_box_container .over_img {position:relative; float:right; width:680px; height:530px;}
.tab_box_container .over_img li {position:absolute; width:100%; height:100%; left:0; top:0; opacity:0;}
.tab_box_container .over_img li.on {opacity:1;}
.tab_box_container .tab_box .tab li button, .tab_box_container .over_img li {-webkit-transition:0.8s ease;-o-transition:0.8s ease;transition:0.8s ease;}


/* 탭메뉴 - 오리지널 : 피부 */
.tab_container.original::after {content:''; display:block; clear:both;}
.tab_container.original .image {float:left; width:420px;}
.tab_container.original .contents {float:right; width:470px;}
.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 .tab {position:absolute; 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 .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; font-weight:600; padding:20px 0; margin:0; cursor:pointer;}
.tab_container.original .contents .desc {font-weight:500; color:#272727;}
.tab_container.original .contents .desc.dash span {display:block; padding-left:10px;}


/* 탭메뉴 - Q&A 피부 */
.qna_container .qna_q li {width:calc(33.333333% - 20px); float:left; margin-left:30px; opacity:0.5; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.qna_container .qna_q li.on, .qna_container .qna_q li:hover {opacity:1;}
.qna_container .qna_q li:first-child {margin-left:0;}
.qna_container .qna_q li a {display:block; line-height:1.2; margin:0; padding:40px 0; background:#fff; border-radius:15px; text-align:center; font-weight:600; color:#272727; overflow:hidden;}
.qna_container .qna_a li {display:none; overflow:hidden;}
.qna_container .qna_a li.on {display:block; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.qna_container .qna_a li .contents {position:relative; padding:60px 60px 60px 280px; background:#fff; border-radius:15px;}
.qna_container .qna_a li .contents .image {position:absolute; left:60px; top:50%; margin-top:-80px;}
.qna_container .qna_a li .contents .stitle02 {font-weight:600;}
.qna_container .btn_more {position:relative; float:right; font-weight:600; vertical-align: middle; padding-right:25px;}
.qna_container .btn_more::before, .qna_container .btn_more::after {content:''; position:absolute; width:10px; height:1px; background:#272727; right:0; top:13px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.qna_container .btn_more::after {right:0; top:20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}


/* 마우스오버 탭메뉴 - 천식 */
.tab_over_container ul {float:left; position:relative;}
.tab_over_container::after {content:''; display:block; clear:both;}
.tab_over_container.asthma .over_img {width:420px; height:426px;}
.tab_over_container .over_img li {position:absolute; width:100%; height:100%; left:0; top:0; opacity:0;}
.tab_over_container .over_img li.on {opacity:1;}
.tab_over_container .tab {left:-45px;}
.tab_over_container .tab li {margin-top:30px;}
.tab_over_container .tab li:first-child {margin-top:0;}
.tab_over_container .tab li button {position:relative; font-size:26px; font-weight:700; color:#272727; opacity:0.3; padding-left:100px;}
.tab_over_container .over_img li, .tab_over_container .tab li button, .tab_over_container .tab li button::after {-webkit-transition:0.9s ease;-o-transition:0.9s ease;transition:0.9s ease; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s;}
.tab_over_container .tab li button::after {content:''; position:absolute; width:82px; height:2px; background:#272727; left:0; top:50%; margin-top:-1px; opacity:0;}
.tab_over_container .tab li.on button, .tab_over_container .tab li.on button::after {opacity:1;}


/* 마우스 오버 이미지 - 지루성피부염 */
.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;}
.hover_container .hover.on img {opacity:1;}
.hover_container .hover button {content:''; position:absolute; width:46px; height:46px; background:url(../images/seborrhea/cross.png) 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 {right:50px; top:36px;}
.hover_container.seborrhea .hover01 button {top:14px;}
.hover_container.seborrhea .hover02 {left:25px; top:135px;}
.hover_container.seborrhea .hover02 button {top:14px; left:auto; right:0;}
.hover_container.seborrhea .hover03 {right:44px; top:166px;}
.hover_container.seborrhea .hover03 button {top:14px;}
.hover_container.seborrhea .hover04 {right:24px; top:313px;}
.hover_container.seborrhea .hover04 button {top:14px;}
.hover_container.seborrhea .hover05 {left:25px; top:311px;}
.hover_container.seborrhea .hover05 button {top:auto; bottom:0; left:auto; right:0;}

/* 이미지 오버 박스 */
.img_cover {position:relative;}
.img_cover .cover {position:absolute; width:100%; height:100%; left:0; top:0;}


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


/* 써클형태 리스트 - 기타질환 */
.circle_list_container {position:relative;}
.circle_list_container::after {content:''; display:block; clear:both;}
.circle_list_container li {position:relative; float:left; width:257px; height:257px; background:#242424; border-radius:50%; margin-left:47px;}
.circle_list_container li::before {content:''; position:absolute; width:22px; height:23px; background:url(../images/sub/plus.png) no-repeat; left: -35px; top:50%; margin-top: -12px;}
.circle_list_container li:first-child {margin-left:0;}
.circle_list_container li:first-child::before {display:none;}
.circle_list_container li .box {width:100%; text-align:center; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.circle_list_container li .box .title {margin:0; color:#fff; font-weight:600;}
.circle_list_container li .box .subtitle {color:#a3a3a3; font-weight:600;}
.circle_list_container.aftereffects {text-align:center;}
.circle_list_container.aftereffects li {float:none; display:inline-block;}
.circle_list_container.aftereffects li::before {display:none;}
.circle_list_container.eczema li, .circle_list_container.covid li {width:192px; height:192px; background:#fff; margin-left:55px;}
.circle_list_container.eczema li:first-child, .circle_list_container.covid li:first-child {margin-left:0;}
.circle_list_container.eczema li::before {width:23px; height:12px; background:url(../images/sub/icon_step_arr_light.png) no-repeat;}
.circle_list_container.covid li::before {display:none;}
.circle_list_container.eczema li .box .title, .circle_list_container.covid li .box .title {font-size:24px; color:#212121; left:-38px; margin-top:-6px;}
.circle_list_container.covid li .box .title {font-size:20px;}


/* 넘버형태 리스트 - 기타질환 */
.number_list_container .title_section {font-weight:600;}
.number_list_container ul::after {content:''; display:block; clear:both;}
.number_list_container ul li {position:relative; float:left; width:calc(50% - 20px); margin-left:40px; margin-top:40px; padding-left:45px;}
.number_list_container ul li:nth-of-type(2n+1) {margin-left:0; clear:both;}
.number_list_container ul li .num {display:block; position:absolute; width:30px; height:30px; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:30px; background:#141414; border-radius:50%; left:0; top:0;}
.number_list_container ul li .title {color:#272727; font-size:22px; line-height:30px; font-weight:600;}
.number_list_container ul li .text {margin-top:10px;}


/* 요인 리스트 - 성장호르몬 */
.gi_list .contents {margin-left:60px;}
.gi_list .contents .title {font-weight:600;}
.gi_list .contents ul li {width:132px; height:36px; font-size:16px; font-weight:400; background:#131313; border-radius:18px; text-align:center; line-height:36px; margin-top:12px;}



/* 편강탕 스크롤 영역 */
.common_medicine{position:relative; height:755px;}
.common_medicine #container_medicine{margin-top:80px; width:100%; height:100%; max-height:755px; position:absolute; top:0; left:0; }
.common_medicine .medicine{position:absolute; width:100%; left:0; top:0; right:0; bottom:0; max-height:755px; will-change:transform; background:#fff; padding-top:40px; overflow:hidden;}
.common_medicine .medicine_inner, .common_medicine .medicine_product {position:relative;}
.common_medicine .medicine_product{width:695px;}
.common_medicine .deco{position:absolute; opacity:0; -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);}
.common_medicine .medicine01 .deco{width:675px; left:35px; top:247px;}
.common_medicine .medicine02 .deco{width:285px; left:190px; top:432px;}
.common_medicine .medicine03 .deco{width:379px; left:0; top:483px;}
.common_medicine .medicine04 .deco{width:569px; left:0; top:288px;}
.common_medicine .txt {position:absolute; top:120px; left:530px; width:400px; word-break:keep-all; z-index:1;}
.common_medicine .stxt {font-size:16px; color:#272727; line-height:1.875;}
.common_medicine .btn_detail {position:relative; display:inline-block; margin-top:65px; padding-right:90px; font-size:18px; color:#272727; font-weight:500; line-height:92px;}
.common_medicine .stitle02, .common_medicine .stxt, .common_medicine .btn_detail{opacity:0; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px);}
/* 각각의 medicine을 전체영역으로 넓혀 데코 백그라운드 활용할 시 레이아웃 변경 추가 css / 백그라운드 활용하지 않을 시 하단 주석처리 */
.common_medicine .medicine {width:100vw; min-width:1360px; left:50%; margin-left:calc(-50vw - 222px);}
.common_medicine .medicine .medicine_inner {width:900px; left:50%; margin-left:-220px;}
.common_medicine .medicine.medicine01 .medicine_inner::after {content:''; position:absolute; width:419px; height:385px; left:-270px; top:15px; background:url(../images/sub/medicine_s01_bg.png) no-repeat;}
.common_medicine .medicine.medicine02::after {content:''; position:absolute; width:270px; height:262px; left:-42px; top:0; background:url(../images/sub/medicine_s02_bg.jpg) no-repeat;}
.common_medicine .medicine.medicine03::after {content:''; position:absolute; width:322px; height:388px; left:0px; top:0; background:url(../images/sub/medicine_s03_bg.jpg) no-repeat;}
.common_medicine .medicine.medicine04::after {content:''; position:absolute; width:585px; height:348px; left:60px; top:80px; background:url(../images/sub/medicine_s04_bg.png) no-repeat;}


/* arrow 아이콘 */
.move_arrow {position:relative;}
.move_arrow .btn_arrow {position:absolute; width:56px; height:56px; right:0; top:50%; margin-top:-28px; background:url(../images/sub/icon_arr_bg.png) no-repeat; overflow:hidden;}
.move_arrow .btn_arrow .arrow {position:absolute; display:block; width:100%; height:100%; left:0; top:0; background:url(../images/sub/icon_arr_arrow.png) no-repeat;}
.move_arrow.light .btn_arrow {background:url(../images/sub/icon_arr_bg_light.png) no-repeat;}
.move_arrow.light .btn_arrow .arrow {background:url(../images/sub/icon_arr_arrow_light.png) no-repeat;}
.move_arrow:hover .btn_arrow, .move_arrow:hover .btn_arrow .arrow {-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.move_arrow:hover .btn_arrow .arrow {-webkit-animation:arrowNext 0.5s ease; animation:arrowNext 0.5s ease;}


/* 리뷰영역 */
.review_container {position:relative; padding-top:150px; padding-bottom:120px;}
.review_container.type01 {background:url(../images/sub/bg_review_01.jpg) 50% 50%/cover no-repeat;}
.review_container.type02 {padding-top:200px; padding-bottom:200px; background:url(../images/sub/bg_review_02.jpg) 50% 50%/cover no-repeat;}
.review_container > .csize01 > .title {font-family:'Noto Serif KR', serif; font-size:42px; font-weight:600;}
.review_container > .csize01 > .stitle02 {font-weight:300;}
.review_container .btn_more {display:inline-block; position:relative; padding-right:90px; font-size:18px; color:#fff; font-weight:500; line-height:92px; background:url(../images/sub/icon_arr_light.png) no-repeat right center; z-index:2;}
.review_container .wrap_review .inner {width:940px; float:right;}
.review_container .wrap_review .inner .swiper-container {overflow:visible;}
.review_container .wrap_review .inner .swiper-slide {width:455px; z-index:-1; opacity:0; pointer-events:none; -webkit-transition:0.3s all ease; -o-transition:0.3s all ease; transition:0.3s all ease;}
.review_container .wrap_review .inner .swiper-slide-active, .review_container .wrap_review .inner .swiper-slide-next {opacity:1; pointer-events:all;}
.review_container .wrap_review .inner .swiper-slide.reserve {opacity:0.3;}
.review_container .wrap_review .inner .swiper-slide a {display:block; width:455px; background:#434343; border-radius:15px; padding:60px 48px 85px;}
/* 리뷰 제목 영역은 DB에서 전체 제목을 뽑아온다는 가정 하에서, 박스 크기를 넘는 글씨는 ...로 축약 됨 */
.review_container .wrap_review .inner .stitle02 {font-family:'Noto Serif KR', serif; margin-bottom:0; padding-bottom:20px; border-bottom:1px solid #545454; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
/* 리뷰 본문 영역의 길이는 5줄로 아예 고정(전체 박스 크기 같아야 하므로) / 이상의 글씨는 ...으로 잘림(크롬, IE기준) / 이상적으로는 DB에서 가져올 때 글자수 제한 하는것이 좋음 */
.review_container .wrap_review .inner .desc2 {height:8.5em /*lineheight 1.7의 총 5줄 em값으로 길이 할당*/; overflow:hidden; display:-webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.review_container .wrap_review .inner .more {font-size:15px; color:#797979; margin-top:15px;}
.review_container .wrap_review .inner .member {position:relative; margin-top:-37px; text-align:center;}
.review_container .wrap_review .inner .member .icon {display:block; position:relative; width:74px; height:74px; left:50%; margin-left:-37px;}
.review_container .wrap_review .inner .member .name {display:block; font-size:16px; color:#fff; padding-top:15px;}
.review_container .wrap_video .swiper-container {overflow:visible;}
.review_container .wrap_video .swiper-slide {width:1360px; opacity:0.2;}
.review_container .wrap_video .swiper-slide-active {opacity:1;}
.review_container .wrap_video .thumb, .review_container .wrap_video .contents {float:left;}
.review_container .wrap_video .thumb {width:840px; position:relative;}
.review_container .wrap_video .thumb a {position:relative; display:block;}
.review_container .wrap_video .thumb a::after {content:''; position:absolute; width:119px; height:119px; left:50%; top:50%; margin:-60px 0 0 -60px; background:url(../images/sub/button_play.png) no-repeat;}
.review_container .wrap_video .contents {width:520px; padding-left:120px;}
.review_container .wrap_video .contents .desc {font-weight:400;}
.review_container .wrap_video .contents .title {font-family:'Noto Serif KR', serif; font-size:42px; font-weight:600; letter-spacing:-0.08em;}
.review_container .wrap_video .contents .name {font-weight:400;}
.review_container .wrap_video .contents .btn_more {margin-top:130px;}
.wrap_modal {position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:1500; background:rgba(0,0,0,0.9);}
.wrap_modal .modal_video {position:absolute; width:1280px; padding-bottom:720px; background:#000; left:50%; top:50%; margin-left:-640px; margin-top:-350px; -webkit-transform:scale(0.1); -ms-transform:scale(0.1); transform:scale(0.1); opacity:0; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.wrap_modal .modal_video iframe {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.wrap_modal .modal_video .btn_close {position:absolute; width:80px; height:80px; right:0; top:-100px; background:url(../images/sub/btn_close.png) no-repeat; cursor:pointer;}


/* 함께하면 좋아요 */
.management h2 {margin-bottom:30px; font-family: 'Noto Serif KR', serif; font-size:42px; color:#272727; font-weight:600;}
#management_swiper {position:relative; padding-top:145px;}
#management_swiper .controls {position:absolute; top:0; right:50%; width:163px; height:75px; margin-right:-680px}
#management_swiper .swiper-button-prev,
#management_swiper .swiper-button-next {width:75px; height:75px; border:1px solid rgba(31,31,31,0.2); border-radius:100%; overflow:hidden; -webkit-transition:0.4s all ease; -o-transition:0.4s all ease; transition:0.4s all ease;}
#management_swiper .swiper-button-prev:hover,
#management_swiper .swiper-button-next:hover {border:1px solid rgba(31,31,31,1);}
#management_swiper .swiper-button-prev {left:0;}
#management_swiper .swiper-button-next {right:0;}
#management_swiper .swiper-button-prev::before, #management_swiper .swiper-button-next::before {content:''; position:absolute; width:31px; height:19px; left:50%; top:50%; margin:-9px 0 0 -17px;}
#management_swiper .swiper-button-prev::before {background:url('../images/sub/icon_arr_left.png') no-repeat center;}
#management_swiper .swiper-button-next::before {background:url('../images/sub/icon_arr_right.png') no-repeat center;}
#management_swiper .swiper-button-next:hover::before {-webkit-animation:arrowNextT 0.5s ease; animation:arrowNextT 0.5s ease;}
#management_swiper .swiper-button-prev:hover::before {-webkit-animation:arrowPrevT 0.5s ease; animation:arrowPrevT 0.5s ease;}
#management_swiper .swiper-container {overflow:visible;}
#management_swiper .swiper-slide {width:540px; cursor:-webkit-grab; cursor:grab; overflow:hidden;}
#management_swiper .swiper-slide img {margin-bottom:20px; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#management_swiper .swiper-slide:hover img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
#management_swiper.wide .swiper-slide {width:1360px; cursor:auto;}
#management_swiper.wide .swiper-slide::after {content:''; display:block; clear:both;}
#management_swiper.wide .swiper-slide img, #management_swiper.wide .swiper-slide .contents {float:left;}
#management_swiper.wide .swiper-slide .contents {margin-left:65px;}
#management_swiper.wide .swiper-slide .contents .stitle02 {font-weight:600;}
#management_swiper.wide .controls {display:none;}


/* 커스텀 커서 */
.wrap_cursor {position:fixed; width:100vw; height:100vh; left:0; top:0; pointer-events:none; z-index:1501; opacity:0; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; transition:all 0.6s ease;}
.wrap_cursor.on {opacity:1;}
.wrap_cursor .cursor, .wrap_cursor .cursor_icon {position:absolute; display:block; width:112px; height:112px; left:200px; top:200px; margin:-56px 0 0 -56px;}
.wrap_cursor .cursor {border-radius:50%; background:rgba(0,0,0,0.25);}
.wrap_cursor .cursor_icon::before, .wrap_cursor .cursor_icon::after {content:''; position:absolute; top:44px; width:24px; height:24px;}
.wrap_cursor .cursor_icon::before {left:27px; background:url(../images/sub/cursor_icon_left.png) no-repeat; background-size:24px;}
.wrap_cursor .cursor_icon::after {right:27px; background:url(../images/sub/cursor_icon_right.png) no-repeat; background-size:24px;}


/* 스테디셀러 */
.steadyseller_book_container {width:100%; padding-top:200px; padding-bottom:150px; background:-webkit-gradient(linear, left top, right top, color-stop(50%, #354495), color-stop(50%, #fff)); background:-o-linear-gradient(left, #354495 50%, #fff 50%); background:linear-gradient(90deg, #354495 50%, #fff 50%);}
.steadyseller_book_container .align, .steadyseller_book_container .align .swiper-slide {position:relative; width:1640px; min-width:1640px;}
.steadyseller_book_container .align {left:50%; margin-left:-820px;}
.steadyseller_book_container .steadyseller_book_slider {cursor:-webkit-grab;cursor:grab;}
.steadyseller_book_container .align .swiper-slide {padding-bottom:70px;}
.steadyseller_book_container .align .swiper-slide .book_info {position:absolute; width:560px; padding-left:120px; left:0; top:calc(50% - 35px); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.steadyseller_book_container .align .swiper-slide .book_desc {position:absolute; width:580px; padding-left:120px; right:0; top:calc(50% - 35px); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.steadyseller_book_container .align .swiper-slide .book_info, .steadyseller_book_container .align .swiper-slide .book_desc {opacity:0; margin-top:60px;}
.steadyseller_book_container .align .swiper-slide-active .book_info, .steadyseller_book_container .align .swiper-slide-active .book_desc {opacity:1; margin-top:0; -webkit-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; -webkit-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s;}
.steadyseller_book_container .align .swiper-slide .book_image {position:relative; width:488px; left:50%; margin-left:-244px; -webkit-box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.1);}
.steadyseller_book_container .align .swiper-slide .book_info .title {font-family: 'Noto Serif KR', serif; color:#fff; font-size:60px; font-weight:500; letter-spacing:-0.07em; line-height:1.466;}
.steadyseller_book_container .align .swiper-slide .book_info .desc {font-family: 'Noto Serif KR', serif; font-weight:300; line-height:2;}
.steadyseller_book_container .align .swiper-slide .book_desc .desc {font-family: 'Noto Serif KR', serif; color:#414141;}
.steadyseller_book_container .book_slider_indicator {position:absolute; left:-30px; top:0; height:723px;}
.steadyseller_book_container .book_slider_indicator .page_number {position:absolute; left:0; bottom:0; color:#b5b5b5; font-size:20px; font-weight:500; letter-spacing:0.04em; writing-mode:tb; -ms-writing-mode:tb; -webkit-writing-mode:tb; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.steadyseller_book_container .book_slider_indicator .page_number .current {color:#fff;}
.steadyseller_book_container .book_slider_indicator .title {position:relative; display:inline-block; font-family: 'Noto Serif KR', serif; color:#fff; font-weight:500; letter-spacing:-0.015em; -webkit-transform:rotate(-90deg) translateX(-100%); -ms-transform:rotate(-90deg) translateX(-100%); transform:rotate(-90deg) translateX(-100%); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top;}
.steadyseller_book_container .book_slider_indicator .bar {position:absolute; width:2px; height:360px; background:#b5b5b5; left:13px; bottom:70px;}
.steadyseller_book_container .book_slider_indicator .bar .progress {position:absolute; width:100%; height:0; left:0; top:0; background:#fff;}
.book_list {padding-top:180px; padding-bottom:180px;}
.book_list ul {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.book_list ul li {position:relative; width:50%; padding-bottom:45px; border-bottom:1px solid #ddd;}
.book_list ul li:nth-of-type(2n+1) {clear:both;}
/*.book_list ul li:nth-child(3), .book_list ul li:nth-child(4) {border-bottom:none; padding-top:45px; padding-bottom:0;}*/
.book_list ul li:nth-child(n+3) {padding-top:45px; padding-top:45px;}
.book_list ul .last {border-bottom:none; padding-top:45px; padding-bottom:0;}
.book_list ul li::after {content:''; display:block; clear:both;}
.book_list ul li .image, .book_list ul li .contents {float:left;}
.book_list ul li .image {width:180px;}
.book_list ul li .contents {width:490px; padding-left:60px; padding-right:30px;}
.book_list ul li .contents .text {font-size:16px;}


/* 연혁 */
.history_indicator {text-align:center; line-height:0; margin-top:110px;}
.history_indicator li {position:relative; display:inline-block; line-height:1.2; padding:0 55px;}
.history_indicator li::after {content:''; position:absolute; width:1px; height:13px; background:#717171; left:0; top:6px;}
.history_indicator li:first-child::after {display:none;}
.history_indicator li a {font-family: 'Pretendard', 'Noto Sans KR', sans-serif; color:#141414; font-size:21px; font-weight:600; letter-spacing:0.02em;}
.scroll_nav_cont .scroll_nav .title.history {font-family: 'Pretendard', 'Noto Sans KR', sans-serif; font-size:120px; color:#141414; letter-spacing:0; line-height:1;}
.scroll_nav_cont .scroll_section.history {width:680px;}
.section_pt.history {padding-top:120px !important;}
.section_pb.history {padding-bottom:120px !important;}
.scroll_section.history p em {font-weight:500;}
.scroll_section.history.float_image img {float:right; margin-top:-110px;}
.scroll_nav_history .scroll_nav {position:relative;}
.scroll_nav_history .scroll_nav .history_progress {position:absolute; left:-140px; top:0;}
.scroll_nav_history .scroll_nav .history_progress .qoute {position:relative; display:inline-block; color:#141414; font-family: 'Noto Serif KR', serif; font-weight:600; -webkit-transform:rotate(-90deg) translateX(-100%); -ms-transform:rotate(-90deg) translateX(-100%); transform:rotate(-90deg) translateX(-100%); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top;}
.scroll_nav_history .scroll_nav .history_progress .bar {position:absolute; width:2px; height:320px; background:#dcdcdc; left:15px; top:150px;}
.scroll_nav_history .scroll_nav .history_progress .bar .progress {position:absolute; width:100%; height:0; left:0; top:0; background:#141414;}


/* fix되는 슬라이드 */
.fix_slide_container {position:relative; width:100vw; height:100vh; background:#272727;}
.fix_slide_container .fix_slide_block {position:relative; width:100vw; min-width:1360px; 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_bg {position:absolute; width:50%; height:100vh; 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.5; -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:absolute; width:100%; height:100vh; top:0; left:0;}
.fix_slide_contents .slide_contents {position:absolute; width:680px; height:56vh; left:50%; margin-left:-680px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.slide_contents .slide_content {position:absolute; width:100%; left:0; top:0; opacity:0; -webkit-transform:translateY(80px); -ms-transform:translateY(80px); transform:translateY(80px);}
.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 .slide_content .subtitle {font-weight:500;}
.slide_contents .slide_content .section_number {position:absolute; display:inline-block; font-size:100px; font-weight:600; color:rgba(255,255,255,0.1); line-height:1; left:0; top:0; -webkit-transform:translateY(calc(-50% + 16px)); -ms-transform:translateY(calc(-50% + 16px)); transform:translateY(calc(-50% + 16px));}
.slide_contents .slide_content .title {font-family: 'Noto Serif KR', serif; font-size:60px; font-weight:600; line-height:1.3; letter-spacing:-0.07em;}
.slide_contents .slide_content .text {color:#f4f4f4; font-family: 'Noto Serif KR', serif; line-height:2; letter-spacing:-0.06em;}
.slide_contents .slide_content .text em {color:#fff; font-weight:400;}
.slide_contents .bar {position:absolute; left:-140px; top:0; width:2px; height:480px; background:#2d2d2d;}
.slide_contents .bar .progress {position:absolute; left:0; top:0; width:100%; height:0; background:#fff;}


/* 인사말&이야기 공통 */
.color_gsap {position:relative; width:100%; height:1080px; 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%; font-family: 'Noto Serif KR', serif; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align:center;}
.color_gsap .contents .title, .color_gsap .contents_ori .title {color:#fff; font-size:80px; font-weight:600; line-height:1.45; letter-spacing:-0.1em;}
.color_gsap .contents .text, .color_gsap .contents_ori .text {color:#f4f4f4; line-height:2;}
.color_gsap .contents_ori .subtitle {font-family: 'Pretendard', 'Noto Sans KR', sans-serif; font-weight:500;}
.color_gsap .contents_ori .section_number {position:absolute; display:inline-block; font-size:100px; font-weight:600; color:rgba(255,255,255,0.1); line-height:1; left:50%; top:0; -webkit-transform:translate(-50%, calc(-50% + 16px)); -ms-transform:translate(-50%, calc(-50% + 16px)); transform:translate(-50%, calc(-50% + 16px));}
/* .color_gsap .contents_ori .title {color:#515151;}
.color_gsap .contents_ori .title em {color:#fff;} */


/* 인사말 */
.section_title {text-align:center; line-height:1.3; margin-bottom:50px;}
.section_title .subtitle {color:#272727; font-weight:600;}
.section_title .line {display:block; width:1px; height:80px; background:#9a9a9a; margin:50px auto;}
.section_title .title {font-family: 'Noto Serif KR', serif; font-size:60px; font-weight:600; letter-spacing:-0.085em;}
.section_title .title p {overflow:hidden; position:relative;}
.section_title .title p span {display:block; position:relative;}
.section_greeting {position:relative; width:1920px; left:50%; margin-left:-960px; padding-bottom:120px; margin-bottom:180px;}
.section_greeting .image {position:relative; width:1169px; left:0;}
.section_greeting .contents {position:absolute; width:820px; padding:100px 100px 130px; left:50%; top:120px; background:#fff;}
.section_greeting .contents .desc {font-family: 'Noto Serif KR', serif; color:#414141; font-weight:400; letter-spacing:-0.06em;}
.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);}
.scroll_nav_cont.greeting {background:url(../images/pk_greeting/greeting_img03_02.jpg) 50% top/cover no-repeat #141414; background-attachment: fixed; padding:120px 0 150px;}
.scroll_nav_cont.greeting .sticky_nav_wrap {width:680px;}
.scroll_nav_cont.greeting .scroll_nav .title {font-size:60px; line-height:1.466;}
.scroll_nav_cont.greeting .scroll_section {width:600px;}
.scroll_nav_cont.greeting .scroll_section .stitle01 {font-size:36px; font-weight:400; line-height:1.1666;}
.scroll_nav_cont.greeting .scroll_section .desc {font-family: 'Noto Serif KR', serif; font-weight:400; line-height:2;}
.greeting_slider_container {padding:150px 0;}
.greeting_slider_container .inner {position:relative; width:1360px; margin-left:auto; margin-right:auto;}
.greeting_slider_container .section_title .title {line-height:1.466; text-align:left;}
.greeting_slider_container .greeting_slider {overflow:visible;}
.greeting_slider .swiper-slide {width:1360px; cursor:-webkit-grab; cursor:grab;}
.greeting_slider .swiper-slide .contents {position:relative; padding-top:140px; opacity:0; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px);}
.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-slide .contents::after {content:''; display:block; clear:both;}
.greeting_slider .swiper-slide .contents .slide_title, .greeting_slider .swiper-slide .contents .slide_text, .greeting_slider .swiper-controls .slide_subtitle {font-family: 'Noto Serif KR', serif;}
.greeting_slider .swiper-slide .contents .slide_title {float:left; color:#272727; font-size:36px; font-weight:600; line-height:1.444; letter-spacing:-0.065em;}
.greeting_slider .swiper-slide .contents .slide_text {float:right; color:#666; font-weight:400;}
.greeting_slider .swiper-slide .contents .slide_text em {color:#171717; font-weight:600;}
.greeting_slider .swiper-controls {position:absolute; width:100%; height:24px; left:0; top:560px; z-index:1;}
.greeting_slider .swiper-controls::after {content:''; display:block; clear:both;}
.greeting_slider .swiper-controls .slide_number {color:#c3c3c3; font-size:20px; font-weight:600; letter-spacing:0.01em; line-height:1.2; float:left;}
.greeting_slider .swiper-controls .slide_number .current {color:#141414;}
.greeting_slider .swiper-controls .slide_subtitle {color:#242424; font-size:24px; font-weight:600; line-height:1; letter-spacing:0.01em; float:left; margin-left:40px;}
.greeting_slider .swiper-controls .slide_bar {position:absolute; width:742px; height:2px; left:460px; top:11px; background:#ededed;}
.greeting_slider .swiper-controls .slide_bar .progress {position:absolute; width:0; height:100%; left:0; top:0; background:#232323;}
.greeting_slider .swiper-controls .slide_next, .greeting_slider .swiper-controls .slide_prev {position:absolute; width:40px; height:40px; top:-8px; border:1px solid rgba(167,167,167,0); border-radius:50%; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.greeting_slider .swiper-controls button:hover {border:1px solid rgba(167,167,167,1);}
.greeting_slider .swiper-controls .slide_next {background:url(../images/sub/line_arr_right.png) 50% 50% no-repeat; right:35px;}
.greeting_slider .swiper-controls .slide_prev {background:url(../images/sub/line_arr_left.png) 50% 50% no-repeat; right:85px;}
#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);}


/* 편강이야기 */
.story_link {position:relative; display:inline-block; color:#141414; font-size:17px; font-weight:400; line-height:1; padding:20px 86px 20px 20px; border:1px solid #141414; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.story_link::before, .story_link::after {content:''; position:absolute; width:10px; height:1px; background:#141414; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.story_link:hover::before, .story_link:hover::after {background:#fff;}
.story_link::before {right:20px; top:50%; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); margin-top:-3px;}
.story_link::after {right:20px; top:50%; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:4px;}
.story_link:hover {background:#141414; color:#fff;}
.story_link.light {border:1px solid #fff; color:#f7f7f7;}
.story_link.light::before, .story_link.light::after {background:#fff;}
.story_link.light:hover {background:#fff; color:#141414;}
.story_link.light:hover::before, .story_link.light:hover::after {background:#141414;}
#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_03.jpg);}
.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:url(../images/pk_story/story_img05_02.jpg) 50% bottom/cover;} */
.story_energy .bg {background:#141414;}
.story_energy .bg::after {content:''; position:absolute; width:100%; height:15vh; left:0; top:100%; background:url(../images/pk_story/story_img05_02_gradient.jpg) 50% top/cover no-repeat; z-index:3;}
#story_fix_slider2 {background:#f9f9f9;}
#story_fix_slider2 .fix_slide_bg {right:auto; left:0; background:#272727;}
#story_fix_slider2 .fix_slide_contents {z-index:4;}
#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 {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
#story_fix_slider2 .slide_content.moving {left:680px; padding-left:200px; top:70px;}
#story_fix_slider2 .slide_content.moving .text {color:#414141;}
.section_story04 {padding:160px 0 200px;}
.section_story04 .contents {position:relative;}
.section_story04 .contents .section_number {color:rgba(20,20,20,0.1); font-size:100px; font-weight:600; line-height:1; position:absolute; left:0; top:-35px;}
.section_story04 .contents .subtitle {color:#141414; font-weight:500;}
.section_story04 .contents .title, .section_story04 .contents .text {font-family: 'Noto Serif KR', serif;}
.section_story04 .contents .title {color:#141414; font-size:60px; font-weight:600; line-height:1.466; letter-spacing:-0.08em;}
.section_story04 .contents .text {color:#414141; line-height:2;}
.section_story04 .contents .image01 {position:absolute; right:-140px; top:0;}
.section_story04 .contents .image02 {position:absolute; left:50%; bottom:0;}
.section_story06 {padding-top:160px; padding-bottom:180px;}
.section_story06 .content_box {position:relative; left:calc(50% + 80px); width:600px;}
.section_story06 li:nth-child(2) {position:absolute; left:0; top:50%; -webkit-transform:translateY(-40%); -ms-transform:translateY(-40%); transform:translateY(-40%);}
.section_story06 li:nth-child(3) {margin-top:350px;}
.section_story06 .content_box .title, .section_story06 .content_box .text {font-family: 'Noto Serif KR', serif;}
.section_story06 .content_box .title {color:#141414; font-size:36px; font-weight:600; line-height:1.1666;}
.section_story06 .content_box .text {color:#414141; font-weight:400; line-height:2;}


/* 의학 영역 gnb 삼각형 */
#header.dark {background:transparent;}
#header.dark.open {background:#fff;}
/*#header.fullpage .gnb_list > li {position:relative;}
#header.fullpage .gnb_list .sub, #header.dark .gnb_list .sub {right:-1300px;}*/
/*#header.fullpage .gnb_list > li::after, #header.dark .gnb_list > li::after {content:''; position:absolute; width:8px; height:5px; right:-25px; top:50%; background:url(../images/sub/triangle_w.png);}
#header.dark .gnb_list > li::after {background:url(../images/sub/triangle_b.png);}

#header.fullpage.open .gnb_list > li::after, #header.dark.open .gnb_list > li::after {display:none;}
#header.fullpage.open .gnb_list > li:hover::after, #header.dark.open .gnb_list > li:hover::after {display:block; background:url(../images/sub/triangle_b.png);}
*/
#total_menu.fullpage .inbox, #total_menu.fullpage .r_box {height:100%; min-height:970px;}
/* 한의원 영역 gnb */
#header.clinic .gnb_list > li {position:relative;}
#header.clinic .gnb_list .sub, #header.clinic.dark .gnb_list .sub {right:-1300px;}
#header.clinic .gnb_list > li::after, #header.clinic.dark .gnb_list > li::after {content:''; position:absolute; width:8px; height:5px; right:-25px; top:50%; background:url(../images/sub/triangle_w.png);}
#header.fixed_top.clinic .gnb_list > li::after {background:url(../images/sub/triangle_b.png);}
#header.clinic.open .gnb_list > li::after, #header.clinic.dark.open .gnb_list > li::after {display:none;}
#header.clinic.open .gnb_list > li:hover::after, #header.clinic.dark.open .gnb_list > li:hover::after {display:block; background:url(../images/sub/triangle_b.png);}


/* 의학 fullpage 영역 공통 활용 */
#fullpage #sub_visual .contents_box {position:absolute; width:1360px; left:50%; top:50%; margin-left:-680px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:1; text-align:center;}
#fullpage #sub_visual .contents_box .page_title .title {position:relative; overflow:hidden; color:#fff; font-family: 'Noto Serif KR', serif; font-size:80px; font-weight:500; line-height:1.325;}
#fullpage #sub_visual .contents_box .page_title .title span {display:block; position:relative;}
#fullpage #sub_visual .contents_box .page_title .subtitle {font-weight:400; }
#fullpage #sub_visual .contents_box .page_title_txt {font-family: 'Noto Serif KR', serif; line-height:2.5; letter-spacing:-0.06em;}
#fullpage #sub_visual .contents_box .page_title_txt p {color:#f4f4f4; line-height:2;}
#fullpage #sub_visual .contents_box .page_title_txt p em {font-size:26px; font-weight:500;}
#fullpage #sub_visual .scroll_line {position:absolute; left:50%; margin-left:-1px; bottom:0; z-index:1;}
#fullpage #sub_visual .scroll_line .title {position:absolute; display:block; width:100px; left:50%; top:-160px; margin-left:-50px; color:#fff; font-size:15px; font-weight:500; text-align:center;}
#fullpage #sub_visual .scroll_line .line {display:block; position:absolute; width:2px; height:125px; left:0; bottom:0; background:#4d4d4d; overflow:hidden;}
#fullpage #sub_visual .scroll_line .line::after {content:''; position:absolute; left:0; top:0; width:100%; height:35px; background:#fff; -webkit-animation:scrollLine 2s ease infinite; animation:scrollLine 2s ease infinite;}
#fullpage .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 .parallax.active .section_bg {z-index:4;}
#fullpage .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.3); -ms-transform:scale(1.3); transform:scale(1.3);}
#fullpage .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_indicator {position:fixed; left:85px; 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, .fullpage_indicator li:hover a .circle::before {display:block;}
#fullpage .section .wrap_div {position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; overflow:hidden;}
#fullpage .section .wrap_div .inner {position:relative; width:1360px; height:100%; margin-left:auto; margin-right:auto;}
#fullpage .section .context {position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#fullpage .section .context .subtitle {font-weight:500;}
#fullpage .section .context .title {font-family: 'Noto Serif KR', serif; font-size:54px; font-weight:500; line-height:1.481; letter-spacing:-0.07em;}
#fullpage .section .context .text {font-family: 'Noto Serif KR', serif; color:#f4f4f4; line-height:1.9; letter-spacing:-0.045em;}
#fullpage .section .inner .more_image {display:block; position:absolute; max-width:178px; color:#fff; font-size:17px; font-weight:500; line-height:1.2; bottom:200px; left:calc(100% - 60px); white-space:nowrap; padding:15px 48px 15px 0;}
#fullpage .section .inner .more_image::before {content:''; position:absolute; width:28px; height:14px; background:url(../images/sub/medical_more.png); right:0; top:18px;}
#fullpage .section .inner .more_image::after {content:''; position:absolute; width:117px; height:120px; background:url(../images/sub/medical_circle.png); right:-48px; top:50%; -webkit-transform:translate(30px, -50%); -ms-transform:translate(30px, -50%); transform:translate(30px, -50%); opacity:0; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#fullpage .section .inner .more_image:hover::after {-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%); opacity:1;}
#fullpage .section .inner .more_image .image {position:absolute; width:355px; left:-415px; bottom:-80px; pointer-events:none; opacity:0; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#fullpage .section .inner .more_image:hover .image {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1;}
#fullpage .parallax .p_elem1, #fullpage .parallax .p_elem2, #fullpage .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 .parallax .p_elem1 {-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);}
#fullpage .parallax .p_elem2 {-webkit-transform:translateY(160px);-ms-transform:translateY(160px);transform:translateY(160px);}
#fullpage .parallax .p_elem3 {-webkit-transform:translateY(240px);-ms-transform:translateY(240px);transform:translateY(240px);}
#fullpage .parallax.active .p_elem1, #fullpage .parallax.active .p_elem2, #fullpage .parallax.active .p_elem3,
#fullpage .parallax.on .p_elem1, #fullpage .parallax.on .p_elem2, #fullpage .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;}
.section_fix_container .inner {width:100%; height:100%; margin:auto;}
.section_fix_container .close {display:inline-block; position:absolute; font-size:20px; line-height:1.5; color:#fff; padding-left:26px; top:50px; right:60px; z-index:1000;}
.section_fix_container .close::before, .section_fix_container .close::after {content:''; position:absolute; width:18px; height:2px; background:#fff; left:0; top:15px;}
.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:880px;}
.section_fix_container .fix_swiper .swiper-slide {width:100%; height:100%;}
.section_fix_container .fix_swiper .swiper-slide .contents {position:relative; width:1360px; height:100%; margin-left:auto; margin-right:auto;}
.section_fix_container .fix_swiper .swiper-slide .contents .yalign {position:absolute; top:calc(50% - 50px); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.section_fix_container .fix_swiper .swiper-slide .contents .yfix {position:absolute; top:47%; margin-top:-320px;}
.section_fix_container .fix_swiper .swiper-slide .contents .ypadding {position:absolute; top:53%; margin-top:-320px;}
.section_fix_container .fix_swiper .swiper-slide .contents .text_box {left:0;}
.section_fix_container .fix_swiper .swiper-slide .contents .text_box.right {left:calc(50% + 70px);}
.section_fix_container .fix_swiper .swiper-slide .contents .text_box.center {left:50%;}
.section_fix_container .fix_swiper .swiper-slide .contents .title_fix {position:relative; color:#fff; font-family: 'Noto Serif KR', serif; font-size:42px; font-weight:500; line-height:1.6; letter-spacing:-0.06em;}
.section_fix_container .fix_swiper .swiper-slide .contents .title_fix.small {font-size:30px; letter-spacing:-0.05em;}
.section_fix_container .fix_swiper .swiper-slide .contents .title_fix.qoute::before {content:''; position:absolute; width:36px; height:32px; background:url(../images/sub/book_qoute.png); left:-51px; top:-10px;}
.section_fix_container .fix_swiper .swiper-slide .contents .title_fix.qoute::after {content:''; position:absolute; width:36px; height:32px; background:url(../images/sub/book_qoute_close.png); right:-46px; top:50%;}
.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:2.111;}
.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:25px 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-weight:400;}
.section_fix_container .fix_swiper .swiper-slide .contents .box_image {right:0;}
.section_fix_container .fix_swiper .swiper-slide .contents .box_image.left {right:auto; left:0;}
.section_fix_container .fix_swiper .swiper-slide .contents .box_image::before {content:''; position:absolute; width:344px; height:333px; background:rgba(0,0,0,0.3); right:-55px; top:-50px; z-index:-1;}
.section_fix_container .fix_swiper .swiper-slide .contents .box_image.left::before {top:auto; bottom:-50px;}
.section_fix_container .fix_swiper .swiper-slide .contents .btn_download {position:relative; display:inline-block; color:#fff; font-size:17px; padding:20px 90px 20px 20px; border:1px solid #fff;}
.section_fix_container .fix_swiper .swiper-slide .contents .btn_download::after {content:''; position:absolute; width:21px; height:16px; right:20px; top:20px; background:url(../images/sub/download.png)}
.section_fix_container .fix_swiper .swiper-pagination {position:absolute; width:100%; height:80px; left:0; bottom:40px; text-align:center;}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet {position:relative; display:inline-block; width:16px; height:16px; margin-left:197px; margin-right:0; background:transparent; border:4px solid rgba(255,255,255,0.5); cursor:pointer; opacity:1;}
.section_fix_container .fix_swiper .swiper-pagination.col {width:860px; left:50%; margin-left:-430px;}
.section_fix_container .fix_swiper .swiper-pagination.col2 .swiper-pagination-bullet {margin-left:calc(100% - 34px);}
.section_fix_container .fix_swiper .swiper-pagination.col3 .swiper-pagination-bullet {margin-left:calc(50% - 34px);}
.section_fix_container .fix_swiper .swiper-pagination.col4 .swiper-pagination-bullet {margin-left:calc(33.3333% - 34px);}
.section_fix_container .fix_swiper .swiper-pagination.col5 .swiper-pagination-bullet {margin-left:calc(25% - 34px);}
.section_fix_container .fix_swiper .swiper-pagination.col6 .swiper-pagination-bullet {margin-left:calc(20% - 34px);}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet-active {border-color:rgba(255,255,255,1);}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet::before {content:''; position:absolute; width:197px; height:1px; border-top:1px dotted rgba(255,255,255,0.3); left:-197px; top:50%;}
.section_fix_container .fix_swiper .swiper-pagination.col2 .swiper-pagination-bullet::before {width:828px; left:-832px;}
.section_fix_container .fix_swiper .swiper-pagination.col3 .swiper-pagination-bullet::before {width:396px; left:-400px;}
.section_fix_container .fix_swiper .swiper-pagination.col4 .swiper-pagination-bullet::before {width:250px; left:-255px;}
.section_fix_container .fix_swiper .swiper-pagination.col5 .swiper-pagination-bullet::before {width:180px; left:-184px;}
.section_fix_container .fix_swiper .swiper-pagination.col6 .swiper-pagination-bullet::before {width:138px; left:-142px;}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet::after {content:'dummy'; position:absolute; color:rgba(255,255,255,0.5); width:220px; left:50%; bottom:-36px; font-size:16px; text-align:center; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.section_fix_container .fix_swiper .swiper-pagination .swiper-pagination-bullet-active::after, .section_fix_container .fix_swiper .swiper-pagination-bullet:hover::after {color:rgba(255,255,255,1);}
.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.type_large .swiper-pagination-bullet:nth-child(1) {border-color:transparent;}
.section_fix_container .fix_swiper .swiper-pagination.type_large .swiper-pagination-bullet:nth-child(1)::before {display:block; width:160px; height:160px; left:-76px; top:-80px; border-radius:50%; border:46px solid rgba(0,0,0,0.2);}
.section_fix_container .fix_swiper .swiper-pagination.type_large .swiper-pagination-bullet-active:nth-child(1)::before {border-color:rgba(0,0,0,0.5);}
.section_fix_container .fix_swiper .swiper-pagination.type_large .swiper-pagination-bullet:nth-child(1)::after {bottom:-5px;}
.section_fix_container .fix_swiper .swiper-pagination.type_large .swiper-pagination-bullet:nth-child(2)::before{width:132px; left:-132px;}
.section_fix_container .fix_swiper .swiper-pagination.type_large.col4 .swiper-pagination-bullet:nth-child(2)::before {width:178px; left:-182px;}
.section_fix_container .fix_swiper .swiper-pagination.type_large.col5 .swiper-pagination-bullet:nth-child(2)::before {width:107px; left:-112px;}
.section_fix_container .fix_swiper .swiper-pagination.type_large.col6 .swiper-pagination-bullet:nth-child(2)::before {width:63px; left:-68px;}


/* 논문등재 페이지 */
#fullpage.medical_research .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_research/bg01.jpg);}
#fullpage.medical_research .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_research/bg02.jpg);}
#fullpage.medical_research .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_research/bg03.jpg);}
#fullpage.medical_research .context {-webkit-transform:none;-ms-transform:none;transform:none; top:auto; bottom:43%;}
#fullpage.medical_research .parallax .book {position:absolute; width:440px; height:650px; right:0; top:52%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#fullpage.medical_research .parallax .book .book_open {display:block; position:absolute; width:96px; height:96px; left:0; top:40px; margin:-48px 0 0 -48px; background:#fff; border-radius:50%;}
#fullpage.medical_research .parallax .book .book_open::before {content:''; position:absolute; width:253px; height:252px; left:50%; top:50%; margin:-126px 0 0 -126px; background:url(../images/sub/detail_view.png);}
#fullpage.medical_research .parallax .book .book_open::after {content:''; position:absolute; width:23px; height:12px; left:50%; top:50%; margin:-5px 0 0 -11px; background:url(../images/sub/detail_view_arrow.png);}
#fullpage.medical_research .parallax .book .book_open:hover::after {-webkit-animation:arrowNextL 0.5s ease; animation:arrowNextL 0.5s ease;}
#fullpage.medical_research .parallax .flow_text {position:absolute; left:0; bottom:120px; -webkit-animation:flowText 30s linear infinite; animation:flowText 30s linear infinite;}
#fullpage.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:64px; letter-spacing:-0.07em; font-weight:600;}
#fullpage.medical_research .parallax01 .section_fix_container {background:url(../images/medical_research/bg01_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_research .parallax01 .swiper-pagination-bullet:nth-child(1)::after {content:'JTCM10월호 (2016)';}
#fullpage.medical_research .parallax01 .swiper-pagination-bullet:nth-child(2)::after {content:'논문 발표 의미';}
#fullpage.medical_research .parallax01 .swiper-pagination-bullet:nth-child(3)::after {content:'연구의 목적';}
#fullpage.medical_research .parallax01 .swiper-pagination-bullet:nth-child(4)::after {content:'연구의 내용1';}
#fullpage.medical_research .parallax01 .swiper-pagination-bullet:nth-child(5)::after {content:'연구의 내용2';}
#fullpage.medical_research .parallax01 .swiper-slide .book_image {left:100px;}
#fullpage.medical_research .parallax02 .section_fix_container {background:url(../images/medical_research/bg02_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_research .parallax02 .swiper-pagination-bullet:nth-child(1)::after {content:'NPS 25호 (2019)';}
#fullpage.medical_research .parallax02 .swiper-pagination-bullet:nth-child(2)::after {content:'논문 발표 의미';}
#fullpage.medical_research .parallax02 .swiper-pagination-bullet:nth-child(3)::after {content:'연구의 목적';}
#fullpage.medical_research .parallax02 .swiper-pagination-bullet:nth-child(4)::after {content:'연구의 내용';}
#fullpage.medical_research .parallax02 .slide04 .text_box {top:45%;}
#fullpage.medical_research .parallax02 .swiper-slide .box_image::before {background:rgba(84,81,76,0.3);}
#fullpage.medical_research .parallax03 .section_fix_container {background:url(../images/medical_research/bg03_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_research .parallax03 .swiper-pagination-bullet:nth-child(1)::after {content:'Antioxidants 1월호 (2021)';}
#fullpage.medical_research .parallax03 .swiper-pagination-bullet:nth-child(2)::after {content:'논문 발표 의미';}
#fullpage.medical_research .parallax03 .swiper-pagination-bullet:nth-child(3)::after {content:'연구의 목적';}
#fullpage.medical_research .parallax03 .swiper-pagination-bullet:nth-child(4)::after {content:'연구의 내용1';}
#fullpage.medical_research .parallax03 .swiper-pagination-bullet:nth-child(5)::after {content:'연구의 내용2';}
#fullpage.medical_research .parallax03 .swiper-pagination-bullet:nth-child(6)::after {content:'연구의 내용3';}


/* 원인치유법 페이지 */
#fullpage.medical_treat .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_treat/bg01.jpg);}
#fullpage.medical_treat .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_treat/bg02.jpg);}
#fullpage.medical_treat .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_treat/bg03.jpg);}
#fullpage.medical_treat .parallax04 .section_bg .section_bg_inner {background-image:url(../images/medical_treat/bg04.jpg);}
#fullpage.medical_treat .parallax01 .section_fix_container {background:url(../images/medical_treat/bg01_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_treat .parallax02 .section_fix_container {background:url(../images/medical_treat/bg02_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_treat .parallax03 .section_fix_container {background:url(../images/medical_treat/bg03_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_treat .parallax04 .section_fix_container {background:url(../images/medical_treat/bg04_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_treat .parallax01 .swiper-pagination-bullet:nth-child(1)::after {content:'원인 집중 ';}
#fullpage.medical_treat .parallax02 .swiper-pagination-bullet:nth-child(1)::after {content:'오장육부의 으뜸, 폐';}
#fullpage.medical_treat .parallax02 .swiper-pagination-bullet:nth-child(2)::after {content:'간(肝, 간장)';}
#fullpage.medical_treat .parallax02 .swiper-pagination-bullet:nth-child(3)::after {content:'심(心, 심장)';}
#fullpage.medical_treat .parallax02 .swiper-pagination-bullet:nth-child(4)::after {content:'폐(肺, 허파)';}
#fullpage.medical_treat .parallax02 .swiper-pagination-bullet:nth-child(5)::after {content:'신(腎, 신장)';}
#fullpage.medical_treat .parallax02 .swiper-pagination-bullet:nth-child(6)::after {content:'비(脾, 비장)';}
#fullpage.medical_treat .parallax03 .swiper-pagination-bullet:nth-child(1)::after {content:'폐는 모든 장기 중에 으뜸';}
#fullpage.medical_treat .parallax03 .swiper-pagination-bullet:nth-child(2)::after {content:'아토피, 비염, 천식의 원인은 폐';}
#fullpage.medical_treat .parallax03 .swiper-pagination-bullet:nth-child(3)::after {content:'폐를 맑고 튼튼하게';}
#fullpage.medical_treat .parallax04 .swiper-pagination-bullet:nth-child(1)::after {content:'호흡기와 기관지';}
#fullpage.medical_treat .parallax04 .swiper-pagination-bullet:nth-child(2)::after {content:'피부 미인, 동안 피부';}
#fullpage.medical_treat .parallax04 .swiper-pagination-bullet:nth-child(3)::after {content:'맑은 피부, 혈액순환';}
#fullpage.medical_treat .parallax04 .swiper-pagination-bullet:nth-child(4)::after {content:'키 성장';}
#fullpage.medical_treat .parallax04 .swiper-pagination-bullet:nth-child(5)::after {content:'위장장애 제거';}
#fullpage.medical_treat .parallax01 .swiper-slide .box_image::before {background:rgba(102,113,85,0.3);}
#fullpage.medical_treat .parallax02 .swiper-slide .box_image::before {background:rgba(174,154,129,0.3);}
#fullpage.medical_treat .parallax03 .swiper-slide .box_image::before {background:rgba(174,154,129,0.3);}
#fullpage.medical_treat .parallax04 .swiper-slide .box_image::before {background:rgba(126,126,126,0.3);}


/* 생명의원천 폐 페이지 */
#fullpage.medical_lung .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_lung/bg01.jpg);}
#fullpage.medical_lung .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_lung/bg02.jpg);}
#fullpage.medical_lung .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_lung/bg03.jpg);}
#fullpage.medical_lung .parallax01 .section_fix_container {background:url(../images/medical_lung/bg01_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_lung .parallax02 .section_fix_container {background:url(../images/medical_lung/bg02_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_lung .parallax03 .section_fix_container {background:url(../images/medical_lung/bg03_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_lung .parallax01 .swiper-pagination-bullet:nth-child(1)::after {content:'면역력의 핵심, 폐';}
#fullpage.medical_lung .parallax01 .swiper-pagination-bullet:nth-child(2)::after {content:'면역력의 기능';}
#fullpage.medical_lung .parallax02 .swiper-pagination-bullet:nth-child(1)::after {content:'청폐(淸肺)치료';}
#fullpage.medical_lung .parallax03 .swiper-pagination-bullet:nth-child(1)::after {content:'입 호흡의 문제';}
#fullpage.medical_lung .parallax03 .swiper-pagination-bullet:nth-child(2)::after {content:'건강의 독, 활성산소';}
#fullpage.medical_lung .parallax03 .swiper-pagination-bullet:nth-child(3)::after {content:'으뜸호흡법';}
#fullpage.medical_lung .parallax01 .swiper-slide .box_image::before {background:rgba(114,170,64,0.3);}
#fullpage.medical_lung .parallax02 .swiper-slide .box_image::before {background:rgba(239,194,167,0.3);}
#fullpage.medical_lung .parallax03 .swiper-slide .box_image::before {background:rgba(89,62,52,0.3);}


/* 폐건강 생활습관 페이지 */
#fullpage.medical_habit .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_habit/bg01.jpg);}
#fullpage.medical_habit .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_habit/bg02.jpg);}
#fullpage.medical_habit .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_habit/bg03.jpg);}
#fullpage.medical_habit .parallax04 .section_bg .section_bg_inner {background-image:url(../images/medical_habit/bg04.jpg);}
#fullpage.medical_habit .parallax01 .section_fix_container {background:url(../images/medical_habit/bg01_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_habit .parallax02 .section_fix_container {background:url(../images/medical_habit/bg02_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_habit .parallax03 .section_fix_container {background:url(../images/medical_habit/bg03_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_habit .parallax04 .section_fix_container {background:url(../images/medical_habit/bg04_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_habit .parallax01 .swiper-pagination-bullet:nth-child(1)::after {content:'감사하는 마음';}
#fullpage.medical_habit .parallax01 .swiper-pagination-bullet:nth-child(2)::after {content:'생활환경관리';}
#fullpage.medical_habit .parallax01 .swiper-pagination-bullet:nth-child(3)::after {content:'금연';}
#fullpage.medical_habit .parallax01 .swiper-pagination-bullet:nth-child(4)::after {content:'호흡법';}
#fullpage.medical_habit .parallax01 .swiper-pagination-bullet:nth-child(5)::after {content:'아로마테라피';}
#fullpage.medical_habit .parallax01 .swiper-pagination-bullet:nth-child(6)::after {content:'식이요법';}
#fullpage.medical_habit .parallax02 .swiper-pagination-bullet:nth-child(1)::after {content:'정화작용·노화방지';}
#fullpage.medical_habit .parallax02 .swiper-pagination-bullet:nth-child(2)::after {content:'유산소 운동';}
#fullpage.medical_habit .parallax02 .swiper-pagination-bullet:nth-child(3)::after {content:'등산';}
#fullpage.medical_habit .parallax02 .swiper-pagination-bullet:nth-child(4)::after {content:'달리기';}
#fullpage.medical_habit .parallax02 .swiper-pagination-bullet:nth-child(5)::after {content:'걷기';}
#fullpage.medical_habit .parallax02 .swiper-pagination-bullet:nth-child(6)::after {content:'수영';}
#fullpage.medical_habit .parallax03 .swiper-pagination-bullet:nth-child(1)::after {content:'사우나';}
#fullpage.medical_habit .parallax03 .swiper-pagination-bullet:nth-child(2)::after {content:'반신욕';}
#fullpage.medical_habit .parallax03 .swiper-pagination-bullet:nth-child(3)::after {content:'족욕';}
#fullpage.medical_habit .parallax03 .swiper-pagination-bullet:nth-child(4)::after {content:'냉온욕';}
#fullpage.medical_habit .parallax03 .swiper-pagination-bullet:nth-child(5)::after {content:'삼림욕';}
#fullpage.medical_habit .parallax03 .swiper-pagination-bullet:nth-child(6)::after {content:'풍욕';}
#fullpage.medical_habit .parallax04 .swiper-pagination-bullet:nth-child(1)::after {content:'고기는 적당량이 좋아요';}
#fullpage.medical_habit .parallax04 .swiper-pagination-bullet:nth-child(2)::after {content:'채소와 과일을 많이 드세요';}
#fullpage.medical_habit .parallax01 .swiper-slide .box_image::before {background:rgba(53,53,53,0.3);}
#fullpage.medical_habit .parallax02 .swiper-slide .box_image::before {background:rgba(56,117,134,0.3);}
#fullpage.medical_habit .parallax03 .swiper-slide .box_image::before {background:rgba(126,126,126,0.3);}
#fullpage.medical_habit .parallax04 .swiper-slide .box_image::before {background:rgba(56,117,134,0.3);}


/* 한의학의 세계화 페이지  */
#fullpage.medical_global .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_global/bg01.jpg);}
#fullpage.medical_global .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_global/bg02.jpg);}
#fullpage.medical_global .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_global/bg03.jpg);}
#fullpage.medical_global .parallax01 .section_fix_container {background:url(../images/medical_global/bg01_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_global .parallax02 .section_fix_container {background:url(../images/medical_global/bg02_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_global .parallax03 .section_fix_container {background:url(../images/medical_global/bg03_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_global .parallax01 .swiper-pagination-bullet:nth-child(1)::after {content:'세계로 가는 편강';}
#fullpage.medical_global .parallax01 .swiper-pagination-bullet:nth-child(2)::after {content:'일본';}
#fullpage.medical_global .parallax01 .swiper-pagination-bullet:nth-child(3)::after {content:'중국';}
#fullpage.medical_global .parallax01 .swiper-pagination-bullet:nth-child(4)::after {content:'미국';}
#fullpage.medical_global .parallax02 .slide01 .box_image {right:-140px;}
#fullpage.medical_global .parallax02 .swiper-pagination-bullet:nth-child(1)::after {content:'뉴욕타임즈 게재';}
#fullpage.medical_global .parallax03 .swiper-pagination-bullet:nth-child(1)::after {content:'늙지 않기보다 곱게 늙기';}
#fullpage.medical_global .parallax03 .swiper-pagination-bullet:nth-child(2)::after {content:'무병장수의 꿈';}
#fullpage.medical_global .parallax03 .swiper-pagination-bullet:nth-child(3)::after {content:'난치병 정복의 그날까지';}
#fullpage.medical_global .parallax01 .swiper-slide .box_image::before {background:rgba(53,53,53,0.3);}
#fullpage.medical_global .parallax02 .swiper-slide .box_image::before {width:430px; height:480px; right:110px; top:-30px; background:rgba(157,157,157,0.3);}
#fullpage.medical_global .parallax03 .swiper-slide .box_image::before {background:rgba(152,142,120,0.5);}


/* 편강한의원 처방 페이지 */
#fullpage.medical_medicine .parallax01 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg01.jpg);}
#fullpage.medical_medicine .parallax02 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg02.jpg);}
#fullpage.medical_medicine .parallax03 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg03.jpg);}
#fullpage.medical_medicine .parallax04 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg04.jpg);}
#fullpage.medical_medicine .parallax05 .section_bg .section_bg_inner {background-image:url(../images/medical_medicine/bg05.jpg); background-position:50% top;}
#fullpage.medical_medicine .parallax01 .section_fix_container {background:url(../images/medical_medicine/bg01_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_medicine .parallax02 .section_fix_container {background:url(../images/medical_medicine/bg02_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_medicine .parallax03 .section_fix_container {background:url(../images/medical_medicine/bg03_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_medicine .parallax04 .section_fix_container {background:url(../images/medical_medicine/bg04_sub.jpg) 50% 50%/cover no-repeat;}
#fullpage.medical_medicine .parallax01 .swiper-pagination-bullet:nth-child(1)::after {content:'면역력·자가치유 능력 극대화';}
#fullpage.medical_medicine .parallax01 .swiper-pagination-bullet:nth-child(2)::after {content:'폐 기능 활성화';}
#fullpage.medical_medicine .parallax01 .swiper-pagination-bullet:nth-child(3)::after {content:'정상체질 개선';}
#fullpage.medical_medicine .parallax02 .swiper-pagination-bullet:nth-child(1)::after {content:'최첨단 탕전 시스템';}
#fullpage.medical_medicine .parallax02 .swiper-pagination-bullet:nth-child(2)::after {content:'시작은 한약물 부터';}
#fullpage.medical_medicine .parallax02 .swiper-pagination-bullet:nth-child(3)::after {content:'최상의 약재 ';}
#fullpage.medical_medicine .parallax02 .swiper-pagination-bullet:nth-child(4)::after {content:'약효 보존';}
#fullpage.medical_medicine .parallax03 .swiper-pagination-bullet:nth-child(1)::after {content:'증상이 심해져야 낫는다?';}
#fullpage.medical_medicine .parallax03 .swiper-pagination-bullet:nth-child(2)::after {content:'만병통치약인가요?';}
#fullpage.medical_medicine .parallax03 .swiper-pagination-bullet:nth-child(3)::after {content:'먹기만 하면 낫나요?';}
#fullpage.medical_medicine .parallax03 .swiper-pagination-bullet:nth-child(4)::after {content:'의약품으로 등록하지 않는 이유';}
#fullpage.medical_medicine .parallax04 .swiper-pagination-bullet:nth-child(1)::after {content:'편강탕은 쓰지 않습니다 ';}
#fullpage.medical_medicine .parallax04 .swiper-pagination-bullet:nth-child(2)::after {content:'편강탕은 음식을 가리지 않습니다';}
#fullpage.medical_medicine .parallax04 .swiper-pagination-bullet:nth-child(3)::after {content:'편강탕은 안전합니다';}
#fullpage.medical_medicine .parallax01 .swiper-slide .box_image::before {background:rgba(75,114,47,0.3);}
#fullpage.medical_medicine .parallax02 .swiper-slide .box_image::before {background:rgba(174,154,129,0.3);}
#fullpage.medical_medicine .parallax03 .swiper-slide .box_image::before {background:rgba(208,165,90,0.5);}
#fullpage.medical_medicine .parallax04 .swiper-slide .box_image::before {background:rgba(170,64,64,0.3);}
#fullpage.medical_medicine .parallax04 .swiper-slide.slide03 .box_image::before {background:rgba(170,64,64,0.3); width:480px;}
#fullpage.medical_medicine .parallax05 .pkt_list {position:relative;}
#fullpage.medical_medicine .parallax05 .pkt_list::after, #fullpage.medical_medicine .parallax05 .pkt_list > li > ul::after {content:''; display:block; clear:both;}
#fullpage.medical_medicine .parallax05 .pkt_list > li {float:left; width:640px;}
#fullpage.medical_medicine .parallax05 .pkt_list > li:last-child {margin-left:80px;}
#fullpage.medical_medicine .parallax05 .pkt_list .title {color:#141414; font-size:32px; font-weight:600; line-height:1.3125;}
#fullpage.medical_medicine .parallax05 .pkt_list .text {color:rgba(102,102,102,0.8); font-weight:400; line-height:1.888; letter-spacing:-0.065em;}
#fullpage.medical_medicine .parallax05 .pkt_list .text em {color:rgba(20,20,20,0.8); font-weight:600;}
#fullpage.medical_medicine .parallax05 .pkt_list .tag li {float:left; font-family: 'Noto Serif KR', serif; color:#141414; font-weight:500; margin-left:20px;}
#fullpage.medical_medicine .parallax05 .pkt_list .tag li:first-child {margin-left:0;}

/* 편강의학 결과 섹션(공통) */
#fullpage .section.medical_results .section_bg .section_bg_inner {background-image:url(../images/sub/medical_add_bg.jpg);}
#fullpage .section.medical_results .context {width:100%; top:48%; bottom:auto; transform:translateY(-50%);}
#fullpage .section.medical_results .context::after, #fullpage .section.medical_results .list::after {content:''; display:block; clear:both;}
#fullpage .section.medical_results .header {float:left;}
#fullpage .section.medical_results .header .title {display:inline-block; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.6);}
#fullpage .section.medical_results .header .text {color:rgba(255,255,255,0.7);font-weight:medium;}
#fullpage .section.medical_results .list {width:760px; float:right; padding-top:10px;}
#fullpage .section.medical_results .list li {position:relative; width:375px; float:left; margin-left:10px; margin-top:60px;}
#fullpage .section.medical_results .list li:nth-of-type(2n+1) {margin-left:0; clear:both;}
#fullpage .section.medical_results .list li:nth-child(1), #fullpage .section.medical_results .list li:nth-child(2) {margin-top:0;}
#fullpage .section.medical_results .list li .thumb {position:relative;}
#fullpage .section.medical_results .list li .thumb .cover {position:absolute; left:0; top:0; width:100%; height:100%;}
#fullpage .section.medical_results .list li .thumb .cover::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0;}
#fullpage .section.medical_results .list li:hover .thumb .cover::before {opacity:0.6; transition:all 0.3s ease;}
#fullpage .section.medical_results .list li .thumb .cover .indicator {position:absolute; width:100%; top:50%; transform:translate(-20px, -50%); text-align:center; color:#fff; font-size:16px; opacity:0;}
#fullpage .section.medical_results .list li:hover .thumb .cover .indicator {opacity:1; transform:translate(0, -50%); transition:all 0.3s ease;}
#fullpage .section.medical_results .list li .thumb .cover .indicator .btn {display:inline-block; position:relative; padding-right:30px;}
#fullpage .section.medical_results .list li .thumb .cover .indicator .btn .arrow {display:block; position:absolute; width:18px; height:1px; background:#fff; right:0; bottom:6px;}
#fullpage .section.medical_results .list li .thumb .cover .indicator .btn .arrow::after {content:''; position:absolute; width:10px; height:1px; background:#fff; right:0; bottom:0; transform:rotate(45deg); transform-origin:bottom right;}
#fullpage .section.medical_results .list li .list_title {font-size:28px; font-weight:bold;}
#fullpage .section.medical_results .list li .list_text {font-weight:medium;}

/* 비급여단가 */
.nopay_title {width: 70%; margin: 40px auto; text-align: justify;line-height: 30px;font-size:18px}
.nopay_title p {margin-bottom:12px}
.nopay_table {width:70%; margin:auto;font-size:18px;border-top: 2px solid #000; border-bottom: 2px solid #000}
.nopay_table th, .nopay_table td {height:52px}
.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;}

/*개인정보취급방침 new */
.section1 p {padding: 20px; background: #ddd;}
.section2 ul li {width: 33.3%; float: left; margin: auto; }
.section2 ul li:hover {color:#db0ead;cursor: pointer}

.privacy_list li > button {width: 100%; text-align: left; background: #ddd; height: 50px;display: inline-block; position: relative;}
.privacy_list li > button::after {position: absolute; top: 50%; right: 50px; width: 18px; height: 10px; margin-top: -5px; background: url(../images/board/icon_faq_arr.png) no-repeat; content: ''; transition: all 0.4s;}
.privacy_list li.on > button::after {transform: rotate(180deg);}