@charset "utf-8";

.sub{padding-bottom: var(--subSectPd2);}
.sub .in{width: var(--subInWid);}

.sub_top {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: var(--headerH) 0 var(--subSectPd); padding: 9rem 0; border-bottom:1px solid var(--lineColor);}
/* .sub_top:before{content:''; position: absolute; display: block; width: 100%; height:1px; background-color: #ddd; left: 0; bottom:0;} */
.sub_top .nav {display: flex; align-items: center; font-size: var(--txt); opacity: 0; transform: translateY(10rem); transition: opacity 1s ease, transform 1s ease; z-index: 100;}
.sub_top .nav .home { display: flex; align-items: center;}
.sub_top .nav .home .ico {width: 1em; height: 1em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23BFA072"><path d="M511.8 287.6l64.2 0 0-47.6L288.4 0 0 240l0 47.6 64.1 0 0 224.4L224 512l0-160 128 0 0 160 160.8 0-1-224.4z"/></svg>') no-repeat center / contain;}
.sub_top .nav .select {display: flex; align-items: center;}
.sub_top .nav .home + .select::before,
.sub_top .nav .select + .select::before {content: ""; width: 2px; height: 1em; background-color: #ACACAC; display: block;margin: 0 1em;}
.sub_top .nav .select .nice-select {border: none; padding: 0 2.5em 0 0; background-color: transparent; height: auto; font-size:16px; line-height: 1.5;}
.sub_top .nav .select .nice-select .current {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.sub_top .nav .select:last-child .current{color:var(--gold); font-weight: 700;}
.sub_top .nav .select .nice-select::after {content: '';border: none;display: block;width: 1em;height: 1em; pointer-events: none;position: absolute;right: 0px;top: 50%; margin-top: -1px; transform-origin: center; transform: translateY(-50%) ;transition: all 0.15s ease-in-out; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23262f40"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / cover;}
.sub_top .nav .select .nice-select .list {margin-top: 10px; color: var(--black);}
.sub_top .nav .select .nice-select .option {line-height: 1.5; min-height: 0; padding: 0.5em 1em;}
.sub_top .nav .select .nice-select .option:hover,
.sub_top .nav .select .nice-select .option.focus,
.sub_top .nav .select .nice-select .option.selected.focus {background-color: var(--gold) !important; color: #fff;}
.sub_top .tit_box {text-align: center; margin-top: 6rem; opacity:0; transform: translateY(10rem); transition:all 1s ease; transition-delay: 0.4s;}
.sub_top .tit {font-size: 7rem; font-weight: 700; line-height: 1.2;}
.sub_top .txt {font-size: var(--subTxt); margin-top: 1.5em;}
.sub_top.active .nav{opacity: 1; transform: translateY(0);}
.sub_top.active .tit_box{opacity: 1; transform: translateY(0);}

.sub_top.wht{color:#fff;}
.sub_top.wht .nav .home .ico{ background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23fff"><path d="M511.8 287.6l64.2 0 0-47.6L288.4 0 0 240l0 47.6 64.1 0 0 224.4L224 512l0-160 128 0 0 160 160.8 0-1-224.4z"/></svg>') no-repeat center / contain;}
.sub_top.wht .nav .home + .select::before,
.sub_top.wht .nav .select + .select::before {background-color: #fff;}
.sub_top.wht .nav .select:last-child .current{color:#fff;}
.sub_top.wht .nav .select .nice-select::after{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23fff"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / cover;}

.sub_visual {position: relative; overflow: hidden;}
.sub_visual .sub_top { border-bottom: none; height:60vh; margin-bottom: 0; padding-top: 0;}
.sub_visual .sub_top:before{display: none;}
.sub_visual .sub_top .nav{font-size: var(--txt2)}
.sub_visual .img { position: absolute; left: 0; top:0; right:0; bottom:0; z-index:-1; }
.sub_visual .img img { width:100%; height:100%; object-fit: cover; }
.sub_visual .img img { transform: scale(1.1); transition:all 2s ease; transition-delay: 0.5;}
.sub_visual.active .img img { transform: scale(1); }

.sub_visual_full { position: relative; overflow: hidden; }
.sub_visual_full .sub_top { border-bottom: none; height:calc(100vh - var(--headerH)); padding-top: 0; margin-bottom: 0;}
.sub_visual_full .sub_top:before{display: none;}
.sub_visual_full .sub_top .nav{font-size: var(--txt2)}
.sub_visual_full .img { position: absolute; left: 0; top:0; right:0; bottom:0; z-index:-1; }
.sub_visual_full .img img { width:100%; height:100%; object-fit: cover; }
.sub_visual_full .body { height: 75vh; display: flex; align-items: center; justify-content: center;  text-align: center;}
.sub_visual_full .body .txts { display: flex; align-items:center; flex-direction: column;}
.sub_visual_full .body div p { font-size:5.6rem; font-weight:700; color:rgba(255,255,255,0.3); line-height: 1.5; position: relative;}
.sub_visual_full .body div p + p { margin-top:2rem;}
.sub_visual_full .body div p span {position: absolute;left: 0; top:0;  width:0; color:#fff; white-space: nowrap; overflow: hidden; }
.sub_visual_full .img img { transform: scale(1.1); transition:all 2s ease; transition-delay: 0.5;}
.sub_visual_full.active .img img { transform: scale(1); }

/* Text */
.sub_tit_box > *{opacity: 0; transform: translateY(6rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.sub_tit_box.active > *{opacity:1; transform: translateY(0);}
.sub_tit_box .desc{font-size: var(--smTit); font-weight: 700; margin-bottom:1.5rem; transition-delay: 0.2s;}
.sub_tit_box .tit{font-size: var(--tit); font-weight: 700; transition-delay: 0.3s;}
.sub_tit_box .txt{font-size: var(--subTxt); margin-top: 3.2rem; transition-delay: 0.4s; line-height: 1.6;}
.sub_tit_box .subtit{font-size: var(--smTit); font-weight: 600; margin-top: 4rem; transition-delay: 0.4s;}
.sub_tit_box .subtit + .txt {margin-top: 2rem; transition-delay: 0.5s;}
.sub_tit_box .txt + .txt {margin-top: 2rem;}
.sub_tit_box.wht{color:#fff;}
.sub_tit_box.wht .tit em{color:var(--gold); font-weight: 700;}
.sub_tit_box.wht .desc:first-child{color:var(--gold);}
.sub_tit_box .gradient{background: linear-gradient(90deg, #E6AF5E, #E6AF5E, #D1AC75, #D1AC75); background-size: 400% 400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.sub_cont_tit_box > *{opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out;}
.sub_cont_tit_box.active > *{opacity:1; transform: translateY(0);}
.sub_cont_tit_box .tit,
.sub_cont_tit{font-size: max(4.4rem, 40px); font-weight: 700;}
.sub_cont_tit_box .subtit{font-size:var(--lgTxt); font-weight: 600; margin-top: 4rem; transition-delay: 0.3s;}
.sub_cont_tit_box .txt{font-size: var(--subTxt); margin-top: 4rem; transition-delay: 0.3s; line-height: 1.6;}
.sub_cont_tit_box .subtit + .txt{margin-top: 2rem;}


/* Btn */
.round_btn {display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; padding: 1.4em 2em; border-radius:10em; font-size:var(--txt); font-weight:600; border:1px solid #000; fill:#000; transition: all 0.3s ease; }
.round_btn.sm{ padding: 1em 1.5em;}
.round_btn:after {content:''; position: relative; margin-left: 0.8em; width: 1em; height: 1em; transition: background 0.3s ease; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M7.5,0,6.178,1.322l5.231,5.241H0V8.437H11.409L6.178,13.678,7.5,15,15,7.5Z" transform="translate(0 0)"></path></svg>') no-repeat center / contain;}
.round_btn.download:after{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23000" d="M302.6 408.5L320 427L337.4 408.5C444.4 295.2 502.4 233.8 511.6 224L383.9 224L383.9 64L255.9 64L255.9 224L128.2 224C137.4 233.7 195.5 295.2 302.4 408.5zM160 416L160 384L96 384L96 576L544 576L544 384L480 384L480 512L160 512L160 416z"/></svg>') no-repeat center / contain;}
.round_btn.wh{background-color: #fff; fill: #fff; border-color:#fff;}

.round_btn:hover{background-color: #000; color:#fff; fill: #fff;}
.round_btn:hover:after {background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15" ><path fill="%23fff" d="M7.5,0,6.178,1.322l5.231,5.241H0V8.437H11.409L6.178,13.678,7.5,15,15,7.5Z" transform="translate(0 0)"></path></svg>') no-repeat center / contain;}

.round_btn.download:after{margin-left: 0.6em; width: 1.2em; height: 1.2em;}
.round_btn.download:hover:after{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23fff" d="M302.6 408.5L320 427L337.4 408.5C444.4 295.2 502.4 233.8 511.6 224L383.9 224L383.9 64L255.9 64L255.9 224L128.2 224C137.4 233.7 195.5 295.2 302.4 408.5zM160 416L160 384L96 384L96 576L544 576L544 384L480 384L480 512L160 512L160 416z"/></svg>') no-repeat center / contain;}



/* Tab */
.round_tab_wrap { overflow-x: auto; margin-top:var(--subContMt1); margin-bottom: 12rem; text-align: center; }
.round_tab_wrap::-webkit-scrollbar { display: none;}
.round_tab { display: inline-flex; overflow: hidden; font-size:var(--lgTxt); padding: 0.5em; margin: 0 auto; background: #12100D; border-radius: 10rem;}
.round_tab .tab { display: inline-block; padding: 1em 2.5em;color: #5B544B; font-weight: 700; text-align: center; line-height: 1; border-radius: 10rem;  transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out}
.round_tab.c_light{background: rgba(18,16,13,.07);}
.round_tab.c_light .tab{color: rgba(18,16,13,.3);}
.round_tab .tab + .tab {  margin-left: 0.5em;}
.round_tab .tab.active { background: var(--gold); color: #fff;}

.line_tab_wrap{display: flex; overflow-x: auto; justify-content: center; width: 100%;}
.line_tab_wrap::-webkit-scrollbar { display: none;}
.line_tab{display: inline-flex; flex:1; justify-content: center; font-size:var(--txt1); min-width: 25rem; max-width: max-content; padding: 0.8em 5rem; white-space: nowrap; text-align: center; color:#A29480; border-bottom: 2px solid #D5CABC; font-weight: 700; padding-bottom: 0.8em; transition: all 0.3s ease;}
.line_tab:hover{color:#000; border-color:#000;}
.line_tab.active{color:var(--black); border-color:var(--black);}

.anchor_tab{position: sticky; top: 0; background-color: #fff; z-index: 50; transition: top 0.5s ease;}
.anchor_tab.scroll_up{top: var(--headerH);}
/* .anchor_tab .inner{ max-width: var(--subInWid); margin: 0 auto; display: flex;} */
/* .anchor_tab .inner .line_tab{display: inline-block; } */
.anchor_tab + .info_sect{padding-top: var(--subSectPd2);}

.tab_cont { display: none;}
.tab_cont.active { display: block;}


.sub .swiper-container{overflow: hidden;}
.slide_controls { display: flex; align-items: center; margin:7.2rem auto 0; width:var(--subInWid); max-width: 100%; }
.slide_controls .swiper-pagination { position: static; flex:1; height: 0.4rem; background-color: var(--lineColor); border-radius:4px; overflow: hidden; }
.slide_controls .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #1C1C1C; border-radius:4px; }
.slide_controls .swiper-button-prev,
.slide_controls .swiper-button-next { position: static; margin:0;  width:6.4rem; height: 6.4rem; border-radius:100%; background-color: #F2F2F2; display: flex; align-items: center; justify-content: center;  transition: all 0.3s ease;}
.slide_controls .swiper-button-prev:after,
.slide_controls .swiper-button-next:after { display: none;}
.slide_controls .swiper-button-prev svg,
.slide_controls .swiper-button-next svg { width:1.6rem; height: auto; vertical-align: middle; }
.slide_controls .swiper-button-prev { margin:0 1.6rem 0 4rem;}
.slide_controls .swiper-button-next:hover,
.slide_controls .swiper-button-prev:hover { background-color: var(--gold); fill:#fff;}
.slide_controls.wh .swiper-pagination{ background-color: #fff; }
.slide_controls.wh .swiper-button-prev,
.slide_controls.wh .swiper-button-next{background-color:#fff;}
.slide_controls.wh .swiper-button-next:hover,
.slide_controls.wh .swiper-button-prev:hover { background-color: var(--gold); fill:#fff;}
.slide_controls .swiper-pagination-lock {display: block;}


.com_tag_box{display: flex; flex-wrap: wrap;}
.com_tag_box .tag{display: inline-block; font-size:var(--txt2); line-height: 1; padding:0.5em 0.75em; font-weight: 700; color:var(--navy); background-color: #E4EDFF; border-radius: 0.4em; margin-right: 0.5em; margin-bottom: 0.5em;}



/* 차움소개_병원장 인사말 */
.hello_page{padding-bottom: 0;}
.hello_page .top_bg {position: relative;}
.hello_page .top_bg .img {position: relative; border-radius: 4rem; overflow: hidden;}
.hello_page .top_bg img {width: 100%;}
.hello_page .top_bg .img::before {content: ""; position: absolute; left: -2px; top: -2px; width: calc(50% + 4px); height: calc(100% + 4px); background-color: #fff; transition: width 1s ease-in-out;}
.hello_page .top_bg .img::after {content: ""; position: absolute; right: -2px; top: -2px; width: calc(50% + 4px); height: calc(100% + 4px); background-color: #fff; transition: width 1s ease-in-out;}

.hello_page .top_bg.active .img::after ,
.hello_page .top_bg.active .img::before {width: 0;}

.hello_page .hello_sect {position: relative; background: linear-gradient(178deg, rgba(255, 255, 255, 1) 0%, rgba(245, 241, 236, 1) 100%); padding: 16rem 0 24rem;}
.hello_page .hello_sect .sect_tit p{display: inline;font-size: 8rem; font-weight: 500; font-family: var(--en2) ;background: linear-gradient(to right, #1C1C1C 50%, #ddd 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;transition: background-position-x 1s ease-in-out 0s;}
.hello_page .hello_sect .sect_tit p + p {padding-left: 25rem; transition: background-position-x 1s ease-in-out 0.2s;} 
.hello_page .hello_sect .sect_tit.active p{background-position-x: 0;}

.hello_page .hello_sect .cont_box {display: flex; align-items: center; margin-top: 16rem;}
.hello_page .hello_sect .cont_box .img {width: 40%; border-radius: 4rem; overflow: hidden; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out , transform 1s ease-in-out;}
.hello_page .hello_sect .cont_box .img img {width: 100%;}
.hello_page .hello_sect .cont_box .txt_wrap {flex: 1; margin-left: 8rem; }
.hello_page .hello_sect .cont_box .txt_wrap .tit {font-size: var(--smTit); font-weight: 700; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out , transform 0.6s ease-in-out;}
.hello_page .hello_sect .cont_box .txt_wrap .desc {font-size: var(--txt1); font-weight: 700; margin-top: 4rem; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s;}
.hello_page .hello_sect .cont_box .txt_wrap .txt {margin-top: 2rem; font-size:var(--txt); opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.4s, transform 0.6s ease-in-out 0.4s;}
.hello_page .hello_sect .cont_box .txt_wrap .txt:nth-of-type(2) {opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.6s, transform 0.6s ease-in-out 0.6s;}
.hello_page .hello_sect .cont_box .txt_wrap .txt:nth-of-type(3) {opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.8s, transform 0.6s ease-in-out 0.8s;}
.hello_page .hello_sect .cont_box .txt_wrap .txt:nth-of-type(4) {opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 1s, transform 0.6s ease-in-out 1s;}
.hello_page .hello_sect .cont_box .txt_wrap .name {margin-top: 5rem; font-size: var(--txt); font-weight: 700;}
.hello_page .hello_sect .cont_box .txt_wrap .name strong {font-size: 1.5em; margin-left: 0.25em;}
.hello_page .hello_sect .cont_box.active .img {opacity: 1; transform: unset;}
.hello_page .hello_sect .cont_box.active .txt_wrap .desc,
.hello_page .hello_sect .cont_box.active .txt_wrap .txt,
.hello_page .hello_sect .cont_box.active .txt_wrap .tit {opacity: 1; transform: unset;}

.hello_page .hello_sect .bg {position: absolute; right: 0; bottom: 0; opacity: 0.07; width: 30%; max-width: 1000px;}
.hello_page .hello_sect .bg img {width: 100%;}



/* 차움소개_연혁 */
.history_page .map_sect {position:relative; padding:var(--subSectPd) 0; margin-top: var(--subSectPd); background: linear-gradient(60deg, #B7A284, #58390C);}
.history_page .map_sect .sub_tit_box{text-align: center; color:#fff;}
.history_page .map_sect .sub_tit_box .tit{font-size:3.2rem;}
.history_page .map_sect .sub_tit_box .info_txt{position:relative; font-size:var(--txt); font-weight: 500; margin-top: 4rem; transition-delay: 0.4s;}
.history_page .map_sect .sub_tit_box .info_txt:before{content:''; position: relative; display:inline-block; width: 1.4em; height: 1.4em; top:0.3em; margin-right:0.2em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23fff" d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM320 200C333.3 200 344 210.7 344 224L344 336C344 349.3 333.3 360 320 360C306.7 360 296 349.3 296 336L296 224C296 210.7 306.7 200 320 200zM293.3 416C292.7 406.1 297.6 396.7 306.1 391.5C314.6 386.4 325.3 386.4 333.8 391.5C342.3 396.7 347.2 406.1 346.6 416C347.2 425.9 342.3 435.3 333.8 440.5C325.3 445.6 314.6 445.6 306.1 440.5C297.6 435.3 292.7 425.9 293.3 416z"/></svg>') no-repeat center / contain;}

.history_page .map_sect .cont{position: relative; max-width: 90%; margin:0 auto;}
.history_page .map_sect .cont .map_img{width: 100%;}
.history_page .map_sect .cont .map_img img{width: 100%;}

.history_page .map_sect .cont .pin_wrap{position: absolute; width: 100%; height: 100%; inset: 0; font-size:2.5rem; }
.history_page .map_sect .cont .pin{position: absolute; display: flex; align-items: center; cursor: pointer; opacity: 0; transform: translateY(5rem); transition:opacity 0.8s ease, transform 0.8s ease;}
.history_page .map_sect .cont.active .pin{opacity: 1; transform: translateY(0);}
.history_page .map_sect .cont .pin > *:first-child{margin-right: 3.2rem;}
.history_page .map_sect .cont .pin:before{content: ''; position: absolute; width: 100%; height: 1px; border-bottom:1px dashed #fff; z-index: 1;}

.history_page .map_sect .cont .pin.kr{top:30%; left: 32%; transition-delay: 0s;}
.history_page .map_sect .cont .pin.jp{top:31%; left: 43%; transition-delay: 0.2s;}
.history_page .map_sect .cont .pin.vn{top:47%; left: 27%; transition-delay: 0.4s;}
.history_page .map_sect .cont .pin.id{top:57%; left: 36%; transition-delay: 0.6s;}
.history_page .map_sect .cont .pin.sg{top:60%; left: 26%; transition-delay: 0.8s;}
.history_page .map_sect .cont .pin.au{top:74%; left: 42%; transition-delay: 1s;}
.history_page .map_sect .cont .pin.us{top:34%; left: 71%; transition-delay: 1.2s;}

.history_page .map_sect .cont .pin .txt{position:relative; font-size:1em; color:#fff; background:var(--gold); padding:0.6em 0.8em; border-radius: 10rem; font-weight: 700; line-height: 1; z-index: 2; transition: background 0.5s ease-in-out;}

.history_page .map_sect .cont .pin .dot_wrap{position:relative; display:inline-block; width:0.6em; height:0.6em; z-index: 2; flex-shrink: 0;}
.history_page .map_sect .cont .pin .dot_wrap .dot{display: block; width:100%; height: 100%; background:var(--gold); border:0.15em solid #fff; border-radius: 50%; z-index: 2; transition: background 0.5s ease-in-out;}
.history_page .map_sect .cont .pin .dot_wrap:before,
.history_page .map_sect .cont .pin .dot_wrap:after{content: ''; position: absolute; display: block; width: 200%; height: 200%; background-color: var(--gold); opacity: 0.8; border-radius: 50%; top:50%; left: 50%; transform:translate(-50%, -50%) scale(0.3); z-index: -1; animation:pulseWave 3s infinite; transition: background 0.5s ease-in-out;}
.history_page .map_sect .cont .pin .dot_wrap:after {animation-delay:1.5s;}

.history_page .map_sect .cont .pin:hover .txt,
.history_page .map_sect .cont .pin.active .txt{background: var(--blue);}
.history_page .map_sect .cont .pin:hover .dot_wrap .dot,
.history_page .map_sect .cont .pin.active .dot_wrap .dot{background: var(--blue);}
.history_page .map_sect .cont .pin:hover .dot_wrap:before,
.history_page .map_sect .cont .pin:hover .dot_wrap:after{background: var(--blue);}

@keyframes pulseWave {
    0%   {transform:translate(-50%, -50%) scale(0.3); opacity:0.8;}
    70%  {opacity:0.5;}
    100% {transform:translate(-50%, -50%) scale(1.5); opacity:0;}
  }


.history_page .map_sect .modal_wrap .modal_cont .cont_box_wrap {padding:1.2em 1em;}
.history_page .map_sect .modal_wrap .modal_cont{position: absolute; opacity: 0; pointer-events: none;}
.history_page .map_sect .modal_wrap .modal_cont.active {opacity: 1; pointer-events: inherit;}
.history_page .map_sect .modal_wrap .modal_cont .list{overflow-x:auto; max-height: 36rem;}
.history_page .map_sect .modal_wrap .modal_cont .list li{position: relative; padding-left: 0.5em;}
.history_page .map_sect .modal_wrap .modal_cont .list li + li{margin-top: 0.3em;}
.history_page .map_sect .modal_wrap .modal_cont .list li:before{content: '·'; position: absolute; left: 0;}


.history_page .network_sect{padding-top:var(--subSectPd2);}
.history_page .network_sect .sub_tit_box{display: flex;}
.history_page .network_sect .sub_tit_box .tit{width: 50%; flex-shrink: 0;}
.history_page .network_sect .slide_cont{overflow: hidden; margin-top: 12rem; opacity: 0; transform: translateY(6rem); transition:opacity 0.8s ease-in-out 0.5s, transform 0.8s ease-in-out 0.5s;}
.history_page .network_sect .active + .slide_cont{opacity: 1; transform: translateY(0);}
.history_page .network_sect .slide_cont .item {display: flex; flex-direction: column; justify-content: space-between; background:var(--bg); border-radius: var(--radius); padding: 5.6rem; height:auto;}
.history_page .network_sect .slide_cont .item .txt_box .year{font-size: max(3.2rem, 32px); font-weight: 700; color:Var(--gold);}
.history_page .network_sect .slide_cont .item .txt_box .txt{font-size: var(--lgTxt); font-weight: 700; margin-top: 1rem;}
.history_page .network_sect .slide_cont .item .img_box{width: 100%; height: 26rem; margin-top: 5rem;}
.history_page .network_sect .slide_cont .item .img_box img{display: block; margin-left: auto; width: auto; height: 100%;}






/* 차움소개_시설,층별소개 /
/* .layer_page .layer_sect .sect_tit_box .tit {font-size: 5.8rem; font-weight: 700;}
.layer_page .layer_sect .sect_tit_box .txt {font-weight: 500; margin-top: 1em;} */
.layer_page .layer_sect .layer_info .tab_box {display: flex; margin-top: 10rem;}
.layer_page .layer_sect .layer_info .tab_box .btn {display: flex; align-items: center; justify-content: center; flex: 1; height: 3em ;border: 1px solid var(--lineColor); border-radius: 10px; font-size: var(--lgTxt2); font-weight: 700; color: #AAAAAA; transition: background 0.3s ease-in-out ,  0.3s ease-in-out;}
.layer_page .layer_sect .layer_info .tab_box .btn + .btn  {margin-left: 1.6rem;}
.layer_page .layer_sect .layer_info .tab_box .btn.active {background-color: #322D25; color: #fff;}
.layer_page .layer_sect .layer_info .tab_box .btn:hover {background-color: #322D25; color: #fff;}

.layer_page .layer_sect .cont_box {display: none; position: relative; margin-top: 6rem; background-color: #F6F6F6;}
.layer_page .layer_sect .cont_box.active{display: flex;}
.layer_page .layer_sect .cont_box .img_box {width: 70%; padding: 4rem 8rem;  border-radius: 1.5rem; overflow: hidden; } 
.layer_page .layer_sect .cont_box .img_box .img svg {width: 100%;}
.layer_page .layer_sect .cont_box .img_box .group {cursor: pointer;}
.layer_page .layer_sect .cont_box .img_box .group .space {transition:  0.3s ease-in-out;}
.layer_page .layer_sect .cont_box .img_box .group text {transition: 0.3s ease-in-out;}
.layer_page .layer_sect .cont_box .img_box .group.no_color .txt_box > text {fill: #928d80 !important;}
.layer_page .layer_sect .cont_box .img_box .group.active .space {fill:#1B1C66; }
.layer_page .layer_sect .cont_box .img_box .group.active .txt_box text {fill: #fff;}
.layer_page .layer_sect .cont_box .layer_info_box { position: absolute; right: 0; top: 0; width: 30%; height: 100% ; border: 1px solid var(--lineColor); border-radius: 5px; background-color: #fff; overflow: hidden;}
.layer_page .layer_sect .cont_box .layer_info_box:before{content:''; position: absolute; bottom: 0; left: 0; width: calc(100% - 4px); height: 10%; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); pointer-events: none;}
.layer_page .layer_sect .cont_box .layer_info_box .scroll_area{padding: 4rem 4rem 5rem; height: 100% ; overflow-y: auto;}
.layer_page .layer_sect .cont_box .layer_info_box .scroll_area::-webkit-scrollbar { width: 4px; height: 4px;}
.layer_page .layer_sect .cont_box .layer_info_box .scroll_area::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.2);}
.layer_page .layer_sect .cont_box .layer_info_box .scroll_area::-webkit-scrollbar-thumb { border-radius: 3px; background-color: var(--black);}

.layer_page .layer_sect .cont_box .layer_info_box .info_tit {font-size: var(--lgTxt); font-weight: 700;}
.layer_page .layer_sect .cont_box .layer_info_box .info_tit strong {font-size: 5.4rem;}
.layer_page .layer_sect .cont_box .layer_info_box .btn_wrap {margin-top: 3.2rem;}
.layer_page .layer_sect .cont_box .layer_info_box .btn_wrap .btn {display: flex; align-items: flex-start; font-size:var(--txt);}
.layer_page .layer_sect .cont_box .layer_info_box .btn_wrap .btn + .btn {margin-top: 25px;}
.layer_page .layer_sect .cont_box .layer_info_box .btn_wrap .btn .num {display: flex; align-items: center; justify-content: center; font-size:0.85em; width: 2.1em; height: 2.1em; border-radius: 50%; color: #fff; font-weight: 600; margin-right: 10px; background-color: var(--gold); flex-shrink: 0;}
.layer_page .layer_sect .cont_box .layer_info_box .btn_wrap .btn .txt {font-weight: 500; color: #AAAAAA; margin-top: 0.3em; text-align: left; transition: color 0.3s ease-in-out, font-weight 0.3s ease-in-out;}
.layer_page .layer_sect .cont_box .layer_info_box .btn_wrap .btn.active .txt {color: #000; font-weight: 700;}
.layer_page .layer_sect .cont_box .layer_info_box .btn_wrap .btn:hover .txt{color: #000; font-weight: 700;}
.layer_page .layer_sect .info_txt {display: flex; align-items: center; font-size:var(--txt); font-weight: 500; margin-top: 3rem;}
.layer_page .layer_sect .info_txt svg {width: 1em; margin-right: 0.5em; fill: #BFA072;}

.layer_page .layer_sect .layer_info_detail { }
.layer_page .layer_sect .layer_info_detail .center_cont{display: none; margin-top: 16rem;}
.layer_page .layer_sect .layer_info_detail .center_cont.active{display: block;}
.layer_page .layer_sect .center_cont .cont_tit {font-size: 3.2rem; font-weight: 700; padding-bottom: 3rem; border-bottom: 1px solid #000;}
.layer_page .layer_sect .center_cont .list {padding-top: 3rem;}
.layer_page .layer_sect .center_cont .list li {display: flex; align-items: center;}
.layer_page .layer_sect .center_cont .list li + li {margin-top: 3rem;}
.layer_page .layer_sect .center_cont .list li .badge {display: flex; align-items: center; justify-content: center; font-size:var(--txt); width: 8em; height: 2.5em; background-color: #E4EDFF; color: var(--blue); border-radius: 5rem; font-weight: 700; margin-right: 2.5rem;}
.layer_page .layer_sect .center_cont .list li .badge svg {width: 1.1em; height: auto; margin-right: 0.5em; fill: var(--blue);}
.layer_page .layer_sect .center_cont .list li .txt_box {display: flex; font-size: var(--txt2);}
.layer_page .layer_sect .center_cont .list li .txt_box .txt + .txt::before {content: ""; width: 1px; height: 0.8em; margin: 0 3rem; background-color: #1c1c1c; display: inline-block;}
.layer_page .layer_sect .center_cont .list li .txt_box strong {margin-right: 10px;}



/* 차움소개_의료진 찾기 */
.med_find_page .sub_top{margin-bottom: 10rem;}
.med_find_page .search_form .search_inp {position: relative; width: 60%; margin: 0 auto; font-size: var(--txt);}
.med_find_page .search_form .search_inp input {width: 100%; height: 3.3em; padding: 0 3.5em 0 1.5em; background-color: #fff;border-radius: 5em; font-weight: 500; border: 2px solid var(--navy);}
.med_find_page .search_form .search_inp input::placeholder {color: #ACACAC;}
.med_find_page .search_form .search_inp .ico_btn {position: absolute;right: 1.5em;top: 50%;transform: translateY(-50%);width: 1.5em;height: 100%; transition:background 0.3s ease-in-out; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ACACAC"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1l124 124 17 17L478.1 512l-17-17-124-124z"/></svg>') no-repeat center / contain;}
.med_find_page .search_form .search_inp input:focus + .ico_btn{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%231B1C66"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1l124 124 17 17L478.1 512l-17-17-124-124z"/></svg>') no-repeat center / contain;}



.med_find_page .search_form .type_wrap {background-color: var(--bg2); border-radius: var(--radius); padding: 6.4rem 8rem; margin-top: 8rem;}
.med_find_page .search_form .type_wrap .consonant_box {display: flex; justify-content: center;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box {display: flex; max-width: 100%; overflow: auto; font-size: var(--txt1);}
.med_find_page .search_form .type_wrap .consonant_box .btn_box button + button {margin-left: 0.6em;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .all_btn {background-color: #E9E0D1; color: #8E7B5D; font-size: var(--txt); font-weight: 700; padding: 0 1em; border-radius: 5em; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .all_btn.actvie {background-color: #000; color: #fff;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .btn {width: 2em; height: 2em; font-weight: 500; background-color: #E9E0D1; border-radius: 50%; color: #8E7B5D; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .btn.actvie {background-color: #1B1C66; color: #fff;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .btn:hover {background-color: #1B1C66; color: #fff;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .all_btn:hover {background-color: #000; color: #fff;}

.med_find_page .search_form .type_wrap .type_box .line_tab{max-width: 100%;}
.med_find_page .search_form .type_wrap .type_box {margin-top: 7.2rem;}
.med_find_page .search_form .type_wrap .type_box .large_category {display: flex; }
.med_find_page .search_form .type_wrap .type_box .large_category .btn {position: relative; font-size: var(--lgTxt2); font-weight: 700; text-align: center; flex: 1; padding-bottom: 0.7em; border-bottom: 1px solid #D5CABC;}
.med_find_page .search_form .type_wrap .type_box .large_category .btn::before {content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; transition: ease-in-out 0.3s ease-in-out;}

.med_find_page .search_form .type_wrap .type_box .small_category {display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin-top: 4rem;}
.med_find_page .search_form .type_wrap .type_box .small_category .btn {height: 3em ; font-size: var(--txt2); font-weight: 500; border-radius: 1rem; background-color: #fff; transition: 0.3s ease-in-out;}
.med_find_page .search_form .type_wrap .type_box .small_category .btn.active,
.med_find_page .search_form .type_wrap .type_box .small_category .btn:hover {background-color: var(--navy); color: #fff;}

.med_find_page .med_srch_res {padding-top: 16rem; }
.med_find_page .med_srch_res .cont_box {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--subContMt1) 8rem;}
.med_find_page .med_srch_res .med_info {display: grid; grid-template-columns: minmax(0,30%) minmax(0,1fr); align-items: flex-start;}
.med_find_page .med_srch_res .med_info .img {position: relative; padding-top: 130%; border-radius: 1.8rem; overflow: hidden; background-color: #ddd;}
.med_find_page .med_srch_res .med_info .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.med_find_page .med_srch_res .med_info .txt_box {display: flex; flex-direction: column; align-items: flex-start; margin-left: 2.4rem; padding: 5px 0; height: 100%;}
/* .med_find_page .med_srch_res .med_info .txt_box .badge {display: inline-flex; font-size: var(--lgTxt); font-weight: 700; background-color: #E4EDFF; border-radius: 1rem; padding: 0.4em 0.8em; color: #1B1C66;} */
.med_find_page .med_srch_res .med_info .txt_box .name {font-size: 3.6rem; font-weight: 700; margin-top: 1rem;}
.med_find_page .med_srch_res .med_info .txt_box .tag {margin-top: 1rem; font-size: var(--txt);  font-weight: 500; color: #ACACAC;}
.med_find_page .med_srch_res .med_info .txt_box .tag li{display: inline;}
.med_find_page .med_srch_res .med_info .txt_box .field_box {margin-top: auto;}
.med_find_page .med_srch_res .med_info .txt_box .field_box .tit {display: flex; align-items: center; font-size: var(--txt2); font-weight: 700;}
.med_find_page .med_srch_res .med_info .txt_box .field_box .tit svg {width: 1em; height: auto; margin-right: 5px;}
.med_find_page .med_srch_res .med_info .txt_box .field_box .tit .ico{width: 1em; height: 1em; margin-right: 5px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%231C1C1C" d="M119.3 1.2l15.5 62.1-31 7.8L96 73l0 119c0 53 43 96 96 96s96-43 96-96l0-119L280.2 71l-31-7.8L264.7 1.2l31 7.8 32 8L352 23l0 25 0 144c0 77.2-54.6 141.6-127.3 156.7C231 404.6 278.4 448 336 448c61.9 0 112-50.1 112-112l0-70.7c-28.3-12.3-48-40.5-48-73.3c0-44.2 35.8-80 80-80s80 35.8 80 80c0 32.8-19.7 61-48 73.3l0 70.7c0 97.2-78.8 176-176 176c-92.9 0-168.9-71.9-175.5-163.1C87.2 334.2 32 269.6 32 192L32 48l0-25L56.2 17l32-8 31-7.8zM480 224a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/></svg>') no-repeat center / contain;}
.med_find_page .med_srch_res .med_info .txt_box .field_box .txt {margin-top: 1rem; font-size: var(--txt); font-weight: 500;}

.med_find_page .med_srch_res .schedule_box {margin-top: 4rem;}
.med_find_page .med_srch_res .schedule_box .box_tit {display: flex; align-items: center; font-size: var(--txt2); font-weight: 700;}
.med_find_page .med_srch_res .schedule_box .box_tit svg {width: 0.9em; height: auto; margin-right: 0.4em;}

.med_find_page .med_srch_res .schedule_box .btn_wrap{display: flex; margin-top: 3.2rem;}
.med_find_page .med_srch_res .schedule_box .btn{font-size: var(--txt); font-weight: 600; padding: 0.5em 1.3em; border:1px solid var(--black); background-color:#fff; color:var(--black); border-radius: 10rem; transition: background-color 0.3s ease, color 0.3s ease; }
.med_find_page .med_srch_res .schedule_box .btn:hover{background-color: var(--black); color:#fff;}
.med_find_page .med_srch_res .schedule_box .btn + .btn {margin-left:1.2rem;}

.list_tbl { margin-top: 1.6rem; overflow: hidden;}
.list_tbl .tbl_box {width: 100%;}
.list_tbl .tbl_box {margin-right: var(--inPd); border-radius: 0 10px 10px 0;}
.list_tbl .tbl_box .box { display: flex; }
.list_tbl .tbl_box .box .th_box + .td_box {margin-top: 13px;}
.list_tbl .tbl_box .box > div { flex: 1; line-height: 1; min-width: 0}

.list_tbl .tbl_box .th_box {background-color: #BFA072; color: #fff; font-size: var(--smTxt); padding: 1em 0; font-weight: 700; border-radius: 10px 10px 0 0;}
.list_tbl .tbl_box .th_box .th { display: flex; align-items: flex-end; justify-content: center; }
.list_tbl .tbl_box .th_box .th .week {order: 2; font-size: 0.75em; margin-left: 0.2em; transform: translateY(-2px);}
.list_tbl .tbl_box .td_box  + .td_box {border-top: 1px dashed rgba(27, 28, 102, 0.3);}
.list_tbl .tbl_box .td_box:last-child .td:first-child {border-bottom-left-radius: 10px;}
.list_tbl .tbl_box .td_box:last-child .td:last-child {border-bottom-right-radius: 10px;}
.list_tbl .tbl_box .td_box .td {display: flex; align-items: center; justify-content: center; height: 4em;}  
.list_tbl .tbl_box .td_box .td:last-child {border-right: 1px solid #DDDDDD;}
.list_tbl .tbl_box .td_box:last-child .td{border-bottom: 1px solid #DDDDDD;}
.list_tbl .tbl_box .td_box .td.time {background-color: #F5F1EC; color: var(--black); font-weight: 700; border-bottom: none;}
.list_tbl .tbl_box .td_box .td span {font-size: var(--smTxt);}
.list_tbl .tbl_box .td_box .td .badge {display: inline-block; padding: 0.5em 1em 0.4em; border-radius: 3em; font-weight: 600; }
.list_tbl .tbl_box .td_box .td .badge.ing {background-color: #1B1C66; color: #fff;}
.list_tbl .tbl_box .td_box .td .badge.close {background-color: #F2F2F2; color: #ACACAC;}
.list_tbl .tbl_box .td_box .td .date {font-weight: 700;}



/* 차움소개_의료진 상세 */
.med_view_page {padding-bottom: 0;}
.med_view_page .profile_sect{position:relative;}
.med_view_page .profile_sect .list_btn{position: absolute; display: flex; align-items: center; font-size:var(--txt1); top:calc(var(--headerH) + 8rem); left: 8rem; z-index: 10;}
.med_view_page .profile_sect .list_btn .ico{display: inline-block; width: 1.4em; height: 1.4em; margin-right: 0.5em;}
.med_view_page .profile_sect .list_btn .ico svg{display: block; width: 100%; height: 100%;}
.med_view_page .profile_sect .list_btn .txt{color:#fff; line-height: 1; font-weight: 600;}

.med_view_page .profile_sect .bg{position: absolute; top: 0; width: 100%; height: 100%; background-color: #322D25; z-index: 1;}
.med_view_page .profile_sect .bg img{position: sticky; top: 0;}


.med_view_page .profile_sect .cont{position:relative;  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
.med_view_page .profile_sect .cont{z-index: 2; }

.med_view_page .profile_sect .cont .img_box{position:sticky; top: 0; height: 100vh; padding-top: var(--headerH); padding-left:10%;}
.med_view_page .profile_sect .cont .img_box img{width: 100%; height: 100%; object-fit: contain;}

.med_view_page .profile_sect .cont .info_wrap{}

.med_view_page .profile_sect .cont .top_area{display:flex; flex-direction:column; color:#fff; padding: calc( var(--headerH) + 12rem) 10% 10rem 8%; }
.med_view_page .profile_sect .cont .top_area > .tit{font-size:3.6rem; font-weight: 700;}
.med_view_page .profile_sect .cont .top_area .info {margin-top: var(--subContMt); padding-top: var(--subContMt); border-top:1px solid var(--lineColor)}
.med_view_page .profile_sect .cont .top_area .info .part{font-size:var(--lgTxt2); color:var(--gold); font-weight: normal; font-weight: 700; margin-bottom: 1rem;}
.med_view_page .profile_sect .cont .top_area .info .name{font-size:max(6.4rem, 50px); font-weight: 700;}
.med_view_page .profile_sect .cont .top_area .info .desc{font-size:var(--lgTxt2); margin-top: 3.5rem;}

.med_view_page .profile_sect .cont .info_cont .tit{font-size:var(--smTit); font-weight: 700; margin-bottom: 2rem;}

.med_view_page .profile_sect .cont .info_time{margin-top: auto; margin-top: 12rem;}
.med_view_page .list_tbl .tbl_box{margin-right: 0;}
.med_view_page .list_tbl .tbl_box .th_box{font-size:var(--lgTxt);}
.med_view_page .list_tbl .tbl_box .td_box{font-size:var(--txt2);}
.med_view_page .list_tbl .tbl_box .td_box .td{ height:auto; padding: 2em 0; color:var(--black); font-weight: 600; background-color: #F5F1EC; flex-direction: column;}
.med_view_page .list_tbl .tbl_box .td_box .td .week{ font-size: 0.9em; font-weight: 600; color:#00AD68; background-color: #E3FFE8; padding:0.1em 0.3em; line-height: 1; border-radius: 5px; margin-top: 0.8rem;}
.med_view_page .list_tbl .tbl_box .td_box + .td_box{position:relative; margin-top:-1px;}
.med_view_page .list_tbl .tbl_box .td_box:last-child .td{border-bottom:none;}
.med_view_page .profile_sect .cont .info_time .btn_wrap{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2.4rem; margin-top: 4rem;}
.med_view_page .profile_sect .cont .info_time .btn{display: flex; align-items: center; justify-content: center; font-size:var(--lgTxt2); line-height: 1; font-weight: 600; border:1px solid #fff; border-radius: 10rem; padding: 0.8em 1em; transition: all 0.3s ease-in-out;}
.med_view_page .profile_sect .cont .info_time .btn:hover{background-color: var(--gold); border-color:var(--gold);}
.med_view_page .profile_sect .cont .info_time .btn:before{content:''; position: relative; display: inline-block; width: 1.2em; height: 1.2em; margin-right: 0.6em;}
.med_view_page .profile_sect .cont .info_time .btn.reserv:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23FFF" d="M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z"/></svg>') no-repeat center / contain;}
.med_view_page .profile_sect .cont .info_time .btn.inq:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23FFF" d="M320 544C461.4 544 576 436.5 576 304C576 171.5 461.4 64 320 64C178.6 64 64 171.5 64 304C64 358.3 83.2 408.3 115.6 448.5L66.8 540.8C62 549.8 63.5 560.8 70.4 568.3C77.3 575.8 88.2 578.1 97.5 574.1L215.9 523.4C247.7 536.6 282.9 544 320 544zM192 272C209.7 272 224 286.3 224 304C224 321.7 209.7 336 192 336C174.3 336 160 321.7 160 304C160 286.3 174.3 272 192 272zM320 272C337.7 272 352 286.3 352 304C352 321.7 337.7 336 320 336C302.3 336 288 321.7 288 304C288 286.3 302.3 272 320 272zM416 304C416 286.3 430.3 272 448 272C465.7 272 480 286.3 480 304C480 321.7 465.7 336 448 336C430.3 336 416 321.7 416 304z"/></svg>') no-repeat center / contain;}


.med_view_page .profile_sect .cont .btm_area{background:#fff; padding:var(--subSectPd2) 8%;}
.med_view_page .profile_sect .cont .btm_area .info_cont + .info_cont{margin-top: var(--subContMt1);}
.med_view_page .profile_sect .cont .info_cont .tag_list{display: flex; flex-wrap: wrap;}
.med_view_page .profile_sect .cont .info_cont .tag_list .tag{display: inline-block; font-size:var(--lgTxt); line-height: 1; padding:0.8em 1em; font-weight: 600; color:var(--blue); background-color: #E4EDFF; border-radius: 10em; margin-right: 0.5em; margin-bottom: 0.7em;}
.med_view_page .profile_sect .cont .info_cont .tag_list.gray .tag{color:var(--black); background-color: #F2F2F2;}

.med_view_page .profile_sect .cont .info_cont .history_list {border-top:2px solid #1c1c1c;}
.med_view_page .profile_sect .cont .info_cont .history_list .item{font-size:var(--lgTxt); padding: 1.2em 1em; display:flex; border-bottom:1px solid #aaa;}
.med_view_page .profile_sect .cont .info_cont .history_list .item .year{width: 15rem; font-weight: 700;}
.med_view_page .profile_sect .cont .info_cont .history_list .item .txt{font-weight: 500;}
.med_view_page .profile_sect .cont .info_cont .history_list .item .txt + .txt{margin-top: 2rem;}

.med_view_page .media_sect{padding:var(--subSectPd2) 0; background-color: var(--bg);}
.med_view_page .media_sect .sub_tit_box .tit{font-size:3.2rem;}
.med_view_page .media_sect .slide_cont{margin-top: 2.4rem;}
.med_view_page .media_sect .slide_cont .item{background:#fff; border-radius: 1.6rem; overflow: hidden; height: auto;}
.med_view_page .media_sect .slide_cont .item .img_box{position: relative; padding-top: 56%; overflow: hidden;}
.med_view_page .media_sect .slide_cont .item .img_box img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.med_view_page .media_sect .slide_cont .item .txt_box{display: flex; flex-direction: column; padding:3.2rem 2.4rem; }
.med_view_page .media_sect .slide_cont .item .txt_box .txt{font-size:var(--lgTxt); font-weight: 700; line-height: 1.5; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.med_view_page .media_sect .slide_cont .item .txt_box .date{font-size:var(--txt); color:#666666; margin-top: 1.6rem; line-height: 1;}
.med_view_page .media_sect .slide_cont .slide_controls{margin-top: 4rem;}



/* 차움소개_1:1문의 */
.com_info_box{background-color: var(--bg2); border-radius: var(--radius); font-size:var(--txt); padding: 6.4rem 9rem;}
.com_info_box .item{position:relative; font-weight: 500; padding-left: 1.6em;}
.com_info_box .item:before{content:''; position: absolute; display: block; width: 1.4em; height: 1.4em; left: 0; top: 0; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23BFA072" d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM320 200C333.3 200 344 210.7 344 224L344 336C344 349.3 333.3 360 320 360C306.7 360 296 349.3 296 336L296 224C296 210.7 306.7 200 320 200zM293.3 416C292.7 406.1 297.6 396.7 306.1 391.5C314.6 386.4 325.3 386.4 333.8 391.5C342.3 396.7 347.2 406.1 346.6 416C347.2 425.9 342.3 435.3 333.8 440.5C325.3 445.6 314.6 445.6 306.1 440.5C297.6 435.3 292.7 425.9 293.3 416z"/></svg>') no-repeat center / contain;}
.com_info_box .item + .item{margin-top: 0.4em;}

.inquiry_page .doctor_sect{padding-top: var(--subContMt);}
.inquiry_page .board_sect{padding-top: 12rem;}

.board_list + .btn_box{display: flex; justify-content: flex-end; margin-top: 3rem;}

/* .board_list + .btn_box .btn { display: flex; align-items: center; max-width: max-content; margin-top: 2.4rem; line-height: 1; padding: 1.1em 1.6em 1em; border:1px solid var(--black); background-color: #fff; font-weight: 600; border-radius: 7rem; transition: all 0.3s ease; }
.board_list + .btn_box .btn .ico{margin-left: 1em; width: 1em; height: 1em;}
.board_list + .btn_box .btn .ico svg{display: block; width: 100%;}
.board_list + .btn_box .btn .ico svg path{transition: all 0.3s ease;}
.board_list + .btn_box .btn:hover{background-color: var(--black); color:#fff;}
.board_list + .btn_box .btn:hover .ico svg path{fill: #fff;} */

/* 문의 작성 */
.inquiry_write_page .in{width: 104rem;}

.inquiry_write_page .form_sect {font-size:var(--txt); margin-top: var(--subContMt); --inpRadius: 0.8rem;}
.inquiry_write_page .form_sect .write_form > .info_txt{text-align: right; font-size: var(--smTxt); margin-bottom: 2rem;}
.inquiry_write_page .form_sect .write_form > .info_txt .ess{color:var(--gold);}

.inquiry_write_page .write_form .form_list > li { display: flex; justify-content: space-between;}
.inquiry_write_page .write_form .form_list > li + li { margin-top: 3.5rem; }
.inquiry_write_page .write_form .form_list > li + li.consent_info { margin-top: 10rem; }
.inquiry_write_page .write_form .form_list > li .left_txt { display: flex; font-weight: 700; flex-shrink: 0; width: 11em; padding-top: 0.9em;} /*align-items: center;*/
.inquiry_write_page .write_form .form_list > li .left_txt .ess::after { content: "*"; color: var(--gold); font-size: 1em; margin-left: 3px;}
.inquiry_write_page .write_form .form_list > li .cont_box { flex: 1;}

.inquiry_write_page .write_form .form_list li .inp { width: 100%; }
.inquiry_write_page .write_form .form_list li .inp input { width: 100%; height: var(--inpH); padding: 0 1.3em; border: 1px solid var(--lineColor); border-radius: var(--inpRadius);}
.inquiry_write_page .write_form .form_list li .inp input:focus { outline: 1px solid #000; }
.inquiry_write_page .write_form .form_list li .inp input::placeholder { color: var(--gray); color:#BCBFC7; font-weight: 500;}
.inquiry_write_page .write_form .form_list li .inp_txt { margin-top: 10px; font-size: calc(var(--txt) * 0.85); color: var(--gray); }

.inquiry_write_page .write_form .form_list li .textarea textarea { position: relative; width: 100%; height: 10em; padding: 1.5em 1.3em; border: 1px solid var(--lineColor); border-radius: var(--inpRadius); resize: none; line-height: 1.5em; transition: border-color 0.25s, box-shadow 0.25s; }
.inquiry_write_page .write_form .form_list li .textarea textarea:focus { outline: 1px solid #000; }
.inquiry_write_page .write_form .form_list li .textarea textarea::placeholder { color: #BCBFC7; font-weight: 500;}
.inquiry_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar { width: 10px; }
.inquiry_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-thumb { background: #efefef; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px; }
.inquiry_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-track { background: #fff; }
.inquiry_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:decrement { height: 15px; }
.inquiry_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:increment { height: 15px; }


.inquiry_write_page .write_form .form_list li.priv_chk { display: block; }
.inquiry_write_page .write_form .form_list li.priv_chk .left_txt { width: auto; height: auto; }
.inquiry_write_page .write_form .form_list li.priv_chk .left_txt .chk {margin-left: auto;}
.inquiry_write_page .write_form .form_list li.priv_chk .left_txt .chk label {display: flex; align-items: center; font-size: var(--smTxt); cursor: pointer;}
.inquiry_write_page .write_form .form_list li.priv_chk .left_txt .chk label .ico {width: 1.2em; height: 1.2em; margin-right: 1rem; display: flex; align-items: center;}
.inquiry_write_page .write_form .form_list li.priv_chk .left_txt .chk label .ico svg {  width: 100%; height: auto;}
.inquiry_write_page .write_form .form_list li.priv_chk .left_txt .chk label .ico svg.on { display: none;}
.inquiry_write_page .write_form .form_list li.priv_chk .left_txt .chk input:checked + label .ico svg.off { display: none;}
.inquiry_write_page .write_form .form_list li.priv_chk .left_txt .chk input:checked + label .ico svg.on { display: block;}
.inquiry_write_page .write_form .form_list li.priv_chk .cont_box { margin-top: 2rem; }
.inquiry_write_page .write_form .form_list li.priv_chk .cont_box .terms_box { padding: 4rem; background-color: var(--bg); color:#666; font-size: var(--smTxt); border-radius: var(--inpRadius);}

.inquiry_write_page .write_form .form_btn_box { margin-top: 6.5rem; display: flex; justify-content: center; }
.inquiry_write_page .write_form .form_btn_box .btn { display: block; padding: 0 2.2em; height: var(--inpH); background-color: var(--navy); font-size:var(--txt); font-weight: 600; border-radius: 7rem; color:#fff; transition: background 0.3s ease-in-out , color 0.3s ease-in-out; }
.inquiry_write_page .write_form .form_btn_box .btn:hover{background-color: var(--black);}








/* ---------- 특화센터(클리닉) ---------- */
.sub.clinic_page{padding-bottom: 0;}

.info_sect .img_box{position: relative; width:100%; margin-top: var(--subContMt); padding-top: 39%; border-radius: var(--radius); overflow: hidden; opacity: 0; transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out;}
.info_sect .img_box .img{position: absolute; width: 100%; height: 100%; inset:0; object-fit: cover; object-position: center; transform: scale(1.1); transition: transform 1s ease-in-out;}
.info_sect .img_box.active{opacity:1; transform: translateY(0);}
.info_sect .img_box.active .img{transform: scale(1);}

.clinic_page .info_sect .diagram_box{position: relative; display: flex; align-items: center; justify-content: center; width:100%; margin-top: var(--subContMt); background-color: var(--bg2); border-radius: var(--radius); overflow: hidden;  opacity: 0; transition: opacity 0.5s ease-in-out;}
.clinic_page .info_sect .diagram_box .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.clinic_page .info_sect .diagram_box .bg img{width: 100%; height: 100%; object-fit: cover; transform:scale(1.1); transition: transform 0.8s ease-in-out;}
.clinic_page .info_sect .diagram_box .img{position: relative; width: 100%; height: 100%; text-align: center; opacity: 0; transition: opacity 0.8s ease-in-out 0.2s;}
.clinic_page .info_sect .diagram_box .img img{max-width: 75%;}
.clinic_page .info_sect .diagram_box.active{opacity: 1;}
.clinic_page .info_sect .diagram_box.active .bg img{opacity: 1; transform:scale(1);}
.clinic_page .info_sect .diagram_box.active .img{opacity: 1;}

.clinic_page .program_sect{padding: var(--subSectPd2) 0; background-color: var(--brown); color:#fff;}
.clinic_page .program_sect .in > .sub_tit_box{text-align: center;}

.clinic_page .cont .round_tab_wrap{opacity: 0; transform: translateY(6rem); transition: opacity 0.8s ease-in-out 1s, transform 0.8s ease-in-out 1s;}
.clinic_page .active + .cont .round_tab_wrap{opacity: 1; transform: translateY(0);}

/* 의료진 슬라이드 */
.com_badge_box{display: flex; flex-wrap: wrap;}
.com_badge_box .badge,
.com_badge{display: inline-block; font-size:var(--txt2); line-height: 1; padding:0.5em 0.75em; font-weight: 700; color:var(--blue); background-color: #E4EDFF; border-radius: 0.4em; margin-right: 0.5em; margin-bottom: 0.5em;}

.med_staff_sect{padding: var(--subSectPd2) 0;}
.med_staff_slide{position: relative; margin-top: var(--subContMt); margin-left: calc((100% - var(--subInWid)) / 2); padding-left: 2rem;}
.med_staff_slide .swiper_btn_wrap{position: absolute; display:flex; top:calc(-2 * var(--subContMt)); right: calc((100% - var(--subInWid))); padding-right: 2rem;}
.med_staff_slide .swiper_btn{font-size: max(1.6rem, 16px); display: flex; align-items: center; justify-content: center; width: 6.4rem; height:6.4rem; background:transparent; border:1px solid #1c1c1c; border-radius: 50%; transition: background-color 0.3s ease; cursor: pointer;} 
.med_staff_slide .swiper_btn .ico{width: 1em; height: 1em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%231c1c1c"/></svg>') no-repeat center / contain; transition: background 0.3s ease;}
.med_staff_slide .swiper_btn:hover:not(.swiper-button-disabled){background-color: var(--black);}
.med_staff_slide .swiper_btn:hover:not(.swiper-button-disabled) .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23ffffff"/></svg>') no-repeat center / contain;}
.med_staff_slide .swiper_btn.swiper-button-disabled{opacity:0.3;}
.med_staff_slide .swiper_btn.prev{margin-right: 1.6rem;}
.med_staff_slide .swiper_btn.prev .ico{transform: rotate(180deg);}

.med_staff_slide .swiper-container{padding-right:5rem;}
.med_staff_slide .med_staff_item{opacity: 0; transform: translateX(8rem); }
.med_staff_slide.active .med_staff_item {opacity: 1; transform: translateX(0);}
.med_staff_slide.active .med_staff_item:nth-child(2) {transition-delay: 0.35s;}
.med_staff_slide.active .med_staff_item:nth-child(3) {transition-delay: 0.5s;}

/* 공용 의료진 */
.med_staff_item {display: grid; grid-template-columns: 38rem minmax(0, 1fr); gap: 4rem; padding-right: 10rem; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.med_staff_item .img_box{position: relative; padding-top: 130%; border-radius: var(--radius); overflow: hidden; background-color: #ddd;}
.med_staff_item .img_box img{position: absolute; inset:0; width: 100%; height: 100%; object-fit: cover; image-rendering: auto;}
.med_staff_item .txt_box{display: flex; flex-direction: column; justify-content: space-between; padding: 5rem 0 1.6rem;}
.med_staff_item .txt_box .name{font-size:max(3.2rem, 32px); font-weight: 700; margin-top: 2.2rem;}
.med_staff_item .txt_box .tag{display: flex; font-size:var(--txt); font-weight: 500; margin-top: 1rem;}
.med_staff_item .txt_box .tag li{white-space: nowrap;}
.med_staff_item .txt_box .tag li + li{margin-left:0.5em}
.med_staff_item .txt_box .dept{display: flex; align-items: flex-top; font-size:var(--txt2); margin-top: 3.6rem; padding-top: 3.6rem; border-top:1px solid var(--lineColor); font-weight: 500;}
.med_staff_item .txt_box .dept .ico{flex-shrink: 0; width: 1em; height: 1em; margin-right: 0.3em; margin-top: 0.25em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%231C1C1C" d="M119.3 1.2l15.5 62.1-31 7.8L96 73l0 119c0 53 43 96 96 96s96-43 96-96l0-119L280.2 71l-31-7.8L264.7 1.2l31 7.8 32 8L352 23l0 25 0 144c0 77.2-54.6 141.6-127.3 156.7C231 404.6 278.4 448 336 448c61.9 0 112-50.1 112-112l0-70.7c-28.3-12.3-48-40.5-48-73.3c0-44.2 35.8-80 80-80s80 35.8 80 80c0 32.8-19.7 61-48 73.3l0 70.7c0 97.2-78.8 176-176 176c-92.9 0-168.9-71.9-175.5-163.1C87.2 334.2 32 269.6 32 192L32 48l0-25L56.2 17l32-8 31-7.8zM480 224a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/></svg>') no-repeat center / contain;}
.med_staff_item .txt_box .dept .label{font-weight: 700; margin-right: 0.8em;}

.med_staff_item .txt_box .btn_wrap{display:flex; max-width: 400px;}
.med_staff_item .txt_box .btn{display: flex; justify-content: center; align-items: center; font-size:var(--smTxt); white-space: nowrap; flex:1; border:1px solid var(--black); padding: 1.5rem 1.5rem; font-weight: 700; border-radius: 10rem; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.med_staff_item .txt_box .btn:after{content:''; position: relative; margin-left:0.9em; width: 1.1em; height: 1em; transition: background 0.3s ease-in-out; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%231C1C1C" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') no-repeat center / contain;}
.med_staff_item .txt_box .btn + .btn{margin-left:1.2rem;}
.med_staff_item .txt_box .btn.inquiry{background:var(--gold); color:#fff; border:1px solid var(--gold); }
.med_staff_item .txt_box .btn:hover{background-color: var(--black); color:#fff; border-color:var(--black);}
.med_staff_item .txt_box .btn.inquiry:after,
.med_staff_item .txt_box .btn:hover:after{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') no-repeat center / contain;}

.med_staff_slide .paging{position: relative; width:100%; width: var(--subInWid); padding-right: 2rem;; margin-top: 8rem; height: 0.35rem; background: #F2F2F2;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--black);}

.med_staff_empty{display: flex; justify-content: center; align-items: center; width: calc(var(--subInWid) - 4rem); padding: 0 2rem; margin-left: auto; margin-right: auto; height:max(28rem, 280px); background-color: #F7F7F7; color:#ACACAC; border-radius: var(--radius);
    opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.med_staff_slide.active.med_staff_empty{opacity: 1; transform: translateY(0);}
.med_staff_empty .txt_box{font-size:max(2rem, 20px); text-align: center; padding:0;}
.med_staff_empty .txt_box .ico {width:2.4em; height:2.4em; margin: 0 auto 1.6rem;}
.med_staff_empty .txt_box .ico svg{display: block; width:100%; height: auto;}
.med_staff_empty .txt_box .txt{font-weight: 600;}


/* 클리닉센터_파워에이징 */
.power_page .info_sect .diagram_box .img img{max-width: 57%;}

.com_col2_list {margin-top: 8rem;}
.com_col2_list .item{display: flex; align-items: center;}
.com_col2_list .item + .item{margin-top: var(--subContMt);}
.com_col2_list .item .img_box{position: relative; flex-shrink: 0; padding-top: 24%; width: 58rem; border-radius: var(--radius); overflow: hidden; margin-right: 5.6rem;}
.com_col2_list .item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.com_col2_list .item .txt_box .tit{position: relative; font-size:3.6rem; font-weight: 700; margin-bottom:1.5rem;}
.com_col2_list .item .txt_box .subtit{font-size:var(--lgTxt); font-weight: 600;}
.com_col2_list .item .txt_box .txt{font-size:var(--txt);}
.com_col2_list .item .txt_box .subtit + .txt{margin-top: 4rem;}
.com_col2_list .item .txt_box .tit{position: relative; font-size:3.6rem; font-weight: 700;}
.com_col2_list .item .txt_box .tags{display: flex; margin-top: 4rem;}
.com_col2_list .item .txt_box .tags li{font-size:var(--txt); font-weight: 700; background-color: #574D3E; border-radius: 10rem; padding: 1.5rem 2.5rem;}
.com_col2_list .item .txt_box .tags li + li {margin-left: 0.6em;}
.com_col2_list .item .txt_box .txt_list li.txt{position: relative; padding-left: 0.6em;}
.com_col2_list .item .txt_box .txt_list li.txt:before{content:"·"; position: absolute; left: 0; top: 0;}
.com_col2_list .item .txt_box .txt_list .txt + .txt{margin-top: 0.2em;}
.power_page .program_sect .tab_cont .com_col2_list .item .txt_box .tit{padding-left:1.4em;}
.power_page .program_sect .tab_cont .com_col2_list .item .txt_box .tit:before{content:''; position: absolute; display:inline-block; top:0.25em; left:0; width: 1em; height: 1em; margin-right:0.5em; border-radius: 50%; background:var(--gold) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M447.9 142.5l-23.2 22L181 395.3l-22 20.8-22-20.8L23.2 287.6 0 265.6l44-46.5 23.2 22L159 328 380.7 118l23.2-22 44 46.5z"/></svg>') no-repeat center / 0.45em;}


/* 클리닉센터_푸드테라피 */
.food_page .diagnosis_sect {padding-bottom: var(--subSectPd2); padding-top: var(--subSectPd2); margin-top: calc(-1 * var(--subSectPd2));} /*앵커탭때문*/
.food_page .diagnosis_sect .cont{margin-top: var(--subContMt2); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem;}
.food_page .diagnosis_sect .chk_list .inp_chk_box{opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out;} 
.food_page .diagnosis_sect .chk_list.active .inp_chk_box{opacity: 1; transform: translateY(0);}
.food_page .diagnosis_sect .chk_list .inp_chk_box .inp_chk {border:1px solid var(--lineColor); border-radius: 1.6rem }
.food_page .diagnosis_sect .chk_list .inp_chk_box .inp_chk + .inp_chk{margin-top: 2.4rem;}
.food_page .diagnosis_sect .chk_list .inp_chk_box .inp_chk input + label{display: flex; align-items: center; font-size:var(--lgTxt); font-weight: 600;  padding: 2.4rem; cursor: pointer;}
.food_page .diagnosis_sect .chk_list .inp_chk_box .inp_chk input + label .ico { margin-right: 0.6em; width: 1.3em; height: 1.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23dddddd"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / 99%;}
.food_page .diagnosis_sect .chk_list .inp_chk_box .inp_chk input:checked + label {color: #262F40;}
.food_page .diagnosis_sect .chk_list .inp_chk_box .inp_chk input:checked + label .ico { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23BFA072"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / 99%;}

.food_page .diagnosis_sect .chk_list .result_box > *{opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out;}
.food_page .diagnosis_sect .chk_list .result_box .arrow{max-width: 4.8rem; margin:0 auto; margin-top: var(--subContMt); } 
.food_page .diagnosis_sect .chk_list .result_box .arrow svg{max-width: 100%;}
.food_page .diagnosis_sect .chk_list .result_box .txt_box{padding:4rem 1rem; text-align: center; font-size:var(--lgTxt); font-weight: 600; color:#fff; margin-top: var(--subContMt); background-color: var(--gold); border-radius: var(--radius);}
.food_page .diagnosis_sect .chk_list .result_box .txt_box .ico{width: 2em; margin: 0 auto 0.5em; }
.food_page .diagnosis_sect .chk_list .result_box.active > *{opacity: 1; transform: translateY(0);}

.com_recommend_cont{ position: relative; display: flex; margin-top:var(--subContMt2);}
.com_recommend_cont .sub_cont_tit{position: sticky; top: calc(var(--headerH) + 5rem); width:50%; height: 100%; padding-bottom:20%; padding-right: 5em;}
/* .com_recommend_cont .sub_cont_tit_box{position: sticky; top: calc(var(--headerH) + 5rem); width:50%; height: 100%; padding-bottom:20%; padding-right: 5em;} */
.com_recommend_cont .sub_cont_tit_box{ padding-right: 5em;}
.com_recommend_cont .list{width:50%; flex-shrink: 0;}
.com_recommend_cont .list .item{display: flex; align-items: center; background-color: #fff; border-radius: 2.4rem; padding:4rem; font-size:var(--lgTxt); opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out; transition-delay: 0.5s;}
.com_recommend_cont .list .item.active{opacity: 1; transform: translateY(0);}
.com_recommend_cont .list .item + .item{margin-top: 2.6rem;}
.com_recommend_cont .list .item .num{display: flex; flex-shrink: 0; justify-content: center; align-items: center; font-size:var(--txt); margin-right: 1.2em; font-weight: 700; width: 2.8em; height: 2.8em; border-radius: 50%; background-color: var(--gold); text-align: center;}
.com_recommend_cont .list .item .txt{color:var(--black); font-weight: 600;}

.food_page .program_sect .banner_cont{position: relative; margin-top: 13rem;}
.food_page .program_sect .banner_cont .banner_box{position: relative; display: flex; align-items: center; min-height:max(4rem, 390px); border-radius: var(--radius); overflow: hidden;}
.food_page .program_sect .banner_cont .txt_box{position: relative; z-index: 2; padding: 8rem; height: 100%;}
.food_page .program_sect .banner_cont .txt_box .tit{font-size:var(--smTit); font-weight: 600;}
.food_page .program_sect .banner_cont .txt_box .txt{font-size:var(--txt); font-weight: 500; margin-top: 2.4rem;}
.food_page .program_sect .banner_cont .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.food_page .program_sect .banner_cont .bg:before{content:''; position: absolute; display: block; width: 80%; height: 100%; inset:0; background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); z-index: 2;}
.food_page .program_sect .banner_cont .bg img{ position: absolute;top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.food_page .program_sect .test_cont {margin-top:var(--subContMt2);}
.com_test_slide{margin-top: var(--subContMt);}
.com_test_slide .item{background-color: #fff; border-radius: 2.4rem; overflow: hidden; font-size:var(--txt); color:var(--black); padding:4rem;}
.com_test_slide .item .label{display: inline-block; background-color: var(--gold); border-radius: 100rem; padding:0.4em 0.5em; margin-bottom: 2.4rem; font-weight: 700; color:#fff; line-height: 1;}
.com_test_slide .item .tit{font-size:var(--lgTxt); font-weight: 700;}
.com_test_slide .item .txt{font-weight: 500; margin-top: 1.6rem; min-height: 3em;}
.com_test_slide .paging{position: relative; left:50%; transform: translateX(-50%); max-width: 10rem; margin-top: 4rem; height: 4px; background: rgba(255,255,255,.3);}
.com_test_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--gold);}

.food_page .program_sect .com_sticky_list{margin-top: var(--subContMt2);}

.com_sticky_list{ position: relative; display: flex;}
.sub_tit_box  + .com_sticky_list{ margin-top:var(--subContMt1);}
.com_sticky_list > *:first-child{position: sticky; top: calc(var(--headerH) + 5rem); width:50%; height: 100%; padding-bottom:20%;}
.com_sticky_list .list{width:50%;}
.com_sticky_list .list .item{ opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; }
.com_sticky_list .list .item.active{opacity: 1; transform: translateY(0);}
.com_sticky_list .list .item + .item{margin-top: 8rem;}
.com_sticky_list .list .item .img_box{position: relative; padding-top:56%; border-radius: 2.4rem; overflow: hidden;}
.com_sticky_list .list .item .img_box img{position: absolute; width: 100%; height: 100%; inset:0; object-fit: cover; object-position: center;}
.com_sticky_list .list .item .txt_box{position:relative; display: flex; flex-direction: column; font-size: var(--txt2); margin-top: 3.2rem;}
.com_sticky_list .list .item .txt_box .ico{position: absolute; display: inline-block; width: 1.8em; height: 1.8em; margin-right:0.5em; border-radius: 50%; background: var(--gold) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M447.9 142.5l-23.2 22L181 395.3l-22 20.8-22-20.8L23.2 287.6 0 265.6l44-46.5 23.2 22L159 328 380.7 118l23.2-22 44 46.5z"/></svg>') no-repeat center / 0.8em;}
.com_sticky_list .list .item .txt_box .num{position: absolute; display: inline-block; width: 1.8em; height: 1.8em; line-height: 1.9em; margin-top: -0.1em; margin-right:0.5em; border-radius: 50%; text-align: center; background: var(--gold); color:#fff; font-weight: 700;}
.com_sticky_list .list .item .txt_box .tit{position: relative; display: inline-block; font-size: var(--lgTxt); font-weight: 600; padding-left: 2em;}
/* .com_sticky_list .list .item .txt_box .tit:before{content:''; position: absolute; display: inline-block; left:0; width: 1.4em; height: 1.4em; margin-right:0.5em; border-radius: 50%; background:var(--gold) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M447.9 142.5l-23.2 22L181 395.3l-22 20.8-22-20.8L23.2 287.6 0 265.6l44-46.5 23.2 22L159 328 380.7 118l23.2-22 44 46.5z"/></svg>') no-repeat center / 0.7em;} */
.com_sticky_list .list .item .txt_box .txt{margin-top:2rem; font-weight: 500;}
.com_sticky_list .list .item .txt_box .txt + .txt{margin-top:1rem;}
.com_sticky_list .list .item .txt_box .txt_list .txt{padding-left: 0.5em;}
.com_sticky_list .list .item .txt_box .txt_list .txt:before{content:'·'; position: absolute; left: 0;}


/* 클리닉센터_면역증강 클리닉 */
.immu_page .info_sect .btm_txt_box{margin-top: var(--subContMt);}
.immu_page .info_sect .btm_txt_box .tit{font-size:var(--smTit); font-weight: 600;}
.immu_page .info_sect .btm_txt_box .txt{font-size:var(--txt); font-weight: 500; margin-top: 2.4rem;}

.immu_page .program_sect .test_cont{margin-top: var(--subContMt1);}

/* .immu_page .com_recommend_cont {flex-direction: column;}
.immu_page .com_recommend_cont .list{align-self: flex-end; margin-top: var(--subContMt);} */

.immu_page .program_sect .graph_cont{margin-top: var(--subContMt1);}
.immu_page .program_sect .graph_cont .sub_cont_tit{font-size:3.2rem;}
.immu_page .program_sect .graph_cont .cont{margin-top: 4rem;}
.immu_page .program_sect .graph_cont .cont .graph_box{position: relative; display: flex; align-content: center; justify-content: center; background-color: #fff; border-radius: 4rem; padding: 10rem 0;}
.immu_page .program_sect .graph_cont .cont .graph_box .graph_in{position: relative; max-width: 60%;}
.immu_page .program_sect .graph_cont .cont .graph_box .bg{ width: 100%;}
.immu_page .program_sect .graph_cont .cont .graph_box .bg svg{ display: block; width: 100%; height: 100%;}
.immu_page .program_sect .graph_cont .cont .graph_box .bg svg .btm_txt{transform: translateX(6%);}
.immu_page .program_sect .graph_cont .cont .graph_box .graph_bar{position: absolute; display: flex; width: 100%; height: 100%; padding: 0 2% 4.9% 14%; top: 0; bottom: 0; color:#000;}
.immu_page .program_sect .graph_cont .cont .graph_box .graph_bar .bar{flex:1; height: 100%; display: flex; align-items: flex-end;}
.immu_page .program_sect .graph_cont .cont .graph_box .graph_bar .bar span{display: block; width: 40px; height: 0; margin:0 auto; background-color: var(--gold); border-radius: 0.8rem 0.8rem 0 0; transition: height 1s ease-in-out 0.3s;}
.immu_page .program_sect .graph_cont .cont .graph_box.active .graph_bar .bar:nth-child(1) span{height: 25%;}
.immu_page .program_sect .graph_cont .cont .graph_box.active .graph_bar .bar:nth-child(2) span{height: 20%;}
.immu_page .program_sect .graph_cont .cont .graph_box.active .graph_bar .bar:nth-child(3) span{height: 38%;}
.immu_page .program_sect .graph_cont .cont .graph_box.active .graph_bar .bar:nth-child(4) span{height: 10%;}
.immu_page .program_sect .graph_cont .cont .graph_box.active .graph_bar .bar:nth-child(5) span{height: 40%;}
.immu_page .program_sect .graph_cont .cont .graph_box.active .graph_bar .bar:nth-child(6) span{height: 90%; background-color: var(--blue);}
.immu_page .program_sect .graph_cont .cont .btm_list{display: flex; text-align: center; width: 100%; margin-top: 8rem; font-size: var(--lgTxt); font-weight: 600;}
.immu_page .program_sect .graph_cont .cont .btm_list .item{flex: 1;}
.immu_page .program_sect .graph_cont .cont .btm_list .item + .item{border-left: 1px solid rgba(255,255,255,.3);}

.immu_page .program_sect .program_cont{margin-top: var(--subContMt2);}




/* ---------- 일반외래 ---------- */
/* .out_page .major_sect {padding-bottom: var(--subSectPd2);} */
.out_page .major_sect .in{display: flex;}
.out_page .major_sect .sub_tit_box{flex: 1;}
.out_page .major_sect .sub_tit_box .tit{line-height: 1;}
.out_page .major_sect .cont{flex: 2; opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out; transition-delay: 0.5s;} 
.out_page .major_sect .active + .cont{opacity: 1; transform: translateY(0);}
.out_page .major_sect .cont .list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 3.2rem;}
.out_page .major_sect .cont .list.col3{grid-template-columns: repeat(3, minmax(0, 1fr))}
.out_page .major_sect .cont .list.col2{grid-template-columns: repeat(2, minmax(0, 1fr))}
.out_page .major_sect .cont .list .item{position: relative; font-size:var(--txt2); font-weight: 700; padding-left: 0.8em;}
.out_page .major_sect .cont .list .item:before{content:'•'; position: absolute; left: 0; top: -0.1em; font-size:1.1em; color: #ACACAC; margin-right: 0.3em;}

.out_page .cont .round_tab_wrap{opacity: 0; transform: translateY(6rem); transition: opacity 0.8s ease-in-out 1s, transform 0.8s ease-in-out 1s;}
.out_page .active + .cont .round_tab_wrap{opacity: 1; transform: translateY(0);}

/* 일반외래_소개 */
.arrow_btn{display: flex; align-items: center; justify-content: center; font-size:max(1.6rem, 16px); width: 5.6rem; height:5.6rem; background:#fff; border-radius: 50%; flex-shrink: 0;}
.arrow_btn .ico{width: 1em; height: 1em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%231c1c1c"/></svg>') no-repeat center / contain;}

.out_page .depts_sect{padding-bottom: var(--subSectPd);}
.com_depts_list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:4rem;}
.com_depts_list .item{position: relative; height:max(35rem, 320px); border-radius: 2.4rem; overflow: hidden; color:var(--black); transition: color 0.3s ease-in-out;}
.com_depts_list .item a{display: flex; flex-direction: column; justify-content: space-between; width:100%; height:100%; background-color: #F3F3F3; padding: 4.4rem 4.4rem 4rem;}
.com_depts_list .item .top_box .txt_box{margin-right: 1em;}
.com_depts_list .item .top_box{position: relative; display: flex; justify-content: space-between; width:100%; z-index:10;}
.com_depts_list .item .top_box .txt{position: relative; display:flex; align-items: center; font-size:var(--txt); line-height:1; font-weight: 500; padding-left: 1em;}
.com_depts_list .item .top_box .txt:before{content:''; position: absolute; width: 0.6em; height: 0.6em; left: 0; top: 0.2em; margin-right: 0.38em; background-color: var(--gold); border-radius: 50%; flex-shrink: 0;}
.com_depts_list .item .top_box .tit{font-size: 3.6rem; font-weight: 700; margin-top: 1.8rem; line-height: 1.4;}
.com_depts_list .item .ico_box{display: flex; align-self: flex-end; justify-content: center; align-items: center; width:13.6rem; height:13.6rem; border-radius: 1.4rem;}
.com_depts_list .item .ico_box svg{max-width: 100%;}
.com_depts_list .item .desc_box{position: absolute; display:flex; align-items: flex-end; width:100%; height:100%; inset:0; background-color: var(--navy); padding: 4.4rem;  opacity:0; transition: opacity 0.3s ease-in-out;}
.com_depts_list .item .desc_box .desc{color:#fff; font-size:var(--txt)}
.com_depts_list .item:hover{color:#fff;}
.com_depts_list .item:hover .desc_box{opacity:1;}

/* 일반외래_정형외과 */
.ortho_page{padding-bottom: 0;}
.ortho_page .onestop_program_sect{position: relative; padding: var(--subSectPd2) 0; background-color: var(--brown); color:#fff; margin-top: var(--subSectPd2);}
.ortho_page .onestop_methods_sect{padding-bottom: var(--subSectPd2); text-align: center; background-color: var(--brown);}
.out_page .diagram_box{margin-top: 8rem; padding:8rem; text-align: center; background-color: #F5F1EC; border-radius: var(--radius); opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out; transition-delay: 0.5s;}
.out_page .diagram_box img{max-width: 88rem;}
.out_page .active + .diagram_box{opacity: 1; transform: translateY(0);}


/* 일반외래_정신건강의학과 */
.psych_page .program_sect{padding: var(--subSectPd2) 0; background-color: var(--brown); margin-top: var(--subSectPd2);}
.psych_page .program_sect .cont{color:#fff;}
.psych_page .program_sect .tab_cont .img_box{position: relative; padding-top: 24%; width: 58rem; border-radius: var(--radius); overflow: hidden; margin-right: 5.6rem;}
.psych_page .program_sect .tab_cont .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}

.psych_page .program_sect .tab_cont.dementia_program .info_area{display: flex; justify-content: space-between;}
.psych_page .program_sect .tab_cont.dementia_program .info_area .img_box{opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; transition-delay: 0.5s;}
.psych_page .program_sect .tab_cont.dementia_program .info_area .active + .img_box{opacity: 1; transform: translateY(0);}
.psych_page .program_sect .tab_cont.dementia_program .key_area{margin-top: var(--subContMt1);}








/* ---------- 프리미엄 검진 ---------- */
.checkup_page{padding-bottom: 0;}
.sub_visual + .info_sect {margin-top: var(--subSectPd);}

.chk_info_page .value_sect{padding: var(--subSectPd2) 0;}

.chk_info_page .custom_sect .checkup_type .type .cont_box .links{display: flex; flex-wrap: wrap; margin-top: 2.4rem; margin-left: -0.4rem;}
.chk_info_page .custom_sect .checkup_type .type .cont_box .link{font-size:var(--smTxt); display: flex; align-items: center; background-color: #fff; border-radius: 5rem; padding: 1em; font-weight: 700; white-space: nowrap; line-height: 1; margin: 0.4rem; transition: color 0.3s ease, background 0.3s ease;}
.chk_info_page .custom_sect .checkup_type .type .cont_box .link:after{content:''; position: relative; display: inline-block; width:1em; height: 1em; margin-left: 0.7rem; transition: color 0.3s ease, background 0.3s ease; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M566.9 342.6L589.5 320L566.9 297.4L406.9 137.4L384.3 114.8L339 160.1C340.3 161.4 383 204.1 467 288.1L64.3 288.1L64.3 352.1L467 352.1C383 436.1 340.3 478.8 339 480.1L384.3 525.4L406.9 502.8L566.9 342.8z"/></svg>') no-repeat center / contain;}
.chk_info_page .custom_sect .checkup_type .type .cont_box .link:hover{background-color: var(--black); color:#fff}
.chk_info_page .custom_sect .checkup_type .type .cont_box .link:hover:after{  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="white" d="M566.9 342.6L589.5 320L566.9 297.4L406.9 137.4L384.3 114.8L339 160.1C340.3 161.4 383 204.1 467 288.1L64.3 288.1L64.3 352.1L467 352.1C383 436.1 340.3 478.8 339 480.1L384.3 525.4L406.9 502.8L566.9 342.8z"/></svg>') no-repeat center / contain;}

.chk_info_page .custom_sect{padding: var(--subSectPd2) 0; background-color: var(--bg);}
.chk_info_page .custom_sect .sub_tit_box{text-align: center;}
.chk_info_page .custom_sect .checkup_type{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; margin-top: calc(var(--subContMt) + 2rem);}
.chk_info_page .custom_sect .checkup_type .type{border-radius:2.4rem; overflow: hidden; background-color: #fff; display: flex; flex-direction: column; opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.chk_info_page .custom_sect .checkup_type.active .type{opacity: 1; transform: translateY(0);}
.chk_info_page .custom_sect .checkup_type.active .type:last-child{transition-delay: 0.3s;}
.chk_info_page .custom_sect .checkup_type .type > .tit{ font-size: 3.2rem; font-weight: 700; color: #fff; background-color: var(--gold); padding: 1.6rem 0; text-align: center;}
.chk_info_page .custom_sect .checkup_type .type .cont_box{display: flex; flex-direction: column; justify-content: space-between; padding:4rem; flex: 1;}
.chk_info_page .custom_sect .checkup_type .type .cont_box .top_txt_box{margin-bottom: 4rem;}
.chk_info_page .custom_sect .checkup_type .type .cont_box .top_txt_box .txt{font-size: var(--txt1); font-weight: 600;}

.chk_info_page .custom_sect .checkup_type .personal .cont_box .list .item{background: var(--bg); border-radius: 2.4rem; padding: 3.2rem;}
.chk_info_page .custom_sect .checkup_type .personal .cont_box .list .item + .item{margin-top: 2.4rem;}
.chk_info_page .custom_sect .checkup_type .personal .cont_box .list .item .tit_box {display: flex; align-items: center; font-size:var(--lgTxt2); font-weight: 700;}
.chk_info_page .custom_sect .checkup_type .personal .cont_box .list .item .tit_box .ico{width:1em; height: 1em; margin-left: 1rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M566.9 342.6L589.5 320L566.9 297.4L406.9 137.4L384.3 114.8L339 160.1C340.3 161.4 383 204.1 467 288.1L64.3 288.1L64.3 352.1L467 352.1C383 436.1 340.3 478.8 339 480.1L384.3 525.4L406.9 502.8L566.9 342.8z"/></svg>') no-repeat center / contain;}
.chk_info_page .custom_sect .checkup_type .personal .cont_box .list .item .txt{font-size:var(--txt); font-weight: 500; margin-top: 1rem;}

.chk_info_page .custom_sect .checkup_type .company .inquiry_box{ border-radius: 2.4rem; overflow: hidden;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top{position: relative; color:#fff}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top .img_box{position: relative; padding-top: 47%;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top .img_box:before{content:''; position: absolute; top: 0; left: 0; width: 45%; height: 100%; background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); z-index: 1;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top .img_box img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top .txt_box{position: absolute; bottom: 0; left: 0; z-index: 2; padding: 3.2rem}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top .txt_box .tit{font-weight: 700; font-size:var(--lgTxt2); margin-bottom: 1.8rem;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top .txt_box .inquiry_contact li{display: flex; align-items: center; font-size:var(--txt); line-height: 1;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top .txt_box .inquiry_contact li + li{margin-top: 1rem;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top .txt_box .inquiry_contact li .ico{display: inline-block; width: 1em; height: 1em; margin-right: 0.7em;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .top .txt_box .inquiry_contact li .ico svg{width: 100%; display: inline-block;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .btm{background-color: var(--bg); padding: 3.2rem;} 
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .inquiry_list{font-size: var(--txt); font-weight: 500;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .inquiry_list .item + .item {margin-top: 0.3em;}
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .link{display: flex; padding: 1.5em 2em; margin-left: auto; margin-top: 3.2rem; justify-content: flex-end; max-width: max-content;}

.chk_info_page .equipment_sect{padding: var(--subSectPd2) 0;}
.chk_info_page .equipment_sect .slide_wrap .img_box{border-radius: var(--radius); overflow: hidden; position: relative; padding-top: 60%; border-radius: var(--radius); overflow: hidden;}
.chk_info_page .equipment_sect .slide_wrap .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.chk_info_page .equipment_sect .slide_wrap .txt_box{margin-top: 3.2rem;}
.chk_info_page .equipment_sect .slide_wrap .txt_box .tit{margin-top: 3.2rem; font-size: 3.2rem; font-weight: 700;}
.chk_info_page .equipment_sect .slide_wrap .txt_box .txt{font-size:var(--txt); margin-top: 1.5rem;}

.slide_wrap.type_topbtn{position: relative; margin-top: var(--subContMt); margin-left: calc((100% - var(--subInWid)) / 2); padding-left: 2rem;}
.slide_wrap.type_topbtn .swiper_btn_wrap{position: absolute; display:flex; top:calc(-2 * var(--subContMt)); right: calc((100% - var(--subInWid))); padding-right: 2rem;}
.slide_wrap.type_topbtn .swiper_btn{font-size: max(1.6rem, 16px); display: flex; align-items: center; justify-content: center; width: 6.4rem; height:6.4rem; background:transparent; border:1px solid #1c1c1c; border-radius: 50%; transition: background-color 0.3s ease; cursor: pointer;} 
.slide_wrap.type_topbtn .swiper_btn .ico{width: 1em; height: 1em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%231c1c1c"/></svg>') no-repeat center / contain; transition: background 0.3s ease;}
.slide_wrap.type_topbtn .swiper_btn:hover:not(.swiper-button-disabled){background-color: var(--black);}
.slide_wrap.type_topbtn .swiper_btn:hover:not(.swiper-button-disabled) .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23ffffff"/></svg>') no-repeat center / contain;}
.slide_wrap.type_topbtn .swiper_btn.swiper-button-disabled{opacity:0.3;}
.slide_wrap.type_topbtn .swiper_btn.prev{margin-right: 1.6rem;}
.slide_wrap.type_topbtn .swiper_btn.prev .ico{transform: rotate(180deg);}
.slide_wrap.type_topbtn .paging {position: relative; width: 100%; width: var(--subInWid); padding-right: 2rem;; margin-top: 8rem; height: 0.35rem;background: #F2F2F2;}


.checkup_page .banner_sect .banner_wrap{position: relative; display: flex; flex-direction: column; align-items: center;  border-radius: var(--radius); overflow: hidden; background-color: var(--gray); color:#fff;}
.checkup_page .banner_sect .banner_wrap .txt_box{position: absolute; top: 50%; left: 0; z-index: 2; transform: translateY(-50%); padding: 12rem;}
.checkup_page .banner_sect .banner_wrap .txt_box > .tit{font-size:max(4.4rem, 40px); font-weight: 700;}
.checkup_page .banner_sect .banner_wrap .txt_box > .txt{font-size:var(--lgTxt); margin-top: 0.5rem;}
.checkup_page .banner_sect .banner_wrap .txt_box > .cont{margin-top: 4rem;}
.checkup_page .banner_sect .banner_wrap .txt_box > .cont > * {display: flex; align-items:center; font-size: var(--txt2);}
.checkup_page .banner_sect .banner_wrap .txt_box > .cont > * + *{margin-top: 0.5rem;}
.checkup_page .banner_sect .banner_wrap .txt_box > .cont .ico{display: inline-block; width: 1.1em; height: 1.1em; margin-right: 0.8rem;}
.checkup_page .banner_sect .banner_wrap .txt_box > .cont .ico svg{display: block; width: 100%;}
.checkup_page .banner_sect .banner_wrap .img_box{position: relative; padding-top: 31%; z-index: 1; width: 100%; height: 100%;}
.checkup_page .banner_sect .banner_wrap .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}


.checkup_page .cta_sect{position: relative; margin-top: var(--subSectPd2); padding: 12rem 0; background: url(../img/sub/checkup_cta.jpg) no-repeat center / cover;}
.checkup_page .cta_sect:before{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1;}
.checkup_page .cta_sect .cta_list{position: relative; color:#fff; display: flex; z-index: 2;}
.checkup_page .cta_sect .cta_list .item{display: flex; justify-content: center; flex: 1;}
.checkup_page .cta_sect .cta_list .item + .item{border-left: 1px solid rgba(255,255,255,.5);}
.checkup_page .cta_sect .cta_list .item .tit{position: relative; display: inline-flex; align-items: center; font-size: 4.4rem; padding-right: 0.6em;}
.checkup_page .cta_sect .cta_list .item .tit:after{content:''; position: absolute;right: 0; display: inline-block; width:0.8em; height:0.8em; margin-left: 0.3em;  transition:opacity 0.3s, right 0.3s; opacity: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32.777" height="28.173" viewBox="0 0 32.777 28.173"><g transform="translate(-2314.979 -2558.018)"><line data-name="선 4" x2="29.869" transform="translate(2314.979 2571.904)" fill="none" stroke="%23fff" stroke-width="4"/><path data-name="패스 13447" d="M0,0H17.921V17.921" transform="translate(2332.255 2559.431) rotate(45)" fill="none" stroke="%23fff" stroke-width="4"/></g></svg>') no-repeat center / contain;}
.checkup_page .cta_sect .cta_list .item:hover .tit:after{opacity: 1; right: -0.5em;}
.checkup_page .cta_sect .cta_list .item .txt{font-size: var(--txt2); margin-top: 2rem;}




/* 프리미엄 검진_개인검진 */
.chk_ps_page .chk_program_sect{padding-top: var(--subSectPd);}
.chk_ps_page .chk_program_sect .tab_cont{padding-top: 8rem;}

.chk_ps_page .chk_program_sect .sub_cont_tit_box{margin-bottom: 3.2rem;}
.chk_ps_page .chk_program_sect .sub_cont_tit_box > *{opacity: 1; transform: unset;}
.chk_ps_page .chk_program_sect .sub_cont_tit_box .txt{margin-top: 1.2rem;}

.chk_ps_page .chk_program_sect .program_tab{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.8rem;}
.chk_ps_page .chk_program_sect .program_tab .tab{display: flex; flex-direction: column; align-items: center; font-weight: 700; font-size:var(--txt1); border-radius: 1.2rem; padding: 3.2rem; background:var(--bg); color:var(--black); transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
.chk_ps_page .chk_program_sect .program_tab .tab .txt span{color:var(--gold);  transition:color 0.3s ease-in-out;}
.chk_ps_page .chk_program_sect .program_tab .tab .ico{width: max(4rem, 45px); height: max(4rem, 45px); margin-bottom: 0.8rem;}
.chk_ps_page .chk_program_sect .program_tab .tab:last-child .ico{width: max(4.8rem, 55px);}
.chk_ps_page .chk_program_sect .program_tab .tab .ico img{width: auto; height: 100%; object-fit: contain; transition: filter 0.3s ease-in-out}
.chk_ps_page .chk_program_sect .program_tab .tab.active,
.chk_ps_page .chk_program_sect .program_tab .tab:hover {background-color: var(--gold); color:#fff;}
.chk_ps_page .chk_program_sect .program_tab .tab.active .txt span,
.chk_ps_page .chk_program_sect .program_tab .tab:hover .txt span{color:#fff;}
.chk_ps_page .chk_program_sect .program_tab .tab:not(:last-child).active .ico img,
.chk_ps_page .chk_program_sect .program_tab .tab:not(:last-child):hover .ico img{filter: invert(1);}

.chk_ps_page .chk_program_sect .program_tab_cont{display: none; padding-top: var(--subContMt);;}
.chk_ps_page .chk_program_sect .program_tab_cont.active{display: block;}

.com_tbl{min-width: 100%; overflow-x: auto;}
.com_tbl table{width: 100%; border-left: none; font-size:var(--txt); border-right: none; border-top:2px solid #000; border-collapse:collapse; text-align: center;}
.com_tbl table tr{border-bottom:1px solid var(--lineColor);}
.com_tbl table tr > *{padding:1em; border-left:1px solid var(--lineColor);}
.com_tbl table tr:first-child > *:first-child{border-left: none;}
.com_tbl table tr td.bd_none{border-left: none;}

.chk_ps_page .program_tbl + .program_tbl{margin-top: 10rem;}
.chk_ps_page .chk_program_sect .com_tbl.program_tbl table tr .gender{font-size: 1.3em; font-weight: 700;}
.chk_ps_page .chk_program_sect .com_tbl.program_tbl table tr .gender .ico{width: 6.4rem; margin:0 auto 1rem;}
.chk_ps_page .chk_program_sect .com_tbl.program_tbl table tr td.program_name,
.chk_ps_page .chk_program_sect .com_tbl.program_tbl table tr td.name{font-weight: 700; width: 15%;}
.chk_ps_page .com_tbl.program_tbl table tr td.cont{text-align: left;}

.chk_ps_page .chk_program_sect .info_txt{font-size:var(--txt); color:var(--gray); margin-top: 1rem;}
.chk_ps_page .chk_program_sect .btm_btn{ margin-top:var(--subContMt); text-align: center;}




/* 프리미엄 검진_기업검진 */
.chk_cp_page .value_sect{padding-top: var(--subSectPd);}

.chk_cp_page .process_sect{padding: var(--subSectPd) 0;}
.chk_cp_page .process_sect .cir_list{display: flex; align-items: center; justify-content: space-between; margin-top: calc(var(--subContMt) / 2);}
.chk_cp_page .process_sect .cir_list .item{ position: relative; padding-top: calc((100% + 4rem * 2) / 5); width: calc((100% + 4rem * 2) / 5); border:1px solid var(--gold); height: 100%; border-radius: 50%; opacity: 0; transform: translateX(-50px); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s; }
.chk_cp_page .process_sect .cir_list.active .item{opacity: 1; transform:unset;}
.chk_cp_page .process_sect .cir_list .item:nth-child(2),
.chk_cp_page .process_sect .cir_list .item:nth-child(4){margin: 0 -4rem;}
.chk_cp_page .process_sect .cir_list .item:nth-child(2){transition-delay: 0.4s;}
.chk_cp_page .process_sect .cir_list .item:nth-child(3){transition-delay: 0.6s;}
.chk_cp_page .process_sect .cir_list .item:nth-child(4){transition-delay: 0.8s;}
.chk_cp_page .process_sect .cir_list .item:nth-child(5){transition-delay: 1s;}
.chk_cp_page .process_sect .cir_list .item .txt_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.chk_cp_page .process_sect .cir_list .item .txt_box .num{color: var(--gold); font-weight: 700; font-size:var(--txt); line-height: 1; margin-bottom: 1rem;}
.chk_cp_page .process_sect .cir_list .item .txt_box .tit{font-weight: 700; font-size:3.2rem;}

.chk_cp_page .process_sect .num_list{font-size: var(--txt); padding-left: calc(50% - 1.1em); margin-top:var(--subContMt);}
.chk_cp_page .process_sect .num_list .item {position:relative; display: flex; align-items: flex-start;}
.chk_cp_page .process_sect .num_list .item {padding-bottom:var(--subContMt); opacity: 0.3;}
.chk_cp_page .process_sect .num_list .item:last-child{padding-bottom: 0;}
.chk_cp_page .process_sect .num_list .item:not(:last-child):before{content:''; position: absolute; left: 1.1em; width: 2px; height: 100%; background-color: #ddd; z-index: -1;}
.chk_cp_page .process_sect .num_list .item:not(:last-child):after{content:''; position:absolute; left:1.1em; top:0; width:2px; height:100%; background-color: var(--gold); transform-origin:top; transform:scaleY(var(--fill,0)); z-index: -1;}
.chk_cp_page .process_sect .num_list .item .num{width: 2.2em; height: 2.2em; line-height: 2.2em; margin-right: 8rem; text-align: center; color: #fff; background-color:var(--num-color, #ddd); border-radius: 50%; font-weight: 700;}
.chk_cp_page .process_sect .num_list .item .txt_box .tit{font-size: 3.2rem; font-weight: 700;}
.chk_cp_page .process_sect .num_list .item .txt_box .txt_list .txt{position: relative; margin-top: 0.8em; padding-left: 0.5em; line-height: 1;}
.chk_cp_page .process_sect .num_list .item .txt_box .txt_list .txt + .txt{margin-top: 0.8em;}
.chk_cp_page .process_sect .num_list .item .txt_box .txt_list .txt:before{content: '·'; position: absolute; left: 0;}



/* 프리미엄 검진_유의사항 */
.chk_note_page .note_sect .line_tab_wrap{padding-top: var(--subSectPd);}
.chk_note_page .note_sect .line_tab{min-width: 0;}

.chk_note_page .note_sect .cont_wrap{padding-top: var(--subSectPd);}









/* ---------- 예약 ---------- */
/* 예약_온라인예약 */
.rese_page{padding-bottom: 0;}

.rese_page .step_sect {display: flex;align-items: flex-start; padding-left: max(calc((100% - var(--mainInWid))/2 + var(--inPd)) , var(--inPd))}
.rese_page .step_sect .step_wrap {flex: 1; margin-top: var(--subContMt2); padding-bottom: 36rem}
.rese_page .step_sect .step_wrap .step_tit_box {margin-bottom: var(--subContMt);}
.rese_page .step_sect .step_wrap .step_tit_box .desc {color: var(--gold);}
/* .rese_page .step_sect .step_wrap .step_tit_box .tit {font-size: 6rem; font-weight: 700} */

.rese_page .step_sect .step_wrap .step + .step {padding-top: var(--subContMt1)}
.rese_page .step_sect .step_wrap .step .chk_list {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px }
.rese_page .step_sect .step_wrap .step .chk_list li label {cursor: pointer; display: flex; align-items: center; justify-content: center; border: 1px solid #DDDDDD; border-radius: 1rem; font-size: var(--lgTxt); height: 4em; font-weight: 700; transition: background-color 0.3s ease-in-out , border-color 0.3s ease-in-out, color 0.3s ease-in-out}
.rese_page .step_sect .step_wrap .step .chk_list li label:hover,
.rese_page .step_sect .step_wrap .step .chk_list li input:checked + label {border-color: var(--gold); background-color: var(--gold); color: #fff}

.rese_page .step_sect .step_wrap .step2 .list_box .list_top {font-size: var(--txt2); font-weight: 500;}
.rese_page .step_sect .step_wrap .step2 .list_box .list_top span {color: var(--gold);}
.rese_page .step_sect .step_wrap .step2 .list_box .list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 2.4rem; gap: var(--subContMt) 5rem; padding-bottom: 5rem}
.rese_page .step_sect .step_wrap .step2 .list_box .list label {display: grid; align-items: flex-start; grid-template-columns: minmax(0,40%) minmax(0,60%); gap: 5rem; cursor: pointer; height: 100%}
.rese_page .step_sect .step_wrap .step2 .list_box .list label .img {position: relative; padding-top: 118%; border-radius: 2rem; overflow: hidden}
.rese_page .step_sect .step_wrap .step2 .list_box .list label .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.rese_page .step_sect .step_wrap .step2 .list_box .list label .txt_box {display: flex; flex-direction: column; padding: 3rem 0; height: 100%}
.rese_page .step_sect .step_wrap .step2 .list_box .list label .txt_box .com_badge_box .badge {font-size: var(--smTxt); padding: 0.5em;}
.rese_page .step_sect .step_wrap .step2 .list_box .list label .txt_box .name {font-size: 3.6rem; font-weight: 700; margin-top: 2rem}
.rese_page .step_sect .step_wrap .step2 .list_box .list label .txt_box .tag_wrap {margin-top: 1rem; display: flex; flex-wrap: wrap; margin-bottom: 4rem}
.rese_page .step_sect .step_wrap .step2 .list_box .list label .txt_box .tag_wrap .tag {font-size: var(--txt); font-weight: 500; margin-right: 5px}
.rese_page .step_sect .step_wrap .step2 .list_box .list label .txt_box .btn {margin-top: auto; width:6em; height: 2.8em; display: flex; align-items: center; justify-content: center; font-size: var(--txt); font-weight: 700; border: 1px solid #000; border-radius: 100px; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out}
.rese_page .step_sect .step_wrap .step2 .list_box .list label:hover .txt_box .btn {background-color: #000; color: #FFF}
.rese_page .step_sect .step_wrap .step2 .view_more_box {border-top: 1px solid #DDDDDD; padding-top: 3rem}
.rese_page .step_sect .step_wrap .step2 .view_more_box .btn {margin: 0 auto;width:11em; height: 3.5em; display: flex; align-items: center; justify-content: center; font-size: var(--txt2); font-weight: 700; background-color: rgb(248, 242, 232) ;border-radius: 0.5em; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out , fill 0.3s ease-in-out}
.rese_page .step_sect .step_wrap .step2 .view_more_box .btn svg {width: 1em; height: auto; margin-left: 1em}
.rese_page .step_sect .step_wrap .step2 .view_more_box .btn:hover {background-color: #000; color: #fff; fill: #fff}

.rese_page .step_sect .step_wrap .step3 .info_txt {display: flex; align-items: center; justify-content: center; background-color: #F7F7F7; font-size: var(--lgTxt); font-weight: 700; padding: 3rem 0}
.rese_page .step_sect .step_wrap .step3 .info_txt svg {width: 1em; height: auto; margin-right: 1.5rem}

.rese_page .step_sect .step_wrap .step3 .calendar-wrapper {position: relative; padding-top: 10rem; border: 1px solid #DDDDDD; border-top: none; padding: 10rem}
.rese_page .step_sect .step_wrap .step3 .calendar-wrapper .btn_box {display: flex; justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%}
.rese_page .step_sect .step_wrap .step3 .calendar-wrapper .btn_box .btn svg {width: 2.5rem; height: auto}
.rese_page .step_sect .step_wrap .step3 .calendar-track {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5rem; position: relative}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-header {font-size: 3rem; font-weight: 700; text-align: center; border-bottom: 1px solid #DDDDDD; padding-bottom: 2.5rem; margin-bottom: 3rem}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table {width: 100%; font-size: var(--txt16);font-weight: 600}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .tr {display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 10px}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .tr + .tr {margin-top: 10px}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .th,
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .td {color: #AAAAAA; padding-top: 100%; position: relative; border-radius: 50%}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .th {color: #000}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .txt {position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 50%}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .td.close label{background-color: #F2F2F2; pointer-events: none}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .td.open label {background-color: #E4EDFF; color: #1c1c1c; cursor: pointer}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .td.open input:checked + label {background-color: #1B1C66; color: #fff}

.rese_page .step_sect .step_wrap .step3 .info_cir_box {margin-top: 3rem; display: flex;}
.rese_page .step_sect .step_wrap .step3 .info_cir_box .cir_box {display: flex; align-items: center; font-size: var(--txt); font-weight: 600}
.rese_page .step_sect .step_wrap .step3 .info_cir_box .cir_box + .cir_box {margin-left: 4rem}
.rese_page .step_sect .step_wrap .step3 .info_cir_box .cir_box .cir {width: 2rem; height: 2rem; border-radius: 50%; margin-right: 10px}
.rese_page .step_sect .step_wrap .step3 .info_cir_box .cir_box .cir.type1 {background-color: #1B1C66}
.rese_page .step_sect .step_wrap .step3 .info_cir_box .cir_box .cir.type2 {background-color: #E4EDFF}
.rese_page .step_sect .step_wrap .step3 .info_cir_box .cir_box .cir.type3 {background-color: #F2F2F2}

.rese_page .step_sect .step_wrap .step5 .inp_wrap {border-top: 1px solid #000; padding: 8rem; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 3rem 5rem; border-bottom: 1px solid #DDDDDD}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont {display: flex; align-items: center}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .inp_txt {font-size: var(--txt1); font-weight: 700; width: 4em}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .inp_txt.ess:after {content: "*";}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.num .inp_txt,
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.email .inp_txt{width: 7em}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .cont {flex: 1}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .cont .inp input {font-size: var(--txt1); font-weight: 500; height: 3.5em; border: 1px solid rgba(221,221,221,0.5); border-radius: 0.5em; width: 100%; padding: 0 1em}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .cont .inp input:focus {border: 2px solid #000}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .cont .select {margin-right: 15px}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.addr {grid-column: 1 / 3}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.call .cont {display: flex; align-items: center}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.call .cont .inp {flex: 1}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.call .cont .nice-select {font-size: var(--txt1); font-weight: 500; height: 3.5em; line-height: 3.5em ;border: 1px solid rgba(221,221,221,0.5); border-radius: 0.5em; width: 6em; color: #1c1c1c}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.call .cont .nice-select:after {border: none;transform: translateY(-50%); width: 0.75em; height: 0.75em; margin-top: 0; transform-origin: center; border-radius: 0.5em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%231c1c1c"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>')center/contain no-repeat;}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.call .cont .nice-select .list { min-width: calc(100% + 2px);border-radius: 0;left: -1px; color: #000; font-size: var(--txt18); border-radius: 0.5em}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.call .cont .nice-select.open:after { transform: rotate(180deg); }
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.call .cont .nice-select .option {padding: 0 1.2em; height: 3em; line-height: 3em; min-height: 0}
.rese_page .step_sect .step_wrap .step5 .info_txt {margin-top:3rem; font-size:var(--txt); font-weight: 500; color: #666666; text-align: right}

.rese_page .step_sect .sticky_box {position: sticky; top: 0; width:64rem; max-width: 22%; height: 100vh; margin-left: 16rem; display: flex; flex-direction: column; z-index: 110; }
.rese_page .step_sect .sticky_box .img {position: relative}
.rese_page .step_sect .sticky_box .img img {width: 100%}
.rese_page .step_sect .sticky_box .txt_box {background-color: var(--navy);; padding: 6.4rem 6.4rem 8rem; color: #fff; flex: 1}
.rese_page .step_sect .sticky_box .txt_box .ico_txt {display: flex;font-size: var(--lgTxt);}
.rese_page .step_sect .sticky_box .txt_box .ico_txt .ico {width: 1.3em; margin-right: 15px; margin-top: 3px}
.rese_page .step_sect .sticky_box .txt_box .ico_txt .ico svg {width: 100%; height: auto}
.rese_page .step_sect .sticky_box .txt_box .ico_txt .txt { font-weight: 700}
.rese_page .step_sect .sticky_box .txt_box .list {margin-top: var(--subContMt); font-size: 3rem; border-top: 2px solid #7576AF; display: none}
.rese_page .step_sect .sticky_box .txt_box .list li {padding:1em;align-items: center; font-size: var(--lgTxt); color: #fff; display: none; border-bottom: 2px solid #7576AF;}
.rese_page .step_sect .sticky_box .txt_box .list li .left_txt {font-weight: 700; width: 5.5em}
.rese_page .step_sect .sticky_box .txt_box .list li .right_txt {font-weight: 500; }
.rese_page .step_sect .sticky_box .btn {font-size: var(--lgTxt); height: 4em; text-align: center; background-color: var(--gold); color: #fff; font-weight: 700; transition: background-color 0.3s ease-in-out }
.rese_page .step_sect .sticky_box .btn:hover {background-color: var(--black);}







/* 커뮤니티_홍보센터-공지사항 */
.commu_page .sub_top{margin-bottom: calc(var(--subSectPd) / 2);}
.commu_page .round_tab_wrap{margin-top: 0;}
.commu_page .round_tab_wrap .round_tab{font-size:var(--txt1)}

.board_list_top { display: flex; align-items: center; margin-bottom: 5rem; font-size:var(--txt2)}
.board_list_top .total_num strong { font-weight: 700; }
.board_list_top .line_sch_box { margin-left: auto; }

.line_sch_box { width: max(28rem,200px); height: 3.5rem; }
.line_sch_box .sch_inp { display: flex; align-items: center; position: relative; padding: 0 0 0.5em; border-bottom: 1px solid #232323; }
.line_sch_box .sch_inp input { flex: 1; min-width: 0; }
.line_sch_box .sch_inp input::placeholder{color:#acacac;}
.line_sch_box .sch_inp .btn { margin-left: auto; margin-left: 0.7em; }
.line_sch_box .sch_inp .btn svg { display: block; width: 2rem; height: auto; fill: #acacac; transition: fill 0.3s ease-in-out;}
.line_sch_box .sch_inp input:focus + .btn svg { fill: #232323; }


.board_list .list li a { display: flex; align-items: center; height: 10rem; padding: 0 4rem; border-top: 1px solid var(--lineColor); transition: background-color 0.3s ease-in-out; }
.board_list .list li a:hover{background-color: #F6F6F6;}
.board_list .list li:last-child a { border-bottom: 1px solid var(--lineColor); }
.board_list .list .badge { display: block; padding: 0.4em 1.2em; margin-right: 1.5rem; font-size: var(--smTxt); border-radius: 100px; background-color: var(--brown); color: #fff; font-weight: 700; }
.board_list .list .cate { font-weight: 500; margin-right: 20px; width: 6em; }
.board_list .list .tit { font-weight: 700; font-size: var(--txt2); flex: 1; padding-right: 5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board_list .list .txt { font-weight: 500; font-size: var(--smTxt); color: #9CA1AE; }
.board_list .code { width: 3.8em; }
.board_list.inquiry_list .date { width: 12em; text-align: center; }
.board_list .area { width: 5em; text-align: center; }
.board_list .type { font-weight: 500; color: #232323; width: 5.5em; }
.board_list .id { width: 8em; text-align: center; }
.board_list .state { width: 5.5em; padding: 0.5em 0; text-align: center; border-radius: 100px; font-size: var(--smTxt); font-weight: 500; }
.board_list .state.wait { background-color: #ACACAC; color: #fff; }
.board_list .state.clear { background-color: var(--gold); color: #fff; }

/* 커뮤니티_홍보센터-차움미디어 */
.media_list .list { display: grid;grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8rem 3rem;}
.media_list .list a { display: block; position: relative;}
.media_list .list li .badge_box { display: flex; display: none; position: absolute; top: 1em; left: 1em; z-index: 3;}
.media_list .list li .badge_box .badge { height: 2em; line-height: 2.05em ; padding: 0 1em; border-radius: 4em; color: #fff; font-size: var(--tinyTxt); font-weight: 500;}
.media_list .list li .badge_box .badge + .badge {margin-left: 5px;}
.media_list .list li .badge_box .badge.type1 {  background-color: var(--brown);}
.media_list .list li .badge_box .badge.type2 { background-color: var(--navy);}
.media_list .list li .img_box {position: relative; overflow: hidden; border-radius: 2rem;}
.media_list .list li .img_box .img { position: relative; padding-top: 56%; background-color: #f6f7f9;}
.media_list .list li .img_box .img img {position: absolute; width: 100%;  height: 100%;left: 0; bottom: 0; object-fit: cover; object-position: center; transform-origin: center; transition: transform 0.3s ease;}
.media_list .list li:hover .img_box .img img { transform: scale(1.1); }
.media_list .list li .txt_box {margin-top: 2rem;}
/* .media_list .list li .txt_box .cate {font-size: var(--smTxt); font-weight: 700; color: var(--blue);} */
.media_list .list li .txt_box .tit { font-size: var(--txt1); font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.media_list .list li .txt_box .info_box{ margin-top: 2rem; display: flex; align-items: center; line-height: 1;}
.media_list .list li .txt_box .source{ border-right: 1px solid rgba(0,0,0,.3); margin-right: 0.6em; padding-right: 0.6em; font-weight: 600;}
.media_list .list li .txt_box .date { font-size: var(--smTxt); opacity: 0.7; font-weight: 500;}



/* 게시판 */



/* 게시글 상세 */
.board_view_page {word-break: break-all; font-size: var(--txt);}
.board_view_page .in{max-width: 1000px;}
.board_view_page .view_top { padding-bottom: 2rem; border-bottom: 1px solid #000;}
.board_view_page .view_top .tit {flex: 1; padding-right: 3rem; font-size: var(--smTit); font-weight: 700; }
.board_view_page .view_top .user_info {display: flex; align-items: center; margin-left: auto; color: var(--gray); font-size: var(--smTxt)}
.board_view_page .view_top .user_info p + p {margin-left: 2rem;}

.board_view_page .view_top {display: block;}
.board_view_page .view_top .badge_box {display: flex; margin-bottom: 1rem;}
.board_view_page .view_top .badge_box .badge {border-radius:10rem; font-size:var(--smTxt); background-color: var(--blue); color:#fff; padding:0.4em 0.8em; }
.board_view_page .view_top .badge_box .badge + .badge {margin-left: 5px;}
.board_view_page .view_top .user_info {margin-top: 1.6rem;}

.board_view_page.basic .view_cont {  min-height: 20rem; border-bottom: 1px solid var(--lineColor) ; padding-top: 4rem; padding-bottom: 4rem;}
.board_view_page.basic .view_cont .txt_box { min-height: 40rem; word-break: break-all; }
.board_view_page.basic .view_cont .txt_box .content_area {padding: 0 !important;}
.board_view_page.basic .view_cont img{max-width: 60%;}

.board_view_page.basic .view_cont .basic_cont {padding: 8rem;}
.board_view_page.basic .view_cont .board_file {display: flex; padding: 3rem 0; border-top: 1px solid var(--lineColor); color: var(--gray); font-size: var(--smTxt);}
.board_view_page.basic .view_cont .board_file .ico{width: 2rem !important; height: 2rem; margin-right: 1rem;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.7 67.3c-29.1-29.1-76.3-29.1-105.4 0l-192 192c-46.8 46.8-46.8 122.6 0 169.4s122.6 46.8 169.4 0l152-152c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-152 152c-59.3 59.3-155.4 59.3-214.6 0S1.4 296 60.7 236.7l192-192c41.6-41.6 109-41.6 150.6 0s41.6 109 0 150.6L219.5 379.1c-28.2 28.2-74.6 25.6-99.6-5.5c-21.3-26.6-19.2-65 4.9-89.1L276.7 132.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L147.5 307.1c-12.6 12.6-13.7 32.6-2.6 46.5c13 16.2 37.2 17.6 51.9 2.9L380.7 172.7c29.1-29.1 29.1-76.3 0-105.4z"/></svg>') no-repeat center / contain;}
.board_view_page.basic .view_cont .board_file .file {display: flex;}
.board_view_page.basic .view_cont .board_file .file_txt {max-width: 15rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.board_view_page .view_cont .q_cont{padding: 8rem 0 ;}

.board_view_page .view_cont .a_cont {background-color: #F6F7F9; padding: 3rem 4rem; }
.board_view_page .view_cont .a_cont .wait {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 25rem;}
.board_view_page .view_cont .a_cont .wait svg {width: 4.5rem; height: auto; fill: #D5D9E3;}
.board_view_page .view_cont .a_cont .wait p {font-size: var(--txt); font-weight: 600; color: var(--gray); margin-top: 2rem; ;}

.board_view_page .view_cont .a_cont .top {display: flex; align-items: center;}
.board_view_page .view_cont .a_cont .top .name {font-size: var(--txt); font-weight: 700;}
.board_view_page .view_cont .a_cont .top .badge {width: 5.5em; height: 2.5em; line-height: 2.5em; font-size: var(--smTxt); color: #fff; font-weight: 500; background-color: var(--brown); border-radius: 50px; text-align: center; margin-right: 1.5rem}
.board_view_page .view_cont .a_cont .top .date {margin-left: 2rem; color: var(--gray); font-size: var(--smTxt); }
.board_view_page .view_cont .a_cont .txt {margin-top: 3rem; word-break: break-all;}
.board_view_page .view_cont .a_cont .board_file {display: flex; margin-top: 3rem; padding-top: 3rem; border-top: 1px solid var(--lineColor); color: var(--gray); font-size: var(--smTxt);}
.board_view_page .view_cont .a_cont .board_file .ico{width: 2rem; height: 2rem; margin-right: 1rem;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.7 67.3c-29.1-29.1-76.3-29.1-105.4 0l-192 192c-46.8 46.8-46.8 122.6 0 169.4s122.6 46.8 169.4 0l152-152c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-152 152c-59.3 59.3-155.4 59.3-214.6 0S1.4 296 60.7 236.7l192-192c41.6-41.6 109-41.6 150.6 0s41.6 109 0 150.6L219.5 379.1c-28.2 28.2-74.6 25.6-99.6-5.5c-21.3-26.6-19.2-65 4.9-89.1L276.7 132.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L147.5 307.1c-12.6 12.6-13.7 32.6-2.6 46.5c13 16.2 37.2 17.6 51.9 2.9L380.7 172.7c29.1-29.1 29.1-76.3 0-105.4z"/></svg>') no-repeat center / contain;}
.board_view_page .view_cont .a_cont .board_file .file {display: flex;}
.board_view_page .view_cont .a_cont .board_file .file_txt {max-width: 15rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_view_page .view_cont .a_cont .board_file .img_answer { max-width: 40%; cursor: pointer; }
.board_view_page .view_cont .a_cont .date {margin-top: 4rem; font-size: var(--smTxt); opacity: 0.8;}

.board_view_page .view_cont .edit_btn_wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 2rem; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn { display: flex; align-items: center; justify-content: center; gap: 0.5em; padding: 0.5em 1em; border-radius: 2em; border: 1px solid var(--gray); font-size: calc(var(--smTxt) - 1px); color: var(--gray); fill: var(--gray); transition: all 0.3s; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn + .edit_btn { margin-left: 0.6em; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn .ico { display: flex; align-items: center; justify-content: center; }


/* 목록 버튼 */
.board_view_page .answer_wrap + .board_li_wrap { border-top: 0; }
.board_view_page .board_li_wrap{margin-top: 10rem; }
.board_view_page .board_li_wrap .box_wrap{display: flex; align-items: center; justify-content: center;}
.board_view_page .board_li_wrap .box_wrap .btn_wrap{}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a{display: flex; align-items: center; height: 3em; padding: 0 2.5em;  border-radius: 2em; background-color: #fff; border:1px solid var(--black); transition: background 0.25s, fill 0.25s, color 0.25s; font-size:var(--txt)}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a:hover { background-color: var(--black); color:#fff;}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a svg{margin-left: 2em; display: none;}

/* 이전 글 & 다음 글 */
.board_view_page .board_li_wrap .box{display: flex; align-items: center; justify-content: flex-start; width: 20rem;}
.board_view_page .board_li_wrap .box + .box{margin-left: 20px;}
.board_view_page .board_li_wrap .box .ico{display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; position: relative; width: 5.5rem; height: 5.5rem; background: #EEF0F5; fill: #9A9EA7; border-radius: 50%; transition: background 0.25s, fill 0.25s;}
.board_view_page .board_li_wrap .box .ico svg{}
.board_view_page .board_li_wrap .box.next{margin-right: auto;}
.board_view_page .board_li_wrap .box.prev{flex-direction: row-reverse; margin-left: auto;}
.board_view_page .board_li_wrap .box.next .ico{margin-right: 1.8rem;}
.board_view_page .board_li_wrap .box.prev .ico{margin-left: 1.8rem;}
.board_view_page .board_li_wrap .box .tit{font-size:var(--txt); font-weight: 700; transition: color 0.25s;}
.board_view_page .board_li_wrap .box.none{opacity: 0.4; cursor: default;}

.board_view_page .board_li_wrap .box:hover .ico{background-color: var(--black);}
.board_view_page .board_li_wrap .box:hover .ico svg{fill: #fff;}

/* 검색 시 없을 때 */
.empty_box{width:100%; display:flex; flex-direction: column; align-items: center; justify-content: center; grid-column: 1 / -1; padding-bottom: 80px; margin-top: 80px}
.empty_box img{display:flex; width: max(20rem, 250px); filter: grayscale(100%); opacity: 0.4;}
.empty_box span{font-size: var(--smTxt); font-weight: 400; color: rgba(0,0,0,0.5); margin-top: 2rem;}


/* Pagination */
.pagination { display: flex; align-items: center; justify-content: center; margin-top: 9rem; }
.pagination > a { line-height: 1; }
.pagination > a svg { fill: #B0B0B0; transition: all 0.3s; height: 2.2rem; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 2.5rem; }
.pagination .num_list li { position: relative; width: 2.85em; height: 2.85em; margin: 0 0.25rem; font-size: 1.7rem; border-radius: 50%; text-align: center; transition: all 0.3s; }
.pagination .num_list li a { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); line-height: 2.85em; transition: all 0.4s; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: #fff; font-weight: 700; }
.pagination .num_list li.active a:before { background-color: var(--navy); }
.pagination .next { margin-right: 2rem; }
.pagination .prev { margin-left: 2rem; }
.pagination .none { opacity: 0.4; cursor: default; }


















@media screen and (max-width: 2000px) {
    .med_find_page .search_form .type_wrap .type_box .small_category .btn{font-size: var(--txt);}
    
    .med_view_page .list_tbl .tbl_box .td_box{font-size: var(--txt);}
    .med_view_page .profile_sect .cont .info_cont .tag_list .tag,
    .med_view_page .profile_sect .cont .info_cont .history_list .item{font-size: var(--txt1);}
    .med_view_page .media_sect .slide_cont .item .txt_box .txt{font-size:var(--txt1)}
    .med_view_page .media_sect .slide_cont .item .txt_box .date{font-size: var(--smTxt);}



    .med_staff_slide .item{padding-right: 8rem;}
    .med_staff_slide .txt_box .btn + .btn{margin-left:6px;}
    .med_staff_slide .txt_box .btn:after{margin-left: 0.8em;}
    

    .com_recommend_cont .list .item{font-size:max(2rem, 20px);}
    .food_page .diagnosis_sect .chk_list .result_box .txt_box{font-size:20px;}
    .com_tag_box .tag{font-size:var(--txt);}

    .immu_page .com_test_slide .item .txt{min-height: 4.5em;}

    .chk_info_page .equipment_sect .slide_wrap .txt_box .txt{max-width: 90%;}
    .chk_info_page .equipment_sect .slide_wrap .txt_box .txt br{display: none;}

    .com_depts_list .item .top_box .txt{font-size: 17px;}

}



@media screen and (max-width: 1640px) {



    .rese_page .step_sect .step_wrap .step .chk_list {grid-template-columns: repeat(4,minmax(0,1fr))}
    .rese_page .step_sect .sticky_box {margin-left: var(--inPd)}
    .rese_page .step_sect .step_wrap .step2 .list_box .list label .txt_box {padding-bottom: 0;}
}